@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/combobox.js

@@ -1,252 +1,178 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Combobox as r } from "@base-ui/react/combobox";
-import { Combobox as q } from "@base-ui/react/combobox";
-import * as m from "react";
-import { i as s } from "./form-variants-LJ8gIbk0.js";
-import { c as a } from "./utils-B6yFEsav.js";
-function i(o) {
-  return /* @__PURE__ */ e(r.Root, { ...o });
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { inputBaseStyles } from "./lib/form-variants.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Combobox as BaseCombobox } from "@base-ui/react/combobox";
+
+//#region src/components/combobox.tsx
+function ComboboxRoot(props) {
+	return /* @__PURE__ */ jsx(BaseCombobox.Root, { ...props });
 }
-i.displayName = "ComboboxRoot";
-const b = (o) => /* @__PURE__ */ e(r.Value, { ...o });
-b.displayName = "ComboboxValue";
-const p = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Icon, { className: a("flex", o), ...t });
-p.displayName = "ComboboxIcon";
-const d = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Input,
-  {
-    className: a(
-      s,
-      "shrink-0",
-      "group-[&]/control:w-auto group-[&]/control:flex-1 group-[&]/control:border-0 group-[&]/control:bg-transparent",
-      "group-[&]/chips:w-auto group-[&]/chips:min-w-12 group-[&]/chips:flex-1 group-[&]/chips:border-0 group-[&]/chips:bg-transparent group-[&]/chips:h-7",
-      o
-    ),
-    ...t
-  }
-);
-d.displayName = "ComboboxInput";
-const l = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: a(
-      s,
-      "group/control flex items-center p-0 pr-1",
-      o
-    ),
-    ...t
-  }
-);
-l.displayName = "ComboboxControl";
-const c = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Clear,
-  {
-    className: a(
-      "flex h-9 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground",
-      o
-    ),
-    ...t
-  }
-);
-c.displayName = "ComboboxClear";
-const x = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Trigger,
-  {
-    className: a(
-      "flex h-9 w-fit min-w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground",
-      o
-    ),
-    ...t
-  }
-);
-x.displayName = "ComboboxTrigger";
-const u = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Backdrop,
-  {
-    className: a(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      o
-    ),
-    ...t
-  }
-);
-u.displayName = "ComboboxBackdrop";
-const g = (o) => /* @__PURE__ */ e(r.Portal, { ...o });
-g.displayName = "ComboboxPortal";
-const C = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Positioner,
-  {
-    className: a("z-50 outline-none", o),
-    sideOffset: 4,
-    ...t
-  }
-);
-C.displayName = "ComboboxPositioner";
-const y = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Popup,
-  {
-    className: a(
-      "group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100",
-      "data-ending-style:scale-95 data-ending-style:opacity-0",
-      "data-starting-style:scale-95 data-starting-style:opacity-0",
-      "dark:shadow-none",
-      o
-    ),
-    ...t
-  }
-);
-y.displayName = "ComboboxPopup";
-const f = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.List,
-  {
-    className: a(
-      "outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0",
-      o
-    ),
-    ...t
-  }
-);
-f.displayName = "ComboboxList";
-const h = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Empty,
-  {
-    className: a(
-      "shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0",
-      o
-    ),
-    ...t
-  }
-);
-h.displayName = "ComboboxEmpty";
-const N = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Item,
-  {
-    className: a(
-      "flex items-center justify-between gap-2 py-2 px-4 text-sm leading-4 outline-none select-none",
-      "data-selected:bg-accent data-selected:text-accent-foreground",
-      "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
-      o
-    ),
-    ...t
-  }
-);
-N.displayName = "ComboboxItem";
-const w = ({ className: o, ...t }) => /* @__PURE__ */ e("span", { className: o, ...t });
-w.displayName = "ComboboxItemText";
-const I = ({ className: o, ...t }) => /* @__PURE__ */ e(r.ItemIndicator, { className: o, ...t });
-I.displayName = "ComboboxItemIndicator";
-const v = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Group, { className: o, ...t });
-v.displayName = "ComboboxGroup";
-const k = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.GroupLabel,
-  {
-    className: a(
-      "px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background",
-      o
-    ),
-    ...t
-  }
-);
-k.displayName = "ComboboxGroupLabel";
-const P = (o) => /* @__PURE__ */ e(r.Collection, { ...o });
-P.displayName = "ComboboxCollection";
-const R = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Separator,
-  {
-    className: a("my-1 border-t border-border", o),
-    ...t
-  }
-);
-R.displayName = "ComboboxSeparator";
-const S = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Status,
-  {
-    className: a(
-      "flex items-center gap-2 py-1 px-4 text-sm text-muted-foreground empty:hidden",
-      o
-    ),
-    ...t
-  }
-);
-S.displayName = "ComboboxStatus";
-const G = m.forwardRef(
-  ({ className: o, ...t }, n) => /* @__PURE__ */ e(
-    r.Chips,
-    {
-      ref: n,
-      className: a(
-        s,
-        "group/chips flex flex-wrap items-center gap-1 px-1 py-1 h-auto",
-        o
-      ),
-      ...t
-    }
-  )
-);
-G.displayName = "ComboboxChips";
-const L = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Chip,
-  {
-    className: a(
-      "flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 text-xs text-foreground font-medium",
-      "data-highlighted:bg-primary data-highlighted:text-primary-foreground",
-      "focus-within:bg-primary focus-within:text-primary-foreground",
-      o
-    ),
-    ...t
-  }
-);
-L.displayName = "ComboboxChip";
-const T = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.ChipRemove,
-  {
-    className: a(
-      "rounded-md p-0.5 text-inherit hover:bg-muted-foreground/20",
-      o
-    ),
-    ...t
-  }
-);
-T.displayName = "ComboboxChipRemove";
-const j = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Arrow,
-  {
-    className: a(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      o
-    ),
-    ...t
-  }
-);
-j.displayName = "ComboboxArrow";
-export {
-  q as Combobox,
-  j as ComboboxArrow,
-  u as ComboboxBackdrop,
-  L as ComboboxChip,
-  T as ComboboxChipRemove,
-  G as ComboboxChips,
-  c as ComboboxClear,
-  P as ComboboxCollection,
-  l as ComboboxControl,
-  h as ComboboxEmpty,
-  v as ComboboxGroup,
-  k as ComboboxGroupLabel,
-  p as ComboboxIcon,
-  d as ComboboxInput,
-  N as ComboboxItem,
-  I as ComboboxItemIndicator,
-  w as ComboboxItemText,
-  f as ComboboxList,
-  y as ComboboxPopup,
-  g as ComboboxPortal,
-  C as ComboboxPositioner,
-  i as ComboboxRoot,
-  R as ComboboxSeparator,
-  S as ComboboxStatus,
-  x as ComboboxTrigger,
-  b as ComboboxValue
+ComboboxRoot.displayName = "ComboboxRoot";
+const ComboboxValue = (props) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Value, { ...props });
 };
