acai-ui-library 0.1.11

package/dist/components/context-menu.js

@@ -0,0 +1,145 @@
+// src/components/context-menu.tsx
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/context-menu.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground data-[state=open]:bg-muted data-[state=open]:text-foreground",
+      inset && "ps-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto h-4 w-4" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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
+  }
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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
+  }
+) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "ps-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "ps-8", className),
+    ...props
+  }
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ms-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger
+};
+//# sourceMappingURL=context-menu.js.map

package/dist/components/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/context-menu.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nconst ContextMenu = ContextMenuPrimitive.Root\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger\nconst ContextMenuGroup = ContextMenuPrimitive.Group\nconst ContextMenuPortal = ContextMenuPrimitive.Portal\nconst ContextMenuSub = ContextMenuPrimitive.Sub\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground data-[state=open]:bg-muted data-[state=open]:text-foreground\",\n      inset && \"ps-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ms-auto h-4 w-4\" />\n  </ContextMenuPrimitive.SubTrigger>\n))\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName\n\nconst ContextMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <ContextMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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\",\n      className\n    )}\n    {...props}\n  />\n))\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName\n\nconst ContextMenuContent = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <ContextMenuPrimitive.Portal>\n    <ContextMenuPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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\",\n        className\n      )}\n      {...props}\n    />\n  </ContextMenuPrimitive.Portal>\n))\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName\n\nconst ContextMenuItem = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"ps-8\",\n      className\n    )}\n    {...props}\n  />\n))\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute start-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n))\nContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName\n\nconst ContextMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute start-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.RadioItem>\n))\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName\n\nconst ContextMenuLabel = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold text-foreground\", inset && \"ps-8\", className)}\n    {...props}\n  />\n))\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <ContextMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n    {...props}\n  />\n))\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => (\n  <span className={cn(\"ms-auto text-xs tracking-widest text-muted-foreground\", className)} {...props} />\n)\nContextMenuShortcut.displayName = \"ContextMenuShortcut\"\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n}\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AACtC,SAAS,OAAO,cAAc,cAAc;;;ACF5C,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADWE,SAUE,KAVF;AAXF,IAAM,cAAmC;AACzC,IAAM,qBAA0C;AAChD,IAAM,mBAAwC;AAC9C,IAAM,oBAAyC;AAC/C,IAAM,iBAAsC;AAC5C,IAAM,wBAA6C;AAEnD,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAC3C;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAC,gBAAa,WAAU,mBAAkB;AAAA;AAAA;AAC5C,CACD;AACD,sBAAsB,cAAmC,gCAAW;AAEpE,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,sBAAsB,cAAmC,gCAAW;AAEpE,IAAM,qBAA2B,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAsB,6BAArB,EACC;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,mBAAmB,cAAmC,6BAAQ;AAE9D,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAAmC,0BAAK;AAExD,IAAM,0BAAgC,iBAGpC,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,MAAM,GAAG,QAC7C;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,iEACd,8BAAsB,oCAArB,EACC,8BAAC,SAAM,WAAU,WAAU,GAC7B,GACF;AAAA,MACC;AAAA;AAAA;AACH,CACD;AACD,wBAAwB,cAAmC,kCAAa;AAExE,IAAM,uBAA6B,iBAGjC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,iEACd,8BAAsB,oCAArB,EACC,8BAAC,UAAO,WAAU,wBAAuB,GAC3C,GACF;AAAA,MACC;AAAA;AAAA;AACH,CACD;AACD,qBAAqB,cAAmC,+BAAU;AAElE,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qDAAqD,SAAS,QAAQ,SAAS;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAmC,2BAAM;AAE1D,IAAM,uBAA6B,iBAGjC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,6BAA6B,SAAS;AAAA,IACnD,GAAG;AAAA;AACN,CACD;AACD,qBAAqB,cAAmC,+BAAU;AAElE,IAAM,sBAAsB,CAAC,EAAE,WAAW,GAAG,MAAM,MACjD,oBAAC,UAAK,WAAW,GAAG,yDAAyD,SAAS,GAAI,GAAG,OAAO;AAEtG,oBAAoB,cAAc;","names":[]}

package/dist/components/dashboard-header.cjs

