@zidsa/zidmui 1.5.2-beta.1 → 1.5.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zidsa/zidmui",
   "type": "module",
-  "version": "1.5.2-beta.1",
+  "version": "1.5.5",
   "description": "Zid MUI shared components and utilities",
   "author": "Abdulaziz Homaily <a.homaily@gmail.com>",
   "license": "MIT",

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppAlert.stories.js","sources":["../../../src/stories/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: '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/cjs/stories/AppButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppButton.stories.js","sources":["../../../src/stories/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: '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/cjs/stories/AppIconWithTooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppIconWithTooltip.stories.js","sources":["../../../src/stories/AppIconWithTooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppIconWithTooltip } from '../components/app-icon-with-tooltip';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Icon With Tooltip',\n  component: AppIconWithTooltip,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    tooltip: {\n      control: 'text',\n    },\n    accessibleAreaWidth: {\n      control: 'text',\n    },\n    accessibleAreaHeight: {\n      control: 'text',\n    },\n    iconProps: {\n      control: 'object',\n    },\n  },\n} satisfies Meta<typeof AppIconWithTooltip>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Variants: Story = {\n  args: {\n    tooltip: 'Tooltip sample',\n    accessibleAreaWidth: '36px',\n    accessibleAreaHeight: '36px',\n    tooltipProps: { enterDelay: 250 },\n  },\n};\n"],"names":["AppIconWithTooltip"],"mappings":";;;AAQA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWA,mBAAAA;AAAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEX,qBAAqB;AAAA,MACnB,SAAS;AAAA,IAAA;AAAA,IAEX,sBAAsB;AAAA,MACpB,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAOO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,cAAc,EAAE,YAAY,IAAA;AAAA,EAAI;AAEpC;;;"}

package/dist/cjs/stories/AppInputBase.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppInputBase.stories.js","sources":["../../../src/stories/AppInputBase.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Divider } from '@mui/material';\n\nimport { AppInputBase } from '../components/app-input-base';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Input Base',\n  component: AppInputBase,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: 'select',\n      options: ['medium', 'small'],\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    error: {\n      control: 'boolean',\n    },\n    multiline: {\n      control: 'boolean',\n    },\n    label: {\n      control: 'text',\n    },\n    placeholder: {\n      control: 'text',\n    },\n    helperText: {\n      control: 'text',\n    },\n    startAdornmentText: {\n      control: 'text',\n    },\n    endAdornmentText: {\n      control: 'text',\n    },\n  },\n  args: {\n    size: 'medium',\n    label: 'Label',\n    placeholder: 'Placeholder text',\n    disabled: false,\n    error: false,\n    multiline: false,\n  },\n} satisfies Meta<typeof AppInputBase>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {},\n};\n\n//\n\nexport const Variants: Story = {\n  render: () => (\n    <StackColumn sx={{ background: 'white' }} padding={10} gap={4}>\n      <AppTypography variant=\"h6\">Basic</AppTypography>\n\n      <AppInputBase />\n      <AppInputBase label=\"User name\" />\n      <AppInputBase label=\"User name\" placeholder=\"Enter your username\" />\n      <AppInputBase label=\"User name\" placeholder=\"Enter your username\" size=\"small\" />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">States</AppTypography>\n\n      <AppInputBase label=\"Error\" placeholder=\"Invalid input\" error helperText=\"This field is required\" />\n      <AppInputBase label=\"Disabled\" placeholder=\"Cannot edit\" disabled />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">Adornments</AppTypography>\n\n      <AppInputBase label=\"Price\" placeholder=\"0.00\" startAdornmentText=\"$\" />\n      <AppInputBase label=\"Price\" placeholder=\"0.00\" endAdornmentText=\"$\" />\n      <AppInputBase label=\"Weight\" placeholder=\"0\" endAdornmentText=\"Kg\" />\n      <AppInputBase\n        label=\"Price\"\n        placeholder=\"0.00\"\n        endAdornmentText=\"SAR\"\n        endAdornmentTextProps={{ typographyProps: { color: 'primary' } }}\n      />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">Multiline</AppTypography>\n\n      <AppInputBase\n        label=\"Description\"\n        placeholder=\"Enter a detailed description...\"\n        endAdornmentText=\"Kg\"\n        multiline\n      />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">RTL</AppTypography>\n\n      <AppInputBase dir=\"rtl\" label=\"اسم المستخدم\" />\n      <AppInputBase dir=\"rtl\" label=\"اسم المستخدم\" placeholder=\"اسم المستخدم\" />\n      <AppInputBase dir=\"rtl\" label=\"اسم المستخدم\" placeholder=\"اسم المستخدم\" size=\"small\" error />\n      <AppInputBase\n        dir=\"rtl\"\n        label=\"اسم المستخدم\"\n        placeholder=\"اسم المستخدم\"\n        startAdornmentText=\"$\"\n      />\n      <AppInputBase\n        dir=\"rtl\"\n        label=\"اسم المستخدم\"\n        placeholder=\"اسم المستخدم\"\n        endAdornmentText=\"Kg\"\n      />\n      <AppInputBase\n        dir=\"rtl\"\n        label=\"الوصف\"\n        placeholder=\"هذا النص طويل جداً جداً جداً جداً للاختبار\"\n        endAdornmentText=\"Kg\"\n        multiline\n      />\n    </StackColumn>\n  ),\n};\n"],"names":["AppInputBase","jsxs","StackColumn","jsx","AppTypography","Divider"],"mappings":"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"}