+ComboboxValue.displayName = "ComboboxValue";
+const ComboboxIcon = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Icon, {
+		className: cn("flex", className),
+		...props
+	});
+};
+ComboboxIcon.displayName = "ComboboxIcon";
+const ComboboxInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Input, {
+		className: cn(inputBaseStyles, "shrink-0", "group-[&]/control:w-auto group-[&]/control:flex-1 group-[&]/control:border-0 group-[&]/control:bg-transparent", "group-[&]/chips:w-auto group-[&]/chips:min-w-12 group-[&]/chips:flex-1 group-[&]/chips:border-0 group-[&]/chips:bg-transparent group-[&]/chips:h-7", className),
+		...props
+	});
+};
+ComboboxInput.displayName = "ComboboxInput";
+const ComboboxControl = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(inputBaseStyles, "group/control flex items-center p-0 pr-1", className),
+		...props
+	});
+};
+ComboboxControl.displayName = "ComboboxControl";
+const ComboboxClear = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Clear, {
+		className: cn("flex h-9 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground", className),
+		...props
+	});
+};
+ComboboxClear.displayName = "ComboboxClear";
+const ComboboxTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Trigger, {
+		className: cn("flex h-9 w-fit min-w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground", className),
+		...props
+	});
+};
+ComboboxTrigger.displayName = "ComboboxTrigger";
+const ComboboxBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Backdrop, {
+		className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+		...props
+	});
+};
+ComboboxBackdrop.displayName = "ComboboxBackdrop";
+const ComboboxPortal = (props) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Portal, { ...props });
+};
+ComboboxPortal.displayName = "ComboboxPortal";
+const ComboboxPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Positioner, {
+		className: cn("z-50 outline-none", className),
+		sideOffset: 4,
+		...props
+	});
+};
+ComboboxPositioner.displayName = "ComboboxPositioner";
+const ComboboxPopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Popup, {
+		className: cn("group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100", "data-ending-style:scale-95 data-ending-style:opacity-0", "data-starting-style:scale-95 data-starting-style:opacity-0", "dark:shadow-none", className),
+		...props
+	});
+};
+ComboboxPopup.displayName = "ComboboxPopup";
+const ComboboxList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.List, {
+		className: cn("outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0", className),
+		...props
+	});
+};
+ComboboxList.displayName = "ComboboxList";
+const ComboboxEmpty = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Empty, {
+		className: cn("shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0", className),
+		...props
+	});
+};
+ComboboxEmpty.displayName = "ComboboxEmpty";
+const ComboboxItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Item, {
+		className: cn("flex items-center justify-between gap-2 py-2 px-4 text-sm leading-4 outline-none select-none", "data-selected:bg-accent data-selected:text-accent-foreground", "data-highlighted:bg-accent data-highlighted:text-accent-foreground", className),
+		...props
+	});
+};
+ComboboxItem.displayName = "ComboboxItem";
+const ComboboxItemText = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		...props
+	});
+};
+ComboboxItemText.displayName = "ComboboxItemText";
+const ComboboxItemIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.ItemIndicator, {
+		className,
+		...props
+	});
+};
+ComboboxItemIndicator.displayName = "ComboboxItemIndicator";
+const ComboboxGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Group, {
+		className,
+		...props
+	});
+};
+ComboboxGroup.displayName = "ComboboxGroup";
+const ComboboxGroupLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.GroupLabel, {
+		className: cn("px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background", className),
+		...props
+	});
+};
+ComboboxGroupLabel.displayName = "ComboboxGroupLabel";
+const ComboboxCollection = (props) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Collection, { ...props });
+};
+ComboboxCollection.displayName = "ComboboxCollection";
+const ComboboxSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Separator, {
+		className: cn("my-1 border-t border-border", className),
+		...props
+	});
+};
+ComboboxSeparator.displayName = "ComboboxSeparator";
+const ComboboxStatus = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Status, {
+		className: cn("flex items-center gap-2 py-1 px-4 text-sm text-muted-foreground empty:hidden", className),
+		...props
+	});
+};
+ComboboxStatus.displayName = "ComboboxStatus";
+const ComboboxChips = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Chips, {
+		ref,
+		className: cn(inputBaseStyles, "group/chips flex flex-wrap items-center gap-1 px-1 py-1 h-auto", className),
+		...props
+	});
+});
+ComboboxChips.displayName = "ComboboxChips";
+const ComboboxChip = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Chip, {
+		className: cn("flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 text-xs text-foreground font-medium", "data-highlighted:bg-primary data-highlighted:text-primary-foreground", "focus-within:bg-primary focus-within:text-primary-foreground", className),
+		...props
+	});
+};
+ComboboxChip.displayName = "ComboboxChip";
+const ComboboxChipRemove = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.ChipRemove, {
+		className: cn("rounded-md p-0.5 text-inherit hover:bg-muted-foreground/20", className),
+		...props
+	});
+};
+ComboboxChipRemove.displayName = "ComboboxChipRemove";
+const ComboboxArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Arrow, {
+		className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
+		...props
+	});
+};
+ComboboxArrow.displayName = "ComboboxArrow";
+
+//#endregion
+export { BaseCombobox as Combobox, ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue };
+//# sourceMappingURL=combobox.js.map

