@alepha/ui 0.18.3 → 0.19.1

package/dist/{auth/AuthLayout-AvLlcLjS.js → demo/AuthLayout-DPsOOG4u.js}

@@ -1,8 +1,7 @@
-import { o as AlephaMantineProvider } from "./core-D5jIAVF2.js";
+import { v as AlephaMantineProvider } from "./core-B4LVHzPn.js";
 import { Flex } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
 import { NestedView } from "alepha/react/router";
-
 //#region ../../src/auth/components/AuthLayout.tsx
 const AuthLayout = () => {
 	return /* @__PURE__ */ jsx(AlephaMantineProvider, {
@@ -16,7 +15,7 @@ const AuthLayout = () => {
 		})
 	});
 };
-
 //#endregion
 export { AuthLayout as default };
-//# sourceMappingURL=AuthLayout-AvLlcLjS.js.map
+
+//# sourceMappingURL=AuthLayout-DPsOOG4u.js.map

package/dist/demo/{AuthLayout-Brri4A-L.js.map → AuthLayout-DPsOOG4u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout-Brri4A-L.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\n\nconst AuthLayout = () => {\n  return (\n    <AlephaMantineProvider omnibar={false}>\n      <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n        <NestedView />\n      </Flex>\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC;EAAsB,SAAS;YAC9B,oBAAC;GAAK,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,eAAa;IACT;GACe"}
+{"version":3,"file":"AuthLayout-DPsOOG4u.js","names":[],"sources":["../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { AlephaMantineProvider } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { NestedView } from \"alepha/react/router\";\n\nconst AuthLayout = () => {\n  return (\n    <AlephaMantineProvider omnibar={false}>\n      <Flex flex={1} align={\"center\"} h={\"100vh\"} justify={\"center\"}>\n        <NestedView />\n      </Flex>\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AuthLayout;\n"],"mappings":";;;;;AAIA,MAAM,mBAAmB;AACvB,QACE,oBAAC,uBAAD;EAAuB,SAAS;YAC9B,oBAAC,MAAD;GAAM,MAAM;GAAG,OAAO;GAAU,GAAG;GAAS,SAAS;aACnD,oBAAC,YAAD,EAAc,CAAA;GACT,CAAA;EACe,CAAA"}

package/dist/demo/{DemoButton-wiCxZZ_L.js → DemoButton-wzcqGk4u.js}

@@ -1,9 +1,8 @@
-import { f as Flex, h as ActionButton, m as useDialog } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.js";
+import { g as ActionButton, h as useDialog, p as Flex } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconCheck, IconDownload, IconPlus, IconSettings, IconTrash } from "@tabler/icons-react";
-
 //#region ../../src/demo/components/core/DemoButton.tsx
 const showcaseSchema = t.object({
 	variant: t.enum([
@@ -176,7 +175,7 @@ const DemoActionButton = () => {
 		children: (props) => /* @__PURE__ */ jsx(ButtonPreview, { ...props })
 	});
 };
-
 //#endregion
 export { DemoActionButton as default };
-//# sourceMappingURL=DemoButton-wiCxZZ_L.js.map
+
+//# sourceMappingURL=DemoButton-wzcqGk4u.js.map

package/dist/demo/{DemoButton-wiCxZZ_L.js.map → DemoButton-wzcqGk4u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoButton-wiCxZZ_L.js","names":[],"sources":["../../src/demo/components/core/DemoButton.tsx"],"sourcesContent":["import { ActionButton, Flex, useDialog } from \"@alepha/ui\";\nimport {\n  IconCheck,\n  IconDownload,\n  IconPlus,\n  IconSettings,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  variant: t.enum(\n    [\"filled\", \"light\", \"outline\", \"subtle\", \"default\", \"transparent\"],\n    {\n      title: \"variant\",\n      default: \"filled\",\n    },\n  ),\n  size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"size\",\n    default: \"md\",\n  }),\n  intent: t.enum([\"none\", \"primary\", \"success\", \"danger\", \"warning\", \"info\"], {\n    title: \"intent\",\n    default: \"none\",\n  }),\n  disabled: t.boolean({\n    title: \"disabled\",\n    default: false,\n    $control: { switch: true },\n  }),\n  loading: t.boolean({\n    title: \"loading\",\n    default: false,\n    $control: { switch: true },\n  }),\n});\n\ninterface ButtonPreviewProps {\n  variant:\n    | \"filled\"\n    | \"light\"\n    | \"outline\"\n    | \"subtle\"\n    | \"default\"\n    | \"transparent\";\n  size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  intent: \"none\" | \"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n  disabled: boolean;\n  loading: boolean;\n}\n\nconst ButtonPreview = (props: ButtonPreviewProps) => {\n  const dialog = useDialog();\n\n  return (\n    <Flex col gap=\"xl\" p=\"md\">\n      <Flex gap=\"md\" wrap=\"wrap\" centerY>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          intent={props.intent}\n          disabled={props.disabled}\n          loading={props.loading}\n          onClick={() => dialog.alert({ message: \"Clicked\" })}\n        >\n          Default\n        </ActionButton>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          intent={props.intent}\n          disabled={props.disabled}\n          loading={props.loading}\n          icon={IconPlus}\n          onClick={() => dialog.alert({ message: \"Create\" })}\n        >\n          Create\n        </ActionButton>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          intent={props.intent}\n          disabled={props.disabled}\n          loading={props.loading}\n          icon={IconTrash}\n          onClick={() => dialog.alert({ message: \"Delete\" })}\n        />\n      </Flex>\n\n      <Flex gap=\"md\" wrap=\"wrap\" centerY>\n        <ActionButton\n          variant=\"filled\"\n          size={props.size}\n          intent=\"primary\"\n          icon={IconCheck}\n          onClick={() => {}}\n        >\n          Save\n        </ActionButton>\n        <ActionButton\n          variant=\"filled\"\n          size={props.size}\n          intent=\"danger\"\n          icon={IconTrash}\n          confirm=\"Are you sure?\"\n          onClick={() => dialog.alert({ message: \"Deleted\" })}\n        >\n          Delete\n        </ActionButton>\n        <ActionButton\n          variant=\"light\"\n          size={props.size}\n          icon={IconDownload}\n          onClick={() => {}}\n        >\n          Export\n        </ActionButton>\n        <ActionButton\n          variant=\"subtle\"\n          size={props.size}\n          icon={IconSettings}\n          onClick={() => {}}\n        />\n      </Flex>\n\n      <Flex gap=\"md\" wrap=\"wrap\" centerY>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          menu={{\n            items: [\n              { label: \"Edit\", icon: <IconSettings size={14} /> },\n              { type: \"divider\" },\n              {\n                label: \"Delete\",\n                icon: <IconTrash size={14} />,\n                color: \"red\",\n              },\n            ],\n          }}\n          onClick={() => {}}\n        >\n          With Menu\n        </ActionButton>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          tooltip=\"This button has a tooltip\"\n          icon={IconSettings}\n          onClick={() => {}}\n        >\n          With Tooltip\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nconst DemoActionButton = () => {\n  return (\n    <Showcase\n      title=\"ActionButton\"\n      schema={showcaseSchema}\n      initialValues={{\n        variant: \"filled\",\n        size: \"md\",\n        intent: \"none\",\n        disabled: false,\n        loading: false,\n      }}\n      columns={1}\n    >\n      {(props) => <ButtonPreview {...(props as ButtonPreviewProps)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoActionButton;\n"],"mappings":";;;;;;;AAWA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,SAAS,EAAE,KACT;EAAC;EAAU;EAAS;EAAW;EAAU;EAAW;EAAc,EAClE;EACE,OAAO;EACP,SAAS;EACV,CACF;CACD,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACV,CAAC;CACF,QAAQ,EAAE,KAAK;EAAC;EAAQ;EAAW;EAAW;EAAU;EAAW;EAAO,EAAE;EAC1E,OAAO;EACP,SAAS;EACV,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACH,CAAC;AAgBF,MAAM,iBAAiB,UAA8B;CACnD,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC;EAAK;EAAI,KAAI;EAAK,GAAE;;GACnB,qBAAC;IAAK,KAAI;IAAK,MAAK;IAAO;;KACzB,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,QAAQ,MAAM;MACd,UAAU,MAAM;MAChB,SAAS,MAAM;MACf,eAAe,OAAO,MAAM,EAAE,SAAS,WAAW,CAAC;gBACpD;OAEc;KACf,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,QAAQ,MAAM;MACd,UAAU,MAAM;MAChB,SAAS,MAAM;MACf,MAAM;MACN,eAAe,OAAO,MAAM,EAAE,SAAS,UAAU,CAAC;gBACnD;OAEc;KACf,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,QAAQ,MAAM;MACd,UAAU,MAAM;MAChB,SAAS,MAAM;MACf,MAAM;MACN,eAAe,OAAO,MAAM,EAAE,SAAS,UAAU,CAAC;OAClD;;KACG;GAEP,qBAAC;IAAK,KAAI;IAAK,MAAK;IAAO;;KACzB,oBAAC;MACC,SAAQ;MACR,MAAM,MAAM;MACZ,QAAO;MACP,MAAM;MACN,eAAe;gBAChB;OAEc;KACf,oBAAC;MACC,SAAQ;MACR,MAAM,MAAM;MACZ,QAAO;MACP,MAAM;MACN,SAAQ;MACR,eAAe,OAAO,MAAM,EAAE,SAAS,WAAW,CAAC;gBACpD;OAEc;KACf,oBAAC;MACC,SAAQ;MACR,MAAM,MAAM;MACZ,MAAM;MACN,eAAe;gBAChB;OAEc;KACf,oBAAC;MACC,SAAQ;MACR,MAAM,MAAM;MACZ,MAAM;MACN,eAAe;OACf;;KACG;GAEP,qBAAC;IAAK,KAAI;IAAK,MAAK;IAAO;eACzB,oBAAC;KACC,SAAS,MAAM;KACf,MAAM,MAAM;KACZ,MAAM,EACJ,OAAO;MACL;OAAE,OAAO;OAAQ,MAAM,oBAAC,gBAAa,MAAM,KAAM;OAAE;MACnD,EAAE,MAAM,WAAW;MACnB;OACE,OAAO;OACP,MAAM,oBAAC,aAAU,MAAM,KAAM;OAC7B,OAAO;OACR;MACF,EACF;KACD,eAAe;eAChB;MAEc,EACf,oBAAC;KACC,SAAS,MAAM;KACf,MAAM,MAAM;KACZ,SAAQ;KACR,MAAM;KACN,eAAe;eAChB;MAEc;KACV;;GACF;;AAIX,MAAM,yBAAyB;AAC7B,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,SAAS;GACT,MAAM;GACN,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,SAAS;aAEP,UAAU,oBAAC,iBAAc,GAAK,QAAgC;GACvD"}
+{"version":3,"file":"DemoButton-wzcqGk4u.js","names":[],"sources":["../../src/demo/components/core/DemoButton.tsx"],"sourcesContent":["import { ActionButton, Flex, useDialog } from \"@alepha/ui\";\nimport {\n  IconCheck,\n  IconDownload,\n  IconPlus,\n  IconSettings,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  variant: t.enum(\n    [\"filled\", \"light\", \"outline\", \"subtle\", \"default\", \"transparent\"],\n    {\n      title: \"variant\",\n      default: \"filled\",\n    },\n  ),\n  size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"size\",\n    default: \"md\",\n  }),\n  intent: t.enum([\"none\", \"primary\", \"success\", \"danger\", \"warning\", \"info\"], {\n    title: \"intent\",\n    default: \"none\",\n  }),\n  disabled: t.boolean({\n    title: \"disabled\",\n    default: false,\n    $control: { switch: true },\n  }),\n  loading: t.boolean({\n    title: \"loading\",\n    default: false,\n    $control: { switch: true },\n  }),\n});\n\ninterface ButtonPreviewProps {\n  variant:\n    | \"filled\"\n    | \"light\"\n    | \"outline\"\n    | \"subtle\"\n    | \"default\"\n    | \"transparent\";\n  size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  intent: \"none\" | \"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n  disabled: boolean;\n  loading: boolean;\n}\n\nconst ButtonPreview = (props: ButtonPreviewProps) => {\n  const dialog = useDialog();\n\n  return (\n    <Flex col gap=\"xl\" p=\"md\">\n      <Flex gap=\"md\" wrap=\"wrap\" centerY>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          intent={props.intent}\n          disabled={props.disabled}\n          loading={props.loading}\n          onClick={() => dialog.alert({ message: \"Clicked\" })}\n        >\n          Default\n        </ActionButton>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          intent={props.intent}\n          disabled={props.disabled}\n          loading={props.loading}\n          icon={IconPlus}\n          onClick={() => dialog.alert({ message: \"Create\" })}\n        >\n          Create\n        </ActionButton>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          intent={props.intent}\n          disabled={props.disabled}\n          loading={props.loading}\n          icon={IconTrash}\n          onClick={() => dialog.alert({ message: \"Delete\" })}\n        />\n      </Flex>\n\n      <Flex gap=\"md\" wrap=\"wrap\" centerY>\n        <ActionButton\n          variant=\"filled\"\n          size={props.size}\n          intent=\"primary\"\n          icon={IconCheck}\n          onClick={() => {}}\n        >\n          Save\n        </ActionButton>\n        <ActionButton\n          variant=\"filled\"\n          size={props.size}\n          intent=\"danger\"\n          icon={IconTrash}\n          confirm=\"Are you sure?\"\n          onClick={() => dialog.alert({ message: \"Deleted\" })}\n        >\n          Delete\n        </ActionButton>\n        <ActionButton\n          variant=\"light\"\n          size={props.size}\n          icon={IconDownload}\n          onClick={() => {}}\n        >\n          Export\n        </ActionButton>\n        <ActionButton\n          variant=\"subtle\"\n          size={props.size}\n          icon={IconSettings}\n          onClick={() => {}}\n        />\n      </Flex>\n\n      <Flex gap=\"md\" wrap=\"wrap\" centerY>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          menu={{\n            items: [\n              { label: \"Edit\", icon: <IconSettings size={14} /> },\n              { type: \"divider\" },\n              {\n                label: \"Delete\",\n                icon: <IconTrash size={14} />,\n                color: \"red\",\n              },\n            ],\n          }}\n          onClick={() => {}}\n        >\n          With Menu\n        </ActionButton>\n        <ActionButton\n          variant={props.variant}\n          size={props.size}\n          tooltip=\"This button has a tooltip\"\n          icon={IconSettings}\n          onClick={() => {}}\n        >\n          With Tooltip\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nconst DemoActionButton = () => {\n  return (\n    <Showcase\n      title=\"ActionButton\"\n      schema={showcaseSchema}\n      initialValues={{\n        variant: \"filled\",\n        size: \"md\",\n        intent: \"none\",\n        disabled: false,\n        loading: false,\n      }}\n      columns={1}\n    >\n      {(props) => <ButtonPreview {...(props as ButtonPreviewProps)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoActionButton;\n"],"mappings":"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"}

package/dist/demo/{DemoControlSelect-D7ILObVg.js → DemoControlSelect-CMWvQ6Gm.js}

@@ -1,9 +1,8 @@
-import { a as TypeForm, f as Flex, l as Text, m as useDialog, o as Control } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.js";
+import { a as TypeForm, d as Text, h as useDialog, o as Control, p as Flex } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { useForm } from "alepha/react/form";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region ../../src/demo/components/core/DemoControlSelect.tsx
 const selectSchema = t.object({
 	status: t.enum([
@@ -299,7 +298,7 @@ const DemoControlSelect = () => {
 		})
 	});
 };
-
 //#endregion
 export { DemoControlSelect as default };
-//# sourceMappingURL=DemoControlSelect-D7ILObVg.js.map
+
+//# sourceMappingURL=DemoControlSelect-CMWvQ6Gm.js.map

package/dist/demo/{DemoControlSelect-D7ILObVg.js.map → DemoControlSelect-CMWvQ6Gm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoControlSelect-D7ILObVg.js","names":[],"sources":["../../src/demo/components/core/DemoControlSelect.tsx"],"sourcesContent":["import {\n  Control,\n  Flex,\n  type SelectValueLabel,\n  Text,\n  TypeForm,\n  useDialog,\n} from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useForm } from \"alepha/react/form\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\n// region schemas\n\nconst selectSchema = t.object({\n  status: t.enum([\"active\", \"inactive\", \"pending\"], {\n    title: \"Status\",\n    default: \"active\",\n  }),\n  priority: t.enum([\"low\", \"medium\", \"high\", \"critical\"], {\n    title: \"Priority\",\n  }),\n});\n\nconst multiSelectSchema = t.object({\n  roles: t.array(t.enum([\"admin\", \"editor\", \"viewer\", \"moderator\"]), {\n    title: \"Roles\",\n    default: [\"editor\"],\n  }),\n});\n\nconst autocompleteSchema = t.object({\n  city: t.enum([\"Paris\", \"London\", \"Tokyo\", \"New York\", \"Berlin\", \"Sydney\"], {\n    title: \"City\",\n    default: \"Paris\",\n  }),\n});\n\nconst tagsSchema = t.object({\n  tags: t.array(t.text(), {\n    title: \"Tags\",\n    default: [\"typescript\", \"react\"],\n  }),\n});\n\nconst segmentedSchema = t.object({\n  theme: t.enum([\"light\", \"dark\", \"auto\"], {\n    title: \"Theme\",\n    default: \"auto\",\n  }),\n});\n\nconst booleanSchema = t.object({\n  enabled: t.boolean({\n    title: \"Enabled\",\n    default: true,\n  }),\n});\n\nconst numericSchema = t.object({\n  rating: t.integer({\n    title: \"Rating\",\n    enum: [1, 2, 3, 4, 5] as any,\n  }),\n});\n\n// endregion\n\n// region async loader\n\nconst allCities = Array.from({ length: 200 }, (_, i) => ({\n  value: `city-${i}`,\n  label: `City ${i} - ${[\"Alpha\", \"Beta\", \"Gamma\", \"Delta\", \"Epsilon\"][i % 5]}`,\n}));\n\nconst cityLoader = async (\n  search: string,\n  resolve?: string[],\n): Promise<SelectValueLabel[]> => {\n  await new Promise((r) => setTimeout(r, 300));\n\n  if (resolve) {\n    return allCities.filter((c) => resolve.includes(c.value));\n  }\n\n  if (!search) return allCities;\n  return allCities.filter((c) =>\n    c.label.toLowerCase().includes(search.toLowerCase()),\n  );\n};\n\nconst shortCities = allCities.slice(0, 20);\nconst shortCityLoader = async (): Promise<SelectValueLabel[]> => {\n  await new Promise((r) => setTimeout(r, 300));\n  return shortCities;\n};\n\n// endregion\n\n// region shared hook\n\nconst useAlertValues = () => {\n  const dialog = useDialog();\n  return (values: any) => {\n    dialog.alert({\n      title: \"Submitted\",\n      message: JSON.stringify(values, null, 2),\n    });\n  };\n};\n\n// endregion\n\n// region variant components\n\nconst SelectVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: selectSchema, handler }, []);\n  return (\n    <TypeForm fill form={form} submitButtonProps={{ children: \"Submit\" }} />\n  );\n};\n\nconst MultiSelectVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: multiSelectSchema, handler }, []);\n  return (\n    <TypeForm fill form={form} submitButtonProps={{ children: \"Submit\" }} />\n  );\n};\n\nconst AutocompleteVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: autocompleteSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{ city: { select: { creatable: true } } }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst TagsVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: tagsSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{ tags: { select: { creatable: true } } }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst SegmentedVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: segmentedSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{ theme: { segmented: true } }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst BooleanVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: booleanSchema, handler }, []);\n  return (\n    <TypeForm fill form={form} submitButtonProps={{ children: \"Submit\" }} />\n  );\n};\n\nconst NumericVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: numericSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{\n        rating: {\n          select: {\n            selectProps: {\n              data: [\n                { value: \"1\", label: \"1 - Poor\" },\n                { value: \"2\", label: \"2 - Fair\" },\n                { value: \"3\", label: \"3 - Good\" },\n                { value: \"4\", label: \"4 - Great\" },\n                { value: \"5\", label: \"5 - Excellent\" },\n              ],\n            },\n          },\n        },\n      }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst AsyncShortVariant = () => {\n  const handler = useAlertValues();\n  const asyncSchema = t.object({ city: t.text({ title: \"City\" }) });\n  const form = useForm({ schema: asyncSchema, handler }, []);\n  return (\n    <Control\n      input={form.input.city}\n      select={{\n        loader: shortCityLoader,\n      }}\n    />\n  );\n};\n\nconst AsyncLongVariant = () => {\n  const handler = useAlertValues();\n  const asyncSchema = t.object({ city: t.text({ title: \"City\" }) });\n  const form = useForm({ schema: asyncSchema, handler }, []);\n  return (\n    <Control\n      input={form.input.city}\n      select={{\n        loader: cityLoader,\n        selectProps: { defaultValue: \"city-42\" },\n      }}\n    />\n  );\n};\n\n// endregion\n\nconst variants: {\n  title: string;\n  description: string;\n  component: () => React.ReactNode;\n}[] = [\n  {\n    title: \"Select\",\n    description: \"Single enum value with dropdown\",\n    component: SelectVariant,\n  },\n  {\n    title: \"Multi Select\",\n    description: \"Array of enum values with multi-select dropdown\",\n    component: MultiSelectVariant,\n  },\n  {\n    title: \"Autocomplete\",\n    description:\n      \"Single value with freeform text input — type any value or pick from suggestions\",\n    component: AutocompleteVariant,\n  },\n  {\n    title: \"Tags\",\n    description: \"Array of freeform values — type and press Enter to add tags\",\n    component: TagsVariant,\n  },\n  {\n    title: \"Segmented\",\n    description: \"Enum rendered as segmented toggle buttons\",\n    component: SegmentedVariant,\n  },\n  {\n    title: \"Boolean\",\n    description:\n      \"Boolean value — select value is coerced to true/false on submit\",\n    component: BooleanVariant,\n  },\n  {\n    title: \"Numeric\",\n    description: \"Integer enum — select value is coerced to number on submit\",\n    component: NumericVariant,\n  },\n  {\n    title: \"Async (Short)\",\n    description:\n      \"Loader returns <= 100 items — client-side filtering, single network call\",\n    component: AsyncShortVariant,\n  },\n  {\n    title: \"Async (Long)\",\n    description:\n      \"Loader returns > 100 items — server-side filtering with debounced search\",\n    component: AsyncLongVariant,\n  },\n];\n\nconst showcaseSchema = t.object({});\n\nconst DemoControlSelect = () => {\n  return (\n    <Showcase title=\"ControlSelect\" schema={showcaseSchema}>\n      {() => (\n        <Flex direction=\"column\" gap=\"xl\">\n          {variants.map((variant) => (\n            <Flex\n              rounded\n              shadowed={\"sm\"}\n              bordered\n              key={variant.title}\n              direction=\"column\"\n            >\n              <Flex elevated rounded col borderedBottom p={\"sm\"}>\n                <Text fw={600}>{variant.title}</Text>\n                <Text size=\"sm\" c=\"dimmed\">\n                  {variant.description}\n                </Text>\n              </Flex>\n              <Flex rounded surface p={\"xs\"}>\n                <variant.component />\n              </Flex>\n            </Flex>\n          ))}\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoControlSelect;\n"],"mappings":"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"}
+{"version":3,"file":"DemoControlSelect-CMWvQ6Gm.js","names":[],"sources":["../../src/demo/components/core/DemoControlSelect.tsx"],"sourcesContent":["import {\n  Control,\n  Flex,\n  type SelectValueLabel,\n  Text,\n  TypeForm,\n  useDialog,\n} from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useForm } from \"alepha/react/form\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\n// region schemas\n\nconst selectSchema = t.object({\n  status: t.enum([\"active\", \"inactive\", \"pending\"], {\n    title: \"Status\",\n    default: \"active\",\n  }),\n  priority: t.enum([\"low\", \"medium\", \"high\", \"critical\"], {\n    title: \"Priority\",\n  }),\n});\n\nconst multiSelectSchema = t.object({\n  roles: t.array(t.enum([\"admin\", \"editor\", \"viewer\", \"moderator\"]), {\n    title: \"Roles\",\n    default: [\"editor\"],\n  }),\n});\n\nconst autocompleteSchema = t.object({\n  city: t.enum([\"Paris\", \"London\", \"Tokyo\", \"New York\", \"Berlin\", \"Sydney\"], {\n    title: \"City\",\n    default: \"Paris\",\n  }),\n});\n\nconst tagsSchema = t.object({\n  tags: t.array(t.text(), {\n    title: \"Tags\",\n    default: [\"typescript\", \"react\"],\n  }),\n});\n\nconst segmentedSchema = t.object({\n  theme: t.enum([\"light\", \"dark\", \"auto\"], {\n    title: \"Theme\",\n    default: \"auto\",\n  }),\n});\n\nconst booleanSchema = t.object({\n  enabled: t.boolean({\n    title: \"Enabled\",\n    default: true,\n  }),\n});\n\nconst numericSchema = t.object({\n  rating: t.integer({\n    title: \"Rating\",\n    enum: [1, 2, 3, 4, 5] as any,\n  }),\n});\n\n// endregion\n\n// region async loader\n\nconst allCities = Array.from({ length: 200 }, (_, i) => ({\n  value: `city-${i}`,\n  label: `City ${i} - ${[\"Alpha\", \"Beta\", \"Gamma\", \"Delta\", \"Epsilon\"][i % 5]}`,\n}));\n\nconst cityLoader = async (\n  search: string,\n  resolve?: string[],\n): Promise<SelectValueLabel[]> => {\n  await new Promise((r) => setTimeout(r, 300));\n\n  if (resolve) {\n    return allCities.filter((c) => resolve.includes(c.value));\n  }\n\n  if (!search) return allCities;\n  return allCities.filter((c) =>\n    c.label.toLowerCase().includes(search.toLowerCase()),\n  );\n};\n\nconst shortCities = allCities.slice(0, 20);\nconst shortCityLoader = async (): Promise<SelectValueLabel[]> => {\n  await new Promise((r) => setTimeout(r, 300));\n  return shortCities;\n};\n\n// endregion\n\n// region shared hook\n\nconst useAlertValues = () => {\n  const dialog = useDialog();\n  return (values: any) => {\n    dialog.alert({\n      title: \"Submitted\",\n      message: JSON.stringify(values, null, 2),\n    });\n  };\n};\n\n// endregion\n\n// region variant components\n\nconst SelectVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: selectSchema, handler }, []);\n  return (\n    <TypeForm fill form={form} submitButtonProps={{ children: \"Submit\" }} />\n  );\n};\n\nconst MultiSelectVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: multiSelectSchema, handler }, []);\n  return (\n    <TypeForm fill form={form} submitButtonProps={{ children: \"Submit\" }} />\n  );\n};\n\nconst AutocompleteVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: autocompleteSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{ city: { select: { creatable: true } } }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst TagsVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: tagsSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{ tags: { select: { creatable: true } } }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst SegmentedVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: segmentedSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{ theme: { segmented: true } }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst BooleanVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: booleanSchema, handler }, []);\n  return (\n    <TypeForm fill form={form} submitButtonProps={{ children: \"Submit\" }} />\n  );\n};\n\nconst NumericVariant = () => {\n  const handler = useAlertValues();\n  const form = useForm({ schema: numericSchema, handler }, []);\n  return (\n    <TypeForm\n      fill\n      form={form}\n      fieldControlProps={{\n        rating: {\n          select: {\n            selectProps: {\n              data: [\n                { value: \"1\", label: \"1 - Poor\" },\n                { value: \"2\", label: \"2 - Fair\" },\n                { value: \"3\", label: \"3 - Good\" },\n                { value: \"4\", label: \"4 - Great\" },\n                { value: \"5\", label: \"5 - Excellent\" },\n              ],\n            },\n          },\n        },\n      }}\n      submitButtonProps={{ children: \"Submit\" }}\n    />\n  );\n};\n\nconst AsyncShortVariant = () => {\n  const handler = useAlertValues();\n  const asyncSchema = t.object({ city: t.text({ title: \"City\" }) });\n  const form = useForm({ schema: asyncSchema, handler }, []);\n  return (\n    <Control\n      input={form.input.city}\n      select={{\n        loader: shortCityLoader,\n      }}\n    />\n  );\n};\n\nconst AsyncLongVariant = () => {\n  const handler = useAlertValues();\n  const asyncSchema = t.object({ city: t.text({ title: \"City\" }) });\n  const form = useForm({ schema: asyncSchema, handler }, []);\n  return (\n    <Control\n      input={form.input.city}\n      select={{\n        loader: cityLoader,\n        selectProps: { defaultValue: \"city-42\" },\n      }}\n    />\n  );\n};\n\n// endregion\n\nconst variants: {\n  title: string;\n  description: string;\n  component: () => React.ReactNode;\n}[] = [\n  {\n    title: \"Select\",\n    description: \"Single enum value with dropdown\",\n    component: SelectVariant,\n  },\n  {\n    title: \"Multi Select\",\n    description: \"Array of enum values with multi-select dropdown\",\n    component: MultiSelectVariant,\n  },\n  {\n    title: \"Autocomplete\",\n    description:\n      \"Single value with freeform text input — type any value or pick from suggestions\",\n    component: AutocompleteVariant,\n  },\n  {\n    title: \"Tags\",\n    description: \"Array of freeform values — type and press Enter to add tags\",\n    component: TagsVariant,\n  },\n  {\n    title: \"Segmented\",\n    description: \"Enum rendered as segmented toggle buttons\",\n    component: SegmentedVariant,\n  },\n  {\n    title: \"Boolean\",\n    description:\n      \"Boolean value — select value is coerced to true/false on submit\",\n    component: BooleanVariant,\n  },\n  {\n    title: \"Numeric\",\n    description: \"Integer enum — select value is coerced to number on submit\",\n    component: NumericVariant,\n  },\n  {\n    title: \"Async (Short)\",\n    description:\n      \"Loader returns <= 100 items — client-side filtering, single network call\",\n    component: AsyncShortVariant,\n  },\n  {\n    title: \"Async (Long)\",\n    description:\n      \"Loader returns > 100 items — server-side filtering with debounced search\",\n    component: AsyncLongVariant,\n  },\n];\n\nconst showcaseSchema = t.object({});\n\nconst DemoControlSelect = () => {\n  return (\n    <Showcase title=\"ControlSelect\" schema={showcaseSchema}>\n      {() => (\n        <Flex direction=\"column\" gap=\"xl\">\n          {variants.map((variant) => (\n            <Flex\n              rounded\n              shadowed={\"sm\"}\n              bordered\n              key={variant.title}\n              direction=\"column\"\n            >\n              <Flex elevated rounded col borderedBottom p={\"sm\"}>\n                <Text fw={600}>{variant.title}</Text>\n                <Text size=\"sm\" c=\"dimmed\">\n                  {variant.description}\n                </Text>\n              </Flex>\n              <Flex rounded surface p={\"xs\"}>\n                <variant.component />\n              </Flex>\n            </Flex>\n          ))}\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoControlSelect;\n"],"mappings":"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"}

package/dist/demo/{DemoDataTable-DZ5Y8pFX.js → DemoDataTable-CHsAP3e2.js}

@@ -1,10 +1,9 @@
-import { l as Text$1, m as useDialog, r as DataTable } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.js";
+import { d as Text$1, h as useDialog, r as DataTable } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { Badge, Code, Flex, Paper } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconDownload, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
-
 //#region ../../src/demo/components/core/DemoDataTable.tsx
 const sampleUsers = [
 	{
@@ -356,7 +355,7 @@ const DemoDataTable = () => {
 		children: (props) => /* @__PURE__ */ jsx(DataTablePreview, { ...props })
 	});
 };
-
 //#endregion
 export { DemoDataTable as default };
-//# sourceMappingURL=DemoDataTable-DZ5Y8pFX.js.map
+
+//# sourceMappingURL=DemoDataTable-CHsAP3e2.js.map

package/dist/demo/{DemoDataTable-DZ5Y8pFX.js.map → DemoDataTable-CHsAP3e2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoDataTable-DZ5Y8pFX.js","names":["Text"],"sources":["../../src/demo/components/core/DemoDataTable.tsx"],"sourcesContent":["import { DataTable, Text, useDialog } from \"@alepha/ui\";\nimport { Badge, Code, Flex, Paper } from \"@mantine/core\";\nimport {\n  IconDownload,\n  IconEdit,\n  IconPlus,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  role: \"admin\" | \"user\" | \"guest\";\n  status: \"active\" | \"inactive\";\n  notes?: string;\n}\n\nconst sampleUsers: User[] = [\n  {\n    id: 1,\n    name: \"Alice Johnson\",\n    email: \"alice@example.com\",\n    role: \"admin\",\n    status: \"active\",\n    notes: \"Team lead for the backend team.\",\n  },\n  {\n    id: 2,\n    name: \"Bob Smith\",\n    email: \"bob@example.com\",\n    role: \"user\",\n    status: \"active\",\n  },\n  {\n    id: 3,\n    name: \"Charlie Brown\",\n    email: \"charlie@example.com\",\n    role: \"user\",\n    status: \"inactive\",\n    notes: \"On leave until March.\",\n  },\n  {\n    id: 4,\n    name: \"Diana Prince\",\n    email: \"diana@example.com\",\n    role: \"admin\",\n    status: \"active\",\n  },\n  {\n    id: 5,\n    name: \"Eve Wilson\",\n    email: \"eve@example.com\",\n    role: \"guest\",\n    status: \"active\",\n    notes: \"External consultant, limited access.\",\n  },\n  {\n    id: 6,\n    name: \"Frank Castle\",\n    email: \"frank@example.com\",\n    role: \"user\",\n    status: \"inactive\",\n  },\n  {\n    id: 7,\n    name: \"Grace Hopper\",\n    email: \"grace@example.com\",\n    role: \"admin\",\n    status: \"active\",\n    notes: \"Pioneered compiler development.\",\n  },\n  {\n    id: 8,\n    name: \"Hank Pym\",\n    email: \"hank@example.com\",\n    role: \"user\",\n    status: \"active\",\n  },\n];\n\nconst filters = t.object({\n  search: t.optional(t.text({ title: \"Search\" })),\n  role: t.optional(t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\" })),\n  status: t.optional(t.enum([\"active\", \"inactive\"], { title: \"Status\" })),\n});\n\nconst showcaseSchema = t.object({\n  withCheckbox: t.boolean({\n    title: \"Checkbox\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withExport: t.boolean({\n    title: \"Export\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withPanel: t.boolean({\n    title: \"Panel\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withDrawer: t.boolean({\n    title: \"Drawer\",\n    default: true,\n    $control: { switch: true },\n  }),\n  defaultSize: t.integer({\n    title: \"Page Size\",\n    default: 5,\n    minimum: 1,\n    maximum: 20,\n    $control: { slider: true },\n  }),\n});\n\ninterface DataTablePreviewProps {\n  withCheckbox: boolean;\n  withExport: boolean;\n  withPanel: boolean;\n  withDrawer: boolean;\n  defaultSize: number;\n}\n\nconst DataTablePreview = (props: DataTablePreviewProps) => {\n  const dialog = useDialog();\n\n  return (\n    <DataTable<User, typeof filters>\n      key={JSON.stringify(props)}\n      filters={filters}\n      defaultFilters={[\"search\", \"role\"]}\n      submitOnInit\n      defaultSize={props.defaultSize}\n      withCheckbox={props.withCheckbox}\n      withExport={props.withExport}\n      getItemKey={(u) => String(u.id)}\n      onFilterChange={(key, _value, form) => {\n        if (key === \"role\" || key === \"status\") {\n          return form.submit();\n        }\n      }}\n      typeFormProps={{\n        skipSubmitButton: true,\n        columns: 3,\n      }}\n      items={async (params) => {\n        let filtered = [...sampleUsers];\n        if (params.search) {\n          const s = params.search.toLowerCase();\n          filtered = filtered.filter(\n            (u) =>\n              u.name.toLowerCase().includes(s) ||\n              u.email.toLowerCase().includes(s),\n          );\n        }\n        if (params.role) {\n          filtered = filtered.filter((u) => u.role === params.role);\n        }\n        if (params.status) {\n          filtered = filtered.filter((u) => u.status === params.status);\n        }\n        const start = params.page * params.size;\n        const content = filtered.slice(start, start + params.size);\n        return {\n          content,\n          page: {\n            totalElements: filtered.length,\n            totalPages: Math.ceil(filtered.length / params.size),\n          },\n        };\n      }}\n      actions={[\n        {\n          tooltip: \"Add User\",\n          icon: IconPlus,\n          variant: \"light\",\n          size: \"xs\",\n          onClick: () => dialog.alert({ message: \"Add user clicked\" }),\n        },\n      ]}\n      checkboxActions={[\n        {\n          label: \"Export Selected\",\n          icon: <IconDownload size={14} />,\n          intent: \"primary\",\n          onClick: ({ selectedItems, clearSelection }) => {\n            dialog.alert({\n              message: `Exporting ${selectedItems.length} users`,\n            });\n            clearSelection();\n          },\n        },\n        {\n          label: \"Delete Selected\",\n          icon: <IconTrash size={14} />,\n          intent: \"danger\",\n          onClick: ({ selectedItems, clearSelection }) => {\n            dialog.alert({\n              message: `Deleting ${selectedItems.length} users`,\n            });\n            clearSelection();\n          },\n        },\n      ]}\n      columns={{\n        id: {\n          label: \"ID\",\n          value: (u) => <Text size=\"sm\">{u.id}</Text>,\n          sortable: true,\n          fit: true,\n        },\n        name: {\n          label: \"Name\",\n          value: (u) => (\n            <Text size=\"sm\" fw={500}>\n              {u.name}\n            </Text>\n          ),\n          sortable: true,\n        },\n        email: {\n          label: \"Email\",\n          value: (u) => (\n            <Text size=\"sm\" c=\"dimmed\">\n              {u.email}\n            </Text>\n          ),\n        },\n        role: {\n          label: \"Role\",\n          value: (u) => (\n            <Badge\n              size=\"sm\"\n              color={\n                u.role === \"admin\"\n                  ? \"blue\"\n                  : u.role === \"user\"\n                    ? \"green\"\n                    : \"gray\"\n              }\n            >\n              {u.role}\n            </Badge>\n          ),\n        },\n        status: {\n          label: \"Status\",\n          value: (u) => (\n            <Badge\n              size=\"sm\"\n              color={u.status === \"active\" ? \"green\" : \"red\"}\n              variant=\"light\"\n            >\n              {u.status}\n            </Badge>\n          ),\n        },\n        notes: {\n          label: \"Notes\",\n          defaultHidden: true,\n          value: (u) => (\n            <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n              {u.notes ?? \"—\"}\n            </Text>\n          ),\n        },\n      }}\n      rowActions={(u) => [\n        {\n          label: \"Edit\",\n          icon: IconEdit,\n          color: \"blue\",\n          onClick: () => dialog.alert({ message: `Edit ${u.name}` }),\n        },\n        {\n          label: \"Delete\",\n          icon: IconTrash,\n          color: \"red\",\n          onClick: () => dialog.alert({ message: `Delete ${u.name}` }),\n          visible: u.role !== \"admin\",\n        },\n      ]}\n      panel={\n        props.withPanel\n          ? {\n              can: (u) => Boolean(u.notes),\n              render: (u) => (\n                <Flex direction=\"column\" gap=\"xs\" p=\"sm\">\n                  <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n                    Notes\n                  </Text>\n                  <Text size=\"sm\">{u.notes}</Text>\n                </Flex>\n              ),\n            }\n          : undefined\n      }\n      drawer={\n        props.withDrawer\n          ? (u) => (\n              <Flex direction=\"column\" gap=\"md\">\n                <Text size=\"lg\" fw={600}>\n                  {u.name}\n                </Text>\n                <Paper p=\"sm\" radius=\"md\" withBorder>\n                  <Flex direction=\"column\" gap=\"xs\">\n                    <Flex gap=\"xs\">\n                      <Text size=\"sm\" c=\"dimmed\" w={60}>\n                        Email\n                      </Text>\n                      <Text size=\"sm\">{u.email}</Text>\n                    </Flex>\n                    <Flex gap=\"xs\">\n                      <Text size=\"sm\" c=\"dimmed\" w={60}>\n                        Role\n                      </Text>\n                      <Badge\n                        size=\"sm\"\n                        color={\n                          u.role === \"admin\"\n                            ? \"blue\"\n                            : u.role === \"user\"\n                              ? \"green\"\n                              : \"gray\"\n                        }\n                      >\n                        {u.role}\n                      </Badge>\n                    </Flex>\n                    <Flex gap=\"xs\">\n                      <Text size=\"sm\" c=\"dimmed\" w={60}>\n                        Status\n                      </Text>\n                      <Badge\n                        size=\"sm\"\n                        color={u.status === \"active\" ? \"green\" : \"red\"}\n                        variant=\"light\"\n                      >\n                        {u.status}\n                      </Badge>\n                    </Flex>\n                  </Flex>\n                </Paper>\n                {u.notes && (\n                  <Paper p=\"sm\" radius=\"md\" withBorder>\n                    <Text size=\"sm\" fw={600} mb=\"xs\">\n                      Notes\n                    </Text>\n                    <Text size=\"sm\">{u.notes}</Text>\n                  </Paper>\n                )}\n                <Paper p=\"sm\" radius=\"md\" withBorder>\n                  <Text size=\"sm\" fw={600} mb=\"xs\">\n                    Raw Data\n                  </Text>\n                  <Code block>{JSON.stringify(u, null, 2)}</Code>\n                </Paper>\n              </Flex>\n            )\n          : undefined\n      }\n      tableProps={{\n        highlightOnHover: true,\n      }}\n    />\n  );\n};\n\nconst DemoDataTable = () => {\n  return (\n    <Showcase\n      title=\"DataTable\"\n      schema={showcaseSchema}\n      initialValues={{\n        withCheckbox: true,\n        withExport: true,\n        withPanel: true,\n        withDrawer: true,\n        defaultSize: 5,\n      }}\n      columns={1}\n    >\n      {(props) => <DataTablePreview {...(props as DataTablePreviewProps)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoDataTable;\n"],"mappings":"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"}
+{"version":3,"file":"DemoDataTable-CHsAP3e2.js","names":["Text"],"sources":["../../src/demo/components/core/DemoDataTable.tsx"],"sourcesContent":["import { DataTable, Text, useDialog } from \"@alepha/ui\";\nimport { Badge, Code, Flex, Paper } from \"@mantine/core\";\nimport {\n  IconDownload,\n  IconEdit,\n  IconPlus,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  role: \"admin\" | \"user\" | \"guest\";\n  status: \"active\" | \"inactive\";\n  notes?: string;\n}\n\nconst sampleUsers: User[] = [\n  {\n    id: 1,\n    name: \"Alice Johnson\",\n    email: \"alice@example.com\",\n    role: \"admin\",\n    status: \"active\",\n    notes: \"Team lead for the backend team.\",\n  },\n  {\n    id: 2,\n    name: \"Bob Smith\",\n    email: \"bob@example.com\",\n    role: \"user\",\n    status: \"active\",\n  },\n  {\n    id: 3,\n    name: \"Charlie Brown\",\n    email: \"charlie@example.com\",\n    role: \"user\",\n    status: \"inactive\",\n    notes: \"On leave until March.\",\n  },\n  {\n    id: 4,\n    name: \"Diana Prince\",\n    email: \"diana@example.com\",\n    role: \"admin\",\n    status: \"active\",\n  },\n  {\n    id: 5,\n    name: \"Eve Wilson\",\n    email: \"eve@example.com\",\n    role: \"guest\",\n    status: \"active\",\n    notes: \"External consultant, limited access.\",\n  },\n  {\n    id: 6,\n    name: \"Frank Castle\",\n    email: \"frank@example.com\",\n    role: \"user\",\n    status: \"inactive\",\n  },\n  {\n    id: 7,\n    name: \"Grace Hopper\",\n    email: \"grace@example.com\",\n    role: \"admin\",\n    status: \"active\",\n    notes: \"Pioneered compiler development.\",\n  },\n  {\n    id: 8,\n    name: \"Hank Pym\",\n    email: \"hank@example.com\",\n    role: \"user\",\n    status: \"active\",\n  },\n];\n\nconst filters = t.object({\n  search: t.optional(t.text({ title: \"Search\" })),\n  role: t.optional(t.enum([\"admin\", \"user\", \"guest\"], { title: \"Role\" })),\n  status: t.optional(t.enum([\"active\", \"inactive\"], { title: \"Status\" })),\n});\n\nconst showcaseSchema = t.object({\n  withCheckbox: t.boolean({\n    title: \"Checkbox\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withExport: t.boolean({\n    title: \"Export\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withPanel: t.boolean({\n    title: \"Panel\",\n    default: true,\n    $control: { switch: true },\n  }),\n  withDrawer: t.boolean({\n    title: \"Drawer\",\n    default: true,\n    $control: { switch: true },\n  }),\n  defaultSize: t.integer({\n    title: \"Page Size\",\n    default: 5,\n    minimum: 1,\n    maximum: 20,\n    $control: { slider: true },\n  }),\n});\n\ninterface DataTablePreviewProps {\n  withCheckbox: boolean;\n  withExport: boolean;\n  withPanel: boolean;\n  withDrawer: boolean;\n  defaultSize: number;\n}\n\nconst DataTablePreview = (props: DataTablePreviewProps) => {\n  const dialog = useDialog();\n\n  return (\n    <DataTable<User, typeof filters>\n      key={JSON.stringify(props)}\n      filters={filters}\n      defaultFilters={[\"search\", \"role\"]}\n      submitOnInit\n      defaultSize={props.defaultSize}\n      withCheckbox={props.withCheckbox}\n      withExport={props.withExport}\n      getItemKey={(u) => String(u.id)}\n      onFilterChange={(key, _value, form) => {\n        if (key === \"role\" || key === \"status\") {\n          return form.submit();\n        }\n      }}\n      typeFormProps={{\n        skipSubmitButton: true,\n        columns: 3,\n      }}\n      items={async (params) => {\n        let filtered = [...sampleUsers];\n        if (params.search) {\n          const s = params.search.toLowerCase();\n          filtered = filtered.filter(\n            (u) =>\n              u.name.toLowerCase().includes(s) ||\n              u.email.toLowerCase().includes(s),\n          );\n        }\n        if (params.role) {\n          filtered = filtered.filter((u) => u.role === params.role);\n        }\n        if (params.status) {\n          filtered = filtered.filter((u) => u.status === params.status);\n        }\n        const start = params.page * params.size;\n        const content = filtered.slice(start, start + params.size);\n        return {\n          content,\n          page: {\n            totalElements: filtered.length,\n            totalPages: Math.ceil(filtered.length / params.size),\n          },\n        };\n      }}\n      actions={[\n        {\n          tooltip: \"Add User\",\n          icon: IconPlus,\n          variant: \"light\",\n          size: \"xs\",\n          onClick: () => dialog.alert({ message: \"Add user clicked\" }),\n        },\n      ]}\n      checkboxActions={[\n        {\n          label: \"Export Selected\",\n          icon: <IconDownload size={14} />,\n          intent: \"primary\",\n          onClick: ({ selectedItems, clearSelection }) => {\n            dialog.alert({\n              message: `Exporting ${selectedItems.length} users`,\n            });\n            clearSelection();\n          },\n        },\n        {\n          label: \"Delete Selected\",\n          icon: <IconTrash size={14} />,\n          intent: \"danger\",\n          onClick: ({ selectedItems, clearSelection }) => {\n            dialog.alert({\n              message: `Deleting ${selectedItems.length} users`,\n            });\n            clearSelection();\n          },\n        },\n      ]}\n      columns={{\n        id: {\n          label: \"ID\",\n          value: (u) => <Text size=\"sm\">{u.id}</Text>,\n          sortable: true,\n          fit: true,\n        },\n        name: {\n          label: \"Name\",\n          value: (u) => (\n            <Text size=\"sm\" fw={500}>\n              {u.name}\n            </Text>\n          ),\n          sortable: true,\n        },\n        email: {\n          label: \"Email\",\n          value: (u) => (\n            <Text size=\"sm\" c=\"dimmed\">\n              {u.email}\n            </Text>\n          ),\n        },\n        role: {\n          label: \"Role\",\n          value: (u) => (\n            <Badge\n              size=\"sm\"\n              color={\n                u.role === \"admin\"\n                  ? \"blue\"\n                  : u.role === \"user\"\n                    ? \"green\"\n                    : \"gray\"\n              }\n            >\n              {u.role}\n            </Badge>\n          ),\n        },\n        status: {\n          label: \"Status\",\n          value: (u) => (\n            <Badge\n              size=\"sm\"\n              color={u.status === \"active\" ? \"green\" : \"red\"}\n              variant=\"light\"\n            >\n              {u.status}\n            </Badge>\n          ),\n        },\n        notes: {\n          label: \"Notes\",\n          defaultHidden: true,\n          value: (u) => (\n            <Text size=\"xs\" c=\"dimmed\" lineClamp={1}>\n              {u.notes ?? \"—\"}\n            </Text>\n          ),\n        },\n      }}\n      rowActions={(u) => [\n        {\n          label: \"Edit\",\n          icon: IconEdit,\n          color: \"blue\",\n          onClick: () => dialog.alert({ message: `Edit ${u.name}` }),\n        },\n        {\n          label: \"Delete\",\n          icon: IconTrash,\n          color: \"red\",\n          onClick: () => dialog.alert({ message: `Delete ${u.name}` }),\n          visible: u.role !== \"admin\",\n        },\n      ]}\n      panel={\n        props.withPanel\n          ? {\n              can: (u) => Boolean(u.notes),\n              render: (u) => (\n                <Flex direction=\"column\" gap=\"xs\" p=\"sm\">\n                  <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n                    Notes\n                  </Text>\n                  <Text size=\"sm\">{u.notes}</Text>\n                </Flex>\n              ),\n            }\n          : undefined\n      }\n      drawer={\n        props.withDrawer\n          ? (u) => (\n              <Flex direction=\"column\" gap=\"md\">\n                <Text size=\"lg\" fw={600}>\n                  {u.name}\n                </Text>\n                <Paper p=\"sm\" radius=\"md\" withBorder>\n                  <Flex direction=\"column\" gap=\"xs\">\n                    <Flex gap=\"xs\">\n                      <Text size=\"sm\" c=\"dimmed\" w={60}>\n                        Email\n                      </Text>\n                      <Text size=\"sm\">{u.email}</Text>\n                    </Flex>\n                    <Flex gap=\"xs\">\n                      <Text size=\"sm\" c=\"dimmed\" w={60}>\n                        Role\n                      </Text>\n                      <Badge\n                        size=\"sm\"\n                        color={\n                          u.role === \"admin\"\n                            ? \"blue\"\n                            : u.role === \"user\"\n                              ? \"green\"\n                              : \"gray\"\n                        }\n                      >\n                        {u.role}\n                      </Badge>\n                    </Flex>\n                    <Flex gap=\"xs\">\n                      <Text size=\"sm\" c=\"dimmed\" w={60}>\n                        Status\n                      </Text>\n                      <Badge\n                        size=\"sm\"\n                        color={u.status === \"active\" ? \"green\" : \"red\"}\n                        variant=\"light\"\n                      >\n                        {u.status}\n                      </Badge>\n                    </Flex>\n                  </Flex>\n                </Paper>\n                {u.notes && (\n                  <Paper p=\"sm\" radius=\"md\" withBorder>\n                    <Text size=\"sm\" fw={600} mb=\"xs\">\n                      Notes\n                    </Text>\n                    <Text size=\"sm\">{u.notes}</Text>\n                  </Paper>\n                )}\n                <Paper p=\"sm\" radius=\"md\" withBorder>\n                  <Text size=\"sm\" fw={600} mb=\"xs\">\n                    Raw Data\n                  </Text>\n                  <Code block>{JSON.stringify(u, null, 2)}</Code>\n                </Paper>\n              </Flex>\n            )\n          : undefined\n      }\n      tableProps={{\n        highlightOnHover: true,\n      }}\n    />\n  );\n};\n\nconst DemoDataTable = () => {\n  return (\n    <Showcase\n      title=\"DataTable\"\n      schema={showcaseSchema}\n      initialValues={{\n        withCheckbox: true,\n        withExport: true,\n        withPanel: true,\n        withDrawer: true,\n        defaultSize: 5,\n      }}\n      columns={1}\n    >\n      {(props) => <DataTablePreview {...(props as DataTablePreviewProps)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoDataTable;\n"],"mappings":"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"}