package/dist/cjs/stories/AppInputBaseSearch.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppInputBaseSearch.stories.js","sources":["../../../src/stories/AppInputBaseSearch.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Divider } from '@mui/material';\n\nimport { AppInputBaseSearch } from '../components/app-input-base-search';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Input Base Search',\n  component: AppInputBaseSearch,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: 'select',\n      options: ['medium', 'small'],\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    error: {\n      control: 'boolean',\n    },\n    label: {\n      control: 'text',\n    },\n    placeholder: {\n      control: 'text',\n    },\n  },\n  args: {\n    name: 'search',\n    label: 'Search',\n    placeholder: 'Search for...',\n    disabled: false,\n    error: false,\n  },\n} satisfies Meta<typeof AppInputBaseSearch>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {},\n};\n\n//\n\nexport const Variants: Story = {\n  render: () => (\n    <StackColumn sx={{ background: 'white' }} padding={10} gap={4}>\n      <AppTypography variant=\"h6\">Basic</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" />\n      <AppInputBaseSearch name=\"search\" label=\"Search\" />\n      <AppInputBaseSearch name=\"search\" label=\"Search\" placeholder=\"Search for...\" />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">Sizes</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" label=\"Medium\" placeholder=\"Search for...\" />\n      <AppInputBaseSearch name=\"search\" label=\"Small\" placeholder=\"Search for...\" size=\"small\" />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">States</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" label=\"Error\" placeholder=\"Search for...\" error />\n      <AppInputBaseSearch name=\"search\" label=\"Disabled\" placeholder=\"Search for...\" disabled />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">RTL</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" dir=\"rtl\" />\n      <AppInputBaseSearch name=\"search\" dir=\"rtl\" label=\"بحث\" />\n      <AppInputBaseSearch name=\"search\" dir=\"rtl\" label=\"بحث\" placeholder=\"ابحث عن...\" />\n      <AppInputBaseSearch\n        name=\"search\"\n        dir=\"rtl\"\n        label=\"بحث\"\n        placeholder=\"ابحث عن...\"\n        size=\"small\"\n        error\n      />\n    </StackColumn>\n  ),\n};\n"],"names":["AppInputBaseSearch","jsxs","StackColumn","jsx","AppTypography","Divider"],"mappings":";;;;;;;AAYA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWA,mBAAAA;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,UAAU,OAAO;AAAA,IAAA;AAAA,IAE7B,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,aAAa;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAEX;AAOO,MAAM,aAAoB;AAAA,EAC/B,MAAM,CAAA;AACR;AAIO,MAAM,WAAkB;AAAA,EAC7B,QAAQ,MACNC,2BAAAA,KAACC,yBAAA,EAAY,IAAI,EAAE,YAAY,QAAA,GAAW,SAAS,IAAI,KAAK,GAC1D,UAAA;AAAA,IAAAC,2BAAAA,IAACC,cAAAA,eAAA,EAAc,SAAQ,MAAK,UAAA,SAAK;AAAA,IAEjCD,2BAAAA,IAACH,mBAAAA,oBAAA,EAAmB,MAAK,SAAA,CAAS;AAAA,IAClCG,2BAAAA,IAACH,mBAAAA,oBAAA,EAAmB,MAAK,UAAS,OAAM,UAAS;AAAA,mCAChDA,mBAAAA,oBAAA,EAAmB,MAAK,UAAS,OAAM,UAAS,aAAY,iBAAgB;AAAA,mCAE5EK,SAAAA,SAAA,EAAQ;AAAA,IAETF,2BAAAA,IAACC,cAAAA,eAAA,EAAc,SAAQ,MAAK,UAAA,SAAK;AAAA,mCAEhCJ,mBAAAA,oBAAA,EAAmB,MAAK,UAAS,OAAM,UAAS,aAAY,iBAAgB;AAAA,IAC7EG,2BAAAA,IAACH,mBAAAA,sBAAmB,MAAK,UAAS,OAAM,SAAQ,aAAY,iBAAgB,MAAK,QAAA,CAAQ;AAAA,mCAExFK,SAAAA,SAAA,EAAQ;AAAA,IAETF,2BAAAA,IAACC,cAAAA,eAAA,EAAc,SAAQ,MAAK,UAAA,UAAM;AAAA,IAElCD,2BAAAA,IAACH,mBAAAA,sBAAmB,MAAK,UAAS,OAAM,SAAQ,aAAY,iBAAgB,OAAK,KAAA,CAAC;AAAA,IAClFG,2BAAAA,IAACH,mBAAAA,sBAAmB,MAAK,UAAS,OAAM,YAAW,aAAY,iBAAgB,UAAQ,KAAA,CAAC;AAAA,mCAEvFK,SAAAA,SAAA,EAAQ;AAAA,IAETF,2BAAAA,IAACC,cAAAA,eAAA,EAAc,SAAQ,MAAK,UAAA,OAAG;AAAA,IAE/BD,2BAAAA,IAACH,mBAAAA,oBAAA,EAAmB,MAAK,UAAS,KAAI,OAAM;AAAA,mCAC3CA,mBAAAA,oBAAA,EAAmB,MAAK,UAAS,KAAI,OAAM,OAAM,OAAM;AAAA,IACxDG,2BAAAA,IAACH,mBAAAA,sBAAmB,MAAK,UAAS,KAAI,OAAM,OAAM,OAAM,aAAY,aAAA,CAAa;AAAA,IACjFG,2BAAAA;AAAAA,MAACH,mBAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,OAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,EAAA,CACF;AAEJ;;;;"}

package/dist/cjs/stories/AppListItem.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppListItem.stories.js","sources":["../../../src/stories/AppListItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Box, Divider, styled } from '@mui/material';\n\nimport { AppListItem } from '../components/app-list-item';\nimport { AppStatus } from '../components/app-status';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\nimport { IconBankLine } from '../icons/buildings/bank-line';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App List Item',\n  component: AppListItem,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    textLabel: {\n      control: 'text',\n    },\n    textDescription: {\n      control: 'text',\n    },\n    textContent: {\n      control: 'text',\n    },\n    tooltip: {\n      control: 'text',\n    },\n  },\n  args: {\n    textLabel: 'List item label',\n    textDescription: 'Description text',\n  },\n} satisfies Meta<typeof AppListItem>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {},\n};\n\n//\n\nexport const Variants: Story = {\n  render: () => (\n    <StackColumn gap={2}>\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>Label Only</AppTypography>\n\n      <Container>\n        <AppListItem textLabel=\"Sample Label\" />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>Label and Description</AppTypography>\n\n      <Container>\n        <AppListItem textLabel=\"Another Item\" textDescription=\"This is a description\" />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Icon</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Icon\"\n          textDescription=\"This is a description\"\n          icon={<IconBankLine />}\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Label Suffix</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Label Suffix\"\n          textDescription=\"This is a description\"\n          labelSuffix={<AppStatus color=\"success\" label=\"Active\" size=\"small\" />}\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Text Content</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Text Content\"\n          textDescription=\"This is a description\"\n          textContent=\"Some text content here to demonstrate the textContent prop\"\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Tooltip</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Tooltip\"\n          textDescription=\"Hover the icon to see the tooltip\"\n          tooltip=\"This is a helpful tooltip\"\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>Full Example</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"Complete List Item\"\n          textDescription=\"This item uses all available props\"\n          textContent=\"Additional content text\"\n          icon={<IconBankLine />}\n          labelSuffix={<AppStatus color=\"info\" label=\"New\" size=\"small\" />}\n          tooltip=\"Tooltip with extra info\"\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Children</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Children\"\n          textDescription=\"This is a description\"\n          textContent=\"Some text content\"\n        >\n          Additional content\n        </AppListItem>\n      </Container>\n    </StackColumn>\n  ),\n};\n\nconst Container = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(0),\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: theme.shape.borderRadius,\n  backgroundColor: theme.palette.colors.base.white,\n  minWidth: 200,\n  maxWidth: 400,\n}));\n"],"names":["AppListItem","jsxs","StackColumn","jsx","AppTypography","Divider","IconBankLine","AppStatus","styled","Box"],"mappings":"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"}

