@roomstay/frontend 2.6.82 → 2.6.83

package/dist/src/stories/DateRangePicker.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/stories/DateRangePicker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.stories.js","sourceRoot":"/","sources":["src/stories/DateRangePicker.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport dayjs from 'dayjs';\nimport React, { useState } from 'react';\n\nimport { EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport DateRangePicker, { DatePickerProps } from '@/components/generic/DateRangePicker/DateRangePicker';\n\nexport default {\n    title: 'generic/DateRangePicker/DateRangePicker',\n    component: DateRangePicker,\n    argTypes: {},\n} as ComponentMeta<typeof DateRangePicker>;\n\nexport const Primary = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n\nexport const StartDatePopulated = (args: DatePickerProps) => {\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={dayjs('20230125')}\n            fixedStartDate\n            selectedEndDate={endDate}\n            onEndDateChanged={(a) => {\n                setEndDate(a);\n                args.onEndDateChanged?.(a);\n            }}\n        />\n    );\n};\n\nexport const MultipleMonths = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n\nexport const ThemeSpecific = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            theme={EBookingWizardTheme.Specific}\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"file":"DateRangePicker.stories.js","sourceRoot":"/","sources":["src/stories/DateRangePicker.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport dayjs from 'dayjs';\nimport React, { useState } from 'react';\n\nimport { EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport DateRangePicker, { DatePickerProps } from '@/components/generic/DateRangePicker/DateRangePicker';\n\nexport default {\n    title: 'generic/DateRangePicker/DateRangePicker',\n    component: DateRangePicker,\n    argTypes: {},\n} as ComponentMeta<typeof DateRangePicker>;\n\nexport const Primary = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n\nexport const StartDatePopulated = (args: DatePickerProps) => {\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={dayjs('20230125')}\n            fixedStartDate\n            selectedEndDate={endDate}\n            onEndDateChanged={(a) => {\n                setEndDate(a);\n                args.onEndDateChanged?.(a);\n            }}\n        />\n    );\n};\n\nexport const MultipleMonths = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n\nexport const ThemeSpecific = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            theme={EBookingWizardTheme.Specific}\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged?.(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged?.(...params);\n            }}\n        />\n    );\n};\n"]}

package/dist/src/stories/EnhancedPhoneNumberField.stories.d.ts

@@ -1,5 +1,6 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField>, keyof import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField> & React.RefAttributes<HTMLInputElement>>>;
+import EnhancedPhoneNumberField from '../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';
+declare const _default: ComponentMeta<typeof EnhancedPhoneNumberField>;
 export default _default;
 export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField>, keyof import("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField").EnhancedPhoneNumberField> & React.RefAttributes<HTMLInputElement>>>;

package/dist/src/stories/ErrorModal.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/stories/ErrorModal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorModal.stories.js","sourceRoot":"/","sources":["src/stories/ErrorModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,uFAA+D;AAE/D,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE,EAAE;CACqB,CAAC;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,uCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,8BAAC,oBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,OAAO,EAAC,eAAe,EAAC,iBAAiB;YAClG,sDAAmB,CACV,CACd,CACN,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\n\nexport default {\n    title: 'generic/modal/ErrorModal',\n    component: ErrorModal,\n    argTypes: {},\n} as ComponentMeta<typeof ErrorModal>;\n\nexport const Default = () => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <ErrorModal open={open} onClose={() => setOpen(false)} title=\"title\" closeButtonText=\"closeButtonText\">\n                <div>Children</div>\n            </ErrorModal>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"ErrorModal.stories.js","sourceRoot":"/","sources":["src/stories/ErrorModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,uFAA+D;AAE/D,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE,EAAE;CACqB,CAAC;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,uCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,8BAAC,oBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,OAAO,EAAC,eAAe,EAAC,iBAAiB;YAClG,sDAAmB,CACV,CACd,CACN,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\n\nexport default {\n    title: 'generic/modal/ErrorModal',\n    component: ErrorModal,\n    argTypes: {},\n} as ComponentMeta<typeof ErrorModal>;\n\nexport const Default = () => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <ErrorModal open={open} onClose={() => setOpen(false)} title=\"title\" closeButtonText=\"closeButtonText\">\n                <div>Children</div>\n            </ErrorModal>\n        </>\n    );\n};\n"]}