package/dist/demo/{DemoDialog-CUWdLHim.js → DemoDialog-Co2IePxX.js}

@@ -1,7 +1,6 @@
-import { f as Flex, h as ActionButton, l as Text, m as useDialog } from "./core-DFgB3yU4.js";
+import { d as Text, g as ActionButton, h as useDialog, p as Flex } from "./core-B4LVHzPn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconAlertCircle, IconMessage, IconQuestionMark } from "@tabler/icons-react";
-
 //#region ../../src/demo/components/layout/DemoDialog.tsx
 const DemoDialog = () => {
 	const dialog = useDialog();
@@ -95,7 +94,7 @@ const DemoDialog = () => {
 		]
 	});
 };
-
 //#endregion
 export { DemoDialog as default };
-//# sourceMappingURL=DemoDialog-CUWdLHim.js.map
+
+//# sourceMappingURL=DemoDialog-Co2IePxX.js.map

package/dist/demo/{DemoDialog-CUWdLHim.js.map → DemoDialog-Co2IePxX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoDialog-CUWdLHim.js","names":[],"sources":["../../src/demo/components/layout/DemoDialog.tsx"],"sourcesContent":["import { ActionButton, Flex, Text, useDialog } from \"@alepha/ui\";\nimport {\n  IconAlertCircle,\n  IconMessage,\n  IconQuestionMark,\n} from \"@tabler/icons-react\";\n\nconst DemoDialog = () => {\n  const dialog = useDialog();\n\n  return (\n    <Flex col gap=\"xl\" p=\"xl\">\n      <Text bold size=\"lg\">\n        Dialog Service\n      </Text>\n      <Text muted small>\n        Programmatic dialogs via the DialogService. No need to mount modal\n        components — just call the service.\n      </Text>\n\n      <Flex gap=\"md\" wrap=\"wrap\">\n        <ActionButton\n          icon={IconAlertCircle}\n          variant=\"light\"\n          onClick={() =>\n            dialog.alert({\n              title: \"Heads up\",\n              message: \"This is an informational alert dialog.\",\n            })\n          }\n        >\n          Alert\n        </ActionButton>\n\n        <ActionButton\n          icon={IconQuestionMark}\n          variant=\"light\"\n          intent=\"warning\"\n          onClick={async () => {\n            const ok = await dialog.confirm({\n              title: \"Confirm action\",\n              message: \"Are you sure you want to proceed?\",\n            });\n            if (ok) {\n              dialog.alert({\n                title: \"Confirmed\",\n                message: \"You confirmed the action.\",\n              });\n            }\n          }}\n        >\n          Confirm\n        </ActionButton>\n\n        <ActionButton\n          icon={IconMessage}\n          variant=\"light\"\n          intent=\"primary\"\n          onClick={async () => {\n            const value = await dialog.prompt({\n              title: \"Enter a value\",\n              message: \"What is your name?\",\n              placeholder: \"John Doe\",\n            });\n            if (value) {\n              dialog.alert({\n                title: \"Hello\",\n                message: `Nice to meet you, ${value}!`,\n              });\n            }\n          }}\n        >\n          Prompt\n        </ActionButton>\n      </Flex>\n\n      <Flex col gap=\"md\">\n        <Text bold small uppercase muted>\n          Variants\n        </Text>\n        <Flex gap=\"md\" wrap=\"wrap\">\n          <ActionButton\n            variant=\"light\"\n            intent=\"danger\"\n            onClick={() =>\n              dialog.confirm({\n                title: \"Delete item\",\n                message:\n                  \"This action cannot be undone. Are you sure you want to delete this item?\",\n                confirmColor: \"red\",\n                confirmLabel: \"Delete\",\n              })\n            }\n          >\n            Danger Confirm\n          </ActionButton>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default DemoDialog;\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC;EAAK;EAAI,KAAI;EAAK,GAAE;;GACnB,oBAAC;IAAK;IAAK,MAAK;cAAK;KAEd;GACP,oBAAC;IAAK;IAAM;cAAM;KAGX;GAEP,qBAAC;IAAK,KAAI;IAAK,MAAK;;KAClB,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,eACE,OAAO,MAAM;OACX,OAAO;OACP,SAAS;OACV,CAAC;gBAEL;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;AAKnB,WAJW,MAAM,OAAO,QAAQ;QAC9B,OAAO;QACP,SAAS;QACV,CAAC,CAEA,QAAO,MAAM;QACX,OAAO;QACP,SAAS;QACV,CAAC;;gBAGP;OAEc;KAEf,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;OACnB,MAAM,QAAQ,MAAM,OAAO,OAAO;QAChC,OAAO;QACP,SAAS;QACT,aAAa;QACd,CAAC;AACF,WAAI,MACF,QAAO,MAAM;QACX,OAAO;QACP,SAAS,qBAAqB,MAAM;QACrC,CAAC;;gBAGP;OAEc;;KACV;GAEP,qBAAC;IAAK;IAAI,KAAI;eACZ,oBAAC;KAAK;KAAK;KAAM;KAAU;eAAM;MAE1B,EACP,oBAAC;KAAK,KAAI;KAAK,MAAK;eAClB,oBAAC;MACC,SAAQ;MACR,QAAO;MACP,eACE,OAAO,QAAQ;OACb,OAAO;OACP,SACE;OACF,cAAc;OACd,cAAc;OACf,CAAC;gBAEL;OAEc;MACV;KACF;;GACF"}
+{"version":3,"file":"DemoDialog-Co2IePxX.js","names":[],"sources":["../../src/demo/components/layout/DemoDialog.tsx"],"sourcesContent":["import { ActionButton, Flex, Text, useDialog } from \"@alepha/ui\";\nimport {\n  IconAlertCircle,\n  IconMessage,\n  IconQuestionMark,\n} from \"@tabler/icons-react\";\n\nconst DemoDialog = () => {\n  const dialog = useDialog();\n\n  return (\n    <Flex col gap=\"xl\" p=\"xl\">\n      <Text bold size=\"lg\">\n        Dialog Service\n      </Text>\n      <Text muted small>\n        Programmatic dialogs via the DialogService. No need to mount modal\n        components — just call the service.\n      </Text>\n\n      <Flex gap=\"md\" wrap=\"wrap\">\n        <ActionButton\n          icon={IconAlertCircle}\n          variant=\"light\"\n          onClick={() =>\n            dialog.alert({\n              title: \"Heads up\",\n              message: \"This is an informational alert dialog.\",\n            })\n          }\n        >\n          Alert\n        </ActionButton>\n\n        <ActionButton\n          icon={IconQuestionMark}\n          variant=\"light\"\n          intent=\"warning\"\n          onClick={async () => {\n            const ok = await dialog.confirm({\n              title: \"Confirm action\",\n              message: \"Are you sure you want to proceed?\",\n            });\n            if (ok) {\n              dialog.alert({\n                title: \"Confirmed\",\n                message: \"You confirmed the action.\",\n              });\n            }\n          }}\n        >\n          Confirm\n        </ActionButton>\n\n        <ActionButton\n          icon={IconMessage}\n          variant=\"light\"\n          intent=\"primary\"\n          onClick={async () => {\n            const value = await dialog.prompt({\n              title: \"Enter a value\",\n              message: \"What is your name?\",\n              placeholder: \"John Doe\",\n            });\n            if (value) {\n              dialog.alert({\n                title: \"Hello\",\n                message: `Nice to meet you, ${value}!`,\n              });\n            }\n          }}\n        >\n          Prompt\n        </ActionButton>\n      </Flex>\n\n      <Flex col gap=\"md\">\n        <Text bold small uppercase muted>\n          Variants\n        </Text>\n        <Flex gap=\"md\" wrap=\"wrap\">\n          <ActionButton\n            variant=\"light\"\n            intent=\"danger\"\n            onClick={() =>\n              dialog.confirm({\n                title: \"Delete item\",\n                message:\n                  \"This action cannot be undone. Are you sure you want to delete this item?\",\n                confirmColor: \"red\",\n                confirmLabel: \"Delete\",\n              })\n            }\n          >\n            Danger Confirm\n          </ActionButton>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default DemoDialog;\n"],"mappings":";;;;AAOA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC,MAAD;EAAM,KAAA;EAAI,KAAI;EAAK,GAAE;YAArB;GACE,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAK;cAAK;IAEd,CAAA;GACP,oBAAC,MAAD;IAAM,OAAA;IAAM,OAAA;cAAM;IAGX,CAAA;GAEP,qBAAC,MAAD;IAAM,KAAI;IAAK,MAAK;cAApB;KACE,oBAAC,cAAD;MACE,MAAM;MACN,SAAQ;MACR,eACE,OAAO,MAAM;OACX,OAAO;OACP,SAAS;OACV,CAAC;gBAEL;MAEc,CAAA;KAEf,oBAAC,cAAD;MACE,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;AAKnB,WAJW,MAAM,OAAO,QAAQ;QAC9B,OAAO;QACP,SAAS;QACV,CAAC,CAEA,QAAO,MAAM;QACX,OAAO;QACP,SAAS;QACV,CAAC;;gBAGP;MAEc,CAAA;KAEf,oBAAC,cAAD;MACE,MAAM;MACN,SAAQ;MACR,QAAO;MACP,SAAS,YAAY;OACnB,MAAM,QAAQ,MAAM,OAAO,OAAO;QAChC,OAAO;QACP,SAAS;QACT,aAAa;QACd,CAAC;AACF,WAAI,MACF,QAAO,MAAM;QACX,OAAO;QACP,SAAS,qBAAqB,MAAM;QACrC,CAAC;;gBAGP;MAEc,CAAA;KACV;;GAEP,qBAAC,MAAD;IAAM,KAAA;IAAI,KAAI;cAAd,CACE,oBAAC,MAAD;KAAM,MAAA;KAAK,OAAA;KAAM,WAAA;KAAU,OAAA;eAAM;KAE1B,CAAA,EACP,oBAAC,MAAD;KAAM,KAAI;KAAK,MAAK;eAClB,oBAAC,cAAD;MACE,SAAQ;MACR,QAAO;MACP,eACE,OAAO,QAAQ;OACb,OAAO;OACP,SACE;OACF,cAAc;OACd,cAAc;OACf,CAAC;gBAEL;MAEc,CAAA;KACV,CAAA,CACF;;GACF"}

