@zidsa/zidmui 2.0.2 → 2.1.0

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

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const appSwitch = require("../../components/app-switch.js");
+const appSwitchGroup = require("../../components/app-switch-group.js");
+const stackColumn = require("../../components/stack-column.js");
+const meta = {
+  title: "React/App Switch",
+  component: appSwitch.AppSwitch,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    color: {
+      control: "select",
+      options: ["primary", "error"]
+    },
+    disabled: {
+      control: "boolean"
+    },
+    defaultChecked: {
+      control: "boolean"
+    }
+  },
+  args: {
+    name: "switch",
+    label: "Switch label",
+    color: "primary",
+    disabled: false
+  }
+};
+const Default = {
+  args: {
+    name: "defaultSwitch",
+    label: "Primary Switch"
+  }
+};
+const ErrorColor = {
+  args: {
+    name: "errorSwitch",
+    label: "Error Switch",
+    color: "error"
+  }
+};
+const NoLabel = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { direction: "row", gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(appSwitch.AppSwitch, { name: "noLabel1" }),
+    /* @__PURE__ */ jsxRuntime.jsx(appSwitch.AppSwitch, { name: "noLabel2", color: "error" })
+  ] })
+};
+const Disabled = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(appSwitch.AppSwitch, { name: "disabled1", label: "Disabled - Error - Unchecked", color: "error", disabled: true }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      appSwitch.AppSwitch,
+      {
+        name: "disabled2",
+        label: "Disabled - Error - Checked",
+        color: "error",
+        defaultChecked: true,
+        disabled: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(appSwitch.AppSwitch, { name: "disabled3", label: "Disabled - Primary - Unchecked", disabled: true }),
+    /* @__PURE__ */ jsxRuntime.jsx(appSwitch.AppSwitch, { name: "disabled4", label: "Disabled - Primary - Checked", defaultChecked: true, disabled: true })
+  ] })
+};
+const SwitchGroup = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      appSwitchGroup.AppSwitchGroup,
+      {
+        label: "Assign responsibility",
+        helperText: "Be careful",
+        options: [
+          { name: "group1", label: "Gilad Gray" },
+          { name: "group2", label: "Jason Killian" },
+          { name: "group3", label: "Antoine Llorca" }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      appSwitchGroup.AppSwitchGroup,
+      {
+        label: "Error Assign responsibility",
+        helperText: "Be careful",
+        error: true,
+        formControlProps: { required: true },
+        options: [
+          { name: "errorGroup1", label: "Gilad Gray" },
+          { name: "errorGroup2", label: "Jason Killian" },
+          { name: "errorGroup3", label: "Antoine Llorca" }
+        ]
+      }
+    )
+  ] })
+};
+const DisabledSwitchGroup = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      appSwitchGroup.AppSwitchGroup,
+      {
+        label: "Disabled Assign responsibility",
+        helperText: "Be careful",
+        disabled: true,
+        options: [
+          { name: "disabledGroup1", label: "Gilad Gray" },
+          { name: "disabledGroup2", label: "Jason Killian" },
+          { name: "disabledGroup3", label: "Antoine Llorca" }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      appSwitchGroup.AppSwitchGroup,
+      {
+        label: "Some Disabled Assign responsibility",
+        helperText: "Be careful",
+        options: [
+          { name: "someDisabled1", label: "Gilad Gray", disabled: true },
+          { name: "someDisabled2", label: "Jason Killian" },
+          { name: "someDisabled3", label: "Antoine Llorca", disabled: true }
+        ]
+      }
+    )
+  ] })
+};
+exports.Default = Default;
+exports.Disabled = Disabled;
+exports.DisabledSwitchGroup = DisabledSwitchGroup;
+exports.ErrorColor = ErrorColor;
+exports.NoLabel = NoLabel;
+exports.SwitchGroup = SwitchGroup;
+exports.default = meta;
+//# sourceMappingURL=AppSwitch.stories.js.map

