@alepha/ui 0.15.1 → 0.15.3

package/dist/demo/DemoVerifyEmail-C8FFJT5A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoVerifyEmail-C8FFJT5A.js","names":["Showcase","VerifyEmail"],"sources":["../../src/auth/components/VerifyEmail.tsx","../../src/demo/components/auth/DemoVerifyEmail.tsx"],"sourcesContent":["import { ActionButton } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Loader, Stack, Text } from \"@mantine/core\";\nimport { IconAlertCircle, IconCheck, IconMailCheck } from \"@tabler/icons-react\";\nimport type { UserController } from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter, useRouterState } from \"alepha/react/router\";\nimport { useEffect, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\n\nexport type VerifyEmailProps = {};\n\ntype Step = \"verifying\" | \"success\" | \"error\";\n\nconst VerifyEmail = (_props: VerifyEmailProps) => {\n  const router = useRouter<AuthRouter>();\n  const state = useRouterState();\n  const userCtrl = useClient<UserController>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n\n  const [step, setStep] = useState<Step>(\"verifying\");\n  const [error, setError] = useState<string | null>(null);\n\n  const email = state.query.email as string | undefined;\n  const token = state.query.token as string | undefined;\n\n  useEffect(() => {\n    const verify = async () => {\n      if (!email || !token) {\n        setError(tr(\"verifyEmailMissingParams\"));\n        setStep(\"error\");\n        return;\n      }\n\n      try {\n        await userCtrl.verifyEmail({\n          body: { email, token },\n        });\n        setStep(\"success\");\n      } catch (err) {\n        setError(err instanceof Error ? err.message : tr(\"verifyEmailFailed\"));\n        setStep(\"error\");\n      }\n    };\n\n    verify();\n  }, [email, token]);\n\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack gap=\"sm\" w={400}>\n        <Card withBorder p=\"lg\" bg=\"var(--alepha-elevated)\">\n          <Stack gap=\"md\" align=\"center\">\n            {step === \"verifying\" && (\n              <>\n                <Loader size=\"lg\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailVerifying\")}\n                </Text>\n                <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                  {tr(\"verifyEmailPleaseWait\")}\n                </Text>\n              </>\n            )}\n\n            {step === \"success\" && (\n              <>\n                <IconMailCheck size={48} color=\"var(--mantine-color-green-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n                  <Text size=\"sm\">{tr(\"verifyEmailSuccess\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailSignIn\")}\n                </ActionButton>\n              </>\n            )}\n\n            {step === \"error\" && (\n              <>\n                <IconAlertCircle size={48} color=\"var(--mantine-color-red-6)\" />\n                <Text size=\"lg\" fw={500} ta=\"center\">\n                  {tr(\"verifyEmailTitle\")}\n                </Text>\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{error || tr(\"verifyEmailFailed\")}</Text>\n                </Alert>\n                <ActionButton href={router.path(\"login\")} fullWidth>\n                  {tr(\"verifyEmailBackToSignIn\")}\n                </ActionButton>\n              </>\n            )}\n          </Stack>\n        </Card>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default VerifyEmail;\n","import { t } from \"alepha\";\nimport VerifyEmail from \"../../../auth/components/VerifyEmail.tsx\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  placeholder: t.boolean({\n    title: \"Demo Mode\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst DemoVerifyEmail = () => {\n  return (\n    <Showcase\n      title=\"VerifyEmail\"\n      schema={showcaseSchema}\n      initialValues={{\n        placeholder: true,\n      }}\n      columns={1}\n    >\n      {() => <VerifyEmail />}\n    </Showcase>\n  );\n};\n\nexport default DemoVerifyEmail;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,eAAe,WAA6B;CAChD,MAAM,SAAS,WAAuB;CACtC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAW,WAA2B;CAC5C,MAAM,EAAE,OAAO,SAAyB;CAExC,MAAM,CAAC,MAAM,WAAW,SAAe,YAAY;CACnD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,MAAM,QAAQ,MAAM,MAAM;CAC1B,MAAM,QAAQ,MAAM,MAAM;AAE1B,iBAAgB;EACd,MAAM,SAAS,YAAY;AACzB,OAAI,CAAC,SAAS,CAAC,OAAO;AACpB,aAAS,GAAG,2BAA2B,CAAC;AACxC,YAAQ,QAAQ;AAChB;;AAGF,OAAI;AACF,UAAM,SAAS,YAAY,EACzB,MAAM;KAAE;KAAO;KAAO,EACvB,CAAC;AACF,YAAQ,UAAU;YACX,KAAK;AACZ,aAAS,eAAe,QAAQ,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtE,YAAQ,QAAQ;;;AAIpB,UAAQ;IACP,CAAC,OAAO,MAAM,CAAC;AAElB,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAM,KAAI;GAAK,GAAG;aACjB,oBAAC;IAAK;IAAW,GAAE;IAAK,IAAG;cACzB,qBAAC;KAAM,KAAI;KAAK,OAAM;;MACnB,SAAS,eACR;OACE,oBAAC,UAAO,MAAK,OAAO;OACpB,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,uBAAuB;SACtB;OACP,oBAAC;QAAK,MAAK;QAAK,GAAE;QAAS,IAAG;kBAC3B,GAAG,wBAAwB;SACvB;UACN;MAGJ,SAAS,aACR;OACE,oBAAC;QAAc,MAAM;QAAI,OAAM;SAAiC;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAQ,MAAM,oBAAC,cAAY;kBACtD,oBAAC;SAAK,MAAK;mBAAM,GAAG,qBAAqB;UAAQ;SAC3C;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,oBAAoB;SACX;UACd;MAGJ,SAAS,WACR;OACE,oBAAC;QAAgB,MAAM;QAAI,OAAM;SAA+B;OAChE,oBAAC;QAAK,MAAK;QAAK,IAAI;QAAK,IAAG;kBACzB,GAAG,mBAAmB;SAClB;OACP,oBAAC;QAAM,SAAQ;QAAQ,OAAM;QAAM,MAAM,oBAAC,oBAAkB;kBAC1D,oBAAC;SAAK,MAAK;mBAAM,SAAS,GAAG,oBAAoB;UAAQ;SACnD;OACR,oBAAC;QAAa,MAAM,OAAO,KAAK,QAAQ;QAAE;kBACvC,GAAG,0BAA0B;SACjB;UACd;;MAEC;KACH;IACD;GACH;;AAIX,0BAAe;;;;AClGf,MAAM,iBAAiB,EAAE,OAAO,EAC9B,aAAa,EAAE,QAAQ;CACrB,OAAO;CACP,SAAS;CACT,UAAU,EAAE,QAAQ,MAAM;CAC3B,CAAC,EACH,CAAC;AAEF,MAAM,wBAAwB;AAC5B,QACE,oBAACA;EACC,OAAM;EACN,QAAQ;EACR,eAAe,EACb,aAAa,MACd;EACD,SAAS;kBAEF,oBAACC,wBAAc;GACb;;AAIf,8BAAe"}

