npm - @zidsa/zidmui - Versions diffs - 2.1.8 → 2.3.0-beta.0 - Mend

@zidsa/zidmui 2.1.8 → 2.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (320) hide show

package/dist/react/es/stories/css/Card.stories.js DELETED Viewed

@@ -1,145 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                  */
-const meta = {
-  title: "CSS Styles/Components/Card",
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"]
-};
-const Elevation = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "32px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Elevation Levels" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--elevation-0", style: { width: "150px" }, children: /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Elevation 0" }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--elevation-1", style: { width: "150px" }, children: /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Elevation 1" }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--elevation-2", style: { width: "150px" }, children: /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Elevation 2" }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--elevation-4", style: { width: "150px" }, children: /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Elevation 4" }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--elevation-8", style: { width: "150px" }, children: /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Elevation 8" }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--elevation-16", style: { width: "150px" }, children: /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Elevation 16" }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--elevation-24", style: { width: "150px" }, children: /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Elevation 24" }) })
-    ] })
-  ] })
-};
-const Variants = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "32px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Card Variants" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--elevation-1", style: { width: "200px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__header", children: /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Default" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Standard card with shadow" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--outlined", style: { width: "200px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__header", children: /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Outlined" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Card with border, no shadow" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--selected", style: { width: "200px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__header", children: /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Selected" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Selected state card" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--clickable zid-card--elevation-1", style: { width: "200px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__header", children: /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Clickable" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Hover to see effect" })
-      ] })
-    ] })
-  ] })
-};
-const WithSubtitle = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "8px", fontFamily: "var(--zid-font-family)" }, children: "With Subtitle" }),
-    /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--elevation-1", style: { width: "300px" }, children: [
-      /* @__PURE__ */ jsx("div", { className: "zid-card__header", children: /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Card Title" }),
-        /* @__PURE__ */ jsx("p", { className: "zid-card__subtitle", children: "Subtitle or description text" })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "This card has both a title and subtitle in the header." })
-    ] })
-  ] })
-};
-const WithActions = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "32px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "With Action Buttons" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--elevation-1", style: { width: "300px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__header", children: /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Card with Actions" }),
-          /* @__PURE__ */ jsx("p", { className: "zid-card__subtitle", children: "Subtitle text here" })
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "This card has a footer with action buttons." }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-card__actions", children: [
-          /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--text zid-button--secondary zid-button--sm", children: "Cancel" }),
-          /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--sm", children: "Save" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--elevation-1", style: { width: "300px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__header", children: /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Confirm Action" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Are you sure you want to delete this item? This action cannot be undone." }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-card__actions", children: [
-          /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--outlined zid-button--secondary zid-button--sm", children: "Cancel" }),
-          /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--error zid-button--sm", children: "Delete" })
-        ] })
-      ] })
-    ] })
-  ] })
-};
-const WithMedia = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "8px", fontFamily: "var(--zid-font-family)" }, children: "With Media" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--elevation-1", style: { width: "280px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__media", style: { height: "140px", background: "linear-gradient(135deg, var(--zid-color-primary-400), var(--zid-color-primary-700))" } }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-card__header", children: [
-          /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Product Name" }),
-          /* @__PURE__ */ jsx("p", { className: "zid-card__subtitle", children: "$99.99" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "A brief description of the product goes here." }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__actions", children: /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--sm", children: "Add to Cart" }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "zid-card zid-card--elevation-1", style: { width: "280px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-card__media", style: { height: "140px", background: "linear-gradient(135deg, var(--zid-color-green-400), var(--zid-color-green-700))" } }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-card__header", children: [
-          /* @__PURE__ */ jsx("h3", { className: "zid-card__title", children: "Another Product" }),
-          /* @__PURE__ */ jsx("p", { className: "zid-card__subtitle", children: "$149.99" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "zid-card__content", children: "Another product description with more details." }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-card__actions", children: [
-          /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--outlined zid-button--secondary zid-button--sm", children: "Learn More" }),
-          /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--sm", children: "Buy Now" })
-        ] })
-      ] })
-    ] })
-  ] })
-};
-const SelectableCards = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "8px", fontFamily: "var(--zid-font-family)" }, children: "Selectable Cards" }),
-    /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)", color: "var(--zid-text-secondary)" }, children: "Click to select (visual demo)" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--clickable zid-card--elevation-1", style: { width: "180px" }, children: /* @__PURE__ */ jsxs("div", { className: "zid-card__content", style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx("div", { style: { fontSize: "32px", marginBottom: "8px" }, children: "📦" }),
-        /* @__PURE__ */ jsx("div", { style: { fontWeight: 500 }, children: "Standard" }),
-        /* @__PURE__ */ jsx("div", { style: { color: "var(--zid-text-secondary)", fontSize: "14px" }, children: "Free shipping" })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--clickable zid-card--selected", style: { width: "180px" }, children: /* @__PURE__ */ jsxs("div", { className: "zid-card__content", style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx("div", { style: { fontSize: "32px", marginBottom: "8px" }, children: "🚀" }),
-        /* @__PURE__ */ jsx("div", { style: { fontWeight: 500 }, children: "Express" }),
-        /* @__PURE__ */ jsx("div", { style: { color: "var(--zid-text-secondary)", fontSize: "14px" }, children: "2-day delivery" })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "zid-card zid-card--clickable zid-card--elevation-1", style: { width: "180px" }, children: /* @__PURE__ */ jsxs("div", { className: "zid-card__content", style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx("div", { style: { fontSize: "32px", marginBottom: "8px" }, children: "⚡" }),
-        /* @__PURE__ */ jsx("div", { style: { fontWeight: 500 }, children: "Priority" }),
-        /* @__PURE__ */ jsx("div", { style: { color: "var(--zid-text-secondary)", fontSize: "14px" }, children: "Next-day delivery" })
-      ] }) })
-    ] })
-  ] })
-};
-export {
-  Elevation,
-  SelectableCards,
-  Variants,
-  WithActions,
-  WithMedia,
-  WithSubtitle,
-  meta as default
-};
-//# sourceMappingURL=Card.stories.js.map