package/dist/src/stories/EventCarousel.stories.d.ts

@@ -1,6 +1,6 @@
 import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<React.FC<import("../components/generic/Event/EventCarousel").EventCarouselProps>>;
+import EventCarousel from '../components/generic/Event/EventCarousel';
+declare const _default: ComponentMeta<typeof EventCarousel>;
 export default _default;
 export declare const Default: () => JSX.Element;
 export declare const Vertical: () => JSX.Element;

package/dist/src/stories/FloatingDateRangePicker.stories.d.ts

@@ -1,6 +1,6 @@
 import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../components/generic/DateRangePicker/FloatingDateRangePicker").FloatingDateRangePickerProps & React.RefAttributes<import("../components/generic/DateRangePicker/FloatingDateRangePicker").FloatingDateRangePickerHandle>>>;
+import FloatingDateRangePicker from '../components/generic/DateRangePicker/FloatingDateRangePicker';
+declare const _default: ComponentMeta<typeof FloatingDateRangePicker>;
 export default _default;
 export declare const Primary: () => JSX.Element;
 export declare const ThemeSpecific: () => JSX.Element;

package/dist/src/stories/FloatingDateRangePicker.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/stories/FloatingDateRangePicker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDateRangePicker.stories.js","sourceRoot":"/","sources":["src/stories/FloatingDateRangePicker.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAwC;AAExC,oFAAuF;AACvF,2HAAmG;AAEnG,kBAAe;IACX,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,iCAAuB;IAClC,QAAQ,EAAE,EAAE;CACkC,CAAC;AAE5C,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACjE,OAAO,CACH;QACI,8BAAC,iCAAuB,IACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,iBAGqB;QAC1B,8BAAC,iCAAuB,IACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,EACD,KAAK,kBAGiB;QAC1B,8BAAC,iCAAuB,IACpB,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,EACD,KAAK,kCAGiB;QAC1B,8BAAC,iCAAuB,IACpB,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,sBAGqB,CAC3B,CACN,CAAC;AACN,CAAC,CAAC;AAnDW,QAAA,OAAO,WAmDlB;AAEK,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACjE,OAAO,CACH;QACI,8BAAC,iCAAuB,IACpB,KAAK,EAAE,mCAAmB,CAAC,QAAQ,EACnC,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,cAGqB;QAC1B,8BAAC,iCAAuB,IACpB,KAAK,EAAE,mCAAmB,CAAC,QAAQ,EACnC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,aAGqB,CAC3B,CACN,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport * as dayjs from 'dayjs';\nimport React, { useState } from 'react';\n\nimport { EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport FloatingDateRangePicker from '@/components/generic/DateRangePicker/FloatingDateRangePicker';\n\nexport default {\n    title: 'generic/DateRangePicker/FloatingRangeDatePicker',\n    component: FloatingDateRangePicker,\n    argTypes: {},\n} as ComponentMeta<typeof FloatingDateRangePicker>;\n\nexport const Primary = () => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <>\n            <FloatingDateRangePicker\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Click here\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n                small\n            >\n                Small\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n                small\n            >\n                Multiple months small\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Multiple months\n            </FloatingDateRangePicker>\n        </>\n    );\n};\n\nexport const ThemeSpecific = () => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <>\n            <FloatingDateRangePicker\n                theme={EBookingWizardTheme.Specific}\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Default\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                theme={EBookingWizardTheme.Specific}\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Single\n            </FloatingDateRangePicker>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"FloatingDateRangePicker.stories.js","sourceRoot":"/","sources":["src/stories/FloatingDateRangePicker.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAwC;AAExC,oFAAuF;AACvF,2HAAmG;AAEnG,kBAAe;IACX,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,iCAAuB;IAClC,QAAQ,EAAE,EAAE;CACkC,CAAC;AAE5C,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACjE,OAAO,CACH;QACI,8BAAC,iCAAuB,IACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,iBAGqB;QAC1B,8BAAC,iCAAuB,IACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,EACD,KAAK,kBAGiB;QAC1B,8BAAC,iCAAuB,IACpB,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,EACD,KAAK,kCAGiB;QAC1B,8BAAC,iCAAuB,IACpB,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,sBAGqB,CAC3B,CACN,CAAC;AACN,CAAC,CAAC;AAnDW,QAAA,OAAO,WAmDlB;AAEK,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACjE,OAAO,CACH;QACI,8BAAC,iCAAuB,IACpB,KAAK,EAAE,mCAAmB,CAAC,QAAQ,EACnC,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,cAGqB;QAC1B,8BAAC,iCAAuB,IACpB,KAAK,EAAE,mCAAmB,CAAC,QAAQ,EACnC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,aAGqB,CAC3B,CACN,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport * as dayjs from 'dayjs';\nimport React, { useState } from 'react';\n\nimport { EBookingWizardTheme } from '@/components/generic/BookingWizard/BookingWizard';\nimport FloatingDateRangePicker from '@/components/generic/DateRangePicker/FloatingDateRangePicker';\n\nexport default {\n    title: 'generic/DateRangePicker/FloatingRangeDatePicker',\n    component: FloatingDateRangePicker,\n    argTypes: {},\n} as ComponentMeta<typeof FloatingDateRangePicker>;\n\nexport const Primary = () => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <>\n            <FloatingDateRangePicker\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Click here\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n                small\n            >\n                Small\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n                small\n            >\n                Multiple months small\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Multiple months\n            </FloatingDateRangePicker>\n        </>\n    );\n};\n\nexport const ThemeSpecific = () => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs | null>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs | null>(null);\n    return (\n        <>\n            <FloatingDateRangePicker\n                theme={EBookingWizardTheme.Specific}\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Default\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                theme={EBookingWizardTheme.Specific}\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Single\n            </FloatingDateRangePicker>\n        </>\n    );\n};\n"]}

