@alepha/ui 0.17.2 → 0.18.1

package/dist/demo/AuthLayout-jLa0aKsI.js

@@ -0,0 +1,22 @@
+import { _ as AlephaMantineProvider } from "./core-RCUw1Q-a.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, {
+		omnibar: false,
+		children: /* @__PURE__ */ jsx(Flex, {
+			flex: 1,
+			align: "center",
+			h: "100vh",
+			justify: "center",
+			children: /* @__PURE__ */ jsx(NestedView, {})
+		})
+	});
+};
+
+//#endregion
+export { AuthLayout as default };
+//# sourceMappingURL=AuthLayout-jLa0aKsI.js.map

package/dist/demo/AuthLayout-jLa0aKsI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout-jLa0aKsI.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"}

package/dist/demo/DemoButton-BmaWZVwf.js

@@ -0,0 +1,178 @@
+import { h as ActionButton, p as Flex } from "./core-RCUw1Q-a.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.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([
+		"filled",
+		"light",
+		"outline",
+		"subtle",
+		"default",
+		"transparent"
+	], {
+		title: "variant",
+		default: "filled"
+	}),
+	size: t.enum([
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	], {
+		title: "size",
+		default: "md"
+	}),
+	intent: t.enum([
+		"none",
+		"primary",
+		"success",
+		"danger",
+		"warning",
+		"info"
+	], {
+		title: "intent",
+		default: "none"
+	}),
+	disabled: t.boolean({
+		title: "disabled",
+		default: false,
+		$control: { switch: true }
+	}),
+	loading: t.boolean({
+		title: "loading",
+		default: false,
+		$control: { switch: true }
+	})
+});
+const DemoActionButton = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "ActionButton",
+		schema: showcaseSchema,
+		initialValues: {
+			variant: "filled",
+			size: "md",
+			intent: "none",
+			disabled: false,
+			loading: false
+		},
+		columns: 1,
+		children: (props) => /* @__PURE__ */ jsxs(Flex, {
+			col: true,
+			gap: "xl",
+			p: "md",
+			children: [
+				/* @__PURE__ */ jsxs(Flex, {
+					gap: "md",
+					wrap: "wrap",
+					centerY: true,
+					children: [
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: props.variant,
+							size: props.size,
+							intent: props.intent,
+							disabled: props.disabled,
+							loading: props.loading,
+							onClick: () => alert("Clicked"),
+							children: "Default"
+						}),
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: props.variant,
+							size: props.size,
+							intent: props.intent,
+							disabled: props.disabled,
+							loading: props.loading,
+							icon: IconPlus,
+							onClick: () => alert("Create"),
+							children: "Create"
+						}),
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: props.variant,
+							size: props.size,
+							intent: props.intent,
+							disabled: props.disabled,
+							loading: props.loading,
+							icon: IconTrash,
+							onClick: () => alert("Delete")
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(Flex, {
+					gap: "md",
+					wrap: "wrap",
+					centerY: true,
+					children: [
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: "filled",
+							size: props.size,
+							intent: "primary",
+							icon: IconCheck,
+							onClick: () => {},
+							children: "Save"
+						}),
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: "filled",
+							size: props.size,
+							intent: "danger",
+							icon: IconTrash,
+							confirm: "Are you sure?",
+							onClick: () => alert("Deleted"),
+							children: "Delete"
+						}),
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: "light",
+							size: props.size,
+							icon: IconDownload,
+							onClick: () => {},
+							children: "Export"
+						}),
+						/* @__PURE__ */ jsx(ActionButton, {
+							variant: "subtle",
+							size: props.size,
+							icon: IconSettings,
+							onClick: () => {}
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(Flex, {
+					gap: "md",
+					wrap: "wrap",
+					centerY: true,
+					children: [/* @__PURE__ */ jsx(ActionButton, {
+						variant: props.variant,
+						size: props.size,
+						menu: { items: [
+							{
+								label: "Edit",
+								icon: /* @__PURE__ */ jsx(IconSettings, { size: 14 })
+							},
+							{ type: "divider" },
+							{
+								label: "Delete",
+								icon: /* @__PURE__ */ jsx(IconTrash, { size: 14 }),
+								color: "red"
+							}
+						] },
+						onClick: () => {},
+						children: "With Menu"
+					}), /* @__PURE__ */ jsx(ActionButton, {
+						variant: props.variant,
+						size: props.size,
+						tooltip: "This button has a tooltip",
+						icon: IconSettings,
+						onClick: () => {},
+						children: "With Tooltip"
+					})]
+				})
+			]
+		})
+	});
+};
+
+//#endregion
+export { DemoActionButton as default };
+//# sourceMappingURL=DemoButton-BmaWZVwf.js.map