package/dist/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","names":[],"sources":["../src/components/combobox.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Combobox as BaseCombobox,\n  type ComboboxRootProps as BaseComboboxRootProps,\n} from '@base-ui/react/combobox'\nimport * as React from 'react'\n\nimport { inputBaseStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ComboboxRoot\n// ============================================================================\n\nfunction ComboboxRoot<Value, Multiple extends boolean | undefined = false>(\n  props: BaseComboboxRootProps<Value, Multiple>,\n) {\n  return <BaseCombobox.Root {...props} />\n}\n\ntype ComboboxRootProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = BaseComboboxRootProps<Value, Multiple>\n\nComboboxRoot.displayName = 'ComboboxRoot'\n\n// ============================================================================\n// ComboboxValue\n// ============================================================================\n\ntype ComboboxValueProps = React.ComponentProps<typeof BaseCombobox.Value>\n\nconst ComboboxValue = (props: ComboboxValueProps) => {\n  return <BaseCombobox.Value {...props} />\n}\n\nComboboxValue.displayName = 'ComboboxValue'\n\n// ============================================================================\n// ComboboxIcon\n// ============================================================================\n\ntype ComboboxIconProps = React.ComponentProps<typeof BaseCombobox.Icon>\n\nconst ComboboxIcon = ({ className, ...props }: ComboboxIconProps) => {\n  return <BaseCombobox.Icon className={cn('flex', className)} {...props} />\n}\n\nComboboxIcon.displayName = 'ComboboxIcon'\n\n// ============================================================================\n// ComboboxInput\n// ============================================================================\n\ntype ComboboxInputProps = React.ComponentProps<typeof BaseCombobox.Input>\n\nconst ComboboxInput = ({ className, ...props }: ComboboxInputProps) => {\n  return (\n    <BaseCombobox.Input\n      className={cn(\n        inputBaseStyles,\n        'shrink-0',\n        'group-[&]/control:w-auto group-[&]/control:flex-1 group-[&]/control:border-0 group-[&]/control:bg-transparent',\n        'group-[&]/chips:w-auto group-[&]/chips:min-w-12 group-[&]/chips:flex-1 group-[&]/chips:border-0 group-[&]/chips:bg-transparent group-[&]/chips:h-7',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxInput.displayName = 'ComboboxInput'\n\n// ============================================================================\n// ComboboxControl\n// ============================================================================\n\ntype ComboboxControlProps = React.ComponentProps<'div'>\n\nconst ComboboxControl = ({ className, ...props }: ComboboxControlProps) => {\n  return (\n    <div\n      className={cn(\n        inputBaseStyles,\n        'group/control flex items-center p-0 pr-1',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxControl.displayName = 'ComboboxControl'\n\n// ============================================================================\n// ComboboxClear\n// ============================================================================\n\ntype ComboboxClearProps = React.ComponentProps<typeof BaseCombobox.Clear>\n\nconst ComboboxClear = ({ className, ...props }: ComboboxClearProps) => {\n  return (\n    <BaseCombobox.Clear\n      className={cn(\n        'flex h-9 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxClear.displayName = 'ComboboxClear'\n\n// ============================================================================\n// ComboboxTrigger\n// ============================================================================\n\ntype ComboboxTriggerProps = React.ComponentProps<typeof BaseCombobox.Trigger>\n\nconst ComboboxTrigger = ({ className, ...props }: ComboboxTriggerProps) => {\n  return (\n    <BaseCombobox.Trigger\n      className={cn(\n        'flex h-9 w-fit min-w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxTrigger.displayName = 'ComboboxTrigger'\n\n// ============================================================================\n// ComboboxBackdrop\n// ============================================================================\n\ntype ComboboxBackdropProps = React.ComponentProps<typeof BaseCombobox.Backdrop>\n\nconst ComboboxBackdrop = ({ className, ...props }: ComboboxBackdropProps) => {\n  return (\n    <BaseCombobox.Backdrop\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n        'transition-opacity duration-200',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxBackdrop.displayName = 'ComboboxBackdrop'\n\n// ============================================================================\n// ComboboxPortal\n// ============================================================================\n\ntype ComboboxPortalProps = React.ComponentProps<typeof BaseCombobox.Portal>\n\nconst ComboboxPortal = (props: ComboboxPortalProps) => {\n  return <BaseCombobox.Portal {...props} />\n}\n\nComboboxPortal.displayName = 'ComboboxPortal'\n\n// ============================================================================\n// ComboboxPositioner\n// ============================================================================\n\ntype ComboboxPositionerProps = React.ComponentProps<typeof BaseCombobox.Positioner>\n\nconst ComboboxPositioner = ({ className, ...props }: ComboboxPositionerProps) => {\n  return (\n    <BaseCombobox.Positioner\n      className={cn('z-50 outline-none', className)}\n      sideOffset={4}\n      {...props}\n    />\n  )\n}\n\nComboboxPositioner.displayName = 'ComboboxPositioner'\n\n// ============================================================================\n// ComboboxPopup\n// ============================================================================\n\ntype ComboboxPopupProps = React.ComponentProps<typeof BaseCombobox.Popup>\n\nconst ComboboxPopup = ({ className, ...props }: ComboboxPopupProps) => {\n  return (\n    <BaseCombobox.Popup\n      className={cn(\n        'group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100',\n        'data-ending-style:scale-95 data-ending-style:opacity-0',\n        'data-starting-style:scale-95 data-starting-style:opacity-0',\n        'dark:shadow-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxPopup.displayName = 'ComboboxPopup'\n\n// ============================================================================\n// ComboboxList\n// ============================================================================\n\ntype ComboboxListProps = React.ComponentProps<typeof BaseCombobox.List>\n\nconst ComboboxList = ({ className, ...props }: ComboboxListProps) => {\n  return (\n    <BaseCombobox.List\n      className={cn(\n        'outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxList.displayName = 'ComboboxList'\n\n// ============================================================================\n// ComboboxEmpty\n// ============================================================================\n\ntype ComboboxEmptyProps = React.ComponentProps<typeof BaseCombobox.Empty>\n\nconst ComboboxEmpty = ({ className, ...props }: ComboboxEmptyProps) => {\n  return (\n    <BaseCombobox.Empty\n      className={cn(\n        'shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxEmpty.displayName = 'ComboboxEmpty'\n\n// ============================================================================\n// ComboboxItem\n// ============================================================================\n\ntype ComboboxItemProps = React.ComponentProps<typeof BaseCombobox.Item>\n\nconst ComboboxItem = ({ className, ...props }: ComboboxItemProps) => {\n  return (\n    <BaseCombobox.Item\n      className={cn(\n        'flex items-center justify-between gap-2 py-2 px-4 text-sm leading-4 outline-none select-none',\n        'data-selected:bg-accent data-selected:text-accent-foreground',\n        'data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxItem.displayName = 'ComboboxItem'\n\n// ============================================================================\n// ComboboxItemText\n// ============================================================================\n\ntype ComboboxItemTextProps = React.ComponentProps<'span'>\n\nconst ComboboxItemText = ({ className, ...props }: ComboboxItemTextProps) => {\n  return <span className={className} {...props} />\n}\n\nComboboxItemText.displayName = 'ComboboxItemText'\n\n// ============================================================================\n// ComboboxItemIndicator\n// ============================================================================\n\ntype ComboboxItemIndicatorProps = React.ComponentProps<typeof BaseCombobox.ItemIndicator>\n\nconst ComboboxItemIndicator = ({ className, ...props }: ComboboxItemIndicatorProps) => {\n  return <BaseCombobox.ItemIndicator className={className} {...props} />\n}\n\nComboboxItemIndicator.displayName = 'ComboboxItemIndicator'\n\n// ============================================================================\n// ComboboxGroup\n// ============================================================================\n\ntype ComboboxGroupProps = React.ComponentProps<typeof BaseCombobox.Group>\n\nconst ComboboxGroup = ({ className, ...props }: ComboboxGroupProps) => {\n  return <BaseCombobox.Group className={className} {...props} />\n}\n\nComboboxGroup.displayName = 'ComboboxGroup'\n\n// ============================================================================\n// ComboboxGroupLabel\n// ============================================================================\n\ntype ComboboxGroupLabelProps = React.ComponentProps<typeof BaseCombobox.GroupLabel>\n\nconst ComboboxGroupLabel = ({ className, ...props }: ComboboxGroupLabelProps) => {\n  return (\n    <BaseCombobox.GroupLabel\n      className={cn(\n        'px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxGroupLabel.displayName = 'ComboboxGroupLabel'\n\n// ============================================================================\n// ComboboxCollection\n// ============================================================================\n\ntype ComboboxCollectionProps = React.ComponentProps<typeof BaseCombobox.Collection>\n\nconst ComboboxCollection = (props: ComboboxCollectionProps) => {\n  return <BaseCombobox.Collection {...props} />\n}\n\nComboboxCollection.displayName = 'ComboboxCollection'\n\n// ============================================================================\n// ComboboxSeparator\n// ============================================================================\n\ntype ComboboxSeparatorProps = React.ComponentProps<typeof BaseCombobox.Separator>\n\nconst ComboboxSeparator = ({ className, ...props }: ComboboxSeparatorProps) => {\n  return (\n    <BaseCombobox.Separator\n      className={cn('my-1 border-t border-border', className)}\n      {...props}\n    />\n  )\n}\n\nComboboxSeparator.displayName = 'ComboboxSeparator'\n\n// ============================================================================\n// ComboboxStatus\n// ============================================================================\n\ntype ComboboxStatusProps = React.ComponentProps<typeof BaseCombobox.Status>\n\nconst ComboboxStatus = ({ className, ...props }: ComboboxStatusProps) => {\n  return (\n    <BaseCombobox.Status\n      className={cn(\n        'flex items-center gap-2 py-1 px-4 text-sm text-muted-foreground empty:hidden',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxStatus.displayName = 'ComboboxStatus'\n\n// ============================================================================\n// ComboboxChips\n// ============================================================================\n\ntype ComboboxChipsProps = React.ComponentProps<typeof BaseCombobox.Chips>\n\nconst ComboboxChips = React.forwardRef<HTMLDivElement, ComboboxChipsProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <BaseCombobox.Chips\n        ref={ref}\n        className={cn(\n          inputBaseStyles,\n          'group/chips flex flex-wrap items-center gap-1 px-1 py-1 h-auto',\n          className,\n        )}\n        {...props}\n      />\n    )\n  },\n)\n\nComboboxChips.displayName = 'ComboboxChips'\n\n// ============================================================================\n// ComboboxChip\n// ============================================================================\n\ntype ComboboxChipProps = React.ComponentProps<typeof BaseCombobox.Chip>\n\nconst ComboboxChip = ({ className, ...props }: ComboboxChipProps) => {\n  return (\n    <BaseCombobox.Chip\n      className={cn(\n        'flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 text-xs text-foreground font-medium',\n        'data-highlighted:bg-primary data-highlighted:text-primary-foreground',\n        'focus-within:bg-primary focus-within:text-primary-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxChip.displayName = 'ComboboxChip'\n\n// ============================================================================\n// ComboboxChipRemove\n// ============================================================================\n\ntype ComboboxChipRemoveProps = React.ComponentProps<typeof BaseCombobox.ChipRemove>\n\nconst ComboboxChipRemove = ({ className, ...props }: ComboboxChipRemoveProps) => {\n  return (\n    <BaseCombobox.ChipRemove\n      className={cn(\n        'rounded-md p-0.5 text-inherit hover:bg-muted-foreground/20',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxChipRemove.displayName = 'ComboboxChipRemove'\n\n// ============================================================================\n// ComboboxArrow\n// ============================================================================\n\ntype ComboboxArrowProps = React.ComponentProps<typeof BaseCombobox.Arrow>\n\nconst ComboboxArrow = ({ className, ...props }: ComboboxArrowProps) => {\n  return (\n    <BaseCombobox.Arrow\n      className={cn(\n        'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxArrow.displayName = 'ComboboxArrow'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  BaseCombobox as Combobox,\n  ComboboxRoot,\n  ComboboxValue,\n  ComboboxIcon,\n  ComboboxInput,\n  ComboboxControl,\n  ComboboxClear,\n  ComboboxTrigger,\n  ComboboxBackdrop,\n  ComboboxPortal,\n  ComboboxPositioner,\n  ComboboxPopup,\n  ComboboxList,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxItemText,\n  ComboboxItemIndicator,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxCollection,\n  ComboboxSeparator,\n  ComboboxStatus,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipRemove,\n  ComboboxArrow,\n}\n\nexport type {\n  ComboboxRootProps,\n  ComboboxValueProps,\n  ComboboxIconProps,\n  ComboboxInputProps,\n  ComboboxControlProps,\n  ComboboxClearProps,\n  ComboboxTriggerProps,\n  ComboboxBackdropProps,\n  ComboboxPortalProps,\n  ComboboxPositionerProps,\n  ComboboxPopupProps,\n  ComboboxListProps,\n  ComboboxEmptyProps,\n  ComboboxItemProps,\n  ComboboxItemTextProps,\n  ComboboxItemIndicatorProps,\n  ComboboxGroupProps,\n  ComboboxGroupLabelProps,\n  ComboboxCollectionProps,\n  ComboboxSeparatorProps,\n  ComboboxStatusProps,\n  ComboboxChipsProps,\n  ComboboxChipProps,\n  ComboboxChipRemoveProps,\n  ComboboxArrowProps,\n}\n"],"mappings":"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"}

package/dist/components/table/filters.d.ts

@@ -0,0 +1,29 @@
+import { FilterPredicate } from "./types.js";
+
+//#region src/components/table/filters.d.ts
+
+/**
+ * Multi-select filter: row value is included in selected array.
+ * Returns true if no values are selected (empty array or undefined).
+ */
+declare function includesFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K][]>;
+/**
+ * Range filter: numeric row value is within [min, max] bounds.
+ * Returns true if range is undefined.
+ */
+declare function rangeFilter<T, K extends keyof T>(key: K): FilterPredicate<T, [number, number]>;
+/**
+ * Contains filter: string row value contains search term (case-insensitive).
+ * Returns true if search term is empty or undefined.
+ */
+declare function containsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, string>;
+/**
+ * Equals filter: row value strictly equals filter value.
+ * Returns true if filter value is undefined.
+ */
+declare function equalsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K]>;
+//# sourceMappingURL=filters.d.ts.map
+
+//#endregion
+export { containsFilter, equalsFilter, includesFilter, rangeFilter };
+//# sourceMappingURL=filters.d.ts.map