package/dist/react/cjs/stories/react/AppSwitch.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitch.stories.js","sources":["../../../../../src/stories/react/AppSwitch.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppSwitch } from '~/components/app-switch';\nimport { AppSwitchGroup } from '~/components/app-switch-group';\nimport { StackColumn } from '~/components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Switch',\n  component: AppSwitch,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    color: {\n      control: 'select',\n      options: ['primary', 'error'],\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    defaultChecked: {\n      control: 'boolean',\n    },\n  },\n  args: {\n    name: 'switch',\n    label: 'Switch label',\n    color: 'primary',\n    disabled: false,\n  },\n} satisfies Meta<typeof AppSwitch>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Default: Story = {\n  args: {\n    name: 'defaultSwitch',\n    label: 'Primary Switch',\n  },\n};\n\n//\n\nexport const ErrorColor: Story = {\n  args: {\n    name: 'errorSwitch',\n    label: 'Error Switch',\n    color: 'error',\n  },\n};\n\n//\n\nexport const NoLabel: Story = {\n  render: () => (\n    <StackColumn direction=\"row\" gap={2}>\n      <AppSwitch name=\"noLabel1\" />\n      <AppSwitch name=\"noLabel2\" color=\"error\" />\n    </StackColumn>\n  ),\n};\n\n//\n\nexport const Disabled: Story = {\n  render: () => (\n    <StackColumn gap={2}>\n      <AppSwitch name=\"disabled1\" label=\"Disabled - Error - Unchecked\" color=\"error\" disabled />\n      <AppSwitch\n        name=\"disabled2\"\n        label=\"Disabled - Error - Checked\"\n        color=\"error\"\n        defaultChecked\n        disabled\n      />\n      <AppSwitch name=\"disabled3\" label=\"Disabled - Primary - Unchecked\" disabled />\n      <AppSwitch name=\"disabled4\" label=\"Disabled - Primary - Checked\" defaultChecked disabled />\n    </StackColumn>\n  ),\n};\n\n//\n\nexport const SwitchGroup: Story = {\n  render: () => (\n    <StackColumn gap={4}>\n      <AppSwitchGroup\n        label=\"Assign responsibility\"\n        helperText=\"Be careful\"\n        options={[\n          { name: 'group1', label: 'Gilad Gray' },\n          { name: 'group2', label: 'Jason Killian' },\n          { name: 'group3', label: 'Antoine Llorca' },\n        ]}\n      />\n      <AppSwitchGroup\n        label=\"Error Assign responsibility\"\n        helperText=\"Be careful\"\n        error\n        formControlProps={{ required: true }}\n        options={[\n          { name: 'errorGroup1', label: 'Gilad Gray' },\n          { name: 'errorGroup2', label: 'Jason Killian' },\n          { name: 'errorGroup3', label: 'Antoine Llorca' },\n        ]}\n      />\n    </StackColumn>\n  ),\n};\n\n//\n\nexport const DisabledSwitchGroup: Story = {\n  render: () => (\n    <StackColumn gap={4}>\n      <AppSwitchGroup\n        label=\"Disabled Assign responsibility\"\n        helperText=\"Be careful\"\n        disabled\n        options={[\n          { name: 'disabledGroup1', label: 'Gilad Gray' },\n          { name: 'disabledGroup2', label: 'Jason Killian' },\n          { name: 'disabledGroup3', label: 'Antoine Llorca' },\n        ]}\n      />\n      <AppSwitchGroup\n        label=\"Some Disabled Assign responsibility\"\n        helperText=\"Be careful\"\n        options={[\n          { name: 'someDisabled1', label: 'Gilad Gray', disabled: true },\n          { name: 'someDisabled2', label: 'Jason Killian' },\n          { name: 'someDisabled3', label: 'Antoine Llorca', disabled: true },\n        ]}\n      />\n    </StackColumn>\n  ),\n};\n"],"names":["AppSwitch","jsxs","StackColumn","jsx","AppSwitchGroup"],"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,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS,CAAC,WAAW,OAAO;AAAA,IAAA;AAAA,IAE9B,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,gBAAgB;AAAA,MACd,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAEd;AAOO,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEX;AAIO,MAAM,aAAoB;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAIO,MAAM,UAAiB;AAAA,EAC5B,QAAQ,MACNC,2BAAAA,KAACC,2BAAY,WAAU,OAAM,KAAK,GAChC,UAAA;AAAA,IAAAC,2BAAAA,IAACH,UAAAA,WAAA,EAAU,MAAK,WAAA,CAAW;AAAA,IAC3BG,2BAAAA,IAACH,UAAAA,WAAA,EAAU,MAAK,YAAW,OAAM,QAAA,CAAQ;AAAA,EAAA,EAAA,CAC3C;AAEJ;AAIO,MAAM,WAAkB;AAAA,EAC7B,QAAQ,MACNC,2BAAAA,KAACC,YAAAA,aAAA,EAAY,KAAK,GAChB,UAAA;AAAA,IAAAC,2BAAAA,IAACH,UAAAA,WAAA,EAAU,MAAK,aAAY,OAAM,gCAA+B,OAAM,SAAQ,UAAQ,KAAA,CAAC;AAAA,IACxFG,2BAAAA;AAAAA,MAACH,UAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAc;AAAA,QACd,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,mCAETA,UAAAA,WAAA,EAAU,MAAK,aAAY,OAAM,kCAAiC,UAAQ,MAAC;AAAA,IAC5EG,2BAAAA,IAACH,UAAAA,aAAU,MAAK,aAAY,OAAM,gCAA+B,gBAAc,MAAC,UAAQ,KAAA,CAAC;AAAA,EAAA,EAAA,CAC3F;AAEJ;AAIO,MAAM,cAAqB;AAAA,EAChC,QAAQ,MACNC,2BAAAA,KAACC,YAAAA,aAAA,EAAY,KAAK,GAChB,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,eAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAW;AAAA,QACX,SAAS;AAAA,UACP,EAAE,MAAM,UAAU,OAAO,aAAA;AAAA,UACzB,EAAE,MAAM,UAAU,OAAO,gBAAA;AAAA,UACzB,EAAE,MAAM,UAAU,OAAO,iBAAA;AAAA,QAAiB;AAAA,MAC5C;AAAA,IAAA;AAAA,IAEFD,2BAAAA;AAAAA,MAACC,eAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAW;AAAA,QACX,OAAK;AAAA,QACL,kBAAkB,EAAE,UAAU,KAAA;AAAA,QAC9B,SAAS;AAAA,UACP,EAAE,MAAM,eAAe,OAAO,aAAA;AAAA,UAC9B,EAAE,MAAM,eAAe,OAAO,gBAAA;AAAA,UAC9B,EAAE,MAAM,eAAe,OAAO,iBAAA;AAAA,QAAiB;AAAA,MACjD;AAAA,IAAA;AAAA,EACF,EAAA,CACF;AAEJ;AAIO,MAAM,sBAA6B;AAAA,EACxC,QAAQ,MACNH,2BAAAA,KAACC,YAAAA,aAAA,EAAY,KAAK,GAChB,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,eAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAW;AAAA,QACX,UAAQ;AAAA,QACR,SAAS;AAAA,UACP,EAAE,MAAM,kBAAkB,OAAO,aAAA;AAAA,UACjC,EAAE,MAAM,kBAAkB,OAAO,gBAAA;AAAA,UACjC,EAAE,MAAM,kBAAkB,OAAO,iBAAA;AAAA,QAAiB;AAAA,MACpD;AAAA,IAAA;AAAA,IAEFD,2BAAAA;AAAAA,MAACC,eAAAA;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAW;AAAA,QACX,SAAS;AAAA,UACP,EAAE,MAAM,iBAAiB,OAAO,cAAc,UAAU,KAAA;AAAA,UACxD,EAAE,MAAM,iBAAiB,OAAO,gBAAA;AAAA,UAChC,EAAE,MAAM,iBAAiB,OAAO,kBAAkB,UAAU,KAAA;AAAA,QAAK;AAAA,MACnE;AAAA,IAAA;AAAA,EACF,EAAA,CACF;AAEJ;;;;;;;;"}

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

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const appTabs = require("../../components/app-tabs.js");
+const settingsLine = require("../../icons/system/settings-line.js");
+const meta = {
+  title: "React/App Tabs",
+  component: appTabs.AppTabs,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    value: {
+      control: "number"
+    }
+  }
+};
+const InteractiveComponent = () => {
+  const [value, setValue] = React.useState(0);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    appTabs.AppTabs,
+    {
+      value,
+      onChange: (_, newValue) => setValue(newValue),
+      tabs: [
+        { key: "tab1", label: "All", chip: { label: "120" } },
+        { key: "tab2", label: "Active", chip: { label: "85", color: "success" } },
+        { key: "tab3", label: "Pending", chip: { label: "25", color: "warning" } }
+      ]
+    }
+  );
+};
+const Interactive = {
+  render: () => /* @__PURE__ */ jsxRuntime.jsx(InteractiveComponent, {})
+};
+const Default = {
+  args: {
+    value: 0,
+    tabs: [
+      { key: "tab1", label: "Tab One" },
+      { key: "tab2", label: "Tab Two" },
+      { key: "tab3", label: "Tab Three" }
+    ]
+  }
+};
+const WithChip = {
+  args: {
+    value: 0,
+    tabs: [
+      { key: "tab1", label: "All", chip: { label: "120", color: "neutral" } },
+      { key: "tab2", label: "Active", chip: { label: "85", color: "success" } },
+      { key: "tab3", label: "Pending", chip: { label: "25", color: "warning" } },
+      { key: "tab4", label: "Errors", chip: { label: "10", color: "error" } }
+    ]
+  }
+};
+const WithIcon = {
+  args: {
+    value: 0,
+    tabs: [
+      { key: "tab1", label: "Settings", icon: /* @__PURE__ */ jsxRuntime.jsx(settingsLine.IconSettingsLine, {}) },
+      { key: "tab2", label: "Tab Two" },
+      { key: "tab3", label: "Tab Three" }
+    ]
+  }
+};
+const WithIconAndChip = {
+  args: {
+    value: 0,
+    tabs: [
+      {
+        key: "tab1",
+        label: "Settings",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(settingsLine.IconSettingsLine, {}),
+        chip: { label: "5", color: "info" }
+      },
+      { key: "tab2", label: "Tab Two", chip: { label: "12", color: "success" } }
+    ]
+  }
+};
+const UsingChildren = {
+  args: {
+    value: 0
+  },
+  render: (args) => /* @__PURE__ */ jsxRuntime.jsxs(appTabs.AppTabs, { ...args, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(appTabs.AppTab, { label: "First" }),
+    /* @__PURE__ */ jsxRuntime.jsx(appTabs.AppTab, { label: "Second", chip: { label: "5", color: "info" } }),
+    /* @__PURE__ */ jsxRuntime.jsx(appTabs.AppTab, { label: "Third" })
+  ] })
+};
+exports.Default = Default;
+exports.Interactive = Interactive;
+exports.UsingChildren = UsingChildren;
+exports.WithChip = WithChip;
+exports.WithIcon = WithIcon;
+exports.WithIconAndChip = WithIconAndChip;
+exports.default = meta;
+//# sourceMappingURL=AppTabs.stories.js.map

