@fayz-ai/ui 0.6.0 → 0.7.0

package/dist/{chunk-YB5ZJKNG.cjs → chunk-7PTRAWHO.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkW4XXXJRW_cjs = require('./chunk-W4XXXJRW.cjs');
-var chunkD6SXPF4F_cjs = require('./chunk-D6SXPF4F.cjs');
-var chunkVVVZO2LE_cjs = require('./chunk-VVVZO2LE.cjs');
-var React11 = require('react');
+var chunkOW73RZOU_cjs = require('./chunk-OW73RZOU.cjs');
+var chunkODY3GZ3Y_cjs = require('./chunk-ODY3GZ3Y.cjs');
+var chunkH6OULCHF_cjs = require('./chunk-H6OULCHF.cjs');
+var React10 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var DialogPrimitive = require('@radix-ui/react-dialog');
@@ -35,7 +35,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
+var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
@@ -43,9 +43,9 @@ var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrim
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 
-var Input = React11__namespace.forwardRef(
+var Input = React10__namespace.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
-    const inputId = id ?? React11__namespace.useId();
+    const inputId = id ?? React10__namespace.useId();
     const descriptionId = description ? `${inputId}-description` : void 0;
     const errorId = error ? `${inputId}-error` : void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
@@ -54,7 +54,7 @@ var Input = React11__namespace.forwardRef(
         {
           type,
           id: inputId,
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "flex h-8 w-full rounded-input border border-input bg-card px-2 py-1 text-sm text-foreground shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
             error && "border-destructive focus-visible:ring-destructive",
             className
@@ -109,7 +109,7 @@ var DOT_COLOR = {
 function Badge({ className, variant, dot, children, ...props }) {
   const v = variant ?? "default";
   const showDot = dot ?? VARIANTS_WITH_DOT.has(v);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVVZO2LE_cjs.cn(badgeVariants({ variant }), className), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(badgeVariants({ variant }), className), ...props, children: [
     showDot && /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
@@ -133,11 +133,11 @@ var Modal = DialogPrimitive__namespace.Root;
 var ModalTrigger = DialogPrimitive__namespace.Trigger;
 var ModalClose = DialogPrimitive__namespace.Close;
 var ModalPortal = DialogPrimitive__namespace.Portal;
-var ModalOverlay = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ModalOverlay = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "fayz-modal-overlay saas-mdl-ov fixed inset-0 z-50",
       "flex items-center justify-center p-0 sm:p-6",
       className
@@ -146,7 +146,7 @@ var ModalOverlay = React11__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 ModalOverlay.displayName = "ModalOverlay";
-var ModalContent = React11__namespace.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ModalPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var ModalContent = React10__namespace.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ModalPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   DialogPrimitive__namespace.Content,
   {
     ref,
@@ -168,7 +168,7 @@ var ModalContent = React11__namespace.forwardRef(({ className, children, size =
       }
       onInteractOutside?.(e);
     },
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "fayz-glass-surface fayz-modal-content saas-mdl-ct relative z-50 flex flex-col w-full outline-none",
       // Mobile fullscreen
       "h-full rounded-none border-0",
@@ -190,17 +190,17 @@ var ModalContent = React11__namespace.forwardRef(({ className, children, size =
 ) }) }));
 ModalContent.displayName = "ModalContent";
 function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("flex flex-col space-y-1.5 text-center sm:text-left shrink-0", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("flex flex-col space-y-1.5 text-center sm:text-left shrink-0", className), ...props });
 }
 function ModalBody({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("flex-1 overflow-y-auto min-h-0", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("flex-1 overflow-y-auto min-h-0", className), ...props });
 }
 function ModalFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 shrink-0", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 shrink-0", className), ...props });
 }
