Add comprehensive e2e test suites for Tasks 16-25

Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date)
- Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class
- Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting
- Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states
- Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions
- Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation

Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares)
- Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline
- Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements
- Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations
- Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary
- Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds

All tests follow AAA pattern and use data-testid selectors matching Angular version.
Total: 245 tests across 10 feature suites.

node_modules/primereact/fieldset/fieldset.cjs.js

@@ -0,0 +1,295 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
+var csstransition = require('primereact/csstransition');
+var hooks = require('primereact/hooks');
+var minus = require('primereact/icons/minus');
+var plus = require('primereact/icons/plus');
+var ripple = require('primereact/ripple');
+var utils = require('primereact/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+var FieldsetBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'Fieldset',
+    id: null,
+    legend: null,
+    className: null,
+    style: null,
+    toggleable: null,
+    collapsed: null,
+    collapseIcon: null,
+    transitionOptions: null,
+    expandIcon: null,
+    onExpand: null,
+    onCollapse: null,
+    onToggle: null,
+    onClick: null,
+    children: undefined
+  },
+  css: {
+    classes: {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return utils.classNames('p-fieldset p-component', {
+          'p-fieldset-toggleable': props.toggleable
+        });
+      },
+      toggleableContent: 'p-toggleable-content',
+      togglericon: 'p-fieldset-toggler',
+      legendTitle: 'p-fieldset-legend-text',
+      legend: 'p-fieldset-legend p-unselectable-text',
+      content: 'p-fieldset-content',
+      transition: 'p-toggleable-content'
+    },
+    styles: "\n        @layer primereact {\n            .p-fieldset-legend > a,\n            .p-fieldset-legend > span {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .p-fieldset-toggleable .p-fieldset-legend a {\n                cursor: pointer;\n                user-select: none;\n                overflow: hidden;\n                position: relative;\n                text-decoration: none;\n            }\n            \n            .p-fieldset-legend-text {\n                line-height: 1;\n            }\n        }\n        "
+  }
+});
+
+var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = FieldsetBase.getProps(inProps, context);
+  var _React$useState = React__namespace.useState(props.id),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    idState = _React$useState2[0],
+    setIdState = _React$useState2[1];
+  var _React$useState3 = React__namespace.useState(props.collapsed),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    collapsedState = _React$useState4[0],
+    setCollapsedState = _React$useState4[1];
+  var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
+  var elementRef = React__namespace.useRef(null);
+  var contentRef = React__namespace.useRef(null);
+  var headerId = idState + '_header';
+  var contentId = idState + '_content';
+  var _FieldsetBase$setMeta = FieldsetBase.setMetaData({
+      props: props,
+      state: {
+        id: idState,
+        collapsed: collapsed
+      }
+    }),
+    ptm = _FieldsetBase$setMeta.ptm,
+    cx = _FieldsetBase$setMeta.cx,
+    isUnstyled = _FieldsetBase$setMeta.isUnstyled;
+  componentbase.useHandleStyle(FieldsetBase.css.styles, isUnstyled, {
+    name: 'fieldset'
+  });
+  var toggle = function toggle(event) {
+    if (props.toggleable) {
+      collapsed ? expand(event) : collapse(event);
+      if (props.onToggle) {
+        props.onToggle({
+          originalEvent: event,
+          value: !collapsed
+        });
+      }
+    }
+    event.preventDefault();
+  };
+  var expand = function expand(event) {
+    if (!props.onToggle) {
+      setCollapsedState(false);
+    }
+    props.onExpand && props.onExpand(event);
+  };
+  var collapse = function collapse(event) {
+    if (!props.onToggle) {
+      setCollapsedState(true);
+    }
+    props.onCollapse && props.onCollapse(event);
+  };
+  hooks.useMountEffect(function () {
+    if (!props.id) {
+      setIdState(utils.UniqueComponentId());
+    }
+  });
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+      toggle(event);
+      event.preventDefault();
+    }
+  };
+  var createContent = function createContent() {
+    var contentProps = mergeProps({
+      className: cx('content')
+    }, ptm('content'));
+    var toggleableProps = mergeProps({
+      ref: contentRef,
+      id: contentId,
+      role: 'region',
+      'aria-labelledby': headerId,
+      className: cx('toggleableContent')
+    }, ptm('toggleableContent'));
+    var transitionProps = mergeProps({
+      classNames: cx('transition'),
+      timeout: {
+        enter: 1000,
+        exit: 450
+      },
+      "in": !collapsed,
+      unmountOnExit: true,
+      options: props.transitionOptions
+    }, ptm('transition'));
+    return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+      nodeRef: contentRef
+    }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", toggleableProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)));
+  };
+  var createToggleIcon = function createToggleIcon() {
+    if (props.toggleable) {
+      var togglerIconProps = mergeProps({
+        className: cx('togglericon')
+      }, ptm('togglericon'));
+      var icon = collapsed ? props.expandIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, togglerIconProps);
+      var toggleIcon = utils.IconUtils.getJSXIcon(icon, togglerIconProps, {
+        props: props
+      });
+      return toggleIcon;
+    }
+    return null;
+  };
+  var createLegendContent = function createLegendContent() {
+    var legendTextProps = mergeProps({
+      className: cx('legendTitle')
+    }, ptm('legendTitle'));
+    var togglerProps = mergeProps({
+      id: headerId,
+      role: 'button',
+      'aria-expanded': !collapsed,
+      'aria-controls': contentId,
+      onKeyDown: onKeyDown,
+      onClick: toggle,
+      'aria-label': props.legend,
+      tabIndex: 0
+    }, ptm('toggler'));
+    if (props.toggleable) {
+      var toggleIcon = createToggleIcon();
+      return /*#__PURE__*/React__namespace.createElement("a", togglerProps, toggleIcon, /*#__PURE__*/React__namespace.createElement("span", legendTextProps, props.legend), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({}, legendTextProps, {
+      id: headerId
+    }), props.legend);
+  };
+  var createLegend = function createLegend() {
+    var legendProps = mergeProps({
+      className: cx('legend')
+    }, ptm('legend'));
+    if (props.legend != null || props.toggleable) {
+      var legendContent = createLegendContent();
+      return /*#__PURE__*/React__namespace.createElement("legend", legendProps, legendContent);
+    }
+  };
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    };
+  });
+  var rootProps = mergeProps({
+    id: idState,
+    ref: elementRef,
+    style: props.style,
+    className: utils.classNames(props.className, cx('root')),
+    onClick: props.onClick
+  }, FieldsetBase.getOtherProps(props), ptm('root'));
+  var legend = createLegend();
+  var content = createContent();
+  return /*#__PURE__*/React__namespace.createElement("fieldset", rootProps, legend, content);
+});
+Fieldset.displayName = 'Fieldset';
+
+exports.Fieldset = Fieldset;

