@zidsa/zidmui 2.1.8 → 2.3.0-beta.0

package/dist/react/es/stories/react/AppAlert.stories.js

@@ -1,149 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { Stack, Box } from "@mui/material";
-import { AppAlert, AppAlertButton } from "../../components/app-alert.js";
-import { AppTypography } from "../../components/app-typography.js";
-const shortTitle = "Cupidatat proident dolor pariatur";
-const shortContent = "Nostrud commodo sunt ipsum dolore incididunt laboris exercitation pariatur duis.";
-const longTitle = "Cupidatat proident dolor pariatur cupidatat proident dolor pariatur cupidatat proident dolor pariatur cupidatat proident dolor pariatur";
-const longContent = "Nostrud commodo sunt ipsum dolore incididunt laboris exercitation pariatur duis qui Lorem pariatur nulla reprehenderit. Nostrud commodo sunt ipsum dolore incididunt laboris exercitation pariatur duis qui Lorem pariatur nulla reprehenderit.";
-const meta = {
-  title: "React/App Alert",
-  component: AppAlert,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"]
-};
-const Variants = {
-  render: () => {
-    const onClose = () => {
-    };
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Variants" }),
-      /* @__PURE__ */ jsx(AppAlert, { title: shortTitle }),
-      /* @__PURE__ */ jsx(AppAlert, { title: shortTitle, content: shortContent }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "error", title: shortTitle }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "error", title: shortTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: shortTitle, onClose }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: shortTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "warning", title: shortTitle }),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "warning",
-          title: shortTitle,
-          content: shortContent,
-          onClose
-        }
-      ),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Cases" }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Title Only" }),
-      /* @__PURE__ */ jsx(AppAlert, { title: shortTitle }),
-      /* @__PURE__ */ jsx(AppAlert, { title: shortTitle, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "warning", title: longTitle }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "warning", title: longTitle, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Content Only" }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", content: shortContent }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", content: shortContent, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "warning", content: longContent }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "warning", content: longContent, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Short Title and Short Content" }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: shortTitle, content: shortContent }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: shortTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Long Title and Short Content" }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: longTitle, content: shortContent }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: longTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Short Title and Long Content" }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: shortTitle, content: longContent }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: shortTitle, content: longContent, onClose }),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "Long Title and Long Content" }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: longTitle, content: longContent }),
-      /* @__PURE__ */ jsx(AppAlert, { severity: "info", title: longTitle, content: longContent, onClose }),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "With Actions" }),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "info",
-          title: shortTitle,
-          actions: /* @__PURE__ */ jsx(AppAlertButton, { children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "info",
-          content: shortContent,
-          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(AppAlertButton, { children: "View link" }),
-            /* @__PURE__ */ jsx(AppAlertButton, { variant: "outlined", children: "Edit" })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "info",
-          title: shortTitle,
-          content: shortContent,
-          actions: /* @__PURE__ */ jsx(AppAlertButton, { variant: "outlined", children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "info",
-          title: shortTitle,
-          content: longContent,
-          actions: /* @__PURE__ */ jsx(AppAlertButton, { children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "info",
-          title: longTitle,
-          content: shortContent,
-          actions: /* @__PURE__ */ jsx(AppAlertButton, { variant: "outlined", children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "info",
-          title: longTitle,
-          content: longContent,
-          actions: /* @__PURE__ */ jsx(AppAlertButton, { children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsx(Box, {}),
-      /* @__PURE__ */ jsx(AppTypography, { variant: "h6", children: "With Loading" }),
-      /* @__PURE__ */ jsx(
-        AppAlert,
-        {
-          severity: "info",
-          title: longTitle,
-          content: longContent,
-          actions: /* @__PURE__ */ jsx(AppAlertButton, { children: "Button" }),
-          isLoading: true
-        }
-      )
-    ] }) });
-  }
-};
-export {
-  Variants,
-  meta as default
-};
-//# sourceMappingURL=AppAlert.stories.js.map

package/dist/react/es/stories/react/AppAlert.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppAlert.stories.js","sources":["../../../../../src/stories/react/AppAlert.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Box, Stack } from '@mui/material';\n\nimport { AppAlert, AppAlertButton } from '~/components/app-alert';\nimport { AppTypography } from '~/components/app-typography';\n\n//\n//\n\nconst shortTitle = 'Cupidatat proident dolor pariatur';\nconst shortContent =\n  'Nostrud commodo sunt ipsum dolore incididunt laboris exercitation pariatur duis.';\n\nconst longTitle =\n  'Cupidatat proident dolor pariatur cupidatat proident dolor pariatur cupidatat proident dolor pariatur cupidatat proident dolor pariatur';\nconst longContent =\n  'Nostrud commodo sunt ipsum dolore incididunt laboris exercitation pariatur duis qui Lorem pariatur nulla reprehenderit. Nostrud commodo sunt ipsum dolore incididunt laboris exercitation pariatur duis qui Lorem pariatur nulla reprehenderit.';\n\n// Meta\nconst meta = {\n  title: 'React/App Alert',\n  component: AppAlert,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AppAlert>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Variants: Story = {\n  render: () => {\n    const onClose = () => {};\n\n    return (\n      <>\n        <Stack spacing={2}>\n          <AppTypography variant=\"h6\">Variants</AppTypography>\n\n          <AppAlert title={shortTitle} />\n          <AppAlert title={shortTitle} content={shortContent} />\n\n          <Box />\n\n          <AppAlert severity=\"error\" title={shortTitle} />\n          <AppAlert severity=\"error\" title={shortTitle} content={shortContent} onClose={onClose} />\n\n          <Box />\n\n          <AppAlert severity=\"info\" title={shortTitle} onClose={onClose} />\n          <AppAlert severity=\"info\" title={shortTitle} content={shortContent} onClose={onClose} />\n\n          <Box />\n\n          <AppAlert severity=\"warning\" title={shortTitle} />\n          <AppAlert\n            severity=\"warning\"\n            title={shortTitle}\n            content={shortContent}\n            onClose={onClose}\n          />\n\n          <Box />\n          <AppTypography variant=\"h6\">Cases</AppTypography>\n\n          <Box />\n\n          <AppTypography variant=\"h6\">Title Only</AppTypography>\n\n          <AppAlert title={shortTitle} />\n          <AppAlert title={shortTitle} onClose={onClose} />\n\n          <Box />\n\n          <AppAlert severity=\"warning\" title={longTitle} />\n          <AppAlert severity=\"warning\" title={longTitle} onClose={onClose} />\n\n          <Box />\n\n          <AppTypography variant=\"h6\">Content Only</AppTypography>\n\n          <AppAlert severity=\"info\" content={shortContent} />\n          <AppAlert severity=\"info\" content={shortContent} onClose={onClose} />\n\n          <Box />\n\n          <AppAlert severity=\"warning\" content={longContent} />\n          <AppAlert severity=\"warning\" content={longContent} onClose={onClose} />\n\n          <Box />\n\n          <AppTypography variant=\"h6\">Short Title and Short Content</AppTypography>\n\n          <AppAlert severity=\"info\" title={shortTitle} content={shortContent} />\n          <AppAlert severity=\"info\" title={shortTitle} content={shortContent} onClose={onClose} />\n\n          <Box />\n\n          <AppTypography variant=\"h6\">Long Title and Short Content</AppTypography>\n\n          <AppAlert severity=\"info\" title={longTitle} content={shortContent} />\n          <AppAlert severity=\"info\" title={longTitle} content={shortContent} onClose={onClose} />\n\n          <Box />\n\n          <AppTypography variant=\"h6\">Short Title and Long Content</AppTypography>\n\n          <AppAlert severity=\"info\" title={shortTitle} content={longContent} />\n          <AppAlert severity=\"info\" title={shortTitle} content={longContent} onClose={onClose} />\n\n          <Box />\n\n          <AppTypography variant=\"h6\">Long Title and Long Content</AppTypography>\n\n          <AppAlert severity=\"info\" title={longTitle} content={longContent} />\n          <AppAlert severity=\"info\" title={longTitle} content={longContent} onClose={onClose} />\n\n          <AppTypography variant=\"h6\">With Actions</AppTypography>\n          <AppAlert\n            severity=\"info\"\n            title={shortTitle}\n            actions={<AppAlertButton>Button</AppAlertButton>}\n          />\n          <AppAlert\n            severity=\"info\"\n            content={shortContent}\n            actions={\n              <>\n                <AppAlertButton>View link</AppAlertButton>\n                <AppAlertButton variant=\"outlined\">Edit</AppAlertButton>\n              </>\n            }\n          />\n          <AppAlert\n            severity=\"info\"\n            title={shortTitle}\n            content={shortContent}\n            actions={<AppAlertButton variant=\"outlined\">Button</AppAlertButton>}\n          />\n          <AppAlert\n            severity=\"info\"\n            title={shortTitle}\n            content={longContent}\n            actions={<AppAlertButton>Button</AppAlertButton>}\n          />\n          <AppAlert\n            severity=\"info\"\n            title={longTitle}\n            content={shortContent}\n            actions={<AppAlertButton variant=\"outlined\">Button</AppAlertButton>}\n          />\n          <AppAlert\n            severity=\"info\"\n            title={longTitle}\n            content={longContent}\n            actions={<AppAlertButton>Button</AppAlertButton>}\n          />\n          <Box />\n          <AppTypography variant=\"h6\">With Loading</AppTypography>\n          <AppAlert\n            severity=\"info\"\n            title={longTitle}\n            content={longContent}\n            actions={<AppAlertButton>Button</AppAlertButton>}\n            isLoading\n          />\n        </Stack>\n      </>\n    );\n  },\n};\n\n//\n"],"names":[],"mappings":"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"}

package/dist/react/es/stories/react/AppButton.stories.js

@@ -1,93 +0,0 @@
-import { AppButton } from "../../components/app-button.js";
-const meta = {
-  title: "React/App Button",
-  component: AppButton,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: "select",
-      options: ["large", "medium", "small"]
-    },
-    disabled: {
-      control: "boolean"
-    },
-    tooltip: {
-      control: "text"
-    },
-    tooltipProps: {
-      control: "object"
-    }
-  },
-  args: {
-    size: "large",
-    children: "Text",
-    disabled: false,
-    tooltip: "Tooltip sample",
-    tooltipProps: {
-      placement: "top"
-    }
-  }
-};
-const Primary = {
-  argTypes: {
-    color: {
-      control: "select",
-      options: ["primary"]
-    },
-    variant: {
-      control: "select",
-      options: ["contained"]
-    }
-  },
-  args: {
-    color: "primary",
-    variant: "contained"
-  }
-};
-const Secondary = {
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["text", "outlined"]
-    }
-  },
-  args: {
-    color: "secondary",
-    variant: "outlined"
-  }
-};
-const Tertiary = {
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["contained", "outlined"]
-    }
-  },
-  args: {
-    color: "tertiary",
-    variant: "contained"
-  }
-};
-const Error = {
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["text", "outlined", "contained"]
-    }
-  },
-  args: {
-    color: "error",
-    variant: "contained"
-  }
-};
-export {
-  Error,
-  Primary,
-  Secondary,
-  Tertiary,
-  meta as default
-};
-//# sourceMappingURL=AppButton.stories.js.map