package/dist/src/stories/ForwardedSelect.stories.d.ts

@@ -1,5 +1,6 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../components/generic/ForwardedSelect").ForwardedSelectProps & React.RefAttributes<unknown>>>;
+import ForwardedSelect from '../components/generic/ForwardedSelect';
+declare const _default: ComponentMeta<typeof ForwardedSelect>;
 export default _default;
 export declare const Default: ComponentStory<React.ForwardRefExoticComponent<import("../components/generic/ForwardedSelect").ForwardedSelectProps & React.RefAttributes<unknown>>>;

package/dist/src/stories/Icon.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/stories/Icon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","sourceRoot":"/","sources":["src/stories/Icon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAE1B,wEAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;CACe,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;AAE9D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,eAAQ,CAAC,GAAG;CACrB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Icon, { IconType } from '../components/generic/Icon/Icon';\n\nexport default {\n    title: 'generic/Icon/Icon',\n    component: Icon,\n    argTypes: {},\n} as ComponentMeta<typeof Icon>;\n\nconst Template: ComponentStory<typeof Icon> = (args) => <Icon {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    icon: IconType.Add,\n};\n"]}
+{"version":3,"file":"Icon.stories.js","sourceRoot":"/","sources":["src/stories/Icon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAE1B,wEAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;CACe,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;AAE9D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,eAAQ,CAAC,GAAG;CACrB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Icon, { IconType } from '../components/generic/Icon/Icon';\n\nexport default {\n    title: 'generic/Icon/Icon',\n    component: Icon,\n    argTypes: {},\n} as ComponentMeta<typeof Icon>;\n\nconst Template: ComponentStory<typeof Icon> = (args) => <Icon {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    icon: IconType.Add,\n};\n"]}

package/dist/src/stories/IconNavCard.stories.d.ts

@@ -1,18 +1,9 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
+import { IconNavCard } from '../components/generic/Card/IconNavCard/IconNavCard';
 import { IconType } from '../components/generic/Icon/Icon';
 import { Color } from '../util/Color';