package/dist/react/cjs/stories/react/AppTabs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTabs.stories.js","sources":["../../../../../src/stories/react/AppTabs.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppTabs, AppTab } from '~/components/app-tabs';\nimport { IconSettingsLine } from '~/icons/system/settings-line';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Tabs',\n  component: AppTabs,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    value: {\n      control: 'number',\n    },\n  },\n} satisfies Meta<typeof AppTabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\n//\n\nconst InteractiveComponent = () => {\n  const [value, setValue] = useState<number>(0);\n\n  return (\n    <AppTabs\n      value={value}\n      onChange={(_, newValue) => setValue(newValue)}\n      tabs={[\n        { key: 'tab1', label: 'All', chip: { label: '120' } },\n        { key: 'tab2', label: 'Active', chip: { label: '85', color: 'success' } },\n        { key: 'tab3', label: 'Pending', chip: { label: '25', color: 'warning' } },\n      ]}\n    />\n  );\n};\n\nexport const Interactive: Story = {\n  render: () => <InteractiveComponent />,\n};\n\n//\n\nexport const Default: Story = {\n  args: {\n    value: 0,\n    tabs: [\n      { key: 'tab1', label: 'Tab One' },\n      { key: 'tab2', label: 'Tab Two' },\n      { key: 'tab3', label: 'Tab Three' },\n    ],\n  },\n};\n\n//\n\nexport const WithChip: Story = {\n  args: {\n    value: 0,\n    tabs: [\n      { key: 'tab1', label: 'All', chip: { label: '120', color: 'neutral' } },\n      { key: 'tab2', label: 'Active', chip: { label: '85', color: 'success' } },\n      { key: 'tab3', label: 'Pending', chip: { label: '25', color: 'warning' } },\n      { key: 'tab4', label: 'Errors', chip: { label: '10', color: 'error' } },\n    ],\n  },\n};\n\n//\n\nexport const WithIcon: Story = {\n  args: {\n    value: 0,\n    tabs: [\n      { key: 'tab1', label: 'Settings', icon: <IconSettingsLine /> },\n      { key: 'tab2', label: 'Tab Two' },\n      { key: 'tab3', label: 'Tab Three' },\n    ],\n  },\n};\n\n//\n\nexport const WithIconAndChip: Story = {\n  args: {\n    value: 0,\n    tabs: [\n      {\n        key: 'tab1',\n        label: 'Settings',\n        icon: <IconSettingsLine />,\n        chip: { label: '5', color: 'info' },\n      },\n      { key: 'tab2', label: 'Tab Two', chip: { label: '12', color: 'success' } },\n    ],\n  },\n};\n\n//\n\nexport const UsingChildren: Story = {\n  args: {\n    value: 0,\n  },\n  render: args => (\n    <AppTabs {...args}>\n      <AppTab label=\"First\" />\n      <AppTab label=\"Second\" chip={{ label: '5', color: 'info' }} />\n      <AppTab label=\"Third\" />\n    </AppTabs>\n  ),\n};\n"],"names":["AppTabs","useState","jsx","IconSettingsLine","jsxs","AppTab"],"mappings":"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"}