@@ -0,0 +1,118 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dashboard-header.tsx
+var dashboard_header_exports = {};
+__export(dashboard_header_exports, {
+  DashboardHeader: () => DashboardHeader
+});
+module.exports = __toCommonJS(dashboard_header_exports);
+var React = __toESM(require("react"), 1);
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/dashboard-header.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DashboardHeader = React.forwardRef(
+  ({ title, onSearch, notificationCount, user, className, ...props }, ref) => {
+    const [searchQuery, setSearchQuery] = React.useState("");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "header",
+      {
+        ref,
+        className: cn(
+          "flex h-16 w-full items-center justify-between gap-4 border-b border-[var(--hc-color-border-subtle)] bg-background px-6",
+          className
+        ),
+        ...props,
+        children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "truncate text-base font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+            onSearch && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex h-9 w-[260px] items-center gap-2 rounded-md border border-input bg-background px-3 transition-[border-color,box-shadow] duration-150 focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Search, { className: "size-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Search...",
+                  value: searchQuery,
+                  onChange: (e) => {
+                    setSearchQuery(e.target.value);
+                    onSearch(e.target.value);
+                  },
+                  className: "w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none",
+                  "aria-label": "Search"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": notificationCount && notificationCount > 0 ? `Notifications, ${notificationCount} unread` : "Notifications",
+                  className: "inline-flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Bell, { className: "size-[18px]" })
+                }
+              ),
+              notificationCount && notificationCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  "aria-label": `${notificationCount} notifications`,
+                  className: "absolute -top-0.5 -end-0.5 flex min-w-[18px] items-center justify-center rounded-full bg-[var(--hc-color-destructive)] px-1 text-[10px] font-semibold leading-none text-white h-[18px] ring-2 ring-background",
+                  children: notificationCount > 9 ? "9+" : notificationCount
+                }
+              )
+            ] }),
+            user && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 ps-3 border-s border-[var(--hc-color-border-subtle)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-end leading-tight", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold text-foreground", children: user.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: user.role })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-[var(--hc-primary-600)] text-sm font-semibold text-white", children: user.initials || user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+DashboardHeader.displayName = "DashboardHeader";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DashboardHeader
+});
+//# sourceMappingURL=dashboard-header.cjs.map

