@fayz-ai/ui 0.2.0 → 0.5.0

package/dist/chunk-YB5ZJKNG.cjs

@@ -0,0 +1,1484 @@
+'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 jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var lucideReact = require('lucide-react');
+var SelectPrimitive = require('@radix-ui/react-select');
+var sonner = require('sonner');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var reactDom = require('react-dom');
+var core = require('@fayz-ai/core');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+
+var Input = React11__namespace.forwardRef(
+  ({ className, type, error, description, id, ...props }, ref) => {
+    const inputId = id ?? React11__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: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type,
+          id: inputId,
+          className: chunkVVVZO2LE_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
+          ),
+          ref,
+          "aria-invalid": error ? true : void 0,
+          "aria-describedby": [descriptionId, errorId].filter(Boolean).join(" ") || void 0,
+          ...props
+        }
+      ),
+      description && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: descriptionId, className: "mt-1.5 text-xs text-muted-foreground", children: description }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "mt-1.5 text-xs text-destructive", children: error })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center gap-1.5 rounded px-2 py-0.5 text-xs font-medium leading-[18px] transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted text-muted-foreground",
+        secondary: "bg-muted text-muted-foreground",
+        info: "bg-info-soft text-info-soft-foreground",
+        success: "bg-success-soft text-success-soft-foreground",
+        warning: "bg-warning-soft text-warning-soft-foreground",
+        destructive: "bg-destructive-soft text-destructive-soft-foreground",
+        magic: "bg-magic-soft text-magic-soft-foreground",
+        strong: "bg-primary text-primary-foreground",
+        outline: "border border-border text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var VARIANTS_WITH_DOT = /* @__PURE__ */ new Set([
+  "info",
+  "success",
+  "warning",
+  "destructive",
+  "magic"
+]);
+var DOT_COLOR = {
+  info: "hsl(var(--info))",
+  success: "hsl(var(--success))",
+  warning: "hsl(var(--warning))",
+  destructive: "hsl(var(--destructive))",
+  magic: "hsl(var(--magic))"
+};
+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: [
+    showDot && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "inline-block size-1.5 rounded-full",
+        style: { background: DOT_COLOR[v] ?? "currentColor" }
+      }
+    ),
+    children
+  ] });
+}
+var SIZE_MAP = {
+  sm: "sm:max-w-sm",
+  md: "sm:max-w-md",
+  lg: "sm:max-w-lg",
+  xl: "sm:max-w-xl",
+  "2xl": "sm:max-w-2xl",
+  "3xl": "sm:max-w-3xl",
+  full: "sm:max-w-[calc(100vw-4rem)]"
+};
+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(
+  DialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: chunkVVVZO2LE_cjs.cn(
+      "fayz-modal-overlay saas-mdl-ov fixed inset-0 z-50",
+      "flex items-center justify-center p-0 sm:p-6",
+      className
+    ),
+    ...props
+  }
+));
+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(
+  DialogPrimitive__namespace.Content,
+  {
+    ref,
+    onCloseAutoFocus: (e) => {
+      e.preventDefault();
+      onCloseAutoFocus?.(e);
+    },
+    onPointerDownOutside: (e) => {
+      const target = e.target;
+      if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
+        e.preventDefault();
+      }
+      onPointerDownOutside?.(e);
+    },
+    onInteractOutside: (e) => {
+      const target = e.target;
+      if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
+        e.preventDefault();
+      }
+      onInteractOutside?.(e);
+    },
+    className: chunkVVVZO2LE_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",
+      // Desktop centered card
+      "sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:border",
+      SIZE_MAP[size],
+      noPadding ? "" : "p-6 gap-4",
+      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" })
+      ] })
+    ]
+  }
+) }) }));
+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 });
+}
+function ModalBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkVVVZO2LE_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 });
+}
+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 }));
+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 }));
+ModalDescription.displayName = "ModalDescription";
+var COLOR_CLASSES = {
+  primary: "border-primary bg-primary text-primary-foreground",
+  success: "border-success bg-success text-white dark:border-success dark:bg-success",
+  warning: "border-warning bg-warning text-white",
+  destructive: "border-destructive bg-destructive text-destructive-foreground"
+};
+var Checkbox = React11__namespace.forwardRef(
+  ({ checked = false, onChange, disabled, className, color = "primary", id, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        id,
+        type: "button",
+        role: "checkbox",
+        "aria-checked": checked,
+        disabled,
+        onClick: () => onChange?.(!checked),
+        className: chunkVVVZO2LE_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",
+          checked ? `${COLOR_CLASSES[color]} shadow-sm` : "border-muted-foreground/40 bg-background hover:border-muted-foreground/60",
+          className
+        ),
+        ...props,
+        children: checked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
+      }
+    );
+  }
+);
+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(
+  SelectPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: chunkVVVZO2LE_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
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+var SelectScrollUpButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollUpButton,
+  {
+    ref,
+    className: chunkVVVZO2LE_cjs.cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+var SelectScrollDownButton = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollDownButton,
+  {
+    ref,
+    className: chunkVVVZO2LE_cjs.cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+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(
+  SelectPrimitive__namespace.Content,
+  {
+    ref,
+    className: chunkVVVZO2LE_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
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SelectPrimitive__namespace.Viewport,
+        {
+          className: chunkVVVZO2LE_cjs.cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = React11__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),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = React11__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
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+var SelectSeparator = React11__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),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+function ToastProvider({
+  position = "bottom-center",
+  theme = "system"
+}) {
+  const saveBarVisible = chunkW4XXXJRW_cjs.useSaveBarVisible();
+  const bottomOffset = position.startsWith("bottom") && saveBarVisible ? 84 : 24;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      position,
+      theme,
+      offset: bottomOffset,
+      closeButton: true,
+      richColors: true,
+      toastOptions: {
+        classNames: {
+          // Format harmonized with the SaveBar island: soft ring + xl shadow,
+          // generous rounded-2xl radius (full-pill looks wrong on multi-line
+          // toasts). Colors stay semantic (richColors).
+          toast: "group !gap-3 !rounded-3xl !border !px-4 !py-3 !shadow-xl !ring-1 !ring-black/5",
+          title: "!text-sm !font-semibold",
+          description: "!text-xs !mt-0.5",
+          closeButton: "!opacity-0 group-hover:!opacity-60 hover:!opacity-100 !transition-opacity"
+        }
+      }
+    }
+  );
+}
+var Tabs = TabsPrimitive__namespace.Root;
+var TabsList = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.List,
+  {
+    ref,
+    className: chunkVVVZO2LE_cjs.cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive__namespace.List.displayName;
+var TabsTrigger = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: chunkVVVZO2LE_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
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
+var TabsContent = React11__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Content,
+  {
+    ref,
+    className: chunkVVVZO2LE_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
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
+var Separator2 = React11__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: chunkVVVZO2LE_cjs.cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+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);
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: effectiveOnBack,
+        className: "inline-flex items-center gap-1 hover:text-foreground transition-colors",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-3.5 w-3.5" }),
+          effectiveParent
+        ]
+      }
+    ),
+    current !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "/" }),
+      current ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium truncate max-w-[200px]", children: current }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-4 w-24 rounded bg-muted animate-pulse align-middle" })
+    ] })
+  ] });
+}
+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(
+  TooltipPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: chunkVVVZO2LE_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
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
+function formatTime12(h, m) {
+  const period = h >= 12 ? "pm" : "am";
+  const h12 = h % 12 || 12;
+  return `${h12}:${String(m).padStart(2, "0")}${period}`;
+}
+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(() => {
+    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(() => {
+    if (!open) return;
+    const handler = (e) => {
+      const target = e.target;
+      if (ref.current?.contains(target)) return;
+      if (listRef.current?.contains(target)) return;
+      setOpen(false);
+      onOpenChange?.(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  React11.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 [minH, minM] = min.split(":").map(Number);
+    const [maxH, maxM] = max.split(":").map(Number);
+    const minTotal = minH * 60 + minM;
+    const maxTotal = maxH * 60 + maxM;
+    const result = [];
+    for (let t = minTotal; t <= maxTotal; t += interval) {
+      const h = Math.floor(t / 60);
+      const m = t % 60;
+      result.push({
+        value: formatTime24(h, m),
+        label: use12h ? formatTime12(h, m) : formatTime24(h, m)
+      });
+    }
+    return result;
+  }, [interval, min, max, use12h]);
+  const displayValue = React11.useMemo(() => {
+    if (!value) return "";
+    const [h, m] = value.split(":").map(Number);
+    return use12h ? formatTime12(h, m) : formatTime24(h, m);
+  }, [value, use12h]);
+  function handleKeyDown(e) {
+    if (readOnly) return;
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      const idx = slots.findIndex((s) => s.value === value);
+      const next = e.key === "ArrowDown" ? Math.min(idx + 1, slots.length - 1) : Math.max(idx - 1, 0);
+      if (slots[next]) onChange(slots[next].value);
+    } else if (e.key === "Enter" || e.key === "Escape") {
+      setOpen(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `relative ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        onClick: () => !readOnly && setOpen((p) => !p),
+        onKeyDown: handleKeyDown,
+        disabled: readOnly,
+        className: `flex items-center gap-2 rounded-lg border px-3 py-2 text-sm w-full text-left transition-colors ${readOnly ? "bg-muted/40 text-muted-foreground cursor-default" : "bg-background hover:bg-muted/30"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayValue || "--:--" })
+        ]
+      }
+    ),
+    open && !readOnly && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: listRef,
+          "data-modal-passthrough": true,
+          style: { position: "fixed", top: pos.top, left: pos.left, width: pos.width, zIndex: 9999, pointerEvents: "auto" },
+          className: "fayz-glass-surface min-w-[120px] max-h-48 overflow-y-auto rounded-xl border bg-popover shadow-xl py-1",
+          children: slots.map((slot) => {
+            const selected = slot.value === value;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-selected": selected,
+                onClick: () => {
+                  onChange(slot.value);
+                  setOpen(false);
+                },
+                className: `block w-full px-3 py-1.5 text-sm text-left transition-colors ${selected ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
+                children: slot.label
+              },
+              slot.value
+            );
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkVVVZO2LE_cjs.cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+function TableSkeleton({ columns = 4, rows = 2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b bg-muted/30 flex gap-4 px-4 py-2.5", children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 flex-1 rounded bg-muted-foreground/10" }, i)) }),
+    /* @__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(
+          "h-3 rounded",
+          c === 0 ? "flex-[2]" : "flex-1"
+        )
+      },
+      c
+    )) }, r)) })
+  ] });
+}
+function ListView({
+  columns,
+  data,
+  loading = false,
+  searchPlaceholder = "Search...",
+  search: controlledSearch,
+  onSearchChange,
+  searchDebounce = 300,
+  tags,
+  allTagLabel = "All",
+  activeTag,
+  onTagChange,
+  newLabel,
+  onNew,
+  onRowClick,
+  emptyIcon: EmptyIcon,
+  emptyMessage = "No results found.",
+  emptyActionLabel,
+  onEmptyAction,
+  total,
+  page = 1,
+  pageSize = 25,
+  onPageChange,
+  toolbar,
+  className
+}) {
+  const [internalSearch, setInternalSearch] = React11.useState(controlledSearch ?? "");
+  const debounceRef = React11.useRef();
+  React11.useEffect(() => {
+    if (controlledSearch !== void 0) setInternalSearch(controlledSearch);
+  }, [controlledSearch]);
+  const handleSearchChange = React11.useCallback((value) => {
+    setInternalSearch(value);
+    if (searchDebounce === 0) {
+      onSearchChange?.(value);
+    } else {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      debounceRef.current = setTimeout(() => onSearchChange?.(value), searchDebounce);
+    }
+  }, [onSearchChange, searchDebounce]);
+  const totalItems = total ?? data.length;
+  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+  const showPagination = onPageChange && totalItems > pageSize;
+  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: [
+    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" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            placeholder: searchPlaceholder,
+            value: internalSearch,
+            onChange: (e) => handleSearchChange(e.target.value),
+            className: "w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] pl-8 pr-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        )
+      ] }),
+      onNew && newLabel && /* @__PURE__ */ jsxRuntime.jsxs(chunkD6SXPF4F_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
+      ] })
+    ] }),
+    showTags && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onTagChange(void 0),
+          className: chunkVVVZO2LE_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"
+          ),
+          children: allTagLabel
+        }
+      ),
+      tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onTagChange(tag.value),
+          className: chunkVVVZO2LE_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"
+          ),
+          children: tag.label
+        },
+        tag.value
+      ))
+    ] }),
+    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: [
+      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,
+      {
+        columns,
+        data,
+        onRowClick,
+        variant: "card"
+      }
+    ),
+    showPagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        (page - 1) * pageSize + 1,
+        "\u2013",
+        Math.min(page * pageSize, totalItems),
+        " of ",
+        totalItems
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => onPageChange(page - 1),
+            disabled: page <= 1,
+            className: "flex h-7 w-7 items-center justify-center rounded-md border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground px-2", children: [
+          page,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => onPageChange(page + 1),
+            disabled: page >= totalPages,
+            className: "flex h-7 w-7 items-center justify-center rounded-md border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var DAY_LABELS = {
+  en: ["S", "M", "T", "W", "T", "F", "S"],
+  "pt-BR": ["D", "S", "T", "Q", "Q", "S", "S"]
+};
+function toDateLocale(locale) {
+  if (locale === "pt-BR") return "pt-BR";
+  return "en-US";
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isToday(d) {
+  return isSameDay(d, /* @__PURE__ */ new Date());
+}
+function formatDate(date, locale) {
+  return date.toLocaleDateString(toDateLocale(locale), { month: "short", day: "numeric", year: "numeric" });
+}
+function toDateStr(d) {
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+function parseDate(s) {
+  const [y, m, d] = s.split("-").map(Number);
+  return new Date(y, m - 1, d);
+}
+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 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 dayLabels = DAY_LABELS[locale] ?? DAY_LABELS.en;
+  const dateLocale = toDateLocale(locale);
+  React11.useEffect(() => {
+    if (!open || !triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const dropW = 260;
+    let left = rect.left;
+    if (left + dropW > window.innerWidth - 12) left = window.innerWidth - dropW - 12;
+    if (left < 8) left = 8;
+    setPos({ top: rect.bottom + 4, left });
+  }, [open]);
+  React11.useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      const target = e.target;
+      if (ref.current?.contains(target)) return;
+      if (dropdownRef.current?.contains(target)) return;
+      setOpen(false);
+      onOpenChange?.(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open, onOpenChange]);
+  React11.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 year = viewMonth.getFullYear();
+    const month = viewMonth.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const startOffset = firstDay.getDay();
+    const daysInMonth = new Date(year, month + 1, 0).getDate();
+    const prevMonthDays = new Date(year, month, 0).getDate();
+    const cells = [];
+    for (let i = startOffset - 1; i >= 0; i--) {
+      cells.push({ date: new Date(year, month - 1, prevMonthDays - i), inMonth: false });
+    }
+    for (let d = 1; d <= daysInMonth; d++) {
+      cells.push({ date: new Date(year, month, d), inMonth: true });
+    }
+    while (cells.length % 7 !== 0) {
+      cells.push({ date: new Date(year, month + 1, cells.length - startOffset - daysInMonth + 1), inMonth: false });
+    }
+    const rows = [];
+    for (let i = 0; i < cells.length; i += 7) rows.push(cells.slice(i, i + 7));
+    return rows;
+  }, [viewMonth]);
+  function handleSelect(date) {
+    onChange(toDateStr(date));
+    setOpen(false);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `relative ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        onClick: () => setOpen((p) => !p),
+        className: "flex items-center gap-2 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm hover:bg-muted/30  transition-colors w-full text-left",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: value ? formatDate(selectedDate, locale) : t("common.selectDate") })
+        ]
+      }
+    ),
+    open && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: dropdownRef,
+          "data-modal-passthrough": true,
+          style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 9999, pointerEvents: "auto" },
+          className: "fayz-glass-surface rounded-xl border bg-popover shadow-xl p-3 w-[260px]",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium capitalize", children: monthLabel }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setViewMonth(new Date(viewMonth.getFullYear(), viewMonth.getMonth() - 1, 1)),
+                    className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setViewMonth(new Date(viewMonth.getFullYear(), viewMonth.getMonth() + 1, 1)),
+                    className: "flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted transition-colors",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 mb-1", children: dayLabels.map((l, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 items-center justify-center text-[11px] font-medium text-muted-foreground", children: l }, i)) }),
+            weeks.map((week, wi) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: week.map(({ date, inMonth }, di) => {
+              const sel = value && isSameDay(date, selectedDate);
+              const today = isToday(date);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handleSelect(date),
+                  className: `flex h-8 w-8 items-center justify-center rounded-full text-xs mx-auto transition-colors ${sel ? "bg-primary text-primary-foreground font-semibold" : today ? "bg-primary/10 text-primary font-semibold" : inMonth ? "hover:bg-muted text-foreground" : "text-muted-foreground/40 hover:bg-muted/50"}`,
+                  children: date.getDate()
+                },
+                di
+              );
+            }) }, wi)),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 pt-2 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  handleSelect(/* @__PURE__ */ new Date());
+                },
+                className: "text-xs text-primary font-medium hover:underline",
+                children: t("agenda.calendar.today")
+              }
+            ) })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function SearchSelect({
+  value,
+  displayValue,
+  onChange,
+  onSearch,
+  placeholder = "Search...",
+  label,
+  required,
+  debounce = 250,
+  minChars = 1,
+  allowCreate,
+  createLabel = "Add",
+  onCreate,
+  renderOption,
+  loadOnOpen,
+  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(() => {
+    function handler(e) {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  React11__namespace.useEffect(() => {
+    if (displayValue !== void 0) setSelectedLabel(displayValue);
+  }, [displayValue]);
+  React11__namespace.useEffect(() => {
+    if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
+      setLoading(true);
+      Promise.resolve(onSearch("")).then(setResults).catch(() => setResults([])).finally(() => setLoading(false));
+    }
+  }, [open, loadOnOpen]);
+  function handleQueryChange(q) {
+    setQuery(q);
+    if (timerRef.current) clearTimeout(timerRef.current);
+    if (q.length < minChars && !(loadOnOpen && q.length === 0)) {
+      setResults([]);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    timerRef.current = setTimeout(async () => {
+      try {
+        const res = await onSearch(q);
+        setResults(res);
+      } catch {
+        setResults([]);
+      }
+      setLoading(false);
+    }, debounce);
+  }
+  function handleSelect(option) {
+    onChange(option.id, option);
+    setSelectedLabel(option.label);
+    setOpen(false);
+    setQuery("");
+    setResults([]);
+  }
+  function handleClear() {
+    onChange("", null);
+    setSelectedLabel("");
+    setQuery("");
+    setResults([]);
+  }
+  async function handleCreate(name) {
+    if (!onCreate) return;
+    setCreating(true);
+    setSelectedLabel(name);
+    setOpen(false);
+    setQuery("");
+    setResults([]);
+    try {
+      await onCreate(name);
+    } finally {
+      setCreating(false);
+    }
+  }
+  function handleOpen() {
+    if (disabled || creating) return;
+    setOpen(true);
+    setQuery("");
+    setTimeout(() => inputRef.current?.focus(), 0);
+  }
+  const groups = React11__namespace.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const opt of results) {
+      const group = opt.group ?? "";
+      if (!map.has(group)) map.set(group, []);
+      map.get(group).push(opt);
+    }
+    return map;
+  }, [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: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-xs font-medium text-muted-foreground", children: [
+      label,
+      required && " *"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkVVVZO2LE_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"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-3.5 w-3.5 text-muted-foreground ml-3 shrink-0" }),
+          open ? /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              value: query,
+              onChange: (e) => handleQueryChange(e.target.value),
+              placeholder,
+              className: "flex-1 bg-transparent py-2 pr-3 text-sm outline-none",
+              onKeyDown: (e) => {
+                if (e.key === "Escape") setOpen(false);
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleOpen,
+              className: "flex-1 text-left py-2 pr-3 text-sm outline-none",
+              disabled: disabled || creating,
+              children: creating ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3 w-3 animate-spin" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: selectedLabel })
+              ] }) : hasValue ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: selectedLabel }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: placeholder })
+            }
+          ),
+          hasValue && !open && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleClear, className: "pr-3 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" }) }),
+          !hasValue && !open && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3 text-muted-foreground mr-3 shrink-0" })
+        ]
+      }
+    ),
+    showDropdown && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fayz-glass-surface absolute top-full left-0 right-0 z-50 mt-1 rounded-lg border bg-popover shadow-lg overflow-hidden", children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-6 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+      " Searching..."
+    ] }) : results.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-4 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        'No results for "',
+        query,
+        '"'
+      ] }),
+      allowCreate && onCreate && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => handleCreate(query),
+          className: "mt-2 text-xs text-primary hover:underline",
+          children: [
+            "+ ",
+            createLabel,
+            ' "',
+            query,
+            '"'
+          ]
+        }
+      )
+    ] }) : /* @__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: [
+        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(
+              "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"
+            ),
+            children: renderOption ? renderOption(opt) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              opt.icon,
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm truncate", children: opt.label }),
+                opt.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground truncate", children: opt.subtitle })
+              ] })
+            ] })
+          },
+          opt.id
+        ))
+      ] }, group)),
+      allowCreate && onCreate && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => handleCreate(query),
+          className: "w-full text-left px-3 py-2 text-xs text-primary hover:bg-muted/50 transition-colors border-t",
+          children: [
+            "+ ",
+            createLabel,
+            ' "',
+            query,
+            '"'
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+function CurrencyInput({
+  value,
+  onChange,
+  symbol = "R$",
+  locale = "pt-BR",
+  currencyCode = "BRL",
+  label,
+  placeholder,
+  className,
+  disabled
+}) {
+  const inputRef = React11__namespace.useRef(null);
+  const [focused, setFocused] = React11__namespace.useState(false);
+  const format = React11__namespace.useCallback((v) => {
+    return new Intl.NumberFormat(locale, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(v);
+  }, [locale]);
+  const displayValue = format(value);
+  function handleKeyDown(e) {
+    if (disabled) return;
+    if (["Tab", "Escape", "ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key)) return;
+    e.preventDefault();
+    if (e.key === "Backspace" || e.key === "Delete") {
+      const cents = Math.floor(Math.round(value * 100) / 10);
+      onChange(cents / 100);
+      return;
+    }
+    if (!/^\d$/.test(e.key)) return;
+    const currentCents = Math.round(value * 100);
+    const newCents = currentCents * 10 + parseInt(e.key, 10);
+    if (newCents > 99999999999) return;
+    onChange(newCents / 100);
+  }
+  function handlePaste(e) {
+    e.preventDefault();
+    const text = e.clipboardData.getData("text");
+    const cleaned = text.replace(/[^\d.,]/g, "");
+    const normalized = cleaned.replace(",", ".");
+    const parsed = parseFloat(normalized);
+    if (!isNaN(parsed)) {
+      onChange(Math.round(parsed * 100) / 100);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkVVVZO2LE_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",
+          disabled && "opacity-50 cursor-not-allowed"
+        ),
+        onClick: () => inputRef.current?.focus(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pl-3 pr-1 text-sm font-medium text-muted-foreground select-none", children: symbol }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              inputMode: "numeric",
+              value: displayValue,
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste,
+              onFocus: () => setFocused(true),
+              onBlur: () => setFocused(false),
+              placeholder: placeholder ?? format(0),
+              disabled,
+              readOnly: false,
+              className: "flex-1 bg-transparent px-2 py-2 text-sm outline-none text-right tabular-nums caret-primary selection:bg-primary/20",
+              onChange: () => {
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var VARIANT_CONFIG = {
+  default: {
+    icon: lucideReact.Info,
+    iconBg: "bg-info/10",
+    iconColor: "text-info",
+    buttonVariant: "default"
+  },
+  destructive: {
+    icon: lucideReact.XCircle,
+    iconBg: "bg-destructive/10",
+    iconColor: "text-destructive",
+    buttonVariant: "destructive"
+  },
+  warning: {
+    icon: lucideReact.AlertTriangle,
+    iconBg: "bg-warning/10",
+    iconColor: "text-warning",
+    buttonVariant: "destructive"
+  },
+  success: {
+    icon: lucideReact.CheckCircle2,
+    iconBg: "bg-success/10",
+    iconColor: "text-success",
+    buttonVariant: "default"
+  }
+};
+function ConfirmDialog({
+  open,
+  onConfirm,
+  onCancel,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  loading = false
+}) {
+  const config = VARIANT_CONFIG[variant];
+  const Icon2 = config.icon;
+  React11__namespace.useEffect(() => {
+    if (!open) return;
+    function handleKey(e) {
+      if (e.key === "Escape") onCancel();
+    }
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [open, onCancel]);
+  if (!open) return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[60] flex items-center justify-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute inset-0 bg-black/50 backdrop-blur-[2px] animate-fade-in",
+          onClick: onCancel
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "relative z-10 w-full max-w-sm mx-4 rounded-modal border border-border bg-card shadow-lg animate-zoom-in",
+          role: "alertdialog",
+          "aria-modal": "true",
+          "aria-labelledby": "confirm-title",
+          "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.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 })
+            ] })
+          ] })
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+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(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: chunkVVVZO2LE_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
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
+exports.Badge = Badge;
+exports.Breadcrumb = Breadcrumb;
+exports.Checkbox = Checkbox;
+exports.ConfirmDialog = ConfirmDialog;
+exports.CurrencyInput = CurrencyInput;
+exports.DatePicker = DatePicker;
+exports.Input = Input;
+exports.ListView = ListView;
+exports.Modal = Modal;
+exports.ModalBody = ModalBody;
+exports.ModalClose = ModalClose;
+exports.ModalContent = ModalContent;
+exports.ModalDescription = ModalDescription;
+exports.ModalFooter = ModalFooter;
+exports.ModalHeader = ModalHeader;
+exports.ModalOverlay = ModalOverlay;
+exports.ModalPortal = ModalPortal;
+exports.ModalTitle = ModalTitle;
+exports.ModalTrigger = ModalTrigger;
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.SearchSelect = SearchSelect;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+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;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.TimePicker = TimePicker;
+exports.ToastProvider = ToastProvider;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=chunk-YB5ZJKNG.cjs.map
+//# sourceMappingURL=chunk-YB5ZJKNG.cjs.map