package/dist/components/table/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","names":[],"sources":["../../../src/components/table/filters.ts"],"sourcesContent":[],"mappings":";;;;;;AAMA;;AAAkD,iBAAlC,cAAkC,CAAA,CAAA,EAAA,UAAA,MAAA,CAAA,CAAA,CAAA,GAAA,EAAQ,CAAR,CAAA,EAAY,eAAZ,CAA4B,CAA5B,EAA+B,CAA/B,CAAiC,CAAjC,CAAA,EAAA,CAAA;;;;;AAAY,iBAW9C,WAX8C,CAAA,CAAA,EAAA,UAAA,MAWf,CAXe,CAAA,CAAA,GAAA,EAYvD,CAZuD,CAAA,EAa3D,eAb2D,CAa3C,CAb2C,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,CAAA;;AAW9D;;;AACO,iBAcS,cAdT,CAAA,CAAA,EAAA,UAAA,MAc2C,CAd3C,CAAA,CAAA,GAAA,EAcmD,CAdnD,CAAA,EAcuD,eAdvD,CAcuE,CAdvE,EAAA,MAAA,CAAA;;;;AAcP;AAA8B,iBAWd,YAXc,CAAA,CAAA,EAAA,UAAA,MAWkB,CAXlB,CAAA,CAAA,GAAA,EAW0B,CAX1B,CAAA,EAW8B,eAX9B,CAW8C,CAX9C,EAWiD,CAXjD,CAWmD,CAXnD,CAAA,CAAA"}