package/dist/components/dashboard-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dashboard-header.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Search, Bell } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nexport interface DashboardHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  title?: string\n  onSearch?: (query: string) => void\n  notificationCount?: number\n  user?: {\n    name: string\n    role: string\n    avatar?: string\n    initials?: string\n  }\n}\n\nconst DashboardHeader = React.forwardRef<HTMLElement, DashboardHeaderProps>(\n  ({ title, onSearch, notificationCount, user, className, ...props }, ref) => {\n    const [searchQuery, setSearchQuery] = React.useState(\"\")\n\n    return (\n      <header\n        ref={ref}\n        className={cn(\n          \"flex h-16 w-full items-center justify-between gap-4 border-b border-[var(--hc-color-border-subtle)] bg-background px-6\",\n          className\n        )}\n        {...props}\n      >\n        {/* Left: Page title */}\n        {title && (\n          <h1 className=\"truncate text-base font-semibold text-foreground\">\n            {title}\n          </h1>\n        )}\n\n        {/* Right side */}\n        <div className=\"flex items-center gap-3\">\n          {/* Search */}\n          {onSearch && (\n            <div className=\"flex h-9 w-[260px] items-center gap-2 rounded-md border border-input bg-background px-3 transition-[border-color,box-shadow] duration-150 focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]\">\n              <Search className=\"size-4 shrink-0 text-muted-foreground\" />\n              <input\n                type=\"text\"\n                placeholder=\"Search...\"\n                value={searchQuery}\n                onChange={(e) => {\n                  setSearchQuery(e.target.value)\n                  onSearch(e.target.value)\n                }}\n                className=\"w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none\"\n                aria-label=\"Search\"\n              />\n            </div>\n          )}\n\n          {/* Notification bell */}\n          <div className=\"relative\">\n            <button\n              type=\"button\"\n              aria-label={\n                notificationCount && notificationCount > 0\n                  ? `Notifications, ${notificationCount} unread`\n                  : \"Notifications\"\n              }\n              className=\"inline-flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n            >\n              <Bell className=\"size-[18px]\" />\n            </button>\n            {notificationCount && notificationCount > 0 && (\n              <span\n                aria-label={`${notificationCount} notifications`}\n                className=\"absolute -top-0.5 -end-0.5 flex min-w-[18px] items-center justify-center rounded-full bg-[var(--hc-color-destructive)] px-1 text-[10px] font-semibold leading-none text-white h-[18px] ring-2 ring-background\"\n              >\n                {notificationCount > 9 ? \"9+\" : notificationCount}\n              </span>\n            )}\n          </div>\n\n          {/* User profile */}\n          {user && (\n            <div className=\"flex items-center gap-3 ps-3 border-s border-[var(--hc-color-border-subtle)]\">\n              <div className=\"text-end leading-tight\">\n                <p className=\"text-sm font-semibold text-foreground\">{user.name}</p>\n                <p className=\"text-xs text-muted-foreground\">{user.role}</p>\n              </div>\n              <div className=\"flex size-9 shrink-0 items-center justify-center rounded-full bg-[var(--hc-primary-600)] text-sm font-semibold text-white\">\n                {user.initials ||\n                  user.name\n                    .split(\" \")\n                    .map((n) => n[0])\n                    .join(\"\")\n                    .toUpperCase()\n                    .slice(0, 2)}\n              </div>\n            </div>\n          )}\n        </div>\n      </header>\n    )\n  }\n)\nDashboardHeader.displayName = \"DashboardHeader\"\n\nexport { DashboardHeader }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,0BAA6B;;;ACH7B,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD4BU;AAfV,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,OAAO,UAAU,mBAAmB,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC1E,UAAM,CAAC,aAAa,cAAc,IAAU,eAAS,EAAE;AAEvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAGH;AAAA,mBACC,4CAAC,QAAG,WAAU,oDACX,iBACH;AAAA,UAIF,6CAAC,SAAI,WAAU,2BAEZ;AAAA,wBACC,6CAAC,SAAI,WAAU,8RACb;AAAA,0DAAC,8BAAO,WAAU,yCAAwC;AAAA,cAC1D;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,UAAU,CAAC,MAAM;AACf,mCAAe,EAAE,OAAO,KAAK;AAC7B,6BAAS,EAAE,OAAO,KAAK;AAAA,kBACzB;AAAA,kBACA,WAAU;AAAA,kBACV,cAAW;AAAA;AAAA,cACb;AAAA,eACF;AAAA,YAIF,6CAAC,SAAI,WAAU,YACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,cACE,qBAAqB,oBAAoB,IACrC,kBAAkB,iBAAiB,YACnC;AAAA,kBAEN,WAAU;AAAA,kBAEV,sDAAC,4BAAK,WAAU,eAAc;AAAA;AAAA,cAChC;AAAA,cACC,qBAAqB,oBAAoB,KACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,cAAY,GAAG,iBAAiB;AAAA,kBAChC,WAAU;AAAA,kBAET,8BAAoB,IAAI,OAAO;AAAA;AAAA,cAClC;AAAA,eAEJ;AAAA,YAGC,QACC,6CAAC,SAAI,WAAU,gFACb;AAAA,2DAAC,SAAI,WAAU,0BACb;AAAA,4DAAC,OAAE,WAAU,yCAAyC,eAAK,MAAK;AAAA,gBAChE,4CAAC,OAAE,WAAU,iCAAiC,eAAK,MAAK;AAAA,iBAC1D;AAAA,cACA,4CAAC,SAAI,WAAU,6HACZ,eAAK,YACJ,KAAK,KACF,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,YAAY,EACZ,MAAM,GAAG,CAAC,GACjB;AAAA,eACF;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}

package/dist/components/dashboard-header.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface DashboardHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    title?: string;
+    onSearch?: (query: string) => void;
+    notificationCount?: number;
+    user?: {
+        name: string;
+        role: string;
+        avatar?: string;
+        initials?: string;
+    };
+}
+declare const DashboardHeader: React.ForwardRefExoticComponent<DashboardHeaderProps & React.RefAttributes<HTMLElement>>;
+
+export { DashboardHeader, type DashboardHeaderProps };

package/dist/components/dashboard-header.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface DashboardHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    title?: string;
+    onSearch?: (query: string) => void;
+    notificationCount?: number;
+    user?: {
+        name: string;
+        role: string;
+        avatar?: string;
+        initials?: string;
+    };
+}
+declare const DashboardHeader: React.ForwardRefExoticComponent<DashboardHeaderProps & React.RefAttributes<HTMLElement>>;
+
+export { DashboardHeader, type DashboardHeaderProps };

package/dist/components/dashboard-header.js

@@ -0,0 +1,84 @@
+"use client";
+
+// src/components/dashboard-header.tsx
+import * as React from "react";
+import { Search, Bell } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/dashboard-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DashboardHeader = React.forwardRef(
+  ({ title, onSearch, notificationCount, user, className, ...props }, ref) => {
+    const [searchQuery, setSearchQuery] = React.useState("");
+    return /* @__PURE__ */ jsxs(
+      "header",
+      {
+        ref,
+        className: cn(
+          "flex h-16 w-full items-center justify-between gap-4 border-b border-[var(--hc-color-border-subtle)] bg-background px-6",
+          className
+        ),
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx("h1", { className: "truncate text-base font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            onSearch && /* @__PURE__ */ jsxs("div", { className: "flex h-9 w-[260px] items-center gap-2 rounded-md border border-input bg-background px-3 transition-[border-color,box-shadow] duration-150 focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]", children: [
+              /* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: "Search...",
+                  value: searchQuery,
+                  onChange: (e) => {
+                    setSearchQuery(e.target.value);
+                    onSearch(e.target.value);
+                  },
+                  className: "w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none",
+                  "aria-label": "Search"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": notificationCount && notificationCount > 0 ? `Notifications, ${notificationCount} unread` : "Notifications",
+                  className: "inline-flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                  children: /* @__PURE__ */ jsx(Bell, { className: "size-[18px]" })
+                }
+              ),
+              notificationCount && notificationCount > 0 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-label": `${notificationCount} notifications`,
+                  className: "absolute -top-0.5 -end-0.5 flex min-w-[18px] items-center justify-center rounded-full bg-[var(--hc-color-destructive)] px-1 text-[10px] font-semibold leading-none text-white h-[18px] ring-2 ring-background",
+                  children: notificationCount > 9 ? "9+" : notificationCount
+                }
+              )
+            ] }),
+            user && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 ps-3 border-s border-[var(--hc-color-border-subtle)]", children: [
+              /* @__PURE__ */ jsxs("div", { className: "text-end leading-tight", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: user.name }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: user.role })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-[var(--hc-primary-600)] text-sm font-semibold text-white", children: user.initials || user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+DashboardHeader.displayName = "DashboardHeader";
+export {
+  DashboardHeader
+};
+//# sourceMappingURL=dashboard-header.js.map