package/dist/demo/{DemoFlex-a8OhMMvq.js → DemoFlex-OEwQt5do.js}

@@ -1,8 +1,7 @@
-import { f as Flex, l as Text } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.js";
+import { d as Text, p as Flex } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region ../../src/demo/components/core/DemoFlex.tsx
 const showcaseSchema = t.object({
 	fill: t.boolean({
@@ -99,7 +98,7 @@ const DemoFlex = () => {
 		})
 	});
 };
-
 //#endregion
 export { DemoFlex as default };
-//# sourceMappingURL=DemoFlex-a8OhMMvq.js.map
+
+//# sourceMappingURL=DemoFlex-OEwQt5do.js.map

package/dist/demo/{DemoFlex-a8OhMMvq.js.map → DemoFlex-OEwQt5do.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoFlex-a8OhMMvq.js","names":[],"sources":["../../src/demo/components/core/DemoFlex.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  fill: t.boolean({\n    title: \"fill\",\n    default: false,\n    $control: { switch: true },\n  }),\n  col: t.boolean({\n    title: \"col\",\n    default: false,\n    $control: { switch: true },\n  }),\n  center: t.boolean({\n    title: \"center\",\n    default: false,\n    $control: { switch: true },\n  }),\n  centerX: t.boolean({\n    title: \"centerX\",\n    default: false,\n    $control: { switch: true },\n  }),\n  centerY: t.boolean({\n    title: \"centerY\",\n    default: false,\n    $control: { switch: true },\n  }),\n  gap: t.enum([\"0\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"gap\",\n    default: \"md\",\n  }),\n  wrap: t.enum([\"nowrap\", \"wrap\"], {\n    title: \"wrap\",\n    default: \"nowrap\",\n  }),\n});\n\nconst Item = ({ label }: { label: string }) => (\n  <Flex\n    center\n    style={{\n      background: \"var(--mantine-primary-color-light)\",\n      border: \"1px solid var(--mantine-primary-color-light-hover)\",\n      borderRadius: 6,\n      padding: \"8px 16px\",\n      minWidth: 60,\n      minHeight: 40,\n    }}\n  >\n    <Text size=\"sm\" fw={500}>\n      {label}\n    </Text>\n  </Flex>\n);\n\nconst DemoFlex = () => {\n  return (\n    <Showcase\n      title=\"Flex\"\n      schema={showcaseSchema}\n      initialValues={{\n        fill: false,\n        col: false,\n        center: false,\n        centerX: false,\n        centerY: false,\n        gap: \"md\",\n        wrap: \"nowrap\",\n      }}\n      columns={1}\n      windowProps={{}}\n    >\n      {(props) => (\n        <Flex\n          fill={props.fill}\n          col={props.col}\n          center={props.center}\n          centerX={props.centerX}\n          centerY={props.centerY}\n          gap={props.gap === \"0\" ? 0 : props.gap}\n          wrap={props.wrap}\n          style={{\n            minHeight: 200,\n            border: \"1px dashed var(--mantine-color-default-border)\",\n            borderRadius: 8,\n            padding: 16,\n          }}\n        >\n          <Item label=\"A\" />\n          <Item label=\"B\" />\n          <Item label=\"C\" />\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoFlex;\n"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,QAAQ;EACb,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,KAAK;EAAC;EAAK;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC/C,OAAO;EACP,SAAS;EACV,CAAC;CACF,MAAM,EAAE,KAAK,CAAC,UAAU,OAAO,EAAE;EAC/B,OAAO;EACP,SAAS;EACV,CAAC;CACH,CAAC;AAEF,MAAM,QAAQ,EAAE,YACd,oBAAC;CACC;CACA,OAAO;EACL,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,UAAU;EACV,WAAW;EACZ;WAED,oBAAC;EAAK,MAAK;EAAK,IAAI;YACjB;GACI;EACF;AAGT,MAAM,iBAAiB;AACrB,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,KAAK;GACL,QAAQ;GACR,SAAS;GACT,SAAS;GACT,KAAK;GACL,MAAM;GACP;EACD,SAAS;EACT,aAAa,EAAE;aAEb,UACA,qBAAC;GACC,MAAM,MAAM;GACZ,KAAK,MAAM;GACX,QAAQ,MAAM;GACd,SAAS,MAAM;GACf,SAAS,MAAM;GACf,KAAK,MAAM,QAAQ,MAAM,IAAI,MAAM;GACnC,MAAM,MAAM;GACZ,OAAO;IACL,WAAW;IACX,QAAQ;IACR,cAAc;IACd,SAAS;IACV;;IAED,oBAAC,QAAK,OAAM,MAAM;IAClB,oBAAC,QAAK,OAAM,MAAM;IAClB,oBAAC,QAAK,OAAM,MAAM;;IACb;GAEA"}
+{"version":3,"file":"DemoFlex-OEwQt5do.js","names":[],"sources":["../../src/demo/components/core/DemoFlex.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  fill: t.boolean({\n    title: \"fill\",\n    default: false,\n    $control: { switch: true },\n  }),\n  col: t.boolean({\n    title: \"col\",\n    default: false,\n    $control: { switch: true },\n  }),\n  center: t.boolean({\n    title: \"center\",\n    default: false,\n    $control: { switch: true },\n  }),\n  centerX: t.boolean({\n    title: \"centerX\",\n    default: false,\n    $control: { switch: true },\n  }),\n  centerY: t.boolean({\n    title: \"centerY\",\n    default: false,\n    $control: { switch: true },\n  }),\n  gap: t.enum([\"0\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"gap\",\n    default: \"md\",\n  }),\n  wrap: t.enum([\"nowrap\", \"wrap\"], {\n    title: \"wrap\",\n    default: \"nowrap\",\n  }),\n});\n\nconst Item = ({ label }: { label: string }) => (\n  <Flex\n    center\n    style={{\n      background: \"var(--mantine-primary-color-light)\",\n      border: \"1px solid var(--mantine-primary-color-light-hover)\",\n      borderRadius: 6,\n      padding: \"8px 16px\",\n      minWidth: 60,\n      minHeight: 40,\n    }}\n  >\n    <Text size=\"sm\" fw={500}>\n      {label}\n    </Text>\n  </Flex>\n);\n\nconst DemoFlex = () => {\n  return (\n    <Showcase\n      title=\"Flex\"\n      schema={showcaseSchema}\n      initialValues={{\n        fill: false,\n        col: false,\n        center: false,\n        centerX: false,\n        centerY: false,\n        gap: \"md\",\n        wrap: \"nowrap\",\n      }}\n      columns={1}\n      windowProps={{}}\n    >\n      {(props) => (\n        <Flex\n          fill={props.fill}\n          col={props.col}\n          center={props.center}\n          centerX={props.centerX}\n          centerY={props.centerY}\n          gap={props.gap === \"0\" ? 0 : props.gap}\n          wrap={props.wrap}\n          style={{\n            minHeight: 200,\n            border: \"1px dashed var(--mantine-color-default-border)\",\n            borderRadius: 8,\n            padding: 16,\n          }}\n        >\n          <Item label=\"A\" />\n          <Item label=\"B\" />\n          <Item label=\"C\" />\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoFlex;\n"],"mappings":";;;;;AAIA,MAAM,iBAAiB,EAAE,OAAO;CAC9B,MAAM,EAAE,QAAQ;EACd,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,QAAQ;EACb,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,QAAQ,EAAE,QAAQ;EAChB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,SAAS,EAAE,QAAQ;EACjB,OAAO;EACP,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,KAAK,EAAE,KAAK;EAAC;EAAK;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC/C,OAAO;EACP,SAAS;EACV,CAAC;CACF,MAAM,EAAE,KAAK,CAAC,UAAU,OAAO,EAAE;EAC/B,OAAO;EACP,SAAS;EACV,CAAC;CACH,CAAC;AAEF,MAAM,QAAQ,EAAE,YACd,oBAAC,MAAD;CACE,QAAA;CACA,OAAO;EACL,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,UAAU;EACV,WAAW;EACZ;WAED,oBAAC,MAAD;EAAM,MAAK;EAAK,IAAI;YACjB;EACI,CAAA;CACF,CAAA;AAGT,MAAM,iBAAiB;AACrB,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,MAAM;GACN,KAAK;GACL,QAAQ;GACR,SAAS;GACT,SAAS;GACT,KAAK;GACL,MAAM;GACP;EACD,SAAS;EACT,aAAa,EAAE;aAEb,UACA,qBAAC,MAAD;GACE,MAAM,MAAM;GACZ,KAAK,MAAM;GACX,QAAQ,MAAM;GACd,SAAS,MAAM;GACf,SAAS,MAAM;GACf,KAAK,MAAM,QAAQ,MAAM,IAAI,MAAM;GACnC,MAAM,MAAM;GACZ,OAAO;IACL,WAAW;IACX,QAAQ;IACR,cAAc;IACd,SAAS;IACV;aAbH;IAeE,oBAAC,MAAD,EAAM,OAAM,KAAM,CAAA;IAClB,oBAAC,MAAD,EAAM,OAAM,KAAM,CAAA;IAClB,oBAAC,MAAD,EAAM,OAAM,KAAM,CAAA;IACb;;EAEA,CAAA"}

package/dist/demo/DemoHeading-Db-XkQIK.js

@@ -0,0 +1,69 @@
+import { c as SectionHeader, p as Flex, s as Section } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
+import { t } from "alepha";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconUser } from "@tabler/icons-react";
+//#region ../../src/demo/components/core/DemoHeading.tsx
+const DemoHeading = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "SectionHeader & Section",
+		schema: t.object({}),
+		initialValues: {},
+		children: () => /* @__PURE__ */ jsxs(Flex, {
+			col: true,
+			gap: "lg",
+			w: "100%",
+			children: [
+				/* @__PURE__ */ jsx(SectionHeader, { title: "Simple" }),
+				/* @__PURE__ */ jsx(SectionHeader, {
+					title: "With Icon & Subtitle",
+					icon: IconUser,
+					subtitle: "This is a subtitle"
+				}),
+				/* @__PURE__ */ jsx(SectionHeader, {
+					title: "With Actions",
+					subtitle: "Section with action buttons",
+					actions: [{
+						children: "Edit",
+						onClick: () => {}
+					}, {
+						children: "Delete",
+						intent: "danger",
+						onClick: () => {}
+					}]
+				}),
+				/* @__PURE__ */ jsx(Section, {
+					title: "Basic Section",
+					children: "Section body content goes here."
+				}),
+				/* @__PURE__ */ jsx(Section, {
+					title: "With Icon & Actions",
+					icon: IconUser,
+					subtitle: "A section with header features",
+					actions: [{
+						children: "Edit",
+						onClick: () => {}
+					}],
+					children: "Section body with icon and actions."
+				}),
+				/* @__PURE__ */ jsx(Section, {
+					title: "Collapsible Section",
+					collapsible: true,
+					subtitle: "Click header to toggle",
+					children: "This content can be collapsed."
+				}),
+				/* @__PURE__ */ jsx(Section, {
+					title: "Collapsed by Default",
+					collapsible: true,
+					defaultCollapsed: true,
+					children: "This was hidden initially."
+				}),
+				/* @__PURE__ */ jsx(Section, { children: "Section without header — just a bordered surface container." })
+			]
+		})
+	});
+};
+//#endregion
+export { DemoHeading as default };
+
+//# sourceMappingURL=DemoHeading-Db-XkQIK.js.map