package/dist/components/table/filters.js

@@ -0,0 +1,47 @@
+//#region src/components/table/filters.ts
+/**
+* Multi-select filter: row value is included in selected array.
+* Returns true if no values are selected (empty array or undefined).
+*/
+function includesFilter(key) {
+	return (row, value) => {
+		if (!value || value.length === 0) return true;
+		return value.includes(row[key]);
+	};
+}
+/**
+* Range filter: numeric row value is within [min, max] bounds.
+* Returns true if range is undefined.
+*/
+function rangeFilter(key) {
+	return (row, value) => {
+		if (!value) return true;
+		const [min, max] = value;
+		const rowValue = row[key];
+		return rowValue >= min && rowValue <= max;
+	};
+}
+/**
+* Contains filter: string row value contains search term (case-insensitive).
+* Returns true if search term is empty or undefined.
+*/
+function containsFilter(key) {
+	return (row, value) => {
+		if (!value) return true;
+		return String(row[key]).toLowerCase().includes(value.toLowerCase());
+	};
+}
+/**
+* Equals filter: row value strictly equals filter value.
+* Returns true if filter value is undefined.
+*/
+function equalsFilter(key) {
+	return (row, value) => {
+		if (value === void 0) return true;
+		return row[key] === value;
+	};
+}
+
+//#endregion
+export { containsFilter, equalsFilter, includesFilter, rangeFilter };
+//# sourceMappingURL=filters.js.map

