@zidsa/zidmui 2.1.8 → 2.3.0-beta.0

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

@@ -1,262 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const appInputRadio = require("../../components/app-input-radio.js");
-const stackColumn = require("../../components/stack-column.js");
-const meta = {
-  title: "React/App Input Radio",
-  component: appInputRadio.AppInputRadio,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    label: {
-      control: "text"
-    },
-    helperText: {
-      control: "text"
-    },
-    size: {
-      control: "select",
-      options: ["small", "medium", "large"]
-    },
-    color: {
-      control: "select",
-      options: ["primary", "error"]
-    },
-    row: {
-      control: "boolean"
-    },
-    disabled: {
-      control: "boolean"
-    },
-    error: {
-      control: "boolean"
-    }
-  },
-  args: {
-    name: "radio",
-    label: "Radio label",
-    helperText: "Select one of the options",
-    size: "medium",
-    color: "primary",
-    row: true,
-    options: [
-      { value: "opt1", label: "Option 1" },
-      { value: "opt2", label: "Option 2" },
-      { value: "opt3", label: "Option 3" }
-    ]
-  }
-};
-const Default = {
-  args: {
-    name: "defaultRadio",
-    label: "Default Radio"
-  }
-};
-const SmallSize = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "smallRow",
-        label: "Small Radio - Row",
-        helperText: "Select one of the options",
-        size: "small",
-        row: true,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "smallColumn",
-        label: "Small Radio - Column",
-        helperText: "Select one of the options",
-        size: "small",
-        row: false,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    )
-  ] })
-};
-const MediumSize = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "mediumRow",
-        label: "Medium Radio - Row",
-        helperText: "Select one of the options",
-        size: "medium",
-        row: true,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "mediumColumn",
-        label: "Medium Radio - Column",
-        helperText: "Select one of the options",
-        size: "medium",
-        row: false,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    )
-  ] })
-};
-const LargeSize = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "largeRow",
-        label: "Large Radio - Row",
-        helperText: "Select one of the options",
-        size: "large",
-        row: true,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "largeColumn",
-        label: "Large Radio - Column",
-        helperText: "Select one of the options",
-        size: "large",
-        row: false,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    )
-  ] })
-};
-const ErrorStates = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "errorPrimary",
-        label: "Error Radio - Primary Color",
-        helperText: "Something went wrong!",
-        size: "medium",
-        error: true,
-        row: true,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "errorColor",
-        label: "Error Radio - Error Color",
-        helperText: "Something went wrong!",
-        size: "medium",
-        color: "error",
-        error: true,
-        row: true,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    )
-  ] })
-};
-const DisabledStates = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "disabledRow",
-        label: "Disabled Radio - Row",
-        helperText: "This input is disabled",
-        size: "large",
-        disabled: true,
-        row: true,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2" },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadio.AppInputRadio,
-      {
-        name: "disabledSpecific",
-        label: "Disabled Specific Option",
-        helperText: "Option 2 is disabled",
-        size: "large",
-        row: false,
-        options: [
-          { value: "opt1", label: "Option 1" },
-          { value: "opt2", label: "Option 2", disabled: true },
-          { value: "opt3", label: "Option 3" }
-        ]
-      }
-    )
-  ] })
-};
-const InteractiveComponent = () => {
-  const [value, setValue] = React.useState("opt1");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    appInputRadio.AppInputRadio,
-    {
-      name: "interactive",
-      label: "Interactive Radio",
-      helperText: `Selected: ${value}`,
-      value,
-      onChange: (e) => setValue(e.target.value),
-      options: [
-        { value: "opt1", label: "Option 1" },
-        { value: "opt2", label: "Option 2" },
-        { value: "opt3", label: "Option 3" }
-      ]
-    }
-  );
-};
-const Interactive = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(InteractiveComponent, {})
-};
-exports.Default = Default;
-exports.DisabledStates = DisabledStates;
-exports.ErrorStates = ErrorStates;
-exports.Interactive = Interactive;
-exports.LargeSize = LargeSize;
-exports.MediumSize = MediumSize;
-exports.SmallSize = SmallSize;
-exports.default = meta;
-//# sourceMappingURL=AppInputRadio.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppInputRadio.stories.js","sources":["../../../../../src/stories/react/AppInputRadio.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { AppInputRadio } from '~/components/app-input-radio';\nimport { StackColumn } from '~/components/stack-column';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Input Radio',\n  component: AppInputRadio,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    helperText: {\n      control: 'text',\n    },\n    size: {\n      control: 'select',\n      options: ['small', 'medium', 'large'],\n    },\n    color: {\n      control: 'select',\n      options: ['primary', 'error'],\n    },\n    row: {\n      control: 'boolean',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    error: {\n      control: 'boolean',\n    },\n  },\n  args: {\n    name: 'radio',\n    label: 'Radio label',\n    helperText: 'Select one of the options',\n    size: 'medium',\n    color: 'primary',\n    row: true,\n    options: [\n      { value: 'opt1', label: 'Option 1' },\n      { value: 'opt2', label: 'Option 2' },\n      { value: 'opt3', label: 'Option 3' },\n    ],\n  },\n} satisfies Meta<typeof AppInputRadio>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Default: Story = {\n  args: {\n    name: 'defaultRadio',\n    label: 'Default Radio',\n  },\n};\n\n//\n\nexport const SmallSize: Story = {\n  render: () => (\n    <StackColumn gap={4}>\n      <AppInputRadio\n        name=\"smallRow\"\n        label=\"Small Radio - Row\"\n        helperText=\"Select one of the options\"\n        size=\"small\"\n        row\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n      <AppInputRadio\n        name=\"smallColumn\"\n        label=\"Small Radio - Column\"\n        helperText=\"Select one of the options\"\n        size=\"small\"\n        row={false}\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n    </StackColumn>\n  ),\n};\n\n//\n\nexport const MediumSize: Story = {\n  render: () => (\n    <StackColumn gap={4}>\n      <AppInputRadio\n        name=\"mediumRow\"\n        label=\"Medium Radio - Row\"\n        helperText=\"Select one of the options\"\n        size=\"medium\"\n        row\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n      <AppInputRadio\n        name=\"mediumColumn\"\n        label=\"Medium Radio - Column\"\n        helperText=\"Select one of the options\"\n        size=\"medium\"\n        row={false}\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n    </StackColumn>\n  ),\n};\n\n//\n\nexport const LargeSize: Story = {\n  render: () => (\n    <StackColumn gap={4}>\n      <AppInputRadio\n        name=\"largeRow\"\n        label=\"Large Radio - Row\"\n        helperText=\"Select one of the options\"\n        size=\"large\"\n        row\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n      <AppInputRadio\n        name=\"largeColumn\"\n        label=\"Large Radio - Column\"\n        helperText=\"Select one of the options\"\n        size=\"large\"\n        row={false}\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n    </StackColumn>\n  ),\n};\n\n//\n\nexport const ErrorStates: Story = {\n  render: () => (\n    <StackColumn gap={4}>\n      <AppInputRadio\n        name=\"errorPrimary\"\n        label=\"Error Radio - Primary Color\"\n        helperText=\"Something went wrong!\"\n        size=\"medium\"\n        error\n        row\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n      <AppInputRadio\n        name=\"errorColor\"\n        label=\"Error Radio - Error Color\"\n        helperText=\"Something went wrong!\"\n        size=\"medium\"\n        color=\"error\"\n        error\n        row\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n    </StackColumn>\n  ),\n};\n\n//\n\nexport const DisabledStates: Story = {\n  render: () => (\n    <StackColumn gap={4}>\n      <AppInputRadio\n        name=\"disabledRow\"\n        label=\"Disabled Radio - Row\"\n        helperText=\"This input is disabled\"\n        size=\"large\"\n        disabled\n        row\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2' },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n      <AppInputRadio\n        name=\"disabledSpecific\"\n        label=\"Disabled Specific Option\"\n        helperText=\"Option 2 is disabled\"\n        size=\"large\"\n        row={false}\n        options={[\n          { value: 'opt1', label: 'Option 1' },\n          { value: 'opt2', label: 'Option 2', disabled: true },\n          { value: 'opt3', label: 'Option 3' },\n        ]}\n      />\n    </StackColumn>\n  ),\n};\n\n//\n\nconst InteractiveComponent = () => {\n  const [value, setValue] = useState('opt1');\n\n  return (\n    <AppInputRadio\n      name=\"interactive\"\n      label=\"Interactive Radio\"\n      helperText={`Selected: ${value}`}\n      value={value}\n      onChange={e => setValue(e.target.value)}\n      options={[\n        { value: 'opt1', label: 'Option 1' },\n        { value: 'opt2', label: 'Option 2' },\n        { value: 'opt3', label: 'Option 3' },\n      ]}\n    />\n  );\n};\n\nexport const Interactive: Story = {\n  render: () => <InteractiveComponent />,\n};\n"],"names":["AppInputRadio","jsxs","StackColumn","jsx","useState"],"mappings":"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"}

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