package/dist/demo/DemoHeading-Db-XkQIK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoHeading-Db-XkQIK.js","names":[],"sources":["../../src/demo/components/core/DemoHeading.tsx"],"sourcesContent":["import { Flex, Section, SectionHeader } from \"@alepha/ui\";\nimport { IconUser } from \"@tabler/icons-react\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst DemoHeading = () => {\n  return (\n    <Showcase\n      title=\"SectionHeader & Section\"\n      schema={t.object({})}\n      initialValues={{}}\n    >\n      {() => (\n        <Flex col gap=\"lg\" w=\"100%\">\n          <SectionHeader title=\"Simple\" />\n\n          <SectionHeader\n            title=\"With Icon & Subtitle\"\n            icon={IconUser}\n            subtitle=\"This is a subtitle\"\n          />\n\n          <SectionHeader\n            title=\"With Actions\"\n            subtitle=\"Section with action buttons\"\n            actions={[\n              { children: \"Edit\", onClick: () => {} },\n              { children: \"Delete\", intent: \"danger\", onClick: () => {} },\n            ]}\n          />\n\n          <Section title=\"Basic Section\">\n            Section body content goes here.\n          </Section>\n\n          <Section\n            title=\"With Icon & Actions\"\n            icon={IconUser}\n            subtitle=\"A section with header features\"\n            actions={[{ children: \"Edit\", onClick: () => {} }]}\n          >\n            Section body with icon and actions.\n          </Section>\n\n          <Section\n            title=\"Collapsible Section\"\n            collapsible\n            subtitle=\"Click header to toggle\"\n          >\n            This content can be collapsed.\n          </Section>\n\n          <Section title=\"Collapsed by Default\" collapsible defaultCollapsed>\n            This was hidden initially.\n          </Section>\n\n          <Section>\n            Section without header — just a bordered surface container.\n          </Section>\n        </Flex>\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoHeading;\n"],"mappings":";;;;;;AAKA,MAAM,oBAAoB;AACxB,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ,EAAE,OAAO,EAAE,CAAC;EACpB,eAAe,EAAE;kBAGf,qBAAC,MAAD;GAAM,KAAA;GAAI,KAAI;GAAK,GAAE;aAArB;IACE,oBAAC,eAAD,EAAe,OAAM,UAAW,CAAA;IAEhC,oBAAC,eAAD;KACE,OAAM;KACN,MAAM;KACN,UAAS;KACT,CAAA;IAEF,oBAAC,eAAD;KACE,OAAM;KACN,UAAS;KACT,SAAS,CACP;MAAE,UAAU;MAAQ,eAAe;MAAI,EACvC;MAAE,UAAU;MAAU,QAAQ;MAAU,eAAe;MAAI,CAC5D;KACD,CAAA;IAEF,oBAAC,SAAD;KAAS,OAAM;eAAgB;KAErB,CAAA;IAEV,oBAAC,SAAD;KACE,OAAM;KACN,MAAM;KACN,UAAS;KACT,SAAS,CAAC;MAAE,UAAU;MAAQ,eAAe;MAAI,CAAC;eACnD;KAES,CAAA;IAEV,oBAAC,SAAD;KACE,OAAM;KACN,aAAA;KACA,UAAS;eACV;KAES,CAAA;IAEV,oBAAC,SAAD;KAAS,OAAM;KAAuB,aAAA;KAAY,kBAAA;eAAiB;KAEzD,CAAA;IAEV,oBAAC,SAAD,EAAA,UAAS,+DAEC,CAAA;IACL;;EAEA,CAAA"}