package/dist/react/es/stories/react/AppButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppButton.stories.js","sources":["../../../../../src/stories/react/AppButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppButton } from '~/components/app-button';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Button',\n  component: AppButton,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: 'select',\n      options: ['large', 'medium', 'small'],\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    tooltip: {\n      control: 'text',\n    },\n    tooltipProps: {\n      control: 'object',\n    },\n  },\n  args: {\n    size: 'large',\n    children: 'Text',\n    disabled: false,\n    tooltip: 'Tooltip sample',\n    tooltipProps: {\n      placement: 'top',\n    },\n  },\n} satisfies Meta<typeof AppButton>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Primary: Story = {\n  argTypes: {\n    color: {\n      control: 'select',\n      options: ['primary'],\n    },\n    variant: {\n      control: 'select',\n      options: ['contained'],\n    },\n  },\n  args: {\n    color: 'primary',\n    variant: 'contained',\n  },\n};\n\n//\n\nexport const Secondary: Story = {\n  argTypes: {\n    variant: {\n      control: 'select',\n      options: ['text', 'outlined'],\n    },\n  },\n  args: {\n    color: 'secondary',\n    variant: 'outlined',\n  },\n};\n\n//\n\nexport const Tertiary: Story = {\n  argTypes: {\n    variant: {\n      control: 'select',\n      options: ['contained', 'outlined'],\n    },\n  },\n  args: {\n    color: 'tertiary',\n    variant: 'contained',\n  },\n};\n\n//\n\nexport const Error: Story = {\n  argTypes: {\n    variant: {\n      control: 'select',\n      options: ['text', 'outlined', 'contained'],\n    },\n  },\n  args: {\n    color: 'error',\n    variant: 'contained',\n  },\n};\n"],"names":[],"mappings":";AAQA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,SAAS,UAAU,OAAO;AAAA,IAAA;AAAA,IAEtC,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;AAOO,MAAM,UAAiB;AAAA,EAC5B,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS,CAAC,SAAS;AAAA,IAAA;AAAA,IAErB,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS,CAAC,WAAW;AAAA,IAAA;AAAA,EACvB;AAAA,EAEF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb;AAIO,MAAM,YAAmB;AAAA,EAC9B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,UAAU;AAAA,IAAA;AAAA,EAC9B;AAAA,EAEF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb;AAIO,MAAM,WAAkB;AAAA,EAC7B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS,CAAC,aAAa,UAAU;AAAA,IAAA;AAAA,EACnC;AAAA,EAEF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb;AAIO,MAAM,QAAe;AAAA,EAC1B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,YAAY,WAAW;AAAA,IAAA;AAAA,EAC3C;AAAA,EAEF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb;"}