package/dist/react/es/stories/css/Card.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Card.stories.js","sources":["../../../../../src/stories/css/Card.stories.tsx"],"sourcesContent":["import type { StoryObj } from '@storybook/react-vite';\nimport '../../css/index.css';\n\nconst meta = {\n title: 'CSS Styles/Components/Card',\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Elevation: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Elevation Levels</h3>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap' }}>\n <div className=\"zid-card zid-card--elevation-0\" style={{ width: '150px' }}>\n <div className=\"zid-card__content\">Elevation 0</div>\n </div>\n <div className=\"zid-card zid-card--elevation-1\" style={{ width: '150px' }}>\n <div className=\"zid-card__content\">Elevation 1</div>\n </div>\n <div className=\"zid-card zid-card--elevation-2\" style={{ width: '150px' }}>\n <div className=\"zid-card__content\">Elevation 2</div>\n </div>\n <div className=\"zid-card zid-card--elevation-4\" style={{ width: '150px' }}>\n <div className=\"zid-card__content\">Elevation 4</div>\n </div>\n <div className=\"zid-card zid-card--elevation-8\" style={{ width: '150px' }}>\n <div className=\"zid-card__content\">Elevation 8</div>\n </div>\n <div className=\"zid-card zid-card--elevation-16\" style={{ width: '150px' }}>\n <div className=\"zid-card__content\">Elevation 16</div>\n </div>\n <div className=\"zid-card zid-card--elevation-24\" style={{ width: '150px' }}>\n <div className=\"zid-card__content\">Elevation 24</div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const Variants: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Card Variants</h3>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap' }}>\n <div className=\"zid-card zid-card--elevation-1\" style={{ width: '200px' }}>\n <div className=\"zid-card__header\">\n <h3 className=\"zid-card__title\">Default</h3>\n </div>\n <div className=\"zid-card__content\">Standard card with shadow</div>\n </div>\n <div className=\"zid-card zid-card--outlined\" style={{ width: '200px' }}>\n <div className=\"zid-card__header\">\n <h3 className=\"zid-card__title\">Outlined</h3>\n </div>\n <div className=\"zid-card__content\">Card with border, no shadow</div>\n </div>\n <div className=\"zid-card zid-card--selected\" style={{ width: '200px' }}>\n <div className=\"zid-card__header\">\n <h3 className=\"zid-card__title\">Selected</h3>\n </div>\n <div className=\"zid-card__content\">Selected state card</div>\n </div>\n <div className=\"zid-card zid-card--clickable zid-card--elevation-1\" style={{ width: '200px' }}>\n <div className=\"zid-card__header\">\n <h3 className=\"zid-card__title\">Clickable</h3>\n </div>\n <div className=\"zid-card__content\">Hover to see effect</div>\n </div>\n </div>\n </div>\n ),\n};\n\n\nexport const WithSubtitle: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <h3 style={{ marginBottom: '8px', fontFamily: 'var(--zid-font-family)' }}>With Subtitle</h3>\n <div className=\"zid-card zid-card--elevation-1\" style={{ width: '300px' }}>\n <div className=\"zid-card__header\">\n <div>\n <h3 className=\"zid-card__title\">Card Title</h3>\n <p className=\"zid-card__subtitle\">Subtitle or description text</p>\n </div>\n </div>\n <div className=\"zid-card__content\">This card has both a title and subtitle in the header.</div>\n </div>\n </div>\n ),\n};\n\nexport const WithActions: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>With Action Buttons</h3>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap' }}>\n <div className=\"zid-card zid-card--elevation-1\" style={{ width: '300px' }}>\n <div className=\"zid-card__header\">\n <div>\n <h3 className=\"zid-card__title\">Card with Actions</h3>\n <p className=\"zid-card__subtitle\">Subtitle text here</p>\n </div>\n </div>\n <div className=\"zid-card__content\">This card has a footer with action buttons.</div>\n <div className=\"zid-card__actions\">\n <button className=\"zid-button zid-button--text zid-button--secondary zid-button--sm\">Cancel</button>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--sm\">Save</button>\n </div>\n </div>\n <div className=\"zid-card zid-card--elevation-1\" style={{ width: '300px' }}>\n <div className=\"zid-card__header\">\n <h3 className=\"zid-card__title\">Confirm Action</h3>\n </div>\n <div className=\"zid-card__content\">Are you sure you want to delete this item? This action cannot be undone.</div>\n <div className=\"zid-card__actions\">\n <button className=\"zid-button zid-button--outlined zid-button--secondary zid-button--sm\">Cancel</button>\n <button className=\"zid-button zid-button--contained zid-button--error zid-button--sm\">Delete</button>\n </div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const WithMedia: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <h3 style={{ marginBottom: '8px', fontFamily: 'var(--zid-font-family)' }}>With Media</h3>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap' }}>\n <div className=\"zid-card zid-card--elevation-1\" style={{ width: '280px' }}>\n <div className=\"zid-card__media\" style={{ height: '140px', background: 'linear-gradient(135deg, var(--zid-color-primary-400), var(--zid-color-primary-700))' }}></div>\n <div className=\"zid-card__header\">\n <h3 className=\"zid-card__title\">Product Name</h3>\n <p className=\"zid-card__subtitle\">$99.99</p>\n </div>\n <div className=\"zid-card__content\">A brief description of the product goes here.</div>\n <div className=\"zid-card__actions\">\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--sm\">Add to Cart</button>\n </div>\n </div>\n <div className=\"zid-card zid-card--elevation-1\" style={{ width: '280px' }}>\n <div className=\"zid-card__media\" style={{ height: '140px', background: 'linear-gradient(135deg, var(--zid-color-green-400), var(--zid-color-green-700))' }}></div>\n <div className=\"zid-card__header\">\n <h3 className=\"zid-card__title\">Another Product</h3>\n <p className=\"zid-card__subtitle\">$149.99</p>\n </div>\n <div className=\"zid-card__content\">Another product description with more details.</div>\n <div className=\"zid-card__actions\">\n <button className=\"zid-button zid-button--outlined zid-button--secondary zid-button--sm\">Learn More</button>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--sm\">Buy Now</button>\n </div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const SelectableCards: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <h3 style={{ marginBottom: '8px', fontFamily: 'var(--zid-font-family)' }}>Selectable Cards</h3>\n <p style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)', color: 'var(--zid-text-secondary)' }}>Click to select (visual demo)</p>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap' }}>\n <div className=\"zid-card zid-card--clickable zid-card--elevation-1\" style={{ width: '180px' }}>\n <div className=\"zid-card__content\" style={{ textAlign: 'center' }}>\n <div style={{ fontSize: '32px', marginBottom: '8px' }}>📦</div>\n <div style={{ fontWeight: 500 }}>Standard</div>\n <div style={{ color: 'var(--zid-text-secondary)', fontSize: '14px' }}>Free shipping</div>\n </div>\n </div>\n <div className=\"zid-card zid-card--clickable zid-card--selected\" style={{ width: '180px' }}>\n <div className=\"zid-card__content\" style={{ textAlign: 'center' }}>\n <div style={{ fontSize: '32px', marginBottom: '8px' }}>🚀</div>\n <div style={{ fontWeight: 500 }}>Express</div>\n <div style={{ color: 'var(--zid-text-secondary)', fontSize: '14px' }}>2-day delivery</div>\n </div>\n </div>\n <div className=\"zid-card zid-card--clickable zid-card--elevation-1\" style={{ width: '180px' }}>\n <div className=\"zid-card__content\" style={{ textAlign: 'center' }}>\n <div style={{ fontSize: '32px', marginBottom: '8px' }}>⚡</div>\n <div style={{ fontWeight: 500 }}>Priority</div>\n <div style={{ color: 'var(--zid-text-secondary)', fontSize: '14px' }}>Next-day delivery</div>\n </div>\n </div>\n </div>\n </div>\n ),\n};\n"],"names":[],"mappings":"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"}