package/dist/demo/DemoButton-BmaWZVwf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoButton-BmaWZVwf.js","names":[],"sources":["../../src/demo/components/core/DemoButton.tsx"],"sourcesContent":["import { ActionButton, Flex } 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\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) => (\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={() => alert(\"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={() => alert(\"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={() => alert(\"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={() => alert(\"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    </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;AAEF,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,UACA,qBAAC;GAAK;GAAI,KAAI;GAAK,GAAE;;IACnB,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;iBAC/B;QAEc;MACf,oBAAC;OACC,SAAS,MAAM;OACf,MAAM,MAAM;OACZ,QAAQ,MAAM;OACd,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,MAAM;OACN,eAAe,MAAM,SAAS;QAC9B;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;;MACzB,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,QAAO;OACP,MAAM;OACN,SAAQ;OACR,eAAe,MAAM,UAAU;iBAChC;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;iBAChB;QAEc;MACf,oBAAC;OACC,SAAQ;OACR,MAAM,MAAM;OACZ,MAAM;OACN,eAAe;QACf;;MACG;IAEP,qBAAC;KAAK,KAAI;KAAK,MAAK;KAAO;gBACzB,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,MAAM,EACJ,OAAO;OACL;QAAE,OAAO;QAAQ,MAAM,oBAAC,gBAAa,MAAM,KAAM;QAAE;OACnD,EAAE,MAAM,WAAW;OACnB;QACE,OAAO;QACP,MAAM,oBAAC,aAAU,MAAM,KAAM;QAC7B,OAAO;QACR;OACF,EACF;MACD,eAAe;gBAChB;OAEc,EACf,oBAAC;MACC,SAAS,MAAM;MACf,MAAM,MAAM;MACZ,SAAQ;MACR,MAAM;MACN,eAAe;gBAChB;OAEc;MACV;;IACF;GAEA"}

package/dist/demo/{DemoDataTable-lnBKWBf8.js → DemoDataTable-Z9xyV221.js}

@@ -1,9 +1,9 @@
-import { t as Showcase } from "./Showcase-BzoXNlCn.js";
-import { DataTable, Text } from "@alepha/ui";
+import { c as Text$1, r as DataTable } from "./core-RCUw1Q-a.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.js";
 import { t } from "alepha";
-import { IconDownload, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
 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 = [
@@ -177,7 +177,7 @@ const DemoDataTable = () => {
 			columns: {
 				id: {
 					label: "ID",
-					value: (u) => /* @__PURE__ */ jsx(Text, {
+					value: (u) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						children: u.id
 					}),
@@ -186,7 +186,7 @@ const DemoDataTable = () => {
 				},
 				name: {
 					label: "Name",
-					value: (u) => /* @__PURE__ */ jsx(Text, {
+					value: (u) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						fw: 500,
 						children: u.name
@@ -195,7 +195,7 @@ const DemoDataTable = () => {
 				},
 				email: {
 					label: "Email",
-					value: (u) => /* @__PURE__ */ jsx(Text, {
+					value: (u) => /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						c: "dimmed",
 						children: u.email
@@ -221,7 +221,7 @@ const DemoDataTable = () => {
 				notes: {
 					label: "Notes",
 					defaultHidden: true,
-					value: (u) => /* @__PURE__ */ jsx(Text, {
+					value: (u) => /* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
 						lineClamp: 1,
@@ -251,13 +251,13 @@ const DemoDataTable = () => {
 					direction: "column",
 					gap: "xs",
 					p: "sm",
-					children: [/* @__PURE__ */ jsx(Text, {
+					children: [/* @__PURE__ */ jsx(Text$1, {
 						size: "xs",
 						c: "dimmed",
 						tt: "uppercase",
 						fw: 600,
 						children: "Notes"
-					}), /* @__PURE__ */ jsx(Text, {
+					}), /* @__PURE__ */ jsx(Text$1, {
 						size: "sm",
 						children: u.notes
 					})]
@@ -267,7 +267,7 @@ const DemoDataTable = () => {
 				direction: "column",
 				gap: "md",
 				children: [
-					/* @__PURE__ */ jsx(Text, {
+					/* @__PURE__ */ jsx(Text$1, {
 						size: "lg",
 						fw: 600,
 						children: u.name
@@ -282,19 +282,19 @@ const DemoDataTable = () => {
 							children: [
 								/* @__PURE__ */ jsxs(Flex, {
 									gap: "xs",
-									children: [/* @__PURE__ */ jsx(Text, {
+									children: [/* @__PURE__ */ jsx(Text$1, {
 										size: "sm",
 										c: "dimmed",
 										w: 60,
 										children: "Email"
-									}), /* @__PURE__ */ jsx(Text, {
+									}), /* @__PURE__ */ jsx(Text$1, {
 										size: "sm",
 										children: u.email
 									})]
 								}),
 								/* @__PURE__ */ jsxs(Flex, {
 									gap: "xs",
-									children: [/* @__PURE__ */ jsx(Text, {
+									children: [/* @__PURE__ */ jsx(Text$1, {
 										size: "sm",
 										c: "dimmed",
 										w: 60,
@@ -307,7 +307,7 @@ const DemoDataTable = () => {
 								}),
 								/* @__PURE__ */ jsxs(Flex, {
 									gap: "xs",
-									children: [/* @__PURE__ */ jsx(Text, {
+									children: [/* @__PURE__ */ jsx(Text$1, {
 										size: "sm",
 										c: "dimmed",
 										w: 60,
@@ -326,12 +326,12 @@ const DemoDataTable = () => {
 						p: "sm",
 						radius: "md",
 						withBorder: true,
-						children: [/* @__PURE__ */ jsx(Text, {
+						children: [/* @__PURE__ */ jsx(Text$1, {
 							size: "sm",
 							fw: 600,
 							mb: "xs",
 							children: "Notes"
-						}), /* @__PURE__ */ jsx(Text, {
+						}), /* @__PURE__ */ jsx(Text$1, {
 							size: "sm",
 							children: u.notes
 						})]
@@ -340,7 +340,7 @@ const DemoDataTable = () => {
 						p: "sm",
 						radius: "md",
 						withBorder: true,
-						children: [/* @__PURE__ */ jsx(Text, {
+						children: [/* @__PURE__ */ jsx(Text$1, {
 							size: "sm",
 							fw: 600,
 							mb: "xs",
@@ -359,4 +359,4 @@ const DemoDataTable = () => {
 
 //#endregion
 export { DemoDataTable as default };
-//# sourceMappingURL=DemoDataTable-lnBKWBf8.js.map
+//# sourceMappingURL=DemoDataTable-Z9xyV221.js.map

package/dist/demo/DemoDataTable-Z9xyV221.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoDataTable-Z9xyV221.js","names":["Text"],"sources":["../../src/demo/components/core/DemoDataTable.tsx"],"sourcesContent":["import { DataTable, Text } 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\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) => (\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: () => alert(\"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                alert(`Exporting ${selectedItems.length} users`);\n                clearSelection();\n              },\n            },\n            {\n              label: \"Delete Selected\",\n              icon: <IconTrash size={14} />,\n              intent: \"danger\",\n              onClick: ({ selectedItems, clearSelection }) => {\n                alert(`Deleting ${selectedItems.length} users`);\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            actions: {\n              label: \"\",\n              fit: true,\n              actions: (u) => [\n                {\n                  tooltip: \"Edit\",\n                  icon: IconEdit,\n                  color: \"blue\",\n                  onClick: () => alert(`Edit ${u.name}`),\n                },\n                {\n                  tooltip: \"Delete\",\n                  icon: IconTrash,\n                  color: \"red\",\n                  onClick: () => alert(`Delete ${u.name}`),\n                  visible: u.role !== \"admin\",\n                },\n              ],\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    </Showcase>\n  );\n};\n\nexport default DemoDataTable;\n"],"mappings":"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"}

package/dist/demo/DemoDialog-4ItHLf9t.js

@@ -0,0 +1,101 @@
+import { a as useDialog, c as Text, h as ActionButton, p as Flex } from "./core-RCUw1Q-a.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();
+	return /* @__PURE__ */ jsxs(Flex, {
+		col: true,
+		gap: "xl",
+		p: "xl",
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				size: "lg",
+				children: "Dialog Service"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				muted: true,
+				small: true,
+				children: "Programmatic dialogs via the DialogService. No need to mount modal components — just call the service."
+			}),
+			/* @__PURE__ */ jsxs(Flex, {
+				gap: "md",
+				wrap: "wrap",
+				children: [
+					/* @__PURE__ */ jsx(ActionButton, {
+						icon: IconAlertCircle,
+						variant: "light",
+						onClick: () => dialog.alert({
+							title: "Heads up",
+							message: "This is an informational alert dialog."
+						}),
+						children: "Alert"
+					}),
+					/* @__PURE__ */ jsx(ActionButton, {
+						icon: IconQuestionMark,
+						variant: "light",
+						intent: "warning",
+						onClick: async () => {
+							if (await dialog.confirm({
+								title: "Confirm action",
+								message: "Are you sure you want to proceed?"
+							})) dialog.alert({
+								title: "Confirmed",
+								message: "You confirmed the action."
+							});
+						},
+						children: "Confirm"
+					}),
+					/* @__PURE__ */ jsx(ActionButton, {
+						icon: IconMessage,
+						variant: "light",
+						intent: "primary",
+						onClick: async () => {
+							const value = await dialog.prompt({
+								title: "Enter a value",
+								message: "What is your name?",
+								placeholder: "John Doe"
+							});
+							if (value) dialog.alert({
+								title: "Hello",
+								message: `Nice to meet you, ${value}!`
+							});
+						},
+						children: "Prompt"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(Flex, {
+				col: true,
+				gap: "md",
+				children: [/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					small: true,
+					uppercase: true,
+					muted: true,
+					children: "Variants"
+				}), /* @__PURE__ */ jsx(Flex, {
+					gap: "md",
+					wrap: "wrap",
+					children: /* @__PURE__ */ jsx(ActionButton, {
+						variant: "light",
+						intent: "danger",
+						onClick: () => dialog.confirm({
+							title: "Delete item",
+							message: "This action cannot be undone. Are you sure you want to delete this item?",
+							confirmColor: "red",
+							confirmLabel: "Delete"
+						}),
+						children: "Danger Confirm"
+					})
+				})]
+			})
+		]
+	});
+};
+
+//#endregion
+export { DemoDialog as default };
+//# sourceMappingURL=DemoDialog-4ItHLf9t.js.map

package/dist/demo/DemoDialog-4ItHLf9t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoDialog-4ItHLf9t.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"}

package/dist/demo/DemoFlex-EtVq8QfX.js

@@ -0,0 +1,105 @@
+import { c as Text, p as Flex } from "./core-RCUw1Q-a.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.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({
+		title: "fill",
+		default: false,
+		$control: { switch: true }
+	}),
+	col: t.boolean({
+		title: "col",
+		default: false,
+		$control: { switch: true }
+	}),
+	center: t.boolean({
+		title: "center",
+		default: false,
+		$control: { switch: true }
+	}),
+	centerX: t.boolean({
+		title: "centerX",
+		default: false,
+		$control: { switch: true }
+	}),
+	centerY: t.boolean({
+		title: "centerY",
+		default: false,
+		$control: { switch: true }
+	}),
+	gap: t.enum([
+		"0",
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	], {
+		title: "gap",
+		default: "md"
+	}),
+	wrap: t.enum(["nowrap", "wrap"], {
+		title: "wrap",
+		default: "nowrap"
+	})
+});
+const Item = ({ label }) => /* @__PURE__ */ jsx(Flex, {
+	center: true,
+	style: {
+		background: "var(--mantine-primary-color-light)",
+		border: "1px solid var(--mantine-primary-color-light-hover)",
+		borderRadius: 6,
+		padding: "8px 16px",
+		minWidth: 60,
+		minHeight: 40
+	},
+	children: /* @__PURE__ */ jsx(Text, {
+		size: "sm",
+		fw: 500,
+		children: label
+	})
+});
+const DemoFlex = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "Flex",
+		schema: showcaseSchema,
+		initialValues: {
+			fill: false,
+			col: false,
+			center: false,
+			centerX: false,
+			centerY: false,
+			gap: "md",
+			wrap: "nowrap"
+		},
+		columns: 1,
+		windowProps: {},
+		children: (props) => /* @__PURE__ */ jsxs(Flex, {
+			fill: props.fill,
+			col: props.col,
+			center: props.center,
+			centerX: props.centerX,
+			centerY: props.centerY,
+			gap: props.gap === "0" ? 0 : props.gap,
+			wrap: props.wrap,
+			style: {
+				minHeight: 200,
+				border: "1px dashed var(--mantine-color-default-border)",
+				borderRadius: 8,
+				padding: 16
+			},
+			children: [
+				/* @__PURE__ */ jsx(Item, { label: "A" }),
+				/* @__PURE__ */ jsx(Item, { label: "B" }),
+				/* @__PURE__ */ jsx(Item, { label: "C" })
+			]
+		})
+	});
+};
+
+//#endregion
+export { DemoFlex as default };
+//# sourceMappingURL=DemoFlex-EtVq8QfX.js.map

package/dist/demo/DemoFlex-EtVq8QfX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoFlex-EtVq8QfX.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"}

package/dist/demo/DemoHeading-BS-vGfkI.js

@@ -0,0 +1,18 @@
+import { f as Heading } from "./core-RCUw1Q-a.js";
+import { t as Showcase } from "./Showcase-Dq3MISpd.js";
+import { t } from "alepha";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/demo/components/core/DemoHeading.tsx
+const DemoHeading = () => {
+	return /* @__PURE__ */ jsx(Showcase, {
+		title: "Flex",
+		schema: t.object({}),
+		initialValues: {},
+		children: (props) => /* @__PURE__ */ jsx(Heading, { title: "Hello!" })
+	});
+};
+
+//#endregion
+export { DemoHeading as default };
+//# sourceMappingURL=DemoHeading-BS-vGfkI.js.map

package/dist/demo/DemoHeading-BS-vGfkI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoHeading-BS-vGfkI.js","names":[],"sources":["../../src/demo/components/core/DemoHeading.tsx"],"sourcesContent":["import { Heading } from \"@alepha/ui\";\nimport { t } from \"alepha\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst DemoHeading = () => {\n  return (\n    <Showcase title=\"Flex\" schema={t.object({})} initialValues={{}}>\n      {(props) => <Heading title={\"Hello!\"} />}\n    </Showcase>\n  );\n};\n\nexport default DemoHeading;\n"],"mappings":";;;;;;AAIA,MAAM,oBAAoB;AACxB,QACE,oBAAC;EAAS,OAAM;EAAO,QAAQ,EAAE,OAAO,EAAE,CAAC;EAAE,eAAe,EAAE;aAC1D,UAAU,oBAAC,WAAQ,OAAO,WAAY;GAC/B"}