package/dist/react/cjs/theme/components/checkbox.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiCheckbox = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      paddingBlock: theme.spacing(0.75),
+      "&.Mui-checked": {
+        color: theme.palette.colors.primary[1e3]
+      }
+    })
+  },
+  defaultProps: {
+    disableRipple: true,
+    disableTouchRipple: true
+  }
+};
+exports.MuiCheckbox = MuiCheckbox;
+//# sourceMappingURL=checkbox.js.map

package/dist/react/cjs/theme/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../../src/theme/components/checkbox.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiCheckbox: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiCheckbox'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      paddingBlock: theme.spacing(0.75),\n      '&.Mui-checked': {\n        color: theme.palette.colors.primary[1000],\n      },\n    }),\n  },\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,cAAc,MAAM,QAAQ,IAAI;AAAA,MAChC,iBAAiB;AAAA,QACf,OAAO,MAAM,QAAQ,OAAO,QAAQ,GAAI;AAAA,MAAA;AAAA,IAC1C;AAAA,EACF;AAAA,EAEF,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAExB;;"}

package/dist/react/cjs/theme/components/dialog.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiDialog = {
+  defaultProps: {
+    disableRestoreFocus: true
+  },
+  styleOverrides: {
+    paper: ({ theme }) => ({
+      maxHeight: "80vh",
+      borderRadius: theme.spacing(1.5),
+      [theme.breakpoints.down("sm")]: {
+        maxHeight: "90vh"
+      }
+    })
+  }
+};
+const MuiDialogTitle = {
+  defaultProps: {
+    variant: "h5"
+  },
+  styleOverrides: {
+    root: ({ theme }) => ({
+      padding: theme.spacing(2)
+    })
+  }
+};
+const MuiDialogContent = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      padding: theme.spacing(2)
+    })
+  }
+};
+const MuiDialogActions = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      padding: theme.spacing(2),
+      paddingTop: theme.spacing(1)
+    })
+  }
+};
+exports.MuiDialog = MuiDialog;
+exports.MuiDialogActions = MuiDialogActions;
+exports.MuiDialogContent = MuiDialogContent;
+exports.MuiDialogTitle = MuiDialogTitle;
+//# sourceMappingURL=dialog.js.map