package/dist/demo/{DemoHome-D_De3UiT.js → DemoHome-Cyp29ygy.js}

@@ -1,7 +1,6 @@
-import { f as Flex, l as Text } from "./core-DFgB3yU4.js";
+import { d as Text, p as Flex } from "./core-B4LVHzPn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { IconBraces } from "@tabler/icons-react";
-
+import "@tabler/icons-react";
 //#region ../../src/demo/components/DemoHome.tsx
 const DemoHome = () => {
 	return /* @__PURE__ */ jsxs(Flex, {
@@ -16,7 +15,7 @@ const DemoHome = () => {
 		})]
 	});
 };
-
 //#endregion
 export { DemoHome as default };
-//# sourceMappingURL=DemoHome-D_De3UiT.js.map
+
+//# sourceMappingURL=DemoHome-Cyp29ygy.js.map

package/dist/demo/{DemoHome-D_De3UiT.js.map → DemoHome-Cyp29ygy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoHome-D_De3UiT.js","names":[],"sources":["../../src/demo/components/DemoHome.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { IconBraces } from \"@tabler/icons-react\";\n\nconst components = [\n  {\n    name: \"JsonViewer\",\n    description:\n      \"Interactive JSON viewer with syntax highlighting, expand/collapse, and copy functionality.\",\n    icon: IconBraces,\n    href: \"/demo/json-viewer\",\n  },\n];\n\nconst DemoHome = () => {\n  return (\n    <Flex p={\"lg\"} col>\n      <Text title>Component Showcase</Text>\n      <Text c=\"dimmed\">\n        Interactive demos and documentation for @alepha/ui components.\n      </Text>\n    </Flex>\n  );\n};\n\nexport default DemoHome;\n"],"mappings":";;;;;AAaA,MAAM,iBAAiB;AACrB,QACE,qBAAC;EAAK,GAAG;EAAM;aACb,oBAAC;GAAK;aAAM;IAAyB,EACrC,oBAAC;GAAK,GAAE;aAAS;IAEV;GACF"}
+{"version":3,"file":"DemoHome-Cyp29ygy.js","names":[],"sources":["../../src/demo/components/DemoHome.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { IconBraces } from \"@tabler/icons-react\";\n\nconst components = [\n  {\n    name: \"JsonViewer\",\n    description:\n      \"Interactive JSON viewer with syntax highlighting, expand/collapse, and copy functionality.\",\n    icon: IconBraces,\n    href: \"/demo/json-viewer\",\n  },\n];\n\nconst DemoHome = () => {\n  return (\n    <Flex p={\"lg\"} col>\n      <Text title>Component Showcase</Text>\n      <Text c=\"dimmed\">\n        Interactive demos and documentation for @alepha/ui components.\n      </Text>\n    </Flex>\n  );\n};\n\nexport default DemoHome;\n"],"mappings":";;;;AAaA,MAAM,iBAAiB;AACrB,QACE,qBAAC,MAAD;EAAM,GAAG;EAAM,KAAA;YAAf,CACE,oBAAC,MAAD;GAAM,OAAA;aAAM;GAAyB,CAAA,EACrC,oBAAC,MAAD;GAAM,GAAE;aAAS;GAEV,CAAA,CACF"}