node_modules/primereact/fieldset/fieldset.d.ts

@@ -0,0 +1,210 @@
+/**
+ *
+ * Fieldset is an input component that provides real-time suggestions when being typed.
+ *
+ * [Live Demo](https://www.primereact.org/fieldset/)
+ *
+ * @module fieldset
+ *
+ */
+import * as React from 'react';
+import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { ComponentHooks } from '../componentbase/componentbase';
+import { CSSTransitionProps } from '../csstransition';
+import { PassThroughOptions } from '../passthrough';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type FieldsetPassThroughType<T> = PassThroughType<T, FieldsetPassThroughMethodOptions>;
+export declare type FieldsetPassThroughTransitionType = ReactCSSTransitionProps | ((options: FieldsetPassThroughMethodOptions) => ReactCSSTransitionProps) | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface FieldsetPassThroughMethodOptions {
+    props: FieldsetProps;
+    state: FieldsetState;
+}
+
+/**
+ * Custom toggle event.
+ * @see {@link FieldsetEmits.toggle}
+ */
+export interface FieldsetToggleEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.MouseEvent<HTMLElement>;
+    /**
+     * Collapsed state as a boolean
+     */
+    value: boolean;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link FieldsetProps.pt}
+ */
+export interface FieldsetPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: FieldsetPassThroughType<React.HTMLAttributes<HTMLFieldSetElement>>;
+    /**
+     * Uses to pass attributes to the legend's DOM element.
+     */
+    legend?: FieldsetPassThroughType<React.HTMLAttributes<HTMLLegendElement>>;
+    /**
+     * Uses to pass attributes to the toggler's DOM element.
+     */
+    toggler?: FieldsetPassThroughType<React.HTMLAttributes<HTMLAnchorElement>>;
+    /**
+     * Uses to pass attributes to the toggler icon's DOM element.
+     */
+    togglerIcon?: FieldsetPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the legend title's DOM element.
+     */
+    legendTitle?: FieldsetPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the toggleable content's DOM element.
+     */
+    toggleableContent?: FieldsetPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: FieldsetPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to manage all lifecycle hooks
+     * @see {@link ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+    /**
+     * Used to control React Transition API.
+     */
+    transition?: FieldsetPassThroughTransitionType;
+}
+
+/**
+ * Defines current inline state in Fieldset component.
+ */
+export interface FieldsetState {
+    /**
+     * Current collapsed state as a boolean.
+     * @defaultValue false
+     */
+    collapse: boolean;
+}
+
+/**
+ * Custom toggle event.
+ * @see {@link FieldsetProps.onToggle}
+ * @event
+ */
+interface FieldsetToggleEvent {
+    /**
+     * Browser mouse event.
+     */
+    originalEvent: React.MouseEvent<HTMLElement>;
+    /**
+     * Collapsed state as a boolean.
+     */
+    value: boolean;
+}
+
+/**
+ * Defines valid properties in Fieldset component. In addition to these, all properties of HTMLFieldSetElement can be used in this component.
+ * @group Properties
+ */
+export interface FieldsetProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, 'ref'> {
+    /**
+     * Header text of the fieldset.
+     */
+    legend?: React.ReactNode | undefined;
+    /**
+     * When specified, content can toggled by clicking the legend.
+     * @defaultValue false
+     */
+    toggleable?: boolean | undefined;
+    /**
+     * Defines the default visibility state of the content.
+     * @defaultValue false
+     */
+    collapsed?: boolean | undefined;
+    /**
+     * Icon of an expanded tab.
+     */
+    collapseIcon?: IconType<FieldsetProps> | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Icon of an collapsed tab.
+     */
+    expandIcon?: IconType<FieldsetProps> | undefined;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
+    onExpand?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke when an active tab is collapsed by clicking on the header.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
+    onCollapse?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {FieldsetToggleEvent} event - Custom toggle event.
+     */
+    onToggle?(event: FieldsetToggleEvent): void;
+    /**
+     * Callback to invoke when fieldset is clicked.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
+    onClick?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {FieldsetPassThroughOptions}
+     */
+    pt?: FieldsetPassThroughOptions;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * **PrimeReact - Fieldset**
+ *
+ * _Fieldset is an input component that provides real-time suggestions when being typed._
+ *
+ * [Live Demo](https://www.primereact.org/fieldset/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare class Fieldset extends React.Component<FieldsetProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLFieldSetElement | null} Container element
+     */
+    public getElement(): HTMLFieldSetElement | null;
+    /**
+     * Used to get the content element of the fieldset.
+     * @return {HTMLDivElement | null} Content element
+     */
+    public getContent(): HTMLDivElement | null;
+}

node_modules/primereact/fieldset/fieldset.esm.js

@@ -0,0 +1,271 @@
+'use client';
+import * as React from 'react';
+import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { CSSTransition } from 'primereact/csstransition';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
+import { MinusIcon } from 'primereact/icons/minus';
+import { PlusIcon } from 'primereact/icons/plus';
+import { Ripple } from 'primereact/ripple';
+import { classNames, UniqueComponentId, IconUtils } from 'primereact/utils';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+var FieldsetBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'Fieldset',
+    id: null,
+    legend: null,
+    className: null,
+    style: null,
+    toggleable: null,
+    collapsed: null,
+    collapseIcon: null,
+    transitionOptions: null,
+    expandIcon: null,
+    onExpand: null,
+    onCollapse: null,
+    onToggle: null,
+    onClick: null,
+    children: undefined
+  },
+  css: {
+    classes: {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return classNames('p-fieldset p-component', {
+          'p-fieldset-toggleable': props.toggleable
+        });
+      },
+      toggleableContent: 'p-toggleable-content',
+      togglericon: 'p-fieldset-toggler',
+      legendTitle: 'p-fieldset-legend-text',
+      legend: 'p-fieldset-legend p-unselectable-text',
+      content: 'p-fieldset-content',
+      transition: 'p-toggleable-content'
+    },
+    styles: "\n        @layer primereact {\n            .p-fieldset-legend > a,\n            .p-fieldset-legend > span {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .p-fieldset-toggleable .p-fieldset-legend a {\n                cursor: pointer;\n                user-select: none;\n                overflow: hidden;\n                position: relative;\n                text-decoration: none;\n            }\n            \n            .p-fieldset-legend-text {\n                line-height: 1;\n            }\n        }\n        "
+  }
+});
+
+var Fieldset = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
+  var context = React.useContext(PrimeReactContext);
+  var props = FieldsetBase.getProps(inProps, context);
+  var _React$useState = React.useState(props.id),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    idState = _React$useState2[0],
+    setIdState = _React$useState2[1];
+  var _React$useState3 = React.useState(props.collapsed),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    collapsedState = _React$useState4[0],
+    setCollapsedState = _React$useState4[1];
+  var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
+  var elementRef = React.useRef(null);
+  var contentRef = React.useRef(null);
+  var headerId = idState + '_header';
+  var contentId = idState + '_content';
+  var _FieldsetBase$setMeta = FieldsetBase.setMetaData({
+      props: props,
+      state: {
+        id: idState,
+        collapsed: collapsed
+      }
+    }),
+    ptm = _FieldsetBase$setMeta.ptm,
+    cx = _FieldsetBase$setMeta.cx,
+    isUnstyled = _FieldsetBase$setMeta.isUnstyled;
+  useHandleStyle(FieldsetBase.css.styles, isUnstyled, {
+    name: 'fieldset'
+  });
+  var toggle = function toggle(event) {
+    if (props.toggleable) {
+      collapsed ? expand(event) : collapse(event);
+      if (props.onToggle) {
+        props.onToggle({
+          originalEvent: event,
+          value: !collapsed
+        });
+      }
+    }
+    event.preventDefault();
+  };
+  var expand = function expand(event) {
+    if (!props.onToggle) {
+      setCollapsedState(false);
+    }
+    props.onExpand && props.onExpand(event);
+  };
+  var collapse = function collapse(event) {
+    if (!props.onToggle) {
+      setCollapsedState(true);
+    }
+    props.onCollapse && props.onCollapse(event);
+  };
+  useMountEffect(function () {
+    if (!props.id) {
+      setIdState(UniqueComponentId());
+    }
+  });
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+      toggle(event);
+      event.preventDefault();
+    }
+  };
+  var createContent = function createContent() {
+    var contentProps = mergeProps({
+      className: cx('content')
+    }, ptm('content'));
+    var toggleableProps = mergeProps({
+      ref: contentRef,
+      id: contentId,
+      role: 'region',
+      'aria-labelledby': headerId,
+      className: cx('toggleableContent')
+    }, ptm('toggleableContent'));
+    var transitionProps = mergeProps({
+      classNames: cx('transition'),
+      timeout: {
+        enter: 1000,
+        exit: 450
+      },
+      "in": !collapsed,
+      unmountOnExit: true,
+      options: props.transitionOptions
+    }, ptm('transition'));
+    return /*#__PURE__*/React.createElement(CSSTransition, _extends({
+      nodeRef: contentRef
+    }, transitionProps), /*#__PURE__*/React.createElement("div", toggleableProps, /*#__PURE__*/React.createElement("div", contentProps, props.children)));
+  };
+  var createToggleIcon = function createToggleIcon() {
+    if (props.toggleable) {
+      var togglerIconProps = mergeProps({
+        className: cx('togglericon')
+      }, ptm('togglericon'));
+      var icon = collapsed ? props.expandIcon || /*#__PURE__*/React.createElement(PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React.createElement(MinusIcon, togglerIconProps);
+      var toggleIcon = IconUtils.getJSXIcon(icon, togglerIconProps, {
+        props: props
+      });
+      return toggleIcon;
+    }
+    return null;
+  };
+  var createLegendContent = function createLegendContent() {
+    var legendTextProps = mergeProps({
+      className: cx('legendTitle')
+    }, ptm('legendTitle'));
+    var togglerProps = mergeProps({
+      id: headerId,
+      role: 'button',
+      'aria-expanded': !collapsed,
+      'aria-controls': contentId,
+      onKeyDown: onKeyDown,
+      onClick: toggle,
+      'aria-label': props.legend,
+      tabIndex: 0
+    }, ptm('toggler'));
+    if (props.toggleable) {
+      var toggleIcon = createToggleIcon();
+      return /*#__PURE__*/React.createElement("a", togglerProps, toggleIcon, /*#__PURE__*/React.createElement("span", legendTextProps, props.legend), /*#__PURE__*/React.createElement(Ripple, null));
+    }
+    return /*#__PURE__*/React.createElement("span", _extends({}, legendTextProps, {
+      id: headerId
+    }), props.legend);
+  };
+  var createLegend = function createLegend() {
+    var legendProps = mergeProps({
+      className: cx('legend')
+    }, ptm('legend'));
+    if (props.legend != null || props.toggleable) {
+      var legendContent = createLegendContent();
+      return /*#__PURE__*/React.createElement("legend", legendProps, legendContent);
+    }
+  };
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    };
+  });
+  var rootProps = mergeProps({
+    id: idState,
+    ref: elementRef,
+    style: props.style,
+    className: classNames(props.className, cx('root')),
+    onClick: props.onClick
+  }, FieldsetBase.getOtherProps(props), ptm('root'));
+  var legend = createLegend();
+  var content = createContent();
+  return /*#__PURE__*/React.createElement("fieldset", rootProps, legend, content);
+});
+Fieldset.displayName = 'Fieldset';
+
+export { Fieldset };

