@noxickon/onyx 4.1.6 → 5.0.0

package/dist/legacy/ui/Floating/Floating.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: (({ align, animationDuration, ariaHaspopup, children, defaultOpen, disabled, hoverDelay, id: propertyId, offset, onOpenChange, open: controlledOpen, position, trigger, useAriaControls, }: import('../..').OxFloatingProps) => import("react/jsx-runtime").JSX.Element) & {
         Content: ({ children, className, portal, style, ...domProps }: import('../..').OxFloatingContentProps) => import("react/jsx-runtime").JSX.Element | null;
-        Trigger: ({ asChild, children, className, ...domProps }: import('../..').OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ asSlot, children, className, ...domProps }: import('../..').OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
     };
     subcomponents: {
         'OxFloating.Trigger': ComponentType<unknown>;

package/dist/legacy/ui/Floating/index.d.ts

@@ -4,5 +4,5 @@ export { OxFloatingContext } from './src/context/FloatingContext';
 export { useOxFloatingContext } from './src/context/useFloatingContext';
 export declare const OxFloating: (({ align, animationDuration, ariaHaspopup, children, defaultOpen, disabled, hoverDelay, id: propertyId, offset, onOpenChange, open: controlledOpen, position, trigger, useAriaControls, }: import('.').OxFloatingProps) => import("react/jsx-runtime").JSX.Element) & {
     Content: ({ children, className, portal, style, ...domProps }: import('.').OxFloatingContentProps) => import("react/jsx-runtime").JSX.Element | null;
-    Trigger: ({ asChild, children, className, ...domProps }: import('.').OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ asSlot, children, className, ...domProps }: import('.').OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/legacy/ui/Floating/src/Floating.types.d.ts

@@ -20,7 +20,7 @@ export interface OxFloatingProps {
     useAriaControls?: boolean;
 }
 export interface OxFloatingTriggerProps extends ComponentPropsWithRef<'div'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children: ReactNode;
 }
 export interface OxFloatingContentProps extends ComponentPropsWithoutRef<'div'> {

package/dist/legacy/ui/Floating/src/FloatingTrigger.d.ts

@@ -1,2 +1,2 @@
 import { OxFloatingTriggerProps } from './Floating.types';
-export declare const OxFloatingTrigger: ({ asChild, children, className, ...domProps }: OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxFloatingTrigger: ({ asSlot, children, className, ...domProps }: OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/legacy/ui/Toast/Toast.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { OxLegacyToastProvider } from './src/context/ToastProvider';
+declare const meta: Meta<typeof OxLegacyToastProvider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const BasicToasts: Story;
+export declare const Customization: Story;
+export declare const RealWorldExamples: Story;

package/dist/legacy/ui/Toast/index.d.ts

@@ -0,0 +1,5 @@
+export { OxLegacyToastProvider } from './src/context/ToastProvider';
+export { useOxLegacyToast } from './src/context/useToast';
+export { OxLegacyToast } from './src/Toast';
+export type * from './src/Toast.types';
+export type * from './src/context/ToastContext.types';

package/dist/legacy/ui/Toast/src/Toast.d.ts

@@ -0,0 +1,2 @@
+import { OxLegacyToastProps } from './Toast.types';
+export declare const OxLegacyToast: ({ align, onRemove, position, toasts }: OxLegacyToastProps) => import('react').ReactPortal;

package/dist/legacy/ui/Toast/src/Toast.types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { ColorStyleName, StatusType } from '../../../../_internal/styles';
+export type OxLegacyToastAlign = 'left' | 'center' | 'right';
+export type OxLegacyToastPosition = 'top' | 'bottom';
+export interface OxLegacyToastData {
+    color?: ColorStyleName;
+    customContent?: ReactNode;
+    description?: string;
+    duration?: number;
+    icon?: LucideIcon;
+    id: string;
+    isRemoving?: boolean;
+    path?: string;
+    title: string;
+    type: StatusType;
+}
+export interface OxLegacyToastProps {
+    align: OxLegacyToastAlign;
+    onRemove: (id: string) => void;
+    position: OxLegacyToastPosition;
+    toasts: OxLegacyToastData[];
+}
+export interface OxLegacyToastItemProps {
+    index: number;
+    onRemove: (id: string) => void;
+    position: OxLegacyToastPosition;
+    toast: OxLegacyToastData;
+}

package/dist/legacy/ui/Toast/src/ToastItem.d.ts

@@ -0,0 +1,2 @@
+import { OxLegacyToastItemProps } from './Toast.types';
+export declare const OxLegacyToastItem: ({ index, onRemove, position, toast }: OxLegacyToastItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/legacy/ui/Toast/src/context/ToastContext.d.ts

@@ -0,0 +1,2 @@
+import { OxLegacyToastContextApi } from './ToastContext.types';
+export declare const OxLegacyToastContext: import('react').Context<OxLegacyToastContextApi | null>;

package/dist/legacy/ui/Toast/src/context/ToastContext.types.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { ColorStyleName } from '../../../../../_internal/styles';
+import { OxLegacyToastAlign, OxLegacyToastPosition } from '../..';
+export interface OxLegacyToastOptions {
+    color?: ColorStyleName;
+    description?: string;
+    duration?: number;
+    icon?: LucideIcon;
+    path?: string;
+}
+export interface OxLegacyToastContextApi {
+    (title: string, options?: OxLegacyToastOptions): string;
+    custom: (content: ReactNode, options?: {
+        duration?: number;
+    }) => string;
+    destructive: (title: string, options?: OxLegacyToastOptions) => string;
+    dismiss: (id?: string) => void;
+    info: (title: string, options?: OxLegacyToastOptions) => string;
+    success: (title: string, options?: OxLegacyToastOptions) => string;
+    warning: (title: string, options?: OxLegacyToastOptions) => string;
+}
+export interface OxLegacyToastProviderProps {
+    align?: OxLegacyToastAlign;
+    children: ReactNode;
+    maxToasts?: number;
+    position?: OxLegacyToastPosition;
+}

package/dist/legacy/ui/Toast/src/context/ToastProvider.d.ts

@@ -0,0 +1,2 @@
+import { OxLegacyToastProviderProps } from '../..';
+export declare const OxLegacyToastProvider: ({ align, children, maxToasts, position, }: OxLegacyToastProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/legacy/ui/Toast/src/context/useToast.d.ts

@@ -0,0 +1,2 @@
+import { OxLegacyToastContextApi } from './ToastContext.types';
+export declare const useOxLegacyToast: () => OxLegacyToastContextApi;

package/dist/legacy/ui/Toast/test/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/onyx.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./chunks/ui-BBpe54MX.js"),e=require("./chunks/hooks-H39lCrRt.js");exports.OxAccordion=x.OxAccordion;exports.OxAlert=x.OxAlert;exports.OxAspectRatio=x.OxAspectRatio;exports.OxAvatar=x.OxAvatar;exports.OxBadge=x.OxBadge;exports.OxBreadcrumb=x.OxBreadcrumb;exports.OxButton=x.OxButton;exports.OxCalendar=x.OxCalendar;exports.OxCard=x.OxCard;exports.OxCheckbox=x.OxCheckbox;exports.OxCombobox=x.OxCombobox;exports.OxDateInput=x.OxDateInput;exports.OxDescription=x.OxDescription;exports.OxDescriptionList=x.OxDescriptionList;exports.OxDialog=x.OxDialog;exports.OxDndContext=x.OxDndContext;exports.OxDraggable=x.OxDraggable;exports.OxDrawer=x.OxDrawer;exports.OxDropdown=x.OxDropdown;exports.OxDroppable=x.OxDroppable;exports.OxEndlessList=x.OxEndlessList;exports.OxError=x.OxError;exports.OxFileUpload=x.OxFileUpload;exports.OxForm=x.OxForm;exports.OxHeading=x.OxHeading;exports.OxHoverCard=x.OxHoverCard;exports.OxIcon=x.OxIcon;exports.OxImage=x.OxImage;exports.OxJsonField=x.OxJsonField;exports.OxKanban=x.OxKanban;exports.OxLabel=x.OxLabel;exports.OxLegend=x.OxLegend;exports.OxLink=x.OxLink;exports.OxMasonry=x.OxMasonry;exports.OxNotifications=x.OxNotifications;exports.OxNumberInput=x.OxNumberInput;exports.OxOtpInput=x.OxOtpInput;exports.OxPageOutline=x.OxPageOutline;exports.OxPagination=x.OxPagination;exports.OxPopover=x.OxPopover;exports.OxPopper=x.OxPopper;exports.OxProgress=x.OxProgress;exports.OxRadio=x.OxRadio;exports.OxSelect=x.OxSelect;exports.OxSeparator=x.OxSeparator;exports.OxSkeleton=x.OxSkeleton;exports.OxSlider=x.OxSlider;exports.OxSortableList=x.OxSortableList;exports.OxSpinner=x.OxSpinner;exports.OxStatusDisplay=x.OxStatusDisplay;exports.OxStepper=x.OxStepper;exports.OxSwitch=x.OxSwitch;exports.OxTable=x.OxTable;exports.OxTabs=x.OxTabs;exports.OxTag=x.OxTag;exports.OxTextInput=x.OxTextInput;exports.OxTextarea=x.OxTextarea;exports.OxThemeSwitcher=x.OxThemeSwitcher;exports.OxTimeInput=x.OxTimeInput;exports.OxTimeline=x.OxTimeline;exports.OxToast=x.OxToast;exports.OxToastProvider=x.OxToastProvider;exports.OxToggle=x.OxToggle;exports.OxTooltip=x.OxTooltip;exports.OxTooltipProvider=x.OxTooltipProvider;exports.useDndContext=x.useDndContext;exports.useOxToast=x.useOxToast;exports.useOxTooltipContext=x.useOxTooltipContext;exports.usePopperContentContext=x.usePopperContentContext;exports.usePopperContext=x.usePopperContext;exports.usePopperState=e.usePopperState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./chunks/ui-Bz7A98Kq.js"),e=require("./chunks/hooks-B58X4Fdh.js");exports.OxAccordion=x.OxAccordion;exports.OxAlert=x.OxAlert;exports.OxAspectRatio=x.OxAspectRatio;exports.OxAvatar=x.OxAvatar;exports.OxBadge=x.OxBadge;exports.OxBreadcrumb=x.OxBreadcrumb;exports.OxButton=x.OxButton;exports.OxCalendar=x.OxCalendar;exports.OxCard=x.OxCard;exports.OxCheckbox=x.OxCheckbox;exports.OxCombobox=x.OxCombobox;exports.OxDateInput=x.OxDateInput;exports.OxDescription=x.OxDescription;exports.OxDescriptionList=x.OxDescriptionList;exports.OxDialog=x.OxDialog;exports.OxDndContext=x.OxDndContext;exports.OxDraggable=x.OxDraggable;exports.OxDrawer=x.OxDrawer;exports.OxDropdown=x.OxDropdown;exports.OxDroppable=x.OxDroppable;exports.OxEndlessList=x.OxEndlessList;exports.OxError=x.OxError;exports.OxFileUpload=x.OxFileUpload;exports.OxForm=x.OxForm;exports.OxHeading=x.OxHeading;exports.OxHoverCard=x.OxHoverCard;exports.OxIcon=x.OxIcon;exports.OxImage=x.OxImage;exports.OxJsonField=x.OxJsonField;exports.OxKanban=x.OxKanban;exports.OxLabel=x.OxLabel;exports.OxLegend=x.OxLegend;exports.OxLink=x.OxLink;exports.OxMasonry=x.OxMasonry;exports.OxNotifications=x.OxNotifications;exports.OxNumberInput=x.OxNumberInput;exports.OxOtpInput=x.OxOtpInput;exports.OxPageOutline=x.OxPageOutline;exports.OxPagination=x.OxPagination;exports.OxPopover=x.OxPopover;exports.OxPopper=x.OxPopper;exports.OxProgress=x.OxProgress;exports.OxRadio=x.OxRadio;exports.OxSelect=x.OxSelect;exports.OxSeparator=x.OxSeparator;exports.OxSkeleton=x.OxSkeleton;exports.OxSlider=x.OxSlider;exports.OxSortableList=x.OxSortableList;exports.OxSpinner=x.OxSpinner;exports.OxStatusDisplay=x.OxStatusDisplay;exports.OxStepper=x.OxStepper;exports.OxSwitch=x.OxSwitch;exports.OxTable=x.OxTable;exports.OxTabs=x.OxTabs;exports.OxTag=x.OxTag;exports.OxTextInput=x.OxTextInput;exports.OxTextarea=x.OxTextarea;exports.OxThemeSwitcher=x.OxThemeSwitcher;exports.OxTimeInput=x.OxTimeInput;exports.OxTimeline=x.OxTimeline;exports.OxToast=x.OxToast;exports.OxToastProvider=x.OxToastProvider;exports.OxToggle=x.OxToggle;exports.OxTooltip=x.OxTooltip;exports.OxTooltipProvider=x.OxTooltipProvider;exports.toast=x.toast;exports.useDndContext=x.useDndContext;exports.useOxToast=x.useOxToast;exports.useOxTooltipContext=x.useOxTooltipContext;exports.usePopperContentContext=x.usePopperContentContext;exports.usePopperContext=x.usePopperContext;exports.usePopperState=e.usePopperState;

package/dist/onyx.es.js

@@ -1,9 +1,9 @@
-import { O as x, a as e, b as O, c as o, d as t, f as r, g as n, h as i, i as p, _ as l, $ as d, a2 as u, ab as T, j as b, y as c, k as g, l as C, n as D, o as S, m, p as P, ac as I, a0 as L, a1 as v, ad as f, q as h, r as w, s as A, t as k, v as B, ae as F, af as y, w as E, x as H, z as N, a3 as R, a4 as j, A as J, B as K, C as M, D as U, G as q, a7 as z, a8 as G, H as Q, I as V, J as W, K as X, L as Y, M as Z, N as _, a9 as $, P as aa, Q as sa, e as xa, a5 as ea, aa as Oa, R as oa, a6 as ta, S as ra, V as na, T as ia, W as pa, X as la, Y as da, u as ua, U as Ta, Z as ba, E as ca, F as ga } from "./chunks/ui-DaY9hD0b.js";
-import { j as Da } from "./chunks/hooks-BMXCuU2h.js";
+import { O as x, k as O, l as e, n as o, q as t, r, t as n, u as i, v as p, w as l, x as d, y as u, z as T, A as g, B as b, C as c, D as C, E as D, F as S, G as m, H as P, I, J as L, K as v, L as h, M as k, N as w, P as A, Q as f, R as B, S as F, T as y, U as E, V as H, W as N, X as R, Y as q, Z as J, _ as K, $ as M, a0 as U, a1 as j, a2 as z, a3 as G, a4 as Q, a5 as V, a6 as W, a7 as X, a8 as Y, a9 as Z, aa as _, ab as $, ac as aa, ad as sa, ae as xa, af as Oa, ag as ea, ah as oa, ai as ta, aj as ra, ak as na, al as ia, am as pa, an as la, ao as da, ap as ua, aq as Ta, ar as ga, as as ba, at as ca, au as Ca } from "./chunks/ui-CezxuKW0.js";
+import { a as Sa } from "./chunks/hooks-iUUmqFrq.js";
 export {
   x as OxAccordion,
-  e as OxAlert,
-  O as OxAspectRatio,
+  O as OxAlert,
+  e as OxAspectRatio,
   o as OxAvatar,
   t as OxBadge,
   r as OxBreadcrumb,
@@ -14,9 +14,9 @@ export {
   d as OxCombobox,
   u as OxDateInput,
   T as OxDescription,
-  b as OxDescriptionList,
-  c as OxDialog,
-  g as OxDndContext,
+  g as OxDescriptionList,
+  b as OxDialog,
+  c as OxDndContext,
   C as OxDraggable,
   D as OxDrawer,
   S as OxDropdown,
@@ -25,11 +25,11 @@ export {
   I as OxError,
   L as OxFileUpload,
   v as OxForm,
-  f as OxHeading,
-  h as OxHoverCard,
+  h as OxHeading,
+  k as OxHoverCard,
   w as OxIcon,
   A as OxImage,
-  k as OxJsonField,
+  f as OxJsonField,
   B as OxKanban,
   F as OxLabel,
   y as OxLegend,
@@ -37,12 +37,12 @@ export {
   H as OxMasonry,
   N as OxNotifications,
   R as OxNumberInput,
-  j as OxOtpInput,
+  q as OxOtpInput,
   J as OxPageOutline,
   K as OxPagination,
   M as OxPopover,
   U as OxPopper,
-  q as OxProgress,
+  j as OxProgress,
   z as OxRadio,
   G as OxSelect,
   Q as OxSeparator,
@@ -56,8 +56,8 @@ export {
   aa as OxTable,
   sa as OxTabs,
   xa as OxTag,
-  ea as OxTextInput,
-  Oa as OxTextarea,
+  Oa as OxTextInput,
+  ea as OxTextarea,
   oa as OxThemeSwitcher,
   ta as OxTimeInput,
   ra as OxTimeline,
@@ -66,10 +66,11 @@ export {
   pa as OxToggle,
   la as OxTooltip,
   da as OxTooltipProvider,
-  ua as useDndContext,
-  Ta as useOxToast,
+  ua as toast,
+  Ta as useDndContext,
+  ga as useOxToast,
   ba as useOxTooltipContext,
   ca as usePopperContentContext,
-  ga as usePopperContext,
-  Da as usePopperState
+  Ca as usePopperContext,
+  Sa as usePopperState
 };

package/dist/pages/pages.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../chunks/ui-BBpe54MX.js"),s=require("react/jsx-runtime"),Q=require("../chunks/hooks-H39lCrRt.js");require("react");const X=require("lucide-react"),se=Y=>{const e=Q.compilerRuntimeExports.c(65),{className:Z,error:a,isLoading:V,loadingLabel:W,onSubmit:N,passwordLabel:$,passwordPlaceholder:z,submitLabel:A,subtitle:G,title:H,usernameLabel:J,usernamePlaceholder:K}=Y,r=V===void 0?!1:V,ee=W===void 0?"Signing in...":W,T=$===void 0?"password":$,P=z===void 0?"Enter your password":z,te=A===void 0?"Sign In":A,S=G===void 0?"":G,D=H===void 0?"noxickon":H,R=J===void 0?"username":J,k=K===void 0?"Enter your username":K;let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={initialData:{password:"",username:""},validationRules:{password:["required"],username:["required"]}},e[0]=q):q=e[0];const t=Q.useFormState(q);let I;e[1]!==t||e[2]!==N?(I=async y=>{y.preventDefault(),t.validate()&&await N(t.data)},e[1]=t,e[2]=N,e[3]=I):I=e[3];const B=I,M=Z??"w-80";let o;e[4]!==D?(o=s.jsx("h1",{className:"px-2 font-mono text-2xl text-foreground",children:D}),e[4]=D,e[5]=o):o=e[5];let i;e[6]!==S?(i=S?s.jsx("p",{className:"px-2 py-1 font-mono text-xs text-muted-foreground",children:S}):null,e[6]=S,e[7]=i):i=e[7];let n;e[8]!==o||e[9]!==i?(n=s.jsxs("div",{className:"mb-4 text-center",children:[o,i]}),e[8]=o,e[9]=i,e[10]=n):n=e[10];let d;e[11]!==R?(d=s.jsx(l.OxLabel,{children:R}),e[11]=R,e[12]=d):d=e[12];let c;e[13]!==a||e[14]!==t?(c=t.hasError("username")||!!a,e[13]=a,e[14]=t,e[15]=c):c=e[15];let u;e[16]!==t?(u=y=>t.setData("username",y),e[16]=t,e[17]=u):u=e[17];let _;e[18]===Symbol.for("react.memo_cache_sentinel")?(_=s.jsx(l.OxIcon,{icon:X.User}),e[18]=_):_=e[18];let m;e[19]!==k?(m=s.jsx(l.OxTextInput,{autoComplete:"off",name:"username",placeholder:k}),e[19]=k,e[20]=m):m=e[20];let x;e[21]!==t.data.username||e[22]!==c||e[23]!==u||e[24]!==m?(x=s.jsxs(l.OxTextInput.Container,{error:c,value:t.data.username,onChange:u,children:[_,m]}),e[21]=t.data.username,e[22]=c,e[23]=u,e[24]=m,e[25]=x):x=e[25];let f;e[26]!==r||e[27]!==d||e[28]!==x?(f=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[d,x]}),e[26]=r,e[27]=d,e[28]=x,e[29]=f):f=e[29];let p;e[30]!==T?(p=s.jsx(l.OxLabel,{children:T}),e[30]=T,e[31]=p):p=e[31];let h;e[32]!==a||e[33]!==t?(h=t.hasError("password")||!!a,e[32]=a,e[33]=t,e[34]=h):h=e[34];let b;e[35]!==t?(b=y=>t.setData("password",y),e[35]=t,e[36]=b):b=e[36];let C;e[37]===Symbol.for("react.memo_cache_sentinel")?(C=s.jsx(l.OxIcon,{icon:X.Lock}),e[37]=C):C=e[37];let j;e[38]!==P?(j=s.jsx(l.OxTextInput,{autoComplete:"off",name:"password",placeholder:P}),e[38]=P,e[39]=j):j=e[39];let E;e[40]===Symbol.for("react.memo_cache_sentinel")?(E=s.jsx(l.OxTextInput.VisibilityButton,{}),e[40]=E):E=e[40];let O;e[41]!==t.data.password||e[42]!==h||e[43]!==b||e[44]!==j?(O=s.jsxs(l.OxTextInput.Container,{error:h,type:"password",value:t.data.password,onChange:b,children:[C,j,E]}),e[41]=t.data.password,e[42]=h,e[43]=b,e[44]=j,e[45]=O):O=e[45];let v;e[46]!==r||e[47]!==p||e[48]!==O?(v=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[p,O]}),e[46]=r,e[47]=p,e[48]=O,e[49]=v):v=e[49];let w;e[50]!==a?(w=a?s.jsx(l.OxError,{children:a}):null,e[50]=a,e[51]=w):w=e[51];const U=r?ee:te;let g;e[52]!==r||e[53]!==U?(g=s.jsx(l.OxButton,{disabled:r,fullWidth:!0,isLoading:r,type:"submit",variant:"gradient",children:U}),e[52]=r,e[53]=U,e[54]=g):g=e[54];let L;e[55]!==B||e[56]!==f||e[57]!==v||e[58]!==w||e[59]!==g?(L=s.jsxs(l.OxForm,{className:"space-y-6",onSubmit:B,children:[f,v,w,g]}),e[55]=B,e[56]=f,e[57]=v,e[58]=w,e[59]=g,e[60]=L):L=e[60];let F;return e[61]!==M||e[62]!==n||e[63]!==L?(F=s.jsxs(l.OxCard,{className:M,children:[n,L]}),e[61]=M,e[62]=n,e[63]=L,e[64]=F):F=e[64],F};exports.OxLogin=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../chunks/ui-Bz7A98Kq.js"),s=require("react/jsx-runtime");require("react");const Q=require("lucide-react"),te=require("../chunks/hooks-B58X4Fdh.js"),se=X=>{const e=l.compilerRuntimeExports.c(65),{className:Y,error:a,isLoading:V,loadingLabel:W,onSubmit:N,passwordLabel:$,passwordPlaceholder:z,submitLabel:A,subtitle:G,title:H,usernameLabel:J,usernamePlaceholder:K}=X,r=V===void 0?!1:V,Z=W===void 0?"Signing in...":W,T=$===void 0?"password":$,P=z===void 0?"Enter your password":z,ee=A===void 0?"Sign In":A,S=G===void 0?"":G,D=H===void 0?"noxickon":H,R=J===void 0?"username":J,k=K===void 0?"Enter your username":K;let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={initialData:{password:"",username:""},validationRules:{password:["required"],username:["required"]}},e[0]=q):q=e[0];const t=te.useFormState(q);let I;e[1]!==t||e[2]!==N?(I=async y=>{y.preventDefault(),t.validate()&&await N(t.data)},e[1]=t,e[2]=N,e[3]=I):I=e[3];const B=I,M=Y??"w-80";let o;e[4]!==D?(o=s.jsx("h1",{className:"px-2 font-mono text-2xl text-foreground",children:D}),e[4]=D,e[5]=o):o=e[5];let i;e[6]!==S?(i=S?s.jsx("p",{className:"px-2 py-1 font-mono text-xs text-muted-foreground",children:S}):null,e[6]=S,e[7]=i):i=e[7];let n;e[8]!==o||e[9]!==i?(n=s.jsxs("div",{className:"mb-4 text-center",children:[o,i]}),e[8]=o,e[9]=i,e[10]=n):n=e[10];let d;e[11]!==R?(d=s.jsx(l.OxLabel,{children:R}),e[11]=R,e[12]=d):d=e[12];let c;e[13]!==a||e[14]!==t?(c=t.hasError("username")||!!a,e[13]=a,e[14]=t,e[15]=c):c=e[15];let u;e[16]!==t?(u=y=>t.setData("username",y),e[16]=t,e[17]=u):u=e[17];let _;e[18]===Symbol.for("react.memo_cache_sentinel")?(_=s.jsx(l.OxIcon,{icon:Q.User}),e[18]=_):_=e[18];let m;e[19]!==k?(m=s.jsx(l.OxTextInput,{autoComplete:"off",name:"username",placeholder:k}),e[19]=k,e[20]=m):m=e[20];let x;e[21]!==t.data.username||e[22]!==c||e[23]!==u||e[24]!==m?(x=s.jsxs(l.OxTextInput.Container,{error:c,value:t.data.username,onChange:u,children:[_,m]}),e[21]=t.data.username,e[22]=c,e[23]=u,e[24]=m,e[25]=x):x=e[25];let f;e[26]!==r||e[27]!==d||e[28]!==x?(f=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[d,x]}),e[26]=r,e[27]=d,e[28]=x,e[29]=f):f=e[29];let p;e[30]!==T?(p=s.jsx(l.OxLabel,{children:T}),e[30]=T,e[31]=p):p=e[31];let h;e[32]!==a||e[33]!==t?(h=t.hasError("password")||!!a,e[32]=a,e[33]=t,e[34]=h):h=e[34];let b;e[35]!==t?(b=y=>t.setData("password",y),e[35]=t,e[36]=b):b=e[36];let C;e[37]===Symbol.for("react.memo_cache_sentinel")?(C=s.jsx(l.OxIcon,{icon:Q.Lock}),e[37]=C):C=e[37];let j;e[38]!==P?(j=s.jsx(l.OxTextInput,{autoComplete:"off",name:"password",placeholder:P}),e[38]=P,e[39]=j):j=e[39];let E;e[40]===Symbol.for("react.memo_cache_sentinel")?(E=s.jsx(l.OxTextInput.VisibilityButton,{}),e[40]=E):E=e[40];let O;e[41]!==t.data.password||e[42]!==h||e[43]!==b||e[44]!==j?(O=s.jsxs(l.OxTextInput.Container,{error:h,type:"password",value:t.data.password,onChange:b,children:[C,j,E]}),e[41]=t.data.password,e[42]=h,e[43]=b,e[44]=j,e[45]=O):O=e[45];let v;e[46]!==r||e[47]!==p||e[48]!==O?(v=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[p,O]}),e[46]=r,e[47]=p,e[48]=O,e[49]=v):v=e[49];let w;e[50]!==a?(w=a?s.jsx(l.OxError,{children:a}):null,e[50]=a,e[51]=w):w=e[51];const U=r?Z:ee;let g;e[52]!==r||e[53]!==U?(g=s.jsx(l.OxButton,{disabled:r,fullWidth:!0,isLoading:r,type:"submit",variant:"gradient",children:U}),e[52]=r,e[53]=U,e[54]=g):g=e[54];let L;e[55]!==B||e[56]!==f||e[57]!==v||e[58]!==w||e[59]!==g?(L=s.jsxs(l.OxForm,{className:"space-y-6",onSubmit:B,children:[f,v,w,g]}),e[55]=B,e[56]=f,e[57]=v,e[58]=w,e[59]=g,e[60]=L):L=e[60];let F;return e[61]!==M||e[62]!==n||e[63]!==L?(F=s.jsxs(l.OxCard,{className:M,children:[n,L]}),e[61]=M,e[62]=n,e[63]=L,e[64]=F):F=e[64],F};exports.OxLogin=se;

package/dist/pages/pages.es.js

@@ -1,25 +1,25 @@
-import { a5 as _, a1 as W, ae as Y, r as Z, ac as le, g as re, i as oe } from "../chunks/ui-DaY9hD0b.js";
+import { c as le, af as _, K as W, S as Y, N as Z, I as re, t as oe, v as ie } from "../chunks/ui-CezxuKW0.js";
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { d as ie, A as ne } from "../chunks/hooks-BMXCuU2h.js";
 import "react";
-import { User as de, Lock as ce } from "lucide-react";
+import { User as ne, Lock as de } from "lucide-react";
+import { j as ce } from "../chunks/hooks-iUUmqFrq.js";
 const be = (ee) => {
-  const e = ie.c(65), {
+  const e = le.c(65), {
     className: te,
     error: l,
     isLoading: $,
     loadingLabel: z,
-    onSubmit: I,
-    passwordLabel: G,
-    passwordPlaceholder: H,
-    submitLabel: J,
-    subtitle: K,
+    onSubmit: P,
+    passwordLabel: A,
+    passwordPlaceholder: G,
+    submitLabel: H,
+    subtitle: J,
     title: M,
     usernameLabel: Q,
     usernamePlaceholder: X
-  } = ee, s = $ === void 0 ? !1 : $, se = z === void 0 ? "Signing in..." : z, j = G === void 0 ? "password" : G, k = H === void 0 ? "Enter your password" : H, ae = J === void 0 ? "Sign In" : J, C = K === void 0 ? "" : K, B = M === void 0 ? "noxickon" : M, R = Q === void 0 ? "username" : Q, A = X === void 0 ? "Enter your username" : X;
-  let E;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+  } = ee, s = $ === void 0 ? !1 : $, se = z === void 0 ? "Signing in..." : z, j = A === void 0 ? "password" : A, k = G === void 0 ? "Enter your password" : G, ae = H === void 0 ? "Sign In" : H, C = J === void 0 ? "" : J, B = M === void 0 ? "noxickon" : M, R = Q === void 0 ? "username" : Q, K = X === void 0 ? "Enter your username" : X;
+  let N;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = {
     initialData: {
       password: "",
       username: ""
@@ -28,13 +28,13 @@ const be = (ee) => {
       password: ["required"],
       username: ["required"]
     }
-  }, e[0] = E) : E = e[0];
-  const t = ne(E);
-  let N;
-  e[1] !== t || e[2] !== I ? (N = async (O) => {
-    O.preventDefault(), t.validate() && await I(t.data);
-  }, e[1] = t, e[2] = I, e[3] = N) : N = e[3];
-  const T = N, U = te ?? "w-80";
+  }, e[0] = N) : N = e[0];
+  const t = ce(N);
+  let E;
+  e[1] !== t || e[2] !== P ? (E = async (O) => {
+    O.preventDefault(), t.validate() && await P(t.data);
+  }, e[1] = t, e[2] = P, e[3] = E) : E = e[3];
+  const T = E, U = te ?? "w-80";
   let o;
   e[4] !== B ? (o = /* @__PURE__ */ a("h1", { className: "px-2 font-mono text-2xl text-foreground", children: B }), e[4] = B, e[5] = o) : o = e[5];
   let i;
@@ -51,9 +51,9 @@ const be = (ee) => {
   let m;
   e[16] !== t ? (m = (O) => t.setData("username", O), e[16] = t, e[17] = m) : m = e[17];
   let q;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ a(Z, { icon: de }), e[18] = q) : q = e[18];
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ a(Z, { icon: ne }), e[18] = q) : q = e[18];
   let u;
-  e[19] !== A ? (u = /* @__PURE__ */ a(_, { autoComplete: "off", name: "username", placeholder: A }), e[19] = A, e[20] = u) : u = e[20];
+  e[19] !== K ? (u = /* @__PURE__ */ a(_, { autoComplete: "off", name: "username", placeholder: K }), e[19] = K, e[20] = u) : u = e[20];
   let f;
   e[21] !== t.data.username || e[22] !== c || e[23] !== m || e[24] !== u ? (f = /* @__PURE__ */ r(_.Container, { error: c, value: t.data.username, onChange: m, children: [
     q,
@@ -71,27 +71,27 @@ const be = (ee) => {
   let x;
   e[35] !== t ? (x = (O) => t.setData("password", O), e[35] = t, e[36] = x) : x = e[36];
   let D;
-  e[37] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ a(Z, { icon: ce }), e[37] = D) : D = e[37];
-  let w;
-  e[38] !== k ? (w = /* @__PURE__ */ a(_, { autoComplete: "off", name: "password", placeholder: k }), e[38] = k, e[39] = w) : w = e[39];
-  let F;
-  e[40] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ a(_.VisibilityButton, {}), e[40] = F) : F = e[40];
+  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ a(Z, { icon: de }), e[37] = D) : D = e[37];
   let v;
-  e[41] !== t.data.password || e[42] !== b || e[43] !== x || e[44] !== w ? (v = /* @__PURE__ */ r(_.Container, { error: b, type: "password", value: t.data.password, onChange: x, children: [
+  e[38] !== k ? (v = /* @__PURE__ */ a(_, { autoComplete: "off", name: "password", placeholder: k }), e[38] = k, e[39] = v) : v = e[39];
+  let F;
+  e[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ a(_.VisibilityButton, {}), e[40] = F) : F = e[40];
+  let w;
+  e[41] !== t.data.password || e[42] !== b || e[43] !== x || e[44] !== v ? (w = /* @__PURE__ */ r(_.Container, { error: b, type: "password", value: t.data.password, onChange: x, children: [
     D,
-    w,
+    v,
     F
-  ] }), e[41] = t.data.password, e[42] = b, e[43] = x, e[44] = w, e[45] = v) : v = e[45];
+  ] }), e[41] = t.data.password, e[42] = b, e[43] = x, e[44] = v, e[45] = w) : w = e[45];
   let g;
-  e[46] !== s || e[47] !== h || e[48] !== v ? (g = /* @__PURE__ */ r(W.Field, { disabled: s, required: !0, children: [
+  e[46] !== s || e[47] !== h || e[48] !== w ? (g = /* @__PURE__ */ r(W.Field, { disabled: s, required: !0, children: [
     h,
-    v
-  ] }), e[46] = s, e[47] = h, e[48] = v, e[49] = g) : g = e[49];
+    w
+  ] }), e[46] = s, e[47] = h, e[48] = w, e[49] = g) : g = e[49];
   let L;
-  e[50] !== l ? (L = l ? /* @__PURE__ */ a(le, { children: l }) : null, e[50] = l, e[51] = L) : L = e[51];
+  e[50] !== l ? (L = l ? /* @__PURE__ */ a(re, { children: l }) : null, e[50] = l, e[51] = L) : L = e[51];
   const V = s ? se : ae;
   let y;
-  e[52] !== s || e[53] !== V ? (y = /* @__PURE__ */ a(re, { disabled: s, fullWidth: !0, isLoading: s, type: "submit", variant: "gradient", children: V }), e[52] = s, e[53] = V, e[54] = y) : y = e[54];
+  e[52] !== s || e[53] !== V ? (y = /* @__PURE__ */ a(oe, { disabled: s, fullWidth: !0, isLoading: s, type: "submit", variant: "gradient", children: V }), e[52] = s, e[53] = V, e[54] = y) : y = e[54];
   let S;
   e[55] !== T || e[56] !== p || e[57] !== g || e[58] !== L || e[59] !== y ? (S = /* @__PURE__ */ r(W, { className: "space-y-6", onSubmit: T, children: [
     p,
@@ -99,11 +99,11 @@ const be = (ee) => {
     L,
     y
   ] }), e[55] = T, e[56] = p, e[57] = g, e[58] = L, e[59] = y, e[60] = S) : S = e[60];
-  let P;
-  return e[61] !== U || e[62] !== n || e[63] !== S ? (P = /* @__PURE__ */ r(oe, { className: U, children: [
+  let I;
+  return e[61] !== U || e[62] !== n || e[63] !== S ? (I = /* @__PURE__ */ r(ie, { className: U, children: [
     n,
     S
-  ] }), e[61] = U, e[62] = n, e[63] = S, e[64] = P) : P = e[64], P;
+  ] }), e[61] = U, e[62] = n, e[63] = S, e[64] = I) : I = e[64], I;
 };
 export {
   be as OxLogin

package/dist/routes/routes.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/hooks-H39lCrRt.js");function a(e){return function({children:n,onAuthenticated:u=null,onLoading:r=null}){const{isLoggedIn:o,loading:t}=e();return t?r:o?u:n}}function f(e){return function({children:n,onLoading:u=null,onUnauthenticated:r=null}){const{isLoggedIn:o,loading:t}=e();return t?u:o?n:r}}const d=e=>e.role;function R(e){return function({children:n,onLoading:u=null,onUnauthorized:r=null,roleExtractor:o=d,roles:t=["admin"]}){const{loading:l,user:i}=e();return l?u:!i||s.isEmpty(t)||!t.includes(o(i))?r:n}}exports.createOxGuestRoute=a;exports.createOxProtectedRoute=f;exports.createOxRoleRoute=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../chunks/ui-Bz7A98Kq.js");function f(e){return function({children:n,onAuthenticated:u=null,onLoading:r=null}){const{isLoggedIn:o,loading:t}=e();return t?r:o?u:n}}function s(e){return function({children:n,onLoading:u=null,onUnauthenticated:r=null}){const{isLoggedIn:o,loading:t}=e();return t?u:o?n:r}}const d=e=>e.role;function R(e){return function({children:n,onLoading:u=null,onUnauthorized:r=null,roleExtractor:o=d,roles:t=["admin"]}){const{loading:l,user:c}=e();return l?u:!c||a.isEmpty(t)||!t.includes(o(c))?r:n}}exports.createOxGuestRoute=f;exports.createOxProtectedRoute=s;exports.createOxRoleRoute=R;

package/dist/routes/routes.es.js

@@ -1,4 +1,4 @@
-import { B as f } from "../chunks/hooks-BMXCuU2h.js";
+import { a as f } from "../chunks/ui-CezxuKW0.js";
 function d(t) {
   return function({
     children: e,
@@ -25,13 +25,13 @@ function R(t) {
     return n ? r : o ? e : u;
   };
 }
-const s = (t) => t.role;
+const a = (t) => t.role;
 function x(t) {
   return function({
     children: e,
     onLoading: r = null,
     onUnauthorized: u = null,
-    roleExtractor: o = s,
+    roleExtractor: o = a,
     roles: n = ["admin"]
   }) {
     const {

package/dist/styles.css

@@ -3,6 +3,7 @@
 @import './theme.css';
 @import './utilities.css';
 @import './animations.css';
+@import './toast.css';
 
 @variant dark (html[data-theme='dark'] &);
 

package/dist/ui/Breadcrumb/Breadcrumb.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     component: (({ children, className, ...domProps }: import('..').OxBreadcrumbProps) => import("react/jsx-runtime").JSX.Element) & {
         Ellipsis: ({ className, ...domProps }: import('..').OxBreadcrumbEllipsisProps) => import("react/jsx-runtime").JSX.Element;
         Item: ({ children, className, ...domProps }: import('..').OxBreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
-        Link: ({ asChild, children, className, current, href, ...domProps }: import('..').OxBreadcrumbLinkProps) => import("react/jsx-runtime").JSX.Element;
+        Link: ({ asSlot, children, className, current, href, ...domProps }: import('..').OxBreadcrumbLinkProps) => import("react/jsx-runtime").JSX.Element;
         Page: ({ children, className, ...domProps }: import('..').OxBreadcrumbPageProps) => import("react/jsx-runtime").JSX.Element;
         Separator: ({ children, className, ...domProps }: import('..').OxBreadcrumbSeparatorProps) => import("react/jsx-runtime").JSX.Element;
     };

package/dist/ui/Breadcrumb/index.d.ts

@@ -2,7 +2,7 @@ export type * from './src/Breadcrumb.types';
 export declare const OxBreadcrumb: (({ children, className, ...domProps }: import('.').OxBreadcrumbProps) => import("react/jsx-runtime").JSX.Element) & {
     Ellipsis: ({ className, ...domProps }: import('.').OxBreadcrumbEllipsisProps) => import("react/jsx-runtime").JSX.Element;
     Item: ({ children, className, ...domProps }: import('.').OxBreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
-    Link: ({ asChild, children, className, current, href, ...domProps }: import('.').OxBreadcrumbLinkProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ asSlot, children, className, current, href, ...domProps }: import('.').OxBreadcrumbLinkProps) => import("react/jsx-runtime").JSX.Element;
     Page: ({ children, className, ...domProps }: import('.').OxBreadcrumbPageProps) => import("react/jsx-runtime").JSX.Element;
     Separator: ({ children, className, ...domProps }: import('.').OxBreadcrumbSeparatorProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/ui/Breadcrumb/src/Breadcrumb.types.d.ts

@@ -8,7 +8,7 @@ export interface OxBreadcrumbItemProps extends ComponentPropsWithRef<'li'> {
     children: ReactNode;
 }
 export interface OxBreadcrumbLinkProps extends ComponentPropsWithRef<'a'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children: ReactNode;
     current?: boolean;
     href?: string;

package/dist/ui/Breadcrumb/src/BreadcrumbLink.d.ts

@@ -1,2 +1,2 @@
 import { OxBreadcrumbLinkProps } from './Breadcrumb.types';
-export declare const OxBreadcrumbLink: ({ asChild, children, className, current, href, ...domProps }: OxBreadcrumbLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxBreadcrumbLink: ({ asSlot, children, className, current, href, ...domProps }: OxBreadcrumbLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Button/Button.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ asChild, children, className, disabled, fullWidth, isLoading, size, type, variant, ...domProps }: import('..').OxButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ asSlot, children, className, disabled, fullWidth, isLoading, size, type, variant, ...domProps }: import('..').OxButtonProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
         docs: {
@@ -45,7 +45,7 @@ declare const meta: {
             options: string[];
             description: string;
         };
-        asChild: {
+        asSlot: {
             control: "boolean";
             description: string;
         };

package/dist/ui/Button/src/Button.d.ts

@@ -1,2 +1,2 @@
 import { OxButtonProps } from './Button.types';
-export declare const OxButton: ({ asChild, children, className, disabled, fullWidth, isLoading, size, type, variant, ...domProps }: OxButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxButton: ({ asSlot, children, className, disabled, fullWidth, isLoading, size, type, variant, ...domProps }: OxButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Button/src/Button.types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithRef } from 'react';
 export type OxButtonVariant = 'gradient' | 'primary' | 'accent' | 'default' | 'secondary' | 'ghost' | 'danger';
 export interface OxButtonProps extends ComponentPropsWithRef<'button'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     fullWidth?: boolean;
     isLoading?: boolean;
     size?: 'sm' | 'md' | 'lg';

package/dist/ui/Dropdown/Dropdown.stories.d.ts

@@ -4,21 +4,33 @@ declare const meta: {
     title: string;
     component: (({ align, children, closeOnOutsideClick, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, }: import('..').OxDropdownProps) => import("react/jsx-runtime").JSX.Element) & {
         Body: ({ children, className, ...domProps }: import('..').OxDropdownBodyProps) => import("react/jsx-runtime").JSX.Element;
+        CheckboxItem: ({ checked: controlledChecked, children, className, closeOnSelect, defaultChecked, disabled, onCheckedChange, onClick, ...restProps }: import('..').OxDropdownCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
         Content: ({ children, className, ...domProps }: import('..').OxDropdownContentProps) => import("react/jsx-runtime").JSX.Element | null;
         Footer: ({ children, className, ...domProps }: import('..').OxDropdownFooterProps) => import("react/jsx-runtime").JSX.Element;
+        Group: ({ children, className, label, ...domProps }: import('..').OxDropdownGroupProps) => import("react/jsx-runtime").JSX.Element;
         Header: ({ children, className, ...domProps }: import('..').OxDropdownHeaderProps) => import("react/jsx-runtime").JSX.Element;
         Item: (props: import('..').OxDropdownItemProps) => import("react/jsx-runtime").JSX.Element;
-        Label: ({ children, className, ...domProps }: import('..').OxDropdownLabelProps) => import("react/jsx-runtime").JSX.Element;
+        RadioGroup: ({ children, className, closeOnSelect, defaultValue, onValueChange, value: controlledValue, ...restProps }: import('..').OxDropdownRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+        RadioItem: ({ children, className, disabled, onClick, value, ...restProps }: import('..').OxDropdownRadioItemProps) => import("react/jsx-runtime").JSX.Element;
         Separator: ({ className, ...domProps }: import('..').OxDropdownSeparatorProps) => import("react/jsx-runtime").JSX.Element;
         Shortcut: ({ children, className, ...domProps }: import('..').OxDropdownShortcutProps) => import("react/jsx-runtime").JSX.Element;
-        Trigger: ({ animateIcon, asChild, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: import('..').OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        SubMenu: ({ children }: import('..').OxDropdownSubMenuProps) => import("react/jsx-runtime").JSX.Element;
+        SubMenuContent: ({ children, className, ...domProps }: import('..').OxDropdownSubMenuContentProps) => import("react/jsx-runtime").JSX.Element | null;
+        SubMenuTrigger: ({ children, className, disabled, ...restProps }: import('..').OxDropdownSubMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ animateIcon, asSlot, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: import('..').OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
     };
     subcomponents: {
         'OxDropdown.Trigger': ComponentType<unknown>;
         'OxDropdown.Content': ComponentType<unknown>;
         'OxDropdown.Body': ComponentType<unknown>;
         'OxDropdown.Item': ComponentType<unknown>;
-        'OxDropdown.Label': ComponentType<unknown>;
+        'OxDropdown.CheckboxItem': ComponentType<unknown>;
+        'OxDropdown.RadioGroup': ComponentType<unknown>;
+        'OxDropdown.RadioItem': ComponentType<unknown>;
+        'OxDropdown.Group': ComponentType<unknown>;
+        'OxDropdown.SubMenu': ComponentType<unknown>;
+        'OxDropdown.SubMenuTrigger': ComponentType<unknown>;
+        'OxDropdown.SubMenuContent': ComponentType<unknown>;
         'OxDropdown.Shortcut': ComponentType<unknown>;
         'OxDropdown.Separator': ComponentType<unknown>;
         'OxDropdown.Header': ComponentType<unknown>;
@@ -71,8 +83,16 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Playground: Story;
+export declare const Comprehensive: Story;
 export declare const WithIcons: Story;
 export declare const IconSources: Story;
 export declare const States: Story;
 export declare const Advanced: Story;
 export declare const CustomTrigger: Story;
+export declare const CheckboxItem: Story;
+export declare const RadioGroup: Story;
+export declare const RadioGroupNoClose: Story;
+export declare const MixedItems: Story;
+export declare const CheckboxWithSelect: Story;
+export declare const Group: Story;
+export declare const SubMenu: Story;

package/dist/ui/Dropdown/index.d.ts

@@ -1,12 +1,18 @@
 export type * from './src/Dropdown.types';
 export declare const OxDropdown: (({ align, children, closeOnOutsideClick, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, }: import('.').OxDropdownProps) => import("react/jsx-runtime").JSX.Element) & {
     Body: ({ children, className, ...domProps }: import('.').OxDropdownBodyProps) => import("react/jsx-runtime").JSX.Element;
+    CheckboxItem: ({ checked: controlledChecked, children, className, closeOnSelect, defaultChecked, disabled, onCheckedChange, onClick, ...restProps }: import('.').OxDropdownCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
     Content: ({ children, className, ...domProps }: import('.').OxDropdownContentProps) => import("react/jsx-runtime").JSX.Element | null;
     Footer: ({ children, className, ...domProps }: import('.').OxDropdownFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Group: ({ children, className, label, ...domProps }: import('.').OxDropdownGroupProps) => import("react/jsx-runtime").JSX.Element;
     Header: ({ children, className, ...domProps }: import('.').OxDropdownHeaderProps) => import("react/jsx-runtime").JSX.Element;
     Item: (props: import('.').OxDropdownItemProps) => import("react/jsx-runtime").JSX.Element;
-    Label: ({ children, className, ...domProps }: import('.').OxDropdownLabelProps) => import("react/jsx-runtime").JSX.Element;
+    RadioGroup: ({ children, className, closeOnSelect, defaultValue, onValueChange, value: controlledValue, ...restProps }: import('.').OxDropdownRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    RadioItem: ({ children, className, disabled, onClick, value, ...restProps }: import('.').OxDropdownRadioItemProps) => import("react/jsx-runtime").JSX.Element;
     Separator: ({ className, ...domProps }: import('.').OxDropdownSeparatorProps) => import("react/jsx-runtime").JSX.Element;
     Shortcut: ({ children, className, ...domProps }: import('.').OxDropdownShortcutProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ animateIcon, asChild, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: import('.').OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    SubMenu: ({ children }: import('.').OxDropdownSubMenuProps) => import("react/jsx-runtime").JSX.Element;
+    SubMenuContent: ({ children, className, ...domProps }: import('.').OxDropdownSubMenuContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    SubMenuTrigger: ({ children, className, disabled, ...restProps }: import('.').OxDropdownSubMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ animateIcon, asSlot, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: import('.').OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
 };