package/dist/demo/{DemoJsonViewer-B50s9aGM.js → DemoJsonViewer-DXtCeMzH.js}

@@ -1,9 +1,8 @@
-import { i as JsonViewer } from "./core-DFgB3yU4.js";
-import { t as Showcase } from "./Showcase-D6Fxt4X4.js";
+import { i as JsonViewer } from "./core-B4LVHzPn.js";
+import { t as Showcase } from "./Showcase-CX6bDgwe.js";
 import { t } from "alepha";
 import { useI18n } from "alepha/react/i18n";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../../src/demo/components/json/DemoJsonViewer.tsx
 const sampleData = {
 	name: "Sample Project",
@@ -103,7 +102,7 @@ const DemoJsonViewer = () => {
 		}, props.defaultExpandedDepth)
 	});
 };
-
 //#endregion
 export { DemoJsonViewer as default };
-//# sourceMappingURL=DemoJsonViewer-B50s9aGM.js.map
+
+//# sourceMappingURL=DemoJsonViewer-DXtCeMzH.js.map

package/dist/demo/{DemoJsonViewer-B50s9aGM.js.map → DemoJsonViewer-DXtCeMzH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DemoJsonViewer-B50s9aGM.js","names":[],"sources":["../../src/demo/components/json/DemoJsonViewer.tsx"],"sourcesContent":["import { JsonViewer } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sampleData = {\n  name: \"Sample Project\",\n  createdAt: \"2024-01-15T10:30:00.000Z\",\n  updatedAt: \"2024-06-20T14:45:30.000Z\",\n  count: 42,\n  price: 99.99,\n  isActive: true,\n  nullValue: null,\n  tags: [\"typescript\", \"react\", \"json\"],\n  nested: {\n    level1: {\n      level2: {\n        deepValue: \"Found me!\",\n      },\n    },\n  },\n  users: [\n    { id: 1, name: \"Alice\", role: \"admin\" },\n    { id: 2, name: \"Bob\", role: \"user\" },\n  ],\n  emptyArray: [],\n  emptyObject: {},\n  longText:\n    \"This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options.\",\n};\n\nconst $control = {\n  switch: true,\n  slider: true,\n  segmented: true,\n};\n\nconst jsonViewerSchema = t.object({\n  showQuotes: t.boolean({\n    title: \"Show Quotes\",\n    default: false,\n    $control: {\n      switch: true,\n    },\n  }),\n  showCopyButton: t.boolean({\n    title: \"Show Copy Button\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  useFormatValue: t.boolean({\n    title: \"Format Dates\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  defaultExpandedDepth: t.integer({\n    title: \"Expand Depth\",\n    default: 2,\n    minimum: 0,\n    maximum: 10,\n    $control: { slider: true },\n  }),\n  maxDepth: t.integer({\n    title: \"Max Depth\",\n    default: 10,\n    minimum: 1,\n    maximum: 20,\n    $control: { slider: true },\n  }),\n  size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"Size\",\n    default: \"sm\",\n    $control: {\n      segmented: true,\n    },\n  }),\n});\n\nconst DemoJsonViewer = () => {\n  const i18n = useI18n();\n  const formatValue = (\n    key: string | undefined,\n    value: any,\n  ): string | number | undefined => {\n    if (key === \"createdAt\") {\n      return i18n.l(value, { date: \"LLL\" });\n    }\n    if (key === \"updatedAt\") {\n      return i18n.l(value, { date: \"fromNow\" });\n    }\n    return undefined;\n  };\n\n  return (\n    <Showcase\n      title=\"JsonViewer\"\n      schema={jsonViewerSchema}\n      initialValues={{\n        showQuotes: false,\n        showCopyButton: true,\n        useFormatValue: true,\n        defaultExpandedDepth: 2,\n        maxDepth: 10,\n        size: \"sm\",\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <JsonViewer\n          key={props.defaultExpandedDepth}\n          data={sampleData}\n          defaultExpandedDepth={props.defaultExpandedDepth}\n          showQuotes={props.showQuotes}\n          showCopyButton={props.showCopyButton}\n          formatValue={props.useFormatValue ? formatValue : undefined}\n          maxDepth={props.maxDepth}\n          size={props.size}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoJsonViewer;\n"],"mappings":";;;;;;;AAKA,MAAM,aAAa;CACjB,MAAM;CACN,WAAW;CACX,WAAW;CACX,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,MAAM;EAAC;EAAc;EAAS;EAAO;CACrC,QAAQ,EACN,QAAQ,EACN,QAAQ,EACN,WAAW,aACZ,EACF,EACF;CACD,OAAO,CACL;EAAE,IAAI;EAAG,MAAM;EAAS,MAAM;EAAS,EACvC;EAAE,IAAI;EAAG,MAAM;EAAO,MAAM;EAAQ,CACrC;CACD,YAAY,EAAE;CACd,aAAa,EAAE;CACf,UACE;CACH;AAQD,MAAM,mBAAmB,EAAE,OAAO;CAChC,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACT,UAAU,EACR,WAAW,MACZ;EACF,CAAC;CACH,CAAC;AAEF,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;CACtB,MAAM,eACJ,KACA,UACgC;AAChC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;AAK7C,QACE,oBAAC;EACC,OAAM;EACN,QAAQ;EACR,eAAe;GACb,YAAY;GACZ,gBAAgB;GAChB,gBAAgB;GAChB,sBAAsB;GACtB,UAAU;GACV,MAAM;GACP;EACD,SAAS;aAEP,UACA,oBAAC;GAEC,MAAM;GACN,sBAAsB,MAAM;GAC5B,YAAY,MAAM;GAClB,gBAAgB,MAAM;GACtB,aAAa,MAAM,iBAAiB,cAAc;GAClD,UAAU,MAAM;GAChB,MAAM,MAAM;KAPP,MAAM,qBAQX;GAEK"}
+{"version":3,"file":"DemoJsonViewer-DXtCeMzH.js","names":[],"sources":["../../src/demo/components/json/DemoJsonViewer.tsx"],"sourcesContent":["import { JsonViewer } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sampleData = {\n  name: \"Sample Project\",\n  createdAt: \"2024-01-15T10:30:00.000Z\",\n  updatedAt: \"2024-06-20T14:45:30.000Z\",\n  count: 42,\n  price: 99.99,\n  isActive: true,\n  nullValue: null,\n  tags: [\"typescript\", \"react\", \"json\"],\n  nested: {\n    level1: {\n      level2: {\n        deepValue: \"Found me!\",\n      },\n    },\n  },\n  users: [\n    { id: 1, name: \"Alice\", role: \"admin\" },\n    { id: 2, name: \"Bob\", role: \"user\" },\n  ],\n  emptyArray: [],\n  emptyObject: {},\n  longText:\n    \"This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options.\",\n};\n\nconst $control = {\n  switch: true,\n  slider: true,\n  segmented: true,\n};\n\nconst jsonViewerSchema = t.object({\n  showQuotes: t.boolean({\n    title: \"Show Quotes\",\n    default: false,\n    $control: {\n      switch: true,\n    },\n  }),\n  showCopyButton: t.boolean({\n    title: \"Show Copy Button\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  useFormatValue: t.boolean({\n    title: \"Format Dates\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  defaultExpandedDepth: t.integer({\n    title: \"Expand Depth\",\n    default: 2,\n    minimum: 0,\n    maximum: 10,\n    $control: { slider: true },\n  }),\n  maxDepth: t.integer({\n    title: \"Max Depth\",\n    default: 10,\n    minimum: 1,\n    maximum: 20,\n    $control: { slider: true },\n  }),\n  size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"Size\",\n    default: \"sm\",\n    $control: {\n      segmented: true,\n    },\n  }),\n});\n\nconst DemoJsonViewer = () => {\n  const i18n = useI18n();\n  const formatValue = (\n    key: string | undefined,\n    value: any,\n  ): string | number | undefined => {\n    if (key === \"createdAt\") {\n      return i18n.l(value, { date: \"LLL\" });\n    }\n    if (key === \"updatedAt\") {\n      return i18n.l(value, { date: \"fromNow\" });\n    }\n    return undefined;\n  };\n\n  return (\n    <Showcase\n      title=\"JsonViewer\"\n      schema={jsonViewerSchema}\n      initialValues={{\n        showQuotes: false,\n        showCopyButton: true,\n        useFormatValue: true,\n        defaultExpandedDepth: 2,\n        maxDepth: 10,\n        size: \"sm\",\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <JsonViewer\n          key={props.defaultExpandedDepth}\n          data={sampleData}\n          defaultExpandedDepth={props.defaultExpandedDepth}\n          showQuotes={props.showQuotes}\n          showCopyButton={props.showCopyButton}\n          formatValue={props.useFormatValue ? formatValue : undefined}\n          maxDepth={props.maxDepth}\n          size={props.size}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoJsonViewer;\n"],"mappings":";;;;;;AAKA,MAAM,aAAa;CACjB,MAAM;CACN,WAAW;CACX,WAAW;CACX,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,MAAM;EAAC;EAAc;EAAS;EAAO;CACrC,QAAQ,EACN,QAAQ,EACN,QAAQ,EACN,WAAW,aACZ,EACF,EACF;CACD,OAAO,CACL;EAAE,IAAI;EAAG,MAAM;EAAS,MAAM;EAAS,EACvC;EAAE,IAAI;EAAG,MAAM;EAAO,MAAM;EAAQ,CACrC;CACD,YAAY,EAAE;CACd,aAAa,EAAE;CACf,UACE;CACH;AAQD,MAAM,mBAAmB,EAAE,OAAO;CAChC,YAAY,EAAE,QAAQ;EACpB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,gBAAgB,EAAE,QAAQ;EACxB,OAAO;EACP,SAAS;EACT,UAAU,EACR,QAAQ,MACT;EACF,CAAC;CACF,sBAAsB,EAAE,QAAQ;EAC9B,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,UAAU,EAAE,QAAQ;EAClB,OAAO;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,UAAU,EAAE,QAAQ,MAAM;EAC3B,CAAC;CACF,MAAM,EAAE,KAAK;EAAC;EAAM;EAAM;EAAM;EAAM;EAAK,EAAE;EAC3C,OAAO;EACP,SAAS;EACT,UAAU,EACR,WAAW,MACZ;EACF,CAAC;CACH,CAAC;AAEF,MAAM,uBAAuB;CAC3B,MAAM,OAAO,SAAS;CACtB,MAAM,eACJ,KACA,UACgC;AAChC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAI,QAAQ,YACV,QAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;AAK7C,QACE,oBAAC,UAAD;EACE,OAAM;EACN,QAAQ;EACR,eAAe;GACb,YAAY;GACZ,gBAAgB;GAChB,gBAAgB;GAChB,sBAAsB;GACtB,UAAU;GACV,MAAM;GACP;EACD,SAAS;aAEP,UACA,oBAAC,YAAD;GAEE,MAAM;GACN,sBAAsB,MAAM;GAC5B,YAAY,MAAM;GAClB,gBAAgB,MAAM;GACtB,aAAa,MAAM,iBAAiB,cAAc,KAAA;GAClD,UAAU,MAAM;GAChB,MAAM,MAAM;GACZ,EARK,MAAM,qBAQX;EAEK,CAAA"}