package/dist/cjs/stories/AppOverflownTextWithTooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppOverflownTextWithTooltip.stories.js","sources":["../../../src/stories/AppOverflownTextWithTooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Box, Divider, styled } from '@mui/material';\n\nimport { AppOverflownTextWithTooltip } from '../components/app-overflown-text-with-tooltip';\nimport { StackColumn } from '../components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Overflown Text With Tooltip',\n  component: AppOverflownTextWithTooltip,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {},\n} satisfies Meta<typeof AppOverflownTextWithTooltip>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Variants: Story = {\n  args: {\n    title: 'Sample Label',\n  },\n  render: () => (\n    <StackColumn gap={2}>\n      <Container>\n        <AppOverflownTextWithTooltip title=\"This is a very long title that will be truncated\" />\n      </Container>\n\n      <Divider />\n\n      <Container>\n        <AppOverflownTextWithTooltip\n          title=\"This is a very very long title that will be truncated and should show tooltip when hovered to see the full text with the rest of the content\"\n          twoLines\n        />\n      </Container>\n    </StackColumn>\n  ),\n};\n\nconst Container = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(1),\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: theme.shape.borderRadius,\n  backgroundColor: theme.palette.colors.base.white,\n  maxWidth: 200,\n}));\n"],"names":["AppOverflownTextWithTooltip","jsxs","StackColumn","jsx","Divider","styled","Box"],"mappings":";;;;;;AAWA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWA,4BAAAA;AAAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CAAA;AACZ;AAOO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ,MACNC,2BAAAA,KAACC,YAAAA,aAAA,EAAY,KAAK,GAChB,UAAA;AAAA,IAAAC,+BAAC,WAAA,EACC,UAAAA,2BAAAA,IAACH,4BAAAA,6BAAA,EAA4B,OAAM,oDAAmD,GACxF;AAAA,mCAECI,SAAAA,SAAA,EAAQ;AAAA,mCAER,WAAA,EACC,UAAAD,2BAAAA;AAAAA,MAACH,4BAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAQ;AAAA,MAAA;AAAA,IAAA,EACV,CACF;AAAA,EAAA,EAAA,CACF;AAEJ;AAEA,MAAM,YAAYK,SAAAA,OAAOC,SAAAA,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC5C,SAAS,MAAM,QAAQ,CAAC;AAAA,EACxB,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,EAC1C,cAAc,MAAM,MAAM;AAAA,EAC1B,iBAAiB,MAAM,QAAQ,OAAO,KAAK;AAAA,EAC3C,UAAU;AACZ,EAAE;;;"}

package/dist/cjs/stories/AppStatus.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppStatus.stories.js","sources":["../../../src/stories/AppStatus.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Divider, Stack } from '@mui/material';\n\nimport { AppStatus } from '../components/app-status';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Status',\n  component: AppStatus,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    color: {\n      control: 'select',\n    },\n  },\n} satisfies Meta<typeof AppStatus>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {\n    color: 'success',\n    label: 'Text',\n    size: 'small',\n    tooltip: 'Tooltip sample',\n    tooltipProps: {\n      placement: 'top',\n    },\n  },\n};\n\nexport const Variants: Story = {\n  render: () => (\n    <Stack spacing={0} gap={4}>\n      <Stack direction=\"row\" spacing={0} gap={2} flexWrap=\"wrap\" justifyContent=\"center\">\n        <AppStatus label=\"Success\" color=\"success\" />\n        <AppStatus label=\"Warning\" color=\"warning\" />\n        <AppStatus label=\"Error\" color=\"error\" />\n        <AppStatus label=\"Neutral\" color=\"neutral\" />\n        <AppStatus label=\"Disabled\" color=\"disabled\" />\n        <AppStatus label=\"Info\" color=\"info\" />\n        <AppStatus label=\"Orange\" color=\"orange\" />\n        <AppStatus label=\"Blue\" color=\"blue\" />\n        <AppStatus label=\"With Tooltip\" color=\"neutral\" tooltip=\"Tooltip sample\" />\n      </Stack>\n\n      <Divider />\n\n      <Stack direction=\"row\" spacing={0} gap={2} flexWrap=\"wrap\" justifyContent=\"center\">\n        <AppStatus label=\"Success\" color=\"success\" size=\"medium\" />\n        <AppStatus label=\"Warning\" color=\"warning\" size=\"medium\" />\n        <AppStatus label=\"Error\" color=\"error\" size=\"medium\" />\n        <AppStatus label=\"Neutral\" color=\"neutral\" size=\"medium\" />\n        <AppStatus label=\"Disabled\" color=\"disabled\" size=\"medium\" />\n        <AppStatus label=\"Info\" color=\"info\" size=\"medium\" />\n        <AppStatus label=\"Orange\" color=\"orange\" size=\"medium\" />\n        <AppStatus label=\"Blue\" color=\"blue\" size=\"medium\" />\n        <AppStatus\n          label=\"With Tooltip size medium\"\n          color=\"neutral\"\n          size=\"medium\"\n          tooltip=\"Tooltip sample\"\n        />\n      </Stack>\n    </Stack>\n  ),\n};\n"],"names":["AppStatus","jsxs","Stack","jsx","Divider"],"mappings":";;;;;AAUA,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,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAOO,MAAM,aAAoB;AAAA,EAC/B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;AAEO,MAAM,WAAkB;AAAA,EAC7B,QAAQ,MACNC,2BAAAA,KAACC,kBAAM,SAAS,GAAG,KAAK,GACtB,UAAA;AAAA,IAAAD,2BAAAA,KAACC,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,KAAK,GAAG,UAAS,QAAO,gBAAe,UACxE,UAAA;AAAA,MAAAC,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU;AAAA,MAC3CG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU;AAAA,MAC3CG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,SAAQ,OAAM,SAAQ;AAAA,MACvCG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU;AAAA,MAC3CG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,YAAW,OAAM,YAAW;AAAA,MAC7CG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO;AAAA,MACrCG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,UAAS,OAAM,UAAS;AAAA,MACzCG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO;AAAA,qCACpCA,UAAAA,WAAA,EAAU,OAAM,gBAAe,OAAM,WAAU,SAAQ,iBAAA,CAAiB;AAAA,IAAA,GAC3E;AAAA,mCAECI,SAAAA,SAAA,EAAQ;AAAA,IAETH,2BAAAA,KAACC,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,KAAK,GAAG,UAAS,QAAO,gBAAe,UACxE,UAAA;AAAA,MAAAC,+BAACH,UAAAA,aAAU,OAAM,WAAU,OAAM,WAAU,MAAK,UAAS;AAAA,qCACxDA,UAAAA,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU,MAAK,UAAS;AAAA,qCACxDA,UAAAA,WAAA,EAAU,OAAM,SAAQ,OAAM,SAAQ,MAAK,UAAS;AAAA,qCACpDA,UAAAA,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU,MAAK,UAAS;AAAA,qCACxDA,UAAAA,WAAA,EAAU,OAAM,YAAW,OAAM,YAAW,MAAK,UAAS;AAAA,qCAC1DA,UAAAA,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO,MAAK,UAAS;AAAA,qCAClDA,UAAAA,WAAA,EAAU,OAAM,UAAS,OAAM,UAAS,MAAK,UAAS;AAAA,qCACtDA,UAAAA,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO,MAAK,UAAS;AAAA,MACnDG,2BAAAA;AAAAA,QAACH,UAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACV,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAEJ;;;;"}