@@ -1,126 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const material = require("@mui/material");
-const appInputRadioCard = require("../../components/app-input-radio-card.js");
-const stackColumn = require("../../components/stack-column.js");
-const starLine = require("../../icons/system/star-line.js");
-const meta = {
-  title: "React/App Input Radio Card",
-  component: appInputRadioCard.AppInputRadioCard,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    label: {
-      control: "text"
-    },
-    description: {
-      control: "text"
-    },
-    disabled: {
-      control: "boolean"
-    },
-    isLoading: {
-      control: "boolean"
-    }
-  },
-  args: {
-    name: "radioCard",
-    value: "option1",
-    label: "Radio Card Label"
-  }
-};
-const Default = {
-  args: {
-    label: "Only label"
-  }
-};
-const WithDescription = {
-  args: {
-    label: "Label and description",
-    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
-  }
-};
-const WithIcon = {
-  args: {
-    label: "With icon",
-    description: "This card has an icon on the right side.",
-    icon: /* @__PURE__ */ jsxRuntime.jsx(starLine.IconStarLine, {})
-  }
-};
-const Loading = {
-  args: {
-    label: "Loading state",
-    description: "This card is in loading state.",
-    isLoading: true
-  }
-};
-const Disabled = {
-  args: {
-    label: "Disabled card",
-    description: "This card is disabled.",
-    disabled: true
-  }
-};
-const RadioCardGroup = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(material.RadioGroup, { name: "cardGroup", children: /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 3, width: 300, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appInputRadioCard.AppInputRadioCard, { name: "cardGroup", value: "opt1", label: "Option 1" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadioCard.AppInputRadioCard,
-      {
-        name: "cardGroup",
-        value: "opt2",
-        label: "Option 2",
-        description: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadioCard.AppInputRadioCard,
-      {
-        name: "cardGroup",
-        value: "opt3",
-        label: "Option 3",
-        description: "Another description here."
-      }
-    )
-  ] }) })
-};
-const InteractiveComponent = () => {
-  const [value, setValue] = React.useState("opt1");
-  return /* @__PURE__ */ jsxRuntime.jsx(material.RadioGroup, { name: "interactiveCardGroup", value, onChange: (e) => setValue(e.target.value), children: /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 3, width: 300, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appInputRadioCard.AppInputRadioCard, { name: "interactiveCardGroup", value: "opt1", label: "Option 1" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadioCard.AppInputRadioCard,
-      {
-        name: "interactiveCardGroup",
-        value: "opt2",
-        label: "Option 2",
-        description: "Lorem ipsum dolor sit amet."
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      appInputRadioCard.AppInputRadioCard,
-      {
-        name: "interactiveCardGroup",
-        value: "opt3",
-        label: "Option 3",
-        description: "Another option with description."
-      }
-    )
-  ] }) });
-};
-const Interactive = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsx(InteractiveComponent, {})
-};
-exports.Default = Default;
-exports.Disabled = Disabled;
-exports.Interactive = Interactive;
-exports.Loading = Loading;
-exports.RadioCardGroup = RadioCardGroup;
-exports.WithDescription = WithDescription;
-exports.WithIcon = WithIcon;
-exports.default = meta;
-//# sourceMappingURL=AppInputRadioCard.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppInputRadioCard.stories.js","sources":["../../../../../src/stories/react/AppInputRadioCard.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { RadioGroup } from '@mui/material';\n\nimport { AppInputRadioCard } from '~/components/app-input-radio-card';\nimport { StackColumn } from '~/components/stack-column';\nimport { IconStarLine } from '~/icons/system/star-line';\n\n//\n//\n\n// Meta\nconst meta = {\n  title: 'React/App Input Radio Card',\n  component: AppInputRadioCard,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    description: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    isLoading: {\n      control: 'boolean',\n    },\n  },\n  args: {\n    name: 'radioCard',\n    value: 'option1',\n    label: 'Radio Card Label',\n  },\n} satisfies Meta<typeof AppInputRadioCard>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n//\n\nexport const Default: Story = {\n  args: {\n    label: 'Only label',\n  },\n};\n\n//\n\nexport const WithDescription: Story = {\n  args: {\n    label: 'Label and description',\n    description: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n};\n\n//\n\nexport const WithIcon: Story = {\n  args: {\n    label: 'With icon',\n    description: 'This card has an icon on the right side.',\n    icon: <IconStarLine />,\n  },\n};\n\n//\n\nexport const Loading: Story = {\n  args: {\n    label: 'Loading state',\n    description: 'This card is in loading state.',\n    isLoading: true,\n  },\n};\n\n//\n\nexport const Disabled: Story = {\n  args: {\n    label: 'Disabled card',\n    description: 'This card is disabled.',\n    disabled: true,\n  },\n};\n\n//\n\nexport const RadioCardGroup: Story = {\n  render: () => (\n    <RadioGroup name=\"cardGroup\">\n      <StackColumn gap={3} width={300}>\n        <AppInputRadioCard name=\"cardGroup\" value=\"opt1\" label=\"Option 1\" />\n        <AppInputRadioCard\n          name=\"cardGroup\"\n          value=\"opt2\"\n          label=\"Option 2\"\n          description=\"Lorem ipsum dolor sit amet consectetur adipisicing elit.\"\n        />\n        <AppInputRadioCard\n          name=\"cardGroup\"\n          value=\"opt3\"\n          label=\"Option 3\"\n          description=\"Another description here.\"\n        />\n      </StackColumn>\n    </RadioGroup>\n  ),\n};\n\n//\n\nconst InteractiveComponent = () => {\n  const [value, setValue] = useState('opt1');\n\n  return (\n    <RadioGroup name=\"interactiveCardGroup\" value={value} onChange={e => setValue(e.target.value)}>\n      <StackColumn gap={3} width={300}>\n        <AppInputRadioCard name=\"interactiveCardGroup\" value=\"opt1\" label=\"Option 1\" />\n        <AppInputRadioCard\n          name=\"interactiveCardGroup\"\n          value=\"opt2\"\n          label=\"Option 2\"\n          description=\"Lorem ipsum dolor sit amet.\"\n        />\n        <AppInputRadioCard\n          name=\"interactiveCardGroup\"\n          value=\"opt3\"\n          label=\"Option 3\"\n          description=\"Another option with description.\"\n        />\n      </StackColumn>\n    </RadioGroup>\n  );\n};\n\nexport const Interactive: Story = {\n  render: () => <InteractiveComponent />,\n};\n"],"names":["AppInputRadioCard","IconStarLine","jsx","RadioGroup","jsxs","StackColumn","useState"],"mappings":";;;;;;;;AAaA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWA,kBAAAA;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,aAAa;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAOO,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX;AAIO,MAAM,kBAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAEjB;AAIO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,qCAAOC,SAAAA,cAAA,CAAA,CAAa;AAAA,EAAA;AAExB;AAIO,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAEf;AAIO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,EAAA;AAEd;AAIO,MAAM,iBAAwB;AAAA,EACnC,QAAQ,MACNC,2BAAAA,IAACC,SAAAA,YAAA,EAAW,MAAK,aACf,UAAAC,2BAAAA,KAACC,YAAAA,aAAA,EAAY,KAAK,GAAG,OAAO,KAC1B,UAAA;AAAA,IAAAH,+BAACF,kBAAAA,qBAAkB,MAAK,aAAY,OAAM,QAAO,OAAM,YAAW;AAAA,IAClEE,2BAAAA;AAAAA,MAACF,kBAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEdE,2BAAAA;AAAAA,MAACF,kBAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,EAAA,CACF,EAAA,CACF;AAEJ;AAIA,MAAM,uBAAuB,MAAM;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAIM,MAAAA,SAAS,MAAM;AAEzC,wCACGH,qBAAA,EAAW,MAAK,wBAAuB,OAAc,UAAU,CAAA,MAAK,SAAS,EAAE,OAAO,KAAK,GAC1F,UAAAC,2BAAAA,KAACC,YAAAA,eAAY,KAAK,GAAG,OAAO,KAC1B,UAAA;AAAA,IAAAH,+BAACF,kBAAAA,qBAAkB,MAAK,wBAAuB,OAAM,QAAO,OAAM,YAAW;AAAA,IAC7EE,2BAAAA;AAAAA,MAACF,kBAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEdE,2BAAAA;AAAAA,MAACF,kBAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,EAAA,CACF,EAAA,CACF;AAEJ;AAEO,MAAM,cAAqB;AAAA,EAChC,QAAQ,MAAME,+BAAC,sBAAA,CAAA,CAAqB;AACtC;;;;;;;;;"}

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

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-const appListItem = require("../../components/app-list-item.js");
-const appStatus = require("../../components/app-status.js");
-const appTypography = require("../../components/app-typography.js");
-const stackColumn = require("../../components/stack-column.js");
-const bankLine = require("../../icons/buildings/bank-line.js");
-const meta = {
-  title: "React/App List Item",
-  component: appListItem.AppListItem,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    textLabel: {
-      control: "text"
-    },
-    textDescription: {
-      control: "text"
-    },
-    textContent: {
-      control: "text"
-    },
-    tooltip: {
-      control: "text"
-    }
-  },
-  args: {
-    textLabel: "List item label",
-    textDescription: "Description text"
-  }
-};
-const Playground = {
-  args: {}
-};
-const Variants = {
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "Label Only" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(appListItem.AppListItem, { textLabel: "Sample Label" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "Label and Description" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(appListItem.AppListItem, { textLabel: "Another Item", textDescription: "This is a description" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "With Icon" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      appListItem.AppListItem,
-      {
-        textLabel: "List Item with Icon",
-        textDescription: "This is a description",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(bankLine.IconBankLine, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "With Label Suffix" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      appListItem.AppListItem,
-      {
-        textLabel: "List Item with Label Suffix",
-        textDescription: "This is a description",
-        labelSuffix: /* @__PURE__ */ jsxRuntime.jsx(appStatus.AppStatus, { color: "success", label: "Active", size: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "With Text Content" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      appListItem.AppListItem,
-      {
-        textLabel: "List Item with Text Content",
-        textDescription: "This is a description",
-        textContent: "Some text content here to demonstrate the textContent prop"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "With Tooltip" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      appListItem.AppListItem,
-      {
-        textLabel: "List Item with Tooltip",
-        textDescription: "Hover the icon to see the tooltip",
-        tooltip: "This is a helpful tooltip"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "Full Example" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      appListItem.AppListItem,
-      {
-        textLabel: "Complete List Item",
-        textDescription: "This item uses all available props",
-        textContent: "Additional content text",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(bankLine.IconBankLine, {}),
-        labelSuffix: /* @__PURE__ */ jsxRuntime.jsx(appStatus.AppStatus, { color: "info", label: "New", size: "small" }),
-        tooltip: "Tooltip with extra info"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(appTypography.AppTypography, { variant: "h6", sx: { px: 1 }, children: "With Children" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      appListItem.AppListItem,
-      {
-        textLabel: "List Item with Children",
-        textDescription: "This is a description",
-        textContent: "Some text content",
-        children: "Additional content"
-      }
-    ) })
-  ] })
-};
-const Container = material.styled(material.Box)(({ theme }) => ({
-  padding: theme.spacing(0),
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: theme.shape.borderRadius,
-  backgroundColor: theme.palette.colors.base.white,
-  minWidth: 200,
-  maxWidth: 400
-}));
-exports.Playground = Playground;
-exports.Variants = Variants;
-exports.default = meta;
-//# sourceMappingURL=AppListItem.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppListItem.stories.js","sources":["../../../../../src/stories/react/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: 'React/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 }}>\n        Label Only\n      </AppTypography>\n\n      <Container>\n        <AppListItem textLabel=\"Sample Label\" />\n      </Container>\n\n      <Divider />\n\n      <AppTypography variant=\"h6\" sx={{ px: 1 }}>\n        Label and Description\n      </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 }}>\n        With Icon\n      </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 }}>\n        With Label Suffix\n      </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 }}>\n        With Text Content\n      </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 }}>\n        With Tooltip\n      </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 }}>\n        Full Example\n      </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 }}>\n        With Children\n      </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/react/cjs/stories/react/AppOverflownTextWithTooltip.stories.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-const appOverflownTextWithTooltip = require("../../components/app-overflown-text-with-tooltip.js");
-const stackColumn = require("../../components/stack-column.js");
-const meta = {
-  title: "React/App Overflown Text With Tooltip",
-  component: appOverflownTextWithTooltip.AppOverflownTextWithTooltip,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {}
-};
-const Variants = {
-  args: {
-    title: "Sample Label"
-  },
-  render: () => /* @__PURE__ */ jsxRuntime.jsxs(stackColumn.StackColumn, { gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(appOverflownTextWithTooltip.AppOverflownTextWithTooltip, { title: "This is a very long title that will be truncated" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      appOverflownTextWithTooltip.AppOverflownTextWithTooltip,
-      {
-        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",
-        twoLines: true
-      }
-    ) })
-  ] })
-};
-const Container = material.styled(material.Box)(({ theme }) => ({
-  padding: theme.spacing(1),
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: theme.shape.borderRadius,
-  backgroundColor: theme.palette.colors.base.white,
-  maxWidth: 200
-}));
-exports.Variants = Variants;
-exports.default = meta;
-//# sourceMappingURL=AppOverflownTextWithTooltip.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppOverflownTextWithTooltip.stories.js","sources":["../../../../../src/stories/react/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: 'React/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;;;"}