@roomstay/frontend 2.4.4-6 → 2.4.5

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

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import Pill from '../components/generic/Pill';
+declare const _default: ComponentMeta<typeof Pill>;
+export default _default;
+export declare const Default: ComponentStory<typeof Pill>;

package/dist/src/stories/Pill.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const Pill_1 = __importDefault(require("../components/generic/Pill"));
+exports.default = {
+    title: 'generic/Pill',
+    component: Pill_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(Pill_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    children: 'Children',
+};
+//# sourceMappingURL=Pill.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.stories.js","sourceRoot":"/","sources":["src/stories/Pill.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,qEAA6C;AAE7C,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,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,QAAQ,EAAE,UAAU;CACvB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Pill from '@/components/generic/Pill';\n\nexport default {\n    title: 'generic/Pill',\n    component: Pill,\n    argTypes: {},\n} as ComponentMeta<typeof Pill>;\n\nconst Template: ComponentStory<typeof Pill> = (args) => <Pill {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    children: 'Children',\n};\n"]}

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

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import Placeholder from '../components/generic/Placeholder';
+declare const _default: ComponentMeta<typeof Placeholder>;
+export default _default;
+export declare const Default: ComponentStory<typeof Placeholder>;

package/dist/src/stories/Placeholder.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const Placeholder_1 = __importDefault(require("../components/generic/Placeholder"));
+exports.default = {
+    title: 'generic/Placeholder',
+    component: Placeholder_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(Placeholder_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    type: 'text',
+    w: 'md',
+    h: 'lg',
+    blink: true,
+};
+//# sourceMappingURL=Placeholder.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.stories.js","sourceRoot":"/","sources":["src/stories/Placeholder.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,mFAA2D;AAE3D,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,qBAAW,oBAAK,IAAI,EAAI,CAAC;AAE5E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,MAAM;IACZ,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,KAAK,EAAE,IAAI;CACd,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Placeholder from '@/components/generic/Placeholder';\n\nexport default {\n    title: 'generic/Placeholder',\n    component: Placeholder,\n    argTypes: {},\n} as ComponentMeta<typeof Placeholder>;\n\nconst Template: ComponentStory<typeof Placeholder> = (args) => <Placeholder {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    type: 'text',\n    w: 'md',\n    h: 'lg',\n    blink: true,\n};\n"]}

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

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

package/dist/src/stories/PlanpayButton.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const PlanpayButton_1 = require("../components/generic/PlanpayButton/PlanpayButton");
+exports.default = {
+    title: 'generic/PlanpayButton/PlanpayButton',
+    component: PlanpayButton_1.PlanpayButton,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(PlanpayButton_1.PlanpayButton, Object.assign({}, args));
+exports.Primary = Template.bind({});
+exports.Primary.args = {
+    children: 'Planpay',
+};
+//# sourceMappingURL=PlanpayButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanpayButton.stories.js","sourceRoot":"/","sources":["src/stories/PlanpayButton.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,oFAAiF;AAEjF,kBAAe;IACX,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,6BAAa;IACxB,QAAQ,EAAE,EAAE;CACwB,CAAC;AAEzC,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,6BAAa,oBAAK,IAAI,EAAI,CAAC;AAEhF,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,SAAS;CACtB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport { PlanpayButton } from '@/components/generic/PlanpayButton/PlanpayButton';\n\nexport default {\n    title: 'generic/PlanpayButton/PlanpayButton',\n    component: PlanpayButton,\n    argTypes: {},\n} as ComponentMeta<typeof PlanpayButton>;\n\nconst Template: ComponentStory<typeof PlanpayButton> = (args) => <PlanpayButton {...args} />;\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n    children: 'Planpay',\n};\n"]}

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

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import PromoCodeInput from '../components/generic/PromoCodeInput';
+declare const _default: ComponentMeta<typeof PromoCodeInput>;
+export default _default;
+export declare const Default: ComponentStory<typeof PromoCodeInput>;

package/dist/src/stories/PromoCodeInput.stories.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const PromoCodeInput_1 = __importDefault(require("../components/generic/PromoCodeInput"));
+exports.default = {
+    title: 'generic/PromoCodeInput',
+    component: PromoCodeInput_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(PromoCodeInput_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {};
+//# sourceMappingURL=PromoCodeInput.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromoCodeInput.stories.js","sourceRoot":"/","sources":["src/stories/PromoCodeInput.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,yFAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,wBAAc;IACzB,QAAQ,EAAE,EAAE;CACyB,CAAC;AAE1C,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,wBAAc,oBAAK,IAAI,EAAI,CAAC;AAElF,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport PromoCodeInput from '@/components/generic/PromoCodeInput';\n\nexport default {\n    title: 'generic/PromoCodeInput',\n    component: PromoCodeInput,\n    argTypes: {},\n} as ComponentMeta<typeof PromoCodeInput>;\n\nconst Template: ComponentStory<typeof PromoCodeInput> = (args) => <PromoCodeInput {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

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

@@ -0,0 +1,6 @@
+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>>>;
+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/RadioButton.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Unchecked = exports.Checked = void 0;
+const react_1 = __importDefault(require("react"));
+const RadioButton_1 = require("../components/generic/RadioButtonGroup/RadioButton");
+exports.default = {
+    title: 'generic/RadioButtonGroup/RadioButton',
+    component: RadioButton_1.RadioButton,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(RadioButton_1.RadioButton, Object.assign({}, args));
+exports.Checked = Template.bind({});
+exports.Checked.args = {
+    label: 'Label',
+    checked: true,
+    renderContent: () => 'Content',
+};
+exports.Unchecked = Template.bind({});
+exports.Unchecked.args = {
+    label: 'Label',
+    checked: false,
+    renderContent: () => 'Content',
+};
+//# sourceMappingURL=RadioButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.stories.js","sourceRoot":"/","sources":["src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,mFAAgF;AAEhF,kBAAe;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,yBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,yBAAW,oBAAK,IAAI,EAAI,CAAC;AAE5E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC;AAEW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport { RadioButton } from '@/components/generic/RadioButtonGroup/RadioButton';\n\nexport default {\n    title: 'generic/RadioButtonGroup/RadioButton',\n    component: RadioButton,\n    argTypes: {},\n} as ComponentMeta<typeof RadioButton>;\n\nconst Template: ComponentStory<typeof RadioButton> = (args) => <RadioButton {...args} />;\n\nexport const Checked = Template.bind({});\nChecked.args = {\n    label: 'Label',\n    checked: true,\n    renderContent: () => 'Content',\n};\n\nexport const Unchecked = Template.bind({});\nUnchecked.args = {\n    label: 'Label',\n    checked: false,\n    renderContent: () => 'Content',\n};\n"]}

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

@@ -0,0 +1,8 @@
+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, }: IRadioButtonGroupProps<TValue>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null)>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const SelectRadio: () => JSX.Element;
+export declare const DisabledSelectRadio: () => JSX.Element;

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

@@ -0,0 +1,126 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisabledSelectRadio = exports.SelectRadio = exports.Default = void 0;
+const react_1 = __importStar(require("react"));
+const RadioButtonGroup_1 = __importDefault(require("../components/generic/RadioButtonGroup/RadioButtonGroup"));
+exports.default = {
+    title: 'generic/RadioButtonGroup/RadioButtonGroup',
+    component: RadioButtonGroup_1.default,
+    argTypes: {},
+};
+const Default = () => {
+    const options = [
+        {
+            label: 'Label1',
+            value: 'value1',
+            renderContent: () => 'Content 1',
+        },
+        {
+            label: 'Label2',
+            value: 'value2',
+            renderContent: () => 'Content 2',
+        },
+    ];
+    const [value, setValue] = (0, react_1.useState)(options[0].value);
+    return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
+};
+exports.Default = Default;
+const SelectRadio = () => {
+    const options = [
+        {
+            label: 'Label1',
+            value: 'value1',
+            renderContent: () => 'Content 1',
+            options: [
+                {
+                    label: 'Label1.1',
+                    value: 'value1.1',
+                    renderContent: () => 'Content 1.1',
+                },
+                {
+                    label: 'Label1.2',
+                    value: 'value1.2',
+                    renderContent: () => 'Content 1.2',
+                },
+            ],
+        },
+        {
+            label: 'Label2',
+            value: 'value2',
+            renderContent: () => 'Content 2',
+        },
+    ];
+    const [value, setValue] = (0, react_1.useState)();
+    return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
+};
+exports.SelectRadio = SelectRadio;
+const DisabledSelectRadio = () => {
+    const options = [
+        {
+            disabled: true,
+            label: 'Label1',
+            value: 'value1',
+            renderContent: () => 'Content 1',
+            options: [
+                {
+                    label: 'Label1.1',
+                    value: 'value1.1',
+                    renderContent: () => 'Content 1.1',
+                },
+                {
+                    label: 'Label1.2',
+                    value: 'value1.2',
+                    renderContent: () => 'Content 1.2',
+                },
+            ],
+        },
+        {
+            label: 'Label2',
+            value: 'value2',
+            renderContent: () => 'Content 2',
+            options: [
+                {
+                    label: 'Label2.1',
+                    value: 'value2.1',
+                    renderContent: () => 'Content 2.1',
+                    disabled: true,
+                },
+                {
+                    label: 'Label2.2',
+                    value: 'value2.2',
+                    renderContent: () => 'Content 2.2',
+                },
+            ],
+        },
+    ];
+    const [value, setValue] = (0, react_1.useState)();
+    return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
+};
+exports.DisabledSelectRadio = DisabledSelectRadio;
+//# sourceMappingURL=RadioButtonGroup.stories.js.map

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

@@ -0,0 +1 @@
+{"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/RadioFields.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import RadioFields from '../components/generic/radio/RadioFields';
+declare const _default: ComponentMeta<typeof RadioFields>;
+export default _default;
+export declare const Primary: ComponentStory<typeof RadioFields>;

package/dist/src/stories/RadioFields.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const RadioFields_1 = __importDefault(require("../components/generic/radio/RadioFields"));
+exports.default = {
+    title: 'generic/radio/RadioFields',
+    component: RadioFields_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(RadioFields_1.default, Object.assign({}, args));
+exports.Primary = Template.bind({});
+exports.Primary.args = {
+    options: [
+        {
+            label: 'foo',
+            value: 'foo',
+        },
+        {
+            label: 'bar',
+            value: 'bar',
+            selected: true,
+        },
+    ],
+    label: 'label',
+    name: 'radio',
+};
+//# sourceMappingURL=RadioFields.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioFields.stories.js","sourceRoot":"/","sources":["src/stories/RadioFields.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,yFAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,qBAAW,oBAAK,IAAI,EAAI,CAAC;AAE5E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE;QACL;YACI,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACf;QACD;YACI,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,IAAI;SACjB;KACJ;IACD,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,OAAO;CAChB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport RadioFields from '@/components/generic/radio/RadioFields';\n\nexport default {\n    title: 'generic/radio/RadioFields',\n    component: RadioFields,\n    argTypes: {},\n} as ComponentMeta<typeof RadioFields>;\n\nconst Template: ComponentStory<typeof RadioFields> = (args) => <RadioFields {...args} />;\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n    options: [\n        {\n            label: 'foo',\n            value: 'foo',\n        },\n        {\n            label: 'bar',\n            value: 'bar',\n            selected: true,\n        },\n    ],\n    label: 'label',\n    name: 'radio',\n};\n"]}

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

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import SSLSecureBadge from '../components/generic/badging/SSLSecureBadge';
+declare const _default: ComponentMeta<typeof SSLSecureBadge>;
+export default _default;
+export declare const Default: ComponentStory<typeof SSLSecureBadge>;

package/dist/src/stories/SSLSecureBadge.stories.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const react_1 = __importDefault(require("react"));
+const SSLSecureBadge_1 = __importDefault(require("../components/generic/badging/SSLSecureBadge"));
+exports.default = {
+    title: 'generic/badging/SSLSecureBadge',
+    component: SSLSecureBadge_1.default,
+    argTypes: {},
+};
+const Template = () => react_1.default.createElement(SSLSecureBadge_1.default, null);
+exports.Default = Template.bind({});
+exports.Default.args = {};
+//# sourceMappingURL=SSLSecureBadge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSLSecureBadge.stories.js","sourceRoot":"/","sources":["src/stories/SSLSecureBadge.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,kGAA0E;AAE1E,kBAAe;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,wBAAc;IACzB,QAAQ,EAAE,EAAE;CACyB,CAAC;AAE1C,MAAM,QAAQ,GAA0C,GAAG,EAAE,CAAC,8BAAC,wBAAc,OAAG,CAAC;AAEpE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport SSLSecureBadge from '../components/generic/badging/SSLSecureBadge';\n\nexport default {\n    title: 'generic/badging/SSLSecureBadge',\n    component: SSLSecureBadge,\n    argTypes: {},\n} as ComponentMeta<typeof SSLSecureBadge>;\n\nconst Template: ComponentStory<typeof SSLSecureBadge> = () => <SSLSecureBadge />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

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

@@ -0,0 +1,9 @@
+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)>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Customized: () => JSX.Element;
+export declare const Group: () => JSX.Element;

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

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Group = exports.Customized = exports.Default = void 0;
+const react_1 = __importStar(require("react"));
+const Select_1 = require("../components/generic/Select/Select");
+exports.default = {
+    title: 'generic/Select/Select',
+    component: Select_1.Select,
+    argTypes: {},
+};
+const Default = () => {
+    const options = Array(100)
+        .fill(undefined)
+        .map((_, index) => ({
+        label: `Label${index}`,
+        value: `value${index}`,
+    }));
+    const [value, setValue] = (0, react_1.useState)(options[0].value);
+    return (react_1.default.createElement(Select_1.Select, { value: value, options: options, keyName: "value", labelName: "label", onChange: setValue }));
+};
+exports.Default = Default;
+const Customized = () => {
+    const options = Array(100)
+        .fill(undefined)
+        .map((_, index) => ({
+        label: `Label${index}`,
+        value: `value${index}`,
+    }));
+    const [value, setValue] = (0, react_1.useState)(options[0].value);
+    const [ref, setRef] = (0, react_1.useState)(null);
+    const [open, setIsOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("input", { value: value, ref: setRef, onClick: () => setIsOpen(!open) }),
+        react_1.default.createElement(Select_1.Select, { open: open, value: value, options: options, keyName: "value", labelName: "label", onChange: (value) => {
+                setIsOpen(false);
+                setValue(value);
+            }, target: ref || undefined, onClose: () => setIsOpen(false) })));
+};
+exports.Customized = Customized;
+const Group = () => {
+    const options = [
+        {
+            name: 'Test Group 1',
+            options: Array(100)
+                .fill(undefined)
+                .map((_, index) => ({
+                label: `Label 1.${index}`,
+                value: `value1.${index}`,
+            })),
+        },
+        {
+            name: 'Test Group 2',
+            options: Array(100)
+                .fill(undefined)
+                .map((_, index) => ({
+                label: `Label 2.${index}`,
+                value: `value2.${index}`,
+            })),
+        },
+    ];
+    const [value, setValue] = (0, react_1.useState)();
+    const [ref, setRef] = (0, react_1.useState)(null);
+    const [open, setIsOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("input", { value: value, ref: setRef, onClick: () => setIsOpen(!open) }),
+        react_1.default.createElement(Select_1.Select, { open: open, value: value, options: options, keyName: "value", labelName: "label", onChange: (value) => {
+                setIsOpen(false);
+                setValue(value);
+            }, target: ref || undefined, onClose: () => setIsOpen(false) })));
+};
+exports.Group = Group;
+//# sourceMappingURL=Select.stories.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import SimpleModal, { SimpleModalProps } from '../components/generic/modal/SimpleModal';
+declare const _default: ComponentMeta<typeof SimpleModal>;
+export default _default;
+export declare const Primary: (args: SimpleModalProps) => JSX.Element;

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

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importStar(require("react"));
+const SimpleModal_1 = __importDefault(require("../components/generic/modal/SimpleModal"));
+exports.default = {
+    title: 'generic/modal/SimpleModal',
+    component: SimpleModal_1.default,
+    argTypes: {},
+};
+const Primary = (args) => {
+    const [open, setOpen] = (0, react_1.useState)(!!args.open);
+    (0, react_1.useEffect)(() => {
+        setOpen(!!args.open);
+    }, [args.open]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { onClick: () => setOpen(true) }, open ? 'Close' : 'Open'),
+        react_1.default.createElement(SimpleModal_1.default, Object.assign({ mobileFooter: react_1.default.createElement(react_1.default.Fragment, null, "mobileFooter"), desktopFooter: react_1.default.createElement(react_1.default.Fragment, null, "desktopFooter") }, args, { open: open, onClose: () => {
+                var _a;
+                setOpen(false);
+                (_a = args.onClose) === null || _a === void 0 ? void 0 : _a.call(args);
+            } }),
+            react_1.default.createElement("div", null, "Children"))));
+};
+exports.Primary = Primary;
+//# sourceMappingURL=SimpleModal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleModal.stories.js","sourceRoot":"/","sources":["src/stories/SimpleModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAmD;AAEnD,yFAAuF;AAEvF,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEhC,MAAM,OAAO,GAAG,CAAC,IAAsB,EAAE,EAAE;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhB,OAAO,CACH;QACI,uCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QAClE,8BAAC,qBAAW,kBACR,YAAY,EAAE,6EAAiB,EAC/B,aAAa,EAAE,8EAAkB,IAC7B,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC;gBACf,MAAA,IAAI,CAAC,OAAO,oDAAI,CAAC;YACrB,CAAC;YAED,sDAAmB,CACT,CACf,CACN,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,OAAO,WAwBlB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useEffect, useState } from 'react';\n\nimport SimpleModal, { SimpleModalProps } from '@/components/generic/modal/SimpleModal';\n\nexport default {\n    title: 'generic/modal/SimpleModal',\n    component: SimpleModal,\n    argTypes: {},\n} as ComponentMeta<typeof SimpleModal>;\n\nexport const Primary = (args: SimpleModalProps) => {\n    const [open, setOpen] = useState<boolean>(!!args.open);\n\n    useEffect(() => {\n        setOpen(!!args.open);\n    }, [args.open]);\n\n    return (\n        <>\n            <div onClick={() => setOpen(true)}>{open ? 'Close' : 'Open'}</div>\n            <SimpleModal\n                mobileFooter={<>mobileFooter</>}\n                desktopFooter={<>desktopFooter</>}\n                {...args}\n                open={open}\n                onClose={() => {\n                    setOpen(false);\n                    args.onClose?.();\n                }}\n            >\n                <div>Children</div>\n            </SimpleModal>\n        </>\n    );\n};\n"]}

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

@@ -0,0 +1,10 @@
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(props: {
+    min: number;
+    max: number;
+    onChange?: ((markers: import("../components/generic/Slider/Slider").MarkerType[]) => void) | undefined;
+    markers: import("../components/generic/Slider/Slider").MarkerType[];
+    backgroundMarkers?: import("../components/generic/Slider/Slider").BackgroundMarkerType[] | undefined;
+}) => JSX.Element>;
+export default _default;
+export declare const Default: () => JSX.Element;