package/dist/cjs/stories/AppTooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppTooltip.stories.js","sources":["../../../src/stories/AppTooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Box, ClickAwayListener, styled, useTheme } from '@mui/material';\n\nimport { AppButton } from '../components/app-button';\nimport { AppTooltip, AppTooltipProps } from '../components/app-tooltip';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\nimport { StackRow } from '../components/stack-row';\nimport { useToggle } from '../hooks/use-toggle';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Tooltip',\n  component: AppTooltip,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    arrow: {\n      control: 'boolean',\n    },\n    placement: {\n      control: 'select',\n      options: [\n        'auto',\n        'auto-start',\n        'auto-end',\n        'top',\n        'bottom',\n        'left',\n        'right',\n        'top-start',\n        'top-end',\n        'bottom-start',\n        'bottom-end',\n        'right-start',\n        'right-end',\n        'left-start',\n        'left-end',\n      ],\n    },\n    children: {\n      control: 'text',\n    },\n  },\n} satisfies Meta<typeof AppTooltip>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Variants: Story = {\n  args: {\n    headline: 'Total sales over time',\n    description: 'Amount spent (subtotal, taxes, shipping, returns, discounts, fees, etc.)',\n    children: <></>,\n    placement: 'top',\n  },\n  render: args => <AppTooltips {...args} />,\n};\n\n//\n\nconst AppTooltips = (props: AppTooltipProps) => {\n  const toggle = useToggle();\n  const theme = useTheme();\n\n  return (\n    <StackRow gap={4}>\n      <StackColumn gap={4}>\n        <AppTooltip {...props} description=\"\">\n          <AppButton variant=\"outlined\">Default</AppButton>\n        </AppTooltip>\n\n        <AppTooltip disableFocusListener {...props} headline=\"\">\n          <AppButton variant=\"outlined\">Hover or touch</AppButton>\n        </AppTooltip>\n\n        <AppTooltip disableHoverListener {...props}>\n          <AppButton variant=\"outlined\">Focus or touch</AppButton>\n        </AppTooltip>\n\n        <AppTooltip disableFocusListener disableTouchListener {...props}>\n          <AppButton variant=\"outlined\">Hover</AppButton>\n        </AppTooltip>\n\n        <ClickAwayListener onClickAway={toggle.off}>\n          <AppTooltip\n            onClose={toggle.off}\n            open={toggle.value}\n            disableFocusListener\n            disableHoverListener\n            disableTouchListener\n            slotProps={{\n              popper: {\n                disablePortal: true,\n              },\n            }}\n            {...props}\n          >\n            <AppButton variant=\"outlined\" onClick={toggle.on}>\n              Click\n            </AppButton>\n          </AppTooltip>\n        </ClickAwayListener>\n      </StackColumn>\n\n      {/*  */}\n\n      <StackColumn gap={4}>\n        <AppTooltip {...props} headline=\"This is headline only\" description=\"\">\n          <AppButton variant=\"outlined\">Headline only</AppButton>\n        </AppTooltip>\n\n        <AppTooltip {...props} headline=\"\" description=\"This is description only\">\n          <AppButton variant=\"outlined\">Description only</AppButton>\n        </AppTooltip>\n\n        <AppTooltip\n          {...props}\n          headline=\"This is headline and description\"\n          description=\"This is description\"\n        >\n          <AppButton variant=\"outlined\">Headline and description</AppButton>\n        </AppTooltip>\n\n        <AppTooltip {...props} headline=\"This is headline and description\">\n          <AppButton variant=\"outlined\">Headline and description</AppButton>\n        </AppTooltip>\n\n        <AppTooltip\n          {...props}\n          content={\n            <Box>\n              <DescriptionTypography component=\"span\" color={theme.palette.colors.green[400]}>\n                Total sales ={' '}\n              </DescriptionTypography>\n              <DescriptionTypography component=\"span\" color={theme.palette.colors.primary[400]}>\n                net sales + additonal fees + duties + shipping charges + taxes\n              </DescriptionTypography>\n            </Box>\n          }\n        >\n          <AppButton variant=\"outlined\">With custom content</AppButton>\n        </AppTooltip>\n      </StackColumn>\n    </StackRow>\n  );\n};\n\n//\n\nconst DescriptionTypography = styled(AppTypography)(({ theme }) => ({\n  fontWeight: 400,\n  fontSize: theme.spacing(1.5),\n}));\n"],"names":["AppTooltip","jsx","Fragment","useToggle","useTheme","jsxs","StackRow","StackColumn","AppButton","ClickAwayListener","Box","styled","AppTypography"],"mappings":"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"}

package/dist/cjs/stories/Colors.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Colors.stories.js","sources":["../../../src/stories/Colors.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\nimport { useState } from 'react';\n\nimport { Box, Typography, useTheme, styled } from '@mui/material';\n\n//\n//\n\nconst ColorSwatchContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '32px',\n  padding: '24px',\n  maxWidth: '1200px',\n});\n\nconst ColorGroupTitle = styled(Typography)(({ theme }) => ({\n  fontSize: theme.spacing(3),\n  fontWeight: 600,\n  marginBottom: theme.spacing(2),\n  textTransform: 'capitalize',\n}));\n\nconst ColorRow = styled(Box)({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: '12px',\n});\n\nconst ColorSwatch = styled(Box)<{ bgColor: string; isLight?: boolean }>(({ bgColor, isLight }) => ({\n  width: '100px',\n  height: '80px',\n  backgroundColor: bgColor,\n  borderRadius: '8px',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-end',\n  padding: '8px',\n  border: '1px solid rgba(0, 0, 0, 0.1)',\n  color: isLight ? '#0E0217' : '#FFFFFF',\n  fontSize: '11px',\n  fontFamily: 'monospace',\n  cursor: 'pointer',\n  transition: 'transform 0.15s ease, box-shadow 0.15s ease',\n  '&:hover': {\n    transform: 'scale(1.05)',\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n  },\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n}));\n\nconst SwatchLabel = styled('span')({\n  fontWeight: 600,\n  marginBottom: '2px',\n});\n\nconst SwatchHex = styled('span')({\n  opacity: 0.8,\n  fontSize: '10px',\n});\n\n//\n//\n\ninterface ColorScale {\n  [key: string]: string;\n}\n\nconst isLightColor = (color: string): boolean => {\n  let r: number, g: number, b: number;\n\n  // Handle rgba format: rgba(255, 255, 255, 0.8)\n  if (color.startsWith('rgba')) {\n    const match = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n\n    if (match) {\n      r = parseInt(match[1], 10);\n      g = parseInt(match[2], 10);\n      b = parseInt(match[3], 10);\n    } else {\n      return true; // Default to light if parsing fails\n    }\n  } else {\n    // Handle hex format: #FFFFFF\n    const hex = color.replace('#', '');\n    r = parseInt(hex.substring(0, 2), 16);\n    g = parseInt(hex.substring(2, 4), 16);\n    b = parseInt(hex.substring(4, 6), 16);\n  }\n\n  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n\n  return luminance > 0.5;\n};\n\nconst ColorScaleDisplay = ({ name, colors }: { name: string; colors: ColorScale }) => {\n  const [copiedKey, setCopiedKey] = useState<string | null>(null);\n\n  const handleCopy = (shade: string, hex: string) => {\n    navigator.clipboard.writeText(hex);\n    setCopiedKey(shade);\n    setTimeout(() => setCopiedKey(null), 1500);\n  };\n\n  return (\n    <Box>\n      <ColorGroupTitle>{name}</ColorGroupTitle>\n      <ColorRow>\n        {Object.entries(colors).map(([shade, hex]) => (\n          <ColorSwatch\n            key={shade}\n            bgColor={hex}\n            isLight={isLightColor(hex)}\n            onClick={() => handleCopy(shade, hex)}\n            title={`Click to copy ${hex}`}\n          >\n            <SwatchLabel>{copiedKey === shade ? 'Copied!' : shade}</SwatchLabel>\n            <SwatchHex>{hex}</SwatchHex>\n          </ColorSwatch>\n        ))}\n      </ColorRow>\n    </Box>\n  );\n};\n\n//\n//\n\nconst ColorsDisplay = () => {\n  const theme = useTheme();\n  const { colors } = theme.palette;\n\n  const colorScales = [\n    { name: 'Primary', colors: colors.primary },\n    { name: 'Secondary', colors: colors.secondary },\n    { name: 'Neutral', colors: colors.neutral },\n    { name: 'Green', colors: colors.green },\n    { name: 'Blue', colors: colors.blue },\n    { name: 'Yellow', colors: colors.yellow },\n    { name: 'Orange', colors: colors.orange },\n    { name: 'Red', colors: colors.red },\n    { name: 'Base', colors: colors.base },\n  ];\n\n  return (\n    <ColorSwatchContainer>\n      <Box>\n        <Typography variant=\"h4\" sx={{ mb: 1 }}>\n          Parcel Design System Colors\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 4 }}>\n          Access colors via <code>theme.palette.colors.&#123;colorName&#125;[shade]</code>\n        </Typography>\n      </Box>\n\n      {colorScales.map(({ name, colors }) => (\n        <ColorScaleDisplay key={name} name={name} colors={colors} />\n      ))}\n    </ColorSwatchContainer>\n  );\n};\n\n//\n//\n\nconst meta = {\n  title: 'Design System/Colors',\n  component: ColorsDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ColorsDisplay>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const AllColors: Story = {};\n"],"names":["styled","Box","Typography","useState","jsx","jsxs","useTheme","colors"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppAlert.stories.js","sources":["../../../src/stories/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: '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/es/stories/AppButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppButton.stories.js","sources":["../../../src/stories/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: '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/es/stories/AppIconWithTooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppIconWithTooltip.stories.js","sources":["../../../src/stories/AppIconWithTooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppIconWithTooltip } from '../components/app-icon-with-tooltip';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Icon With Tooltip',\n  component: AppIconWithTooltip,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    tooltip: {\n      control: 'text',\n    },\n    accessibleAreaWidth: {\n      control: 'text',\n    },\n    accessibleAreaHeight: {\n      control: 'text',\n    },\n    iconProps: {\n      control: 'object',\n    },\n  },\n} satisfies Meta<typeof AppIconWithTooltip>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Variants: Story = {\n  args: {\n    tooltip: 'Tooltip sample',\n    accessibleAreaWidth: '36px',\n    accessibleAreaHeight: '36px',\n    tooltipProps: { enterDelay: 250 },\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,SAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEX,qBAAqB;AAAA,MACnB,SAAS;AAAA,IAAA;AAAA,IAEX,sBAAsB;AAAA,MACpB,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAOO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,cAAc,EAAE,YAAY,IAAA;AAAA,EAAI;AAEpC;"}