package/dist/react/cjs/theme/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../../../src/theme/components/dialog.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiDialog: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiDialog'] = {\n  defaultProps: {\n    disableRestoreFocus: true,\n  },\n  styleOverrides: {\n    paper: ({ theme }) => ({\n      maxHeight: '80vh',\n      borderRadius: theme.spacing(1.5),\n      [theme.breakpoints.down('sm')]: {\n        maxHeight: '90vh',\n      },\n    }),\n  },\n};\n\n//\n\nexport const MuiDialogTitle: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiDialogTitle'] = {\n  defaultProps: {\n    variant: 'h5',\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      padding: theme.spacing(2),\n    }),\n  },\n};\n\n//\n\nexport const MuiDialogContent: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiDialogContent'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      padding: theme.spacing(2),\n    }),\n  },\n};\n\n//\n\nexport const MuiDialogActions: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiDialogActions'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      padding: theme.spacing(2),\n      paddingTop: theme.spacing(1),\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,YAEI;AAAA,EACf,cAAc;AAAA,IACZ,qBAAqB;AAAA,EAAA;AAAA,EAEvB,gBAAgB;AAAA,IACd,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,WAAW;AAAA,MACX,cAAc,MAAM,QAAQ,GAAG;AAAA,MAC/B,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;AAIO,MAAM,iBAES;AAAA,EACpB,cAAc;AAAA,IACZ,SAAS;AAAA,EAAA;AAAA,EAEX,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,EAC1B;AAEJ;AAIO,MAAM,mBAEW;AAAA,EACtB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,EAC1B;AAEJ;AAIO,MAAM,mBAEW;AAAA,EACtB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS,MAAM,QAAQ,CAAC;AAAA,MACxB,YAAY,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,EAC7B;AAEJ;;;;;"}

package/dist/react/cjs/theme/components/divider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiDivider = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      borderColor: theme.palette.divider
+    })
+  }
+};
+exports.MuiDivider = MuiDivider;
+//# sourceMappingURL=divider.js.map

package/dist/react/cjs/theme/components/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sources":["../../../../../src/theme/components/divider.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiDivider: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiDivider'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      borderColor: theme.palette.divider,\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,aAAa,MAAM,QAAQ;AAAA,IAAA;AAAA,EAC7B;AAEJ;;"}