package/dist/react/es/stories/css/Checkbox.stories.js DELETED Viewed

@@ -1,138 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                  */
-const checkIcon = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) });
-const indeterminateIcon = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
-const meta = {
-  title: "CSS Styles/Components/Checkbox",
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"]
-};
-const States = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "32px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Checkbox States" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "24px", flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Unchecked" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Checked" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox zid-checkbox--indeterminate", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: indeterminateIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Indeterminate" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox zid-checkbox--disabled", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", disabled: true }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Disabled" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox zid-checkbox--disabled", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true, disabled: true }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Disabled Checked" })
-      ] })
-    ] })
-  ] })
-};
-const CheckboxGroup = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "32px", width: "300px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "16px", fontFamily: "var(--zid-font-family)" }, children: "Checkbox Group" }),
-    /* @__PURE__ */ jsxs("div", { className: "zid-checkbox-group", style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Option 1" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Option 2" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Option 3" })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Option 4" })
-      ] })
-    ] })
-  ] })
-};
-const WithHelperText = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "24px", width: "400px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "8px", fontFamily: "var(--zid-font-family)" }, children: "With Helper Text" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Email notifications" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "zid-input-helper", style: { marginLeft: "28px" }, children: "Receive email updates about your account" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "SMS notifications" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "zid-input-helper", style: { marginLeft: "28px" }, children: "Receive text messages for important updates" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Accept terms and conditions" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "zid-input-helper zid-input-helper--error", style: { marginLeft: "28px" }, children: "You must accept the terms to continue" })
-      ] })
-    ] })
-  ] })
-};
-const ParentChild = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px", width: "300px" }, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: "8px", fontFamily: "var(--zid-font-family)" }, children: "Parent-Child Selection" }),
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      /* @__PURE__ */ jsxs("label", { className: "zid-checkbox zid-checkbox--indeterminate", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: indeterminateIcon }),
-        /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", style: { fontWeight: 500 }, children: "Select All" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { style: { marginLeft: "24px", display: "flex", flexDirection: "column", gap: "8px" }, children: [
-        /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Child option 1" })
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input", defaultChecked: true }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Child option 2" })
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "zid-checkbox", children: [
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "zid-checkbox__input" }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__box", children: checkIcon }),
-          /* @__PURE__ */ jsx("span", { className: "zid-checkbox__label", children: "Child option 3" })
-        ] })
-      ] })
-    ] })
-  ] })
-};
-export {
-  CheckboxGroup,
-  ParentChild,
-  States,
-  WithHelperText,
-  meta as default
-};
-//# sourceMappingURL=Checkbox.stories.js.map