package/dist/demo/{DemoLayout-CHU8WTwO.js → DemoLayout-hh9VmZQP.js}

@@ -1,7 +1,6 @@
-import { _ as AlephaMantineProvider, g as ui, p as ToggleSidebarButton, s as DashboardShell, u as Breadcrumb } from "./core-DFgB3yU4.js";
+import { _ as ui, f as Breadcrumbs, l as DashboardShell, m as ToggleSidebarButton, v as AlephaMantineProvider } from "./core-B4LVHzPn.js";
 import { jsx } from "react/jsx-runtime";
 import { useRouter } from "alepha/react/router";
-
 //#region ../../src/demo/components/DemoLayout.tsx
 const DemoLayout = () => {
 	const router = useRouter();
@@ -21,7 +20,7 @@ const DemoLayout = () => {
 				position: "left"
 			},
 			{
-				element: /* @__PURE__ */ jsx(Breadcrumb, {}),
+				element: /* @__PURE__ */ jsx(Breadcrumbs, {}),
 				position: "left"
 			},
 			{
@@ -76,7 +75,7 @@ const DemoLayout = () => {
 		] }
 	}) });
 };
-
 //#endregion
 export { DemoLayout as default };
-//# sourceMappingURL=DemoLayout-CHU8WTwO.js.map
+
+//# sourceMappingURL=DemoLayout-hh9VmZQP.js.map