package/dist/react/es/stories/react/AppCheckbox.stories.js

@@ -1,67 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { AppCheckbox } from "../../components/app-checkbox.js";
-const meta = {
-  title: "React/App Checkbox",
-  component: AppCheckbox,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    label: {
-      control: "text"
-    },
-    checked: {
-      control: "boolean"
-    },
-    disabled: {
-      control: "boolean"
-    }
-  },
-  args: {
-    label: "Checkbox label",
-    checked: false,
-    disabled: false
-  }
-};
-const Default = {
-  args: {
-    label: "Default checkbox"
-  }
-};
-const Checked = {
-  args: {
-    label: "Checked checkbox",
-    checked: true
-  }
-};
-const Disabled = {
-  args: {
-    label: "Disabled checkbox",
-    disabled: true
-  }
-};
-const DisabledChecked = {
-  args: {
-    label: "Disabled checked",
-    checked: true,
-    disabled: true
-  }
-};
-const InteractiveComponent = () => {
-  const [checked, setChecked] = useState(false);
-  return /* @__PURE__ */ jsx(AppCheckbox, { label: "Click me", checked, onChange: (_, value) => setChecked(value) });
-};
-const Interactive = {
-  render: () => /* @__PURE__ */ jsx(InteractiveComponent, {})
-};
-export {
-  Checked,
-  Default,
-  Disabled,
-  DisabledChecked,
-  Interactive,
-  meta as default
-};
-//# sourceMappingURL=AppCheckbox.stories.js.map