package/dist/components/table/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","names":[],"sources":["../../../src/components/table/filters.ts"],"sourcesContent":["import type { FilterPredicate } from './types'\n\n/**\n * Multi-select filter: row value is included in selected array.\n * Returns true if no values are selected (empty array or undefined).\n */\nexport function includesFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K][]> {\n  return (row: T, value: T[K][]) => {\n    if (!value || value.length === 0) return true\n    return value.includes(row[key])\n  }\n}\n\n/**\n * Range filter: numeric row value is within [min, max] bounds.\n * Returns true if range is undefined.\n */\nexport function rangeFilter<T, K extends keyof T>(\n  key: K,\n): FilterPredicate<T, [number, number]> {\n  return (row: T, value: [number, number]) => {\n    if (!value) return true\n    const [min, max] = value\n    const rowValue = row[key] as number\n    return rowValue >= min && rowValue <= max\n  }\n}\n\n/**\n * Contains filter: string row value contains search term (case-insensitive).\n * Returns true if search term is empty or undefined.\n */\nexport function containsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, string> {\n  return (row: T, value: string) => {\n    if (!value) return true\n    return String(row[key]).toLowerCase().includes(value.toLowerCase())\n  }\n}\n\n/**\n * Equals filter: row value strictly equals filter value.\n * Returns true if filter value is undefined.\n */\nexport function equalsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K]> {\n  return (row: T, value: T[K]) => {\n    if (value === undefined) return true\n    return row[key] === value\n  }\n}\n"],"mappings":";;;;;AAMA,SAAgB,eAAqC,KAAoC;AACvF,SAAQ,KAAQ,UAAkB;AAChC,MAAI,CAAC,SAAS,MAAM,WAAW,EAAG,QAAO;AACzC,SAAO,MAAM,SAAS,IAAI,KAAK;;;;;;;AAQnC,SAAgB,YACd,KACsC;AACtC,SAAQ,KAAQ,UAA4B;AAC1C,MAAI,CAAC,MAAO,QAAO;EACnB,MAAM,CAAC,KAAK,OAAO;EACnB,MAAM,WAAW,IAAI;AACrB,SAAO,YAAY,OAAO,YAAY;;;;;;;AAQ1C,SAAgB,eAAqC,KAAoC;AACvF,SAAQ,KAAQ,UAAkB;AAChC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,SAAS,MAAM,aAAa,CAAC;;;;;;;AAQvE,SAAgB,aAAmC,KAAkC;AACnF,SAAQ,KAAQ,UAAgB;AAC9B,MAAI,UAAU,OAAW,QAAO;AAChC,SAAO,IAAI,SAAS"}