package/dist/react/cjs/theme/components/form-group.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiFormGroup = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      gap: theme.spacing(1)
+    })
+  }
+};
+exports.MuiFormGroup = MuiFormGroup;
+//# sourceMappingURL=form-group.js.map

package/dist/react/cjs/theme/components/form-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-group.js","sources":["../../../../../src/theme/components/form-group.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\nexport const MuiFormGroup: Components<Theme & CssVarsTheme>['MuiFormGroup'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      gap: theme.spacing(1),\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAEO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,KAAK,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,EACtB;AAEJ;;"}

package/dist/react/cjs/theme/components/icon-button.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiIconButton = {
+  defaultProps: {
+    disableRipple: true,
+    disableTouchRipple: true
+  },
+  styleOverrides: {
+    root: ({ theme }) => ({
+      "&.Mui-focusVisible": {
+        backgroundColor: theme.palette._components.iconButton.default.hover,
+        outline: `2px solid ${theme.palette.primary.dark}`,
+        outlineOffset: "2px"
+      },
+      "&.Mui-disabled": {
+        color: theme.palette._components.button.disabledText
+      },
+      "&.MuiIconButton-loading .MuiSvgIcon-root": {
+        fill: "rgba(0,0,0,0) !important"
+      },
+      variants: [
+        {
+          props: { size: "large" },
+          style: {
+            minWidth: theme.spacing(6),
+            minHeight: theme.spacing(6),
+            padding: theme.spacing(1),
+            "> .MuiSvgIcon-root": {
+              width: theme.spacing(3),
+              minWidth: theme.spacing(3),
+              height: theme.spacing(3),
+              minHeight: theme.spacing(3)
+            }
+          }
+        },
+        {
+          props: { size: "medium" },
+          style: {
+            minWidth: theme.spacing(5),
+            minHeight: theme.spacing(5),
+            padding: theme.spacing(0.65),
+            "> .MuiSvgIcon-root": {
+              width: theme.spacing(2.5),
+              minWidth: theme.spacing(2.5),
+              height: theme.spacing(2.5),
+              minHeight: theme.spacing(2.5)
+            }
+          }
+        },
+        {
+          props: { size: "small" },
+          style: {
+            minWidth: theme.spacing(4),
+            minHeight: theme.spacing(4),
+            padding: theme.spacing(0.75),
+            "> .MuiSvgIcon-root": {
+              width: theme.spacing(2.5),
+              minWidth: theme.spacing(2.5),
+              height: theme.spacing(2.5),
+              minHeight: theme.spacing(2.5)
+            }
+          }
+        },
+        {
+          props: { size: "extraSmall" },
+          style: {
+            minWidth: theme.spacing(3),
+            minHeight: theme.spacing(3),
+            padding: theme.spacing(0),
+            fontSize: theme.spacing(2),
+            "> .MuiSvgIcon-root": {
+              width: theme.spacing(1.75),
+              minWidth: theme.spacing(1.75),
+              height: theme.spacing(1.75),
+              minHeight: theme.spacing(1.75)
+            }
+          }
+        },
+        {
+          props: { color: "primary" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.iconButton.primary.text,
+            border: `1px solid ${theme.palette._components.button.primary.contained}`,
+            "&:hover": { backgroundColor: theme.palette._components.iconButton.primary.hover },
+            "&.Mui-focusVisible": {
+              borderColor: "transparent",
+              backgroundColor: theme.palette._components.iconButton.primary.focused,
+              color: theme.palette._components.iconButton.primary.focusedIcon
+            },
+            "&:active": {
+              backgroundColor: theme.palette._components.iconButton.primary.focused,
+              borderColor: theme.palette._components.button.primary.contained
+            }
+          }
+        },
+        {
+          props: { color: "secondary" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.iconButton.secondary.text,
+            border: `1px solid ${theme.palette._components.button.secondary.border}`,
+            "&:hover": {
+              backgroundColor: theme.palette._components.iconButton.secondary.hover
+            },
+            "&.Mui-focusVisible": {
+              borderColor: "transparent",
+              backgroundColor: theme.palette._components.iconButton.secondary.focused
+            },
+            "&:active": {
+              backgroundColor: theme.palette._components.button.secondary.pressed
+            }
+          }
+        },
+        {
+          props: { color: "error" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.button.error.focused,
+            border: `1px solid ${theme.palette._components.button.error.border}`,
+            "&:hover": {
+              backgroundColor: theme.palette._components.button.error.outlinedHover
+            },
+            "&.Mui-focusVisible": {
+              backgroundColor: theme.palette._components.iconButton.error.focused
+            },
+            "&:active": {
+              backgroundColor: theme.palette._components.iconButton.error.focused
+            }
+          }
+        }
+      ]
+    })
+  }
+};
+exports.MuiIconButton = MuiIconButton;
+//# sourceMappingURL=icon-button.js.map

package/dist/react/cjs/theme/components/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/theme/components/icon-button.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiIconButton: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiIconButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&.Mui-focusVisible': {\n        backgroundColor: theme.palette._components.iconButton.default.hover,\n        outline: `2px solid ${theme.palette.primary.dark}`,\n        outlineOffset: '2px',\n      },\n      '&.Mui-disabled': {\n        color: theme.palette._components.button.disabledText,\n      },\n      '&.MuiIconButton-loading .MuiSvgIcon-root': {\n        fill: 'rgba(0,0,0,0) !important',\n      },\n\n      variants: [\n        {\n          props: { size: 'large' },\n          style: {\n            minWidth: theme.spacing(6),\n            minHeight: theme.spacing(6),\n            padding: theme.spacing(1),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(3),\n              minWidth: theme.spacing(3),\n              height: theme.spacing(3),\n              minHeight: theme.spacing(3),\n            },\n          },\n        },\n        {\n          props: { size: 'medium' },\n          style: {\n            minWidth: theme.spacing(5),\n            minHeight: theme.spacing(5),\n            padding: theme.spacing(0.65),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(2.5),\n              minWidth: theme.spacing(2.5),\n              height: theme.spacing(2.5),\n              minHeight: theme.spacing(2.5),\n            },\n          },\n        },\n        {\n          props: { size: 'small' },\n          style: {\n            minWidth: theme.spacing(4),\n            minHeight: theme.spacing(4),\n            padding: theme.spacing(0.75),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(2.5),\n              minWidth: theme.spacing(2.5),\n              height: theme.spacing(2.5),\n              minHeight: theme.spacing(2.5),\n            },\n          },\n        },\n        {\n          props: { size: 'extraSmall' },\n          style: {\n            minWidth: theme.spacing(3),\n            minHeight: theme.spacing(3),\n            padding: theme.spacing(0),\n            fontSize: theme.spacing(2),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(1.75),\n              minWidth: theme.spacing(1.75),\n              height: theme.spacing(1.75),\n              minHeight: theme.spacing(1.75),\n            },\n          },\n        },\n        {\n          props: { color: 'primary' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.iconButton.primary.text,\n            border: `1px solid ${theme.palette._components.button.primary.contained}`,\n            '&:hover': { backgroundColor: theme.palette._components.iconButton.primary.hover },\n            '&.Mui-focusVisible': {\n              borderColor: 'transparent',\n              backgroundColor: theme.palette._components.iconButton.primary.focused,\n              color: theme.palette._components.iconButton.primary.focusedIcon,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.iconButton.primary.focused,\n              borderColor: theme.palette._components.button.primary.contained,\n            },\n          },\n        },\n        {\n          props: { color: 'secondary' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.iconButton.secondary.text,\n            border: `1px solid ${theme.palette._components.button.secondary.border}`,\n            '&:hover': {\n              backgroundColor: theme.palette._components.iconButton.secondary.hover,\n            },\n            '&.Mui-focusVisible': {\n              borderColor: 'transparent',\n              backgroundColor: theme.palette._components.iconButton.secondary.focused,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.button.secondary.pressed,\n            },\n          },\n        },\n        {\n          props: { color: 'error' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.button.error.focused,\n            border: `1px solid ${theme.palette._components.button.error.border}`,\n            '&:hover': {\n              backgroundColor: theme.palette._components.button.error.outlinedHover,\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: theme.palette._components.iconButton.error.focused,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.iconButton.error.focused,\n            },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/pagination.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiPagination = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      ".MuiPaginationItem-root": {
+        color: theme.palette.text.primary,
+        "&.MuiPaginationItem-sizeMedium": {
+          fontSize: "0.875rem"
+        },
+        "&.MuiPaginationItem-sizeLarge": {
+          fontSize: "0.875rem"
+        },
+        "&.MuiPaginationItem-outlined": {
+          "&.MuiPaginationItem-page": {
+            border: `1px solid ${theme.palette.outlined?.outlined}`
+          },
+          "&.MuiPaginationItem-previousNext": {
+            border: `1px solid ${theme.palette.outlined?.outlined}`,
+            "&.MuiButtonBase-root.Mui-disabled": {
+              opacity: 1,
+              border: `1px solid ${theme.palette.outlined?.outlined}`,
+              ".MuiSvgIcon-root": {
+                opacity: 0.38
+              }
+            }
+          },
+          "&.MuiPaginationItem-firstLast": {
+            border: `1px solid ${theme.palette.outlined?.outlined}`,
+            "&.MuiButtonBase-root.Mui-disabled": {
+              opacity: 1,
+              border: `1px solid ${theme.palette.outlined?.outlined}`,
+              ".MuiSvgIcon-root": {
+                opacity: 0.38
+              }
+            }
+          },
+          "&.MuiButtonBase-root.Mui-selected": {
+            backgroundColor: theme.palette.background.gray
+          },
+          ".MuiTouchRipple-root": {
+            borderRadius: theme.spacing(0.875)
+          }
+        },
+        ".MuiTouchRipple-root": {
+          display: "none"
+        }
+      }
+    })
+  }
+};
+exports.MuiPagination = MuiPagination;
+//# sourceMappingURL=pagination.js.map