package/dist/components/dashboard-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dashboard-header.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Search, Bell } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nexport interface DashboardHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  title?: string\n  onSearch?: (query: string) => void\n  notificationCount?: number\n  user?: {\n    name: string\n    role: string\n    avatar?: string\n    initials?: string\n  }\n}\n\nconst DashboardHeader = React.forwardRef<HTMLElement, DashboardHeaderProps>(\n  ({ title, onSearch, notificationCount, user, className, ...props }, ref) => {\n    const [searchQuery, setSearchQuery] = React.useState(\"\")\n\n    return (\n      <header\n        ref={ref}\n        className={cn(\n          \"flex h-16 w-full items-center justify-between gap-4 border-b border-[var(--hc-color-border-subtle)] bg-background px-6\",\n          className\n        )}\n        {...props}\n      >\n        {/* Left: Page title */}\n        {title && (\n          <h1 className=\"truncate text-base font-semibold text-foreground\">\n            {title}\n          </h1>\n        )}\n\n        {/* Right side */}\n        <div className=\"flex items-center gap-3\">\n          {/* Search */}\n          {onSearch && (\n            <div className=\"flex h-9 w-[260px] items-center gap-2 rounded-md border border-input bg-background px-3 transition-[border-color,box-shadow] duration-150 focus-within:border-[var(--hc-primary-500)] focus-within:ring-[3px] focus-within:ring-[color-mix(in_srgb,var(--hc-primary-500)_22%,transparent)]\">\n              <Search className=\"size-4 shrink-0 text-muted-foreground\" />\n              <input\n                type=\"text\"\n                placeholder=\"Search...\"\n                value={searchQuery}\n                onChange={(e) => {\n                  setSearchQuery(e.target.value)\n                  onSearch(e.target.value)\n                }}\n                className=\"w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none\"\n                aria-label=\"Search\"\n              />\n            </div>\n          )}\n\n          {/* Notification bell */}\n          <div className=\"relative\">\n            <button\n              type=\"button\"\n              aria-label={\n                notificationCount && notificationCount > 0\n                  ? `Notifications, ${notificationCount} unread`\n                  : \"Notifications\"\n              }\n              className=\"inline-flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n            >\n              <Bell className=\"size-[18px]\" />\n            </button>\n            {notificationCount && notificationCount > 0 && (\n              <span\n                aria-label={`${notificationCount} notifications`}\n                className=\"absolute -top-0.5 -end-0.5 flex min-w-[18px] items-center justify-center rounded-full bg-[var(--hc-color-destructive)] px-1 text-[10px] font-semibold leading-none text-white h-[18px] ring-2 ring-background\"\n              >\n                {notificationCount > 9 ? \"9+\" : notificationCount}\n              </span>\n            )}\n          </div>\n\n          {/* User profile */}\n          {user && (\n            <div className=\"flex items-center gap-3 ps-3 border-s border-[var(--hc-color-border-subtle)]\">\n              <div className=\"text-end leading-tight\">\n                <p className=\"text-sm font-semibold text-foreground\">{user.name}</p>\n                <p className=\"text-xs text-muted-foreground\">{user.role}</p>\n              </div>\n              <div className=\"flex size-9 shrink-0 items-center justify-center rounded-full bg-[var(--hc-primary-600)] text-sm font-semibold text-white\">\n                {user.initials ||\n                  user.name\n                    .split(\" \")\n                    .map((n) => n[0])\n                    .join(\"\")\n                    .toUpperCase()\n                    .slice(0, 2)}\n              </div>\n            </div>\n          )}\n        </div>\n      </header>\n    )\n  }\n)\nDashboardHeader.displayName = \"DashboardHeader\"\n\nexport { DashboardHeader }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;AAEA,YAAY,WAAW;AACvB,SAAS,QAAQ,YAAY;;;ACH7B,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD4BU,cASE,YATF;AAfV,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,OAAO,UAAU,mBAAmB,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC1E,UAAM,CAAC,aAAa,cAAc,IAAU,eAAS,EAAE;AAEvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAGH;AAAA,mBACC,oBAAC,QAAG,WAAU,oDACX,iBACH;AAAA,UAIF,qBAAC,SAAI,WAAU,2BAEZ;AAAA,wBACC,qBAAC,SAAI,WAAU,8RACb;AAAA,kCAAC,UAAO,WAAU,yCAAwC;AAAA,cAC1D;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,UAAU,CAAC,MAAM;AACf,mCAAe,EAAE,OAAO,KAAK;AAC7B,6BAAS,EAAE,OAAO,KAAK;AAAA,kBACzB;AAAA,kBACA,WAAU;AAAA,kBACV,cAAW;AAAA;AAAA,cACb;AAAA,eACF;AAAA,YAIF,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,cACE,qBAAqB,oBAAoB,IACrC,kBAAkB,iBAAiB,YACnC;AAAA,kBAEN,WAAU;AAAA,kBAEV,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,cAChC;AAAA,cACC,qBAAqB,oBAAoB,KACxC;AAAA,gBAAC;AAAA;AAAA,kBACC,cAAY,GAAG,iBAAiB;AAAA,kBAChC,WAAU;AAAA,kBAET,8BAAoB,IAAI,OAAO;AAAA;AAAA,cAClC;AAAA,eAEJ;AAAA,YAGC,QACC,qBAAC,SAAI,WAAU,gFACb;AAAA,mCAAC,SAAI,WAAU,0BACb;AAAA,oCAAC,OAAE,WAAU,yCAAyC,eAAK,MAAK;AAAA,gBAChE,oBAAC,OAAE,WAAU,iCAAiC,eAAK,MAAK;AAAA,iBAC1D;AAAA,cACA,oBAAC,SAAI,WAAU,6HACZ,eAAK,YACJ,KAAK,KACF,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,YAAY,EACZ,MAAM,GAAG,CAAC,GACjB;AAAA,eACF;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}