@prototyperco/ui 0.5.0-alpha.0 → 0.5.0

package/dist/components/alert.js

@@ -0,0 +1,78 @@
+"use client";
+
+// src/components/alert.tsx
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/alert.tsx
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  [
+    "relative flex w-full gap-3 rounded-lg border p-4 text-sm",
+    "[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:translate-y-0.5"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground border-border",
+        destructive: "bg-destructive/5 text-destructive border-destructive/20 [&>svg]:text-destructive",
+        success: "bg-success/5 text-success border-success/20 [&>svg]:text-success",
+        warning: "bg-warning/5 text-warning border-warning/20 [&>svg]:text-warning"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "h5",
+    {
+      "data-slot": "alert-title",
+      className: cn("font-medium leading-none tracking-tight", className),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn("text-sm [&_p]:leading-relaxed", className),
+      ...props
+    }
+  );
+}
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+};
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/alert.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst alertVariants = cva(\n  [\n    \"relative flex w-full gap-3 rounded-lg border p-4 text-sm\",\n    \"[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:translate-y-0.5\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground border-border\",\n        destructive:\n          \"bg-destructive/5 text-destructive border-destructive/20 [&>svg]:text-destructive\",\n        success:\n          \"bg-success/5 text-success border-success/20 [&>svg]:text-success\",\n        warning:\n          \"bg-warning/5 text-warning border-warning/20 [&>svg]:text-warning\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"h5\">) {\n  return (\n    <h5\n      data-slot=\"alert-title\"\n      className={cn(\"font-medium leading-none tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n\nexport type AlertProps = React.ComponentProps<typeof Alert>;\nexport type AlertTitleProps = React.ComponentProps<typeof AlertTitle>;\nexport type AlertDescriptionProps = React.ComponentProps<\n  typeof AlertDescription\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAS,WAA8B;;;ACHvC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD+BI;AA7BJ,IAAM,gBAAgB;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqE;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAA+B;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/autocomplete.cjs

@@ -0,0 +1,512 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/autocomplete.tsx
+var autocomplete_exports = {};
+__export(autocomplete_exports, {
+  Autocomplete: () => Autocomplete,
+  AutocompleteArrow: () => AutocompleteArrow,
+  AutocompleteBackdrop: () => AutocompleteBackdrop,
+  AutocompleteCollection: () => AutocompleteCollection,
+  AutocompleteContent: () => AutocompleteContent,
+  AutocompleteEmpty: () => AutocompleteEmpty,
+  AutocompleteGroup: () => AutocompleteGroup,
+  AutocompleteGroupLabel: () => AutocompleteGroupLabel,
+  AutocompleteIcon: () => AutocompleteIcon,
+  AutocompleteInput: () => AutocompleteInput,
+  AutocompleteItem: () => AutocompleteItem,
+  AutocompleteList: () => AutocompleteList,
+  AutocompleteSeparator: () => AutocompleteSeparator,
+  AutocompleteStatus: () => AutocompleteStatus,
+  AutocompleteTrigger: () => AutocompleteTrigger,
+  AutocompleteValue: () => AutocompleteValue,
+  useAutocompleteFilter: () => useAutocompleteFilter
+});
+module.exports = __toCommonJS(autocomplete_exports);
+var import_autocomplete = require("@base-ui/react/autocomplete");
+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/input-group.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+
+// src/components/button.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium",
+    "transform-gpu transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth",
+    "motion-reduce:transition-none",
+    "disabled:status-disabled",
+    "focus-visible:focus-ring",
+    "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "shrink-0 group/button select-none no-highlight"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-surface border border-primary dark:border-primary-dark",
+          "isolate text-primary-foreground [text-shadow:_0_1px_2px_oklch(0%_0_0_/_30%)]",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Combined gradient layer with primary colors
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-primary-light before:via-primary-middle before:to-primary-dark",
+          "before:dark:from-primary-light before:dark:via-primary-middle before:dark:to-primary-dark",
+          "before:z-[-1]",
+          // Additional outer border
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-gradient-to-br after:from-primary after:to-primary-dark",
+          "after:z-[-1] after:transition-opacity after:duration-200 after:opacity-40 after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:opacity-100 hover-only:transition-opacity hover-only:duration-200"
+        ].join(" "),
+        destructive: "bg-destructive text-destructive-foreground hover-only:hover:bg-destructive-hover",
+        outline: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-field border",
+          "isolate text-foreground",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Background layer
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-border-light before:via-border before:to-border-dark/50",
+          "before:dark:from-border-light before:dark:to-border-dark",
+          "before:z-[-1]",
+          // Inner background layer
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-background",
+          "after:z-[-1]",
+          "after:transition-colors after:duration-200 after:ease-out after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:bg-muted"
+        ].join(" "),
+        secondary: "bg-secondary text-secondary-foreground hover-only:hover:bg-accent",
+        ghost: "hover-only:bg-accent hover-only:text-accent-foreground motion-safe:active:scale-100",
+        "primary-soft": "bg-primary-soft text-primary hover-only:hover:bg-primary-soft-hover",
+        "destructive-soft": "bg-destructive-soft text-destructive hover-only:hover:bg-destructive-soft-hover",
+        success: "bg-success text-success-foreground hover-only:hover:bg-success-hover",
+        warning: "bg-warning text-warning-foreground hover-only:hover:bg-warning-hover",
+        link: "dark:text-primary-light text-primary-dark underline-offset-4 hover-only:underline motion-safe:active:scale-100"
+      },
+      size: {
+        default: "h-9 gap-2 px-4 py-1 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 motion-safe:active:scale-[0.97]",
+        xs: "h-6 gap-1 rounded-lg px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 motion-safe:active:scale-[0.985]",
+        sm: "h-8 gap-1.5 rounded-lg px-3 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 motion-safe:active:scale-[0.98]",
+        lg: "h-10 gap-2 rounded-lg px-8 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 motion-safe:active:scale-[0.96]",
+        icon: "size-9 motion-safe:active:scale-[0.97]",
+        "icon-xs": "size-6 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.985]",
+        "icon-sm": "size-8 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.98]",
+        "icon-lg": "size-10 motion-safe:active:scale-[0.96]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  isPending,
+  nativeButton,
+  render,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      "data-pending": isPending || void 0,
+      "aria-disabled": isPending || void 0,
+      nativeButton: nativeButton ?? (render ? false : void 0),
+      render,
+      className: cn(
+        buttonVariants({ variant, size }),
+        isPending && "status-pending",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/input-group.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "border-field-border bg-field-background hover-only:hover:border-field-border-hover has-[[data-slot=input-group-control]:focus-visible]:focus-field-ring has-[[data-slot][aria-invalid=true]]:border-field-border-invalid has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:invalid-field-ring h-9 rounded-md border shadow-field transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth motion-reduce:transition-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var inputGroupAddonVariants = (0, import_class_variance_authority2.cva)(
+  "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
+  {
+    variants: {
+      align: {
+        "inline-start": "pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem] order-first",
+        "inline-end": "pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem] order-last",
+        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        if (e.target.closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...props
+    }
+  );
+}
+var inputGroupButtonVariants = (0, import_class_variance_authority2.cva)(
+  "gap-2 text-sm shadow-none flex items-center",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Button,
+    {
+      type,
+      "data-size": size,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/autocomplete.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Autocomplete({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_autocomplete.Autocomplete.Root, { ...props });
+}
+function AutocompleteInput({
+  className,
+  showTrigger = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(InputGroup, { className: "no-highlight transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth motion-reduce:transition-none hover-only:border-field-border-hover data-[invalid]:border-field-border-invalid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_autocomplete.Autocomplete.Input,
+      {
+        "data-slot": "input-group-control",
+        className: cn(
+          "flex-1 rounded-none border-0 bg-transparent px-3 py-2 text-sm shadow-none outline-none",
+          "placeholder:text-muted-foreground",
+          "focus-visible:ring-0",
+          "data-disabled:status-disabled",
+          className
+        ),
+        ...props
+      }
+    ),
+    showTrigger && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AutocompleteTrigger, {}) }),
+    children
+  ] });
+}
+function AutocompleteTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Trigger,
+    {
+      "data-slot": "autocomplete-trigger",
+      "aria-label": "Toggle options",
+      ...props,
+      render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        InputGroupButton,
+        {
+          variant: "ghost",
+          size: "icon-xs",
+          className: cn("group", className)
+        }
+      ),
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.ChevronDownIcon, { className: "size-3.5 transition-transform duration-150 ease-smooth group-data-[open]:rotate-180 motion-reduce:transition-none" })
+    }
+  );
+}
+function AutocompleteValue({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_autocomplete.Autocomplete.Value, { "data-slot": "autocomplete-value", ...props });
+}
+function AutocompleteContent({
+  className,
+  side = "bottom",
+  sideOffset = 4,
+  align = "start",
+  alignOffset = 0,
+  anchor,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_autocomplete.Autocomplete.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      anchor,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_autocomplete.Autocomplete.Popup,
+        {
+          "data-slot": "autocomplete-content",
+          className: cn(
+            "group/autocomplete-content",
+            "min-w-[8rem] overflow-hidden rounded-xl border border-border-light bg-overlay text-overlay-foreground shadow-overlay outline-none",
+            "data-open:animate-in data-open:duration-200 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95",
+            "data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]",
+            "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+            "max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-y-auto overscroll-contain",
+            "motion-reduce:animate-none motion-reduce:transition-none",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function AutocompleteList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.List,
+    {
+      "data-slot": "autocomplete-list",
+      className: cn(
+        "scroll-py-1 overflow-y-auto overscroll-contain p-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AutocompleteItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Item,
+    {
+      "data-slot": "autocomplete-item",
+      className: cn(
+        "no-highlight relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 px-2 text-sm outline-none transition-colors duration-150 ease-smooth motion-reduce:transition-none",
+        "data-highlighted:bg-primary-soft data-highlighted:text-foreground",
+        "data-disabled:status-disabled",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function AutocompleteEmpty({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Empty,
+    {
+      "data-slot": "autocomplete-empty",
+      className: cn(
+        "empty:hidden py-6 text-center text-sm text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AutocompleteGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Group,
+    {
+      "data-slot": "autocomplete-group",
+      className: cn("p-1", className),
+      ...props
+    }
+  );
+}
+function AutocompleteGroupLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.GroupLabel,
+    {
+      "data-slot": "autocomplete-group-label",
+      className: cn(
+        "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AutocompleteSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Separator,
+    {
+      "data-slot": "autocomplete-separator",
+      className: cn("-mx-1 my-1 h-px bg-border-light", className),
+      ...props
+    }
+  );
+}
+function AutocompleteIcon({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Icon,
+    {
+      "data-slot": "autocomplete-icon",
+      className: cn("", className),
+      ...props
+    }
+  );
+}
+function AutocompleteStatus({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Status,
+    {
+      "data-slot": "autocomplete-status",
+      className: cn("sr-only", className),
+      ...props
+    }
+  );
+}
+function AutocompleteArrow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Arrow,
+    {
+      "data-slot": "autocomplete-arrow",
+      className: cn("fill-overlay stroke-border", className),
+      ...props
+    }
+  );
+}
+function AutocompleteBackdrop({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_autocomplete.Autocomplete.Backdrop,
+    {
+      "data-slot": "autocomplete-backdrop",
+      className: cn("fixed inset-0 z-50", className),
+      ...props
+    }
+  );
+}
+var AutocompleteCollection = import_autocomplete.Autocomplete.Collection;
+var useAutocompleteFilter = import_autocomplete.Autocomplete.useFilter;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Autocomplete,
+  AutocompleteArrow,
+  AutocompleteBackdrop,
+  AutocompleteCollection,
+  AutocompleteContent,
+  AutocompleteEmpty,
+  AutocompleteGroup,
+  AutocompleteGroupLabel,
+  AutocompleteIcon,
+  AutocompleteInput,
+  AutocompleteItem,
+  AutocompleteList,
+  AutocompleteSeparator,
+  AutocompleteStatus,
+  AutocompleteTrigger,
+  AutocompleteValue,
+  useAutocompleteFilter
+});
+//# sourceMappingURL=autocomplete.cjs.map

package/dist/components/autocomplete.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/autocomplete.tsx","../../src/lib/utils.ts","../../src/components/input-group.tsx","../../src/components/button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Autocomplete as AutocompletePrimitive } from \"@base-ui/react/autocomplete\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { InputGroup, InputGroupAddon, InputGroupButton } from \"./input-group\";\n\nfunction Autocomplete({ ...props }: AutocompletePrimitive.Root.Props<any>) {\n  return <AutocompletePrimitive.Root {...props} />;\n}\n\nfunction AutocompleteInput({\n  className,\n  showTrigger = false,\n  children,\n  ...props\n}: AutocompletePrimitive.Input.Props & {\n  showTrigger?: boolean;\n}) {\n  return (\n    <InputGroup className=\"no-highlight transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth motion-reduce:transition-none hover-only:border-field-border-hover data-[invalid]:border-field-border-invalid\">\n      <AutocompletePrimitive.Input\n        data-slot=\"input-group-control\"\n        className={cn(\n          \"flex-1 rounded-none border-0 bg-transparent px-3 py-2 text-sm shadow-none outline-none\",\n          \"placeholder:text-muted-foreground\",\n          \"focus-visible:ring-0\",\n          \"data-disabled:status-disabled\",\n          className,\n        )}\n        {...props}\n      />\n      {showTrigger && (\n        <InputGroupAddon align=\"inline-end\">\n          <AutocompleteTrigger />\n        </InputGroupAddon>\n      )}\n      {children}\n    </InputGroup>\n  );\n}\n\nfunction AutocompleteTrigger({\n  className,\n  children,\n  ...props\n}: AutocompletePrimitive.Trigger.Props) {\n  return (\n    <AutocompletePrimitive.Trigger\n      data-slot=\"autocomplete-trigger\"\n      aria-label=\"Toggle options\"\n      {...props}\n      render={\n        <InputGroupButton\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          className={cn(\"group\", className)}\n        />\n      }\n    >\n      {children ?? (\n        <ChevronDownIcon className=\"size-3.5 transition-transform duration-150 ease-smooth group-data-[open]:rotate-180 motion-reduce:transition-none\" />\n      )}\n    </AutocompletePrimitive.Trigger>\n  );\n}\n\nfunction AutocompleteValue({ ...props }: AutocompletePrimitive.Value.Props) {\n  return (\n    <AutocompletePrimitive.Value data-slot=\"autocomplete-value\" {...props} />\n  );\n}\n\nfunction AutocompleteContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"start\",\n  alignOffset = 0,\n  anchor,\n  ...props\n}: AutocompletePrimitive.Popup.Props &\n  Pick<\n    AutocompletePrimitive.Positioner.Props,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n  >) {\n  return (\n    <AutocompletePrimitive.Portal>\n      <AutocompletePrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className=\"isolate z-50\"\n      >\n        <AutocompletePrimitive.Popup\n          data-slot=\"autocomplete-content\"\n          className={cn(\n            \"group/autocomplete-content\",\n            \"min-w-[8rem] overflow-hidden rounded-xl border border-border-light bg-overlay text-overlay-foreground shadow-overlay outline-none\",\n            \"data-open:animate-in data-open:duration-200 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95\",\n            \"data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]\",\n            \"data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n            \"max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-y-auto overscroll-contain\",\n            \"motion-reduce:animate-none motion-reduce:transition-none\",\n            className,\n          )}\n          {...props}\n        />\n      </AutocompletePrimitive.Positioner>\n    </AutocompletePrimitive.Portal>\n  );\n}\n\nfunction AutocompleteList({\n  className,\n  ...props\n}: AutocompletePrimitive.List.Props) {\n  return (\n    <AutocompletePrimitive.List\n      data-slot=\"autocomplete-list\"\n      className={cn(\n        \"scroll-py-1 overflow-y-auto overscroll-contain p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteItem({\n  className,\n  children,\n  ...props\n}: AutocompletePrimitive.Item.Props) {\n  return (\n    <AutocompletePrimitive.Item\n      data-slot=\"autocomplete-item\"\n      className={cn(\n        \"no-highlight relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 px-2 text-sm outline-none transition-colors duration-150 ease-smooth motion-reduce:transition-none\",\n        \"data-highlighted:bg-primary-soft data-highlighted:text-foreground\",\n        \"data-disabled:status-disabled\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </AutocompletePrimitive.Item>\n  );\n}\n\nfunction AutocompleteEmpty({\n  className,\n  ...props\n}: AutocompletePrimitive.Empty.Props) {\n  return (\n    <AutocompletePrimitive.Empty\n      data-slot=\"autocomplete-empty\"\n      className={cn(\n        \"empty:hidden py-6 text-center text-sm text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteGroup({\n  className,\n  ...props\n}: AutocompletePrimitive.Group.Props) {\n  return (\n    <AutocompletePrimitive.Group\n      data-slot=\"autocomplete-group\"\n      className={cn(\"p-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteGroupLabel({\n  className,\n  ...props\n}: AutocompletePrimitive.GroupLabel.Props) {\n  return (\n    <AutocompletePrimitive.GroupLabel\n      data-slot=\"autocomplete-group-label\"\n      className={cn(\n        \"px-2 py-1.5 text-xs font-medium text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof AutocompletePrimitive.Separator>) {\n  return (\n    <AutocompletePrimitive.Separator\n      data-slot=\"autocomplete-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border-light\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteIcon({\n  className,\n  ...props\n}: AutocompletePrimitive.Icon.Props) {\n  return (\n    <AutocompletePrimitive.Icon\n      data-slot=\"autocomplete-icon\"\n      className={cn(\"\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteStatus({\n  className,\n  ...props\n}: AutocompletePrimitive.Status.Props) {\n  return (\n    <AutocompletePrimitive.Status\n      data-slot=\"autocomplete-status\"\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteArrow({\n  className,\n  ...props\n}: AutocompletePrimitive.Arrow.Props) {\n  return (\n    <AutocompletePrimitive.Arrow\n      data-slot=\"autocomplete-arrow\"\n      className={cn(\"fill-overlay stroke-border\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AutocompleteBackdrop({\n  className,\n  ...props\n}: AutocompletePrimitive.Backdrop.Props) {\n  return (\n    <AutocompletePrimitive.Backdrop\n      data-slot=\"autocomplete-backdrop\"\n      className={cn(\"fixed inset-0 z-50\", className)}\n      {...props}\n    />\n  );\n}\n\nconst AutocompleteCollection = AutocompletePrimitive.Collection;\n\nconst useAutocompleteFilter = AutocompletePrimitive.useFilter;\n\nexport {\n  Autocomplete,\n  AutocompleteCollection,\n  AutocompleteInput,\n  AutocompleteContent,\n  AutocompleteList,\n  AutocompleteItem,\n  AutocompleteEmpty,\n  AutocompleteGroup,\n  AutocompleteGroupLabel,\n  AutocompleteSeparator,\n  AutocompleteTrigger,\n  AutocompleteValue,\n  AutocompleteIcon,\n  AutocompleteStatus,\n  AutocompleteArrow,\n  AutocompleteBackdrop,\n  useAutocompleteFilter,\n};\n\nexport type AutocompleteProps = React.ComponentProps<typeof Autocomplete>;\nexport type AutocompleteInputProps = React.ComponentProps<\n  typeof AutocompleteInput\n>;\nexport type AutocompleteContentProps = React.ComponentProps<\n  typeof AutocompleteContent\n>;\nexport type AutocompleteItemProps = React.ComponentProps<\n  typeof AutocompleteItem\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\nimport { Textarea } from \"./textarea\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"border-field-border bg-field-background hover-only:hover:border-field-border-hover has-[[data-slot=input-group-control]:focus-visible]:focus-field-ring has-[[data-slot][aria-invalid=true]]:border-field-border-invalid has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:invalid-field-ring h-9 rounded-md border shadow-field transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth motion-reduce:transition-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupAddonVariants = cva(\n  \"text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem] order-first\",\n        \"inline-end\":\n          \"pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem] order-last\",\n        \"block-start\":\n          \"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start\",\n        \"block-end\":\n          \"px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupButtonVariants = cva(\n  \"gap-2 text-sm shadow-none flex items-center\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n        \"icon-xs\":\n          \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  },\n);\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\" | \"type\"> &\n  VariantProps<typeof inputGroupButtonVariants> & {\n    type?: \"button\" | \"submit\" | \"reset\";\n  }) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1 resize-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n  inputGroupAddonVariants,\n  inputGroupButtonVariants,\n};\n\nexport type InputGroupProps = React.ComponentProps<typeof InputGroup>;\nexport type InputGroupAddonProps = React.ComponentProps<typeof InputGroupAddon>;\nexport type InputGroupButtonProps = React.ComponentProps<\n  typeof InputGroupButton\n>;\n","\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium\",\n    \"transform-gpu transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth\",\n    \"motion-reduce:transition-none\",\n    \"disabled:status-disabled\",\n    \"focus-visible:focus-ring\",\n    \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"shrink-0 group/button select-none no-highlight\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          // Base styles\n          \"relative rounded-lg overflow-visible shadow-surface border border-primary dark:border-primary-dark\",\n          \"isolate text-primary-foreground [text-shadow:_0_1px_2px_oklch(0%_0_0_/_30%)]\",\n          \"[&>*]:relative [&>*]:z-[2]\",\n          // Combined gradient layer with primary colors\n          \"before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]\",\n          \"before:bg-gradient-to-br before:from-primary-light before:via-primary-middle before:to-primary-dark\",\n          \"before:dark:from-primary-light before:dark:via-primary-middle before:dark:to-primary-dark\",\n          \"before:z-[-1]\",\n          // Additional outer border\n          \"after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]\",\n          \"after:bg-gradient-to-br after:from-primary after:to-primary-dark\",\n          \"after:z-[-1] after:transition-opacity after:duration-200 after:opacity-40 after:motion-reduce:transition-none\",\n          // Hover state\n          \"hover-only:after:opacity-100 hover-only:transition-opacity hover-only:duration-200\",\n        ].join(\" \"),\n        destructive:\n          \"bg-destructive text-destructive-foreground hover-only:hover:bg-destructive-hover\",\n        outline: [\n          // Base styles\n          \"relative rounded-lg overflow-visible shadow-field border\",\n          \"isolate text-foreground\",\n          \"[&>*]:relative [&>*]:z-[2]\",\n          // Background layer\n          \"before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]\",\n          \"before:bg-gradient-to-br before:from-border-light before:via-border before:to-border-dark/50\",\n          \"before:dark:from-border-light before:dark:to-border-dark\",\n          \"before:z-[-1]\",\n          // Inner background layer\n          \"after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]\",\n          \"after:bg-background\",\n          \"after:z-[-1]\",\n          \"after:transition-colors after:duration-200 after:ease-out after:motion-reduce:transition-none\",\n          // Hover state\n          \"hover-only:after:bg-muted\",\n        ].join(\" \"),\n        secondary:\n          \"bg-secondary text-secondary-foreground hover-only:hover:bg-accent\",\n        ghost:\n          \"hover-only:bg-accent hover-only:text-accent-foreground motion-safe:active:scale-100\",\n        \"primary-soft\":\n          \"bg-primary-soft text-primary hover-only:hover:bg-primary-soft-hover\",\n        \"destructive-soft\":\n          \"bg-destructive-soft text-destructive hover-only:hover:bg-destructive-soft-hover\",\n        success:\n          \"bg-success text-success-foreground hover-only:hover:bg-success-hover\",\n        warning:\n          \"bg-warning text-warning-foreground hover-only:hover:bg-warning-hover\",\n        link: \"dark:text-primary-light text-primary-dark underline-offset-4 hover-only:underline motion-safe:active:scale-100\",\n      },\n      size: {\n        default:\n          \"h-9 gap-2 px-4 py-1 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 motion-safe:active:scale-[0.97]\",\n        xs: \"h-6 gap-1 rounded-lg px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 motion-safe:active:scale-[0.985]\",\n        sm: \"h-8 gap-1.5 rounded-lg px-3 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 motion-safe:active:scale-[0.98]\",\n        lg: \"h-10 gap-2 rounded-lg px-8 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 motion-safe:active:scale-[0.96]\",\n        icon: \"size-9 motion-safe:active:scale-[0.97]\",\n        \"icon-xs\":\n          \"size-6 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.985]\",\n        \"icon-sm\":\n          \"size-8 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.98]\",\n        \"icon-lg\": \"size-10 motion-safe:active:scale-[0.96]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  isPending,\n  nativeButton,\n  render,\n  ...props\n}: ButtonPrimitive.Props &\n  VariantProps<typeof buttonVariants> & { isPending?: boolean }) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      data-pending={isPending || undefined}\n      aria-disabled={isPending || undefined}\n      nativeButton={nativeButton ?? (render ? false : undefined)}\n      render={render}\n      className={cn(\n        buttonVariants({ variant, size }),\n        isPending && \"status-pending\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n\nexport type ButtonProps = React.ComponentProps<typeof Button>;\n"],"mappings":"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","names":["import_class_variance_authority","ButtonPrimitive","import_jsx_runtime","import_jsx_runtime","AutocompletePrimitive"]}