package/dist/react/es/stories/react/AppCheckbox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppCheckbox.stories.js","sources":["../../../../../src/stories/react/AppCheckbox.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { AppCheckbox } from '~/components/app-checkbox';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Checkbox',\n  component: AppCheckbox,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    checked: {\n      control: 'boolean',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n  },\n  args: {\n    label: 'Checkbox label',\n    checked: false,\n    disabled: false,\n  },\n} satisfies Meta<typeof AppCheckbox>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Default: Story = {\n  args: {\n    label: 'Default checkbox',\n  },\n};\n\n//\n\nexport const Checked: Story = {\n  args: {\n    label: 'Checked checkbox',\n    checked: true,\n  },\n};\n\n//\n\nexport const Disabled: Story = {\n  args: {\n    label: 'Disabled checkbox',\n    disabled: true,\n  },\n};\n\n//\n\nexport const DisabledChecked: Story = {\n  args: {\n    label: 'Disabled checked',\n    checked: true,\n    disabled: true,\n  },\n};\n\n//\n\nconst InteractiveComponent = () => {\n  const [checked, setChecked] = useState(false);\n\n  return (\n    <AppCheckbox label=\"Click me\" checked={checked} onChange={(_, value) => setChecked(value)} />\n  );\n};\n\nexport const Interactive: Story = {\n  render: () => <InteractiveComponent />,\n};\n"],"names":[],"mappings":";;;AASA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAEd;AAOO,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX;AAIO,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb;AAIO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAEd;AAIO,MAAM,kBAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAEd;AAIA,MAAM,uBAAuB,MAAM;AACjC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,SACE,oBAAC,aAAA,EAAY,OAAM,YAAW,SAAkB,UAAU,CAAC,GAAG,UAAU,WAAW,KAAK,EAAA,CAAG;AAE/F;AAEO,MAAM,cAAqB;AAAA,EAChC,QAAQ,MAAM,oBAAC,sBAAA,CAAA,CAAqB;AACtC;"}