-declare const _default: ComponentMeta<(props: {
-    icon: IconType;
-    title: string;
-    description?: React.ReactNode;
-    link?: {
-        text: string;
-        pathTo?: string | undefined;
-        icon?: "arrow" | "open-new" | undefined;
-        color?: Color | undefined;
-    } | undefined;
-}) => JSX.Element | null>;
+declare const _default: ComponentMeta<typeof IconNavCard>;
 export default _default;
 export declare const Default: ComponentStory<(props: {
     icon: IconType;
@@ -20,8 +11,8 @@ export declare const Default: ComponentStory<(props: {
     description?: React.ReactNode;
     link?: {
         text: string;
-        pathTo?: string | undefined;
-        icon?: "arrow" | "open-new" | undefined;
-        color?: Color | undefined;
-    } | undefined;
+        pathTo?: string;
+        icon?: "arrow" | "open-new";
+        color?: Color;
+    };
 }) => JSX.Element | null>;

package/dist/src/stories/IconText.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/stories/IconText.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconText.stories.js","sourceRoot":"/","sources":["src/stories/IconText.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAE1B,uEAAoE;AAEpE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,cAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,eAAQ,CAAC,KAAK;CACvB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport IconText, { IconType } from '@/components/generic/Icon/Icon';\n\nexport default {\n    title: 'generic/IconText/IconText',\n    component: IconText,\n    argTypes: {},\n} as ComponentMeta<typeof IconText>;\n\nconst Template: ComponentStory<typeof IconText> = (args) => <IconText {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    icon: IconType.Check,\n};\n"]}
+{"version":3,"file":"IconText.stories.js","sourceRoot":"/","sources":["src/stories/IconText.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAE1B,uEAAoE;AAEpE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,cAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,eAAQ,CAAC,KAAK;CACvB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport IconText, { IconType } from '@/components/generic/Icon/Icon';\n\nexport default {\n    title: 'generic/IconText/IconText',\n    component: IconText,\n    argTypes: {},\n} as ComponentMeta<typeof IconText>;\n\nconst Template: ComponentStory<typeof IconText> = (args) => <IconText {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    icon: IconType.Check,\n};\n"]}

package/dist/src/stories/NumberIncrement.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/stories/NumberIncrement.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberIncrement.stories.js","sourceRoot":"/","sources":["src/stories/NumberIncrement.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,2FAA6F;AAE7F,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,yBAAe;IAC1B,QAAQ,EAAE,EAAE;CAC0B,CAAC;AACpC,MAAM,OAAO,GAAG,CAAC,IAA0B,EAAE,EAAE;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC9C,OAAO,CACH,8BAAC,yBAAe,IACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;YAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,MAAA,IAAI,CAAC,QAAQ,qDAAG,KAAK,CAAC,CAAC;QAC3B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport NumberIncrement, { NumberIncrementProps } from '@/components/generic/NumberIncrement';\n\nexport default {\n    title: 'generic/NumberIncrement',\n    component: NumberIncrement,\n    argTypes: {},\n} as ComponentMeta<typeof NumberIncrement>;\nexport const Default = (args: NumberIncrementProps) => {\n    const [value, setValue] = useState<number>(1);\n    return (\n        <NumberIncrement\n            min={0}\n            max={10}\n            number={value}\n            onChange={(value) => {\n                setValue(value);\n                args.onChange?.(value);\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"file":"NumberIncrement.stories.js","sourceRoot":"/","sources":["src/stories/NumberIncrement.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,2FAA6F;AAE7F,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,yBAAe;IAC1B,QAAQ,EAAE,EAAE;CAC0B,CAAC;AACpC,MAAM,OAAO,GAAG,CAAC,IAA0B,EAAE,EAAE;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC9C,OAAO,CACH,8BAAC,yBAAe,IACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;YAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,MAAA,IAAI,CAAC,QAAQ,qDAAG,KAAK,CAAC,CAAC;QAC3B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport NumberIncrement, { NumberIncrementProps } from '@/components/generic/NumberIncrement';\n\nexport default {\n    title: 'generic/NumberIncrement',\n    component: NumberIncrement,\n    argTypes: {},\n} as ComponentMeta<typeof NumberIncrement>;\nexport const Default = (args: NumberIncrementProps) => {\n    const [value, setValue] = useState<number>(1);\n    return (\n        <NumberIncrement\n            min={0}\n            max={10}\n            number={value}\n            onChange={(value) => {\n                setValue(value);\n                args.onChange?.(value);\n            }}\n        />\n    );\n};\n"]}

package/dist/src/stories/PasswordBox.stories.d.ts

@@ -1,5 +1,6 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../components/generic/TextBox").TextBoxProps & React.RefAttributes<HTMLInputElement>>>;
+import { PasswordBox } from '../components/generic/PasswordBox/PasswordBox';
+declare const _default: ComponentMeta<typeof PasswordBox>;
 export default _default;
 export declare const Default: ComponentStory<React.ForwardRefExoticComponent<import("../components/generic/TextBox").TextBoxProps & React.RefAttributes<HTMLInputElement>>>;

package/dist/src/stories/PaymentCard.stories.d.ts

@@ -1,4 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<({ card }: import("../components/generic/PaymentCard/PaymentCard").PaymentCardProps) => JSX.Element>;
+import { PaymentCard } from '../components/generic/PaymentCard/PaymentCard';
+declare const _default: ComponentMeta<typeof PaymentCard>;
 export default _default;
 export declare const Primary: ComponentStory<({ card }: import("../components/generic/PaymentCard/PaymentCard").PaymentCardProps) => JSX.Element>;

package/dist/src/stories/PaymentCardInput.stories.d.ts

@@ -1,6 +1,7 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<React.FC<import("../components/generic/PaymentCard/PaymentCardInput").PaymentCardInputProps>>;
+import { PaymentCardInput } from '../components/generic/PaymentCard/PaymentCardInput';
+declare const _default: ComponentMeta<typeof PaymentCardInput>;
 export default _default;
 export declare const Editable: ComponentStory<React.FC<import("../components/generic/PaymentCard/PaymentCardInput").PaymentCardInputProps>>;
 export declare const ViewOnly: ComponentStory<React.FC<import("../components/generic/PaymentCard/PaymentCardInput").PaymentCardInputProps>>;

package/dist/src/stories/PlanpayButton.stories.d.ts

@@ -1,5 +1,6 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<React.FC<import("../components/generic/PlanpayButton/PlanpayButton").PlanpayButtonProps>>;
+import { PlanpayButton } from '../components/generic/PlanpayButton/PlanpayButton';
+declare const _default: ComponentMeta<typeof PlanpayButton>;
 export default _default;
 export declare const Primary: ComponentStory<React.FC<import("../components/generic/PlanpayButton/PlanpayButton").PlanpayButtonProps>>;

package/dist/src/stories/RadioButton.stories.d.ts

@@ -1,6 +1,7 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../components/generic/RadioButtonGroup/RadioButton").RadioButtonProps & React.RefAttributes<HTMLDivElement>>>;
+import { RadioButton } from '../components/generic/RadioButtonGroup/RadioButton';
+declare const _default: ComponentMeta<typeof RadioButton>;
 export default _default;
 export declare const Checked: ComponentStory<React.ForwardRefExoticComponent<import("../components/generic/RadioButtonGroup/RadioButton").RadioButtonProps & React.RefAttributes<HTMLDivElement>>>;
 export declare const Unchecked: ComponentStory<React.ForwardRefExoticComponent<import("../components/generic/RadioButtonGroup/RadioButton").RadioButtonProps & React.RefAttributes<HTMLDivElement>>>;

package/dist/src/stories/RadioButtonGroup.stories.d.ts

@@ -1,7 +1,6 @@
 import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-import { IRadioButtonGroupProps } from '../components/generic/RadioButtonGroup/RadioButtonGroup';
-declare const _default: ComponentMeta<(<TValue extends string = string>({ options, value: valueProp, onChange, renderChildrenContent, isSubGroup, }: IRadioButtonGroupProps<TValue>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null)>;
+import RadioButtonGroup from '../components/generic/RadioButtonGroup/RadioButtonGroup';
+declare const _default: ComponentMeta<typeof RadioButtonGroup>;
 export default _default;
 export declare const Default: () => JSX.Element;
 export declare const SelectRadio: () => JSX.Element;

package/dist/src/stories/RadioButtonGroup.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/stories/RadioButtonGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.stories.js","sourceRoot":"/","sources":["src/stories/RadioButtonGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport RadioButtonGroup, { IRadioButtonGroupProps } from '@/components/generic/RadioButtonGroup/RadioButtonGroup';\n\nexport default {\n    title: 'generic/RadioButtonGroup/RadioButtonGroup',\n    component: RadioButtonGroup,\n    argTypes: {},\n} as ComponentMeta<typeof RadioButtonGroup>;\nexport const Default = () => {\n    const options = [\n        {\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n        },\n    ];\n    const [value, setValue] = useState(options[0].value);\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n\nexport const SelectRadio = () => {\n    const options: IRadioButtonGroupProps['options'] = [\n        {\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n            options: [\n                {\n                    label: 'Label1.1',\n                    value: 'value1.1',\n                    renderContent: () => 'Content 1.1',\n                },\n                {\n                    label: 'Label1.2',\n                    value: 'value1.2',\n                    renderContent: () => 'Content 1.2',\n                },\n            ],\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n\nexport const DisabledSelectRadio = () => {\n    const options: IRadioButtonGroupProps['options'] = [\n        {\n            disabled: true,\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n            options: [\n                {\n                    label: 'Label1.1',\n                    value: 'value1.1',\n                    renderContent: () => 'Content 1.1',\n                },\n                {\n                    label: 'Label1.2',\n                    value: 'value1.2',\n                    renderContent: () => 'Content 1.2',\n                },\n            ],\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n            options: [\n                {\n                    label: 'Label2.1',\n                    value: 'value2.1',\n                    renderContent: () => 'Content 2.1',\n                    disabled: true,\n                },\n                {\n                    label: 'Label2.2',\n                    value: 'value2.2',\n                    renderContent: () => 'Content 2.2',\n                },\n            ],\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n"]}
+{"version":3,"file":"RadioButtonGroup.stories.js","sourceRoot":"/","sources":["src/stories/RadioButtonGroup.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,8GAAkH;AAElH,kBAAe;IACX,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,0BAAgB;IAC3B,QAAQ,EAAE,EAAE;CAC2B,CAAC;AACrC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG;QACZ;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;SACnC;QACD;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;SACnC;KACJ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACrD,OAAO,8BAAC,0BAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpF,CAAC,CAAC;AAfW,QAAA,OAAO,WAelB;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAsC;QAC/C;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;YAChC,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;gBACD;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;aACJ;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;SACnC;KACJ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IACzD,OAAO,8BAAC,0BAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpF,CAAC,CAAC;AA3BW,QAAA,WAAW,eA2BtB;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAsC;QAC/C;YACI,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;YAChC,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;gBACD;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;aACJ;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;YAChC,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;oBAClC,QAAQ,EAAE,IAAI;iBACjB;gBACD;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;aACJ;SACJ;KACJ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IACzD,OAAO,8BAAC,0BAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpF,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport RadioButtonGroup, { IRadioButtonGroupProps } from '@/components/generic/RadioButtonGroup/RadioButtonGroup';\n\nexport default {\n    title: 'generic/RadioButtonGroup/RadioButtonGroup',\n    component: RadioButtonGroup,\n    argTypes: {},\n} as ComponentMeta<typeof RadioButtonGroup>;\nexport const Default = () => {\n    const options = [\n        {\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n        },\n    ];\n    const [value, setValue] = useState(options[0].value);\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n\nexport const SelectRadio = () => {\n    const options: IRadioButtonGroupProps['options'] = [\n        {\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n            options: [\n                {\n                    label: 'Label1.1',\n                    value: 'value1.1',\n                    renderContent: () => 'Content 1.1',\n                },\n                {\n                    label: 'Label1.2',\n                    value: 'value1.2',\n                    renderContent: () => 'Content 1.2',\n                },\n            ],\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n\nexport const DisabledSelectRadio = () => {\n    const options: IRadioButtonGroupProps['options'] = [\n        {\n            disabled: true,\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n            options: [\n                {\n                    label: 'Label1.1',\n                    value: 'value1.1',\n                    renderContent: () => 'Content 1.1',\n                },\n                {\n                    label: 'Label1.2',\n                    value: 'value1.2',\n                    renderContent: () => 'Content 1.2',\n                },\n            ],\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n            options: [\n                {\n                    label: 'Label2.1',\n                    value: 'value2.1',\n                    renderContent: () => 'Content 2.1',\n                    disabled: true,\n                },\n                {\n                    label: 'Label2.2',\n                    value: 'value2.2',\n                    renderContent: () => 'Content 2.2',\n                },\n            ],\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n"]}

package/dist/src/stories/Select.stories.d.ts

@@ -1,8 +1,6 @@
 import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-declare const _default: ComponentMeta<(<TOption extends import("../components/generic/Select/Select").Option<KeyName>, KeyName extends string>(p: import("../components/generic/Select/Select").SelectProps<TOption, KeyName> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
-}) => JSX.Element)>;
+import { Select } from '../components/generic/Select/Select';
+declare const _default: ComponentMeta<typeof Select>;
 export default _default;
 export declare const Default: () => JSX.Element;
 export declare const Customized: () => JSX.Element;

package/dist/src/stories/Select.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = exports.Customized = exports.Default = void 0;
 const react_1 = __importStar(require("react"));

package/dist/src/stories/Select.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.js","sourceRoot":"/","sources":["src/stories/Select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport { Select, TSelectOptionKey } from '@/components/generic/Select/Select';\n\nexport default {\n    title: 'generic/Select/Select',\n    component: Select,\n    argTypes: {},\n} as ComponentMeta<typeof Select>;\nexport const Default = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    return (\n        <Select<\n            {\n                label: string;\n                value: string;\n            },\n            'value'\n        >\n            value={value}\n            options={options}\n            keyName=\"value\"\n            labelName=\"label\"\n            onChange={setValue}\n        />\n    );\n};\n\nexport const Customized = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName=\"value\"\n                labelName=\"label\"\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n\nexport const Group = () => {\n    const options: TSelectOptionKey<{ label: string; value: string }>[] = [\n        {\n            name: 'Test Group 1',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 1.${index}`,\n                    value: `value1.${index}`,\n                })),\n        },\n        {\n            name: 'Test Group 2',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 2.${index}`,\n                    value: `value2.${index}`,\n                })),\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName=\"value\"\n                labelName=\"label\"\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"Select.stories.js","sourceRoot":"/","sources":["src/stories/Select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport { Select, TSelectOptionKey } from '@/components/generic/Select/Select';\n\nexport default {\n    title: 'generic/Select/Select',\n    component: Select,\n    argTypes: {},\n} as ComponentMeta<typeof Select>;\nexport const Default = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    return (\n        <Select<\n            {\n                label: string;\n                value: string;\n            },\n            'value'\n        >\n            value={value}\n            options={options}\n            keyName=\"value\"\n            labelName=\"label\"\n            onChange={setValue}\n        />\n    );\n};\n\nexport const Customized = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName=\"value\"\n                labelName=\"label\"\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n\nexport const Group = () => {\n    const options: TSelectOptionKey<{ label: string; value: string }>[] = [\n        {\n            name: 'Test Group 1',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 1.${index}`,\n                    value: `value1.${index}`,\n                })),\n        },\n        {\n            name: 'Test Group 2',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 2.${index}`,\n                    value: `value2.${index}`,\n                })),\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName=\"value\"\n                labelName=\"label\"\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n"]}

package/dist/src/stories/SimpleModal.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };