@px-ui/ui 1.0.2 → 1.0.3

package/dist/{avatar-DDdL9xDH.js → avatar-B2FY4pgk.js}

@@ -1,7 +1,7 @@
-import { t as cn } from "./utils-mWJR2N24.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-DkPxCJIL.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as cn } from "./utils-8o789qxH.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-CIwyqk_3.js";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Avatar } from "@base-ui/react/avatar";
 
 //#region src/components/avatar.tsx
@@ -71,11 +71,12 @@ function getAvatarLabelFromChildren(children) {
 	});
 	return name ?? alt;
 }
-function Avatar$1({ className, size = "default", tooltip, children, ...props }) {
+function Avatar$1({ className, size = "default", shape = "rounded", tooltip, children, ...props }) {
 	const root = /* @__PURE__ */ jsx(Avatar.Root, {
 		"data-slot": "avatar",
 		"data-size": size,
-		className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
+		"data-shape": shape,
+		className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[shape=squared]:rounded-lg data-[shape=squared]:after:rounded-lg data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
 		...props,
 		children
 	});
@@ -86,7 +87,7 @@ function Avatar$1({ className, size = "default", tooltip, children, ...props })
 function AvatarImage({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Avatar.Image, {
 		"data-slot": "avatar-image",
-		className: cn("aspect-square size-full rounded-full object-cover", className),
+		className: cn("aspect-square size-full rounded-full object-cover group-data-[shape=squared]/avatar:rounded-lg", className),
 		...props
 	});
 }
@@ -97,7 +98,7 @@ function AvatarFallback({ className, name, children, style, ...props }) {
 	const initials = React$1.useMemo(() => name && children == null ? getInitialsFromName(name) : void 0, [name, children]);
 	return /* @__PURE__ */ jsx(Avatar.Fallback, {
 		"data-slot": "avatar-fallback",
-		className: cn("flex size-full items-center justify-center rounded-full font-medium text-sm group-data-[size=sm]/avatar:text-xs", className),
+		className: cn("flex size-full items-center justify-center rounded-full font-medium text-sm group-data-[shape=squared]/avatar:rounded-lg group-data-[size=sm]/avatar:text-xs", className),
 		style: {
 			...colorStyle,
 			...style
@@ -116,4 +117,4 @@ function AvatarBadge({ className, ...props }) {
 
 //#endregion
 export { getAvatarColorByName as a, AvatarImage as i, AvatarBadge as n, getAvatarLabelFromChildren as o, AvatarFallback as r, getInitialsFromName as s, Avatar$1 as t };
-//# sourceMappingURL=avatar-DDdL9xDH.js.map
+//# sourceMappingURL=avatar-B2FY4pgk.js.map

package/dist/avatar-B2FY4pgk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-B2FY4pgk.js","names":["alt: string | undefined","name: string | undefined","React","Avatar","AvatarPrimitive"],"sources":["../src/components/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@px-ui/ui/components/tooltip\"\n\nconst AVATAR_NAME_PALETTE = [\n  \"#bdc3c7\",\n  \"#6f7b87\",\n  \"#2c3e50\",\n  \"#2f3193\",\n  \"#662d91\",\n  \"#922790\",\n  \"#ec2176\",\n  \"#ed1c24\",\n  \"#f36622\",\n  \"#f8941e\",\n  \"#fab70f\",\n  \"#fdde00\",\n  \"#d1d219\",\n  \"#8ec73f\",\n  \"#00a650\",\n  \"#00aa9c\",\n  \"#00adef\",\n  \"#0081cd\",\n  \"#005bab\",\n  \"#012a4a\",\n  \"#013a63\",\n  \"#06d6a0\",\n  \"#ef476f\",\n  \"#ff5d8f\",\n  \"#0496ff\",\n  \"#c879ff\",\n]\n\nfunction getInitialsFromName(name: string | null | undefined): string {\n  if (!name) return \"\"\n  const matches = [...name.matchAll(/(\\b\\w)/g)]\n  return (\n    (matches.shift()?.[1] ?? \"\") + (matches.pop()?.[1] ?? \"\")\n  ).toUpperCase()\n}\n\nfunction getAvatarColorByName(\n  name: string | null | undefined\n): React.CSSProperties {\n  const seed = name && name.length ? name : \"?\"\n  let index = seed[0].toUpperCase().charCodeAt(0)\n  const lastName = seed.split(\" \")[1]\n  if (lastName) {\n    index = Math.floor((index + lastName[0].toUpperCase().charCodeAt(0)) / 2)\n  }\n  index = Math.abs(index - 65) % AVATAR_NAME_PALETTE.length\n  return {\n    backgroundColor: AVATAR_NAME_PALETTE[index],\n    color: \"#fff\",\n  }\n}\n\nfunction getStringFromChildren(children: React.ReactNode): string {\n  let out = \"\"\n  React.Children.forEach(children, (child) => {\n    if (typeof child === \"string\" || typeof child === \"number\") {\n      out += child\n    }\n  })\n  return out\n}\n\ntype AvatarSize = \"default\" | \"sm\" | \"lg\"\ntype AvatarShape = \"rounded\" | \"squared\"\n\ntype AvatarProps = AvatarPrimitive.Root.Props & {\n  size?: AvatarSize\n  shape?: AvatarShape\n  tooltip?: React.ReactNode | false\n}\n\nfunction getAvatarLabelFromChildren(\n  children: React.ReactNode\n): React.ReactNode | undefined {\n  let alt: string | undefined\n  let name: string | undefined\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return\n    if (child.type === AvatarFallback) {\n      const props = child.props as AvatarFallbackProps\n      if (props.name) name = props.name\n    } else if (child.type === AvatarImage) {\n      const props = child.props as AvatarPrimitive.Image.Props\n      if (props.alt) alt = props.alt\n    }\n  })\n  return name ?? alt\n}\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  shape = \"rounded\",\n  tooltip,\n  children,\n  ...props\n}: AvatarProps) {\n  const root = (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      data-shape={shape}\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[shape=squared]:rounded-lg data-[shape=squared]:after:rounded-lg data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </AvatarPrimitive.Root>\n  )\n\n  const resolved =\n    tooltip === undefined ? getAvatarLabelFromChildren(children) : tooltip\n  if (resolved === false || resolved == null || resolved === \"\") return root\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={root} />\n      <TooltipContent>{resolved}</TooltipContent>\n    </Tooltip>\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"aspect-square size-full rounded-full object-cover group-data-[shape=squared]/avatar:rounded-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\ntype AvatarFallbackProps = AvatarPrimitive.Fallback.Props & {\n  name?: string | null\n}\n\nfunction AvatarFallback({\n  className,\n  name,\n  children,\n  style,\n  ...props\n}: AvatarFallbackProps) {\n  const colorStyle = React.useMemo(() => {\n    const seed = name ?? getStringFromChildren(children)\n    return getAvatarColorByName(seed)\n  }, [name, children])\n  const initials = React.useMemo(\n    () => (name && children == null ? getInitialsFromName(name) : undefined),\n    [name, children]\n  )\n\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full font-medium text-sm group-data-[shape=squared]/avatar:rounded-lg group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      style={{ ...colorStyle, ...style }}\n      {...props}\n    >\n      {children ?? initials}\n    </AvatarPrimitive.Fallback>\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  getAvatarLabelFromChildren,\n  getInitialsFromName,\n  getAvatarColorByName,\n}\nexport type { AvatarProps, AvatarFallbackProps }\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,oBAAoB,MAAyC;AACpE,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,UAAU,CAAC,GAAG,KAAK,SAAS,UAAU,CAAC;AAC7C,UACG,QAAQ,OAAO,GAAG,MAAM,OAAO,QAAQ,KAAK,GAAG,MAAM,KACtD,aAAa;;AAGjB,SAAS,qBACP,MACqB;CACrB,MAAM,OAAO,QAAQ,KAAK,SAAS,OAAO;CAC1C,IAAI,QAAQ,KAAK,GAAG,aAAa,CAAC,WAAW,EAAE;CAC/C,MAAM,WAAW,KAAK,MAAM,IAAI,CAAC;AACjC,KAAI,SACF,SAAQ,KAAK,OAAO,QAAQ,SAAS,GAAG,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE;AAE3E,SAAQ,KAAK,IAAI,QAAQ,GAAG,GAAG,oBAAoB;AACnD,QAAO;EACL,iBAAiB,oBAAoB;EACrC,OAAO;EACR;;AAGH,SAAS,sBAAsB,UAAmC;CAChE,IAAI,MAAM;AACV,SAAM,SAAS,QAAQ,WAAW,UAAU;AAC1C,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO;GAET;AACF,QAAO;;AAYT,SAAS,2BACP,UAC6B;CAC7B,IAAIA;CACJ,IAAIC;AACJ,SAAM,SAAS,QAAQ,WAAW,UAAU;AAC1C,MAAI,CAACC,QAAM,eAAe,MAAM,CAAE;AAClC,MAAI,MAAM,SAAS,gBAAgB;GACjC,MAAM,QAAQ,MAAM;AACpB,OAAI,MAAM,KAAM,QAAO,MAAM;aACpB,MAAM,SAAS,aAAa;GACrC,MAAM,QAAQ,MAAM;AACpB,OAAI,MAAM,IAAK,OAAM,MAAM;;GAE7B;AACF,QAAO,QAAQ;;AAGjB,SAASC,SAAO,EACd,WACA,OAAO,WACP,QAAQ,WACR,SACA,UACA,GAAG,SACW;CACd,MAAM,OACJ,oBAACC,OAAgB;EACf,aAAU;EACV,aAAW;EACX,cAAY;EACZ,WAAW,GACT,+TACA,UACD;EACD,GAAI;EAEH;GACoB;CAGzB,MAAM,WACJ,YAAY,SAAY,2BAA2B,SAAS,GAAG;AACjE,KAAI,aAAa,SAAS,YAAY,QAAQ,aAAa,GAAI,QAAO;AAEtE,QACE,qBAAC,sBACC,oBAAC,kBAAe,QAAQ,OAAQ,EAChC,oBAAC,4BAAgB,WAA0B,IACnC;;AAId,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,kGACA,UACD;EACD,GAAI;GACJ;;AAQN,SAAS,eAAe,EACtB,WACA,MACA,UACA,OACA,GAAG,SACmB;CACtB,MAAM,aAAaF,QAAM,cAAc;AAErC,SAAO,qBADM,QAAQ,sBAAsB,SAAS,CACnB;IAChC,CAAC,MAAM,SAAS,CAAC;CACpB,MAAM,WAAWA,QAAM,cACd,QAAQ,YAAY,OAAO,oBAAoB,KAAK,GAAG,QAC9D,CAAC,MAAM,SAAS,CACjB;AAED,QACE,oBAACE,OAAgB;EACf,aAAU;EACV,WAAW,GACT,gKACA,UACD;EACD,OAAO;GAAE,GAAG;GAAY,GAAG;GAAO;EAClC,GAAI;YAEH,YAAY;GACY;;AAI/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAuC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0KACA,iFACA,6FACA,iFACA,UACD;EACD,GAAI;GACJ"}

package/dist/{avatar-DmWdHRhV.d.ts → avatar-CtZEW1Kd.d.ts}

@@ -1,27 +1,30 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
 import * as React$1 from "react";
+import * as react_jsx_runtime136 from "react/jsx-runtime";
 import { Avatar } from "@base-ui/react/avatar";
 
 //#region src/components/avatar.d.ts
 declare function getInitialsFromName(name: string | null | undefined): string;
 declare function getAvatarColorByName(name: string | null | undefined): React$1.CSSProperties;
 type AvatarSize = "default" | "sm" | "lg";
+type AvatarShape = "rounded" | "squared";
 type AvatarProps = Avatar.Root.Props & {
   size?: AvatarSize;
+  shape?: AvatarShape;
   tooltip?: React$1.ReactNode | false;
 };
 declare function getAvatarLabelFromChildren(children: React$1.ReactNode): React$1.ReactNode | undefined;
 declare function Avatar$1({
   className,
   size,
+  shape,
   tooltip,
   children,
   ...props
-}: AvatarProps): react_jsx_runtime42.JSX.Element;
+}: AvatarProps): react_jsx_runtime136.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: Avatar.Image.Props): react_jsx_runtime42.JSX.Element;
+}: Avatar.Image.Props): react_jsx_runtime136.JSX.Element;
 type AvatarFallbackProps = Avatar.Fallback.Props & {
   name?: string | null;
 };
@@ -31,11 +34,11 @@ declare function AvatarFallback({
   children,
   style,
   ...props
-}: AvatarFallbackProps): react_jsx_runtime42.JSX.Element;
+}: AvatarFallbackProps): react_jsx_runtime136.JSX.Element;
 declare function AvatarBadge({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime42.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime136.JSX.Element;
 //#endregion
 export { AvatarImage as a, getAvatarLabelFromChildren as c, AvatarFallbackProps as i, getInitialsFromName as l, AvatarBadge as n, AvatarProps as o, AvatarFallback as r, getAvatarColorByName as s, Avatar$1 as t };
-//# sourceMappingURL=avatar-DmWdHRhV.d.ts.map
+//# sourceMappingURL=avatar-CtZEW1Kd.d.ts.map

package/dist/avatar-CtZEW1Kd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-CtZEW1Kd.d.ts","names":[],"sources":["../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;iBAmCS,mBAAA;iBAQA,oBAAA,mCAEN,OAAA,CAAM;KAwBJ,UAAA;AApE4D,KAqE5D,WAAA,GAnCI,SAAmB,GAAA,SAAA;AAAA,KAqCvB,WAAA,GAAc,MAAA,CAAgB,IAAA,CAAK,KA3BrC,GAAM;EAwBJ,IAAA,CAAA,EAII,UAJM;EACV,KAAA,CAAA,EAIK,WAJM;EAEX,OAAA,CAAA,EAGO,OAAA,CAAM,SAHF,GAAA,KAAA;CAAG;iBAMV,0BAAA,CALA,QAAA,EAMG,OAAA,CAAM,SANT,CAAA,EAON,OAAA,CAAM,SAPA,GAAA,SAAA;iBAuBA,QAAA,CAtBC;EAAA,SAAA;EAAA,IAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA6BP,WA7BO,CAAA,EA6BI,oBAAA,CAAA,GAAA,CAAA,OA7BJ;iBAyDD,WAAA,CAxDS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwD4B,MAAA,CAAgB,KAAA,CAAM,KAxDlD,CAAA,EAwDuD,oBAAA,CAAA,GAAA,CAAA,OAxDvD;KAqEb,mBAAA,GAAsB,MAAA,CAAgB,QAAA,CAAS,KArEzB,GAAA;EAGlB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;AAES,CAAA;iBAoET,cAAA,CAnDP;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAyDC,mBAzDD,CAAA,EAyDoB,oBAAA,CAAA,GAAA,CAAA,OAzDpB;iBAkFO,WAAA,CAjFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiF4C,OAAA,CAAM,cAjFlD,CAAA,MAAA,CAAA,CAAA,EAiFwE,oBAAA,CAAA,GAAA,CAAA,OAjFxE"}

package/dist/{button-hBUFMmsZ.js → button-B3SNyz-U.js}

@@ -1,4 +1,4 @@
-import { t as cn } from "./utils-mWJR2N24.js";
+import { t as cn } from "./utils-8o789qxH.js";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
@@ -44,4 +44,4 @@ function Button$1({ className, variant = "default", size = "default", ...props }
 
 //#endregion
 export { buttonVariants as n, Button$1 as t };
-//# sourceMappingURL=button-hBUFMmsZ.js.map
+//# sourceMappingURL=button-B3SNyz-U.js.map

package/dist/{button-hBUFMmsZ.js.map → button-B3SNyz-U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-hBUFMmsZ.js","names":["Button","ButtonPrimitive"],"sources":["../src/components/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5\",\n        lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        icon: \"size-9\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n        \"icon-lg\": \"size-10\",\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  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;;AAKA,MAAM,iBAAiB,IACrB,8lBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAASA,SAAO,EACd,WACA,UAAU,WACV,OAAO,WACP,GAAG,SAC2D;AAC9D,QACE,oBAACC;EACC,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;GACJ"}
+{"version":3,"file":"button-B3SNyz-U.js","names":["Button","ButtonPrimitive"],"sources":["../src/components/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5\",\n        lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        icon: \"size-9\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n        \"icon-lg\": \"size-10\",\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  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;;AAKA,MAAM,iBAAiB,IACrB,8lBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAASA,SAAO,EACd,WACA,UAAU,WACV,OAAO,WACP,GAAG,SAC2D;AAC9D,QACE,oBAACC;EACC,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;GACJ"}

package/dist/{button-CyWFGUr9.d.ts → button-peTbHgr6.d.ts}

@@ -1,19 +1,19 @@
-import * as react_jsx_runtime212 from "react/jsx-runtime";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-  size?: "default" | "sm" | "lg" | "icon" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
+  variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+  size?: "default" | "sm" | "xs" | "icon" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 declare function Button$1({
   className,
   variant,
   size,
   ...props
-}: Button.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime212.JSX.Element;
+}: Button.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime140.JSX.Element;
 //#endregion
 export { buttonVariants as n, Button$1 as t };
-//# sourceMappingURL=button-CyWFGUr9.d.ts.map
+//# sourceMappingURL=button-peTbHgr6.d.ts.map

package/dist/{button-CyWFGUr9.d.ts.map → button-peTbHgr6.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"button-CyWFGUr9.d.ts","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;;IAmCL,+BAAA,CAAA;AAvCgE,iBAyCxD,QAAA,CAFR;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAOE,MAAA,CAAgB,KAPlB,GAO0B,YAP1B,CAAA,OAO8C,cAP9C,CAAA,CAAA,EAO6D,oBAAA,CAAA,GAAA,CAAA,OAP7D"}
+{"version":3,"file":"button-peTbHgr6.d.ts","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;;IAmCL,+BAAA,CAAA;AAvCgE,iBAyCxD,QAAA,CAFR;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAOE,MAAA,CAAgB,KAPlB,GAO0B,YAP1B,CAAA,OAO8C,cAP9C,CAAA,CAAA,EAO6D,oBAAA,CAAA,GAAA,CAAA,OAP7D"}

package/dist/{combobox-26YfHkRT.d.ts → combobox-BGJkF5tM.d.ts}

@@ -1,6 +1,6 @@
 import { r as LoadOptionsConfig } from "./use-async-options-DHR8q5qX.js";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
 import * as React$1 from "react";
+import * as react_jsx_runtime157 from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react";
 
 //#region src/components/combobox.d.ts
@@ -14,20 +14,20 @@ declare function Combobox$1<Value, Multiple extends boolean | undefined = false>
   debounceMs,
   isLoading,
   ...props
-}: ComboboxProps<Value, Multiple>): react_jsx_runtime46.JSX.Element;
+}: ComboboxProps<Value, Multiple>): react_jsx_runtime157.JSX.Element;
 declare function ComboboxValue({
   ...props
-}: Combobox.Value.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Value.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxTrigger({
   className,
   children,
   ref,
   ...props
-}: Combobox.Trigger.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Trigger.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxClear({
   className,
   ...props
-}: Combobox.Clear.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Clear.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxInput({
   className,
   children,
@@ -38,7 +38,7 @@ declare function ComboboxInput({
 }: Combobox.Input.Props & {
   showTrigger?: boolean;
   showClear?: boolean;
-}): react_jsx_runtime46.JSX.Element;
+}): react_jsx_runtime157.JSX.Element;
 declare function ComboboxContent({
   className,
   side,
@@ -48,29 +48,29 @@ declare function ComboboxContent({
   anchor,
   children,
   ...props
-}: Combobox.Popup.Props & Pick<Combobox.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime46.JSX.Element;
+}: Combobox.Popup.Props & Pick<Combobox.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): react_jsx_runtime157.JSX.Element;
 declare function ComboboxList({
   className,
   children,
   ref,
   ...props
-}: React$1.ComponentPropsWithRef<typeof Combobox.List>): react_jsx_runtime46.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof Combobox.List>): react_jsx_runtime157.JSX.Element;
 declare function ComboboxItem({
   className,
   children,
   ...props
-}: Combobox.Item.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Item.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxGroup({
   className,
   ...props
-}: Combobox.Group.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Group.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxLabel({
   className,
   ...props
-}: Combobox.GroupLabel.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.GroupLabel.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxCollection({
   ...props
-}: Combobox.Collection.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Collection.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxStatus({
   loading,
   error,
@@ -81,16 +81,16 @@ declare function ComboboxStatus({
   loading?: React$1.ReactNode;
   error?: React$1.ReactNode;
   empty?: React$1.ReactNode;
-}): react_jsx_runtime46.JSX.Element;
+}): react_jsx_runtime157.JSX.Element;
 declare function ComboboxSeparator({
   className,
   ...props
-}: Combobox.Separator.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Separator.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxChips({
   className,
   ref,
   ...props
-}: React$1.ComponentPropsWithRef<typeof Combobox.Chips> & Combobox.Chips.Props): react_jsx_runtime46.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof Combobox.Chips> & Combobox.Chips.Props): react_jsx_runtime157.JSX.Element;
 declare function ComboboxChip({
   className,
   children,
@@ -98,12 +98,12 @@ declare function ComboboxChip({
   ...props
 }: Combobox.Chip.Props & {
   showRemove?: boolean;
-}): react_jsx_runtime46.JSX.Element;
+}): react_jsx_runtime157.JSX.Element;
 declare function ComboboxChipsInput({
   className,
   ...props
-}: Combobox.Input.Props): react_jsx_runtime46.JSX.Element;
+}: Combobox.Input.Props): react_jsx_runtime157.JSX.Element;
 declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
 //#endregion
 export { useComboboxAnchor as _, ComboboxClear as a, ComboboxGroup as c, ComboboxLabel as d, ComboboxList as f, ComboboxValue as g, ComboboxTrigger as h, ComboboxChipsInput as i, ComboboxInput as l, ComboboxStatus as m, ComboboxChip as n, ComboboxCollection as o, ComboboxSeparator as p, ComboboxChips as r, ComboboxContent as s, Combobox$1 as t, ComboboxItem as u };
-//# sourceMappingURL=combobox-26YfHkRT.d.ts.map
+//# sourceMappingURL=combobox-BGJkF5tM.d.ts.map

package/dist/combobox-BGJkF5tM.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-BGJkF5tM.d.ts","names":[],"sources":["../src/components/combobox.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/{combobox-CnpyzZ7B.js → combobox-CBerynHz.js}

@@ -1,13 +1,13 @@
-import { t as cn } from "./utils-mWJR2N24.js";
-import { t as Button } from "./button-hBUFMmsZ.js";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-DqEkmpXW.js";
-import { t as Spinner } from "./spinner-Bo0sUZEg.js";
-import { n as useAsyncOptions } from "./use-async-options-wZ9LJ2BJ.js";
-import { t as use_infinite_scroll_default } from "./use-infinite-scroll-CpbhGGT5.js";
-import { t as useDebounce } from "./use-debounce-_qaEZqtt.js";
+import { n as useAsyncOptions } from "./use-async-options-MznolA0k.js";
+import { t as useDebounce } from "./use-debounce-CwnVqtDF.js";
+import { t as use_infinite_scroll_default } from "./use-infinite-scroll-DHi7CKyt.js";
+import { t as cn } from "./utils-8o789qxH.js";
+import { t as Button } from "./button-B3SNyz-U.js";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "./input-group-Dw3LpMMS.js";
+import { t as Spinner } from "./spinner-EaERkwNt.js";
+import * as React$1 from "react";
 import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
 import { Combobox } from "@base-ui/react";
 
 //#region src/components/combobox.tsx
@@ -275,9 +275,12 @@ function ComboboxStatus({ loading = "Loading…", error = "Failed to load option
 	const { isAsync, isLoading, isError } = useComboboxAsyncContext();
 	if (isLoading || isAsync && isError) return /* @__PURE__ */ jsx(Combobox.Status, {
 		"data-slot": "combobox-status",
-		className: cn("text-muted-foreground flex w-full items-center justify-center py-2 text-center text-sm", className),
+		className: cn("text-muted-foreground flex w-full items-center justify-center gap-2 py-2 text-center text-sm", className),
 		...props,
-		children: isLoading ? loading : error
+		children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, {
+			"aria-hidden": true,
+			className: "size-4"
+		}), loading] }) : error
 	});
 	return /* @__PURE__ */ jsx(Combobox.Empty, {
 		"data-slot": "combobox-empty",
@@ -331,4 +334,4 @@ function useComboboxAnchor() {
 
 //#endregion
 export { useComboboxAnchor as _, ComboboxClear as a, ComboboxGroup as c, ComboboxLabel as d, ComboboxList as f, ComboboxValue as g, ComboboxTrigger as h, ComboboxChipsInput as i, ComboboxInput as l, ComboboxStatus as m, ComboboxChip as n, ComboboxCollection as o, ComboboxSeparator as p, ComboboxChips as r, ComboboxContent as s, Combobox$1 as t, ComboboxItem as u };
-//# sourceMappingURL=combobox-CnpyzZ7B.js.map
+//# sourceMappingURL=combobox-CBerynHz.js.map

package/dist/{combobox-CnpyzZ7B.js.map → combobox-CBerynHz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox-CnpyzZ7B.js","names":["React","Combobox","ComboboxPrimitive","useInfiniteScroll"],"sources":["../src/components/combobox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\";\n\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Button } from \"@px-ui/ui/components/button\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"@px-ui/ui/components/input-group\";\nimport { Spinner } from \"@px-ui/ui/components/spinner\";\nimport {\n  useAsyncOptions,\n  type LoadOptionsConfig,\n} from \"@px-ui/ui/hooks/use-async-options\";\nimport useInfiniteScroll from \"@px-ui/ui/hooks/use-infinite-scroll\";\nimport useDebounce from \"@px-ui/ui/hooks/use-debounce\";\nimport { ChevronDownIcon, XIcon, CheckIcon } from \"lucide-react\";\n\ntype ComboboxAsyncContextValue = {\n  isAsync: boolean;\n  isLoading: boolean;\n  isLoadingMore: boolean;\n  isError: boolean;\n  hasMore: boolean;\n  onLoadMore: () => void;\n};\n\nconst ComboboxAsyncContext = React.createContext<ComboboxAsyncContextValue>({\n  isAsync: false,\n  isLoading: false,\n  isLoadingMore: false,\n  isError: false,\n  hasMore: false,\n  onLoadMore: () => {},\n});\n\nfunction useComboboxAsyncContext() {\n  return React.useContext(ComboboxAsyncContext);\n}\n\nconst ComboboxListRefContext = React.createContext<HTMLElement | null>(null);\n\nconst ComboboxAnchorContext =\n  React.createContext<React.MutableRefObject<HTMLElement | null> | null>(null);\n\nconst ComboboxInsidePopupContext = React.createContext(false);\n\nfunction useAttachComboboxAnchor<T extends HTMLElement>(\n  userRef?: React.Ref<T> | null,\n) {\n  const ctxRef = React.useContext(ComboboxAnchorContext);\n  const insidePopup = React.useContext(ComboboxInsidePopupContext);\n  return React.useCallback(\n    (node: T | null) => {\n      if (typeof userRef === \"function\") userRef(node);\n      else if (userRef && typeof userRef === \"object\") {\n        (userRef as React.MutableRefObject<T | null>).current = node;\n      }\n      if (ctxRef && !insidePopup) ctxRef.current = node;\n    },\n    [ctxRef, insidePopup, userRef],\n  );\n}\n\nfunction normalizeInputValue(value: unknown) {\n  return Array.isArray(value) ? value.join(\",\") : String(value ?? \"\");\n}\n\ntype ComboboxProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = ComboboxPrimitive.Root.Props<Value, Multiple> & {\n  loadOptions?: LoadOptionsConfig<Value>;\n  debounceMs?: number;\n  isLoading?: boolean;\n};\n\nfunction Combobox<Value, Multiple extends boolean | undefined = false>({\n  loadOptions,\n  debounceMs,\n  isLoading = false,\n  ...props\n}: ComboboxProps<Value, Multiple>) {\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const inner = loadOptions ? (\n    <ComboboxAsyncRoot\n      loadOptions={loadOptions}\n      debounceMs={debounceMs}\n      isLoading={isLoading}\n      {...(props as ComboboxPrimitive.Root.Props<Value, Multiple>)}\n    />\n  ) : (\n    <ComboboxAsyncContext.Provider\n      value={{\n        isAsync: false,\n        isLoading,\n        isLoadingMore: false,\n        isError: false,\n        hasMore: false,\n        onLoadMore: () => {},\n      }}\n    >\n      <ComboboxPrimitive.Root autoHighlight {...props} />\n    </ComboboxAsyncContext.Provider>\n  );\n  return (\n    <ComboboxAnchorContext.Provider value={anchorRef}>\n      {inner}\n    </ComboboxAnchorContext.Provider>\n  );\n}\n\nfunction ComboboxAsyncRoot<\n  Value,\n  Multiple extends boolean | undefined = false,\n>({\n  loadOptions,\n  debounceMs = 500,\n  open: openProp,\n  inputValue: inputValueProp,\n  defaultInputValue,\n  onOpenChange,\n  onInputValueChange,\n  filter: _ignoredFilter,\n  items: _ignoredItems,\n  autoHighlight = \"always\",\n  isLoading: isLoadingProp = false,\n  children,\n  ...props\n}: Omit<ComboboxPrimitive.Root.Props<Value, Multiple>, \"autoHighlight\"> & {\n  loadOptions: LoadOptionsConfig<Value>;\n  debounceMs?: number;\n  autoHighlight?: boolean | \"always\";\n  isLoading?: boolean;\n}) {\n  const [internalOpen, setInternalOpen] = React.useState(false);\n  const open = openProp ?? internalOpen;\n  const handleOpenChange = (\n    next: boolean,\n    eventDetails: ComboboxPrimitive.Root.ChangeEventDetails,\n  ) => {\n    if (openProp === undefined) setInternalOpen(next);\n    onOpenChange?.(next, eventDetails);\n  };\n\n  const initialSearchValue = normalizeInputValue(\n    inputValueProp ?? defaultInputValue,\n  );\n  const [searchValue, setSearchValue] = React.useState(initialSearchValue);\n  const [debouncedSearchValue, setDebouncedSearchValue] =\n    React.useState(initialSearchValue);\n\n  React.useEffect(() => {\n    if (inputValueProp !== undefined) {\n      setSearchValue(normalizeInputValue(inputValueProp));\n    }\n  }, [inputValueProp]);\n\n  useDebounce(\n    () => {\n      setDebouncedSearchValue(searchValue);\n    },\n    debounceMs,\n    [searchValue],\n  );\n\n  const handleInputValueChange = (\n    val: string,\n    eventDetails: ComboboxPrimitive.Root.ChangeEventDetails,\n  ) => {\n    if (eventDetails?.reason !== \"item-press\") {\n      setSearchValue(val);\n    }\n    onInputValueChange?.(val, eventDetails);\n  };\n\n  const asyncState = useAsyncOptions<Value>(loadOptions, {\n    isOpen: open,\n    inputValue: debouncedSearchValue,\n  });\n\n  const contextValue = React.useMemo<ComboboxAsyncContextValue>(\n    () => ({\n      isAsync: true,\n      isLoading: isLoadingProp || asyncState.isLoading,\n      isLoadingMore: asyncState.isLoadingMore,\n      isError: asyncState.isError,\n      hasMore: !!asyncState.hasMore,\n      onLoadMore: asyncState.onLoadMore,\n    }),\n    [\n      isLoadingProp,\n      asyncState.isLoading,\n      asyncState.isLoadingMore,\n      asyncState.isError,\n      asyncState.hasMore,\n      asyncState.onLoadMore,\n    ],\n  );\n\n  return (\n    <ComboboxAsyncContext.Provider value={contextValue}>\n      <ComboboxPrimitive.Root\n        {...(props as ComboboxPrimitive.Root.Props<Value, Multiple>)}\n        items={asyncState.items}\n        filter={null}\n        autoHighlight={autoHighlight as boolean}\n        open={open}\n        inputValue={inputValueProp}\n        defaultInputValue={defaultInputValue}\n        onOpenChange={handleOpenChange}\n        onInputValueChange={handleInputValueChange}\n      >\n        {children}\n      </ComboboxPrimitive.Root>\n    </ComboboxAsyncContext.Provider>\n  );\n}\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />;\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  ref,\n  ...props\n}: ComboboxPrimitive.Trigger.Props) {\n  const attachAnchor = useAttachComboboxAnchor<HTMLElement>(\n    ref as React.Ref<HTMLElement> | undefined,\n  );\n  return (\n    <ComboboxPrimitive.Trigger\n      ref={attachAnchor}\n      data-slot=\"combobox-trigger\"\n      className={cn(\"[&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4\" />\n    </ComboboxPrimitive.Trigger>\n  );\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(className)}\n      {...props}\n    >\n      <XIcon className=\"pointer-events-none\" />\n    </ComboboxPrimitive.Clear>\n  );\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled,\n  showTrigger = true,\n  showClear = true,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  showTrigger?: boolean;\n  showClear?: boolean;\n}) {\n  const attachAnchor = useAttachComboboxAnchor<HTMLDivElement>();\n  return (\n    <InputGroup ref={attachAnchor} className={cn(\"w-auto\", className)}>\n      <ComboboxPrimitive.Input\n        render={\n          <InputGroupInput {...(disabled !== undefined ? { disabled } : {})} />\n        }\n        {...props}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            render={<ComboboxTrigger />}\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            {...(disabled !== undefined ? { disabled } : {})}\n          />\n        )}\n        {showClear && (\n          <ComboboxClear {...(disabled !== undefined ? { disabled } : {})} />\n        )}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  );\n}\n\nfunction ComboboxContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 6,\n  align = \"start\",\n  alignOffset = 0,\n  anchor,\n  children,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n  >) {\n  const ctxAnchor = React.useContext(ComboboxAnchorContext);\n  const resolvedAnchor = anchor ?? ctxAnchor ?? undefined;\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={resolvedAnchor}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            \"group/combobox-content max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative overflow-hidden rounded-md shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none\",\n            className,\n          )}\n          {...props}\n        >\n          <ComboboxInsidePopupContext.Provider value={true}>\n            {children}\n          </ComboboxInsidePopupContext.Provider>\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\nfunction ComboboxList({\n  className,\n  children,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.List>) {\n  const { isAsync, hasMore } = useComboboxAsyncContext();\n  const [listEl, setListEl] = React.useState<HTMLElement | null>(null);\n\n  const handleListRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      setListEl(node);\n\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const resolvedChildren = React.useMemo(() => {\n    if (isAsync && typeof children === \"function\") {\n      return (\n        <>\n          <ComboboxPrimitive.Collection>\n            {children}\n          </ComboboxPrimitive.Collection>\n          {hasMore ? <ComboboxLoadMoreSentinel /> : null}\n        </>\n      );\n    }\n    return children;\n  }, [isAsync, hasMore, children]);\n\n  return (\n    <ComboboxListRefContext.Provider value={listEl}>\n      <ComboboxPrimitive.List\n        ref={handleListRef}\n        data-slot=\"combobox-list\"\n        className={cn(\n          \"ppx-scrollbar data-empty:p-0 max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1\",\n          className,\n        )}\n        {...props}\n      >\n        {resolvedChildren}\n      </ComboboxPrimitive.List>\n    </ComboboxListRefContext.Provider>\n  );\n}\n\nfunction ComboboxLoadMoreSentinel() {\n  const { isLoadingMore, hasMore, onLoadMore, isError } =\n    useComboboxAsyncContext();\n  const listEl = React.useContext(ComboboxListRefContext);\n  const [ref] = useInfiniteScroll({\n    isLoadingMore,\n    hasMore,\n    onLoadMore,\n    disabled: isError,\n    root: listEl,\n    rootMargin: \"0px 0px 80px 0px\",\n  });\n  return (\n    <ComboboxPrimitive.Status\n      ref={ref}\n      data-slot=\"combobox-load-more\"\n      aria-label={isLoadingMore ? \"Loading more options\" : undefined}\n      className=\"flex h-10 items-center justify-center\"\n    >\n      {isLoadingMore && <Spinner className=\"text-muted-foreground size-4\" />}\n    </ComboboxPrimitive.Status>\n  );\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"outline-hidden data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute end-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxLabel({\n  className,\n  ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n  return (\n    <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n  );\n}\n\nfunction ComboboxStatus({\n  loading = \"Loading…\",\n  error = \"Failed to load options\",\n  empty = \"No options found\",\n  className,\n  ...props\n}: Omit<ComboboxPrimitive.Status.Props, \"children\"> & {\n  loading?: React.ReactNode;\n  error?: React.ReactNode;\n  empty?: React.ReactNode;\n}) {\n  const { isAsync, isLoading, isError } = useComboboxAsyncContext();\n\n  if (isLoading || (isAsync && isError)) {\n    return (\n      <ComboboxPrimitive.Status\n        data-slot=\"combobox-status\"\n        className={cn(\n          \"text-muted-foreground flex w-full items-center justify-center py-2 text-center text-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {isLoading ? loading : error}\n      </ComboboxPrimitive.Status>\n    );\n  }\n\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\n        \"text-muted-foreground group-data-empty/combobox-content:flex hidden w-full justify-center py-2 text-center text-sm\",\n        className,\n      )}\n      {...props}\n    >\n      {empty}\n    </ComboboxPrimitive.Empty>\n  );\n}\n\nfunction ComboboxSeparator({\n  className,\n  ...props\n}: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxChips({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> &\n  ComboboxPrimitive.Chips.Props) {\n  const attachAnchor = useAttachComboboxAnchor<HTMLDivElement>(\n    ref as React.Ref<HTMLDivElement> | undefined,\n  );\n  return (\n    <ComboboxPrimitive.Chips\n      ref={attachAnchor}\n      data-slot=\"combobox-chips\"\n      className={cn(\n        \"border-input shadow-xs focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40 flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm transition-[color,box-shadow]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & {\n  showRemove?: boolean;\n}) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        \"bg-muted text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pe-0 flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 whitespace-nowrap rounded-sm px-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n          className=\"-ms-1 opacity-50 hover:opacity-100\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <XIcon className=\"pointer-events-none\" />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  );\n}\n\nfunction ComboboxChipsInput({\n  className,\n  ...props\n}: ComboboxPrimitive.Input.Props) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-chip-input\"\n      className={cn(\"min-w-16 flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxStatus,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n};\n"],"mappings":"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"}
+{"version":3,"file":"combobox-CBerynHz.js","names":["React","Combobox","ComboboxPrimitive","useInfiniteScroll"],"sources":["../src/components/combobox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\";\n\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Button } from \"@px-ui/ui/components/button\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"@px-ui/ui/components/input-group\";\nimport { Spinner } from \"@px-ui/ui/components/spinner\";\nimport {\n  useAsyncOptions,\n  type LoadOptionsConfig,\n} from \"@px-ui/ui/hooks/use-async-options\";\nimport useInfiniteScroll from \"@px-ui/ui/hooks/use-infinite-scroll\";\nimport useDebounce from \"@px-ui/ui/hooks/use-debounce\";\nimport { ChevronDownIcon, XIcon, CheckIcon } from \"lucide-react\";\n\ntype ComboboxAsyncContextValue = {\n  isAsync: boolean;\n  isLoading: boolean;\n  isLoadingMore: boolean;\n  isError: boolean;\n  hasMore: boolean;\n  onLoadMore: () => void;\n};\n\nconst ComboboxAsyncContext = React.createContext<ComboboxAsyncContextValue>({\n  isAsync: false,\n  isLoading: false,\n  isLoadingMore: false,\n  isError: false,\n  hasMore: false,\n  onLoadMore: () => {},\n});\n\nfunction useComboboxAsyncContext() {\n  return React.useContext(ComboboxAsyncContext);\n}\n\nconst ComboboxListRefContext = React.createContext<HTMLElement | null>(null);\n\nconst ComboboxAnchorContext =\n  React.createContext<React.MutableRefObject<HTMLElement | null> | null>(null);\n\nconst ComboboxInsidePopupContext = React.createContext(false);\n\nfunction useAttachComboboxAnchor<T extends HTMLElement>(\n  userRef?: React.Ref<T> | null,\n) {\n  const ctxRef = React.useContext(ComboboxAnchorContext);\n  const insidePopup = React.useContext(ComboboxInsidePopupContext);\n  return React.useCallback(\n    (node: T | null) => {\n      if (typeof userRef === \"function\") userRef(node);\n      else if (userRef && typeof userRef === \"object\") {\n        (userRef as React.MutableRefObject<T | null>).current = node;\n      }\n      if (ctxRef && !insidePopup) ctxRef.current = node;\n    },\n    [ctxRef, insidePopup, userRef],\n  );\n}\n\nfunction normalizeInputValue(value: unknown) {\n  return Array.isArray(value) ? value.join(\",\") : String(value ?? \"\");\n}\n\ntype ComboboxProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = ComboboxPrimitive.Root.Props<Value, Multiple> & {\n  loadOptions?: LoadOptionsConfig<Value>;\n  debounceMs?: number;\n  isLoading?: boolean;\n};\n\nfunction Combobox<Value, Multiple extends boolean | undefined = false>({\n  loadOptions,\n  debounceMs,\n  isLoading = false,\n  ...props\n}: ComboboxProps<Value, Multiple>) {\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const inner = loadOptions ? (\n    <ComboboxAsyncRoot\n      loadOptions={loadOptions}\n      debounceMs={debounceMs}\n      isLoading={isLoading}\n      {...(props as ComboboxPrimitive.Root.Props<Value, Multiple>)}\n    />\n  ) : (\n    <ComboboxAsyncContext.Provider\n      value={{\n        isAsync: false,\n        isLoading,\n        isLoadingMore: false,\n        isError: false,\n        hasMore: false,\n        onLoadMore: () => {},\n      }}\n    >\n      <ComboboxPrimitive.Root autoHighlight {...props} />\n    </ComboboxAsyncContext.Provider>\n  );\n  return (\n    <ComboboxAnchorContext.Provider value={anchorRef}>\n      {inner}\n    </ComboboxAnchorContext.Provider>\n  );\n}\n\nfunction ComboboxAsyncRoot<\n  Value,\n  Multiple extends boolean | undefined = false,\n>({\n  loadOptions,\n  debounceMs = 500,\n  open: openProp,\n  inputValue: inputValueProp,\n  defaultInputValue,\n  onOpenChange,\n  onInputValueChange,\n  filter: _ignoredFilter,\n  items: _ignoredItems,\n  autoHighlight = \"always\",\n  isLoading: isLoadingProp = false,\n  children,\n  ...props\n}: Omit<ComboboxPrimitive.Root.Props<Value, Multiple>, \"autoHighlight\"> & {\n  loadOptions: LoadOptionsConfig<Value>;\n  debounceMs?: number;\n  autoHighlight?: boolean | \"always\";\n  isLoading?: boolean;\n}) {\n  const [internalOpen, setInternalOpen] = React.useState(false);\n  const open = openProp ?? internalOpen;\n  const handleOpenChange = (\n    next: boolean,\n    eventDetails: ComboboxPrimitive.Root.ChangeEventDetails,\n  ) => {\n    if (openProp === undefined) setInternalOpen(next);\n    onOpenChange?.(next, eventDetails);\n  };\n\n  const initialSearchValue = normalizeInputValue(\n    inputValueProp ?? defaultInputValue,\n  );\n  const [searchValue, setSearchValue] = React.useState(initialSearchValue);\n  const [debouncedSearchValue, setDebouncedSearchValue] =\n    React.useState(initialSearchValue);\n\n  React.useEffect(() => {\n    if (inputValueProp !== undefined) {\n      setSearchValue(normalizeInputValue(inputValueProp));\n    }\n  }, [inputValueProp]);\n\n  useDebounce(\n    () => {\n      setDebouncedSearchValue(searchValue);\n    },\n    debounceMs,\n    [searchValue],\n  );\n\n  const handleInputValueChange = (\n    val: string,\n    eventDetails: ComboboxPrimitive.Root.ChangeEventDetails,\n  ) => {\n    if (eventDetails?.reason !== \"item-press\") {\n      setSearchValue(val);\n    }\n    onInputValueChange?.(val, eventDetails);\n  };\n\n  const asyncState = useAsyncOptions<Value>(loadOptions, {\n    isOpen: open,\n    inputValue: debouncedSearchValue,\n  });\n\n  const contextValue = React.useMemo<ComboboxAsyncContextValue>(\n    () => ({\n      isAsync: true,\n      isLoading: isLoadingProp || asyncState.isLoading,\n      isLoadingMore: asyncState.isLoadingMore,\n      isError: asyncState.isError,\n      hasMore: !!asyncState.hasMore,\n      onLoadMore: asyncState.onLoadMore,\n    }),\n    [\n      isLoadingProp,\n      asyncState.isLoading,\n      asyncState.isLoadingMore,\n      asyncState.isError,\n      asyncState.hasMore,\n      asyncState.onLoadMore,\n    ],\n  );\n\n  return (\n    <ComboboxAsyncContext.Provider value={contextValue}>\n      <ComboboxPrimitive.Root\n        {...(props as ComboboxPrimitive.Root.Props<Value, Multiple>)}\n        items={asyncState.items}\n        filter={null}\n        autoHighlight={autoHighlight as boolean}\n        open={open}\n        inputValue={inputValueProp}\n        defaultInputValue={defaultInputValue}\n        onOpenChange={handleOpenChange}\n        onInputValueChange={handleInputValueChange}\n      >\n        {children}\n      </ComboboxPrimitive.Root>\n    </ComboboxAsyncContext.Provider>\n  );\n}\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />;\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  ref,\n  ...props\n}: ComboboxPrimitive.Trigger.Props) {\n  const attachAnchor = useAttachComboboxAnchor<HTMLElement>(\n    ref as React.Ref<HTMLElement> | undefined,\n  );\n  return (\n    <ComboboxPrimitive.Trigger\n      ref={attachAnchor}\n      data-slot=\"combobox-trigger\"\n      className={cn(\"[&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4\" />\n    </ComboboxPrimitive.Trigger>\n  );\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(className)}\n      {...props}\n    >\n      <XIcon className=\"pointer-events-none\" />\n    </ComboboxPrimitive.Clear>\n  );\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled,\n  showTrigger = true,\n  showClear = true,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  showTrigger?: boolean;\n  showClear?: boolean;\n}) {\n  const attachAnchor = useAttachComboboxAnchor<HTMLDivElement>();\n  return (\n    <InputGroup ref={attachAnchor} className={cn(\"w-auto\", className)}>\n      <ComboboxPrimitive.Input\n        render={\n          <InputGroupInput {...(disabled !== undefined ? { disabled } : {})} />\n        }\n        {...props}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            render={<ComboboxTrigger />}\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            {...(disabled !== undefined ? { disabled } : {})}\n          />\n        )}\n        {showClear && (\n          <ComboboxClear {...(disabled !== undefined ? { disabled } : {})} />\n        )}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  );\n}\n\nfunction ComboboxContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 6,\n  align = \"start\",\n  alignOffset = 0,\n  anchor,\n  children,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n  >) {\n  const ctxAnchor = React.useContext(ComboboxAnchorContext);\n  const resolvedAnchor = anchor ?? ctxAnchor ?? undefined;\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={resolvedAnchor}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            \"group/combobox-content max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative overflow-hidden rounded-md shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none\",\n            className,\n          )}\n          {...props}\n        >\n          <ComboboxInsidePopupContext.Provider value={true}>\n            {children}\n          </ComboboxInsidePopupContext.Provider>\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\nfunction ComboboxList({\n  className,\n  children,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.List>) {\n  const { isAsync, hasMore } = useComboboxAsyncContext();\n  const [listEl, setListEl] = React.useState<HTMLElement | null>(null);\n\n  const handleListRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      setListEl(node);\n\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const resolvedChildren = React.useMemo(() => {\n    if (isAsync && typeof children === \"function\") {\n      return (\n        <>\n          <ComboboxPrimitive.Collection>\n            {children}\n          </ComboboxPrimitive.Collection>\n          {hasMore ? <ComboboxLoadMoreSentinel /> : null}\n        </>\n      );\n    }\n    return children;\n  }, [isAsync, hasMore, children]);\n\n  return (\n    <ComboboxListRefContext.Provider value={listEl}>\n      <ComboboxPrimitive.List\n        ref={handleListRef}\n        data-slot=\"combobox-list\"\n        className={cn(\n          \"ppx-scrollbar data-empty:p-0 max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1\",\n          className,\n        )}\n        {...props}\n      >\n        {resolvedChildren}\n      </ComboboxPrimitive.List>\n    </ComboboxListRefContext.Provider>\n  );\n}\n\nfunction ComboboxLoadMoreSentinel() {\n  const { isLoadingMore, hasMore, onLoadMore, isError } =\n    useComboboxAsyncContext();\n  const listEl = React.useContext(ComboboxListRefContext);\n  const [ref] = useInfiniteScroll({\n    isLoadingMore,\n    hasMore,\n    onLoadMore,\n    disabled: isError,\n    root: listEl,\n    rootMargin: \"0px 0px 80px 0px\",\n  });\n  return (\n    <ComboboxPrimitive.Status\n      ref={ref}\n      data-slot=\"combobox-load-more\"\n      aria-label={isLoadingMore ? \"Loading more options\" : undefined}\n      className=\"flex h-10 items-center justify-center\"\n    >\n      {isLoadingMore && <Spinner className=\"text-muted-foreground size-4\" />}\n    </ComboboxPrimitive.Status>\n  );\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"outline-hidden data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute end-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxLabel({\n  className,\n  ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n  return (\n    <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n  );\n}\n\nfunction ComboboxStatus({\n  loading = \"Loading…\",\n  error = \"Failed to load options\",\n  empty = \"No options found\",\n  className,\n  ...props\n}: Omit<ComboboxPrimitive.Status.Props, \"children\"> & {\n  loading?: React.ReactNode;\n  error?: React.ReactNode;\n  empty?: React.ReactNode;\n}) {\n  const { isAsync, isLoading, isError } = useComboboxAsyncContext();\n\n  if (isLoading || (isAsync && isError)) {\n    return (\n      <ComboboxPrimitive.Status\n        data-slot=\"combobox-status\"\n        className={cn(\n          \"text-muted-foreground flex w-full items-center justify-center gap-2 py-2 text-center text-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {isLoading ? (\n          <>\n            <Spinner aria-hidden className=\"size-4\" />\n            {loading}\n          </>\n        ) : (\n          error\n        )}\n      </ComboboxPrimitive.Status>\n    );\n  }\n\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\n        \"text-muted-foreground group-data-empty/combobox-content:flex hidden w-full justify-center py-2 text-center text-sm\",\n        className,\n      )}\n      {...props}\n    >\n      {empty}\n    </ComboboxPrimitive.Empty>\n  );\n}\n\nfunction ComboboxSeparator({\n  className,\n  ...props\n}: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxChips({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> &\n  ComboboxPrimitive.Chips.Props) {\n  const attachAnchor = useAttachComboboxAnchor<HTMLDivElement>(\n    ref as React.Ref<HTMLDivElement> | undefined,\n  );\n  return (\n    <ComboboxPrimitive.Chips\n      ref={attachAnchor}\n      data-slot=\"combobox-chips\"\n      className={cn(\n        \"border-input shadow-xs focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40 flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm transition-[color,box-shadow]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & {\n  showRemove?: boolean;\n}) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        \"bg-muted text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pe-0 flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 whitespace-nowrap rounded-sm px-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n          className=\"-ms-1 opacity-50 hover:opacity-100\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <XIcon className=\"pointer-events-none\" />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  );\n}\n\nfunction ComboboxChipsInput({\n  className,\n  ...props\n}: ComboboxPrimitive.Input.Props) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-chip-input\"\n      className={cn(\"min-w-16 flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxStatus,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n};\n"],"mappings":"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"}

package/dist/components/accordion.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-8o789qxH.js";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/alert-dialog.d.ts

@@ -1,59 +1,59 @@
-import { t as Button } from "../button-CyWFGUr9.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { t as Button } from "../button-peTbHgr6.js";
 import * as React$1 from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/components/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: AlertDialog$1.Root.Props): react_jsx_runtime3.JSX.Element;
+}: AlertDialog$1.Root.Props): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: AlertDialog$1.Trigger.Props): react_jsx_runtime3.JSX.Element;
+}: AlertDialog$1.Trigger.Props): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: AlertDialog$1.Portal.Props): react_jsx_runtime3.JSX.Element;
+}: AlertDialog$1.Portal.Props): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: AlertDialog$1.Backdrop.Props): react_jsx_runtime3.JSX.Element;
+}: AlertDialog$1.Backdrop.Props): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogContent({
   className,
   size,
   ...props
 }: AlertDialog$1.Popup.Props & {
   size?: "default" | "sm";
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime3.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime3.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogMedia({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime3.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime3.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime3.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React$1.ComponentProps<typeof Button>): react_jsx_runtime3.JSX.Element;
+}: React$1.ComponentProps<typeof Button>): react_jsx_runtime13.JSX.Element;
 declare function AlertDialogCancel({
   className,
   variant,
   size,
   ...props
-}: AlertDialog$1.Close.Props & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime3.JSX.Element;
+}: AlertDialog$1.Close.Props & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAQS,WAAA;;GAA0B,aAAA,CAAqB,IAAA,CAAK,QAAK,kBAAA,CAAA,GAAA,CAAA;iBAIzD,kBAAA;;GAAiC,aAAA,CAAqB,OAAA,CAAQ,QAAK,kBAAA,CAAA,GAAA,CAAA;iBAMnE,iBAAA;;GAAgC,aAAA,CAAqB,MAAA,CAAO,QAAK,kBAAA,CAAA,GAAA,CAAA;AAZtB,iBAkB3C,kBAAA,CAhB0B;EAAA,SAAqB;EAAK,GAAA;AAAK,CAAA,EAmB/D,aAAA,CAAqB,QAAA,CAAS,KAnBiC,CAAA,EAmB5B,kBAAA,CAAA,GAAA,CAAA,OAnB4B;AAAA,iBAgCzD,kBAAA,CA5BiC;EAAA,SAAA;EAAA,IAAqB;EAAA,GAAQ;AAMG,CANE,EAgCzE,aAAA,CAAqB,KAAA,CAAM,KAhC8C,GAAA;EAMnE,IAAA,CAAA,EAAA,SAAA,GAAA,IAAiB;AAAgD,CAAA,CAAA,EA4BzE,kBAAA,CAAA,GAAA,CAAA,OAtB0B;iBAuClB,iBAAA,CAtCP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCC,OAAA,CAAM,cAzCP,CAAA,KAAA,CAAA,CAAA,EAyC4B,kBAAA,CAAA,GAAA,CAAA,OAzC5B;iBAsDO,iBAAA,CApDwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuD9B,OAAA,CAAM,cAvDwB,CAAA,KAAA,CAAA,CAAA,EAuDH,kBAAA,CAAA,GAAA,CAAA,OAvDG;iBAoExB,gBAAA,CApE6B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuEnC,OAAA,CAAM,cAvE6B,CAAA,KAAA,CAAA,CAAA,EAuER,kBAAA,CAAA,GAAA,CAAA,OAvEQ;iBAoF7B,gBAAA,CApF6B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuFnC,OAAA,CAAM,cAvF6B,CAAA,OAuFP,aAAA,CAAqB,KAvFd,CAAA,CAAA,EAuFoB,kBAAA,CAAA,GAAA,CAAA,OAvFpB;AAAA,iBAoG7B,sBAAA,CAvFkB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FxB,OAAA,CAAM,cA1FkB,CAAA,OA0FI,aAAA,CAAqB,WA1FzB,CAAA,CAAA,EA0FqC,kBAAA,CAAA,GAAA,CAAA,OA1FrC;iBAuGlB,iBAAA,CAtGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyGC,OAAA,CAAM,cAzGP,CAAA,OAyG6B,MAzG7B,CAAA,CAAA,EAyGoC,kBAAA,CAAA,GAAA,CAAA,OAzGpC;iBAmHO,iBAAA,CAlHP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAuHC,aAAA,CAAqB,KAAA,CAAM,KAvH5B,GAwHA,IAxHA,CAwHK,OAAA,CAAM,cAxHX,CAAA,OAwHiC,MAxHjC,CAAA,EAAA,SAAA,GAAA,MAAA,CAAA,CAAA,EAwH6D,kBAAA,CAAA,GAAA,CAAA,OAxH7D"}
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAQS,WAAA;;GAA0B,aAAA,CAAqB,IAAA,CAAK,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAIzD,kBAAA;;GAAiC,aAAA,CAAqB,OAAA,CAAQ,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAMnE,iBAAA;;GAAgC,aAAA,CAAqB,MAAA,CAAO,QAAK,mBAAA,CAAA,GAAA,CAAA;AAZtB,iBAkB3C,kBAAA,CAhB0B;EAAA,SAAqB;EAAK,GAAA;AAAK,CAAA,EAmB/D,aAAA,CAAqB,QAAA,CAAS,KAnBiC,CAAA,EAmB5B,mBAAA,CAAA,GAAA,CAAA,OAnB4B;AAAA,iBAgCzD,kBAAA,CA5BkB;EAAe,SAAA;EAAA,IAAqB;EAAA,GAAA;AAMW,CANH,EAgCpE,aAAA,CAAqB,KAAA,CAAM,KAhC8C,GAAA;EAMnE,IAAA,CAAA,EAAA,SAAA,GAAA,IAAiB;AAAgD,CAAA,CAAA,EA4BzE,mBAAA,CAAA,GAAA,CAAA,OAtB0B;iBAuClB,iBAAA,CAtCP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCC,OAAA,CAAM,cAzCP,CAAA,KAAA,CAAA,CAAA,EAyC4B,mBAAA,CAAA,GAAA,CAAA,OAzC5B;iBAsDO,iBAAA,CApDwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuD9B,OAAA,CAAM,cAvDwB,CAAA,KAAA,CAAA,CAAA,EAuDH,mBAAA,CAAA,GAAA,CAAA,OAvDG;iBAoExB,gBAAA,CApE6B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuEnC,OAAA,CAAM,cAvE6B,CAAA,KAAA,CAAA,CAAA,EAuER,mBAAA,CAAA,GAAA,CAAA,OAvEQ;iBAoF7B,gBAAA,CApF6B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuFnC,OAAA,CAAM,cAvF6B,CAAA,OAuFP,aAAA,CAAqB,KAvFd,CAAA,CAAA,EAuFoB,mBAAA,CAAA,GAAA,CAAA,OAvFpB;AAAA,iBAoG7B,sBAAA,CAvFkB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FxB,OAAA,CAAM,cA1FkB,CAAA,OA0FI,aAAA,CAAqB,WA1FzB,CAAA,CAAA,EA0FqC,mBAAA,CAAA,GAAA,CAAA,OA1FrC;iBAuGlB,iBAAA,CAtGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyGC,OAAA,CAAM,cAzGP,CAAA,OAyG6B,MAzG7B,CAAA,CAAA,EAyGoC,mBAAA,CAAA,GAAA,CAAA,OAzGpC;iBAmHO,iBAAA,CAlHP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAuHC,aAAA,CAAqB,KAAA,CAAM,KAvH5B,GAwHA,IAxHA,CAwHK,OAAA,CAAM,cAxHX,CAAA,OAwHiC,MAxHjC,CAAA,EAAA,SAAA,GAAA,MAAA,CAAA,CAAA,EAwH6D,mBAAA,CAAA,GAAA,CAAA,OAxH7D"}

package/dist/components/alert-dialog.js

@@ -1,9 +1,9 @@
 "use client";
 
-import { t as cn } from "../utils-mWJR2N24.js";
-import { t as Button } from "../button-hBUFMmsZ.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as cn } from "../utils-8o789qxH.js";
+import { t as Button } from "../button-B3SNyz-U.js";
 import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/components/alert-dialog.tsx