package/dist/react/es/stories/react/AppDialog.stories.js

@@ -1,129 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { AppDialog } from "../../components/app-dialog.js";
-import { AppButton } from "../../components/app-button.js";
-import { AppTypography } from "../../components/app-typography.js";
-const meta = {
-  title: "React/App Dialog",
-  component: AppDialog,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    title: {
-      control: "text"
-    },
-    description: {
-      control: "text"
-    },
-    maxWidth: {
-      control: "select",
-      options: ["xs", "sm", "md", "lg", "xl"]
-    },
-    darkerBackdrop: {
-      control: "boolean"
-    }
-  }
-};
-const DefaultComponent = () => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsx(AppDialog, { open, onClose: () => setOpen(false), children: /* @__PURE__ */ jsx(AppTypography, { children: "Dialog content goes here." }) })
-  ] });
-};
-const Default = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(DefaultComponent, {})
-};
-const WithTitleComponent = () => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsx(AppDialog, { open, onClose: () => setOpen(false), title: "Dialog Title", children: /* @__PURE__ */ jsx(AppTypography, { children: "Dialog content with title." }) })
-  ] });
-};
-const WithTitle = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(WithTitleComponent, {})
-};
-const WithTitleAndDescriptionComponent = () => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsx(
-      AppDialog,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: "Dialog Title",
-        description: "This is a description that provides more context about the dialog.",
-        children: /* @__PURE__ */ jsx(AppTypography, { children: "Dialog content with title and description." })
-      }
-    )
-  ] });
-};
-const WithTitleAndDescription = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(WithTitleAndDescriptionComponent, {})
-};
-const WithActionsComponent = () => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsx(
-      AppDialog,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: "Confirm Action",
-        description: "Are you sure you want to proceed?",
-        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(AppButton, { variant: "outlined", color: "secondary", onClick: () => setOpen(false), children: "Cancel" }),
-          /* @__PURE__ */ jsx(AppButton, { variant: "contained", color: "primary", onClick: () => setOpen(false), children: "Confirm" })
-        ] }),
-        children: /* @__PURE__ */ jsx(AppTypography, { children: "This action cannot be undone." })
-      }
-    )
-  ] });
-};
-const WithActions = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(WithActionsComponent, {})
-};
-const DarkerBackdropComponent = () => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsx(AppDialog, { open, onClose: () => setOpen(false), title: "Darker Backdrop", darkerBackdrop: true, children: /* @__PURE__ */ jsx(AppTypography, { children: "This dialog has a darker backdrop." }) })
-  ] });
-};
-const DarkerBackdrop = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(DarkerBackdropComponent, {})
-};
-export {
-  DarkerBackdrop,
-  Default,
-  WithActions,
-  WithTitle,
-  WithTitleAndDescription,
-  meta as default
-};
-//# sourceMappingURL=AppDialog.stories.js.map