-var ModalTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: chunkVVVZO2LE_cjs.cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+var ModalTitle = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { ref, className: chunkH6OULCHF_cjs.cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
 ModalTitle.displayName = "ModalTitle";
-var ModalDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: chunkVVVZO2LE_cjs.cn("text-sm text-muted-foreground", className), ...props }));
+var ModalDescription = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { ref, className: chunkH6OULCHF_cjs.cn("text-sm text-muted-foreground", className), ...props }));
 ModalDescription.displayName = "ModalDescription";
 var COLOR_CLASSES = {
   primary: "border-primary bg-primary text-primary-foreground",
@@ -208,7 +208,7 @@ var COLOR_CLASSES = {
   warning: "border-warning bg-warning text-white",
   destructive: "border-destructive bg-destructive text-destructive-foreground"
 };
-var Checkbox = React11__namespace.forwardRef(
+var Checkbox = React10__namespace.forwardRef(
   ({ checked = false, onChange, disabled, className, color = "primary", id, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -220,7 +220,7 @@ var Checkbox = React11__namespace.forwardRef(
         "aria-checked": checked,
         disabled,
         onClick: () => onChange?.(!checked),
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "peer inline-flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-[5px] border-2 transition-all duration-150",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           "disabled:cursor-not-allowed disabled:opacity-50",
@@ -234,118 +234,14 @@ var Checkbox = React11__namespace.forwardRef(
   }
 );
 Checkbox.displayName = "Checkbox";
-var STYLE_ID = "saas-sheet-styles";
-if (typeof document !== "undefined" && !document.getElementById(STYLE_ID)) {
-  const style = document.createElement("style");
-  style.id = STYLE_ID;
-  style.textContent = `
-    @keyframes saas-sheet-fade-in { from { opacity: 0 } to { opacity: 1 } }
-    @keyframes saas-sheet-fade-out { from { opacity: 1 } to { opacity: 0 } }
-    @keyframes saas-sheet-slide-in { from { transform: translateX(100%) } to { transform: translateX(0) } }
-    @keyframes saas-sheet-slide-out { from { transform: translateX(0) } to { transform: translateX(100%) } }
-    .saas-sheet-overlay[data-state="open"] { animation: saas-sheet-fade-in 200ms ease-out }
-    .saas-sheet-overlay[data-state="closed"] { animation: saas-sheet-fade-out 150ms ease-in }
-    .saas-sheet-content[data-state="open"] { animation: saas-sheet-slide-in 280ms cubic-bezier(0.16, 1, 0.3, 1) }
-    .saas-sheet-content[data-state="closed"] { animation: saas-sheet-slide-out 200ms ease-in }
-  `;
-  document.head.appendChild(style);
-}
-var Sheet = DialogPrimitive__namespace.Root;
-var SheetTrigger = DialogPrimitive__namespace.Trigger;
-var SheetClose = DialogPrimitive__namespace.Close;
-var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Overlay,
-  {
-    ref,
-    className: chunkVVVZO2LE_cjs.cn(
-      "saas-sheet-overlay fixed inset-0 z-50 bg-black/40 backdrop-blur-[2px]",
-      className
-    ),
-    ...props
-  }
-));
-SheetOverlay.displayName = "SheetOverlay";
-var SheetContent = React11__namespace.forwardRef(({ className, children, width, hideClose, overlay = "blur", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, { className: overlay === "none" ? "bg-transparent backdrop-blur-0" : overlay === "dim" ? "backdrop-blur-0" : void 0 }),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogPrimitive__namespace.Content,
-    {
-      ref,
-      className: chunkVVVZO2LE_cjs.cn(
-        "fayz-glass-surface saas-sheet-content fixed inset-y-0 right-0 z-50 flex flex-col border-l bg-card shadow-2xl outline-none",
-        "w-full",
-        width ?? "max-w-md",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        !hideClose && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 z-10 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-SheetContent.displayName = "SheetContent";
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunkVVVZO2LE_cjs.cn("flex flex-col gap-1 px-5 py-4 border-b shrink-0", className),
-      ...props
-    }
-  );
-}
-SheetHeader.displayName = "SheetHeader";
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunkVVVZO2LE_cjs.cn("flex items-center gap-2 px-5 py-3 border-t shrink-0", className),
-      ...props
-    }
-  );
-}
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Title,
-  {
-    ref,
-    className: chunkVVVZO2LE_cjs.cn("text-sm font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DialogPrimitive__namespace.Description,
-  {
-    ref,
-    className: chunkVVVZO2LE_cjs.cn("text-xs text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = "SheetDescription";
-function SheetBody({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunkVVVZO2LE_cjs.cn("flex-1 overflow-y-auto px-5 py-5", className),
-      ...props
-    }
-  );
-}
-SheetBody.displayName = "SheetBody";
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "flex h-10 w-full items-center justify-between rounded-input border border-input bg-background px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
@@ -357,11 +253,11 @@ var SelectTrigger = React11__namespace.forwardRef(({ className, children, ...pro
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -370,11 +266,11 @@ var SelectScrollUpButton = React11__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -383,11 +279,11 @@ var SelectScrollDownButton = React11__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React11__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React10__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "fayz-glass-surface relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-card border bg-popover text-popover-foreground shadow-md",
       position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
@@ -399,7 +295,7 @@ var SelectContent = React11__namespace.forwardRef(({ className, children, positi
       /* @__PURE__ */ jsxRuntime.jsx(
         SelectPrimitive__namespace.Viewport,
         {
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "p-1",
             position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -411,21 +307,21 @@ var SelectContent = React11__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    className: chunkH6OULCHF_cjs.cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React11__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React10__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-muted focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: chunkH6OULCHF_cjs.cn(
+      "relative flex w-full cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-muted focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -436,11 +332,11 @@ var SelectItem = React11__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn("-mx-1 my-1 h-px bg-muted", className),
+    className: chunkH6OULCHF_cjs.cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
@@ -449,7 +345,7 @@ function ToastProvider({
   position = "bottom-center",
   theme = "system"
 }) {
-  const saveBarVisible = chunkW4XXXJRW_cjs.useSaveBarVisible();
+  const saveBarVisible = chunkOW73RZOU_cjs.useSaveBarVisible();
   const bottomOffset = position.startsWith("bottom") && saveBarVisible ? 84 : 24;
   return /* @__PURE__ */ jsxRuntime.jsx(
     sonner.Toaster,
@@ -474,11 +370,11 @@ function ToastProvider({
   );
 }
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
       className
     ),
@@ -486,11 +382,11 @@ var TabsList = React11__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       className
     ),
@@ -498,11 +394,11 @@ var TabsTrigger = React11__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       className
     ),
@@ -510,14 +406,14 @@ var TabsContent = React11__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var Separator2 = React11__namespace.forwardRef(
+var Separator2 = React10__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     SeparatorPrimitive__namespace.Root,
     {
       ref,
       decorative,
       orientation,
-      className: chunkVVVZO2LE_cjs.cn(
+      className: chunkH6OULCHF_cjs.cn(
         "shrink-0 bg-border",
         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         className
@@ -528,8 +424,8 @@ var Separator2 = React11__namespace.forwardRef(
 );
 Separator2.displayName = SeparatorPrimitive__namespace.Root.displayName;
 function Breadcrumb({ parent, current, onBack }) {
-  const { onBack: effectiveOnBack, parentLabel: effectiveParent } = chunkW4XXXJRW_cjs.useCrossModuleBack(onBack, parent);
-  chunkW4XXXJRW_cjs.useBackHandler(effectiveOnBack);
+  const { onBack: effectiveOnBack, parentLabel: effectiveParent } = chunkOW73RZOU_cjs.useCrossModuleBack(onBack, parent);
+  chunkOW73RZOU_cjs.useBackHandler(effectiveOnBack);
   return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -552,12 +448,12 @@ function Breadcrumb({ parent, current, onBack }) {
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React11__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React10__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
     sideOffset,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "fayz-glass-surface z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -574,17 +470,17 @@ function formatTime24(h, m) {
   return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
 }
 function TimePicker({ value, onChange, interval = 15, min = "00:00", max = "23:45", use12h = false, readOnly, className, defaultOpen, onOpenChange }) {
-  const [open, setOpen] = React11.useState(defaultOpen ?? false);
-  const ref = React11.useRef(null);
-  const triggerRef = React11.useRef(null);
-  const listRef = React11.useRef(null);
-  const [pos, setPos] = React11.useState({ top: 0, left: 0, width: 0 });
-  React11.useEffect(() => {
+  const [open, setOpen] = React10.useState(defaultOpen ?? false);
+  const ref = React10.useRef(null);
+  const triggerRef = React10.useRef(null);
+  const listRef = React10.useRef(null);
+  const [pos, setPos] = React10.useState({ top: 0, left: 0, width: 0 });
+  React10.useEffect(() => {
     if (!open || !triggerRef.current) return;
     const rect = triggerRef.current.getBoundingClientRect();
     setPos({ top: rect.bottom + 4, left: rect.left, width: Math.max(rect.width, 120) });
   }, [open]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       const target = e.target;
@@ -596,12 +492,12 @@ function TimePicker({ value, onChange, interval = 15, min = "00:00", max = "23:4
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (!open || !listRef.current || !value) return;
     const el = listRef.current.querySelector('[data-selected="true"]');
     if (el) el.scrollIntoView({ block: "center" });
   }, [open, value]);
-  const slots = React11.useMemo(() => {
+  const slots = React10.useMemo(() => {
     const [minH, minM] = min.split(":").map(Number);
     const [maxH, maxM] = max.split(":").map(Number);
     const minTotal = minH * 60 + minM;
@@ -617,7 +513,7 @@ function TimePicker({ value, onChange, interval = 15, min = "00:00", max = "23:4
     }
     return result;
   }, [interval, min, max, use12h]);
-  const displayValue = React11.useMemo(() => {
+  const displayValue = React10.useMemo(() => {
     if (!value) return "";
     const [h, m] = value.split(":").map(Number);
     return use12h ? formatTime12(h, m) : formatTime24(h, m);
@@ -687,7 +583,7 @@ function Skeleton({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkVVVZO2LE_cjs.cn("animate-pulse rounded-md bg-muted", className),
+      className: chunkH6OULCHF_cjs.cn("animate-pulse rounded-md bg-muted", className),
       ...props
     }
   );
@@ -698,7 +594,7 @@ function TableSkeleton({ columns = 4, rows = 2 }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: Array.from({ length: rows }).map((_, r) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 px-4 py-3.5", children: Array.from({ length: columns }).map((_2, c) => /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton,
       {
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "h-3 rounded",
           c === 0 ? "flex-[2]" : "flex-1"
         )
@@ -733,12 +629,12 @@ function ListView({
   toolbar,
   className
 }) {
-  const [internalSearch, setInternalSearch] = React11.useState(controlledSearch ?? "");
-  const debounceRef = React11.useRef();
-  React11.useEffect(() => {
+  const [internalSearch, setInternalSearch] = React10.useState(controlledSearch ?? "");
+  const debounceRef = React10.useRef();
+  React10.useEffect(() => {
     if (controlledSearch !== void 0) setInternalSearch(controlledSearch);
   }, [controlledSearch]);
-  const handleSearchChange = React11.useCallback((value) => {
+  const handleSearchChange = React10.useCallback((value) => {
     setInternalSearch(value);
     if (searchDebounce === 0) {
       onSearchChange?.(value);
@@ -753,7 +649,7 @@ function ListView({
   const showSearch = !!onSearchChange;
   const showTags = tags && tags.length > 0 && onTagChange;
   const showToolbar = showSearch || onNew || showTags;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkVVVZO2LE_cjs.cn("space-y-4", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn("space-y-4", className), children: [
     showToolbar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:items-center sm:justify-between", children: [
       showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 max-w-sm", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
@@ -768,7 +664,7 @@ function ListView({
           }
         )
       ] }),
-      onNew && newLabel && /* @__PURE__ */ jsxRuntime.jsxs(chunkD6SXPF4F_cjs.Button, { variant: "default", size: "default", onClick: onNew, className: "shrink-0", children: [
+      onNew && newLabel && /* @__PURE__ */ jsxRuntime.jsxs(chunkH6OULCHF_cjs.Button, { variant: "default", size: "default", onClick: onNew, className: "shrink-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3.5 w-3.5" }),
         newLabel
       ] })
@@ -778,7 +674,7 @@ function ListView({
         "button",
         {
           onClick: () => onTagChange(void 0),
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "rounded-full px-2.5 py-1 text-xs font-medium transition-colors",
             !activeTag ? "bg-primary text-primary-foreground" : "bg-muted/50 text-muted-foreground hover:bg-muted"
           ),
@@ -789,7 +685,7 @@ function ListView({
         "button",
         {
           onClick: () => onTagChange(tag.value),
-          className: chunkVVVZO2LE_cjs.cn(
+          className: chunkH6OULCHF_cjs.cn(
             "rounded-full px-2.5 py-1 text-xs font-medium transition-colors",
             activeTag === tag.value ? "bg-primary text-primary-foreground" : "bg-muted/50 text-muted-foreground hover:bg-muted"
           ),
@@ -799,12 +695,12 @@ function ListView({
       ))
     ] }),
     toolbar,
-    loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkD6SXPF4F_cjs.DataTable, { columns, data: [], loading: true, variant: "card" }) : data.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-lg border-2 border-dashed border-muted", children: [
+    loading ? /* @__PURE__ */ jsxRuntime.jsx(chunkODY3GZ3Y_cjs.DataTable, { columns, data: [], loading: true, variant: "card" }) : data.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center rounded-lg border-2 border-dashed border-muted", children: [
       EmptyIcon && /* @__PURE__ */ jsxRuntime.jsx(EmptyIcon, { className: "h-8 w-8 text-muted-foreground/30 mb-2" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage }),
       emptyActionLabel && onEmptyAction && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onEmptyAction, className: "text-xs text-primary hover:underline mt-1", children: emptyActionLabel })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkD6SXPF4F_cjs.DataTable,
+      chunkODY3GZ3Y_cjs.DataTable,
       {
         columns,
         data,
@@ -875,16 +771,16 @@ function parseDate(s) {
 function DatePicker({ value, onChange, className, defaultOpen, onOpenChange }) {
   const t = core.useTranslation();
   const locale = core.getCurrentLocale();
-  const [open, setOpen] = React11.useState(defaultOpen ?? false);
-  const ref = React11.useRef(null);
-  const triggerRef = React11.useRef(null);
-  const dropdownRef = React11.useRef(null);
+  const [open, setOpen] = React10.useState(defaultOpen ?? false);
+  const ref = React10.useRef(null);
+  const triggerRef = React10.useRef(null);
+  const dropdownRef = React10.useRef(null);
   const selectedDate = value ? parseDate(value) : /* @__PURE__ */ new Date();
-  const [viewMonth, setViewMonth] = React11.useState(new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
-  const [pos, setPos] = React11.useState({ top: 0, left: 0 });
+  const [viewMonth, setViewMonth] = React10.useState(new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
+  const [pos, setPos] = React10.useState({ top: 0, left: 0 });
   const dayLabels = DAY_LABELS[locale] ?? DAY_LABELS.en;
   const dateLocale = toDateLocale(locale);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (!open || !triggerRef.current) return;
     const rect = triggerRef.current.getBoundingClientRect();
     const dropW = 260;
@@ -893,7 +789,7 @@ function DatePicker({ value, onChange, className, defaultOpen, onOpenChange }) {
     if (left < 8) left = 8;
     setPos({ top: rect.bottom + 4, left });
   }, [open]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       const target = e.target;
@@ -905,14 +801,14 @@ function DatePicker({ value, onChange, className, defaultOpen, onOpenChange }) {
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open, onOpenChange]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (value) {
       const d = parseDate(value);
       setViewMonth(new Date(d.getFullYear(), d.getMonth(), 1));
     }
   }, [value]);
   const monthLabel = viewMonth.toLocaleDateString(dateLocale, { month: "long", year: "numeric" });
-  const weeks = React11.useMemo(() => {
+  const weeks = React10.useMemo(() => {
     const year = viewMonth.getFullYear();
     const month = viewMonth.getMonth();
     const firstDay = new Date(year, month, 1);
@@ -1034,16 +930,16 @@ function SearchSelect({
   className,
   disabled
 }) {
-  const [open, setOpen] = React11__namespace.useState(false);
-  const [query, setQuery] = React11__namespace.useState("");
-  const [results, setResults] = React11__namespace.useState([]);
-  const [loading, setLoading] = React11__namespace.useState(false);
-  const [creating, setCreating] = React11__namespace.useState(false);
-  const [selectedLabel, setSelectedLabel] = React11__namespace.useState(displayValue ?? "");
-  const containerRef = React11__namespace.useRef(null);
-  const inputRef = React11__namespace.useRef(null);
-  const timerRef = React11__namespace.useRef();
-  React11__namespace.useEffect(() => {
+  const [open, setOpen] = React10__namespace.useState(false);
+  const [query, setQuery] = React10__namespace.useState("");
+  const [results, setResults] = React10__namespace.useState([]);
+  const [loading, setLoading] = React10__namespace.useState(false);
+  const [creating, setCreating] = React10__namespace.useState(false);
+  const [selectedLabel, setSelectedLabel] = React10__namespace.useState(displayValue ?? "");
+  const containerRef = React10__namespace.useRef(null);
+  const inputRef = React10__namespace.useRef(null);
+  const timerRef = React10__namespace.useRef();
+  React10__namespace.useEffect(() => {
     function handler(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -1052,10 +948,10 @@ function SearchSelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  React11__namespace.useEffect(() => {
+  React10__namespace.useEffect(() => {
     if (displayValue !== void 0) setSelectedLabel(displayValue);
   }, [displayValue]);
-  React11__namespace.useEffect(() => {
+  React10__namespace.useEffect(() => {
     if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
       setLoading(true);
       Promise.resolve(onSearch("")).then(setResults).catch(() => setResults([])).finally(() => setLoading(false));
@@ -1112,7 +1008,7 @@ function SearchSelect({
     setQuery("");
     setTimeout(() => inputRef.current?.focus(), 0);
   }
-  const groups = React11__namespace.useMemo(() => {
+  const groups = React10__namespace.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of results) {
       const group = opt.group ?? "";
@@ -1123,7 +1019,7 @@ function SearchSelect({
   }, [results]);
   const hasValue = !!value && !!selectedLabel;
   const showDropdown = open && query.length >= minChars;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: chunkVVVZO2LE_cjs.cn("relative", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: chunkH6OULCHF_cjs.cn("relative", className), children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-xs font-medium text-muted-foreground", children: [
       label,
       required && " *"
@@ -1131,7 +1027,7 @@ function SearchSelect({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "mt-1 flex items-center gap-2 rounded-lg border bg-background transition-colors",
           open ? "ring-2 ring-primary/20" : "hover:bg-muted/30",
           disabled && "opacity-50 cursor-not-allowed"
@@ -1193,14 +1089,14 @@ function SearchSelect({
         }
       )
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-64 overflow-auto py-1", children: [
-      [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxRuntime.jsxs(React11__namespace.Fragment, { children: [
+      [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxRuntime.jsxs(React10__namespace.Fragment, { children: [
         group && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 bg-muted/50 px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
         options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: () => handleSelect(opt),
             disabled: opt.disabled,
-            className: chunkVVVZO2LE_cjs.cn(
+            className: chunkH6OULCHF_cjs.cn(
               "w-full text-left px-3 py-2 hover:bg-muted/50 transition-colors flex items-center gap-2.5",
               opt.disabled && "opacity-40 cursor-not-allowed",
               opt.id === value && "bg-muted/30"
@@ -1244,9 +1140,9 @@ function CurrencyInput({
   className,
   disabled
 }) {
-  const inputRef = React11__namespace.useRef(null);
-  const [focused, setFocused] = React11__namespace.useState(false);
-  const format = React11__namespace.useCallback((v) => {
+  const inputRef = React10__namespace.useRef(null);
+  const [focused, setFocused] = React10__namespace.useState(false);
+  const format = React10__namespace.useCallback((v) => {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -1283,7 +1179,7 @@ function CurrencyInput({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkVVVZO2LE_cjs.cn(
+        className: chunkH6OULCHF_cjs.cn(
           "flex items-center rounded-lg border border-input bg-background ring-offset-background transition-colors cursor-text",
           label && "mt-1",
           focused && "border-ring ring-2 ring-ring ring-offset-2",
@@ -1355,7 +1251,7 @@ function ConfirmDialog({
 }) {
   const config = VARIANT_CONFIG[variant];
   const Icon2 = config.icon;
-  React11__namespace.useEffect(() => {
+  React10__namespace.useEffect(() => {
     if (!open) return;
     function handleKey(e) {
       if (e.key === "Escape") onCancel();
@@ -1383,15 +1279,15 @@ function ConfirmDialog({
           "aria-describedby": description ? "confirm-desc" : void 0,
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_cjs.cn("flex h-10 w-10 items-center justify-center rounded-full shrink-0", config.iconBg), children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: chunkVVVZO2LE_cjs.cn("h-5 w-5", config.iconColor) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("flex h-10 w-10 items-center justify-center rounded-full shrink-0", config.iconBg), children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: chunkH6OULCHF_cjs.cn("h-5 w-5", config.iconColor) }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 pt-0.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { id: "confirm-title", className: "text-sm font-semibold text-foreground", children: title }),
                 description && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "confirm-desc", className: "text-xs text-muted-foreground mt-1 leading-relaxed", children: description })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 mt-5", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkD6SXPF4F_cjs.Button, { variant: "outline", size: "sm", onClick: onCancel, disabled: loading, children: cancelLabel }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkD6SXPF4F_cjs.Button, { variant: config.buttonVariant, size: "sm", onClick: onConfirm, disabled: loading, children: loading ? "Processing..." : confirmLabel })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkH6OULCHF_cjs.Button, { variant: "outline", size: "sm", onClick: onCancel, disabled: loading, children: cancelLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkH6OULCHF_cjs.Button, { variant: config.buttonVariant, size: "sm", onClick: onConfirm, disabled: loading, children: loading ? "Processing..." : confirmLabel })
             ] })
           ] })
         }
@@ -1402,13 +1298,13 @@ function ConfirmDialog({
 }
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React11__namespace.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React10__namespace.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
     align,
     sideOffset,
-    className: chunkVVVZO2LE_cjs.cn(
+    className: chunkH6OULCHF_cjs.cn(
       "fayz-glass-surface z-[110] w-72 rounded-xl border bg-popover p-0 text-popover-foreground shadow-lg outline-none",
       "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
       className
@@ -1417,6 +1313,156 @@ var PopoverContent = React11__namespace.forwardRef(({ className, align = "start"
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+var INLINE_TOKEN = /(\*\*[^*]+\*\*|\*[^*]+\*|`[^`]+`)/g;
+function renderInline(text, keyPrefix) {
+  return text.split(INLINE_TOKEN).map((part, i) => {
+    const key = `${keyPrefix}-${i}`;
+    if (part.startsWith("**") && part.endsWith("**") && part.length > 4) {
+      return /* @__PURE__ */ jsxRuntime.jsx("strong", { children: part.slice(2, -2) }, key);
+    }
+    if (part.startsWith("*") && part.endsWith("*") && part.length > 2) {
+      return /* @__PURE__ */ jsxRuntime.jsx("em", { children: part.slice(1, -1) }, key);
+    }
+    if (part.startsWith("`") && part.endsWith("`") && part.length > 2) {
+      return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]", children: part.slice(1, -1) }, key);
+    }
+    return part === "" ? null : /* @__PURE__ */ jsxRuntime.jsx(React10__namespace.Fragment, { children: part }, key);
+  });
+}
+function parseBlocks(source) {
+  const lines = source.replace(/\r\n/g, "\n").split("\n");
+  const blocks = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    const trimmed = line.trim();
+    if (trimmed === "") {
+      i++;
+      continue;
+    }
+    const heading = /^(#{1,3})\s+(.*)$/.exec(trimmed);
+    if (heading) {
+      blocks.push({ type: "heading", level: heading[1].length, text: heading[2] });
+      i++;
+      continue;
+    }
+    if (/^(-{3,}|\*{3,})$/.test(trimmed)) {
+      blocks.push({ type: "hr" });
+      i++;
+      continue;
+    }
+    if (trimmed.startsWith(">")) {
+      const quote = [];
+      while (i < lines.length && lines[i].trim().startsWith(">")) {
+        quote.push(lines[i].trim().replace(/^>\s?/, ""));
+        i++;
+      }
+      blocks.push({ type: "blockquote", lines: quote });
+      continue;
+    }
+    if (/^[-*]\s+/.test(trimmed)) {
+      const items = [];
+      while (i < lines.length && /^[-*]\s+/.test(lines[i].trim())) {
+        items.push(lines[i].trim().replace(/^[-*]\s+/, ""));
+        i++;
+      }
+      blocks.push({ type: "ul", items });
+      continue;
+    }
+    if (/^\d+[.)]\s+/.test(trimmed)) {
+      const items = [];
+      while (i < lines.length && /^\d+[.)]\s+/.test(lines[i].trim())) {
+        items.push(lines[i].trim().replace(/^\d+[.)]\s+/, ""));
+        i++;
+      }
+      blocks.push({ type: "ol", items });
+      continue;
+    }
+    const para = [];
+    while (i < lines.length && lines[i].trim() !== "" && !/^(#{1,3}\s|>|[-*]\s|\d+[.)]\s|-{3,}$|\*{3,}$)/.test(lines[i].trim())) {
+      para.push(lines[i].trim());
+      i++;
+    }
+    blocks.push({ type: "p", lines: para });
+  }
+  return blocks;
+}
+var HEADING_CLASS = {
+  1: "text-xl font-semibold tracking-tight",
+  2: "text-base font-semibold tracking-tight",
+  3: "text-sm font-semibold"
+};
+function renderMarkdown(source) {
+  const blocks = parseBlocks(source);
+  return blocks.map((block, bi) => {
+    const key = `md-${bi}`;
+    switch (block.type) {
+      case "heading": {
+        const Tag = `h${block.level}`;
+        return /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: HEADING_CLASS[block.level], children: renderInline(block.text, key) }, key);
+      }
+      case "hr":
+        return /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-border" }, key);
+      case "blockquote":
+        return /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-border pl-3 text-muted-foreground", children: block.lines.map((l, li) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: renderInline(l, `${key}-${li}`) }, `${key}-${li}`)) }, key);
+      case "ul":
+        return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc space-y-1 pl-5", children: block.items.map((item, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: renderInline(item, `${key}-${li}`) }, `${key}-${li}`)) }, key);
+      case "ol":
+        return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "list-decimal space-y-1 pl-5", children: block.items.map((item, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: renderInline(item, `${key}-${li}`) }, `${key}-${li}`)) }, key);
+      case "p":
+        return /* @__PURE__ */ jsxRuntime.jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxRuntime.jsxs(React10__namespace.Fragment, { children: [
+          li > 0 && /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+          renderInline(l, `${key}-${li}`)
+        ] }, `${key}-${li}`)) }, key);
+    }
+  });
+}
+function Markdown({ source, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("space-y-3 text-sm leading-relaxed text-foreground", className), children: renderMarkdown(source) });
+}
+function MarkdownEditor({
+  value,
+  onChange,
+  placeholder,
+  minRows = 16,
+  defaultMode = "preview",
+  editLabel = "Edit",
+  previewLabel = "Preview",
+  renderPreview,
+  className
+}) {
+  const [mode, setMode] = React10__namespace.useState(
+    defaultMode === "preview" && value.trim() === "" ? "edit" : defaultMode
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkODY3GZ3Y_cjs.SegmentedControl,
+      {
+        "aria-label": "Markdown mode",
+        options: [
+          { value: "edit", label: editLabel },
+          { value: "preview", label: previewLabel }
+        ],
+        value: mode,
+        onChange: (m) => setMode(m)
+      }
+    ) }),
+    mode === "edit" ? /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        value,
+        onChange: (e) => onChange(e.target.value),
+        placeholder,
+        rows: Math.max(minRows, value.split("\n").length + 1),
+        className: chunkH6OULCHF_cjs.cn(
+          "w-full resize-y rounded-md border border-border bg-card p-3",
+          "font-mono text-[13px] leading-relaxed text-foreground",
+          "placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+        )
+      }
+    ) : renderPreview ? renderPreview(value) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-border bg-card p-4", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { source: value }) })
+  ] });
+}
 
 Object.defineProperty(exports, "toast", {
   enumerable: true,
@@ -1430,6 +1476,8 @@ exports.CurrencyInput = CurrencyInput;
 exports.DatePicker = DatePicker;
 exports.Input = Input;
 exports.ListView = ListView;
+exports.Markdown = Markdown;
+exports.MarkdownEditor = MarkdownEditor;
 exports.Modal = Modal;
 exports.ModalBody = ModalBody;
 exports.ModalClose = ModalClose;
@@ -1456,17 +1504,6 @@ exports.SelectSeparator = SelectSeparator;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
 exports.Separator = Separator2;
-exports.Sheet = Sheet;
-exports.SheetBody = SheetBody;
-exports.SheetClose = SheetClose;
-exports.SheetContent = SheetContent;
-exports.SheetDescription = SheetDescription;
-exports.SheetFooter = SheetFooter;
-exports.SheetHeader = SheetHeader;
-exports.SheetOverlay = SheetOverlay;
-exports.SheetPortal = SheetPortal;
-exports.SheetTitle = SheetTitle;
-exports.SheetTrigger = SheetTrigger;
 exports.Skeleton = Skeleton;
 exports.TableSkeleton = TableSkeleton;
 exports.Tabs = Tabs;
@@ -1480,5 +1517,6 @@ exports.TooltipContent = TooltipContent;
 exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.badgeVariants = badgeVariants;
-//# sourceMappingURL=chunk-YB5ZJKNG.cjs.map
-//# sourceMappingURL=chunk-YB5ZJKNG.cjs.map
+exports.renderMarkdown = renderMarkdown;
+//# sourceMappingURL=chunk-7PTRAWHO.cjs.map
+//# sourceMappingURL=chunk-7PTRAWHO.cjs.map