package/dist/react/es/stories/css/Checkbox.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Checkbox.stories.js","sources":["../../../../../src/stories/css/Checkbox.stories.tsx"],"sourcesContent":["import type { StoryObj } from '@storybook/react-vite';\nimport '../../css/index.css';\n\nconst checkIcon = (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\">\n <polyline points=\"20 6 9 17 4 12\" />\n </svg>\n);\n\nconst indeterminateIcon = (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n </svg>\n);\n\nconst meta = {\n title: 'CSS Styles/Components/Checkbox',\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const States: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Checkbox States</h3>\n <div style={{ display: 'flex', gap: '24px', flexWrap: 'wrap' }}>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Unchecked</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Checked</span>\n </label>\n <label className=\"zid-checkbox zid-checkbox--indeterminate\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{indeterminateIcon}</span>\n <span className=\"zid-checkbox__label\">Indeterminate</span>\n </label>\n <label className=\"zid-checkbox zid-checkbox--disabled\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" disabled />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Disabled</span>\n </label>\n <label className=\"zid-checkbox zid-checkbox--disabled\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked disabled />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Disabled Checked</span>\n </label>\n </div>\n </div>\n ),\n};\n\nexport const CheckboxGroup: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px', width: '300px' }}>\n <h3 style={{ marginBottom: '16px', fontFamily: 'var(--zid-font-family)' }}>Checkbox Group</h3>\n <div className=\"zid-checkbox-group\" style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 1</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 2</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 3</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Option 4</span>\n </label>\n </div>\n </div>\n ),\n};\n\n\nexport const WithHelperText: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', width: '400px' }}>\n <h3 style={{ marginBottom: '8px', fontFamily: 'var(--zid-font-family)' }}>With Helper Text</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <div>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Email notifications</span>\n </label>\n <div className=\"zid-input-helper\" style={{ marginLeft: '28px' }}>Receive email updates about your account</div>\n </div>\n <div>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">SMS notifications</span>\n </label>\n <div className=\"zid-input-helper\" style={{ marginLeft: '28px' }}>Receive text messages for important updates</div>\n </div>\n <div>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Accept terms and conditions</span>\n </label>\n <div className=\"zid-input-helper zid-input-helper--error\" style={{ marginLeft: '28px' }}>You must accept the terms to continue</div>\n </div>\n </div>\n </div>\n ),\n};\n\nexport const ParentChild: Story = {\n render: () => (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px', width: '300px' }}>\n <h3 style={{ marginBottom: '8px', fontFamily: 'var(--zid-font-family)' }}>Parent-Child Selection</h3>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n <label className=\"zid-checkbox zid-checkbox--indeterminate\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{indeterminateIcon}</span>\n <span className=\"zid-checkbox__label\" style={{ fontWeight: 500 }}>Select All</span>\n </label>\n <div style={{ marginLeft: '24px', display: 'flex', flexDirection: 'column', gap: '8px' }}>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Child option 1</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" defaultChecked />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Child option 2</span>\n </label>\n <label className=\"zid-checkbox\">\n <input type=\"checkbox\" className=\"zid-checkbox__input\" />\n <span className=\"zid-checkbox__box\">{checkIcon}</span>\n <span className=\"zid-checkbox__label\">Child option 3</span>\n </label>\n </div>\n </div>\n </div>\n ),\n};\n"],"names":[],"mappings":"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"}