package/dist/es/stories/AppInputBase.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppInputBase.stories.js","sources":["../../../src/stories/AppInputBase.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Divider } from '@mui/material';\n\nimport { AppInputBase } from '../components/app-input-base';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Input Base',\n  component: AppInputBase,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: 'select',\n      options: ['medium', 'small'],\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    error: {\n      control: 'boolean',\n    },\n    multiline: {\n      control: 'boolean',\n    },\n    label: {\n      control: 'text',\n    },\n    placeholder: {\n      control: 'text',\n    },\n    helperText: {\n      control: 'text',\n    },\n    startAdornmentText: {\n      control: 'text',\n    },\n    endAdornmentText: {\n      control: 'text',\n    },\n  },\n  args: {\n    size: 'medium',\n    label: 'Label',\n    placeholder: 'Placeholder text',\n    disabled: false,\n    error: false,\n    multiline: false,\n  },\n} satisfies Meta<typeof AppInputBase>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {},\n};\n\n//\n\nexport const Variants: Story = {\n  render: () => (\n    <StackColumn sx={{ background: 'white' }} padding={10} gap={4}>\n      <AppTypography variant=\"h6\">Basic</AppTypography>\n\n      <AppInputBase />\n      <AppInputBase label=\"User name\" />\n      <AppInputBase label=\"User name\" placeholder=\"Enter your username\" />\n      <AppInputBase label=\"User name\" placeholder=\"Enter your username\" size=\"small\" />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">States</AppTypography>\n\n      <AppInputBase label=\"Error\" placeholder=\"Invalid input\" error helperText=\"This field is required\" />\n      <AppInputBase label=\"Disabled\" placeholder=\"Cannot edit\" disabled />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">Adornments</AppTypography>\n\n      <AppInputBase label=\"Price\" placeholder=\"0.00\" startAdornmentText=\"$\" />\n      <AppInputBase label=\"Price\" placeholder=\"0.00\" endAdornmentText=\"$\" />\n      <AppInputBase label=\"Weight\" placeholder=\"0\" endAdornmentText=\"Kg\" />\n      <AppInputBase\n        label=\"Price\"\n        placeholder=\"0.00\"\n        endAdornmentText=\"SAR\"\n        endAdornmentTextProps={{ typographyProps: { color: 'primary' } }}\n      />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">Multiline</AppTypography>\n\n      <AppInputBase\n        label=\"Description\"\n        placeholder=\"Enter a detailed description...\"\n        endAdornmentText=\"Kg\"\n        multiline\n      />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">RTL</AppTypography>\n\n      <AppInputBase dir=\"rtl\" label=\"اسم المستخدم\" />\n      <AppInputBase dir=\"rtl\" label=\"اسم المستخدم\" placeholder=\"اسم المستخدم\" />\n      <AppInputBase dir=\"rtl\" label=\"اسم المستخدم\" placeholder=\"اسم المستخدم\" size=\"small\" error />\n      <AppInputBase\n        dir=\"rtl\"\n        label=\"اسم المستخدم\"\n        placeholder=\"اسم المستخدم\"\n        startAdornmentText=\"$\"\n      />\n      <AppInputBase\n        dir=\"rtl\"\n        label=\"اسم المستخدم\"\n        placeholder=\"اسم المستخدم\"\n        endAdornmentText=\"Kg\"\n      />\n      <AppInputBase\n        dir=\"rtl\"\n        label=\"الوصف\"\n        placeholder=\"هذا النص طويل جداً جداً جداً جداً للاختبار\"\n        endAdornmentText=\"Kg\"\n        multiline\n      />\n    </StackColumn>\n  ),\n};\n"],"names":[],"mappings":"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"}