package/dist/react/cjs/theme/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../../../src/theme/components/pagination.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiPagination: Components<Theme & CssVarsTheme>['MuiPagination'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '.MuiPaginationItem-root': {\n        color: theme.palette.text.primary,\n\n        '&.MuiPaginationItem-sizeMedium': {\n          fontSize: '0.875rem',\n        },\n\n        '&.MuiPaginationItem-sizeLarge': {\n          fontSize: '0.875rem',\n        },\n\n        '&.MuiPaginationItem-outlined': {\n          '&.MuiPaginationItem-page': {\n            border: `1px solid ${theme.palette.outlined?.outlined}`,\n          },\n\n          '&.MuiPaginationItem-previousNext': {\n            border: `1px solid ${theme.palette.outlined?.outlined}`,\n\n            '&.MuiButtonBase-root.Mui-disabled': {\n              opacity: 1,\n              border: `1px solid ${theme.palette.outlined?.outlined}`,\n\n              '.MuiSvgIcon-root': {\n                opacity: 0.38,\n              },\n            },\n          },\n\n          '&.MuiPaginationItem-firstLast': {\n            border: `1px solid ${theme.palette.outlined?.outlined}`,\n\n            '&.MuiButtonBase-root.Mui-disabled': {\n              opacity: 1,\n              border: `1px solid ${theme.palette.outlined?.outlined}`,\n\n              '.MuiSvgIcon-root': {\n                opacity: 0.38,\n              },\n            },\n          },\n\n          '&.MuiButtonBase-root.Mui-selected': {\n            backgroundColor: theme.palette.background.gray,\n          },\n\n          '.MuiTouchRipple-root': {\n            borderRadius: theme.spacing(0.875),\n          },\n        },\n\n        '.MuiTouchRipple-root': {\n          display: 'none',\n        },\n      },\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,gBAAmE;AAAA,EAC9E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,2BAA2B;AAAA,QACzB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAE1B,kCAAkC;AAAA,UAChC,UAAU;AAAA,QAAA;AAAA,QAGZ,iCAAiC;AAAA,UAC/B,UAAU;AAAA,QAAA;AAAA,QAGZ,gCAAgC;AAAA,UAC9B,4BAA4B;AAAA,YAC1B,QAAQ,aAAa,MAAM,QAAQ,UAAU,QAAQ;AAAA,UAAA;AAAA,UAGvD,oCAAoC;AAAA,YAClC,QAAQ,aAAa,MAAM,QAAQ,UAAU,QAAQ;AAAA,YAErD,qCAAqC;AAAA,cACnC,SAAS;AAAA,cACT,QAAQ,aAAa,MAAM,QAAQ,UAAU,QAAQ;AAAA,cAErD,oBAAoB;AAAA,gBAClB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,UACF;AAAA,UAGF,iCAAiC;AAAA,YAC/B,QAAQ,aAAa,MAAM,QAAQ,UAAU,QAAQ;AAAA,YAErD,qCAAqC;AAAA,cACnC,SAAS;AAAA,cACT,QAAQ,aAAa,MAAM,QAAQ,UAAU,QAAQ;AAAA,cAErD,oBAAoB;AAAA,gBAClB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,UACF;AAAA,UAGF,qCAAqC;AAAA,YACnC,iBAAiB,MAAM,QAAQ,WAAW;AAAA,UAAA;AAAA,UAG5C,wBAAwB;AAAA,YACtB,cAAc,MAAM,QAAQ,KAAK;AAAA,UAAA;AAAA,QACnC;AAAA,QAGF,wBAAwB;AAAA,UACtB,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAEJ;;"}