@akira-io/ui 1.0.0 → 1.1.1

package/dist/password-input-DcXX7SG9.d.ts

@@ -0,0 +1,51 @@
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { S as SlotNameProps } from './types-cmBL8zOc.js';
+import { I as Input } from './input-Dpi7pXeR.js';
+
+type FieldOrientation = 'vertical' | 'horizontal';
+interface FieldContextValue {
+    controlId: string;
+    descriptionId: string;
+    errorId: string;
+    orientation: FieldOrientation;
+    invalid: boolean;
+    required: boolean;
+    hasDescription: boolean;
+    setHasDescription: (present: boolean) => void;
+}
+declare function useField(): FieldContextValue;
+
+declare function Label({ className, slotName, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & SlotNameProps): React.JSX.Element;
+
+interface FieldLabels {
+    requiredLabel: string;
+}
+interface FieldProps extends React.ComponentProps<'div'> {
+    orientation?: FieldOrientation;
+    error?: string;
+    invalid?: boolean;
+    required?: boolean;
+}
+declare function Field({ className, children, id, orientation, error, invalid, required, slotName, ...props }: FieldProps & SlotNameProps): React.JSX.Element;
+declare function FieldGroup({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React.JSX.Element;
+interface FieldLabelProps extends React.ComponentProps<typeof Label> {
+    requiredLabel?: FieldLabels['requiredLabel'];
+}
+declare function FieldLabel({ className, children, requiredLabel, slotName, ...props }: FieldLabelProps & SlotNameProps): React.JSX.Element;
+declare function FieldDescription({ className, slotName, ...props }: React.ComponentProps<'p'> & SlotNameProps): React.JSX.Element;
+declare function FieldControl({ className, ...props }: React.ComponentProps<typeof Slot>): React.JSX.Element;
+
+interface PasswordInputLabels {
+    showLabel: string;
+    hideLabel: string;
+}
+interface PasswordInputProps extends Omit<React.ComponentProps<typeof Input>, 'type'> {
+    revealable?: boolean;
+    showLabel?: PasswordInputLabels['showLabel'];
+    hideLabel?: PasswordInputLabels['hideLabel'];
+}
+declare function PasswordInput({ className, revealable, showLabel, hideLabel, slotName, ...props }: PasswordInputProps & SlotNameProps): React.JSX.Element;
+
+export { Field as F, Label as L, PasswordInput as P, type FieldContextValue as a, FieldControl as b, FieldDescription as c, FieldGroup as d, FieldLabel as e, type FieldLabels as f, type FieldOrientation as g, type PasswordInputLabels as h, useField as u };

package/dist/shells.d.ts

@@ -1,10 +1,14 @@
-import { U as UrlLike, N as NavGroup, a as NavItem, S as SharedUser, L as LinkComponent, B as BreadcrumbItem } from './types-Cno1_Ijx.js';
-export { I as IconComponent, b as LinkProps } from './types-Cno1_Ijx.js';
+import { U as UrlLike, N as NavGroup, b as NavItem, c as SharedUser, d as LinkComponent, B as BreadcrumbItem, S as SlotNameProps } from './types-cmBL8zOc.js';
+export { C as Column, a as ColumnDef, F as FilterFn, I as IconComponent, e as LinkProps, L as LucideIcon, R as Row, T as TableInstance } from './types-cmBL8zOc.js';
 import * as React from 'react';
 import { ReactNode, ComponentPropsWithoutRef, PropsWithChildren } from 'react';
-import { d as SidebarGroup } from './sidebar-BDhG9SUU.js';
+import { d as SidebarGroup } from './sidebar-DqkFRUxQ.js';
+import '@tanstack/react-table';
+import 'lucide-react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import './button-Bj6My68b.js';
+import './input-Dpi7pXeR.js';
 import '@radix-ui/react-separator';
 import '@radix-ui/react-tooltip';
 
@@ -17,6 +21,18 @@ declare function useAppearance(): {
     readonly updateAppearance: (mode: Appearance) => void;
 };
 
+declare const SIDEBAR_COLLAPSED_GROUPS_KEY = "akira-ui:collapsed-nav-groups";
+interface CollapsedGroupsOptions {
+    group: string;
+    defaultOpen?: boolean;
+    collapsedGroups?: string[];
+    onCollapsedChange?: (collapsedGroups: string[]) => void;
+}
+declare function useCollapsedGroup({ group, defaultOpen, collapsedGroups, onCollapsedChange, }: CollapsedGroupsOptions): {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+
 declare function useInitials(): (fullName: string) => string;
 
 declare function useIsMobile(): boolean;
@@ -45,10 +61,13 @@ interface AppSidebarProps {
     logoutHref: UrlLike;
     currentUrl?: string;
     linkComponent?: LinkComponent;
+    collapsibleGroups?: boolean;
+    collapsedGroups?: string[];
+    onCollapsedChange?: (collapsedGroups: string[]) => void;
     onSettingsClick?: () => void;
     onLogout?: () => void;
 }
-declare function AppSidebar({ logo, logoHref, groups, footerItems, user, settingsHref, logoutHref, currentUrl, linkComponent, onSettingsClick, onLogout, }: AppSidebarProps): React.JSX.Element;
+declare function AppSidebar({ logo, logoHref, groups, footerItems, user, settingsHref, logoutHref, currentUrl, linkComponent, collapsibleGroups, collapsedGroups, onCollapsedChange, onSettingsClick, onLogout, }: AppSidebarProps): React.JSX.Element;
 
 interface AppSidebarHeaderProps {
     breadcrumbs?: BreadcrumbItem[];
@@ -58,6 +77,22 @@ interface AppSidebarHeaderProps {
 }
 declare function AppSidebarHeader({ breadcrumbs, linkComponent, onSearchClick, searchLabel, }: AppSidebarHeaderProps): React.JSX.Element;
 
+type AuthArrangement = 'centred' | 'split';
+interface AuthShellProps {
+    logo?: ReactNode;
+    title: string;
+    description?: string;
+    arrangement?: AuthArrangement;
+    panel?: ReactNode;
+    panelDecorative?: boolean;
+    footer?: ReactNode;
+    appearanceControl?: ReactNode;
+    surface?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+declare function AuthShell({ logo, title, description, arrangement, panel, panelDecorative, footer, appearanceControl, surface, children, className, slotName, }: AuthShellProps & SlotNameProps): React.JSX.Element;
+
 declare function Breadcrumbs({ breadcrumbs, linkComponent, }: {
     breadcrumbs: BreadcrumbItem[];
     linkComponent?: LinkComponent;
@@ -72,14 +107,17 @@ declare function NavFooter({ items, className, ...props }: ComponentPropsWithout
     items: NavItem[];
 }): React.JSX.Element;
 
-declare function NavMain({ items, label, currentUrl, linkComponent, collapsible, defaultOpen, }: {
+interface NavMainProps {
     items: NavItem[];
     label?: string;
     currentUrl?: string;
     linkComponent?: LinkComponent;
     collapsible?: boolean;
     defaultOpen?: boolean;
-}): React.JSX.Element;
+    collapsedGroups?: string[];
+    onCollapsedChange?: (collapsedGroups: string[]) => void;
+}
+declare function NavMain({ items, label, currentUrl, linkComponent, collapsible, defaultOpen, collapsedGroups, onCollapsedChange, }: NavMainProps): React.JSX.Element;
 
 interface NavUserProps {
     user: SharedUser;
@@ -118,4 +156,4 @@ interface UserMenuContentProps {
 }
 declare function UserMenuContent({ user, settingsHref, logoutHref, linkComponent, onSettingsClick, onLogout, settingsLabel, logoutLabel, }: UserMenuContentProps): React.JSX.Element;
 
-export { AppContent, AppShell, AppSidebar, AppSidebarHeader, type Appearance, BreadcrumbItem, Breadcrumbs, Heading, LinkComponent, NavFooter, NavGroup, NavItem, NavMain, NavUser, SettingsLayout, type SettingsLayoutProps, SharedUser, UrlLike, UserInfo, UserMenuContent, hrefToString, initializeTheme, useAppearance, useInitials, useIsMobile };
+export { AppContent, AppShell, AppSidebar, AppSidebarHeader, type Appearance, type AuthArrangement, AuthShell, type AuthShellProps, BreadcrumbItem, Breadcrumbs, Heading, LinkComponent, NavFooter, NavGroup, NavItem, NavMain, type NavMainProps, NavUser, SIDEBAR_COLLAPSED_GROUPS_KEY, SettingsLayout, type SettingsLayoutProps, SharedUser, SlotNameProps, UrlLike, UserInfo, UserMenuContent, hrefToString, initializeTheme, useAppearance, useCollapsedGroup, useInitials, useIsMobile };

package/dist/shells.js

@@ -1,63 +1,14 @@
-export { AppSidebar, AppSidebarHeader, Breadcrumbs, Heading, NavFooter, NavMain, NavUser, SettingsLayout, UserInfo, UserMenuContent, hrefToString, useInitials } from './chunk-A2SIZOEA.js';
-import { SidebarInset, SidebarProvider } from './chunk-5MQWJVM2.js';
-export { useIsMobile } from './chunk-5MQWJVM2.js';
-import './chunk-POE7OYET.js';
-import { useState, useCallback, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
+export { initializeTheme, useAppearance } from './chunk-IQMRJXEO.js';
+import { Card } from './chunk-RPCL7VFQ.js';
+export { AppSidebar, AppSidebarHeader, Breadcrumbs, Heading, NavFooter, NavMain, NavUser, SIDEBAR_COLLAPSED_GROUPS_KEY, SettingsLayout, UserInfo, UserMenuContent, useCollapsedGroup, useInitials } from './chunk-4SOQAVUP.js';
+import { SidebarInset, SidebarProvider } from './chunk-QHZWW55M.js';
+export { useIsMobile } from './chunk-QHZWW55M.js';
+export { hrefToString } from './chunk-L2H5GIF7.js';
+import './chunk-TGF54WAO.js';
+import './chunk-XZCC6MTE.js';
+import { cn } from './chunk-ODYCBCKS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-var prefersDark = () => {
-  if (typeof window === "undefined") {
-    return false;
-  }
-  return window.matchMedia("(prefers-color-scheme: dark)").matches;
-};
-var setCookie = (name, value, days = 365) => {
-  if (typeof document === "undefined") {
-    return;
-  }
-  const maxAge = days * 24 * 60 * 60;
-  document.cookie = `${name}=${value};path=/;max-age=${maxAge};SameSite=Lax`;
-};
-var applyTheme = (appearance) => {
-  const isDark = appearance === "dark" || appearance === "system" && prefersDark();
-  document.documentElement.classList.toggle("dark", isDark);
-  document.documentElement.style.colorScheme = isDark ? "dark" : "light";
-};
-var mediaQuery = () => {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  return window.matchMedia("(prefers-color-scheme: dark)");
-};
-var handleSystemThemeChange = () => {
-  const currentAppearance = localStorage.getItem("appearance");
-  applyTheme(currentAppearance || "system");
-};
-function initializeTheme() {
-  const savedAppearance = localStorage.getItem("appearance") || "system";
-  applyTheme(savedAppearance);
-  mediaQuery()?.addEventListener("change", handleSystemThemeChange);
-}
-function useAppearance() {
-  const [appearance, setAppearance] = useState("system");
-  const updateAppearance = useCallback((mode) => {
-    setAppearance(mode);
-    localStorage.setItem("appearance", mode);
-    setCookie("appearance", mode);
-    applyTheme(mode);
-  }, []);
-  useEffect(() => {
-    const savedAppearance = localStorage.getItem(
-      "appearance"
-    );
-    updateAppearance(savedAppearance || "system");
-    return () => mediaQuery()?.removeEventListener(
-      "change",
-      handleSystemThemeChange
-    );
-  }, [updateAppearance]);
-  return { appearance, updateAppearance };
-}
 function AppContent({
   variant = "header",
   children,
@@ -95,7 +46,92 @@ function AppShell({
     }
   );
 }
+function AuthShell({
+  logo,
+  title,
+  description,
+  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(
+    "div",
+    {
+      "data-arrangement": arrangement,
+      className: cn(
+        "relative flex min-h-screen w-full",
+        split && "lg:grid lg:grid-cols-2",
+        className
+      ),
+      "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(
+          "div",
+          {
+            "data-slot": "auth-shell-appearance",
+            className: "top-4 right-4 absolute",
+            children: appearanceControl
+          }
+        )
+      ]
+    }
+  );
+}
 
-export { AppContent, AppShell, initializeTheme, useAppearance };
+export { AppContent, AppShell, AuthShell };
 //# sourceMappingURL=shells.js.map
 //# sourceMappingURL=shells.js.map

package/dist/shells.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/use-appearance.tsx","../src/shells/app-content.tsx","../src/shells/app-shell.tsx"],"names":["jsx"],"mappings":";;;;;;;AAIA,IAAM,cAAc,MAAM;AACtB,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAC/B,IAAA,OAAO,KAAA;AAAA,EACX;AAEA,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,CAAE,OAAA;AAC7D,CAAA;AAEA,IAAM,SAAA,GAAY,CAAC,IAAA,EAAc,KAAA,EAAe,OAAO,GAAA,KAAQ;AAC3D,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACjC,IAAA;AAAA,EACJ;AAEA,EAAA,MAAM,MAAA,GAAS,IAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA;AAChC,EAAA,QAAA,CAAS,SAAS,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,mBAAmB,MAAM,CAAA,aAAA,CAAA;AAC/D,CAAA;AAEA,IAAM,UAAA,GAAa,CAAC,UAAA,KAA2B;AAC3C,EAAA,MAAM,MAAA,GACF,UAAA,KAAe,MAAA,IAAW,UAAA,KAAe,YAAY,WAAA,EAAY;AAErE,EAAA,QAAA,CAAS,eAAA,CAAgB,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,MAAM,CAAA;AACxD,EAAA,QAAA,CAAS,eAAA,CAAgB,KAAA,CAAM,WAAA,GAAc,MAAA,GAAS,MAAA,GAAS,OAAA;AACnE,CAAA;AAEA,IAAM,aAAa,MAAM;AACrB,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAC/B,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,OAAO,MAAA,CAAO,WAAW,8BAA8B,CAAA;AAC3D,CAAA;AAEA,IAAM,0BAA0B,MAAM;AAClC,EAAA,MAAM,iBAAA,GAAoB,YAAA,CAAa,OAAA,CAAQ,YAAY,CAAA;AAC3D,EAAA,UAAA,CAAW,qBAAqB,QAAQ,CAAA;AAC5C,CAAA;AAEO,SAAS,eAAA,GAAkB;AAC9B,EAAA,MAAM,eAAA,GACD,YAAA,CAAa,OAAA,CAAQ,YAAY,CAAA,IAAoB,QAAA;AAE1D,EAAA,UAAA,CAAW,eAAe,CAAA;AAE1B,EAAA,UAAA,EAAW,EAAG,gBAAA,CAAiB,QAAA,EAAU,uBAAuB,CAAA;AACpE;AAEO,SAAS,aAAA,GAAgB;AAC5B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAqB,QAAQ,CAAA;AAEjE,EAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,CAAC,IAAA,KAAqB;AACvD,IAAA,aAAA,CAAc,IAAI,CAAA;AAElB,IAAA,YAAA,CAAa,OAAA,CAAQ,cAAc,IAAI,CAAA;AACvC,IAAA,SAAA,CAAU,cAAc,IAAI,CAAA;AAC5B,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,kBAAkB,YAAA,CAAa,OAAA;AAAA,MACjC;AAAA,KACJ;AACA,IAAA,gBAAA,CAAiB,mBAAmB,QAAQ,CAAA;AAE5C,IAAA,OAAO,MACH,YAAW,EAAG,mBAAA;AAAA,MACV,QAAA;AAAA,MACA;AAAA,KACJ;AAAA,EACR,CAAA,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,OAAO,EAAE,YAAY,gBAAA,EAAiB;AAC1C;ACpEO,SAAS,UAAA,CAAW;AAAA,EACvB,OAAA,GAAU,QAAA;AAAA,EACV,QAAA;AAAA,EACA,GAAG;AACP,CAAA,EAAoB;AAChB,EAAA,IAAI,YAAY,SAAA,EAAW;AACvB,IAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AAAA,EAC9C;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAU,uEAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACL;AAER;ACbO,SAAS,QAAA,CAAS;AAAA,EACrB,QAAA;AAAA,EACA,OAAA,GAAU,QAAA;AAAA,EACV,IAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA,GAAc;AAClB,CAAA,EAAkB;AACd,EAAA,IAAI,YAAY,QAAA,EAAU;AACtB,IAAA,uBACIA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAqC,QAAA,EAAS,CAAA;AAAA,EAErE;AAEA,EAAA,uBACIA,GAAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACG,IAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MAEC;AAAA;AAAA,GACL;AAER","file":"shells.js","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport type Appearance = 'light' | 'dark' | 'system';\n\nconst prefersDark = () => {\n    if (typeof window === 'undefined') {\n        return false;\n    }\n\n    return window.matchMedia('(prefers-color-scheme: dark)').matches;\n};\n\nconst setCookie = (name: string, value: string, days = 365) => {\n    if (typeof document === 'undefined') {\n        return;\n    }\n\n    const maxAge = days * 24 * 60 * 60;\n    document.cookie = `${name}=${value};path=/;max-age=${maxAge};SameSite=Lax`;\n};\n\nconst applyTheme = (appearance: Appearance) => {\n    const isDark =\n        appearance === 'dark' || (appearance === 'system' && prefersDark());\n\n    document.documentElement.classList.toggle('dark', isDark);\n    document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';\n};\n\nconst mediaQuery = () => {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n\n    return window.matchMedia('(prefers-color-scheme: dark)');\n};\n\nconst handleSystemThemeChange = () => {\n    const currentAppearance = localStorage.getItem('appearance') as Appearance;\n    applyTheme(currentAppearance || 'system');\n};\n\nexport function initializeTheme() {\n    const savedAppearance =\n        (localStorage.getItem('appearance') as Appearance) || 'system';\n\n    applyTheme(savedAppearance);\n\n    mediaQuery()?.addEventListener('change', handleSystemThemeChange);\n}\n\nexport function useAppearance() {\n    const [appearance, setAppearance] = useState<Appearance>('system');\n\n    const updateAppearance = useCallback((mode: Appearance) => {\n        setAppearance(mode);\n\n        localStorage.setItem('appearance', mode);\n        setCookie('appearance', mode);\n        applyTheme(mode);\n    }, []);\n\n    useEffect(() => {\n        const savedAppearance = localStorage.getItem(\n            'appearance',\n        ) as Appearance | null;\n        updateAppearance(savedAppearance || 'system');\n\n        return () =>\n            mediaQuery()?.removeEventListener(\n                'change',\n                handleSystemThemeChange,\n            );\n    }, [updateAppearance]);\n\n    return { appearance, updateAppearance } as const;\n}\n","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"]}
+{"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"]}

package/dist/sidebar-DqkFRUxQ.d.ts

@@ -0,0 +1,81 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { B as Button } from './button-Bj6My68b.js';
+import { I as Input } from './input-Dpi7pXeR.js';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { S as SlotNameProps } from './types-cmBL8zOc.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;
+
+declare function TooltipProvider({ delayDuration, slotName, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider> & SlotNameProps): React.JSX.Element;
+declare function Tooltip({ slotName, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & SlotNameProps): React.JSX.Element;
+declare function TooltipTrigger({ slotName, ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger> & SlotNameProps): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, slotName, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content> & SlotNameProps): React.JSX.Element;
+
+type SidebarContext = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const SidebarContext: React.Context<SidebarContext | null>;
+declare function useSidebar(): SidebarContext;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, slotName, ...props }: React.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+} & SlotNameProps): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, slotName, ...props }: React.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+} & SlotNameProps): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, slotName, ...props }: React.ComponentProps<typeof Button> & SlotNameProps): React.JSX.Element;
+declare function SidebarRail({ className, slotName, ...props }: React.ComponentProps<'button'> & SlotNameProps): React.JSX.Element;
+declare function SidebarInset({ className, slotName, ...props }: React.ComponentProps<'main'> & SlotNameProps): React.JSX.Element;
+declare function SidebarInput({ className, slotName, ...props }: React.ComponentProps<typeof Input> & SlotNameProps): React.JSX.Element;
+declare function SidebarHeader({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React.JSX.Element;
+declare function SidebarFooter({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React.JSX.Element;
+declare function SidebarSeparator({ className, slotName, ...props }: React.ComponentProps<typeof Separator> & SlotNameProps): React.JSX.Element;
+declare function SidebarContent({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React.JSX.Element;
+declare function SidebarGroup({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, slotName, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+} & SlotNameProps): React.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, slotName, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+} & SlotNameProps): React.JSX.Element;
+declare function SidebarGroupContent({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React.JSX.Element;
+declare function SidebarMenu({ className, slotName, ...props }: React.ComponentProps<'ul'> & SlotNameProps): React.JSX.Element;
+declare function SidebarMenuItem({ className, slotName, ...props }: React.ComponentProps<'li'> & SlotNameProps): React.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, slotName, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants> & SlotNameProps): React.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, slotName, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+} & SlotNameProps): React.JSX.Element;
+declare function SidebarMenuBadge({ className, slotName, ...props }: React.ComponentProps<'div'> & SlotNameProps): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, slotName, ...props }: React.ComponentProps<'div'> & {
+    showIcon?: boolean;
+} & SlotNameProps): React.JSX.Element;
+declare function SidebarMenuSub({ className, slotName, ...props }: React.ComponentProps<'ul'> & SlotNameProps): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, slotName, ...props }: React.ComponentProps<'li'> & SlotNameProps): React.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, slotName, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+} & SlotNameProps): React.JSX.Element;
+
+export { useSidebar as A, Separator as S, Tooltip as T, Sidebar as a, SidebarContent as b, SidebarFooter as c, SidebarGroup as d, SidebarGroupAction as e, SidebarGroupContent as f, SidebarGroupLabel as g, SidebarHeader as h, SidebarInput as i, SidebarInset as j, SidebarMenu as k, SidebarMenuAction as l, SidebarMenuBadge as m, SidebarMenuButton as n, SidebarMenuItem as o, SidebarMenuSkeleton as p, SidebarMenuSub as q, SidebarMenuSubButton as r, SidebarMenuSubItem as s, SidebarProvider as t, SidebarRail as u, SidebarSeparator as v, SidebarTrigger as w, TooltipContent as x, TooltipProvider as y, TooltipTrigger as z };