package/dist/es/stories/AppInputBaseSearch.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppInputBaseSearch.stories.js","sources":["../../../src/stories/AppInputBaseSearch.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Divider } from '@mui/material';\n\nimport { AppInputBaseSearch } from '../components/app-input-base-search';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Input Base Search',\n  component: AppInputBaseSearch,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: 'select',\n      options: ['medium', 'small'],\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    error: {\n      control: 'boolean',\n    },\n    label: {\n      control: 'text',\n    },\n    placeholder: {\n      control: 'text',\n    },\n  },\n  args: {\n    name: 'search',\n    label: 'Search',\n    placeholder: 'Search for...',\n    disabled: false,\n    error: false,\n  },\n} satisfies Meta<typeof AppInputBaseSearch>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {},\n};\n\n//\n\nexport const Variants: Story = {\n  render: () => (\n    <StackColumn sx={{ background: 'white' }} padding={10} gap={4}>\n      <AppTypography variant=\"h6\">Basic</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" />\n      <AppInputBaseSearch name=\"search\" label=\"Search\" />\n      <AppInputBaseSearch name=\"search\" label=\"Search\" placeholder=\"Search for...\" />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">Sizes</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" label=\"Medium\" placeholder=\"Search for...\" />\n      <AppInputBaseSearch name=\"search\" label=\"Small\" placeholder=\"Search for...\" size=\"small\" />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">States</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" label=\"Error\" placeholder=\"Search for...\" error />\n      <AppInputBaseSearch name=\"search\" label=\"Disabled\" placeholder=\"Search for...\" disabled />\n\n      <Divider />\n\n      <AppTypography variant=\"h6\">RTL</AppTypography>\n\n      <AppInputBaseSearch name=\"search\" dir=\"rtl\" />\n      <AppInputBaseSearch name=\"search\" dir=\"rtl\" label=\"بحث\" />\n      <AppInputBaseSearch name=\"search\" dir=\"rtl\" label=\"بحث\" placeholder=\"ابحث عن...\" />\n      <AppInputBaseSearch\n        name=\"search\"\n        dir=\"rtl\"\n        label=\"بحث\"\n        placeholder=\"ابحث عن...\"\n        size=\"small\"\n        error\n      />\n    </StackColumn>\n  ),\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,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,UAAU,OAAO;AAAA,IAAA;AAAA,IAE7B,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,aAAa;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAEX;AAOO,MAAM,aAAoB;AAAA,EAC/B,MAAM,CAAA;AACR;AAIO,MAAM,WAAkB;AAAA,EAC7B,QAAQ,MACN,qBAAC,aAAA,EAAY,IAAI,EAAE,YAAY,QAAA,GAAW,SAAS,IAAI,KAAK,GAC1D,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc,SAAQ,MAAK,UAAA,SAAK;AAAA,IAEjC,oBAAC,oBAAA,EAAmB,MAAK,SAAA,CAAS;AAAA,IAClC,oBAAC,oBAAA,EAAmB,MAAK,UAAS,OAAM,UAAS;AAAA,wBAChD,oBAAA,EAAmB,MAAK,UAAS,OAAM,UAAS,aAAY,iBAAgB;AAAA,wBAE5E,SAAA,EAAQ;AAAA,IAET,oBAAC,eAAA,EAAc,SAAQ,MAAK,UAAA,SAAK;AAAA,wBAEhC,oBAAA,EAAmB,MAAK,UAAS,OAAM,UAAS,aAAY,iBAAgB;AAAA,IAC7E,oBAAC,sBAAmB,MAAK,UAAS,OAAM,SAAQ,aAAY,iBAAgB,MAAK,QAAA,CAAQ;AAAA,wBAExF,SAAA,EAAQ;AAAA,IAET,oBAAC,eAAA,EAAc,SAAQ,MAAK,UAAA,UAAM;AAAA,IAElC,oBAAC,sBAAmB,MAAK,UAAS,OAAM,SAAQ,aAAY,iBAAgB,OAAK,KAAA,CAAC;AAAA,IAClF,oBAAC,sBAAmB,MAAK,UAAS,OAAM,YAAW,aAAY,iBAAgB,UAAQ,KAAA,CAAC;AAAA,wBAEvF,SAAA,EAAQ;AAAA,IAET,oBAAC,eAAA,EAAc,SAAQ,MAAK,UAAA,OAAG;AAAA,IAE/B,oBAAC,oBAAA,EAAmB,MAAK,UAAS,KAAI,OAAM;AAAA,wBAC3C,oBAAA,EAAmB,MAAK,UAAS,KAAI,OAAM,OAAM,OAAM;AAAA,IACxD,oBAAC,sBAAmB,MAAK,UAAS,KAAI,OAAM,OAAM,OAAM,aAAY,aAAA,CAAa;AAAA,IACjF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,OAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,EAAA,CACF;AAEJ;"}

package/dist/es/stories/AppListItem.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppListItem.stories.js","sources":["../../../src/stories/AppListItem.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Box, Divider, styled } from '@mui/material';\n\nimport { AppListItem } from '../components/app-list-item';\nimport { AppStatus } from '../components/app-status';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\nimport { IconBankLine } from '../icons/buildings/bank-line';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App List Item',\n  component: AppListItem,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    textLabel: {\n      control: 'text',\n    },\n    textDescription: {\n      control: 'text',\n    },\n    textContent: {\n      control: 'text',\n    },\n    tooltip: {\n      control: 'text',\n    },\n  },\n  args: {\n    textLabel: 'List item label',\n    textDescription: 'Description text',\n  },\n} satisfies Meta<typeof AppListItem>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {},\n};\n\n//\n\nexport const Variants: Story = {\n  render: () => (\n    <StackColumn gap={2}>\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>Label Only</AppTypography>\n\n      <Container>\n        <AppListItem textLabel=\"Sample Label\" />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>Label and Description</AppTypography>\n\n      <Container>\n        <AppListItem textLabel=\"Another Item\" textDescription=\"This is a description\" />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Icon</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Icon\"\n          textDescription=\"This is a description\"\n          icon={<IconBankLine />}\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Label Suffix</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Label Suffix\"\n          textDescription=\"This is a description\"\n          labelSuffix={<AppStatus color=\"success\" label=\"Active\" size=\"small\" />}\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Text Content</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Text Content\"\n          textDescription=\"This is a description\"\n          textContent=\"Some text content here to demonstrate the textContent prop\"\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Tooltip</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Tooltip\"\n          textDescription=\"Hover the icon to see the tooltip\"\n          tooltip=\"This is a helpful tooltip\"\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>Full Example</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"Complete List Item\"\n          textDescription=\"This item uses all available props\"\n          textContent=\"Additional content text\"\n          icon={<IconBankLine />}\n          labelSuffix={<AppStatus color=\"info\" label=\"New\" size=\"small\" />}\n          tooltip=\"Tooltip with extra info\"\n        />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>With Children</AppTypography>\n\n      <Container>\n        <AppListItem\n          textLabel=\"List Item with Children\"\n          textDescription=\"This is a description\"\n          textContent=\"Some text content\"\n        >\n          Additional content\n        </AppListItem>\n      </Container>\n    </StackColumn>\n  ),\n};\n\nconst Container = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(0),\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: theme.shape.borderRadius,\n  backgroundColor: theme.palette.colors.base.white,\n  minWidth: 200,\n  maxWidth: 400,\n}));\n"],"names":[],"mappings":"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"}

package/dist/es/stories/AppOverflownTextWithTooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppOverflownTextWithTooltip.stories.js","sources":["../../../src/stories/AppOverflownTextWithTooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Box, Divider, styled } from '@mui/material';\n\nimport { AppOverflownTextWithTooltip } from '../components/app-overflown-text-with-tooltip';\nimport { StackColumn } from '../components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Overflown Text With Tooltip',\n  component: AppOverflownTextWithTooltip,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {},\n} satisfies Meta<typeof AppOverflownTextWithTooltip>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Variants: Story = {\n  args: {\n    title: 'Sample Label',\n  },\n  render: () => (\n    <StackColumn gap={2}>\n      <Container>\n        <AppOverflownTextWithTooltip title=\"This is a very long title that will be truncated\" />\n      </Container>\n\n      <Divider />\n\n      <Container>\n        <AppOverflownTextWithTooltip\n          title=\"This is a very very long title that will be truncated and should show tooltip when hovered to see the full text with the rest of the content\"\n          twoLines\n        />\n      </Container>\n    </StackColumn>\n  ),\n};\n\nconst Container = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(1),\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: theme.shape.borderRadius,\n  backgroundColor: theme.palette.colors.base.white,\n  maxWidth: 200,\n}));\n"],"names":[],"mappings":";;;;AAWA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CAAA;AACZ;AAOO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ,MACN,qBAAC,aAAA,EAAY,KAAK,GAChB,UAAA;AAAA,IAAA,oBAAC,WAAA,EACC,UAAA,oBAAC,6BAAA,EAA4B,OAAM,oDAAmD,GACxF;AAAA,wBAEC,SAAA,EAAQ;AAAA,wBAER,WAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAQ;AAAA,MAAA;AAAA,IAAA,EACV,CACF;AAAA,EAAA,EAAA,CACF;AAEJ;AAEA,MAAM,YAAY,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC5C,SAAS,MAAM,QAAQ,CAAC;AAAA,EACxB,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,EAC1C,cAAc,MAAM,MAAM;AAAA,EAC1B,iBAAiB,MAAM,QAAQ,OAAO,KAAK;AAAA,EAC3C,UAAU;AACZ,EAAE;"}