package/dist/react/es/stories/react/AppDialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppDialog.stories.js","sources":["../../../../../src/stories/react/AppDialog.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppDialog } from '~/components/app-dialog';\nimport { AppButton } from '~/components/app-button';\nimport { AppTypography } from '~/components/app-typography';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Dialog',\n  component: AppDialog,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    title: {\n      control: 'text',\n    },\n    description: {\n      control: 'text',\n    },\n    maxWidth: {\n      control: 'select',\n      options: ['xs', 'sm', 'md', 'lg', 'xl'],\n    },\n    darkerBackdrop: {\n      control: 'boolean',\n    },\n  },\n} satisfies Meta<typeof AppDialog>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nconst DefaultComponent = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialog open={open} onClose={() => setOpen(false)}>\n        <AppTypography>Dialog content goes here.</AppTypography>\n      </AppDialog>\n    </>\n  );\n};\n\nexport const Default: Story = {\n  args: {\n    open: false,\n    children: null,\n  },\n  render: () => <DefaultComponent />,\n};\n\n//\n\nconst WithTitleComponent = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialog open={open} onClose={() => setOpen(false)} title=\"Dialog Title\">\n        <AppTypography>Dialog content with title.</AppTypography>\n      </AppDialog>\n    </>\n  );\n};\n\nexport const WithTitle: Story = {\n  args: {\n    open: false,\n    children: null,\n  },\n  render: () => <WithTitleComponent />,\n};\n\n//\n\nconst WithTitleAndDescriptionComponent = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialog\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Dialog Title\"\n        description=\"This is a description that provides more context about the dialog.\"\n      >\n        <AppTypography>Dialog content with title and description.</AppTypography>\n      </AppDialog>\n    </>\n  );\n};\n\nexport const WithTitleAndDescription: Story = {\n  args: {\n    open: false,\n    children: null,\n  },\n  render: () => <WithTitleAndDescriptionComponent />,\n};\n\n//\n\nconst WithActionsComponent = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialog\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Confirm Action\"\n        description=\"Are you sure you want to proceed?\"\n        actions={\n          <>\n            <AppButton variant=\"outlined\" color=\"secondary\" onClick={() => setOpen(false)}>\n              Cancel\n            </AppButton>\n            <AppButton variant=\"contained\" color=\"primary\" onClick={() => setOpen(false)}>\n              Confirm\n            </AppButton>\n          </>\n        }\n      >\n        <AppTypography>This action cannot be undone.</AppTypography>\n      </AppDialog>\n    </>\n  );\n};\n\nexport const WithActions: Story = {\n  args: {\n    open: false,\n    children: null,\n  },\n  render: () => <WithActionsComponent />,\n};\n\n//\n\nconst DarkerBackdropComponent = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialog open={open} onClose={() => setOpen(false)} title=\"Darker Backdrop\" darkerBackdrop>\n        <AppTypography>This dialog has a darker backdrop.</AppTypography>\n      </AppDialog>\n    </>\n  );\n};\n\nexport const DarkerBackdrop: Story = {\n  args: {\n    open: false,\n    children: null,\n  },\n  render: () => <DarkerBackdropComponent />,\n};\n"],"names":[],"mappings":";;;;;AAYA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,aAAa;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,MACT,SAAS,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,IAAA;AAAA,IAExC,gBAAgB;AAAA,MACd,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAOA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,aAAU,SAAS,MAAM,QAAQ,IAAI,GAAG,UAAA,eAAW;AAAA,IACpD,oBAAC,WAAA,EAAU,MAAY,SAAS,MAAM,QAAQ,KAAK,GACjD,UAAA,oBAAC,eAAA,EAAc,UAAA,4BAAA,CAAyB,EAAA,CAC1C;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ,MAAM,oBAAC,kBAAA,CAAA,CAAiB;AAClC;AAIA,MAAM,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,aAAU,SAAS,MAAM,QAAQ,IAAI,GAAG,UAAA,eAAW;AAAA,IACpD,oBAAC,WAAA,EAAU,MAAY,SAAS,MAAM,QAAQ,KAAK,GAAG,OAAM,gBAC1D,UAAA,oBAAC,eAAA,EAAc,wCAA0B,EAAA,CAC3C;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,YAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ,MAAM,oBAAC,oBAAA,CAAA,CAAmB;AACpC;AAIA,MAAM,mCAAmC,MAAM;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,aAAU,SAAS,MAAM,QAAQ,IAAI,GAAG,UAAA,eAAW;AAAA,IACpD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,OAAM;AAAA,QACN,aAAY;AAAA,QAEZ,UAAA,oBAAC,iBAAc,UAAA,6CAAA,CAA0C;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3D,GACF;AAEJ;AAEO,MAAM,0BAAiC;AAAA,EAC5C,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ,MAAM,oBAAC,kCAAA,CAAA,CAAiC;AAClD;AAIA,MAAM,uBAAuB,MAAM;AACjC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,aAAU,SAAS,MAAM,QAAQ,IAAI,GAAG,UAAA,eAAW;AAAA,IACpD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA,oBAAC,WAAA,EAAU,SAAQ,YAAW,OAAM,aAAY,SAAS,MAAM,QAAQ,KAAK,GAAG,UAAA,SAAA,CAE/E;AAAA,UACA,oBAAC,WAAA,EAAU,SAAQ,aAAY,OAAM,WAAU,SAAS,MAAM,QAAQ,KAAK,GAAG,UAAA,UAAA,CAE9E;AAAA,QAAA,GACF;AAAA,QAGF,UAAA,oBAAC,iBAAc,UAAA,gCAAA,CAA6B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9C,GACF;AAEJ;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ,MAAM,oBAAC,sBAAA,CAAA,CAAqB;AACtC;AAIA,MAAM,0BAA0B,MAAM;AACpC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,aAAU,SAAS,MAAM,QAAQ,IAAI,GAAG,UAAA,eAAW;AAAA,IACpD,oBAAC,WAAA,EAAU,MAAY,SAAS,MAAM,QAAQ,KAAK,GAAG,OAAM,mBAAkB,gBAAc,MAC1F,UAAA,oBAAC,eAAA,EAAc,gDAAkC,EAAA,CACnD;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,iBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ,MAAM,oBAAC,yBAAA,CAAA,CAAwB;AACzC;"}

