@krosoft/react 0.0.69 → 0.0.71

package/dist/{badge-EcCaGyMI.js → badge-Cj2EQgcL.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { o as n } from "./toast-B6sBreHk.js";
+import { c as n } from "./index-BNCR478R.js";
 import { c as a } from "./index-gWiv5-6R.js";
 const s = n(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -17,10 +17,10 @@ const s = n(
     }
   }
 );
-function c({ className: r, variant: e, ...t }) {
+function u({ className: r, variant: e, ...t }) {
   return /* @__PURE__ */ o("div", { className: a(s({ variant: e }), r), ...t });
 }
 export {
-  c as B,
+  u as B,
   s as b
 };

package/dist/components/core/cards/index.js

@@ -1,4 +1,4 @@
-import { K as p, a as s } from "../../../KpiCards-jWYPbprR.js";
+import { K as p, a as s } from "../../../KpiCards-D4Cy8CLT.js";
 export {
   p as KpiCard,
   s as KpiCards

package/dist/components/core/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./cards";
 export * from "./inputs";
 export * from "./states";
+export * from "./navbar";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/components/core/index.js

@@ -1,10 +1,13 @@
-import { K as o, a as t } from "../../KpiCards-jWYPbprR.js";
-import { S as p } from "../../SearchInput-C2mFWiBb.js";
+import { K as o, a as t } from "../../KpiCards-D4Cy8CLT.js";
+import { S as p } from "../../SearchInput-LIey3bo9.js";
 import { E as S, L as d } from "../../LoadingState-C0uS6aGT.js";
+import { S as i, T as m } from "../../Topbar-CtXJ337W.js";
 export {
   S as ErrorState,
   o as KpiCard,
   t as KpiCards,
   d as LoadingState,
-  p as SearchInput
+  p as SearchInput,
+  i as Sidebar,
+  m as Topbar
 };

package/dist/components/core/inputs/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../../SearchInput-C2mFWiBb.js";
+import { S as e } from "../../../SearchInput-LIey3bo9.js";
 export {
   e as SearchInput
 };

package/dist/components/core/navbar/Sidebar.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export interface SidebarItem {
+    icon: React.ElementType;
+    label: string;
+    path?: string;
+    badge?: number;
+    subItems?: {
+        label: string;
+        path: string;
+        badge?: number;
+    }[];
+}
+export interface SidebarGroup {
+    title?: string;
+    items: SidebarItem[];
+}
+export interface SidebarProps {
+    groups: SidebarGroup[];
+    collapsed: boolean;
+    mobileOpen: boolean;
+    isMobile: boolean;
+    onMobileClose: () => void;
+    onItemClick: (path: string) => void;
+    currentPath: string;
+    appName?: string;
+    appSubName?: string;
+    appIcon?: React.ElementType;
+    headerNode?: React.ReactNode;
+    footerNode?: React.ReactNode;
+}
+export declare const Sidebar: ({ groups, collapsed, mobileOpen, isMobile, onMobileClose, onItemClick, currentPath, appName, appSubName, appIcon: AppIcon, headerNode, footerNode, }: SidebarProps) => React.ReactElement;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/core/navbar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,GAAI,sJAarB,YAAY,KAAG,KAAK,CAAC,YA6DvB,CAAC"}

package/dist/components/core/navbar/SidebarNavItem.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { SidebarItem } from "./Sidebar";
+export interface SidebarNavItemProps extends SidebarItem {
+    currentPath: string;
+    collapsed: boolean;
+    onItemClick: (path: string) => void;
+}
+export declare const SidebarNavItem: ({ path, icon: Icon, label, badge, subItems, currentPath, collapsed, onItemClick, }: SidebarNavItemProps) => React.ReactElement;
+//# sourceMappingURL=SidebarNavItem.d.ts.map

package/dist/components/core/navbar/SidebarNavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/SidebarNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,cAAc,GAAI,oFAU5B,mBAAmB,KAAG,KAAK,CAAC,YA+F9B,CAAC"}

package/dist/components/core/navbar/Topbar.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface TopbarProps {
+    collapsed: boolean;
+    isMobile: boolean;
+    onToggleSidebar: () => void;
+    actionsNode?: React.ReactNode;
+    userMenuNode?: React.ReactNode;
+}
+export declare const Topbar: ({ collapsed, isMobile, onToggleSidebar, actionsNode, userMenuNode }: TopbarProps) => React.ReactElement;
+//# sourceMappingURL=Topbar.d.ts.map

package/dist/components/core/navbar/Topbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/Topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,WAAW;IAE1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,IAAI,CAAC;IAG5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAG9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,GAAI,qEAAqE,WAAW,KAAG,KAAK,CAAC,YAiC/G,CAAC"}

package/dist/components/core/navbar/index.d.ts

@@ -0,0 +1,3 @@
+export { Sidebar } from "./Sidebar";
+export { Topbar } from "./Topbar";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/core/navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/core/navbar/index.js

@@ -0,0 +1,5 @@
+import { S as o, T as b } from "../../../Topbar-CtXJ337W.js";
+export {
+  o as Sidebar,
+  b as Topbar
+};

package/dist/components/index.js

@@ -1,33 +1,37 @@
-import { K as t, a as r } from "../KpiCards-jWYPbprR.js";
-import { S as e } from "../SearchInput-C2mFWiBb.js";
-import { E as d, L as n } from "../LoadingState-C0uS6aGT.js";
-import { A as C, a as T, b as l, B as c, C as f, c as m, d as x, e as A, f as b, g, I as u, T as B, h as S, i as D, j as I, k as K, l as V, m as h, n as E } from "../toast-B6sBreHk.js";
-import { B as j, b as k } from "../badge-EcCaGyMI.js";
+import { K as r, a as t } from "../KpiCards-D4Cy8CLT.js";
+import { S as e } from "../SearchInput-LIey3bo9.js";
+import { E as p, L as d } from "../LoadingState-C0uS6aGT.js";
+import { S as T, T as C } from "../Topbar-CtXJ337W.js";
+import { A as l, a as m, b, C as x, c, d as S, e as A, f as g, g as u, I as B, T as D, h as I, i as K, j as V, k as h, l as E, m as L } from "../toast-B6CC_ory.js";
+import { B as k, b as v } from "../index-BNCR478R.js";
+import { B as F, b as H } from "../badge-Cj2EQgcL.js";
 export {
-  C as Alert,
-  T as AlertDescription,
-  l as AlertTitle,
-  j as Badge,
-  c as Button,
-  f as Card,
-  m as CardContent,
-  x as CardDescription,
+  l as Alert,
+  m as AlertDescription,
+  b as AlertTitle,
+  F as Badge,
+  k as Button,
+  x as Card,
+  c as CardContent,
+  S as CardDescription,
   A as CardFooter,
-  b as CardHeader,
-  g as CardTitle,
-  d as ErrorState,
-  u as Input,
-  t as KpiCard,
-  r as KpiCards,
-  n as LoadingState,
+  g as CardHeader,
+  u as CardTitle,
+  p as ErrorState,
+  B as Input,
+  r as KpiCard,
+  t as KpiCards,
+  d as LoadingState,
   e as SearchInput,
-  B as Toast,
-  S as ToastAction,
-  D as ToastClose,
-  I as ToastDescription,
-  K as ToastProvider,
-  V as ToastTitle,
-  h as ToastViewport,
-  k as badgeVariants,
-  E as buttonVariants
+  T as Sidebar,
+  D as Toast,
+  I as ToastAction,
+  K as ToastClose,
+  V as ToastDescription,
+  h as ToastProvider,
+  E as ToastTitle,
+  L as ToastViewport,
+  C as Topbar,
+  H as badgeVariants,
+  v as buttonVariants
 };

package/dist/components/ui/index.js

@@ -1,25 +1,26 @@
-import { A as t, a as o, b as r, B as e, C as i, c as n, d, e as T, f as C, g as l, I as p, T as c, h as A, i as b, j as B, k as f, l as g, m, n as u } from "../../toast-B6sBreHk.js";
-import { B as V, b as x } from "../../badge-EcCaGyMI.js";
+import { A as t, a as o, b as r, C as e, c as i, d, e as n, f as T, g as C, I as l, T as p, h as b, i as c, j as A, k as f, l as m, m as B } from "../../toast-B6CC_ory.js";
+import { B as u, b as x } from "../../index-BNCR478R.js";
+import { B as V, b as I } from "../../badge-Cj2EQgcL.js";
 export {
   t as Alert,
   o as AlertDescription,
   r as AlertTitle,
   V as Badge,
-  e as Button,
-  i as Card,
-  n as CardContent,
+  u as Button,
+  e as Card,
+  i as CardContent,
   d as CardDescription,
-  T as CardFooter,
-  C as CardHeader,
-  l as CardTitle,
-  p as Input,
-  c as Toast,
-  A as ToastAction,
-  b as ToastClose,
-  B as ToastDescription,
+  n as CardFooter,
+  T as CardHeader,
+  C as CardTitle,
+  l as Input,
+  p as Toast,
+  b as ToastAction,
+  c as ToastClose,
+  A as ToastDescription,
   f as ToastProvider,
-  g as ToastTitle,
-  m as ToastViewport,
-  x as badgeVariants,
-  u as buttonVariants
+  m as ToastTitle,
+  B as ToastViewport,
+  I as badgeVariants,
+  x as buttonVariants
 };

package/dist/components/ui/separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/ui/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,SAAS,6JAUd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ui/sheet.d.ts

@@ -0,0 +1,26 @@
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/components/ui/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAWjB,CAAC;AAGF,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAEF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAExI,QAAA,MAAM,YAAY,0FAajB,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAErG,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAErG,CAAC;AAGF,QAAA,MAAM,UAAU,mKAEf,CAAC;AAGF,QAAA,MAAM,gBAAgB,6KAG6H,CAAC;AAGpJ,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/skeleton.d.ts

@@ -0,0 +1,3 @@
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/ui/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAEA,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAEnG;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAYnB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/hooks/index.js

@@ -7,7 +7,9 @@ function _() {
     const e = window.matchMedia(`(max-width: ${String(u - 1)}px)`), o = () => {
       s(window.innerWidth < u);
     };
-    return e.addEventListener("change", o), s(window.innerWidth < u), () => e.removeEventListener("change", o);
+    return e.addEventListener("change", o), s(window.innerWidth < u), () => {
+      e.removeEventListener("change", o);
+    };
   }, []), t;
 }
 const p = 1, A = 1e6;