package/dist/demo/DemoLayout-hh9VmZQP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLayout-hh9VmZQP.js","names":["SidebarCollapseButton"],"sources":["../../src/demo/components/DemoLayout.tsx"],"sourcesContent":["import {\n  AlephaMantineProvider,\n  Breadcrumbs,\n  DashboardShell,\n  SidebarCollapseButton,\n  ui,\n} from \"@alepha/ui\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { DemoRouter } from \"../DemoRouter.ts\";\n\nconst DemoLayout = () => {\n  const router = useRouter<DemoRouter>();\n  return (\n    <AlephaMantineProvider>\n      <DashboardShell\n        fill\n        appShellProps={{\n          withBorder: false,\n          bg: ui.colors.background,\n        }}\n        appShellHeaderProps={{\n          bg: \"transparent\",\n          style: { backdropFilter: \"blur(10px)\" },\n        }}\n        appBarProps={{\n          items: [\n            {\n              type: \"burger\",\n              position: \"left\",\n            },\n            {\n              element: <Breadcrumbs />,\n              position: \"left\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarProps={{\n          items: [\n            router.node(\"demoHome\"),\n            {\n              ...router.node(\"demoCore\"),\n              children: [\n                router.node(\"demoFlex\"),\n                router.node(\"demoText\"),\n                router.node(\"demoHeading\"),\n                router.node(\"demoButton\"),\n              ],\n            },\n            {\n              ...router.node(\"demoLayoutSection\"),\n              children: [\n                router.node(\"demoSidebar\"),\n                router.node(\"demoDialog\"),\n                router.node(\"demoToast\"),\n              ],\n            },\n            {\n              ...router.node(\"demoForm\"),\n              children: [\n                router.node(\"demoTypeForm\"),\n                router.node(\"demoControlSelect\"),\n              ],\n            },\n            {\n              ...router.node(\"demoTable\"),\n              children: [router.node(\"demoDataTable\")],\n            },\n            {\n              ...router.node(\"demoJson\"),\n              children: [router.node(\"demoJsonViewer\")],\n            },\n            {\n              ...router.node(\"demoAuth\"),\n              children: [\n                router.node(\"demoLogin\"),\n                router.node(\"demoRegister\"),\n                router.node(\"demoResetPassword\"),\n                router.node(\"demoVerifyEmail\"),\n              ],\n            },\n            {\n              position: \"bottom\",\n              element: <SidebarCollapseButton />,\n            },\n          ],\n        }}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default DemoLayout;\n"],"mappings":";;;;AAUA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAuB;AACtC,QACE,oBAAC,uBAAD,EAAA,UACE,oBAAC,gBAAD;EACE,MAAA;EACA,eAAe;GACb,YAAY;GACZ,IAAI,GAAG,OAAO;GACf;EACD,qBAAqB;GACnB,IAAI;GACJ,OAAO,EAAE,gBAAgB,cAAc;GACxC;EACD,aAAa,EACX,OAAO;GACL;IACE,MAAM;IACN,UAAU;IACX;GACD;IACE,SAAS,oBAAC,aAAD,EAAe,CAAA;IACxB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD,cAAc,EACZ,OAAO;GACL,OAAO,KAAK,WAAW;GACvB;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,WAAW;KACvB,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KAC1B;IACF;GACD;IACE,GAAG,OAAO,KAAK,oBAAoB;IACnC,UAAU;KACR,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,aAAa;KACzB,OAAO,KAAK,YAAY;KACzB;IACF;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CACR,OAAO,KAAK,eAAe,EAC3B,OAAO,KAAK,oBAAoB,CACjC;IACF;GACD;IACE,GAAG,OAAO,KAAK,YAAY;IAC3B,UAAU,CAAC,OAAO,KAAK,gBAAgB,CAAC;IACzC;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,iBAAiB,CAAC;IAC1C;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,YAAY;KACxB,OAAO,KAAK,eAAe;KAC3B,OAAO,KAAK,oBAAoB;KAChC,OAAO,KAAK,kBAAkB;KAC/B;IACF;GACD;IACE,UAAU;IACV,SAAS,oBAACA,qBAAD,EAAyB,CAAA;IACnC;GACF,EACF;EACD,CAAA,EACoB,CAAA"}