package/dist/react/es/stories/react/AppDialogWithFeatures.stories.js

@@ -1,127 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { AppDialogWithFeatures } from "../../components/app-dialog-with-features.js";
-import { AppButton } from "../../components/app-button.js";
-import { AppTypography } from "../../components/app-typography.js";
-const meta = {
-  title: "React/App Dialog With Features",
-  component: AppDialogWithFeatures,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    title: {
-      control: "text"
-    },
-    isLoading: {
-      control: "boolean"
-    }
-  }
-};
-const DefaultComponent = () => {
-  const [open, setOpen] = useState(false);
-  const [search, setSearch] = useState("");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsxs(
-      AppDialogWithFeatures,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: "Select Item",
-        search,
-        onSearchChange: setSearch,
-        children: [
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item One" }),
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item Two" }),
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item Three" }),
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item Four" })
-        ]
-      }
-    )
-  ] });
-};
-const Default = {
-  args: {
-    open: false,
-    onClose: () => {
-    },
-    search: "",
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(DefaultComponent, {})
-};
-const WithPaginationComponent = () => {
-  const [open, setOpen] = useState(false);
-  const [search, setSearch] = useState("");
-  const [page, setPage] = useState(1);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsxs(
-      AppDialogWithFeatures,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: "Select Item",
-        search,
-        onSearchChange: setSearch,
-        pagination: {
-          count: 5,
-          page,
-          onChange: (_, newPage) => setPage(newPage)
-        },
-        children: [
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item One" }),
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item Two" }),
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item Three" }),
-          /* @__PURE__ */ jsx(AppTypography, { children: "Item Four" })
-        ]
-      }
-    )
-  ] });
-};
-const WithPagination = {
-  args: {
-    open: false,
-    onClose: () => {
-    },
-    search: "",
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(WithPaginationComponent, {})
-};
-const LoadingComponent = () => {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsx(
-      AppDialogWithFeatures,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: "Loading...",
-        search: "",
-        isLoading: true,
-        children: /* @__PURE__ */ jsx(AppTypography, { children: "Content" })
-      }
-    )
-  ] });
-};
-const Loading = {
-  args: {
-    open: false,
-    onClose: () => {
-    },
-    search: "",
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsx(LoadingComponent, {})
-};
-export {
-  Default,
-  Loading,
-  WithPagination,
-  meta as default
-};
-//# sourceMappingURL=AppDialogWithFeatures.stories.js.map

package/dist/react/es/stories/react/AppDialogWithFeatures.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppDialogWithFeatures.stories.js","sources":["../../../../../src/stories/react/AppDialogWithFeatures.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppDialogWithFeatures } from '~/components/app-dialog-with-features';\nimport { AppButton } from '~/components/app-button';\nimport { AppTypography } from '~/components/app-typography';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Dialog With Features',\n  component: AppDialogWithFeatures,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    title: {\n      control: 'text',\n    },\n    isLoading: {\n      control: 'boolean',\n    },\n  },\n} satisfies Meta<typeof AppDialogWithFeatures>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nconst DefaultComponent = () => {\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialogWithFeatures\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Select Item\"\n        search={search}\n        onSearchChange={setSearch}\n      >\n        <AppTypography>Item One</AppTypography>\n        <AppTypography>Item Two</AppTypography>\n        <AppTypography>Item Three</AppTypography>\n        <AppTypography>Item Four</AppTypography>\n      </AppDialogWithFeatures>\n    </>\n  );\n};\n\nexport const Default: Story = {\n  args: {\n    open: false,\n    onClose: () => {},\n    search: '',\n    children: null,\n  },\n  render: () => <DefaultComponent />,\n};\n\n//\n\nconst WithPaginationComponent = () => {\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialogWithFeatures\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Select Item\"\n        search={search}\n        onSearchChange={setSearch}\n        pagination={{\n          count: 5,\n          page,\n          onChange: (_, newPage) => setPage(newPage),\n        }}\n      >\n        <AppTypography>Item One</AppTypography>\n        <AppTypography>Item Two</AppTypography>\n        <AppTypography>Item Three</AppTypography>\n        <AppTypography>Item Four</AppTypography>\n      </AppDialogWithFeatures>\n    </>\n  );\n};\n\nexport const WithPagination: Story = {\n  args: {\n    open: false,\n    onClose: () => {},\n    search: '',\n    children: null,\n  },\n  render: () => <WithPaginationComponent />,\n};\n\n//\n\nconst LoadingComponent = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <AppButton onClick={() => setOpen(true)}>Open Dialog</AppButton>\n      <AppDialogWithFeatures\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Loading...\"\n        search=\"\"\n        isLoading\n      >\n        <AppTypography>Content</AppTypography>\n      </AppDialogWithFeatures>\n    </>\n  );\n};\n\nexport const Loading: Story = {\n  args: {\n    open: false,\n    onClose: () => {},\n    search: '',\n    children: null,\n  },\n  render: () => <LoadingComponent />,\n};\n"],"names":[],"mappings":"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"}