node_modules/primereact/fieldset/fieldset.js

@@ -0,0 +1,290 @@
+this.primereact = this.primereact || {};
+this.primereact.fieldset = (function (exports, React, api, componentbase, csstransition, hooks, minus, plus, ripple, utils) {
+  'use strict';
+
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
+
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+  function _extends() {
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return n;
+    }, _extends.apply(null, arguments);
+  }
+
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+    }
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  }
+
+  var FieldsetBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'Fieldset',
+      id: null,
+      legend: null,
+      className: null,
+      style: null,
+      toggleable: null,
+      collapsed: null,
+      collapseIcon: null,
+      transitionOptions: null,
+      expandIcon: null,
+      onExpand: null,
+      onCollapse: null,
+      onToggle: null,
+      onClick: null,
+      children: undefined
+    },
+    css: {
+      classes: {
+        root: function root(_ref) {
+          var props = _ref.props;
+          return utils.classNames('p-fieldset p-component', {
+            'p-fieldset-toggleable': props.toggleable
+          });
+        },
+        toggleableContent: 'p-toggleable-content',
+        togglericon: 'p-fieldset-toggler',
+        legendTitle: 'p-fieldset-legend-text',
+        legend: 'p-fieldset-legend p-unselectable-text',
+        content: 'p-fieldset-content',
+        transition: 'p-toggleable-content'
+      },
+      styles: "\n        @layer primereact {\n            .p-fieldset-legend > a,\n            .p-fieldset-legend > span {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .p-fieldset-toggleable .p-fieldset-legend a {\n                cursor: pointer;\n                user-select: none;\n                overflow: hidden;\n                position: relative;\n                text-decoration: none;\n            }\n            \n            .p-fieldset-legend-text {\n                line-height: 1;\n            }\n        }\n        "
+    }
+  });
+
+  var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = FieldsetBase.getProps(inProps, context);
+    var _React$useState = React__namespace.useState(props.id),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      idState = _React$useState2[0],
+      setIdState = _React$useState2[1];
+    var _React$useState3 = React__namespace.useState(props.collapsed),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      collapsedState = _React$useState4[0],
+      setCollapsedState = _React$useState4[1];
+    var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
+    var elementRef = React__namespace.useRef(null);
+    var contentRef = React__namespace.useRef(null);
+    var headerId = idState + '_header';
+    var contentId = idState + '_content';
+    var _FieldsetBase$setMeta = FieldsetBase.setMetaData({
+        props: props,
+        state: {
+          id: idState,
+          collapsed: collapsed
+        }
+      }),
+      ptm = _FieldsetBase$setMeta.ptm,
+      cx = _FieldsetBase$setMeta.cx,
+      isUnstyled = _FieldsetBase$setMeta.isUnstyled;
+    componentbase.useHandleStyle(FieldsetBase.css.styles, isUnstyled, {
+      name: 'fieldset'
+    });
+    var toggle = function toggle(event) {
+      if (props.toggleable) {
+        collapsed ? expand(event) : collapse(event);
+        if (props.onToggle) {
+          props.onToggle({
+            originalEvent: event,
+            value: !collapsed
+          });
+        }
+      }
+      event.preventDefault();
+    };
+    var expand = function expand(event) {
+      if (!props.onToggle) {
+        setCollapsedState(false);
+      }
+      props.onExpand && props.onExpand(event);
+    };
+    var collapse = function collapse(event) {
+      if (!props.onToggle) {
+        setCollapsedState(true);
+      }
+      props.onCollapse && props.onCollapse(event);
+    };
+    hooks.useMountEffect(function () {
+      if (!props.id) {
+        setIdState(utils.UniqueComponentId());
+      }
+    });
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+        toggle(event);
+        event.preventDefault();
+      }
+    };
+    var createContent = function createContent() {
+      var contentProps = mergeProps({
+        className: cx('content')
+      }, ptm('content'));
+      var toggleableProps = mergeProps({
+        ref: contentRef,
+        id: contentId,
+        role: 'region',
+        'aria-labelledby': headerId,
+        className: cx('toggleableContent')
+      }, ptm('toggleableContent'));
+      var transitionProps = mergeProps({
+        classNames: cx('transition'),
+        timeout: {
+          enter: 1000,
+          exit: 450
+        },
+        "in": !collapsed,
+        unmountOnExit: true,
+        options: props.transitionOptions
+      }, ptm('transition'));
+      return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: contentRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", toggleableProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)));
+    };
+    var createToggleIcon = function createToggleIcon() {
+      if (props.toggleable) {
+        var togglerIconProps = mergeProps({
+          className: cx('togglericon')
+        }, ptm('togglericon'));
+        var icon = collapsed ? props.expandIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, togglerIconProps);
+        var toggleIcon = utils.IconUtils.getJSXIcon(icon, togglerIconProps, {
+          props: props
+        });
+        return toggleIcon;
+      }
+      return null;
+    };
+    var createLegendContent = function createLegendContent() {
+      var legendTextProps = mergeProps({
+        className: cx('legendTitle')
+      }, ptm('legendTitle'));
+      var togglerProps = mergeProps({
+        id: headerId,
+        role: 'button',
+        'aria-expanded': !collapsed,
+        'aria-controls': contentId,
+        onKeyDown: onKeyDown,
+        onClick: toggle,
+        'aria-label': props.legend,
+        tabIndex: 0
+      }, ptm('toggler'));
+      if (props.toggleable) {
+        var toggleIcon = createToggleIcon();
+        return /*#__PURE__*/React__namespace.createElement("a", togglerProps, toggleIcon, /*#__PURE__*/React__namespace.createElement("span", legendTextProps, props.legend), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }
+      return /*#__PURE__*/React__namespace.createElement("span", _extends({}, legendTextProps, {
+        id: headerId
+      }), props.legend);
+    };
+    var createLegend = function createLegend() {
+      var legendProps = mergeProps({
+        className: cx('legend')
+      }, ptm('legend'));
+      if (props.legend != null || props.toggleable) {
+        var legendContent = createLegendContent();
+        return /*#__PURE__*/React__namespace.createElement("legend", legendProps, legendContent);
+      }
+    };
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        }
+      };
+    });
+    var rootProps = mergeProps({
+      id: idState,
+      ref: elementRef,
+      style: props.style,
+      className: utils.classNames(props.className, cx('root')),
+      onClick: props.onClick
+    }, FieldsetBase.getOtherProps(props), ptm('root'));
+    var legend = createLegend();
+    var content = createContent();
+    return /*#__PURE__*/React__namespace.createElement("fieldset", rootProps, legend, content);
+  });
+  Fieldset.displayName = 'Fieldset';
+
+  exports.Fieldset = Fieldset;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.minus, primereact.icons.plus, primereact.ripple, primereact.utils);

node_modules/primereact/fieldset/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./fieldset.cjs.js",
+    "module": "./fieldset.esm.js",
+    "unpkg": "./fieldset.min.js",
+    "types": "./fieldset.d.ts",
+    "sideEffects": false
+}