@zidsa/zidmui 2.1.8 → 2.3.0-beta.0

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

@@ -1,149 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-const appAlert = require("../../components/app-alert.js");
-const appTypography = require("../../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.AppAlert,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"]
-};
-const Variants = {
-  render: () => {
-    const onClose = () => {
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Variants" }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { title: shortTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { title: shortTitle, content: shortContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "error", title: shortTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "error", title: shortTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: shortTitle, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: shortTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "warning", title: shortTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "warning",
-          title: shortTitle,
-          content: shortContent,
-          onClose
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Cases" }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Title Only" }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { title: shortTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { title: shortTitle, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "warning", title: longTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "warning", title: longTitle, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Content Only" }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", content: shortContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", content: shortContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "warning", content: longContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "warning", content: longContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Short Title and Short Content" }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: shortTitle, content: shortContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: shortTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Long Title and Short Content" }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: longTitle, content: shortContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: longTitle, content: shortContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Short Title and Long Content" }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: shortTitle, content: longContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: shortTitle, content: longContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "Long Title and Long Content" }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: longTitle, content: longContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlert, { severity: "info", title: longTitle, content: longContent, onClose }),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "With Actions" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "info",
-          title: shortTitle,
-          actions: /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "info",
-          content: shortContent,
-          actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { children: "View link" }),
-            /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { variant: "outlined", children: "Edit" })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "info",
-          title: shortTitle,
-          content: shortContent,
-          actions: /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { variant: "outlined", children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "info",
-          title: shortTitle,
-          content: longContent,
-          actions: /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "info",
-          title: longTitle,
-          content: shortContent,
-          actions: /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { variant: "outlined", children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "info",
-          title: longTitle,
-          content: longContent,
-          actions: /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { children: "Button" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", children: "With Loading" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        appAlert.AppAlert,
-        {
-          severity: "info",
-          title: longTitle,
-          content: longContent,
-          actions: /* @__PURE__ */ jsxRuntime.jsx(appAlert.AppAlertButton, { children: "Button" }),
-          isLoading: true
-        }
-      )
-    ] }) });
-  }
-};
-exports.Variants = Variants;
-exports.default = meta;
-//# sourceMappingURL=AppAlert.stories.js.map

package/dist/react/cjs/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":["AppAlert","jsx","Fragment","jsxs","Stack","AppTypography","Box","AppAlertButton"],"mappings":"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"}

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

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const appButton = require("../../components/app-button.js");
-const meta = {
-  title: "React/App Button",
-  component: appButton.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"
-  }
-};
-exports.Error = Error;
-exports.Primary = Primary;
-exports.Secondary = Secondary;
-exports.Tertiary = Tertiary;
-exports.default = meta;
-//# sourceMappingURL=AppButton.stories.js.map

package/dist/react/cjs/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":["AppButton"],"mappings":";;;AAQA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWA,UAAAA;AAAAA,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/cjs/stories/react/AppCheckbox.stories.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const appCheckbox = require("../../components/app-checkbox.js");
-const meta = {
-  title: "React/App Checkbox",
-  component: appCheckbox.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] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(appCheckbox.AppCheckbox, { label: "Click me", checked, onChange: (_, value) => setChecked(value) });
-};
-const Interactive = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(InteractiveComponent, {})
-};
-exports.Checked = Checked;
-exports.Default = Default;
-exports.Disabled = Disabled;
-exports.DisabledChecked = DisabledChecked;
-exports.Interactive = Interactive;
-exports.default = meta;
-//# sourceMappingURL=AppCheckbox.stories.js.map

package/dist/react/cjs/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":["AppCheckbox","useState","jsx"],"mappings":";;;;;AASA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWA,YAAAA;AAAAA,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,IAAIC,MAAAA,SAAS,KAAK;AAE5C,SACEC,2BAAAA,IAACF,YAAAA,aAAA,EAAY,OAAM,YAAW,SAAkB,UAAU,CAAC,GAAG,UAAU,WAAW,KAAK,EAAA,CAAG;AAE/F;AAEO,MAAM,cAAqB;AAAA,EAChC,QAAQ,MAAME,+BAAC,sBAAA,CAAA,CAAqB;AACtC;;;;;;;"}

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

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const appDialog = require("../../components/app-dialog.js");
-const appButton = require("../../components/app-button.js");
-const appTypography = require("../../components/app-typography.js");
-const meta = {
-  title: "React/App Dialog",
-  component: appDialog.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] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appButton.AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsxRuntime.jsx(appDialog.AppDialog, { open, onClose: () => setOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { children: "Dialog content goes here." }) })
-  ] });
-};
-const Default = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(DefaultComponent, {})
-};
-const WithTitleComponent = () => {
-  const [open, setOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appButton.AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsxRuntime.jsx(appDialog.AppDialog, { open, onClose: () => setOpen(false), title: "Dialog Title", children: /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { children: "Dialog content with title." }) })
-  ] });
-};
-const WithTitle = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(WithTitleComponent, {})
-};
-const WithTitleAndDescriptionComponent = () => {
-  const [open, setOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appButton.AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appDialog.AppDialog,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: "Dialog Title",
-        description: "This is a description that provides more context about the dialog.",
-        children: /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { children: "Dialog content with title and description." })
-      }
-    )
-  ] });
-};
-const WithTitleAndDescription = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(WithTitleAndDescriptionComponent, {})
-};
-const WithActionsComponent = () => {
-  const [open, setOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appButton.AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appDialog.AppDialog,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: "Confirm Action",
-        description: "Are you sure you want to proceed?",
-        actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(appButton.AppButton, { variant: "outlined", color: "secondary", onClick: () => setOpen(false), children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsx(appButton.AppButton, { variant: "contained", color: "primary", onClick: () => setOpen(false), children: "Confirm" })
-        ] }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { children: "This action cannot be undone." })
-      }
-    )
-  ] });
-};
-const WithActions = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(WithActionsComponent, {})
-};
-const DarkerBackdropComponent = () => {
-  const [open, setOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appButton.AppButton, { onClick: () => setOpen(true), children: "Open Dialog" }),
-    /* @__PURE__ */ jsxRuntime.jsx(appDialog.AppDialog, { open, onClose: () => setOpen(false), title: "Darker Backdrop", darkerBackdrop: true, children: /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { children: "This dialog has a darker backdrop." }) })
-  ] });
-};
-const DarkerBackdrop = {
-  args: {
-    open: false,
-    children: null
-  },
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(DarkerBackdropComponent, {})
-};
-exports.DarkerBackdrop = DarkerBackdrop;
-exports.Default = Default;
-exports.WithActions = WithActions;
-exports.WithTitle = WithTitle;
-exports.WithTitleAndDescription = WithTitleAndDescription;
-exports.default = meta;
-//# sourceMappingURL=AppDialog.stories.js.map

package/dist/react/cjs/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":["AppDialog","useState","jsxs","Fragment","jsx","AppButton","AppTypography"],"mappings":"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"}

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

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

package/dist/react/cjs/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":["AppDialogWithFeatures","useState","jsxs","Fragment","jsx","AppButton","AppTypography"],"mappings":"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"}