package/dist/types-B-eGPoFD.d.ts

@@ -0,0 +1,111 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { S as SlotNameProps } from './types-cmBL8zOc.js';
+
+interface DangerZoneLabels {
+    title: string;
+    description: string;
+    actionLabel: string;
+    confirmTitle: string;
+    confirmDescription: string;
+    confirmText: string;
+    cancelText: string;
+    requiredValueLabel: string;
+}
+declare const dangerZoneLabels: DangerZoneLabels;
+interface DangerZoneAction {
+    id: string;
+    title: string;
+    description?: string;
+    actionLabel?: string;
+    confirmTitle?: string;
+    confirmDescription?: string;
+    confirmText?: string;
+    cancelText?: string;
+    requiredValue?: string;
+    requiredValueLabel?: string;
+    disabled?: boolean;
+    onConfirm: () => void;
+}
+interface DangerZoneProps {
+    title?: string;
+    description?: string;
+    actions: DangerZoneAction[];
+    processing?: boolean;
+    labels?: Partial<DangerZoneLabels>;
+    footer?: ReactNode;
+    className?: string;
+}
+declare function DangerZone({ title, description, actions, processing, labels, footer, className, slotName, }: DangerZoneProps & SlotNameProps): React.JSX.Element;
+
+interface FormOverlayLabels {
+    cancelLabel: string;
+    saveLabel: string;
+    savingLabel: string;
+}
+declare const formOverlayDefaultLabels: FormOverlayLabels;
+type FormOverlayIntent = 'default' | 'destructive';
+interface FormOverlayActionsProps {
+    labels?: FormOverlayLabels;
+    processing?: boolean;
+    intent?: FormOverlayIntent;
+    submit?: boolean;
+    className?: string;
+    onCancel: () => void;
+    onSave?: () => void;
+}
+declare function FormOverlayActions({ labels, processing, intent, submit, className, onCancel, onSave, slotName, }: FormOverlayActionsProps & SlotNameProps): React.JSX.Element;
+
+type TwoFactorSetupStep = 'pending' | 'scan' | 'confirm' | 'recovery';
+type TwoFactorCodeMode = 'code' | 'recovery';
+interface TwoFactorLabels {
+    setupTitle: string;
+    setupDescription: string;
+    pendingLabel: string;
+    scanTitle: string;
+    scanDescription: string;
+    qrFallbackLabel: string;
+    manualKeyLabel: string;
+    manualKeyDescription: string;
+    manualKeyRevealLabel: string;
+    manualKeyHideLabel: string;
+    continueLabel: string;
+    confirmTitle: string;
+    confirmDescription: string;
+    codeLabel: string;
+    recoveryCodeLabel: string;
+    recoveryCodePlaceholder: string;
+    useRecoveryCodeLabel: string;
+    useCodeLabel: string;
+    verifyLabel: string;
+    verifyingLabel: string;
+    errorFallbackLabel: string;
+    cancelLabel: string;
+    challengeTitle: string;
+    challengeDescription: string;
+    recoveryTitle: string;
+    recoveryDescription: string;
+    recoveryWarning: string;
+    revealLabel: string;
+    hideLabel: string;
+    copyLabel: string;
+    copiedLabel: string;
+    copyFailedLabel: string;
+    regenerateLabel: string;
+    doneLabel: string;
+    disableLabel: string;
+    disableTitle: string;
+    disableDescription: string;
+    disableConfirmLabel: string;
+    disableCancelLabel: string;
+}
+declare const twoFactorLabels: TwoFactorLabels;
+interface TwoFactorLabelProps {
+    labels?: Partial<TwoFactorLabels>;
+}
+interface TwoFactorQrProps {
+    qrCode?: ReactNode;
+    qrCodeSvg?: string;
+}
+
+export { DangerZone as D, type FormOverlayIntent as F, type TwoFactorLabelProps as T, type FormOverlayLabels as a, type TwoFactorCodeMode as b, type TwoFactorQrProps as c, type DangerZoneAction as d, type DangerZoneLabels as e, type DangerZoneProps as f, FormOverlayActions as g, type FormOverlayActionsProps as h, type TwoFactorLabels as i, type TwoFactorSetupStep as j, dangerZoneLabels as k, formOverlayDefaultLabels as l, twoFactorLabels as t };