package/dist/es/stories/AppStatus.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppStatus.stories.js","sources":["../../../src/stories/AppStatus.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Divider, Stack } from '@mui/material';\n\nimport { AppStatus } from '../components/app-status';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Status',\n  component: AppStatus,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    color: {\n      control: 'select',\n    },\n  },\n} satisfies Meta<typeof AppStatus>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Playground: Story = {\n  args: {\n    color: 'success',\n    label: 'Text',\n    size: 'small',\n    tooltip: 'Tooltip sample',\n    tooltipProps: {\n      placement: 'top',\n    },\n  },\n};\n\nexport const Variants: Story = {\n  render: () => (\n    <Stack spacing={0} gap={4}>\n      <Stack direction=\"row\" spacing={0} gap={2} flexWrap=\"wrap\" justifyContent=\"center\">\n        <AppStatus label=\"Success\" color=\"success\" />\n        <AppStatus label=\"Warning\" color=\"warning\" />\n        <AppStatus label=\"Error\" color=\"error\" />\n        <AppStatus label=\"Neutral\" color=\"neutral\" />\n        <AppStatus label=\"Disabled\" color=\"disabled\" />\n        <AppStatus label=\"Info\" color=\"info\" />\n        <AppStatus label=\"Orange\" color=\"orange\" />\n        <AppStatus label=\"Blue\" color=\"blue\" />\n        <AppStatus label=\"With Tooltip\" color=\"neutral\" tooltip=\"Tooltip sample\" />\n      </Stack>\n\n      <Divider />\n\n      <Stack direction=\"row\" spacing={0} gap={2} flexWrap=\"wrap\" justifyContent=\"center\">\n        <AppStatus label=\"Success\" color=\"success\" size=\"medium\" />\n        <AppStatus label=\"Warning\" color=\"warning\" size=\"medium\" />\n        <AppStatus label=\"Error\" color=\"error\" size=\"medium\" />\n        <AppStatus label=\"Neutral\" color=\"neutral\" size=\"medium\" />\n        <AppStatus label=\"Disabled\" color=\"disabled\" size=\"medium\" />\n        <AppStatus label=\"Info\" color=\"info\" size=\"medium\" />\n        <AppStatus label=\"Orange\" color=\"orange\" size=\"medium\" />\n        <AppStatus label=\"Blue\" color=\"blue\" size=\"medium\" />\n        <AppStatus\n          label=\"With Tooltip size medium\"\n          color=\"neutral\"\n          size=\"medium\"\n          tooltip=\"Tooltip sample\"\n        />\n      </Stack>\n    </Stack>\n  ),\n};\n"],"names":[],"mappings":";;;AAUA,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,EACX;AAEJ;AAOO,MAAM,aAAoB;AAAA,EAC/B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;AAEO,MAAM,WAAkB;AAAA,EAC7B,QAAQ,MACN,qBAAC,SAAM,SAAS,GAAG,KAAK,GACtB,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,KAAK,GAAG,UAAS,QAAO,gBAAe,UACxE,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU;AAAA,MAC3C,oBAAC,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU;AAAA,MAC3C,oBAAC,WAAA,EAAU,OAAM,SAAQ,OAAM,SAAQ;AAAA,MACvC,oBAAC,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU;AAAA,MAC3C,oBAAC,WAAA,EAAU,OAAM,YAAW,OAAM,YAAW;AAAA,MAC7C,oBAAC,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO;AAAA,MACrC,oBAAC,WAAA,EAAU,OAAM,UAAS,OAAM,UAAS;AAAA,MACzC,oBAAC,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO;AAAA,0BACpC,WAAA,EAAU,OAAM,gBAAe,OAAM,WAAU,SAAQ,iBAAA,CAAiB;AAAA,IAAA,GAC3E;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,KAAK,GAAG,UAAS,QAAO,gBAAe,UACxE,UAAA;AAAA,MAAA,oBAAC,aAAU,OAAM,WAAU,OAAM,WAAU,MAAK,UAAS;AAAA,0BACxD,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU,MAAK,UAAS;AAAA,0BACxD,WAAA,EAAU,OAAM,SAAQ,OAAM,SAAQ,MAAK,UAAS;AAAA,0BACpD,WAAA,EAAU,OAAM,WAAU,OAAM,WAAU,MAAK,UAAS;AAAA,0BACxD,WAAA,EAAU,OAAM,YAAW,OAAM,YAAW,MAAK,UAAS;AAAA,0BAC1D,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO,MAAK,UAAS;AAAA,0BAClD,WAAA,EAAU,OAAM,UAAS,OAAM,UAAS,MAAK,UAAS;AAAA,0BACtD,WAAA,EAAU,OAAM,QAAO,OAAM,QAAO,MAAK,UAAS;AAAA,MACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACV,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAEJ;"}