package/dist/demo/{Showcase-HchhcsHV.js → Showcase-CQrMWars.js}

@@ -2,7 +2,7 @@ import { TypeForm, ui } from "@alepha/ui";
 import { Box, Card, Flex, SegmentedControl, Text } from "@mantine/core";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { useForm } from "@alepha/react/form";
+import { useForm } from "alepha/react/form";
 
 //#region ../../src/demo/components/shared/MacWindow.tsx
 const MacWindow = ({ children, title, containerProps, fill }) => {
@@ -184,4 +184,4 @@ var Showcase_default = Showcase;
 
 //#endregion
 export { MacWindow_default as n, Showcase_default as t };
-//# sourceMappingURL=Showcase-HchhcsHV.js.map
+//# sourceMappingURL=Showcase-CQrMWars.js.map

package/dist/demo/Showcase-CQrMWars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Showcase-CQrMWars.js","names":["MacWindow"],"sources":["../../src/demo/components/shared/MacWindow.tsx","../../src/demo/components/shared/Showcase.tsx"],"sourcesContent":["import { Box, type BoxProps, Flex, SegmentedControl } from \"@mantine/core\";\nimport { type ReactNode, useState } from \"react\";\n\nexport interface MacWindowProps {\n  children: ReactNode;\n  title?: string;\n  containerProps?: BoxProps;\n  fill?: boolean;\n}\n\ntype WindowSize = \"25\" | \"50\" | \"75\" | \"100\";\n\nconst MacWindow = ({\n  children,\n  title,\n  containerProps,\n  fill,\n}: MacWindowProps) => {\n  const [size, setSize] = useState<WindowSize>(\"100\");\n\n  const getWidth = () => {\n    return `${size}%`;\n  };\n\n  return (\n    <Flex\n      direction=\"column\"\n      flex={fill ? 1 : undefined}\n      h={fill ? \"100%\" : undefined}\n      bdrs={\"md\"}\n      style={{\n        width: getWidth(),\n        border: \"1px solid var(--mantine-color-default-border)\",\n        overflow: \"hidden\",\n        background: \"var(--mantine-color-body)\",\n        boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.15)\",\n        transition: \"width 0.3s ease\",\n      }}\n    >\n      <Flex\n        h={36}\n        px=\"sm\"\n        align=\"center\"\n        gap={8}\n        style={{\n          background: \"var(--mantine-color-default)\",\n          borderBottom: \"1px solid var(--mantine-color-default-border)\",\n        }}\n      >\n        <Flex gap={6}>\n          <Box\n            w={12}\n            h={12}\n            style={{ borderRadius: \"50%\", background: \"#ff5f57\" }}\n          />\n          <Box\n            w={12}\n            h={12}\n            style={{ borderRadius: \"50%\", background: \"#febc2e\" }}\n          />\n          <Box\n            w={12}\n            h={12}\n            style={{ borderRadius: \"50%\", background: \"#28c840\" }}\n          />\n        </Flex>\n\n        <Box\n          style={{\n            flex: 1,\n            textAlign: \"center\",\n            fontSize: 13,\n            color: \"var(--mantine-color-dimmed)\",\n          }}\n        >\n          {title}\n        </Box>\n\n        {fill ? undefined : (\n          <SegmentedControl\n            size=\"xs\"\n            value={size}\n            onChange={(v) => setSize(v as WindowSize)}\n            data={[\n              { label: \"25\", value: \"25\" },\n              { label: \"50\", value: \"50\" },\n              { label: \"75\", value: \"75\" },\n              { label: \"100\", value: \"100\" },\n            ]}\n          />\n        )}\n      </Flex>\n      <Flex\n        direction={\"column\"}\n        flex={fill ? 1 : undefined}\n        p=\"md\"\n        {...containerProps}\n      >\n        {children}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default MacWindow;\n","import { TypeForm, ui } from \"@alepha/ui\";\nimport { Box, Card, Flex, Text } from \"@mantine/core\";\nimport type { Static, TObject } from \"alepha\";\nimport { useForm } from \"alepha/react/form\";\nimport { type ReactNode, useState } from \"react\";\nimport MacWindow, { type MacWindowProps } from \"./MacWindow.tsx\";\n\nexport interface ShowcaseProps<T extends TObject> {\n  /**\n   * Component title\n   */\n  title: string;\n  /**\n   * Schema for the props configuration\n   */\n  schema: T;\n  /**\n   * Initial values for the props\n   */\n  initialValues?: Partial<Static<T>>;\n  /**\n   * Number of columns for the props form\n   */\n  columns?: number;\n  /**\n   * Render function that receives the current props values\n   */\n  children: (props: Static<T>) => ReactNode;\n  /**\n   * Additional props for the MacWindow container\n   */\n  windowProps?: Partial<MacWindowProps>;\n}\n\n/**\n * Showcase component for demonstrating UI components with interactive props configuration.\n * Uses TypeForm to render a form based on the props schema and displays the component preview.\n */\nconst Showcase = <T extends TObject>({\n  title,\n  schema,\n  initialValues,\n  columns = 3,\n  children,\n  windowProps,\n}: ShowcaseProps<T>) => {\n  const [values, setValues] = useState<Record<string, any>>(\n    initialValues ?? {},\n  );\n\n  const form = useForm(\n    {\n      schema,\n      initialValues,\n      handler: (values) => {\n        setValues(values as Record<string, any>);\n      },\n      onChange: (key, value) => {\n        console.log(\"onChange\", key, value);\n        form.submit();\n      },\n    },\n    [schema],\n  );\n\n  return (\n    <Flex flex={1} h={\"100%\"}>\n      <Flex\n        flex={1}\n        bg={ui.colors.background}\n        h={\"100%\"}\n        p=\"xl\"\n        justify=\"center\"\n        align=\"flex-start\"\n        style={{ flex: 1, minWidth: 0, overflow: \"auto\" }}\n      >\n        <MacWindow title={title} {...windowProps}>\n          {children(values as Static<T>)}\n        </MacWindow>\n      </Flex>\n\n      <Box\n        bg={ui.colors.surface}\n        h={\"100%\"}\n        p={\"md\"}\n        style={{\n          flex: \"0 0 300px\",\n          overflow: \"auto\",\n        }}\n      >\n        <Card withBorder shadow=\"sm\" radius=\"md\" bg={ui.colors.elevated}>\n          <Card.Section withBorder py={\"xs\"} inheritPadding>\n            <Text size={\"xs\"} fw={500}>\n              {title} Props\n            </Text>\n          </Card.Section>\n\n          <Card.Section p={\"sm\"}>\n            <TypeForm\n              form={form}\n              columns={columns}\n              skipSubmitButton\n              skipFormElement\n            />\n          </Card.Section>\n        </Card>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default Showcase;\n"],"mappings":";;;;;;;AAYA,MAAM,aAAa,EACjB,UACA,OACA,gBACA,WACoB;CACpB,MAAM,CAAC,MAAM,WAAW,SAAqB,MAAM;CAEnD,MAAM,iBAAiB;AACrB,SAAO,GAAG,KAAK;;AAGjB,QACE,qBAAC;EACC,WAAU;EACV,MAAM,OAAO,IAAI;EACjB,GAAG,OAAO,SAAS;EACnB,MAAM;EACN,OAAO;GACL,OAAO,UAAU;GACjB,QAAQ;GACR,UAAU;GACV,YAAY;GACZ,WAAW;GACX,YAAY;GACb;aAED,qBAAC;GACC,GAAG;GACH,IAAG;GACH,OAAM;GACN,KAAK;GACL,OAAO;IACL,YAAY;IACZ,cAAc;IACf;;IAED,qBAAC;KAAK,KAAK;;MACT,oBAAC;OACC,GAAG;OACH,GAAG;OACH,OAAO;QAAE,cAAc;QAAO,YAAY;QAAW;QACrD;MACF,oBAAC;OACC,GAAG;OACH,GAAG;OACH,OAAO;QAAE,cAAc;QAAO,YAAY;QAAW;QACrD;MACF,oBAAC;OACC,GAAG;OACH,GAAG;OACH,OAAO;QAAE,cAAc;QAAO,YAAY;QAAW;QACrD;;MACG;IAEP,oBAAC;KACC,OAAO;MACL,MAAM;MACN,WAAW;MACX,UAAU;MACV,OAAO;MACR;eAEA;MACG;IAEL,OAAO,SACN,oBAAC;KACC,MAAK;KACL,OAAO;KACP,WAAW,MAAM,QAAQ,EAAgB;KACzC,MAAM;MACJ;OAAE,OAAO;OAAM,OAAO;OAAM;MAC5B;OAAE,OAAO;OAAM,OAAO;OAAM;MAC5B;OAAE,OAAO;OAAM,OAAO;OAAM;MAC5B;OAAE,OAAO;OAAO,OAAO;OAAO;MAC/B;MACD;;IAEC,EACP,oBAAC;GACC,WAAW;GACX,MAAM,OAAO,IAAI;GACjB,GAAE;GACF,GAAI;GAEH;IACI;GACF;;AAIX,wBAAe;;;;;;;;AClEf,MAAM,YAA+B,EACnC,OACA,QACA,eACA,UAAU,GACV,UACA,kBACsB;CACtB,MAAM,CAAC,QAAQ,aAAa,SAC1B,iBAAiB,EAAE,CACpB;CAED,MAAM,OAAO,QACX;EACE;EACA;EACA,UAAU,WAAW;AACnB,aAAU,OAA8B;;EAE1C,WAAW,KAAK,UAAU;AACxB,WAAQ,IAAI,YAAY,KAAK,MAAM;AACnC,QAAK,QAAQ;;EAEhB,EACD,CAAC,OAAO,CACT;AAED,QACE,qBAAC;EAAK,MAAM;EAAG,GAAG;aAChB,oBAAC;GACC,MAAM;GACN,IAAI,GAAG,OAAO;GACd,GAAG;GACH,GAAE;GACF,SAAQ;GACR,OAAM;GACN,OAAO;IAAE,MAAM;IAAG,UAAU;IAAG,UAAU;IAAQ;aAEjD,oBAACA;IAAiB;IAAO,GAAI;cAC1B,SAAS,OAAoB;KACpB;IACP,EAEP,oBAAC;GACC,IAAI,GAAG,OAAO;GACd,GAAG;GACH,GAAG;GACH,OAAO;IACL,MAAM;IACN,UAAU;IACX;aAED,qBAAC;IAAK;IAAW,QAAO;IAAK,QAAO;IAAK,IAAI,GAAG,OAAO;eACrD,oBAAC,KAAK;KAAQ;KAAW,IAAI;KAAM;eACjC,qBAAC;MAAK,MAAM;MAAM,IAAI;iBACnB,OAAM;OACF;MACM,EAEf,oBAAC,KAAK;KAAQ,GAAG;eACf,oBAAC;MACO;MACG;MACT;MACA;OACA;MACW;KACV;IACH;GACD;;AAIX,uBAAe"}