package/dist/components/table/primitives.d.ts

@@ -0,0 +1,93 @@
+import { SortDirection } from "./types.js";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime285 from "react/jsx-runtime";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+
+//#region src/components/table/primitives.d.ts
+declare const tableVariants: (props?: ({
+  variant?: "default" | "striped" | "bordered" | null | undefined;
+  size?: "default" | "compact" | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+type TableVariant = VariantProps<typeof tableVariants>['variant'];
+type TableSize = VariantProps<typeof tableVariants>['size'];
+type TableRootProps = React.ComponentProps<'table'> & VariantProps<typeof tableVariants>;
+declare const TableRoot: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: TableRootProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableHeaderProps = React.ComponentProps<'thead'>;
+declare const TableHeader: {
+  ({
+    className,
+    ...props
+  }: TableHeaderProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableBodyProps = React.ComponentProps<'tbody'>;
+declare const TableBody: {
+  ({
+    className,
+    ...props
+  }: TableBodyProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableFooterProps = React.ComponentProps<'tfoot'>;
+declare const TableFooter: {
+  ({
+    className,
+    ...props
+  }: TableFooterProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableRowProps = React.ComponentProps<'tr'>;
+declare const TableRow: {
+  ({
+    className,
+    ...props
+  }: TableRowProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableHeadProps = React.ComponentProps<'th'> & {
+  sortable?: boolean;
+  sortDirection?: SortDirection;
+  onSort?: () => void;
+};
+declare const TableHead: {
+  ({
+    className,
+    sortable,
+    sortDirection,
+    onSort,
+    children,
+    ...props
+  }: TableHeadProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableCellProps = React.ComponentProps<'td'>;
+declare const TableCell: {
+  ({
+    className,
+    ...props
+  }: TableCellProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableCaptionProps = React.ComponentProps<'caption'> & {
+  position?: 'top' | 'bottom';
+};
+declare const TableCaption: {
+  ({
+    className,
+    position,
+    ...props
+  }: TableCaptionProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSize, TableVariant };
+//# sourceMappingURL=primitives.d.ts.map

package/dist/components/table/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","names":[],"sources":["../../../src/components/table/primitives.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAYM;;;IAcJ,+BAAA,CAAA;AAdI,KAgBM,YAAA,GAAe,YAFzB,CAAA,OAE6C,aAF7C,CAAA,CAAA,SAAA,CAAA;AAEU,KACA,SAAA,GAAY,YADA,CAAA,OACoB,aADpB,CAAA,CAAA,MAAA,CAAA;KAOnB,cAAA,GAAiB,KAAA,CAAM,cAPJ,CAAA,OAAA,CAAA,GAO8B,YAP9B,CAAA,OAOkD,aAPlD,CAAA;cASlB,SATyC,EAAA;;IAApB,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EASgC,cAThC,CAAA,EAS8C,oBAAA,CAAA,GAAA,CAAA,OAT9C;EAAY,WAAA,EAAA,MAAA;AACvC,CAAA;KAsBK,gBAAA,GAAmB,KAAA,CAAM,cAtBT,CAAA,OAAA,CAAA;cAwBf,WAxBsC,EAAA;;IAApB,SAAA;IAAA,GAAA;EAAA,CAAA,EAwBsB,gBAxBtB,CAAA,EAwBsC,oBAAA,CAAA,GAAA,CAAA,OAxBtC;EAAY,WAAA,EAAA,MAAA;AAA8B,CAAA;KAkC7D,cAAA,GAAiB,KAAA,CAAM,cA5BT,CAAA,OAAA,CAAA;cA8Bb,SA9BsB,EAAA;;IAA8C,SAAA;IAAA,GAAA;EAAA,CAAA,EA8B9B,cA9B8B,CAAA,EA8BhB,oBAAA,CAAA,GAAA,CAAA,OA9BgB;aAApB,EAAA,MAAA;CAAY;AAAA,KAwC7D,gBAAA,GAAmB,KAAA,CAAM,cAhC7B,CAAA,OAAA,CAAA;cAkCK,WAlCL,EAAA;;;;KAkC6C,mBAAgB,oBAAA,CAAA,GAAA,CAAA;;;KAezD,aAAA,GAAgB,KAAA,CAAM,cAvDgC,CAAA,IAAA,CAAA;cAyDrD,QAzDmE,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAyD9B,aAzD8B,CAAA,EAyDjB,oBAAA,CAAA,GAAA,CAAA,OAzDiB;EAcpE,WAAA,EAAA,MAAgB;AAAuB,CAAA;KA+DvC,cAAA,GAAiB,KAAA,CAAM,cA3D3B,CAAA,IAAA,CAAA,GAAA;;eAF6C,CAAA,EA+D5B,aA/D4B;QAAgB,CAAA,EAAA,GAAA,GAAA,IAAA;CAAA;AAAA,cAgGxD,SAtFa,EAAA;EAEb,CAAA;IAAA,SAEL;IAAA,QAAA;IAAA,aAAA;IAAA,MAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAyFE,cAzFF,CAAA,EAyFgB,oBAAA,CAAA,GAAA,CAAA,OAzFhB;EAAA,WAAA,EAAA,MAAA;;KAmII,cAAA,GAAiB,KAAA,CAAM,cArIgB,CAAA,IAAA,CAAA;cAuItC,SAvIoD,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAuId,cAvIc,CAAA,EAuIA,oBAAA,CAAA,GAAA,CAAA,OAvIA;EAUrD,WAAA,EAAA,MAAgB;AAAuB,CAAA;KA+IvC,iBAAA,GAAoB,KAAA,CAAM,cAtI9B,CAAA,SAAA,CAAA,GAAA;;;cA0IK,YAjJwD,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAqJ3D,iBArJ2D,CAAA,EAqJ1C,oBAAA,CAAA,GAAA,CAAA,OArJ0C;EAezD,WAAA,EAAA,MAAa;AAAuB,CAAA"}