package/dist/react/es/stories/css/ComponentReference.stories.js DELETED Viewed

@@ -1,139 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                  */
-const meta = {
-  title: "CSS Styles/Component Reference",
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  }
-};
-const ButtonReference = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { padding: "32px", maxWidth: "900px", fontFamily: "var(--zid-font-family, system-ui)" }, children: [
-    /* @__PURE__ */ jsx("h1", { style: { marginBottom: "8px" }, children: "Button" }),
-    /* @__PURE__ */ jsx("p", { style: { color: "#75727B", marginBottom: "32px" }, children: "Button component class reference" }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "Class Structure" }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "16px", borderRadius: "8px", overflow: "auto", fontSize: "14px" }, children: `<button class="zid-button zid-button--{variant} zid-button--{color} zid-button--{size}">
-  Button Text
-</button>` })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "Variants" }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--md", children: "contained" }),
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--outlined zid-button--primary zid-button--md", children: "outlined" }),
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--text zid-button--primary zid-button--md", children: "text" })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-button--contained
-zid-button--outlined
-zid-button--text` })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "Colors" }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--md", children: "primary" }),
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--secondary zid-button--md", children: "secondary" }),
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--error zid-button--md", children: "error" })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-button--primary
-zid-button--secondary
-zid-button--error` })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "Sizes" }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "16px", alignItems: "center", flexWrap: "wrap", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--sm", children: "sm" }),
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--md", children: "md" }),
-        /* @__PURE__ */ jsx("button", { className: "zid-button zid-button--contained zid-button--primary zid-button--lg", children: "lg" })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-button--sm
-zid-button--md
-zid-button--lg` })
-    ] })
-  ] })
-};
-const InputReference = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { padding: "32px", maxWidth: "900px", fontFamily: "var(--zid-font-family, system-ui)" }, children: [
-    /* @__PURE__ */ jsx("h1", { style: { marginBottom: "8px" }, children: "Input" }),
-    /* @__PURE__ */ jsx("p", { style: { color: "#75727B", marginBottom: "32px" }, children: "Input component class reference" }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "Basic Structure" }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "16px", borderRadius: "8px", overflow: "auto", fontSize: "14px" }, children: `<div class="zid-input zid-input--{size}">
-  <input type="text" class="zid-input__field" placeholder="...">
-</div>` })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "With Label & Helper" }),
-      /* @__PURE__ */ jsxs("div", { style: { maxWidth: "300px", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx("label", { className: "zid-input-label", children: "Email" }),
-        /* @__PURE__ */ jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsx("input", { type: "email", className: "zid-input__field", placeholder: "Enter email" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-input-helper", children: "We'll never share your email" })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `<label class="zid-input-label">Email</label>
-<div class="zid-input zid-input--md">
-  <input type="email" class="zid-input__field" placeholder="Enter email">
-</div>
-<div class="zid-input-helper">Helper text</div>` })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "States" }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px", maxWidth: "300px", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx("div", { className: "zid-input zid-input--md", children: /* @__PURE__ */ jsx("input", { type: "text", className: "zid-input__field", placeholder: "Default" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-input zid-input--md zid-input--error", children: /* @__PURE__ */ jsx("input", { type: "text", className: "zid-input__field", placeholder: "Error" }) }),
-        /* @__PURE__ */ jsx("div", { className: "zid-input zid-input--md zid-input--disabled", children: /* @__PURE__ */ jsx("input", { type: "text", className: "zid-input__field", placeholder: "Disabled", disabled: true }) })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-input--error
-zid-input--disabled` })
-    ] })
-  ] })
-};
-const AlertReference = {
-  render: () => /* @__PURE__ */ jsxs("div", { style: { padding: "32px", maxWidth: "900px", fontFamily: "var(--zid-font-family, system-ui)" }, children: [
-    /* @__PURE__ */ jsx("h1", { style: { marginBottom: "8px" }, children: "Alert" }),
-    /* @__PURE__ */ jsx("p", { style: { color: "#75727B", marginBottom: "32px" }, children: "Alert component class reference" }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "Basic Structure" }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "16px", borderRadius: "8px", overflow: "auto", fontSize: "14px" }, children: `<div class="zid-alert zid-alert--{severity}">
-  <div class="zid-alert__icon">icon</div>
-  <div class="zid-alert__content">
-    <div class="zid-alert__title">Title</div>
-    <div class="zid-alert__message">Message</div>
-  </div>
-  <button class="zid-alert__close">×</button>
-</div>` })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "32px" }, children: [
-      /* @__PURE__ */ jsx("h2", { style: { marginBottom: "16px" }, children: "Severity Variants" }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxs("div", { className: "zid-alert zid-alert--success", children: [
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__icon", children: "✓" }),
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsx("div", { className: "zid-alert__message", children: "Success alert" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-alert zid-alert--info", children: [
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__icon", children: "i" }),
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsx("div", { className: "zid-alert__message", children: "Info alert" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-alert zid-alert--warning", children: [
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__icon", children: "!" }),
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsx("div", { className: "zid-alert__message", children: "Warning alert" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "zid-alert zid-alert--error", children: [
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__icon", children: "✕" }),
-          /* @__PURE__ */ jsx("div", { className: "zid-alert__content", children: /* @__PURE__ */ jsx("div", { className: "zid-alert__message", children: "Error alert" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { style: { background: "#1f0433", color: "#fff", padding: "12px", borderRadius: "8px", fontSize: "13px" }, children: `zid-alert--success
-zid-alert--info
-zid-alert--warning
-zid-alert--error
-zid-alert--filled  /* filled variant */` })
-    ] })
-  ] })
-};
-export {
-  AlertReference,
-  ButtonReference,
-  InputReference,
-  meta as default
-};
-//# sourceMappingURL=ComponentReference.stories.js.map

package/dist/react/es/stories/css/ComponentReference.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ComponentReference.stories.js","sources":["../../../../../src/stories/css/ComponentReference.stories.tsx"],"sourcesContent":["import type { StoryObj } from '@storybook/react-vite';\nimport '../../css/index.css';\n\nconst meta = {\n title: 'CSS Styles/Component Reference',\n tags: ['autodocs'],\n parameters: {\n layout: 'fullscreen',\n },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const ButtonReference: Story = {\n render: () => (\n <div style={{ padding: '32px', maxWidth: '900px', fontFamily: 'var(--zid-font-family, system-ui)' }}>\n <h1 style={{ marginBottom: '8px' }}>Button</h1>\n <p style={{ color: '#75727B', marginBottom: '32px' }}>Button component class reference</p>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Class Structure</h2>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '16px', borderRadius: '8px', overflow: 'auto', fontSize: '14px' }}>\n{`<button class=\"zid-button zid-button--{variant} zid-button--{color} zid-button--{size}\">\n Button Text\n</button>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Variants</h2>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap', marginBottom: '16px' }}>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--md\">contained</button>\n <button className=\"zid-button zid-button--outlined zid-button--primary zid-button--md\">outlined</button>\n <button className=\"zid-button zid-button--text zid-button--primary zid-button--md\">text</button>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-button--contained\nzid-button--outlined\nzid-button--text`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Colors</h2>\n <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap', marginBottom: '16px' }}>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--md\">primary</button>\n <button className=\"zid-button zid-button--contained zid-button--secondary zid-button--md\">secondary</button>\n <button className=\"zid-button zid-button--contained zid-button--error zid-button--md\">error</button>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-button--primary\nzid-button--secondary\nzid-button--error`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Sizes</h2>\n <div style={{ display: 'flex', gap: '16px', alignItems: 'center', flexWrap: 'wrap', marginBottom: '16px' }}>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--sm\">sm</button>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--md\">md</button>\n <button className=\"zid-button zid-button--contained zid-button--primary zid-button--lg\">lg</button>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-button--sm\nzid-button--md\nzid-button--lg`}\n </pre>\n </div>\n </div>\n ),\n};\n\nexport const InputReference: Story = {\n render: () => (\n <div style={{ padding: '32px', maxWidth: '900px', fontFamily: 'var(--zid-font-family, system-ui)' }}>\n <h1 style={{ marginBottom: '8px' }}>Input</h1>\n <p style={{ color: '#75727B', marginBottom: '32px' }}>Input component class reference</p>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Basic Structure</h2>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '16px', borderRadius: '8px', overflow: 'auto', fontSize: '14px' }}>\n{`<div class=\"zid-input zid-input--{size}\">\n <input type=\"text\" class=\"zid-input__field\" placeholder=\"...\">\n</div>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>With Label & Helper</h2>\n <div style={{ maxWidth: '300px', marginBottom: '16px' }}>\n <label className=\"zid-input-label\">Email</label>\n <div className=\"zid-input zid-input--md\">\n <input type=\"email\" className=\"zid-input__field\" placeholder=\"Enter email\" />\n </div>\n <div className=\"zid-input-helper\">We'll never share your email</div>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`<label class=\"zid-input-label\">Email</label>\n<div class=\"zid-input zid-input--md\">\n <input type=\"email\" class=\"zid-input__field\" placeholder=\"Enter email\">\n</div>\n<div class=\"zid-input-helper\">Helper text</div>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>States</h2>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px', maxWidth: '300px', marginBottom: '16px' }}>\n <div className=\"zid-input zid-input--md\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Default\" />\n </div>\n <div className=\"zid-input zid-input--md zid-input--error\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Error\" />\n </div>\n <div className=\"zid-input zid-input--md zid-input--disabled\">\n <input type=\"text\" className=\"zid-input__field\" placeholder=\"Disabled\" disabled />\n </div>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-input--error\nzid-input--disabled`}\n </pre>\n </div>\n </div>\n ),\n};\n\nexport const AlertReference: Story = {\n render: () => (\n <div style={{ padding: '32px', maxWidth: '900px', fontFamily: 'var(--zid-font-family, system-ui)' }}>\n <h1 style={{ marginBottom: '8px' }}>Alert</h1>\n <p style={{ color: '#75727B', marginBottom: '32px' }}>Alert component class reference</p>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Basic Structure</h2>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '16px', borderRadius: '8px', overflow: 'auto', fontSize: '14px' }}>\n{`<div class=\"zid-alert zid-alert--{severity}\">\n <div class=\"zid-alert__icon\">icon</div>\n <div class=\"zid-alert__content\">\n <div class=\"zid-alert__title\">Title</div>\n <div class=\"zid-alert__message\">Message</div>\n </div>\n <button class=\"zid-alert__close\">×</button>\n</div>`}\n </pre>\n </div>\n\n <div style={{ marginBottom: '32px' }}>\n <h2 style={{ marginBottom: '16px' }}>Severity Variants</h2>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginBottom: '16px' }}>\n <div className=\"zid-alert zid-alert--success\">\n <div className=\"zid-alert__icon\">✓</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Success alert</div></div>\n </div>\n <div className=\"zid-alert zid-alert--info\">\n <div className=\"zid-alert__icon\">i</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Info alert</div></div>\n </div>\n <div className=\"zid-alert zid-alert--warning\">\n <div className=\"zid-alert__icon\">!</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Warning alert</div></div>\n </div>\n <div className=\"zid-alert zid-alert--error\">\n <div className=\"zid-alert__icon\">✕</div>\n <div className=\"zid-alert__content\"><div className=\"zid-alert__message\">Error alert</div></div>\n </div>\n </div>\n <pre style={{ background: '#1f0433', color: '#fff', padding: '12px', borderRadius: '8px', fontSize: '13px' }}>\n{`zid-alert--success\nzid-alert--info\nzid-alert--warning\nzid-alert--error\nzid-alert--filled /* filled variant */`}\n </pre>\n </div>\n </div>\n ),\n};\n"],"names":[],"mappings":"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"}