package/dist/hooks/ui/useMobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/useMobile.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,IAAI,OAAO,CAcnC"}
+{"version":3,"file":"useMobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/useMobile.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,IAAI,OAAO,CAgBnC"}

package/dist/index-BNCR478R.js

@@ -0,0 +1,272 @@
+import { jsx as h, Fragment as _ } from "react/jsx-runtime";
+import { a as R, c as P } from "./index-gWiv5-6R.js";
+import * as c from "react";
+const x = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, C = R, V = (e, n) => (t) => {
+  var r;
+  if ((n == null ? void 0 : n.variants) == null) return C(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: o, defaultVariants: s } = n, u = Object.keys(o).map((l) => {
+    const f = t == null ? void 0 : t[l], a = s == null ? void 0 : s[l];
+    if (f === null) return null;
+    const d = x(f) || x(a);
+    return o[l][d];
+  }), i = t && Object.entries(t).reduce((l, f) => {
+    let [a, d] = f;
+    return d === void 0 || (l[a] = d), l;
+  }, {}), m = n == null || (r = n.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((l, f) => {
+    let { class: a, className: d, ...y } = f;
+    return Object.entries(y).every((v) => {
+      let [p, b] = v;
+      return Array.isArray(b) ? b.includes({
+        ...s,
+        ...i
+      }[p]) : {
+        ...s,
+        ...i
+      }[p] === b;
+    }) ? [
+      ...l,
+      a,
+      d
+    ] : l;
+  }, []);
+  return C(e, u, m, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+};
+function S(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
+}
+function w(...e) {
+  return (n) => {
+    let t = !1;
+    const r = e.map((o) => {
+      const s = S(o, n);
+      return !t && typeof s == "function" && (t = !0), s;
+    });
+    if (t)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const s = r[o];
+          typeof s == "function" ? s() : S(e[o], null);
+        }
+      };
+  };
+}
+function U(...e) {
+  return c.useCallback(w(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function N(e) {
+  const n = /* @__PURE__ */ $(e), t = c.forwardRef((r, o) => {
+    const { children: s, ...u } = r, i = c.Children.toArray(s), m = i.find(j);
+    if (m) {
+      const l = m.props.children, f = i.map((a) => a === m ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : a);
+      return /* @__PURE__ */ h(n, { ...u, ref: o, children: c.isValidElement(l) ? c.cloneElement(l, void 0, f) : null });
+    }
+    return /* @__PURE__ */ h(n, { ...u, ref: o, children: s });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+var k = /* @__PURE__ */ N("Slot");
+// @__NO_SIDE_EFFECTS__
+function $(e) {
+  const n = c.forwardRef((t, r) => {
+    const { children: o, ...s } = t;
+    if (c.isValidElement(o)) {
+      const u = I(o), i = O(s, o.props);
+      return o.type !== c.Fragment && (i.ref = r ? w(r, u) : u), c.cloneElement(o, i);
+    }
+    return c.Children.count(o) > 1 ? c.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var E = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function Z(e) {
+  const n = ({ children: t }) => /* @__PURE__ */ h(_, { children: t });
+  return n.displayName = `${e}.Slottable`, n.__radixId = E, n;
+}
+function j(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === E;
+}
+function O(e, n) {
+  const t = { ...n };
+  for (const r in n) {
+    const o = e[r], s = n[r];
+    /^on[A-Z]/.test(r) ? o && s ? t[r] = (...i) => {
+      const m = s(...i);
+      return o(...i), m;
+    } : o && (t[r] = o) : r === "style" ? t[r] = { ...o, ...s } : r === "className" && (t[r] = [o, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function I(e) {
+  var r, o;
+  let n = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, t = n && "isReactWarning" in n && n.isReactWarning;
+  return t ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+const A = V(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        styled: "bg-gradient-to-r from-slate-900 to-purple-700 hover:from-slate-800 hover:to-purple-600 text-white shadow-lg shadow-purple-500/25 px-6 h-12"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), B = c.forwardRef(({ className: e, variant: n, size: t, asChild: r = !1, ...o }, s) => /* @__PURE__ */ h(r ? k : "button", { className: P(A({ variant: n, size: t, className: e })), ref: s, ...o }));
+B.displayName = "Button";
+function q(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), t === !1 || !o.defaultPrevented)
+      return n == null ? void 0 : n(o);
+  };
+}
+function G(e, n = []) {
+  let t = [];
+  function r(s, u) {
+    const i = c.createContext(u), m = t.length;
+    t = [...t, u];
+    const l = (a) => {
+      var g;
+      const { scope: d, children: y, ...v } = a, p = ((g = d == null ? void 0 : d[e]) == null ? void 0 : g[m]) || i, b = c.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ h(p.Provider, { value: b, children: y });
+    };
+    l.displayName = s + "Provider";
+    function f(a, d) {
+      var p;
+      const y = ((p = d == null ? void 0 : d[e]) == null ? void 0 : p[m]) || i, v = c.useContext(y);
+      if (v) return v;
+      if (u !== void 0) return u;
+      throw new Error(`\`${a}\` must be used within \`${s}\``);
+    }
+    return [l, f];
+  }
+  const o = () => {
+    const s = t.map((u) => c.createContext(u));
+    return function(i) {
+      const m = (i == null ? void 0 : i[e]) || s;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: m } }),
+        [i, m]
+      );
+    };
+  };
+  return o.scopeName = e, [r, L(o, ...n)];
+}
+function L(...e) {
+  const n = e[0];
+  if (e.length === 1) return n;
+  const t = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(s) {
+      const u = r.reduce((i, { useScope: m, scopeName: l }) => {
+        const a = m(s)[`__scope${l}`];
+        return { ...i, ...a };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function T(e) {
+  const n = c.useRef(e);
+  return c.useEffect(() => {
+    n.current = e;
+  }), c.useMemo(() => (...t) => {
+    var r;
+    return (r = n.current) == null ? void 0 : r.call(n, ...t);
+  }, []);
+}
+function J(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = T(e);
+  c.useEffect(() => {
+    const r = (o) => {
+      o.key === "Escape" && t(o);
+    };
+    return n.addEventListener("keydown", r, { capture: !0 }), () => n.removeEventListener("keydown", r, { capture: !0 });
+  }, [t, n]);
+}
+var W = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+}, D = c[" useInsertionEffect ".trim().toString()] || W;
+function Q({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  },
+  caller: r
+}) {
+  const [o, s, u] = F({
+    defaultProp: n,
+    onChange: t
+  }), i = e !== void 0, m = i ? e : o;
+  {
+    const f = c.useRef(e !== void 0);
+    c.useEffect(() => {
+      const a = f.current;
+      a !== i && console.warn(
+        `${r} is changing from ${a ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), f.current = i;
+    }, [i, r]);
+  }
+  const l = c.useCallback(
+    (f) => {
+      var a;
+      if (i) {
+        const d = K(f) ? f(e) : f;
+        d !== e && ((a = u.current) == null || a.call(u, d));
+      } else
+        s(f);
+    },
+    [i, e, s, u]
+  );
+  return [m, l];
+}
+function F({
+  defaultProp: e,
+  onChange: n
+}) {
+  const [t, r] = c.useState(e), o = c.useRef(t), s = c.useRef(n);
+  return D(() => {
+    s.current = n;
+  }, [n]), c.useEffect(() => {
+    var u;
+    o.current !== t && ((u = s.current) == null || u.call(s, t), o.current = t);
+  }, [t, o]), [t, r, s];
+}
+function K(e) {
+  return typeof e == "function";
+}
+export {
+  B,
+  G as a,
+  A as b,
+  V as c,
+  N as d,
+  J as e,
+  q as f,
+  T as g,
+  W as h,
+  Q as i,
+  Z as j,
+  U as u
+};