package/dist/demo/index.d.ts

@@ -1,6 +1,6 @@
 import * as alepha0 from "alepha";
 import { Static, TObject } from "alepha";
-import * as _alepha_react_router0 from "@alepha/react/router";
+import * as alepha_react_router0 from "alepha/react/router";
 import { BoxProps } from "@mantine/core";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
@@ -70,24 +70,34 @@ declare const Showcase: <T extends TObject>({
 //#endregion
 //#region ../../src/demo/DemoRouter.d.ts
 declare class DemoRouter {
-  demoLayout: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoHome: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoCore: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoTypeForm: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoSidebar: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoDataTable: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoJson: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoJsonViewer: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoAuth: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoLogin: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoRegister: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoResetPassword: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
-  demoVerifyEmail: _alepha_react_router0.PagePrimitive<_alepha_react_router0.PageConfigSchema, any, _alepha_react_router0.TPropsParentDefault>;
+  demoLayout: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoHome: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoCore: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoTypeForm: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoSidebar: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoDataTable: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoJson: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoJsonViewer: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoAuth: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoLogin: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoRegister: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoResetPassword: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
+  demoVerifyEmail: alepha_react_router0.PagePrimitive<alepha_react_router0.PageConfigSchema, any, alepha_react_router0.TPropsParentDefault>;
 }
 //#endregion
 //#region ../../src/demo/index.d.ts
 /**
- * Demo UI Module - Component showcase and documentation
+ * | type | quality | stability |
+ * |------|---------|-----------|
+ * | frontend | standard | experimental |
+ *
+ * Component showcase and documentation.
+ *
+ * **Features:**
+ * - DemoLayout for demo pages
+ * - DemoHome landing page
+ * - MacWindow component for showcases
+ * - Showcase component for component demos
  *
  * @module alepha.ui.demo
  */

package/dist/demo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/demo/components/DemoHome.tsx","../../src/demo/components/DemoLayout.tsx","../../src/demo/components/json/DemoJsonViewer.tsx","../../src/demo/components/shared/MacWindow.tsx","../../src/demo/components/shared/Showcase.tsx","../../src/demo/DemoRouter.ts","../../src/demo/index.ts"],"mappings":";;;;;;;;cAaM,QAAA,QAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCRR,UAAA,QAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC6EV,cAAA,QAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC/EH,cAAA;EACf,QAAA,EAAU,SAAA;EACV,KAAA;EACA,cAAA,GAAiB,QAAA;EACjB,IAAA;AAAA;AAAA,cAKI,SAAA;EAAa,QAAA;EAAA,KAAA;EAAA,cAAA;EAAA;AAAA,GAKhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCVA,aAAA,WAAwB,OAAA;;;;EAIvC,KAAA;EJEI;;;EIEJ,MAAA,EAAQ,CAAA;EJWT;;;EIPC,aAAA,GAAgB,OAAA,CAAQ,MAAA,CAAO,CAAA;EHd3B;;;EGkBJ,OAAA;EH0BD;;;EGtBC,QAAA,GAAW,KAAA,EAAO,MAAA,CAAO,CAAA,MAAO,SAAA;EFuD5B;;;EEnDJ,WAAA,GAAc,OAAA,CAAQ,cAAA;AAAA;;;;AD5BxB;cCmCM,QAAA,aAAsB,OAAA;EAAS,KAAA;EAAA,MAAA;EAAA,aAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,GAOlC,aAAA,CAAc,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC5BN,UAAA;EACX,UAAA,EAAU,qBAAA,CAAA,aAAA,CADW,qBAAA,CACX,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAaV,QAAA,EAAQ,qBAAA,CAAA,aAAA,CAbE,qBAAA,CAaF,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAQR,QAAA,EAAQ,qBAAA,CAAA,aAAA,CARA,qBAAA,CAQA,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAOR,YAAA,EAAY,qBAAA,CAAA,aAAA,CAPJ,qBAAA,CAOI,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAOZ,WAAA,EAAW,qBAAA,CAAA,aAAA,CAPC,qBAAA,CAOD,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAOX,aAAA,EAAa,qBAAA,CAAA,aAAA,CAPF,qBAAA,CAOE,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAQb,QAAA,EAAQ,qBAAA,CAAA,aAAA,CARK,qBAAA,CAQL,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAOR,cAAA,EAAc,qBAAA,CAAA,aAAA,CAPN,qBAAA,CAOM,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAQd,QAAA,EAAQ,qBAAA,CAAA,aAAA,CARM,qBAAA,CAQN,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAYR,SAAA,EAAS,qBAAA,CAAA,aAAA,CAZD,qBAAA,CAYC,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAOT,YAAA,EAAY,qBAAA,CAAA,aAAA,CAPH,qBAAA,CAOG,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAOZ,iBAAA,EAAiB,qBAAA,CAAA,aAAA,CAPL,qBAAA,CAOK,gBAAA,OAAA,qBAAA,CAAA,mBAAA;EAOjB,eAAA,EAAe,qBAAA,CAAA,aAAA,CAPE,qBAAA,CAOF,gBAAA,OAAA,qBAAA,CAAA,mBAAA;AAAA;;;;;ALvGH;;;cMaD,YAAA,EAAY,OAAA,CAAA,OAAA,CAGvB,OAAA,CAHuB,MAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/demo/components/DemoHome.tsx","../../src/demo/components/DemoLayout.tsx","../../src/demo/components/json/DemoJsonViewer.tsx","../../src/demo/components/shared/MacWindow.tsx","../../src/demo/components/shared/Showcase.tsx","../../src/demo/DemoRouter.ts","../../src/demo/index.ts"],"mappings":";;;;;;;;cAaM,QAAA,QAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCRR,UAAA,QAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC6EV,cAAA,QAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UC/EH,cAAA;EACf,QAAA,EAAU,SAAA;EACV,KAAA;EACA,cAAA,GAAiB,QAAA;EACjB,IAAA;AAAA;AAAA,cAKI,SAAA;EAAa,QAAA;EAAA,KAAA;EAAA,cAAA;EAAA;AAAA,GAKhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCVA,aAAA,WAAwB,OAAA;;;;EAIvC,KAAA;EJEI;;;EIEJ,MAAA,EAAQ,CAAA;EJWT;;;EIPC,aAAA,GAAgB,OAAA,CAAQ,MAAA,CAAO,CAAA;EHd3B;;;EGkBJ,OAAA;EH0BD;;;EGtBC,QAAA,GAAW,KAAA,EAAO,MAAA,CAAO,CAAA,MAAO,SAAA;EFuD5B;;;EEnDJ,WAAA,GAAc,OAAA,CAAQ,cAAA;AAAA;;;;AD5BxB;cCmCM,QAAA,aAAsB,OAAA;EAAS,KAAA;EAAA,MAAA;EAAA,aAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,GAOlC,aAAA,CAAc,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC5BN,UAAA;EACX,UAAA,EAAU,oBAAA,CAAA,aAAA,CADW,oBAAA,CACX,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAaV,QAAA,EAAQ,oBAAA,CAAA,aAAA,CAbE,oBAAA,CAaF,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQR,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARA,oBAAA,CAQA,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,YAAA,EAAY,oBAAA,CAAA,aAAA,CAPJ,oBAAA,CAOI,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOZ,WAAA,EAAW,oBAAA,CAAA,aAAA,CAPC,oBAAA,CAOD,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOX,aAAA,EAAa,oBAAA,CAAA,aAAA,CAPF,oBAAA,CAOE,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQb,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARK,oBAAA,CAQL,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOR,cAAA,EAAc,oBAAA,CAAA,aAAA,CAPN,oBAAA,CAOM,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAQd,QAAA,EAAQ,oBAAA,CAAA,aAAA,CARM,oBAAA,CAQN,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAYR,SAAA,EAAS,oBAAA,CAAA,aAAA,CAZD,oBAAA,CAYC,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOT,YAAA,EAAY,oBAAA,CAAA,aAAA,CAPH,oBAAA,CAOG,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOZ,iBAAA,EAAiB,oBAAA,CAAA,aAAA,CAPL,oBAAA,CAOK,gBAAA,OAAA,oBAAA,CAAA,mBAAA;EAOjB,eAAA,EAAe,oBAAA,CAAA,aAAA,CAPE,oBAAA,CAOF,gBAAA,OAAA,oBAAA,CAAA,mBAAA;AAAA;;;;;ALvGH;;;;;;;;ACRE;;;;;cK+BH,YAAA,EAAY,OAAA,CAAA,OAAA,CAGvB,OAAA,CAHuB,MAAA"}

package/dist/demo/index.js

@@ -1,11 +1,11 @@
 import { t as DemoHome_default } from "./DemoHome-Cce2bWmg.js";
-import { t as DemoLayout_default } from "./DemoLayout-DjIDm93B.js";
-import { t as DemoJsonViewer_default } from "./DemoJsonViewer-D_Hff1Q2.js";
-import { n as MacWindow_default, t as Showcase_default } from "./Showcase-HchhcsHV.js";
+import { t as DemoLayout_default } from "./DemoLayout-B20TEuhV.js";
+import { t as DemoJsonViewer_default } from "./DemoJsonViewer-Dgdk3Txb.js";
+import { n as MacWindow_default, t as Showcase_default } from "./Showcase-CQrMWars.js";
 import { AlephaUI } from "@alepha/ui";
 import { $module } from "alepha";
-import { $page } from "@alepha/react/router";
 import { IconBinaryTree, IconBraces, IconForms, IconHome, IconKey, IconLayoutSidebar, IconLockQuestion, IconLogin, IconMailCheck, IconPackages, IconTable, IconUserPlus, IconWall } from "@tabler/icons-react";
+import { $page } from "alepha/react/router";
 
 //#region ../../src/demo/DemoRouter.ts
 var DemoRouter = class {
@@ -13,7 +13,7 @@ var DemoRouter = class {
 		icon: IconPackages,
 		path: "/demo",
 		label: "Demo",
-		lazy: () => import("./DemoLayout-nNMajP_9.js"),
+		lazy: () => import("./DemoLayout-DSRyf4qJ.js"),
 		children: () => [
 			this.demoHome,
 			this.demoCore,
@@ -41,19 +41,19 @@ var DemoRouter = class {
 		icon: IconForms,
 		path: "/type-form",
 		label: "TypeForm",
-		lazy: () => import("./DemoTypeForm-BlLAcQqZ.js")
+		lazy: () => import("./DemoTypeForm-w-qtfRlC.js")
 	});
 	demoSidebar = $page({
 		icon: IconLayoutSidebar,
 		path: "/sidebar",
 		label: "Sidebar",
-		lazy: () => import("./DemoSidebar-DpZXf7GO.js")
+		lazy: () => import("./DemoSidebar-MVmQKfMt.js")
 	});
 	demoDataTable = $page({
 		icon: IconTable,
 		path: "/data-table",
 		label: "DataTable",
-		lazy: () => import("./DemoDataTable-DYbDYbs5.js")
+		lazy: () => import("./DemoDataTable-CguplbR7.js")
 	});
 	demoJson = $page({
 		icon: IconBraces,
@@ -65,7 +65,7 @@ var DemoRouter = class {
 		icon: IconBinaryTree,
 		path: "/viewer",
 		label: "JsonViewer",
-		lazy: () => import("./DemoJsonViewer-DbWVDdz_.js")
+		lazy: () => import("./DemoJsonViewer-DIssGVlJ.js")
 	});
 	demoAuth = $page({
 		icon: IconKey,
@@ -82,32 +82,42 @@ var DemoRouter = class {
 		icon: IconLogin,
 		path: "/login",
 		label: "Login",
-		lazy: () => import("./DemoLogin-BA_HiIRZ.js")
+		lazy: () => import("./DemoLogin-S-b15cmE.js")
 	});
 	demoRegister = $page({
 		icon: IconUserPlus,
 		path: "/register",
 		label: "Register",
-		lazy: () => import("./DemoRegister-B6syaxP9.js")
+		lazy: () => import("./DemoRegister-B29MdAaZ.js")
 	});
 	demoResetPassword = $page({
 		icon: IconLockQuestion,
 		path: "/reset-password",
 		label: "ResetPassword",
-		lazy: () => import("./DemoResetPassword-BOcLG4GF.js")
+		lazy: () => import("./DemoResetPassword-CPTy88iK.js")
 	});
 	demoVerifyEmail = $page({
 		icon: IconMailCheck,
 		path: "/verify-email",
 		label: "VerifyEmail",
-		lazy: () => import("./DemoVerifyEmail-C-J7bXUQ.js")
+		lazy: () => import("./DemoVerifyEmail-C8FFJT5A.js")
 	});
 };
 
 //#endregion
 //#region ../../src/demo/index.ts
 /**
-* Demo UI Module - Component showcase and documentation
+* | type | quality | stability |
+* |------|---------|-----------|
+* | frontend | standard | experimental |
+*
+* Component showcase and documentation.
+*
+* **Features:**
+* - DemoLayout for demo pages
+* - DemoHome landing page
+* - MacWindow component for showcases
+* - Showcase component for component demos
 *
 * @module alepha.ui.demo
 */

package/dist/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/demo/DemoRouter.ts","../../src/demo/index.ts"],"sourcesContent":["import { $page } from \"@alepha/react/router\";\nimport {\n  IconBinaryTree,\n  IconBraces,\n  IconForms,\n  IconHome,\n  IconKey,\n  IconLayoutSidebar,\n  IconLockQuestion,\n  IconLogin,\n  IconMailCheck,\n  IconPackages,\n  IconTable,\n  IconUserPlus,\n  IconWall,\n} from \"@tabler/icons-react\";\n\nexport class DemoRouter {\n  demoLayout = $page({\n    icon: IconPackages,\n    path: \"/demo\",\n    label: \"Demo\",\n    lazy: () => import(\"./components/DemoLayout.tsx\"),\n    children: () => [\n      this.demoHome,\n      this.demoCore,\n      this.demoJson,\n      this.demoAuth,\n    ],\n  });\n\n  demoHome = $page({\n    icon: IconHome,\n    path: \"/\",\n    label: \"Home\",\n    lazy: () => import(\"./components/DemoHome.tsx\"),\n  });\n\n  // Core Components\n  demoCore = $page({\n    icon: IconWall,\n    path: \"/core\",\n    label: \"Core\",\n    children: () => [this.demoTypeForm, this.demoSidebar, this.demoDataTable],\n  });\n\n  demoTypeForm = $page({\n    icon: IconForms,\n    path: \"/type-form\",\n    label: \"TypeForm\",\n    lazy: () => import(\"./components/core/DemoTypeForm.tsx\"),\n  });\n\n  demoSidebar = $page({\n    icon: IconLayoutSidebar,\n    path: \"/sidebar\",\n    label: \"Sidebar\",\n    lazy: () => import(\"./components/core/DemoSidebar.tsx\"),\n  });\n\n  demoDataTable = $page({\n    icon: IconTable,\n    path: \"/data-table\",\n    label: \"DataTable\",\n    lazy: () => import(\"./components/core/DemoDataTable.tsx\"),\n  });\n\n  // JSON Components\n  demoJson = $page({\n    icon: IconBraces,\n    path: \"/json\",\n    label: \"Json\",\n    children: () => [this.demoJsonViewer],\n  });\n\n  demoJsonViewer = $page({\n    icon: IconBinaryTree,\n    path: \"/viewer\",\n    label: \"JsonViewer\",\n    lazy: () => import(\"./components/json/DemoJsonViewer.tsx\"),\n  });\n\n  // Auth Components\n  demoAuth = $page({\n    icon: IconKey,\n    path: \"/auth\",\n    label: \"Auth\",\n    children: () => [\n      this.demoLogin,\n      this.demoRegister,\n      this.demoResetPassword,\n      this.demoVerifyEmail,\n    ],\n  });\n\n  demoLogin = $page({\n    icon: IconLogin,\n    path: \"/login\",\n    label: \"Login\",\n    lazy: () => import(\"./components/auth/DemoLogin.tsx\"),\n  });\n\n  demoRegister = $page({\n    icon: IconUserPlus,\n    path: \"/register\",\n    label: \"Register\",\n    lazy: () => import(\"./components/auth/DemoRegister.tsx\"),\n  });\n\n  demoResetPassword = $page({\n    icon: IconLockQuestion,\n    path: \"/reset-password\",\n    label: \"ResetPassword\",\n    lazy: () => import(\"./components/auth/DemoResetPassword.tsx\"),\n  });\n\n  demoVerifyEmail = $page({\n    icon: IconMailCheck,\n    path: \"/verify-email\",\n    label: \"VerifyEmail\",\n    lazy: () => import(\"./components/auth/DemoVerifyEmail.tsx\"),\n  });\n}\n","import { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { DemoRouter } from \"./DemoRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { default as DemoHome } from \"./components/DemoHome.tsx\";\nexport { default as DemoLayout } from \"./components/DemoLayout.tsx\";\nexport { default as DemoJsonViewer } from \"./components/json/DemoJsonViewer.tsx\";\nexport {\n  default as MacWindow,\n  type MacWindowProps,\n} from \"./components/shared/MacWindow.tsx\";\nexport {\n  default as Showcase,\n  type ShowcaseProps,\n} from \"./components/shared/Showcase.tsx\";\nexport { DemoRouter } from \"./DemoRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Demo UI Module - Component showcase and documentation\n *\n * @module alepha.ui.demo\n */\nexport const AlephaUIDemo = $module({\n  name: \"alepha.ui.demo\",\n  services: [AlephaUI, DemoRouter],\n});\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,aAAb,MAAwB;CACtB,aAAa,MAAM;EACjB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACnB,gBAAgB;GACd,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACF,CAAC;CAEF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB;GAAC,KAAK;GAAc,KAAK;GAAa,KAAK;GAAc;EAC1E,CAAC;CAEF,eAAe,MAAM;EACnB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,cAAc,MAAM;EAClB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,gBAAgB,MAAM;EACpB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB,CAAC,KAAK,eAAe;EACtC,CAAC;CAEF,iBAAiB,MAAM;EACrB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB;GACd,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACF,CAAC;CAEF,YAAY,MAAM;EAChB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,eAAe,MAAM;EACnB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,oBAAoB,MAAM;EACxB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,kBAAkB,MAAM;EACtB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;;;;;;;;;;AC/FJ,MAAa,eAAe,QAAQ;CAClC,MAAM;CACN,UAAU,CAAC,UAAU,WAAW;CACjC,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/demo/DemoRouter.ts","../../src/demo/index.ts"],"sourcesContent":["import {\n  IconBinaryTree,\n  IconBraces,\n  IconForms,\n  IconHome,\n  IconKey,\n  IconLayoutSidebar,\n  IconLockQuestion,\n  IconLogin,\n  IconMailCheck,\n  IconPackages,\n  IconTable,\n  IconUserPlus,\n  IconWall,\n} from \"@tabler/icons-react\";\nimport { $page } from \"alepha/react/router\";\n\nexport class DemoRouter {\n  demoLayout = $page({\n    icon: IconPackages,\n    path: \"/demo\",\n    label: \"Demo\",\n    lazy: () => import(\"./components/DemoLayout.tsx\"),\n    children: () => [\n      this.demoHome,\n      this.demoCore,\n      this.demoJson,\n      this.demoAuth,\n    ],\n  });\n\n  demoHome = $page({\n    icon: IconHome,\n    path: \"/\",\n    label: \"Home\",\n    lazy: () => import(\"./components/DemoHome.tsx\"),\n  });\n\n  // Core Components\n  demoCore = $page({\n    icon: IconWall,\n    path: \"/core\",\n    label: \"Core\",\n    children: () => [this.demoTypeForm, this.demoSidebar, this.demoDataTable],\n  });\n\n  demoTypeForm = $page({\n    icon: IconForms,\n    path: \"/type-form\",\n    label: \"TypeForm\",\n    lazy: () => import(\"./components/core/DemoTypeForm.tsx\"),\n  });\n\n  demoSidebar = $page({\n    icon: IconLayoutSidebar,\n    path: \"/sidebar\",\n    label: \"Sidebar\",\n    lazy: () => import(\"./components/core/DemoSidebar.tsx\"),\n  });\n\n  demoDataTable = $page({\n    icon: IconTable,\n    path: \"/data-table\",\n    label: \"DataTable\",\n    lazy: () => import(\"./components/core/DemoDataTable.tsx\"),\n  });\n\n  // JSON Components\n  demoJson = $page({\n    icon: IconBraces,\n    path: \"/json\",\n    label: \"Json\",\n    children: () => [this.demoJsonViewer],\n  });\n\n  demoJsonViewer = $page({\n    icon: IconBinaryTree,\n    path: \"/viewer\",\n    label: \"JsonViewer\",\n    lazy: () => import(\"./components/json/DemoJsonViewer.tsx\"),\n  });\n\n  // Auth Components\n  demoAuth = $page({\n    icon: IconKey,\n    path: \"/auth\",\n    label: \"Auth\",\n    children: () => [\n      this.demoLogin,\n      this.demoRegister,\n      this.demoResetPassword,\n      this.demoVerifyEmail,\n    ],\n  });\n\n  demoLogin = $page({\n    icon: IconLogin,\n    path: \"/login\",\n    label: \"Login\",\n    lazy: () => import(\"./components/auth/DemoLogin.tsx\"),\n  });\n\n  demoRegister = $page({\n    icon: IconUserPlus,\n    path: \"/register\",\n    label: \"Register\",\n    lazy: () => import(\"./components/auth/DemoRegister.tsx\"),\n  });\n\n  demoResetPassword = $page({\n    icon: IconLockQuestion,\n    path: \"/reset-password\",\n    label: \"ResetPassword\",\n    lazy: () => import(\"./components/auth/DemoResetPassword.tsx\"),\n  });\n\n  demoVerifyEmail = $page({\n    icon: IconMailCheck,\n    path: \"/verify-email\",\n    label: \"VerifyEmail\",\n    lazy: () => import(\"./components/auth/DemoVerifyEmail.tsx\"),\n  });\n}\n","import { AlephaUI } from \"@alepha/ui\";\nimport { $module } from \"alepha\";\nimport { DemoRouter } from \"./DemoRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport { default as DemoHome } from \"./components/DemoHome.tsx\";\nexport { default as DemoLayout } from \"./components/DemoLayout.tsx\";\nexport { default as DemoJsonViewer } from \"./components/json/DemoJsonViewer.tsx\";\nexport {\n  default as MacWindow,\n  type MacWindowProps,\n} from \"./components/shared/MacWindow.tsx\";\nexport {\n  default as Showcase,\n  type ShowcaseProps,\n} from \"./components/shared/Showcase.tsx\";\nexport { DemoRouter } from \"./DemoRouter.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * | type | quality | stability |\n * |------|---------|-----------|\n * | frontend | standard | experimental |\n *\n * Component showcase and documentation.\n *\n * **Features:**\n * - DemoLayout for demo pages\n * - DemoHome landing page\n * - MacWindow component for showcases\n * - Showcase component for component demos\n *\n * @module alepha.ui.demo\n */\nexport const AlephaUIDemo = $module({\n  name: \"alepha.ui.demo\",\n  services: [AlephaUI, DemoRouter],\n});\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,aAAb,MAAwB;CACtB,aAAa,MAAM;EACjB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACnB,gBAAgB;GACd,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACF,CAAC;CAEF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB;GAAC,KAAK;GAAc,KAAK;GAAa,KAAK;GAAc;EAC1E,CAAC;CAEF,eAAe,MAAM;EACnB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,cAAc,MAAM;EAClB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,gBAAgB,MAAM;EACpB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB,CAAC,KAAK,eAAe;EACtC,CAAC;CAEF,iBAAiB,MAAM;EACrB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAGF,WAAW,MAAM;EACf,MAAM;EACN,MAAM;EACN,OAAO;EACP,gBAAgB;GACd,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACF,CAAC;CAEF,YAAY,MAAM;EAChB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,eAAe,MAAM;EACnB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,oBAAoB,MAAM;EACxB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;CAEF,kBAAkB,MAAM;EACtB,MAAM;EACN,MAAM;EACN,OAAO;EACP,YAAY,OAAO;EACpB,CAAC;;;;;;;;;;;;;;;;;;;;ACrFJ,MAAa,eAAe,QAAQ;CAClC,MAAM;CACN,UAAU,CAAC,UAAU,WAAW;CACjC,CAAC"}

package/package.json

@@ -7,7 +7,7 @@
     "mantine"
   ],
   "author": "Nicolas Foures",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "type": "module",
   "engines": {
     "node": ">=22.0.0"
@@ -22,7 +22,6 @@
     "styles.css"
   ],
   "dependencies": {
-    "@alepha/react": "0.15.1",
     "@mantine/core": "^8.3.13",
     "@mantine/dates": "^8.3.13",
     "@mantine/hooks": "^8.3.13",
@@ -31,18 +30,19 @@
     "@mantine/nprogress": "^8.3.13",
     "@mantine/spotlight": "^8.3.13",
     "@tabler/icons-react": "^3.36.1",
-    "alepha": "0.15.1",
     "dayjs": "^1.11.19"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.12",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "@biomejs/biome": "^2.3.13",
+    "alepha": "0.15.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vitest": "^4.0.18"
   },
   "peerDependencies": {
+    "alepha": "0.15.3",
     "react": "*",
     "react-dom": "*"
   },

package/src/admin/AdminRouter.ts

@@ -1,5 +1,3 @@
-import { ReactAuth } from "@alepha/react/auth";
-import { $page, ReactRouter, Redirection } from "@alepha/react/router";
 import type { AdminShellProps } from "@alepha/ui";
 import { AuthRouter } from "@alepha/ui/auth";
 import {
@@ -21,10 +19,12 @@ import type {
   AdminSessionController,
   AdminUserController,
 } from "alepha/api/users";
+import { ReactAuth } from "alepha/react/auth";
+import { $page, ReactRouter, Redirection } from "alepha/react/router";
 import { $client } from "alepha/server/links";
 
 export class AdminRouter {
-  protected readonly router = $inject(ReactRouter);
+  protected readonly router = $inject(ReactRouter<AdminRouter>);
   protected readonly authRouter = $inject(AuthRouter);
   protected readonly auth = $inject(ReactAuth);
   protected readonly userCtrl = $client<AdminUserController>();
@@ -87,7 +87,7 @@ export class AdminRouter {
     parent: this.adminLayout,
     path: "/users/create",
     label: "Create User",
-    description: "Create a new user account.",
+    description: "Create a new user account",
     lazy: () => import("./components/users/AdminUserCreate.tsx"),
     can: () => this.userCtrl.createUser.can(),
   });

package/src/admin/MainRouter.ts

@@ -1,7 +1,7 @@
-import { $page } from "@alepha/react/router";
 import { AlephaMantineProvider } from "@alepha/ui";
 import { AuthRouter } from "@alepha/ui/auth";
 import { $inject } from "alepha";
+import { $page } from "alepha/react/router";
 import { AdminRouter } from "./AdminRouter.ts";
 
 /**

package/src/admin/components/audits/AdminAudits.tsx

@@ -1,6 +1,3 @@
-import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
-import { useRouter } from "@alepha/react/router";
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { Badge, Group, Stack, Tooltip } from "@mantine/core";
 import {
@@ -12,6 +9,9 @@ import {
 } from "@tabler/icons-react";
 import { type Page, t } from "alepha";
 import type { AdminAuditController, AuditEntity } from "alepha/api/audits";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
+import { useRouter } from "alepha/react/router";
 import type { AdminRouter } from "../../AdminRouter.ts";
 
 export interface AdminAuditsProps {
@@ -100,7 +100,7 @@ const AdminAudits = (props: AdminAuditsProps) => {
           },
           onClick: () => {
             if (item.userId) {
-              router.go("adminUserDetails", {
+              router.push("adminUserDetails", {
                 params: { userId: item.userId },
               });
             }

package/src/admin/components/files/AdminFiles.tsx

@@ -1,9 +1,9 @@
-import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { Badge } from "@mantine/core";
 import { type Page, t } from "alepha";
 import { type FileController, type FileEntity, files } from "alepha/api/files";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
 
 const AdminFiles = () => {
   const client = useClient<FileController>();

package/src/admin/components/jobs/AdminJobs.tsx

@@ -1,5 +1,3 @@
-import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { Badge } from "@mantine/core";
 import {
@@ -14,6 +12,8 @@ import {
   type JobExecutionEntity,
   jobExecutions,
 } from "alepha/api/jobs";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
 
 const AdminJobs = () => {
   const client = useClient<AdminJobController>();

package/src/admin/components/notifications/AdminNotifications.tsx

@@ -1,5 +1,3 @@
-import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { Badge, Tooltip } from "@mantine/core";
 import {
@@ -14,6 +12,8 @@ import type {
   AdminNotificationController,
   NotificationEntity,
 } from "alepha/api/notifications";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
 
 const AdminNotifications = () => {
   const client = useClient<AdminNotificationController>();

package/src/admin/components/parameters/AdminParameters.tsx

@@ -1,4 +1,3 @@
-import { useClient } from "@alepha/react";
 import { Flex, Text } from "@alepha/ui";
 import { Loader, Stack } from "@mantine/core";
 import { IconSettings } from "@tabler/icons-react";
@@ -7,6 +6,7 @@ import type {
   ConfigTreeNode,
   Parameter,
 } from "alepha/api/parameters";
+import { useClient } from "alepha/react";
 import { useCallback, useEffect, useState } from "react";
 import ParameterDetails from "./ParameterDetails.tsx";
 import ParameterHistory from "./ParameterHistory.tsx";

package/src/admin/components/parameters/ParameterDetails.tsx

@@ -1,5 +1,3 @@
-import { useForm } from "@alepha/react/form";
-import { useI18n } from "@alepha/react/i18n";
 import { Flex, Text, TypeForm } from "@alepha/ui";
 import {
   Badge,
@@ -13,6 +11,8 @@ import {
 } from "@mantine/core";
 import { IconClock, IconSettings } from "@tabler/icons-react";
 import { jsonSchemaToTypeBox, type TObject } from "alepha";
+import { useForm } from "alepha/react/form";
+import { useI18n } from "alepha/react/i18n";
 import { useMemo } from "react";
 import { type ConfigValue, formatJson } from "./types.ts";
 

package/src/admin/components/parameters/ParameterHistory.tsx

@@ -1,4 +1,3 @@
-import { useI18n } from "@alepha/react/i18n";
 import { ActionButton, Flex, Text } from "@alepha/ui";
 import {
   Badge,
@@ -11,6 +10,7 @@ import {
 } from "@mantine/core";
 import { IconHistory } from "@tabler/icons-react";
 import type { Parameter } from "alepha/api/parameters";
+import { useI18n } from "alepha/react/i18n";
 import { getStatusColor } from "./types.ts";
 
 export interface ParameterHistoryProps {

package/src/admin/components/parameters/types.ts

@@ -3,11 +3,17 @@ import type { Parameter } from "alepha/api/parameters";
 export interface ConfigValue {
   current?: Parameter;
   next?: Parameter;
-  /** Default value from the registered $config primitive */
+  /**
+   * Default value from the registered $config primitive.
+   */
   defaultValue?: unknown;
-  /** Current in-memory value (may be default if never saved) */
+  /**
+   * Current in-memory value (may be default if never saved).
+   */
   currentValue?: unknown;
-  /** TypeBox/JSON schema for the configuration (as JSON from API) */
+  /**
+   * TypeBox/JSON schema for the configuration (as JSON from API).
+   */
   schema?: Record<string, unknown>;
 }
 

package/src/admin/components/sessions/AdminSessions.tsx

@@ -1,6 +1,3 @@
-import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
-import { useRouter } from "@alepha/react/router";
 import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { Badge, Group } from "@mantine/core";
 import {
@@ -15,6 +12,9 @@ import {
   type SessionEntity,
   sessions,
 } from "alepha/api/users";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
+import { useRouter } from "alepha/react/router";
 import { useState } from "react";
 import type { AdminRouter } from "../../AdminRouter.ts";
 

package/src/admin/components/shared/AdminResourceHeader.tsx

@@ -1,4 +1,3 @@
-import { useRouter } from "@alepha/react/router";
 import { ActionButton } from "@alepha/ui";
 import {
   ActionIcon,
@@ -16,6 +15,7 @@ import {
   IconChevronLeft,
   IconExternalLink,
 } from "@tabler/icons-react";
+import { useRouter } from "alepha/react/router";
 import type { ComponentType, ReactNode } from "react";
 
 export interface AdminResourceAction {

package/src/admin/components/shared/AdminResourceTabs.tsx

@@ -1,5 +1,5 @@
-import { useActive, useRouter } from "@alepha/react/router";
 import { Tabs } from "@mantine/core";
+import { useActive, useRouter } from "alepha/react/router";
 import type { ComponentType, ReactNode } from "react";
 
 export interface AdminResourceTab {

package/src/admin/components/users/AdminUserAudits.tsx

@@ -1,6 +1,3 @@
-import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
-import { useRouterState } from "@alepha/react/router";
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { Badge, Group, Tooltip } from "@mantine/core";
 import {
@@ -11,6 +8,9 @@ import {
 } from "@tabler/icons-react";
 import { type Page, t } from "alepha";
 import type { AdminAuditController, AuditEntity } from "alepha/api/audits";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
+import { useRouterState } from "alepha/react/router";
 
 export interface AdminUserAuditsProps {
   userRealmName?: string;

package/src/admin/components/users/AdminUserCreate.tsx

@@ -1,10 +1,10 @@
-import { useClient } from "@alepha/react";
-import { useForm } from "@alepha/react/form";
-import { useRouter } from "@alepha/react/router";
 import { ActionButton, Control, Flex } from "@alepha/ui";
 import { Card, Stack, Text } from "@mantine/core";
 import { t } from "alepha";
 import type { AdminUserController } from "alepha/api/users";
+import { useClient } from "alepha/react";
+import { useForm } from "alepha/react/form";
+import { useRouter } from "alepha/react/router";
 import type { AdminRouter } from "../../AdminRouter.ts";
 
 export interface AdminUserCreateProps {
@@ -43,7 +43,7 @@ const AdminUserCreate = (props: AdminUserCreateProps) => {
         },
       });
 
-      await router.go("adminUserDetails", {
+      await router.push("adminUserDetails", {
         params: { userId: user.id },
       });
     },

package/src/admin/components/users/AdminUserDetails.tsx

@@ -1,7 +1,3 @@
-import { useClient } from "@alepha/react";
-import { useForm } from "@alepha/react/form";
-import { useI18n } from "@alepha/react/i18n";
-import { useRouterState } from "@alepha/react/router";
 import { ActionButton, ClipboardButton, Control } from "@alepha/ui";
 import {
   Badge,
@@ -30,6 +26,10 @@ import {
 } from "@tabler/icons-react";
 import { t } from "alepha";
 import type { AdminUserController, UserEntity } from "alepha/api/users";
+import { useClient } from "alepha/react";
+import { useForm } from "alepha/react/form";
+import { useI18n } from "alepha/react/i18n";
+import { useRouterState } from "alepha/react/router";
 import { type ReactNode, useEffect, useState } from "react";
 
 export interface AdminUserDetailsProps {

package/src/admin/components/users/AdminUserLayout.tsx

@@ -1,5 +1,3 @@
-import { useClient } from "@alepha/react";
-import { NestedView, useRouter, useRouterState } from "@alepha/react/router";
 import { Box, Center, Loader, Stack, Text } from "@mantine/core";
 import {
   IconBan,
@@ -14,6 +12,8 @@ import {
   IconUser,
 } from "@tabler/icons-react";
 import type { AdminUserController, UserEntity } from "alepha/api/users";
+import { useClient } from "alepha/react";
+import { NestedView, useRouter, useRouterState } from "alepha/react/router";
 import { useEffect, useState } from "react";
 import type { AdminRouter } from "../../AdminRouter.ts";
 import AdminResourceHeader from "../shared/AdminResourceHeader.tsx";
@@ -123,7 +123,7 @@ const AdminUserLayout = (props: AdminUserLayoutProps) => {
         params: { id: userId },
         query: { userRealmName: props.userRealmName },
       });
-      await router.go("adminUsers");
+      await router.push("adminUsers");
     } finally {
       setActionLoading(null);
     }

package/src/admin/components/users/AdminUserSessions.tsx

@@ -1,6 +1,3 @@
-import { useClient } from "@alepha/react";
-import { useI18n } from "@alepha/react/i18n";
-import { useRouterState } from "@alepha/react/router";
 import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
 import { Badge, Group } from "@mantine/core";
 import {
@@ -11,6 +8,9 @@ import {
 } from "@tabler/icons-react";
 import { type Page, t } from "alepha";
 import type { AdminSessionController, SessionEntity } from "alepha/api/users";
+import { useClient } from "alepha/react";
+import { useI18n } from "alepha/react/i18n";
+import { useRouterState } from "alepha/react/router";
 import { useState } from "react";
 
 export interface AdminUserSessionsProps {