package/dist/es/stories/AppTooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppTooltip.stories.js","sources":["../../../src/stories/AppTooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Box, ClickAwayListener, styled, useTheme } from '@mui/material';\n\nimport { AppButton } from '../components/app-button';\nimport { AppTooltip, AppTooltipProps } from '../components/app-tooltip';\nimport { AppTypography } from '../components/app-typography';\nimport { StackColumn } from '../components/stack-column';\nimport { StackRow } from '../components/stack-row';\nimport { useToggle } from '../hooks/use-toggle';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'App Tooltip',\n  component: AppTooltip,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    arrow: {\n      control: 'boolean',\n    },\n    placement: {\n      control: 'select',\n      options: [\n        'auto',\n        'auto-start',\n        'auto-end',\n        'top',\n        'bottom',\n        'left',\n        'right',\n        'top-start',\n        'top-end',\n        'bottom-start',\n        'bottom-end',\n        'right-start',\n        'right-end',\n        'left-start',\n        'left-end',\n      ],\n    },\n    children: {\n      control: 'text',\n    },\n  },\n} satisfies Meta<typeof AppTooltip>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Variants: Story = {\n  args: {\n    headline: 'Total sales over time',\n    description: 'Amount spent (subtotal, taxes, shipping, returns, discounts, fees, etc.)',\n    children: <></>,\n    placement: 'top',\n  },\n  render: args => <AppTooltips {...args} />,\n};\n\n//\n\nconst AppTooltips = (props: AppTooltipProps) => {\n  const toggle = useToggle();\n  const theme = useTheme();\n\n  return (\n    <StackRow gap={4}>\n      <StackColumn gap={4}>\n        <AppTooltip {...props} description=\"\">\n          <AppButton variant=\"outlined\">Default</AppButton>\n        </AppTooltip>\n\n        <AppTooltip disableFocusListener {...props} headline=\"\">\n          <AppButton variant=\"outlined\">Hover or touch</AppButton>\n        </AppTooltip>\n\n        <AppTooltip disableHoverListener {...props}>\n          <AppButton variant=\"outlined\">Focus or touch</AppButton>\n        </AppTooltip>\n\n        <AppTooltip disableFocusListener disableTouchListener {...props}>\n          <AppButton variant=\"outlined\">Hover</AppButton>\n        </AppTooltip>\n\n        <ClickAwayListener onClickAway={toggle.off}>\n          <AppTooltip\n            onClose={toggle.off}\n            open={toggle.value}\n            disableFocusListener\n            disableHoverListener\n            disableTouchListener\n            slotProps={{\n              popper: {\n                disablePortal: true,\n              },\n            }}\n            {...props}\n          >\n            <AppButton variant=\"outlined\" onClick={toggle.on}>\n              Click\n            </AppButton>\n          </AppTooltip>\n        </ClickAwayListener>\n      </StackColumn>\n\n      {/*  */}\n\n      <StackColumn gap={4}>\n        <AppTooltip {...props} headline=\"This is headline only\" description=\"\">\n          <AppButton variant=\"outlined\">Headline only</AppButton>\n        </AppTooltip>\n\n        <AppTooltip {...props} headline=\"\" description=\"This is description only\">\n          <AppButton variant=\"outlined\">Description only</AppButton>\n        </AppTooltip>\n\n        <AppTooltip\n          {...props}\n          headline=\"This is headline and description\"\n          description=\"This is description\"\n        >\n          <AppButton variant=\"outlined\">Headline and description</AppButton>\n        </AppTooltip>\n\n        <AppTooltip {...props} headline=\"This is headline and description\">\n          <AppButton variant=\"outlined\">Headline and description</AppButton>\n        </AppTooltip>\n\n        <AppTooltip\n          {...props}\n          content={\n            <Box>\n              <DescriptionTypography component=\"span\" color={theme.palette.colors.green[400]}>\n                Total sales ={' '}\n              </DescriptionTypography>\n              <DescriptionTypography component=\"span\" color={theme.palette.colors.primary[400]}>\n                net sales + additonal fees + duties + shipping charges + taxes\n              </DescriptionTypography>\n            </Box>\n          }\n        >\n          <AppButton variant=\"outlined\">With custom content</AppButton>\n        </AppTooltip>\n      </StackColumn>\n    </StackRow>\n  );\n};\n\n//\n\nconst DescriptionTypography = styled(AppTypography)(({ theme }) => ({\n  fontWeight: 400,\n  fontSize: theme.spacing(1.5),\n}));\n"],"names":[],"mappings":"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"}

package/dist/es/stories/Colors.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Colors.stories.js","sources":["../../../src/stories/Colors.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\nimport { useState } from 'react';\n\nimport { Box, Typography, useTheme, styled } from '@mui/material';\n\n//\n//\n\nconst ColorSwatchContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '32px',\n  padding: '24px',\n  maxWidth: '1200px',\n});\n\nconst ColorGroupTitle = styled(Typography)(({ theme }) => ({\n  fontSize: theme.spacing(3),\n  fontWeight: 600,\n  marginBottom: theme.spacing(2),\n  textTransform: 'capitalize',\n}));\n\nconst ColorRow = styled(Box)({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: '12px',\n});\n\nconst ColorSwatch = styled(Box)<{ bgColor: string; isLight?: boolean }>(({ bgColor, isLight }) => ({\n  width: '100px',\n  height: '80px',\n  backgroundColor: bgColor,\n  borderRadius: '8px',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-end',\n  padding: '8px',\n  border: '1px solid rgba(0, 0, 0, 0.1)',\n  color: isLight ? '#0E0217' : '#FFFFFF',\n  fontSize: '11px',\n  fontFamily: 'monospace',\n  cursor: 'pointer',\n  transition: 'transform 0.15s ease, box-shadow 0.15s ease',\n  '&:hover': {\n    transform: 'scale(1.05)',\n    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n  },\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n}));\n\nconst SwatchLabel = styled('span')({\n  fontWeight: 600,\n  marginBottom: '2px',\n});\n\nconst SwatchHex = styled('span')({\n  opacity: 0.8,\n  fontSize: '10px',\n});\n\n//\n//\n\ninterface ColorScale {\n  [key: string]: string;\n}\n\nconst isLightColor = (color: string): boolean => {\n  let r: number, g: number, b: number;\n\n  // Handle rgba format: rgba(255, 255, 255, 0.8)\n  if (color.startsWith('rgba')) {\n    const match = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n\n    if (match) {\n      r = parseInt(match[1], 10);\n      g = parseInt(match[2], 10);\n      b = parseInt(match[3], 10);\n    } else {\n      return true; // Default to light if parsing fails\n    }\n  } else {\n    // Handle hex format: #FFFFFF\n    const hex = color.replace('#', '');\n    r = parseInt(hex.substring(0, 2), 16);\n    g = parseInt(hex.substring(2, 4), 16);\n    b = parseInt(hex.substring(4, 6), 16);\n  }\n\n  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n\n  return luminance > 0.5;\n};\n\nconst ColorScaleDisplay = ({ name, colors }: { name: string; colors: ColorScale }) => {\n  const [copiedKey, setCopiedKey] = useState<string | null>(null);\n\n  const handleCopy = (shade: string, hex: string) => {\n    navigator.clipboard.writeText(hex);\n    setCopiedKey(shade);\n    setTimeout(() => setCopiedKey(null), 1500);\n  };\n\n  return (\n    <Box>\n      <ColorGroupTitle>{name}</ColorGroupTitle>\n      <ColorRow>\n        {Object.entries(colors).map(([shade, hex]) => (\n          <ColorSwatch\n            key={shade}\n            bgColor={hex}\n            isLight={isLightColor(hex)}\n            onClick={() => handleCopy(shade, hex)}\n            title={`Click to copy ${hex}`}\n          >\n            <SwatchLabel>{copiedKey === shade ? 'Copied!' : shade}</SwatchLabel>\n            <SwatchHex>{hex}</SwatchHex>\n          </ColorSwatch>\n        ))}\n      </ColorRow>\n    </Box>\n  );\n};\n\n//\n//\n\nconst ColorsDisplay = () => {\n  const theme = useTheme();\n  const { colors } = theme.palette;\n\n  const colorScales = [\n    { name: 'Primary', colors: colors.primary },\n    { name: 'Secondary', colors: colors.secondary },\n    { name: 'Neutral', colors: colors.neutral },\n    { name: 'Green', colors: colors.green },\n    { name: 'Blue', colors: colors.blue },\n    { name: 'Yellow', colors: colors.yellow },\n    { name: 'Orange', colors: colors.orange },\n    { name: 'Red', colors: colors.red },\n    { name: 'Base', colors: colors.base },\n  ];\n\n  return (\n    <ColorSwatchContainer>\n      <Box>\n        <Typography variant=\"h4\" sx={{ mb: 1 }}>\n          Parcel Design System Colors\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 4 }}>\n          Access colors via <code>theme.palette.colors.&#123;colorName&#125;[shade]</code>\n        </Typography>\n      </Box>\n\n      {colorScales.map(({ name, colors }) => (\n        <ColorScaleDisplay key={name} name={name} colors={colors} />\n      ))}\n    </ColorSwatchContainer>\n  );\n};\n\n//\n//\n\nconst meta = {\n  title: 'Design System/Colors',\n  component: ColorsDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ColorsDisplay>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const AllColors: Story = {};\n"],"names":["colors"],"mappings":"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"}