@akira-io/ui 1.3.0 → 2.0.0

package/dist/shells.js

@@ -1,13 +1,43 @@
-export { initializeTheme, useAppearance } from './chunk-IQMRJXEO.js';
-import { Card } from './chunk-IE6VWUSB.js';
-export { AppSidebar, AppSidebarHeader, Breadcrumbs, Heading, NavFooter, NavMain, NavUser, SIDEBAR_COLLAPSED_GROUPS_KEY, SettingsLayout, UserInfo, UserMenuContent, useCollapsedGroup, useInitials } from './chunk-NA33PNQO.js';
-import { SidebarInset, SidebarProvider } from './chunk-PSJGAZIS.js';
-export { useIsMobile } from './chunk-PSJGAZIS.js';
-export { hrefToString } from './chunk-L2H5GIF7.js';
-import './chunk-UTSTTTH5.js';
-import { cn } from './chunk-I5UZAJB4.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+'use client';
 
+"use client";
+import {
+  initializeTheme,
+  useAppearance
+} from "./chunk-IQMRJXEO.js";
+import {
+  Card
+} from "./chunk-2V6HUWST.js";
+import {
+  AppSidebar,
+  AppSidebarHeader,
+  Breadcrumbs,
+  Heading,
+  NavFooter,
+  NavMain,
+  NavUser,
+  SIDEBAR_COLLAPSED_GROUPS_KEY,
+  SettingsLayout,
+  UserInfo,
+  UserMenuContent,
+  useCollapsedGroup,
+  useInitials
+} from "./chunk-SZUXATOF.js";
+import {
+  SidebarInset,
+  SidebarProvider,
+  useIsMobile
+} from "./chunk-B3L6PRLX.js";
+import {
+  hrefToString
+} from "./chunk-L2H5GIF7.js";
+import "./chunk-3Z2VGVPI.js";
+import {
+  cn
+} from "./chunk-KHOA4TEI.js";
+
+// src/shells/app-content.tsx
+import { jsx } from "react/jsx-runtime";
 function AppContent({
   variant = "header",
   children,
@@ -25,6 +55,9 @@ function AppContent({
     }
   );
 }
+
+// src/shells/app-shell.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 function AppShell({
   children,
   variant = "header",
@@ -33,9 +66,9 @@ function AppShell({
   defaultOpen = true
 }) {
   if (variant === "header") {
-    return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen w-full flex-col", children });
+    return /* @__PURE__ */ jsx2("div", { className: "flex min-h-screen w-full flex-col", children });
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     SidebarProvider,
     {
       open,
@@ -45,52 +78,23 @@ function AppShell({
     }
   );
 }
-function AuthShell({
-  logo,
-  title,
-  description,
+
+// src/shells/auth-shell.tsx
+import { createContext, useContext } from "react";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var ArrangementContext = createContext("centred");
+function useAuthArrangement() {
+  return useContext(ArrangementContext);
+}
+function AuthShellRoot({
   arrangement = "centred",
-  panel,
-  panelDecorative = true,
-  footer,
   appearanceControl,
-  surface = true,
   children,
   className,
   slotName = "auth-shell"
 }) {
   const split = arrangement === "split";
-  const form = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "auth-shell-form",
-      className: "gap-6 max-w-md flex w-full flex-col",
-      children: [
-        logo && /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "auth-shell-logo",
-            className: "flex justify-center",
-            children: logo
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { "data-slot": "auth-shell-heading", className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold tracking-tight text-foreground", children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: description })
-        ] }),
-        surface ? /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsx("div", { "data-slot": "auth-shell-body", children }) }) : /* @__PURE__ */ jsx("div", { "data-slot": "auth-shell-body", children }),
-        footer && /* @__PURE__ */ jsx(
-          "footer",
-          {
-            "data-slot": "auth-shell-footer",
-            className: "gap-2 text-sm font-medium flex flex-wrap items-center justify-center text-muted-foreground",
-            children: footer
-          }
-        )
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx3(ArrangementContext.Provider, { value: arrangement, children: /* @__PURE__ */ jsxs(
     "div",
     {
       "data-arrangement": arrangement,
@@ -101,24 +105,8 @@ function AuthShell({
       ),
       "data-slot": slotName,
       children: [
-        split && panel && /* @__PURE__ */ jsx(
-          "aside",
-          {
-            "data-slot": "auth-shell-panel",
-            "aria-hidden": panelDecorative || void 0,
-            className: "p-10 lg:flex hidden flex-col justify-between bg-primary text-primary-foreground",
-            children: panel
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "main",
-          {
-            "data-slot": "auth-shell-main",
-            className: "p-6 flex flex-1 items-center justify-center",
-            children: form
-          }
-        ),
-        appearanceControl && /* @__PURE__ */ jsx(
+        children,
+        appearanceControl && /* @__PURE__ */ jsx3(
           "div",
           {
             "data-slot": "auth-shell-appearance",
@@ -128,9 +116,161 @@ function AuthShell({
         )
       ]
     }
+  ) });
+}
+function AuthShellMain({
+  children,
+  slotName = "auth-shell-main"
+}) {
+  return /* @__PURE__ */ jsx3(
+    "main",
+    {
+      "data-slot": slotName,
+      className: "p-6 flex flex-1 items-center justify-center",
+      children: /* @__PURE__ */ jsx3(
+        "div",
+        {
+          "data-slot": "auth-shell-form",
+          className: "gap-6 max-w-md flex w-full flex-col",
+          children
+        }
+      )
+    }
   );
 }
-
-export { AppContent, AppShell, AuthShell };
-//# sourceMappingURL=shells.js.map
+function AuthShellPanel({
+  decorative = true,
+  arrangement,
+  children,
+  slotName = "auth-shell-panel"
+}) {
+  const contextArrangement = useAuthArrangement();
+  if ((arrangement ?? contextArrangement) !== "split") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx3(
+    "aside",
+    {
+      "data-slot": slotName,
+      "aria-hidden": decorative || void 0,
+      className: "p-10 lg:flex hidden flex-col justify-between bg-primary text-primary-foreground",
+      children
+    }
+  );
+}
+function AuthShellSurface({
+  children,
+  className,
+  slotName = "card"
+}) {
+  return /* @__PURE__ */ jsx3(Card, { className: cn("p-6", className), slotName, children });
+}
+function AuthShellLogo({
+  children,
+  slotName = "auth-shell-logo"
+}) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": slotName, className: "flex justify-center", children });
+}
+function AuthShellHeading({
+  title,
+  description,
+  align = "start",
+  slotName = "auth-shell-heading"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": slotName,
+      className: cn("space-y-2", align === "center" && "text-center"),
+      children: [
+        /* @__PURE__ */ jsx3("h1", { className: "text-xl font-bold tracking-tight text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx3("p", { className: "text-sm font-medium text-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+function AuthShellBody({
+  children,
+  slotName = "auth-shell-body"
+}) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": slotName, children });
+}
+function AuthShellFooter({
+  children,
+  slotName = "auth-shell-footer"
+}) {
+  return /* @__PURE__ */ jsx3(
+    "footer",
+    {
+      "data-slot": slotName,
+      className: "gap-2 text-sm font-medium flex flex-wrap items-center justify-center text-muted-foreground",
+      children
+    }
+  );
+}
+function AuthShell({
+  logo,
+  title,
+  description,
+  arrangement = "centred",
+  panel,
+  panelDecorative = true,
+  footer,
+  appearanceControl,
+  surface = true,
+  children,
+  className,
+  slotName = "auth-shell"
+}) {
+  const body = /* @__PURE__ */ jsx3(AuthShellBody, { children });
+  return /* @__PURE__ */ jsxs(
+    AuthShellRoot,
+    {
+      arrangement,
+      appearanceControl,
+      className,
+      slotName,
+      children: [
+        panel && /* @__PURE__ */ jsx3(AuthShellPanel, { decorative: panelDecorative, children: panel }),
+        /* @__PURE__ */ jsxs(AuthShellMain, { children: [
+          logo && /* @__PURE__ */ jsx3(AuthShellLogo, { children: logo }),
+          /* @__PURE__ */ jsx3(AuthShellHeading, { title, description }),
+          surface ? /* @__PURE__ */ jsx3(AuthShellSurface, { children: body }) : body,
+          footer && /* @__PURE__ */ jsx3(AuthShellFooter, { children: footer })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  AppContent,
+  AppShell,
+  AppSidebar,
+  AppSidebarHeader,
+  AuthShell,
+  AuthShellBody,
+  AuthShellFooter,
+  AuthShellHeading,
+  AuthShellLogo,
+  AuthShellMain,
+  AuthShellPanel,
+  AuthShellRoot,
+  AuthShellSurface,
+  Breadcrumbs,
+  Heading,
+  NavFooter,
+  NavMain,
+  NavUser,
+  SIDEBAR_COLLAPSED_GROUPS_KEY,
+  SettingsLayout,
+  UserInfo,
+  UserMenuContent,
+  hrefToString,
+  initializeTheme,
+  useAppearance,
+  useAuthArrangement,
+  useCollapsedGroup,
+  useInitials,
+  useIsMobile
+};
 //# sourceMappingURL=shells.js.map

package/dist/shells.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/shells/app-content.tsx","../src/shells/app-shell.tsx","../src/shells/auth-shell.tsx"],"names":["jsx"],"mappings":"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","file":"shells.js","sourcesContent":["import * as React from 'react';\n\nimport { SidebarInset } from '@/components/ui/sidebar';\n\ninterface AppContentProps extends React.ComponentProps<'main'> {\n    variant?: 'header' | 'sidebar';\n}\n\nexport function AppContent({\n    variant = 'header',\n    children,\n    ...props\n}: AppContentProps) {\n    if (variant === 'sidebar') {\n        return <SidebarInset {...props}>{children}</SidebarInset>;\n    }\n\n    return (\n        <main\n            className=\"max-w-7xl gap-4 rounded-xl mx-auto flex h-full w-full flex-1 flex-col\"\n            {...props}\n        >\n            {children}\n        </main>\n    );\n}\n","import * as React from 'react';\n\nimport { SidebarProvider } from '@/components/ui/sidebar';\n\ninterface AppShellProps {\n    children: React.ReactNode;\n    variant?: 'header' | 'sidebar';\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    defaultOpen?: boolean;\n}\n\nexport function AppShell({\n    children,\n    variant = 'header',\n    open,\n    onOpenChange,\n    defaultOpen = true,\n}: AppShellProps) {\n    if (variant === 'header') {\n        return (\n            <div className=\"flex min-h-screen w-full flex-col\">{children}</div>\n        );\n    }\n\n    return (\n        <SidebarProvider\n            open={open}\n            onOpenChange={onOpenChange}\n            defaultOpen={defaultOpen}\n        >\n            {children}\n        </SidebarProvider>\n    );\n}\n","import { Card } from '@/components/ui/card';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\nimport { type ReactNode } from 'react';\n\nexport type AuthArrangement = 'centred' | 'split';\n\nexport interface AuthShellProps {\n    logo?: ReactNode;\n    title: string;\n    description?: string;\n    arrangement?: AuthArrangement;\n    panel?: ReactNode;\n    panelDecorative?: boolean;\n    footer?: ReactNode;\n    appearanceControl?: ReactNode;\n    surface?: boolean;\n    children: ReactNode;\n    className?: string;\n}\n\nexport function AuthShell({\n    logo,\n    title,\n    description,\n    arrangement = 'centred',\n    panel,\n    panelDecorative = true,\n    footer,\n    appearanceControl,\n    surface = true,\n    children,\n    className,\n    slotName = 'auth-shell',\n}: AuthShellProps & SlotNameProps) {\n    const split = arrangement === 'split';\n\n    const form = (\n        <div\n            data-slot=\"auth-shell-form\"\n            className=\"gap-6 max-w-md flex w-full flex-col\"\n        >\n            {logo && (\n                <div\n                    data-slot=\"auth-shell-logo\"\n                    className=\"flex justify-center\"\n                >\n                    {logo}\n                </div>\n            )}\n\n            <div data-slot=\"auth-shell-heading\" className=\"space-y-2\">\n                <h1 className=\"text-xl font-bold tracking-tight text-foreground\">\n                    {title}\n                </h1>\n                {description && (\n                    <p className=\"text-sm font-medium text-muted-foreground\">\n                        {description}\n                    </p>\n                )}\n            </div>\n\n            {surface ? (\n                <Card className=\"p-6\">\n                    <div data-slot=\"auth-shell-body\">{children}</div>\n                </Card>\n            ) : (\n                <div data-slot=\"auth-shell-body\">{children}</div>\n            )}\n\n            {footer && (\n                <footer\n                    data-slot=\"auth-shell-footer\"\n                    className=\"gap-2 text-sm font-medium flex flex-wrap items-center justify-center text-muted-foreground\"\n                >\n                    {footer}\n                </footer>\n            )}\n        </div>\n    );\n\n    return (\n        <div\n            data-arrangement={arrangement}\n            className={cn(\n                'relative flex min-h-screen w-full',\n                split && 'lg:grid lg:grid-cols-2',\n                className,\n            )}\n            data-slot={slotName}\n        >\n            {split && panel && (\n                <aside\n                    data-slot=\"auth-shell-panel\"\n                    aria-hidden={panelDecorative || undefined}\n                    className=\"p-10 lg:flex hidden flex-col justify-between bg-primary text-primary-foreground\"\n                >\n                    {panel}\n                </aside>\n            )}\n\n            <main\n                data-slot=\"auth-shell-main\"\n                className=\"p-6 flex flex-1 items-center justify-center\"\n            >\n                {form}\n            </main>\n\n            {appearanceControl && (\n                <div\n                    data-slot=\"auth-shell-appearance\"\n                    className=\"top-4 right-4 absolute\"\n                >\n                    {appearanceControl}\n                </div>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"sources":["../src/shells/app-content.tsx","../src/shells/app-shell.tsx","../src/shells/auth-shell.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { SidebarInset } from '@/components/ui/sidebar';\n\ninterface AppContentProps extends React.ComponentProps<'main'> {\n    variant?: 'header' | 'sidebar';\n}\n\nexport function AppContent({\n    variant = 'header',\n    children,\n    ...props\n}: AppContentProps) {\n    if (variant === 'sidebar') {\n        return <SidebarInset {...props}>{children}</SidebarInset>;\n    }\n\n    return (\n        <main\n            className=\"max-w-7xl gap-4 rounded-xl mx-auto flex h-full w-full flex-1 flex-col\"\n            {...props}\n        >\n            {children}\n        </main>\n    );\n}\n","import * as React from 'react';\n\nimport { SidebarProvider } from '@/components/ui/sidebar';\n\ninterface AppShellProps {\n    children: React.ReactNode;\n    variant?: 'header' | 'sidebar';\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    defaultOpen?: boolean;\n}\n\nexport function AppShell({\n    children,\n    variant = 'header',\n    open,\n    onOpenChange,\n    defaultOpen = true,\n}: AppShellProps) {\n    if (variant === 'header') {\n        return (\n            <div className=\"flex min-h-screen w-full flex-col\">{children}</div>\n        );\n    }\n\n    return (\n        <SidebarProvider\n            open={open}\n            onOpenChange={onOpenChange}\n            defaultOpen={defaultOpen}\n        >\n            {children}\n        </SidebarProvider>\n    );\n}\n","import { Card } from '@/components/ui/card';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\nimport { createContext, useContext, type ReactNode } from 'react';\n\nexport type AuthArrangement = 'centred' | 'split';\n\nconst ArrangementContext = createContext<AuthArrangement>('centred');\n\nexport function useAuthArrangement(): AuthArrangement {\n    return useContext(ArrangementContext);\n}\n\nexport interface AuthShellRootProps {\n    arrangement?: AuthArrangement;\n    appearanceControl?: ReactNode;\n    children: ReactNode;\n    className?: string;\n}\n\nexport function AuthShellRoot({\n    arrangement = 'centred',\n    appearanceControl,\n    children,\n    className,\n    slotName = 'auth-shell',\n}: AuthShellRootProps & SlotNameProps) {\n    const split = arrangement === 'split';\n\n    return (\n        <ArrangementContext.Provider value={arrangement}>\n            <div\n                data-arrangement={arrangement}\n                className={cn(\n                    'relative flex min-h-screen w-full',\n                    split && 'lg:grid lg:grid-cols-2',\n                    className,\n                )}\n                data-slot={slotName}\n            >\n                {children}\n\n                {appearanceControl && (\n                    <div\n                        data-slot=\"auth-shell-appearance\"\n                        className=\"top-4 right-4 absolute\"\n                    >\n                        {appearanceControl}\n                    </div>\n                )}\n            </div>\n        </ArrangementContext.Provider>\n    );\n}\n\nexport interface AuthShellMainProps {\n    children: ReactNode;\n}\n\nexport function AuthShellMain({\n    children,\n    slotName = 'auth-shell-main',\n}: AuthShellMainProps & SlotNameProps) {\n    return (\n        <main\n            data-slot={slotName}\n            className=\"p-6 flex flex-1 items-center justify-center\"\n        >\n            <div\n                data-slot=\"auth-shell-form\"\n                className=\"gap-6 max-w-md flex w-full flex-col\"\n            >\n                {children}\n            </div>\n        </main>\n    );\n}\n\nexport interface AuthShellPanelProps {\n    decorative?: boolean;\n    arrangement?: AuthArrangement;\n    children: ReactNode;\n}\n\nexport function AuthShellPanel({\n    decorative = true,\n    arrangement,\n    children,\n    slotName = 'auth-shell-panel',\n}: AuthShellPanelProps & SlotNameProps) {\n    const contextArrangement = useAuthArrangement();\n\n    if ((arrangement ?? contextArrangement) !== 'split') {\n        return null;\n    }\n\n    return (\n        <aside\n            data-slot={slotName}\n            aria-hidden={decorative || undefined}\n            className=\"p-10 lg:flex hidden flex-col justify-between bg-primary text-primary-foreground\"\n        >\n            {children}\n        </aside>\n    );\n}\n\nexport interface AuthShellSurfaceProps {\n    children: ReactNode;\n    className?: string;\n}\n\nexport function AuthShellSurface({\n    children,\n    className,\n    slotName = 'card',\n}: AuthShellSurfaceProps & SlotNameProps) {\n    return (\n        <Card className={cn('p-6', className)} slotName={slotName}>\n            {children}\n        </Card>\n    );\n}\n\nexport interface AuthShellLogoProps {\n    children: ReactNode;\n}\n\nexport function AuthShellLogo({\n    children,\n    slotName = 'auth-shell-logo',\n}: AuthShellLogoProps & SlotNameProps) {\n    return (\n        <div data-slot={slotName} className=\"flex justify-center\">\n            {children}\n        </div>\n    );\n}\n\nexport interface AuthShellHeadingProps {\n    title: string;\n    description?: string;\n    align?: 'start' | 'center';\n}\n\nexport function AuthShellHeading({\n    title,\n    description,\n    align = 'start',\n    slotName = 'auth-shell-heading',\n}: AuthShellHeadingProps & SlotNameProps) {\n    return (\n        <div\n            data-slot={slotName}\n            className={cn('space-y-2', align === 'center' && 'text-center')}\n        >\n            <h1 className=\"text-xl font-bold tracking-tight text-foreground\">\n                {title}\n            </h1>\n            {description && (\n                <p className=\"text-sm font-medium text-muted-foreground\">\n                    {description}\n                </p>\n            )}\n        </div>\n    );\n}\n\nexport interface AuthShellBodyProps {\n    children: ReactNode;\n}\n\nexport function AuthShellBody({\n    children,\n    slotName = 'auth-shell-body',\n}: AuthShellBodyProps & SlotNameProps) {\n    return <div data-slot={slotName}>{children}</div>;\n}\n\nexport interface AuthShellFooterProps {\n    children: ReactNode;\n}\n\nexport function AuthShellFooter({\n    children,\n    slotName = 'auth-shell-footer',\n}: AuthShellFooterProps & SlotNameProps) {\n    return (\n        <footer\n            data-slot={slotName}\n            className=\"gap-2 text-sm font-medium flex flex-wrap items-center justify-center text-muted-foreground\"\n        >\n            {children}\n        </footer>\n    );\n}\n\nexport interface AuthShellProps {\n    logo?: ReactNode;\n    title: string;\n    description?: string;\n    arrangement?: AuthArrangement;\n    panel?: ReactNode;\n    panelDecorative?: boolean;\n    footer?: ReactNode;\n    appearanceControl?: ReactNode;\n    surface?: boolean;\n    children: ReactNode;\n    className?: string;\n}\n\nexport function AuthShell({\n    logo,\n    title,\n    description,\n    arrangement = 'centred',\n    panel,\n    panelDecorative = true,\n    footer,\n    appearanceControl,\n    surface = true,\n    children,\n    className,\n    slotName = 'auth-shell',\n}: AuthShellProps & SlotNameProps) {\n    const body = <AuthShellBody>{children}</AuthShellBody>;\n\n    return (\n        <AuthShellRoot\n            arrangement={arrangement}\n            appearanceControl={appearanceControl}\n            className={className}\n            slotName={slotName}\n        >\n            {panel && (\n                <AuthShellPanel decorative={panelDecorative}>\n                    {panel}\n                </AuthShellPanel>\n            )}\n            <AuthShellMain>\n                {logo && <AuthShellLogo>{logo}</AuthShellLogo>}\n                <AuthShellHeading title={title} description={description} />\n                {surface ? <AuthShellSurface>{body}</AuthShellSurface> : body}\n                {footer && <AuthShellFooter>{footer}</AuthShellFooter>}\n            </AuthShellMain>\n        </AuthShellRoot>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAce;AANR,SAAS,WAAW;AAAA,EACvB,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACP,GAAoB;AAChB,MAAI,YAAY,WAAW;AACvB,WAAO,oBAAC,gBAAc,GAAG,OAAQ,UAAS;AAAA,EAC9C;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;;;ACJY,gBAAAA,YAAA;AATL,SAAS,SAAS;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,cAAc;AAClB,GAAkB;AACd,MAAI,YAAY,UAAU;AACtB,WACI,gBAAAA,KAAC,SAAI,WAAU,qCAAqC,UAAS;AAAA,EAErE;AAEA,SACI,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACL;AAER;;;AC/BA,SAAS,eAAe,kBAAkC;AA4B9C,SAYQ,OAAAC,MAZR;AAxBZ,IAAM,qBAAqB,cAA+B,SAAS;AAE5D,SAAS,qBAAsC;AAClD,SAAO,WAAW,kBAAkB;AACxC;AASO,SAAS,cAAc;AAAA,EAC1B,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACf,GAAuC;AACnC,QAAM,QAAQ,gBAAgB;AAE9B,SACI,gBAAAA,KAAC,mBAAmB,UAAnB,EAA4B,OAAO,aAChC;AAAA,IAAC;AAAA;AAAA,MACG,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACP;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACJ;AAAA,MACA,aAAW;AAAA,MAEV;AAAA;AAAA,QAEA,qBACG,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,WAAU;AAAA,YAET;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EAER,GACJ;AAER;AAMO,SAAS,cAAc;AAAA,EAC1B;AAAA,EACA,WAAW;AACf,GAAuC;AACnC,SACI,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACG,aAAW;AAAA,MACX,WAAU;AAAA,MAEV,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACG,aAAU;AAAA,UACV,WAAU;AAAA,UAET;AAAA;AAAA,MACL;AAAA;AAAA,EACJ;AAER;AAQO,SAAS,eAAe;AAAA,EAC3B,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,WAAW;AACf,GAAwC;AACpC,QAAM,qBAAqB,mBAAmB;AAE9C,OAAK,eAAe,wBAAwB,SAAS;AACjD,WAAO;AAAA,EACX;AAEA,SACI,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACG,aAAW;AAAA,MACX,eAAa,cAAc;AAAA,MAC3B,WAAU;AAAA,MAET;AAAA;AAAA,EACL;AAER;AAOO,SAAS,iBAAiB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,WAAW;AACf,GAA0C;AACtC,SACI,gBAAAA,KAAC,QAAK,WAAW,GAAG,OAAO,SAAS,GAAG,UAClC,UACL;AAER;AAMO,SAAS,cAAc;AAAA,EAC1B;AAAA,EACA,WAAW;AACf,GAAuC;AACnC,SACI,gBAAAA,KAAC,SAAI,aAAW,UAAU,WAAU,uBAC/B,UACL;AAER;AAQO,SAAS,iBAAiB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AACf,GAA0C;AACtC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAW;AAAA,MACX,WAAW,GAAG,aAAa,UAAU,YAAY,aAAa;AAAA,MAE9D;AAAA,wBAAAA,KAAC,QAAG,WAAU,oDACT,iBACL;AAAA,QACC,eACG,gBAAAA,KAAC,OAAE,WAAU,6CACR,uBACL;AAAA;AAAA;AAAA,EAER;AAER;AAMO,SAAS,cAAc;AAAA,EAC1B;AAAA,EACA,WAAW;AACf,GAAuC;AACnC,SAAO,gBAAAA,KAAC,SAAI,aAAW,UAAW,UAAS;AAC/C;AAMO,SAAS,gBAAgB;AAAA,EAC5B;AAAA,EACA,WAAW;AACf,GAAyC;AACrC,SACI,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACG,aAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA;AAAA,EACL;AAER;AAgBO,SAAS,UAAU;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,WAAW;AACf,GAAmC;AAC/B,QAAM,OAAO,gBAAAA,KAAC,iBAAe,UAAS;AAEtC,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,iBACG,gBAAAA,KAAC,kBAAe,YAAY,iBACvB,iBACL;AAAA,QAEJ,qBAAC,iBACI;AAAA,kBAAQ,gBAAAA,KAAC,iBAAe,gBAAK;AAAA,UAC9B,gBAAAA,KAAC,oBAAiB,OAAc,aAA0B;AAAA,UACzD,UAAU,gBAAAA,KAAC,oBAAkB,gBAAK,IAAsB;AAAA,UACxD,UAAU,gBAAAA,KAAC,mBAAiB,kBAAO;AAAA,WACxC;AAAA;AAAA;AAAA,EACJ;AAER;","names":["jsx","jsx"]}

package/dist/{sidebar-Bp6Q46j-.d.ts → sidebar-BLL2tgTt.d.ts}

@@ -1,9 +1,9 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import { I as Input, B as Button } from './input-Dxnsxi-f.js';
+import { I as Input, B as Button } from './input-B4uEClxB.js';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { S as SlotNameProps } from './types-cmBL8zOc.js';
+import { S as SlotNameProps } from './types-CMZRvMV5.js';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
 declare function Separator({ className, orientation, decorative, slotName, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root> & SlotNameProps): React.JSX.Element;

package/dist/types-1LUmNJf_.d.ts

@@ -0,0 +1,41 @@
+interface LoginFormLabels {
+    emailLabel: string;
+    emailPlaceholder: string;
+    passwordLabel: string;
+    passwordPlaceholder: string;
+    forgotPasswordLabel: string;
+    rememberLabel: string;
+    submitLabel: string;
+    submittingLabel: string;
+}
+declare const loginFormLabels: LoginFormLabels;
+type LoginFormErrors = Record<string, string | string[] | undefined>;
+
+type TourBreakpoint = 'mobile' | 'desktop';
+type TourOutcome = 'completed' | 'skipped' | 'dismissed';
+interface TourStep {
+    target: string;
+    title: string;
+    description: string;
+    breakpoints?: TourBreakpoint[];
+}
+interface TourDefinition {
+    id: string;
+    version: number;
+    steps: TourStep[];
+}
+interface TourProgress {
+    tour: string;
+    version: number;
+    lastStep: number;
+    outcome: TourOutcome;
+}
+interface TourLabels {
+    next: string;
+    previous: string;
+    done: string;
+    progress: string;
+}
+declare const DEFAULT_TOUR_LABELS: TourLabels;
+
+export { DEFAULT_TOUR_LABELS as D, type LoginFormErrors as L, type TourStep as T, type LoginFormLabels as a, type TourDefinition as b, type TourBreakpoint as c, type TourProgress as d, type TourLabels as e, type TourOutcome as f, loginFormLabels as l };

package/dist/{types-cmBL8zOc.d.ts → types-CMZRvMV5.d.ts}

@@ -48,4 +48,4 @@ interface LinkProps {
 }
 type LinkComponent = ComponentType<LinkProps>;
 
-export type { BreadcrumbItem as B, Column as C, FilterFn as F, IconComponent as I, LucideIcon as L, NavGroup as N, Row as R, SlotNameProps as S, TableInstance as T, UrlLike as U, ColumnDef as a, NavItem as b, SharedUser as c, LinkComponent as d, LinkProps as e };
+export type { BreadcrumbItem as B, Column as C, FilterFn as F, IconComponent as I, LinkComponent as L, NavGroup as N, Row as R, SlotNameProps as S, TableInstance as T, UrlLike as U, ColumnDef as a, LucideIcon as b, NavItem as c, SharedUser as d, LinkProps as e };

package/dist/{types-B-eGPoFD.d.ts → types-CfAUvz--.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { S as SlotNameProps } from './types-cmBL8zOc.js';
+import { S as SlotNameProps } from './types-CMZRvMV5.js';
 
 interface DangerZoneLabels {
     title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akira-io/ui",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "Open-source React component library: the full shadcn/ui set on an OKLCH design-token system with swappable brand palettes.",
   "license": "MIT",
   "repository": {
@@ -114,7 +114,7 @@
     "vaul": "^1.1.2"
   },
   "peerDependencies": {
-    "@inertiajs/react": "^1.0.0 || ^2.0.0 || ^3.0.0",
+    "@inertiajs/react": "^2.1.2 || ^3.0.0",
     "@tanstack/react-table": "^8.21.3",
     "@tiptap/core": "^3.29.2",
     "@tiptap/pm": "^3.29.2",
@@ -157,6 +157,7 @@
     }
   },
   "devDependencies": {
+    "@inertiajs/react": "3.6.1",
     "@tanstack/react-table": "^8.21.3",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
@@ -167,6 +168,7 @@
     "@tiptap/starter-kit": "3.29.2",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
+    "esbuild-plugin-preserve-directives": "^0.0.11",
     "jsdom": "^30.0.1",
     "prettier": "^3.8.1",
     "prettier-plugin-organize-imports": "^4.3.0",

package/theme.css

@@ -71,6 +71,7 @@
     --color-sidebar-accent: var(--sidebar-accent);
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
     --color-sidebar-accent-hover: var(--sidebar-accent-hover);
+    --color-tab-active: var(--tab-active);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-ring: var(--sidebar-ring);
 }
@@ -122,6 +123,7 @@
     --sidebar-accent: oklch(0.97 0 0);
     --sidebar-accent-foreground: oklch(0.205 0 0);
     --sidebar-accent-hover: oklch(0.955 0 0);
+    --tab-active: oklch(1 0 0);
     --sidebar-border: oklch(0.922 0 0);
     --sidebar-ring: oklch(0.87 0 0);
 }
@@ -171,6 +173,7 @@
     --sidebar-accent: oklch(0.269 0 0);
     --sidebar-accent-foreground: oklch(0.985 0 0);
     --sidebar-accent-hover: oklch(0.3 0 0);
+    --tab-active: oklch(0.32 0 0);
     --sidebar-border: oklch(0.269 0 0);
     --sidebar-ring: oklch(0.439 0 0);
 }

package/themes/nosferry.css

@@ -6,8 +6,8 @@
 }
 
 [data-brand='nosferry'].dark {
-    --primary: oklch(0.704 0.191 22.216); /* red-400 */
-    --primary-foreground: oklch(0.161 0.027 294);
+    --primary: oklch(0.637 0.237 25.331); /* red-500 */
+    --primary-foreground: oklch(0.985 0 0);
     --destructive: oklch(0.72 0.18 38);
     --destructive-foreground: oklch(0.161 0.027 294);
 }