package/dist/types-cmBL8zOc.d.ts

@@ -0,0 +1,51 @@
+import { Column as Column$1, ColumnDef as ColumnDef$1, FilterFn as FilterFn$1, Row as Row$1, Table } from '@tanstack/react-table';
+import { LucideIcon as LucideIcon$1 } from 'lucide-react';
+import { ComponentType, ReactNode, MouseEvent } from 'react';
+
+interface SlotNameProps {
+    slotName?: string;
+}
+type UrlLike = string | {
+    url: string;
+    method?: string;
+};
+type Column<TData, TValue = unknown> = Column$1<TData, TValue>;
+type ColumnDef<TData, TValue = unknown> = ColumnDef$1<TData, TValue>;
+type FilterFn<TData> = FilterFn$1<TData>;
+type Row<TData> = Row$1<TData>;
+type TableInstance<TData> = Table<TData>;
+type LucideIcon = LucideIcon$1;
+type IconComponent = ComponentType<{
+    className?: string;
+}>;
+interface NavItem {
+    title: string;
+    href: UrlLike;
+    icon?: IconComponent | null;
+    isActive?: boolean;
+}
+interface BreadcrumbItem {
+    title: string;
+    href: UrlLike;
+}
+interface NavGroup {
+    label?: string;
+    items: NavItem[];
+}
+interface SharedUser {
+    name: string;
+    email: string;
+    avatar?: string;
+}
+interface LinkProps {
+    href: UrlLike;
+    children?: ReactNode;
+    className?: string;
+    prefetch?: boolean;
+    as?: string;
+    onClick?: (event: MouseEvent) => void;
+    [key: string]: unknown;
+}
+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 };