brd-ui-kit 0.1.73 → 0.1.76

package/dist/components-popover-modal-popover-modal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./components-ui-popover-popover.cjs"),r=require("./lib-utils.cjs");require("react");function v({trigger:n,children:t,className:s,triggerClassName:i,side:c="bottom",align:u="center",open:p,setOpen:a,triggerProps:l}){return e.jsxs(o.Popover,{open:p,onOpenChange:a,children:[e.jsx(o.PopoverTrigger,{asChild:!0,...l,className:r.cn("cursor-pointer",i),children:n}),e.jsx(o.PopoverContent,{className:r.cn(s),side:c,align:u,children:t})]})}exports.PopoverBasic=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./components-ui-popover-popover.cjs"),p=require("./lib-utils.cjs"),h=require("./hooks-usePopupControls.cjs");function g({trigger:i,children:c,className:u,triggerClassName:l,side:a="bottom",align:P="center",open:n,setOpen:d,triggerProps:v}){const o=h.usePopupControls(),s=n!==void 0,C=t=>{if(s){d?.(t);return}if(t){o.openPopup();return}o.closePopup()};return e.jsxs(r.Popover,{open:s?n:o.isOpened,onOpenChange:C,children:[e.jsx(r.PopoverTrigger,{asChild:!0,...v,className:p.cn("cursor-pointer",l),children:i}),e.jsx(r.PopoverContent,{className:p.cn(u),side:a,align:P,children:c})]})}exports.PopoverBasic=g;
 //# sourceMappingURL=components-popover-modal-popover-modal.cjs.map

package/dist/components-popover-modal-popover-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-popover-modal-popover-modal.cjs","sources":["../src/components/popover-modal/popover-modal.tsx"],"sourcesContent":["import { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\nimport { cn } from \"@/lib/utils\"; // твоя утилита для объединения классов\nimport React from \"react\";\n\nexport type PopoverBasicProps = {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  triggerClassName?: string;\n  open?: boolean;\n  setOpen?: (value: boolean) => void;\n  triggerProps?: React.HTMLAttributes<HTMLElement>;\n};\n\nexport function PopoverBasic({\n  trigger,\n  children,\n  className,\n  triggerClassName,\n  side = \"bottom\",\n  align = \"center\",\n  open,\n  setOpen,\n  triggerProps,\n}: PopoverBasicProps) {\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger\n        asChild\n        {...triggerProps}\n        className={cn(\"cursor-pointer\", triggerClassName)}\n      >\n        {trigger}\n      </PopoverTrigger>\n\n      <PopoverContent\n        className={cn(className)}\n        side={side}\n        align={align}\n      >\n        {children}\n      </PopoverContent>\n    </Popover>\n  );\n}"],"names":["PopoverBasic","trigger","children","className","triggerClassName","side","align","open","setOpen","triggerProps","jsxs","Popover","jsx","PopoverTrigger","cn","PopoverContent"],"mappings":"oNAgBO,SAASA,EAAa,CAC3B,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,SACR,KAAAC,EACA,QAAAC,EACA,aAAAC,CACF,EAAsB,CACpB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CAAQ,KAAAJ,EAAY,aAAcC,EACjC,SAAA,CAAAI,EAAAA,IAACC,EAAAA,eAAA,CACC,QAAO,GACN,GAAGJ,EACJ,UAAWK,EAAAA,GAAG,iBAAkBV,CAAgB,EAE/C,SAAAH,CAAA,CAAA,EAGHW,EAAAA,IAACG,EAAAA,eAAA,CACC,UAAWD,EAAAA,GAAGX,CAAS,EACvB,KAAAE,EACA,MAAAC,EAEC,SAAAJ,CAAA,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"components-popover-modal-popover-modal.cjs","sources":["../src/components/popover-modal/popover-modal.tsx"],"sourcesContent":["import { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\nimport { cn } from \"@/lib/utils\"; // твоя утилита для объединения классов\nimport { usePopupControls } from \"@/hooks/usePopupControls\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nexport type PopoverBasicProps = {\n  trigger: ReactNode;\n  children: ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  triggerClassName?: string;\n  open?: boolean;\n  setOpen?: (value: boolean) => void;\n  triggerProps?: HTMLAttributes<HTMLElement>;\n};\n\nexport function PopoverBasic({\n  trigger,\n  children,\n  className,\n  triggerClassName,\n  side = \"bottom\",\n  align = \"center\",\n  open,\n  setOpen,\n  triggerProps,\n}: PopoverBasicProps) {\n  const popupControls = usePopupControls();\n  const isControlled = open !== undefined;\n\n  const handleOpenChange = (value: boolean) => {\n    if (isControlled) {\n      setOpen?.(value);\n      return;\n    }\n\n    if (value) {\n      popupControls.openPopup();\n      return;\n    }\n\n    popupControls.closePopup();\n  };\n\n  return (\n    <Popover\n      open={isControlled ? open : popupControls.isOpened}\n      onOpenChange={handleOpenChange}\n    >\n      <PopoverTrigger\n        asChild\n        {...triggerProps}\n        className={cn(\"cursor-pointer\", triggerClassName)}\n      >\n        {trigger}\n      </PopoverTrigger>\n\n      <PopoverContent\n        className={cn(className)}\n        side={side}\n        align={align}\n      >\n        {children}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["PopoverBasic","trigger","children","className","triggerClassName","side","align","open","setOpen","triggerProps","popupControls","usePopupControls","isControlled","handleOpenChange","value","jsxs","Popover","jsx","PopoverTrigger","cn","PopoverContent"],"mappings":"6OAiBO,SAASA,EAAa,CAC3B,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,SACR,KAAAC,EACA,QAAAC,EACA,aAAAC,CACF,EAAsB,CACpB,MAAMC,EAAgBC,EAAAA,iBAAA,EAChBC,EAAeL,IAAS,OAExBM,EAAoBC,GAAmB,CAC3C,GAAIF,EAAc,CAChBJ,IAAUM,CAAK,EACf,MACF,CAEA,GAAIA,EAAO,CACTJ,EAAc,UAAA,EACd,MACF,CAEAA,EAAc,WAAA,CAChB,EAEA,OACEK,EAAAA,KAACC,EAAAA,QAAA,CACC,KAAMJ,EAAeL,EAAOG,EAAc,SAC1C,aAAcG,EAEd,SAAA,CAAAI,EAAAA,IAACC,EAAAA,eAAA,CACC,QAAO,GACN,GAAGT,EACJ,UAAWU,EAAAA,GAAG,iBAAkBf,CAAgB,EAE/C,SAAAH,CAAA,CAAA,EAGHgB,EAAAA,IAACG,EAAAA,eAAA,CACC,UAAWD,EAAAA,GAAGhB,CAAS,EACvB,KAAAE,EACA,MAAAC,EAEC,SAAAJ,CAAA,CAAA,CACH,CAAA,CAAA,CAGN"}

package/dist/components-popover-modal-popover-modal.js

@@ -1,40 +1,58 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Popover as f, PopoverTrigger as h, PopoverContent as u } from "./components-ui-popover-popover.js";
-import { cn as r } from "./lib-utils.js";
-import "react";
-function x({
-  trigger: e,
-  children: t,
-  className: n,
-  triggerClassName: i,
-  side: p = "bottom",
-  align: m = "center",
-  open: s,
-  setOpen: c,
-  triggerProps: a
+import { jsxs as C, jsx as p } from "react/jsx-runtime";
+import { Popover as P, PopoverTrigger as h, PopoverContent as g } from "./components-ui-popover-popover.js";
+import { cn as t } from "./lib-utils.js";
+import { usePopupControls as v } from "./hooks-usePopupControls.js";
+function b({
+  trigger: s,
+  children: i,
+  className: c,
+  triggerClassName: m,
+  side: l = "bottom",
+  align: u = "center",
+  open: r,
+  setOpen: a,
+  triggerProps: d
 }) {
-  return /* @__PURE__ */ l(f, { open: s, onOpenChange: c, children: [
-    /* @__PURE__ */ o(
-      h,
-      {
-        asChild: !0,
-        ...a,
-        className: r("cursor-pointer", i),
-        children: e
-      }
-    ),
-    /* @__PURE__ */ o(
-      u,
-      {
-        className: r(n),
-        side: p,
-        align: m,
-        children: t
-      }
-    )
-  ] });
+  const o = v(), e = r !== void 0, f = (n) => {
+    if (e) {
+      a?.(n);
+      return;
+    }
+    if (n) {
+      o.openPopup();
+      return;
+    }
+    o.closePopup();
+  };
+  return /* @__PURE__ */ C(
+    P,
+    {
+      open: e ? r : o.isOpened,
+      onOpenChange: f,
+      children: [
+        /* @__PURE__ */ p(
+          h,
+          {
+            asChild: !0,
+            ...d,
+            className: t("cursor-pointer", m),
+            children: s
+          }
+        ),
+        /* @__PURE__ */ p(
+          g,
+          {
+            className: t(c),
+            side: l,
+            align: u,
+            children: i
+          }
+        )
+      ]
+    }
+  );
 }
 export {
-  x as PopoverBasic
+  b as PopoverBasic
 };
 //# sourceMappingURL=components-popover-modal-popover-modal.js.map

package/dist/components-popover-modal-popover-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-popover-modal-popover-modal.js","sources":["../src/components/popover-modal/popover-modal.tsx"],"sourcesContent":["import { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\nimport { cn } from \"@/lib/utils\"; // твоя утилита для объединения классов\nimport React from \"react\";\n\nexport type PopoverBasicProps = {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  triggerClassName?: string;\n  open?: boolean;\n  setOpen?: (value: boolean) => void;\n  triggerProps?: React.HTMLAttributes<HTMLElement>;\n};\n\nexport function PopoverBasic({\n  trigger,\n  children,\n  className,\n  triggerClassName,\n  side = \"bottom\",\n  align = \"center\",\n  open,\n  setOpen,\n  triggerProps,\n}: PopoverBasicProps) {\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger\n        asChild\n        {...triggerProps}\n        className={cn(\"cursor-pointer\", triggerClassName)}\n      >\n        {trigger}\n      </PopoverTrigger>\n\n      <PopoverContent\n        className={cn(className)}\n        side={side}\n        align={align}\n      >\n        {children}\n      </PopoverContent>\n    </Popover>\n  );\n}"],"names":["PopoverBasic","trigger","children","className","triggerClassName","side","align","open","setOpen","triggerProps","jsxs","Popover","jsx","PopoverTrigger","cn","PopoverContent"],"mappings":";;;;AAgBO,SAASA,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AACF,GAAsB;AACpB,SACE,gBAAAC,EAACC,GAAA,EAAQ,MAAAJ,GAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAO;AAAA,QACN,GAAGJ;AAAA,QACJ,WAAWK,EAAG,kBAAkBV,CAAgB;AAAA,QAE/C,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,gBAAAW;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWD,EAAGX,CAAS;AAAA,QACvB,MAAAE;AAAA,QACA,OAAAC;AAAA,QAEC,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"components-popover-modal-popover-modal.js","sources":["../src/components/popover-modal/popover-modal.tsx"],"sourcesContent":["import { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\nimport { cn } from \"@/lib/utils\"; // твоя утилита для объединения классов\nimport { usePopupControls } from \"@/hooks/usePopupControls\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nexport type PopoverBasicProps = {\n  trigger: ReactNode;\n  children: ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n  triggerClassName?: string;\n  open?: boolean;\n  setOpen?: (value: boolean) => void;\n  triggerProps?: HTMLAttributes<HTMLElement>;\n};\n\nexport function PopoverBasic({\n  trigger,\n  children,\n  className,\n  triggerClassName,\n  side = \"bottom\",\n  align = \"center\",\n  open,\n  setOpen,\n  triggerProps,\n}: PopoverBasicProps) {\n  const popupControls = usePopupControls();\n  const isControlled = open !== undefined;\n\n  const handleOpenChange = (value: boolean) => {\n    if (isControlled) {\n      setOpen?.(value);\n      return;\n    }\n\n    if (value) {\n      popupControls.openPopup();\n      return;\n    }\n\n    popupControls.closePopup();\n  };\n\n  return (\n    <Popover\n      open={isControlled ? open : popupControls.isOpened}\n      onOpenChange={handleOpenChange}\n    >\n      <PopoverTrigger\n        asChild\n        {...triggerProps}\n        className={cn(\"cursor-pointer\", triggerClassName)}\n      >\n        {trigger}\n      </PopoverTrigger>\n\n      <PopoverContent\n        className={cn(className)}\n        side={side}\n        align={align}\n      >\n        {children}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["PopoverBasic","trigger","children","className","triggerClassName","side","align","open","setOpen","triggerProps","popupControls","usePopupControls","isControlled","handleOpenChange","value","jsxs","Popover","jsx","PopoverTrigger","cn","PopoverContent"],"mappings":";;;;AAiBO,SAASA,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AACF,GAAsB;AACpB,QAAMC,IAAgBC,EAAA,GAChBC,IAAeL,MAAS,QAExBM,IAAmB,CAACC,MAAmB;AAC3C,QAAIF,GAAc;AAChB,MAAAJ,IAAUM,CAAK;AACf;AAAA,IACF;AAEA,QAAIA,GAAO;AACT,MAAAJ,EAAc,UAAA;AACd;AAAA,IACF;AAEA,IAAAA,EAAc,WAAA;AAAA,EAChB;AAEA,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMJ,IAAeL,IAAOG,EAAc;AAAA,MAC1C,cAAcG;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAO;AAAA,YACN,GAAGT;AAAA,YACJ,WAAWU,EAAG,kBAAkBf,CAAgB;AAAA,YAE/C,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,gBAAAgB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWD,EAAGhB,CAAS;AAAA,YACvB,MAAAE;AAAA,YACA,OAAAC;AAAA,YAEC,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components-select-field-select-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-select-field-select-field.cjs","sources":["../src/components/select-field/select-field.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport React, { useState } from \"react\";\nimport { Badge, badgeVariants } from \"../ui/badge\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxField,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  ComboboxValue,\n} from \"../ui/combobox\";\nimport { FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Typography } from \"../ui/typography\";\n\nexport type SelectList = {\n  value: string;\n  id: string | number;\n} & Partial<VariantProps<typeof badgeVariants>>;\n\nexport type SelectItem = SelectList | string;\nexport type SelectValue = SelectList | SelectList[] | string | string[] | null;\n\ntype SelectBaseProps = {\n  list: SelectList[] | string[];\n  label?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  isValid?: boolean;\n  error?: string;\n  description?: string;\n  onChange?: (value: SelectValue) => void;\n};\n\ntype SelectProps = SelectBaseProps &\n  Omit<React.ComponentProps<typeof ComboboxChipsInput>, \"list\" | \"onChange\">;\n\nconst isSelectListItem = (item: SelectItem): item is SelectList =>\n  typeof item === \"object\";\n\nconst getItemLabel = (item: SelectItem) => (isSelectListItem(item) ? item.value : item);\n\nconst toChangePayload = (items: SelectItem[]): SelectList[] | string[] => {\n  if (items.every((item) => typeof item === \"string\")) {\n    return items;\n  }\n\n  if (items.every((item) => typeof item === \"object\")) {\n    return items;\n  }\n\n  return items.map((item) => getItemLabel(item));\n};\n\nconst isSameItem = (first: SelectItem | null, second: SelectItem | null) => {\n  if (first === null || second === null) {\n    return first === second;\n  }\n\n  if (typeof first === \"string\" || typeof second === \"string\") {\n    return first === second;\n  }\n\n  return first.id === second.id;\n};\n\nexport const SelectField = ({\n  list,\n  label,\n  multiple,\n  disabled = false,\n  isValid,\n  description,\n  onChange,\n  ...rest\n}: SelectProps) => {\n  const [selectedItems, setSelectedItems] = useState<SelectItem[]>([]);\n  const [selectedItem, setSelectedItem] = useState<SelectItem | null>(null);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const normalizedList: SelectItem[] = list;\n  const disabledClass = disabled ? \"opacity-50\" : \"\";\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  const handleChange = (value: SelectItem | SelectItem[] | null) => {\n    if (multiple) {\n      const items = Array.isArray(value) ? value : value ? [value] : [];\n      const isAdding = items.length > selectedItems.length;\n      setSelectedItems(items);\n      onChange?.(toChangePayload(items));\n      if (isAdding) {\n        setSearchQuery(\"\");\n      }\n    } else {\n      const item = Array.isArray(value) ? (value[0] ?? null) : value;\n      if (isSameItem(selectedItem, item)) {\n        setSelectedItem(null);\n        onChange?.(null);\n      } else {\n        setSelectedItem(item);\n        onChange?.(item);\n      }\n      setSearchQuery(\"\");\n    }\n  };\n\n  const handleSearchChange = (event: { currentTarget: { value: string } }) => {\n    setSearchQuery(event.currentTarget.value);\n  };\n\n  const deleteSingleElement = () => {\n    if (!disabled) {\n      setSelectedItem(null);\n      onChange?.(null);\n    }\n  };\n\n  const currentValue = multiple ? selectedItems : selectedItem;\n  const normalizedQuery = searchQuery.trim().toLowerCase();\n  const filteredList = normalizedList.filter((item) =>\n    getItemLabel(item).toLowerCase().includes(normalizedQuery),\n  );\n\n  const renderBadgeChip = (\n    item: SelectList,\n    options: {\n      withRemove: boolean;\n      className: string;\n      onClick?: () => void;\n    },\n  ) => (\n    <ComboboxChip\n      key={String(item.id)}\n      showRemove={options.withRemove}\n      onClick={options.onClick}\n      className={`${badgeVariants({ variant: item.variant, kind: item.kind })}\n        ${disabledClass} ${options.className}`}\n    >\n      <Badge\n        variant={item.variant}\n        classNames={{ className: \"px-2 py-0\" }}\n      >\n        {item.value}\n      </Badge>\n    </ComboboxChip>\n  );\n\n  const renderMultipleValue = (items: SelectItem[]) => (\n    <>\n      {items.map((item) =>\n        isSelectListItem(item) ? (\n          renderBadgeChip(item, { withRemove: !disabled, className: \"pl-2.5\" })\n        ) : (\n          <span\n            key={item}\n            className={disabledClass}\n          >\n            {item}\n          </span>\n        ),\n      )}\n      <ComboboxChipsInput\n        {...rest}\n        {...validationProps}\n        placeholder={items.length > 0 ? \"\" : rest.placeholder}\n        value={searchQuery}\n        onChange={handleSearchChange}\n      />\n    </>\n  );\n\n  const renderSingleValue = (item: SelectItem | null) => (\n    <>\n      {item &&\n        (isSelectListItem(item) ? (\n          renderBadgeChip(item, {\n            withRemove: false,\n            className: \"ml-1\",\n            onClick: deleteSingleElement,\n          })\n        ) : (\n          <Typography\n            className={disabledClass}\n            onClick={deleteSingleElement}\n          >\n            {item}\n          </Typography>\n        ))}\n      <ComboboxChipsInput\n        {...rest}\n        placeholder={item ? \"\" : rest.placeholder}\n        {...validationProps}\n        value={searchQuery}\n        onChange={handleSearchChange}\n        className=\"flex-1 pl-1\"\n      />\n    </>\n  );\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <ComboboxField>\n          <FieldLabel {...validationProps}>{label}</FieldLabel>\n          <Combobox\n            items={normalizedList}\n            multiple={multiple}\n            autoHighlight={multiple}\n            value={currentValue}\n            onValueChange={disabled ? undefined : handleChange}\n          >\n            {multiple ? (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderMultipleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            ) : (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderSingleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            )}\n            <ComboboxContent>\n              <ComboboxEmpty>No items found.</ComboboxEmpty>\n              <ComboboxList>\n                {filteredList.map((item, index) => {\n                  const isSelected = multiple\n                    ? selectedItems.some((selected) => isSameItem(selected, item))\n                    : isSameItem(selectedItem, item);\n                  return (\n                    <ComboboxItem\n                      disabled={disabled}\n                      key={isSelectListItem(item) ? String(item.id) : `${item}-${index}`}\n                      value={item}\n                      className={`${isSelected ? \"bg-tertiary-bg\" : \"\"} ${\n                        typeof item === \"string\" ? \"py-1\" : \"px-2 py-2\"\n                      }`}\n                    >\n                      {isSelectListItem(item) ? (\n                        <Badge\n                          dotPosition=\"left\"\n                          variant={item.variant}\n                          kind={item.kind}\n                          classNames={{ className: \"px-4 py-1.5\" }}\n                        >\n                          {item.value}\n                        </Badge>\n                      ) : (\n                        <Typography className=\"px-4 py-1.5\">{item}</Typography>\n                      )}\n                    </ComboboxItem>\n                  );\n                })}\n              </ComboboxList>\n            </ComboboxContent>\n          </Combobox>\n          <FieldDescription {...validationProps}>{description}</FieldDescription>\n        </ComboboxField>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nSelectField.displayName = \"SelectSearch\";\n\nexport type { SelectProps };\n"],"names":["isSelectListItem","item","getItemLabel","toChangePayload","items","isSameItem","first","second","SelectField","list","label","multiple","disabled","isValid","description","onChange","rest","selectedItems","setSelectedItems","useState","selectedItem","setSelectedItem","searchQuery","setSearchQuery","normalizedList","disabledClass","validationProps","handleChange","value","isAdding","handleSearchChange","event","deleteSingleElement","currentValue","normalizedQuery","filteredList","renderBadgeChip","options","jsx","ComboboxChip","badgeVariants","Badge","renderMultipleValue","jsxs","Fragment","ComboboxChipsInput","renderSingleValue","Typography","FieldSet","FieldGroup","ComboboxField","FieldLabel","Combobox","ComboboxChips","ComboboxValue","ComboboxTrigger","ComboboxContent","ComboboxEmpty","ComboboxList","index","isSelected","selected","ComboboxItem","FieldDescription"],"mappings":"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"}
+{"version":3,"file":"components-select-field-select-field.cjs","sources":["../src/components/select-field/select-field.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { useState } from \"react\";\nimport type { ComponentProps } from \"react\";\nimport { Badge, badgeVariants } from \"../ui/badge\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxField,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  ComboboxValue,\n} from \"../ui/combobox\";\nimport { FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Typography } from \"../ui/typography\";\n\nexport type SelectList = {\n  value: string;\n  id: string | number;\n} & Partial<VariantProps<typeof badgeVariants>>;\n\nexport type SelectItem = SelectList | string;\nexport type SelectValue = SelectList | SelectList[] | string | string[] | null;\n\ntype SelectBaseProps = {\n  list: SelectList[] | string[];\n  label?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  isValid?: boolean;\n  error?: string;\n  description?: string;\n  onChange?: (value: SelectValue) => void;\n};\n\ntype SelectProps = SelectBaseProps &\n  Omit<ComponentProps<typeof ComboboxChipsInput>, \"list\" | \"onChange\">;\n\nconst isSelectListItem = (item: SelectItem): item is SelectList =>\n  typeof item === \"object\";\n\nconst getItemLabel = (item: SelectItem) => (isSelectListItem(item) ? item.value : item);\n\nconst toChangePayload = (items: SelectItem[]): SelectList[] | string[] => {\n  if (items.every((item) => typeof item === \"string\")) {\n    return items;\n  }\n\n  if (items.every((item) => typeof item === \"object\")) {\n    return items;\n  }\n\n  return items.map((item) => getItemLabel(item));\n};\n\nconst isSameItem = (first: SelectItem | null, second: SelectItem | null) => {\n  if (first === null || second === null) {\n    return first === second;\n  }\n\n  if (typeof first === \"string\" || typeof second === \"string\") {\n    return first === second;\n  }\n\n  return first.id === second.id;\n};\n\nexport const SelectField = ({\n  list,\n  label,\n  multiple,\n  disabled = false,\n  isValid,\n  description,\n  onChange,\n  ...rest\n}: SelectProps) => {\n  const [selectedItems, setSelectedItems] = useState<SelectItem[]>([]);\n  const [selectedItem, setSelectedItem] = useState<SelectItem | null>(null);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const normalizedList: SelectItem[] = list;\n  const disabledClass = disabled ? \"opacity-50\" : \"\";\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  const handleChange = (value: SelectItem | SelectItem[] | null) => {\n    if (multiple) {\n      const items = Array.isArray(value) ? value : value ? [value] : [];\n      const isAdding = items.length > selectedItems.length;\n      setSelectedItems(items);\n      onChange?.(toChangePayload(items));\n      if (isAdding) {\n        setSearchQuery(\"\");\n      }\n    } else {\n      const item = Array.isArray(value) ? (value[0] ?? null) : value;\n      if (isSameItem(selectedItem, item)) {\n        setSelectedItem(null);\n        onChange?.(null);\n      } else {\n        setSelectedItem(item);\n        onChange?.(item);\n      }\n      setSearchQuery(\"\");\n    }\n  };\n\n  const handleSearchChange = (event: { currentTarget: { value: string } }) => {\n    setSearchQuery(event.currentTarget.value);\n  };\n\n  const deleteSingleElement = () => {\n    if (!disabled) {\n      setSelectedItem(null);\n      onChange?.(null);\n    }\n  };\n\n  const currentValue = multiple ? selectedItems : selectedItem;\n  const normalizedQuery = searchQuery.trim().toLowerCase();\n  const filteredList = normalizedList.filter((item) =>\n    getItemLabel(item).toLowerCase().includes(normalizedQuery),\n  );\n\n  const renderBadgeChip = (\n    item: SelectList,\n    options: {\n      withRemove: boolean;\n      className: string;\n      onClick?: () => void;\n    },\n  ) => (\n    <ComboboxChip\n      key={String(item.id)}\n      showRemove={options.withRemove}\n      onClick={options.onClick}\n      className={`${badgeVariants({ variant: item.variant, kind: item.kind })}\n        ${disabledClass} ${options.className}`}\n    >\n      <Badge\n        variant={item.variant}\n        classNames={{ className: \"px-2 py-0\" }}\n      >\n        {item.value}\n      </Badge>\n    </ComboboxChip>\n  );\n\n  const renderMultipleValue = (items: SelectItem[]) => (\n    <>\n      {items.map((item) =>\n        isSelectListItem(item) ? (\n          renderBadgeChip(item, { withRemove: !disabled, className: \"pl-2.5\" })\n        ) : (\n          <span\n            key={item}\n            className={disabledClass}\n          >\n            {item}\n          </span>\n        ),\n      )}\n      <ComboboxChipsInput\n        {...rest}\n        {...validationProps}\n        placeholder={items.length > 0 ? \"\" : rest.placeholder}\n        value={searchQuery}\n        onChange={handleSearchChange}\n      />\n    </>\n  );\n\n  const renderSingleValue = (item: SelectItem | null) => (\n    <>\n      {item &&\n        (isSelectListItem(item) ? (\n          renderBadgeChip(item, {\n            withRemove: false,\n            className: \"ml-1\",\n            onClick: deleteSingleElement,\n          })\n        ) : (\n          <Typography\n            className={disabledClass}\n            onClick={deleteSingleElement}\n          >\n            {item}\n          </Typography>\n        ))}\n      <ComboboxChipsInput\n        {...rest}\n        placeholder={item ? \"\" : rest.placeholder}\n        {...validationProps}\n        value={searchQuery}\n        onChange={handleSearchChange}\n        className=\"flex-1 pl-1\"\n      />\n    </>\n  );\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <ComboboxField>\n          <FieldLabel {...validationProps}>{label}</FieldLabel>\n          <Combobox\n            items={normalizedList}\n            multiple={multiple}\n            autoHighlight={multiple}\n            value={currentValue}\n            onValueChange={disabled ? undefined : handleChange}\n          >\n            {multiple ? (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderMultipleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            ) : (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderSingleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            )}\n            <ComboboxContent>\n              <ComboboxEmpty>No items found.</ComboboxEmpty>\n              <ComboboxList>\n                {filteredList.map((item, index) => {\n                  const isSelected = multiple\n                    ? selectedItems.some((selected) => isSameItem(selected, item))\n                    : isSameItem(selectedItem, item);\n                  return (\n                    <ComboboxItem\n                      disabled={disabled}\n                      key={isSelectListItem(item) ? String(item.id) : `${item}-${index}`}\n                      value={item}\n                      className={`${isSelected ? \"bg-tertiary-bg\" : \"\"} ${\n                        typeof item === \"string\" ? \"py-1\" : \"px-2 py-2\"\n                      }`}\n                    >\n                      {isSelectListItem(item) ? (\n                        <Badge\n                          dotPosition=\"left\"\n                          variant={item.variant}\n                          kind={item.kind}\n                          classNames={{ className: \"px-4 py-1.5\" }}\n                        >\n                          {item.value}\n                        </Badge>\n                      ) : (\n                        <Typography className=\"px-4 py-1.5\">{item}</Typography>\n                      )}\n                    </ComboboxItem>\n                  );\n                })}\n              </ComboboxList>\n            </ComboboxContent>\n          </Combobox>\n          <FieldDescription {...validationProps}>{description}</FieldDescription>\n        </ComboboxField>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nSelectField.displayName = \"SelectSearch\";\n\nexport type { SelectProps };\n"],"names":["isSelectListItem","item","getItemLabel","toChangePayload","items","isSameItem","first","second","SelectField","list","label","multiple","disabled","isValid","description","onChange","rest","selectedItems","setSelectedItems","useState","selectedItem","setSelectedItem","searchQuery","setSearchQuery","normalizedList","disabledClass","validationProps","handleChange","value","isAdding","handleSearchChange","event","deleteSingleElement","currentValue","normalizedQuery","filteredList","renderBadgeChip","options","jsx","ComboboxChip","badgeVariants","Badge","renderMultipleValue","jsxs","Fragment","ComboboxChipsInput","renderSingleValue","Typography","FieldSet","FieldGroup","ComboboxField","FieldLabel","Combobox","ComboboxChips","ComboboxValue","ComboboxTrigger","ComboboxContent","ComboboxEmpty","ComboboxList","index","isSelected","selected","ComboboxItem","FieldDescription"],"mappings":"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"}

package/dist/components-select-field-select-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-select-field-select-field.js","sources":["../src/components/select-field/select-field.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport React, { useState } from \"react\";\nimport { Badge, badgeVariants } from \"../ui/badge\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxField,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  ComboboxValue,\n} from \"../ui/combobox\";\nimport { FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Typography } from \"../ui/typography\";\n\nexport type SelectList = {\n  value: string;\n  id: string | number;\n} & Partial<VariantProps<typeof badgeVariants>>;\n\nexport type SelectItem = SelectList | string;\nexport type SelectValue = SelectList | SelectList[] | string | string[] | null;\n\ntype SelectBaseProps = {\n  list: SelectList[] | string[];\n  label?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  isValid?: boolean;\n  error?: string;\n  description?: string;\n  onChange?: (value: SelectValue) => void;\n};\n\ntype SelectProps = SelectBaseProps &\n  Omit<React.ComponentProps<typeof ComboboxChipsInput>, \"list\" | \"onChange\">;\n\nconst isSelectListItem = (item: SelectItem): item is SelectList =>\n  typeof item === \"object\";\n\nconst getItemLabel = (item: SelectItem) => (isSelectListItem(item) ? item.value : item);\n\nconst toChangePayload = (items: SelectItem[]): SelectList[] | string[] => {\n  if (items.every((item) => typeof item === \"string\")) {\n    return items;\n  }\n\n  if (items.every((item) => typeof item === \"object\")) {\n    return items;\n  }\n\n  return items.map((item) => getItemLabel(item));\n};\n\nconst isSameItem = (first: SelectItem | null, second: SelectItem | null) => {\n  if (first === null || second === null) {\n    return first === second;\n  }\n\n  if (typeof first === \"string\" || typeof second === \"string\") {\n    return first === second;\n  }\n\n  return first.id === second.id;\n};\n\nexport const SelectField = ({\n  list,\n  label,\n  multiple,\n  disabled = false,\n  isValid,\n  description,\n  onChange,\n  ...rest\n}: SelectProps) => {\n  const [selectedItems, setSelectedItems] = useState<SelectItem[]>([]);\n  const [selectedItem, setSelectedItem] = useState<SelectItem | null>(null);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const normalizedList: SelectItem[] = list;\n  const disabledClass = disabled ? \"opacity-50\" : \"\";\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  const handleChange = (value: SelectItem | SelectItem[] | null) => {\n    if (multiple) {\n      const items = Array.isArray(value) ? value : value ? [value] : [];\n      const isAdding = items.length > selectedItems.length;\n      setSelectedItems(items);\n      onChange?.(toChangePayload(items));\n      if (isAdding) {\n        setSearchQuery(\"\");\n      }\n    } else {\n      const item = Array.isArray(value) ? (value[0] ?? null) : value;\n      if (isSameItem(selectedItem, item)) {\n        setSelectedItem(null);\n        onChange?.(null);\n      } else {\n        setSelectedItem(item);\n        onChange?.(item);\n      }\n      setSearchQuery(\"\");\n    }\n  };\n\n  const handleSearchChange = (event: { currentTarget: { value: string } }) => {\n    setSearchQuery(event.currentTarget.value);\n  };\n\n  const deleteSingleElement = () => {\n    if (!disabled) {\n      setSelectedItem(null);\n      onChange?.(null);\n    }\n  };\n\n  const currentValue = multiple ? selectedItems : selectedItem;\n  const normalizedQuery = searchQuery.trim().toLowerCase();\n  const filteredList = normalizedList.filter((item) =>\n    getItemLabel(item).toLowerCase().includes(normalizedQuery),\n  );\n\n  const renderBadgeChip = (\n    item: SelectList,\n    options: {\n      withRemove: boolean;\n      className: string;\n      onClick?: () => void;\n    },\n  ) => (\n    <ComboboxChip\n      key={String(item.id)}\n      showRemove={options.withRemove}\n      onClick={options.onClick}\n      className={`${badgeVariants({ variant: item.variant, kind: item.kind })}\n        ${disabledClass} ${options.className}`}\n    >\n      <Badge\n        variant={item.variant}\n        classNames={{ className: \"px-2 py-0\" }}\n      >\n        {item.value}\n      </Badge>\n    </ComboboxChip>\n  );\n\n  const renderMultipleValue = (items: SelectItem[]) => (\n    <>\n      {items.map((item) =>\n        isSelectListItem(item) ? (\n          renderBadgeChip(item, { withRemove: !disabled, className: \"pl-2.5\" })\n        ) : (\n          <span\n            key={item}\n            className={disabledClass}\n          >\n            {item}\n          </span>\n        ),\n      )}\n      <ComboboxChipsInput\n        {...rest}\n        {...validationProps}\n        placeholder={items.length > 0 ? \"\" : rest.placeholder}\n        value={searchQuery}\n        onChange={handleSearchChange}\n      />\n    </>\n  );\n\n  const renderSingleValue = (item: SelectItem | null) => (\n    <>\n      {item &&\n        (isSelectListItem(item) ? (\n          renderBadgeChip(item, {\n            withRemove: false,\n            className: \"ml-1\",\n            onClick: deleteSingleElement,\n          })\n        ) : (\n          <Typography\n            className={disabledClass}\n            onClick={deleteSingleElement}\n          >\n            {item}\n          </Typography>\n        ))}\n      <ComboboxChipsInput\n        {...rest}\n        placeholder={item ? \"\" : rest.placeholder}\n        {...validationProps}\n        value={searchQuery}\n        onChange={handleSearchChange}\n        className=\"flex-1 pl-1\"\n      />\n    </>\n  );\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <ComboboxField>\n          <FieldLabel {...validationProps}>{label}</FieldLabel>\n          <Combobox\n            items={normalizedList}\n            multiple={multiple}\n            autoHighlight={multiple}\n            value={currentValue}\n            onValueChange={disabled ? undefined : handleChange}\n          >\n            {multiple ? (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderMultipleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            ) : (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderSingleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            )}\n            <ComboboxContent>\n              <ComboboxEmpty>No items found.</ComboboxEmpty>\n              <ComboboxList>\n                {filteredList.map((item, index) => {\n                  const isSelected = multiple\n                    ? selectedItems.some((selected) => isSameItem(selected, item))\n                    : isSameItem(selectedItem, item);\n                  return (\n                    <ComboboxItem\n                      disabled={disabled}\n                      key={isSelectListItem(item) ? String(item.id) : `${item}-${index}`}\n                      value={item}\n                      className={`${isSelected ? \"bg-tertiary-bg\" : \"\"} ${\n                        typeof item === \"string\" ? \"py-1\" : \"px-2 py-2\"\n                      }`}\n                    >\n                      {isSelectListItem(item) ? (\n                        <Badge\n                          dotPosition=\"left\"\n                          variant={item.variant}\n                          kind={item.kind}\n                          classNames={{ className: \"px-4 py-1.5\" }}\n                        >\n                          {item.value}\n                        </Badge>\n                      ) : (\n                        <Typography className=\"px-4 py-1.5\">{item}</Typography>\n                      )}\n                    </ComboboxItem>\n                  );\n                })}\n              </ComboboxList>\n            </ComboboxContent>\n          </Combobox>\n          <FieldDescription {...validationProps}>{description}</FieldDescription>\n        </ComboboxField>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nSelectField.displayName = \"SelectSearch\";\n\nexport type { SelectProps };\n"],"names":["isSelectListItem","item","getItemLabel","toChangePayload","items","isSameItem","first","second","SelectField","list","label","multiple","disabled","isValid","description","onChange","rest","selectedItems","setSelectedItems","useState","selectedItem","setSelectedItem","searchQuery","setSearchQuery","normalizedList","disabledClass","validationProps","handleChange","value","isAdding","handleSearchChange","event","deleteSingleElement","currentValue","normalizedQuery","filteredList","renderBadgeChip","options","jsx","ComboboxChip","badgeVariants","Badge","renderMultipleValue","jsxs","Fragment","ComboboxChipsInput","renderSingleValue","Typography","FieldSet","FieldGroup","ComboboxField","FieldLabel","Combobox","ComboboxChips","ComboboxValue","ComboboxTrigger","ComboboxContent","ComboboxEmpty","ComboboxList","index","isSelected","selected","ComboboxItem","FieldDescription"],"mappings":"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"}
+{"version":3,"file":"components-select-field-select-field.js","sources":["../src/components/select-field/select-field.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { useState } from \"react\";\nimport type { ComponentProps } from \"react\";\nimport { Badge, badgeVariants } from \"../ui/badge\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxField,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  ComboboxValue,\n} from \"../ui/combobox\";\nimport { FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Typography } from \"../ui/typography\";\n\nexport type SelectList = {\n  value: string;\n  id: string | number;\n} & Partial<VariantProps<typeof badgeVariants>>;\n\nexport type SelectItem = SelectList | string;\nexport type SelectValue = SelectList | SelectList[] | string | string[] | null;\n\ntype SelectBaseProps = {\n  list: SelectList[] | string[];\n  label?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  isValid?: boolean;\n  error?: string;\n  description?: string;\n  onChange?: (value: SelectValue) => void;\n};\n\ntype SelectProps = SelectBaseProps &\n  Omit<ComponentProps<typeof ComboboxChipsInput>, \"list\" | \"onChange\">;\n\nconst isSelectListItem = (item: SelectItem): item is SelectList =>\n  typeof item === \"object\";\n\nconst getItemLabel = (item: SelectItem) => (isSelectListItem(item) ? item.value : item);\n\nconst toChangePayload = (items: SelectItem[]): SelectList[] | string[] => {\n  if (items.every((item) => typeof item === \"string\")) {\n    return items;\n  }\n\n  if (items.every((item) => typeof item === \"object\")) {\n    return items;\n  }\n\n  return items.map((item) => getItemLabel(item));\n};\n\nconst isSameItem = (first: SelectItem | null, second: SelectItem | null) => {\n  if (first === null || second === null) {\n    return first === second;\n  }\n\n  if (typeof first === \"string\" || typeof second === \"string\") {\n    return first === second;\n  }\n\n  return first.id === second.id;\n};\n\nexport const SelectField = ({\n  list,\n  label,\n  multiple,\n  disabled = false,\n  isValid,\n  description,\n  onChange,\n  ...rest\n}: SelectProps) => {\n  const [selectedItems, setSelectedItems] = useState<SelectItem[]>([]);\n  const [selectedItem, setSelectedItem] = useState<SelectItem | null>(null);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const normalizedList: SelectItem[] = list;\n  const disabledClass = disabled ? \"opacity-50\" : \"\";\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  const handleChange = (value: SelectItem | SelectItem[] | null) => {\n    if (multiple) {\n      const items = Array.isArray(value) ? value : value ? [value] : [];\n      const isAdding = items.length > selectedItems.length;\n      setSelectedItems(items);\n      onChange?.(toChangePayload(items));\n      if (isAdding) {\n        setSearchQuery(\"\");\n      }\n    } else {\n      const item = Array.isArray(value) ? (value[0] ?? null) : value;\n      if (isSameItem(selectedItem, item)) {\n        setSelectedItem(null);\n        onChange?.(null);\n      } else {\n        setSelectedItem(item);\n        onChange?.(item);\n      }\n      setSearchQuery(\"\");\n    }\n  };\n\n  const handleSearchChange = (event: { currentTarget: { value: string } }) => {\n    setSearchQuery(event.currentTarget.value);\n  };\n\n  const deleteSingleElement = () => {\n    if (!disabled) {\n      setSelectedItem(null);\n      onChange?.(null);\n    }\n  };\n\n  const currentValue = multiple ? selectedItems : selectedItem;\n  const normalizedQuery = searchQuery.trim().toLowerCase();\n  const filteredList = normalizedList.filter((item) =>\n    getItemLabel(item).toLowerCase().includes(normalizedQuery),\n  );\n\n  const renderBadgeChip = (\n    item: SelectList,\n    options: {\n      withRemove: boolean;\n      className: string;\n      onClick?: () => void;\n    },\n  ) => (\n    <ComboboxChip\n      key={String(item.id)}\n      showRemove={options.withRemove}\n      onClick={options.onClick}\n      className={`${badgeVariants({ variant: item.variant, kind: item.kind })}\n        ${disabledClass} ${options.className}`}\n    >\n      <Badge\n        variant={item.variant}\n        classNames={{ className: \"px-2 py-0\" }}\n      >\n        {item.value}\n      </Badge>\n    </ComboboxChip>\n  );\n\n  const renderMultipleValue = (items: SelectItem[]) => (\n    <>\n      {items.map((item) =>\n        isSelectListItem(item) ? (\n          renderBadgeChip(item, { withRemove: !disabled, className: \"pl-2.5\" })\n        ) : (\n          <span\n            key={item}\n            className={disabledClass}\n          >\n            {item}\n          </span>\n        ),\n      )}\n      <ComboboxChipsInput\n        {...rest}\n        {...validationProps}\n        placeholder={items.length > 0 ? \"\" : rest.placeholder}\n        value={searchQuery}\n        onChange={handleSearchChange}\n      />\n    </>\n  );\n\n  const renderSingleValue = (item: SelectItem | null) => (\n    <>\n      {item &&\n        (isSelectListItem(item) ? (\n          renderBadgeChip(item, {\n            withRemove: false,\n            className: \"ml-1\",\n            onClick: deleteSingleElement,\n          })\n        ) : (\n          <Typography\n            className={disabledClass}\n            onClick={deleteSingleElement}\n          >\n            {item}\n          </Typography>\n        ))}\n      <ComboboxChipsInput\n        {...rest}\n        placeholder={item ? \"\" : rest.placeholder}\n        {...validationProps}\n        value={searchQuery}\n        onChange={handleSearchChange}\n        className=\"flex-1 pl-1\"\n      />\n    </>\n  );\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <ComboboxField>\n          <FieldLabel {...validationProps}>{label}</FieldLabel>\n          <Combobox\n            items={normalizedList}\n            multiple={multiple}\n            autoHighlight={multiple}\n            value={currentValue}\n            onValueChange={disabled ? undefined : handleChange}\n          >\n            {multiple ? (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderMultipleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            ) : (\n              <ComboboxChips\n                disabled={disabled}\n                className=\"pr-8\"\n              >\n                <ComboboxValue>{renderSingleValue}</ComboboxValue>\n                <ComboboxTrigger\n                  className=\"-ml-4.5\"\n                  disabled={disabled}\n                />\n              </ComboboxChips>\n            )}\n            <ComboboxContent>\n              <ComboboxEmpty>No items found.</ComboboxEmpty>\n              <ComboboxList>\n                {filteredList.map((item, index) => {\n                  const isSelected = multiple\n                    ? selectedItems.some((selected) => isSameItem(selected, item))\n                    : isSameItem(selectedItem, item);\n                  return (\n                    <ComboboxItem\n                      disabled={disabled}\n                      key={isSelectListItem(item) ? String(item.id) : `${item}-${index}`}\n                      value={item}\n                      className={`${isSelected ? \"bg-tertiary-bg\" : \"\"} ${\n                        typeof item === \"string\" ? \"py-1\" : \"px-2 py-2\"\n                      }`}\n                    >\n                      {isSelectListItem(item) ? (\n                        <Badge\n                          dotPosition=\"left\"\n                          variant={item.variant}\n                          kind={item.kind}\n                          classNames={{ className: \"px-4 py-1.5\" }}\n                        >\n                          {item.value}\n                        </Badge>\n                      ) : (\n                        <Typography className=\"px-4 py-1.5\">{item}</Typography>\n                      )}\n                    </ComboboxItem>\n                  );\n                })}\n              </ComboboxList>\n            </ComboboxContent>\n          </Combobox>\n          <FieldDescription {...validationProps}>{description}</FieldDescription>\n        </ComboboxField>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nSelectField.displayName = \"SelectSearch\";\n\nexport type { SelectProps };\n"],"names":["isSelectListItem","item","getItemLabel","toChangePayload","items","isSameItem","first","second","SelectField","list","label","multiple","disabled","isValid","description","onChange","rest","selectedItems","setSelectedItems","useState","selectedItem","setSelectedItem","searchQuery","setSearchQuery","normalizedList","disabledClass","validationProps","handleChange","value","isAdding","handleSearchChange","event","deleteSingleElement","currentValue","normalizedQuery","filteredList","renderBadgeChip","options","jsx","ComboboxChip","badgeVariants","Badge","renderMultipleValue","jsxs","Fragment","ComboboxChipsInput","renderSingleValue","Typography","FieldSet","FieldGroup","ComboboxField","FieldLabel","Combobox","ComboboxChips","ComboboxValue","ComboboxTrigger","ComboboxContent","ComboboxEmpty","ComboboxList","index","isSelected","selected","ComboboxItem","FieldDescription"],"mappings":"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"}

package/dist/components-textarea-field-textarea-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-textarea-field-textarea-field.cjs","sources":["../src/components/textarea-field/textarea-field.tsx"],"sourcesContent":["import { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Textarea } from \"../ui/textarea\";\n\ntype BaseProps = {\n  label?: string;\n  description?: string;\n  isValid?: boolean;\n};\n\ntype TextareaFieldProps = BaseProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\n\nexport const TextareaField: React.FC<TextareaFieldProps> = ({\n  label,\n  description,\n  isValid,\n  ...rest\n}) => {\n  const { disabled } = rest;\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <Field>\n           {label && <FieldLabel {...validationProps}>{label}</FieldLabel>}\n          <Textarea\n            {...rest}\n            {...validationProps}\n          />\n          {description && (\n            <FieldDescription {...validationProps}>{description}</FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nexport type { TextareaFieldProps };\n"],"names":["TextareaField","label","description","isValid","rest","disabled","validationProps","jsx","FieldSet","FieldGroup","Field","FieldLabel","Textarea","FieldDescription"],"mappings":"qNAYaA,EAA8C,CAAC,CAC1D,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,GAAaD,EAEfE,EAAkB,CACtB,GAAIH,IAAY,IAAQ,CAACE,GAAY,CAAE,aAAc,EAAA,EACrD,GAAIF,IAAY,IAAS,CAACE,GAAY,CAAE,eAAgB,EAAA,EACxD,SAAAA,CAAA,EAGF,OACEE,MAACC,EAAAA,SAAA,CACC,SAAAD,EAAAA,IAACE,aAAA,CACC,gBAACC,EAAAA,MAAA,CACG,SAAA,CAAAT,GAASM,EAAAA,IAACI,aAAA,CAAY,GAAGL,EAAkB,SAAAL,EAAM,EACnDM,EAAAA,IAACK,EAAAA,SAAA,CACE,GAAGR,EACH,GAAGE,CAAA,CAAA,EAELJ,GACCK,EAAAA,IAACM,EAAAA,iBAAA,CAAkB,GAAGP,EAAkB,SAAAJ,CAAA,CAAY,CAAA,CAAA,CAExD,EACF,EACF,CAEJ"}
+{"version":3,"file":"components-textarea-field-textarea-field.cjs","sources":["../src/components/textarea-field/textarea-field.tsx"],"sourcesContent":["import { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Textarea } from \"../ui/textarea\";\n\ntype BaseProps = {\n  label?: string;\n  description?: string;\n  isValid?: boolean;\n};\n\ntype TextareaFieldProps = BaseProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextareaField: React.FC<TextareaFieldProps> = ({\n  label,\n  description,\n  isValid,\n  ...rest\n}) => {\n  const { disabled } = rest;\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <Field>\n          {label && <FieldLabel {...validationProps}>{label}</FieldLabel>}\n          <Textarea\n            {...rest}\n            {...validationProps}\n          />\n          {description && (\n            <FieldDescription {...validationProps}>{description}</FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nexport type { TextareaFieldProps };\n"],"names":["TextareaField","label","description","isValid","rest","disabled","validationProps","jsx","FieldSet","FieldGroup","Field","FieldLabel","Textarea","FieldDescription"],"mappings":"qNAWaA,EAA8C,CAAC,CAC1D,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,GAAaD,EAEfE,EAAkB,CACtB,GAAIH,IAAY,IAAQ,CAACE,GAAY,CAAE,aAAc,EAAA,EACrD,GAAIF,IAAY,IAAS,CAACE,GAAY,CAAE,eAAgB,EAAA,EACxD,SAAAA,CAAA,EAGF,OACEE,MAACC,EAAAA,SAAA,CACC,SAAAD,EAAAA,IAACE,aAAA,CACC,gBAACC,EAAAA,MAAA,CACE,SAAA,CAAAT,GAASM,EAAAA,IAACI,aAAA,CAAY,GAAGL,EAAkB,SAAAL,EAAM,EAClDM,EAAAA,IAACK,EAAAA,SAAA,CACE,GAAGR,EACH,GAAGE,CAAA,CAAA,EAELJ,GACCK,EAAAA,IAACM,EAAAA,iBAAA,CAAkB,GAAGP,EAAkB,SAAAJ,CAAA,CAAY,CAAA,CAAA,CAExD,EACF,EACF,CAEJ"}

package/dist/components-textarea-field-textarea-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-textarea-field-textarea-field.js","sources":["../src/components/textarea-field/textarea-field.tsx"],"sourcesContent":["import { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Textarea } from \"../ui/textarea\";\n\ntype BaseProps = {\n  label?: string;\n  description?: string;\n  isValid?: boolean;\n};\n\ntype TextareaFieldProps = BaseProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\n\nexport const TextareaField: React.FC<TextareaFieldProps> = ({\n  label,\n  description,\n  isValid,\n  ...rest\n}) => {\n  const { disabled } = rest;\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <Field>\n           {label && <FieldLabel {...validationProps}>{label}</FieldLabel>}\n          <Textarea\n            {...rest}\n            {...validationProps}\n          />\n          {description && (\n            <FieldDescription {...validationProps}>{description}</FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nexport type { TextareaFieldProps };\n"],"names":["TextareaField","label","description","isValid","rest","disabled","validationProps","jsx","FieldSet","FieldGroup","Field","FieldLabel","Textarea","FieldDescription"],"mappings":";;;AAYO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,UAAAC,MAAaD,GAEfE,IAAkB;AAAA,IACtB,GAAIH,MAAY,MAAQ,CAACE,KAAY,EAAE,cAAc,GAAA;AAAA,IACrD,GAAIF,MAAY,MAAS,CAACE,KAAY,EAAE,gBAAgB,GAAA;AAAA,IACxD,UAAAA;AAAA,EAAA;AAGF,SACE,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EACC,4BAACC,GAAA,EACG,UAAA;AAAA,IAAAT,KAAS,gBAAAM,EAACI,GAAA,EAAY,GAAGL,GAAkB,UAAAL,GAAM;AAAA,IACnD,gBAAAM;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACH,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,IAELJ,KACC,gBAAAK,EAACM,GAAA,EAAkB,GAAGP,GAAkB,UAAAJ,EAAA,CAAY;AAAA,EAAA,EAAA,CAExD,GACF,GACF;AAEJ;"}
+{"version":3,"file":"components-textarea-field-textarea-field.js","sources":["../src/components/textarea-field/textarea-field.tsx"],"sourcesContent":["import { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Textarea } from \"../ui/textarea\";\n\ntype BaseProps = {\n  label?: string;\n  description?: string;\n  isValid?: boolean;\n};\n\ntype TextareaFieldProps = BaseProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextareaField: React.FC<TextareaFieldProps> = ({\n  label,\n  description,\n  isValid,\n  ...rest\n}) => {\n  const { disabled } = rest;\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  return (\n    <FieldSet>\n      <FieldGroup>\n        <Field>\n          {label && <FieldLabel {...validationProps}>{label}</FieldLabel>}\n          <Textarea\n            {...rest}\n            {...validationProps}\n          />\n          {description && (\n            <FieldDescription {...validationProps}>{description}</FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\nexport type { TextareaFieldProps };\n"],"names":["TextareaField","label","description","isValid","rest","disabled","validationProps","jsx","FieldSet","FieldGroup","Field","FieldLabel","Textarea","FieldDescription"],"mappings":";;;AAWO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,UAAAC,MAAaD,GAEfE,IAAkB;AAAA,IACtB,GAAIH,MAAY,MAAQ,CAACE,KAAY,EAAE,cAAc,GAAA;AAAA,IACrD,GAAIF,MAAY,MAAS,CAACE,KAAY,EAAE,gBAAgB,GAAA;AAAA,IACxD,UAAAA;AAAA,EAAA;AAGF,SACE,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EACC,4BAACC,GAAA,EACE,UAAA;AAAA,IAAAT,KAAS,gBAAAM,EAACI,GAAA,EAAY,GAAGL,GAAkB,UAAAL,GAAM;AAAA,IAClD,gBAAAM;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACH,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,IAELJ,KACC,gBAAAK,EAACM,GAAA,EAAkB,GAAGP,GAAkB,UAAAJ,EAAA,CAAY;AAAA,EAAA,EAAA,CAExD,GACF,GACF;AAEJ;"}

package/dist/components-ui-avatar-avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@radix-ui/react-accessible-icon");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-aspect-ratio");const n=require("@radix-ui/react-avatar");require("@radix-ui/react-checkbox");require("@radix-ui/react-collapsible");require("@radix-ui/react-context-menu");require("@radix-ui/react-dialog");require("@radix-ui/react-direction");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-form");require("@radix-ui/react-hover-card");require("@radix-ui/react-label");require("@radix-ui/react-menubar");require("@radix-ui/react-navigation-menu");require("@radix-ui/react-one-time-password-field");require("@radix-ui/react-password-toggle-field");require("@radix-ui/react-popover");require("@radix-ui/react-portal");require("@radix-ui/react-progress");require("@radix-ui/react-radio-group");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-slider");require("@radix-ui/react-slot");require("@radix-ui/react-switch");require("@radix-ui/react-tabs");require("@radix-ui/react-toast");require("@radix-ui/react-toggle");require("@radix-ui/react-toggle-group");require("@radix-ui/react-toolbar");require("@radix-ui/react-tooltip");require("@radix-ui/react-visually-hidden");require("react");const u=require("./lib-utils.cjs");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const i=o(n);function l({className:e,size:r="default",...a}){return t.jsx(i.Root,{"data-slot":"avatar","data-size":r,className:u.cn(`group/avatar relative flex size-8 shrink-0 rounded-full select-none
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@radix-ui/react-accessible-icon");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-aspect-ratio");const n=require("@radix-ui/react-avatar");require("@radix-ui/react-checkbox");require("@radix-ui/react-collapsible");require("@radix-ui/react-context-menu");require("@radix-ui/react-dialog");require("@radix-ui/react-direction");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-form");require("@radix-ui/react-hover-card");require("@radix-ui/react-label");require("@radix-ui/react-menubar");require("@radix-ui/react-navigation-menu");require("@radix-ui/react-one-time-password-field");require("@radix-ui/react-password-toggle-field");require("@radix-ui/react-popover");require("@radix-ui/react-portal");require("@radix-ui/react-progress");require("@radix-ui/react-radio-group");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-slider");require("@radix-ui/react-slot");require("@radix-ui/react-switch");require("@radix-ui/react-tabs");require("@radix-ui/react-toast");require("@radix-ui/react-toggle");require("@radix-ui/react-toggle-group");require("@radix-ui/react-toolbar");require("@radix-ui/react-tooltip");require("@radix-ui/react-visually-hidden");const u=require("./lib-utils.cjs");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const i=o(n);function l({className:e,size:r="default",...a}){return t.jsx(i.Root,{"data-slot":"avatar","data-size":r,className:u.cn(`group/avatar relative flex size-8 shrink-0 rounded-full select-none
         after:absolute after:inset-0 after:rounded-full after:mix-blend-darken
         data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,e),...a})}function d({className:e,...r}){return t.jsx(i.Image,{"data-slot":"avatar-image",className:u.cn("aspect-square size-full rounded-full object-cover",e),...r})}function g({className:e,...r}){return t.jsx(i.Fallback,{"data-slot":"avatar-fallback",className:u.cn(`bg-muted text-muted-foreground flex size-full items-center justify-center
         rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,e),...r})}function c({className:e,...r}){return t.jsx("span",{"data-slot":"avatar-badge",className:u.cn(`bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex

package/dist/components-ui-avatar-avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-avatar-avatar.cjs","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// TODO: вынести стили в отдельный файл\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        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\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":"uuDAMA,SAASA,EAAO,CACd,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,YAAWH,EACX,UAAWI,EAAAA,GACT;AAAA;AAAA,mFAGAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAY,CACnB,UAAAN,EACA,GAAGE,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,oDAAqDL,CAAS,EAC3E,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAe,CACtB,UAAAP,EACA,GAAGE,CACL,EAA0D,CACxD,OACEC,EAAAA,IAACC,EAAgB,SAAhB,CACC,YAAU,kBACV,UAAWC,EAAAA,GACT;AAAA,kEAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CAAE,UAAAR,EAAW,GAAGE,GAAuC,CAC1E,OACEC,EAAAA,IAAC,OAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA;AAAA,qBAGA,gFACA;AAAA,yDAEA;AAAA,oDAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAT,EAAW,GAAGE,GAAsC,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA,qCAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAiB,CAAE,UAAAV,EAAW,GAAGE,GAAsC,CAC9E,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,qBACV,UAAWE,EAAAA,GACT;AAAA;AAAA;AAAA;AAAA;AAAA,8DAMAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"components-ui-avatar-avatar.cjs","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// TODO: вынести стили в отдельный файл\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        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\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":"stDAMA,SAASA,EAAO,CACd,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,YAAWH,EACX,UAAWI,EAAAA,GACT;AAAA;AAAA,mFAGAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAY,CACnB,UAAAN,EACA,GAAGE,CACL,EAAiD,CAC/C,OACEC,EAAAA,IAACC,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,oDAAqDL,CAAS,EAC3E,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAe,CACtB,UAAAP,EACA,GAAGE,CACL,EAAoD,CAClD,OACEC,EAAAA,IAACC,EAAgB,SAAhB,CACC,YAAU,kBACV,UAAWC,EAAAA,GACT;AAAA,kEAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CAAE,UAAAR,EAAW,GAAGE,GAAiC,CACpE,OACEC,EAAAA,IAAC,OAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA;AAAA,qBAGA,gFACA;AAAA,yDAEA;AAAA,oDAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAT,EAAW,GAAGE,GAAgC,CACnE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA,qCAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAiB,CAAE,UAAAV,EAAW,GAAGE,GAAgC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,qBACV,UAAWE,EAAAA,GACT;AAAA;AAAA;AAAA;AAAA;AAAA,8DAMAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}

package/dist/components-ui-avatar-avatar.js

@@ -34,9 +34,8 @@ import "@radix-ui/react-toggle-group";
 import "@radix-ui/react-toolbar";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-visually-hidden";
-import "react";
 import { cn as e } from "./lib-utils.js";
-function Q({
+function O({
   className: a,
   size: t = "default",
   ...o
@@ -56,7 +55,7 @@ function Q({
     }
   );
 }
-function S({
+function Q({
   className: a,
   ...t
 }) {
@@ -69,7 +68,7 @@ function S({
     }
   );
 }
-function T({
+function S({
   className: a,
   ...t
 }) {
@@ -86,7 +85,7 @@ function T({
     }
   );
 }
-function U({ className: a, ...t }) {
+function T({ className: a, ...t }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -106,7 +105,7 @@ function U({ className: a, ...t }) {
     }
   );
 }
-function V({ className: a, ...t }) {
+function U({ className: a, ...t }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -120,7 +119,7 @@ function V({ className: a, ...t }) {
     }
   );
 }
-function W({ className: a, ...t }) {
+function V({ className: a, ...t }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -139,11 +138,11 @@ function W({ className: a, ...t }) {
   );
 }
 export {
-  Q as Avatar,
-  U as AvatarBadge,
-  T as AvatarFallback,
-  V as AvatarGroup,
-  W as AvatarGroupCount,
-  S as AvatarImage
+  O as Avatar,
+  T as AvatarBadge,
+  S as AvatarFallback,
+  U as AvatarGroup,
+  V as AvatarGroupCount,
+  Q as AvatarImage
 };
 //# sourceMappingURL=components-ui-avatar-avatar.js.map

package/dist/components-ui-avatar-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-avatar-avatar.js","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// TODO: вынести стили в отдельный файл\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        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\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,WAAWI;AAAA,QACT;AAAA;AAAA;AAAA,QAGAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qDAAqDL,CAAS;AAAA,MAC3E,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAP;AAAA,EACA,GAAGE;AACL,GAA0D;AACxD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY,EAAE,WAAAR,GAAW,GAAGE,KAAuC;AAC1E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAT,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAiB,EAAE,WAAAV,GAAW,GAAGE,KAAsC;AAC9E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"components-ui-avatar-avatar.js","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// TODO: вынести стили в отдельный файл\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        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\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,WAAWI;AAAA,QACT;AAAA;AAAA;AAAA,QAGAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAiD;AAC/C,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qDAAqDL,CAAS;AAAA,MAC3E,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAP;AAAA,EACA,GAAGE;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY,EAAE,WAAAR,GAAW,GAAGE,KAAiC;AACpE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAT,GAAW,GAAGE,KAAgC;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAiB,EAAE,WAAAV,GAAW,GAAGE,KAAgC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components-ui-badge-badge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("class-variance-authority");require("react");const s=require("./lib-utils.cjs"),r=require("./components-ui-badge-badge.styles.cjs");function g({variant:t,kind:a="status",dotPosition:n,classNames:l={},children:c,...i}){const u=!!n,{className:o,dotClassName:d,labelClassName:b}=l;return e.jsxs("div",{className:s.cn(r.badgeVariants({variant:t,kind:a,dotPosition:n}),o),...i,children:[u&&e.jsx("span",{className:s.cn("inline-block h-2 w-2 rounded-full bg-current",d),"aria-hidden":"true"}),e.jsx("span",{className:s.cn(r.badgeLabelVariants({kind:a}),b),children:c})]})}exports.Badge=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("class-variance-authority");const s=require("./lib-utils.cjs"),t=require("./components-ui-badge-badge.styles.cjs");function g({variant:r,kind:a="status",dotPosition:n,classNames:l={},children:c,...i}){const u=!!n,{className:o,dotClassName:d,labelClassName:b}=l;return e.jsxs("div",{className:s.cn(t.badgeVariants({variant:r,kind:a,dotPosition:n}),o),...i,children:[u&&e.jsx("span",{className:s.cn("inline-block h-2 w-2 rounded-full bg-current",d),"aria-hidden":"true"}),e.jsx("span",{className:s.cn(t.badgeLabelVariants({kind:a}),b),children:c})]})}exports.Badge=g;
 //# sourceMappingURL=components-ui-badge-badge.cjs.map

package/dist/components-ui-badge-badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-badge-badge.cjs","sources":["../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { badgeLabelVariants, badgeVariants } from \"./badge.styles\";\n\nexport interface BadgeProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"className\">,\n    VariantProps<typeof badgeVariants> {\n  dotPosition?: \"left\" | \"right\";\n  classNames?: {\n    dotClassName?: string;\n    labelClassName?: string;\n    className?: string;\n  };\n}\n\nfunction Badge({\n  variant,\n  kind = \"status\",\n  dotPosition,\n  classNames = {},\n  children,\n  ...props\n}: BadgeProps) {\n  const showDot = Boolean(dotPosition);\n  const { className, dotClassName, labelClassName } = classNames;\n\n  return (\n    <div\n      className={cn(badgeVariants({ variant, kind, dotPosition }), className)}\n      {...props}\n    >\n      {showDot && (\n        <span\n          className={cn(\"inline-block h-2 w-2 rounded-full bg-current\", dotClassName)}\n          aria-hidden=\"true\"\n        />\n      )}\n      <span\n        className={cn(\n          badgeLabelVariants({\n            kind,\n          }),\n          labelClassName,\n        )}\n      >\n        {children}\n      </span>\n    </div>\n  );\n}\n\nexport { Badge };\n"],"names":["Badge","variant","kind","dotPosition","classNames","children","props","showDot","className","dotClassName","labelClassName","jsxs","cn","badgeVariants","jsx","badgeLabelVariants"],"mappings":"iQAkBA,SAASA,EAAM,CACb,QAAAC,EACA,KAAAC,EAAO,SACP,YAAAC,EACA,WAAAC,EAAa,CAAA,EACb,SAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAU,EAAQJ,EAClB,CAAE,UAAAK,EAAW,aAAAC,EAAc,eAAAC,CAAA,EAAmBN,EAEpD,OACEO,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,cAAc,CAAE,QAAAZ,EAAS,KAAAC,EAAM,YAAAC,CAAA,CAAa,EAAGK,CAAS,EACrE,GAAGF,EAEH,SAAA,CAAAC,GACCO,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,GAAG,+CAAgDH,CAAY,EAC1E,cAAY,MAAA,CAAA,EAGhBK,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,GACTG,qBAAmB,CACjB,KAAAb,CAAA,CACD,EACDQ,CAAA,EAGD,SAAAL,CAAA,CAAA,CACH,CAAA,CAAA,CAGN"}
+{"version":3,"file":"components-ui-badge-badge.cjs","sources":["../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { badgeLabelVariants, badgeVariants } from \"./badge.styles\";\n\nexport interface BadgeProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"className\">,\n    VariantProps<typeof badgeVariants> {\n  dotPosition?: \"left\" | \"right\";\n  classNames?: {\n    dotClassName?: string;\n    labelClassName?: string;\n    className?: string;\n  };\n}\n\nfunction Badge({\n  variant,\n  kind = \"status\",\n  dotPosition,\n  classNames = {},\n  children,\n  ...props\n}: BadgeProps) {\n  const showDot = Boolean(dotPosition);\n  const { className, dotClassName, labelClassName } = classNames;\n\n  return (\n    <div\n      className={cn(badgeVariants({ variant, kind, dotPosition }), className)}\n      {...props}\n    >\n      {showDot && (\n        <span\n          className={cn(\"inline-block h-2 w-2 rounded-full bg-current\", dotClassName)}\n          aria-hidden=\"true\"\n        />\n      )}\n      <span\n        className={cn(\n          badgeLabelVariants({\n            kind,\n          }),\n          labelClassName,\n        )}\n      >\n        {children}\n      </span>\n    </div>\n  );\n}\n\nexport { Badge };\n"],"names":["Badge","variant","kind","dotPosition","classNames","children","props","showDot","className","dotClassName","labelClassName","jsxs","cn","badgeVariants","jsx","badgeLabelVariants"],"mappings":"gPAkBA,SAASA,EAAM,CACb,QAAAC,EACA,KAAAC,EAAO,SACP,YAAAC,EACA,WAAAC,EAAa,CAAA,EACb,SAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAU,EAAQJ,EAClB,CAAE,UAAAK,EAAW,aAAAC,EAAc,eAAAC,CAAA,EAAmBN,EAEpD,OACEO,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,cAAc,CAAE,QAAAZ,EAAS,KAAAC,EAAM,YAAAC,CAAA,CAAa,EAAGK,CAAS,EACrE,GAAGF,EAEH,SAAA,CAAAC,GACCO,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,GAAG,+CAAgDH,CAAY,EAC1E,cAAY,MAAA,CAAA,EAGhBK,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,GACTG,qBAAmB,CACjB,KAAAb,CAAA,CACD,EACDQ,CAAA,EAGD,SAAAL,CAAA,CAAA,CACH,CAAA,CAAA,CAGN"}

package/dist/components-ui-badge-badge.js

@@ -1,22 +1,21 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import "class-variance-authority";
-import "react";
 import { cn as a } from "./lib-utils.js";
 import { badgeLabelVariants as u, badgeVariants as b } from "./components-ui-badge-badge.styles.js";
-function j({
-  variant: o,
+function x({
+  variant: l,
   kind: s = "status",
   dotPosition: e,
-  classNames: t = {},
-  children: l,
-  ...n
+  classNames: n = {},
+  children: o,
+  ...t
 }) {
-  const m = !!e, { className: c, dotClassName: i, labelClassName: d } = t;
+  const m = !!e, { className: c, dotClassName: i, labelClassName: d } = n;
   return /* @__PURE__ */ p(
     "div",
     {
-      className: a(b({ variant: o, kind: s, dotPosition: e }), c),
-      ...n,
+      className: a(b({ variant: l, kind: s, dotPosition: e }), c),
+      ...t,
       children: [
         m && /* @__PURE__ */ r(
           "span",
@@ -34,7 +33,7 @@ function j({
               }),
               d
             ),
-            children: l
+            children: o
           }
         )
       ]
@@ -42,6 +41,6 @@ function j({
   );
 }
 export {
-  j as Badge
+  x as Badge
 };
 //# sourceMappingURL=components-ui-badge-badge.js.map

package/dist/components-ui-badge-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-badge-badge.js","sources":["../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { badgeLabelVariants, badgeVariants } from \"./badge.styles\";\n\nexport interface BadgeProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"className\">,\n    VariantProps<typeof badgeVariants> {\n  dotPosition?: \"left\" | \"right\";\n  classNames?: {\n    dotClassName?: string;\n    labelClassName?: string;\n    className?: string;\n  };\n}\n\nfunction Badge({\n  variant,\n  kind = \"status\",\n  dotPosition,\n  classNames = {},\n  children,\n  ...props\n}: BadgeProps) {\n  const showDot = Boolean(dotPosition);\n  const { className, dotClassName, labelClassName } = classNames;\n\n  return (\n    <div\n      className={cn(badgeVariants({ variant, kind, dotPosition }), className)}\n      {...props}\n    >\n      {showDot && (\n        <span\n          className={cn(\"inline-block h-2 w-2 rounded-full bg-current\", dotClassName)}\n          aria-hidden=\"true\"\n        />\n      )}\n      <span\n        className={cn(\n          badgeLabelVariants({\n            kind,\n          }),\n          labelClassName,\n        )}\n      >\n        {children}\n      </span>\n    </div>\n  );\n}\n\nexport { Badge };\n"],"names":["Badge","variant","kind","dotPosition","classNames","children","props","showDot","className","dotClassName","labelClassName","jsxs","cn","badgeVariants","jsx","badgeLabelVariants"],"mappings":";;;;;AAkBA,SAASA,EAAM;AAAA,EACb,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AAAA,EACb,UAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAU,EAAQJ,GAClB,EAAE,WAAAK,GAAW,cAAAC,GAAc,gBAAAC,EAAA,IAAmBN;AAEpD,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAc,EAAE,SAAAZ,GAAS,MAAAC,GAAM,aAAAC,EAAA,CAAa,GAAGK,CAAS;AAAA,MACrE,GAAGF;AAAA,MAEH,UAAA;AAAA,QAAAC,KACC,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAG,gDAAgDH,CAAY;AAAA,YAC1E,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhB,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTG,EAAmB;AAAA,gBACjB,MAAAb;AAAA,cAAA,CACD;AAAA,cACDQ;AAAA,YAAA;AAAA,YAGD,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"components-ui-badge-badge.js","sources":["../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { badgeLabelVariants, badgeVariants } from \"./badge.styles\";\n\nexport interface BadgeProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"className\">,\n    VariantProps<typeof badgeVariants> {\n  dotPosition?: \"left\" | \"right\";\n  classNames?: {\n    dotClassName?: string;\n    labelClassName?: string;\n    className?: string;\n  };\n}\n\nfunction Badge({\n  variant,\n  kind = \"status\",\n  dotPosition,\n  classNames = {},\n  children,\n  ...props\n}: BadgeProps) {\n  const showDot = Boolean(dotPosition);\n  const { className, dotClassName, labelClassName } = classNames;\n\n  return (\n    <div\n      className={cn(badgeVariants({ variant, kind, dotPosition }), className)}\n      {...props}\n    >\n      {showDot && (\n        <span\n          className={cn(\"inline-block h-2 w-2 rounded-full bg-current\", dotClassName)}\n          aria-hidden=\"true\"\n        />\n      )}\n      <span\n        className={cn(\n          badgeLabelVariants({\n            kind,\n          }),\n          labelClassName,\n        )}\n      >\n        {children}\n      </span>\n    </div>\n  );\n}\n\nexport { Badge };\n"],"names":["Badge","variant","kind","dotPosition","classNames","children","props","showDot","className","dotClassName","labelClassName","jsxs","cn","badgeVariants","jsx","badgeLabelVariants"],"mappings":";;;;AAkBA,SAASA,EAAM;AAAA,EACb,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AAAA,EACb,UAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAU,EAAQJ,GAClB,EAAE,WAAAK,GAAW,cAAAC,GAAc,gBAAAC,EAAA,IAAmBN;AAEpD,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAc,EAAE,SAAAZ,GAAS,MAAAC,GAAM,aAAAC,EAAA,CAAa,GAAGK,CAAS;AAAA,MACrE,GAAGF;AAAA,MAEH,UAAA;AAAA,QAAAC,KACC,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAG,gDAAgDH,CAAY;AAAA,YAC1E,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhB,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTG,EAAmB;AAAA,gBACjB,MAAAb;AAAA,cAAA,CACD;AAAA,cACDQ;AAAA,YAAA;AAAA,YAGD,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components-ui-button-button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("@radix-ui/react-slot");require("class-variance-authority");require("react");const a=require("./lib-utils.cjs"),b=require("./components-ui-button-button.styles.cjs"),t=({className:e,variant:o,size:n,asChild:r=!1,ref:u,...s})=>{const i=r?l.Slot:"button";return c.jsx(i,{className:a.cn(b.buttonVariants({variant:o,size:n,className:e})),ref:u,...s})};t.displayName="Button";exports.Button=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("@radix-ui/react-slot");require("class-variance-authority");const a=require("./lib-utils.cjs"),b=require("./components-ui-button-button.styles.cjs"),t=({className:e,variant:o,size:n,asChild:s=!1,ref:u,...r})=>{const i=s?l.Slot:"button";return c.jsx(i,{className:a.cn(b.buttonVariants({variant:o,size:n,className:e})),ref:u,...r})};t.displayName="Button";exports.Button=t;
 //# sourceMappingURL=components-ui-button-button.cjs.map

package/dist/components-ui-button-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-button-button.cjs","sources":["../src/components/ui/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { buttonVariants } from \"./button.styles\";\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\nconst Button = ({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ref,\n  ...props\n}: ButtonProps) => {\n  const Comp = asChild ? Slot : \"button\";\n  return (\n    <Comp\n      className={cn(buttonVariants({ variant, size, className }))}\n      ref={ref}\n      {...props}\n    />\n  );\n};\nButton.displayName = \"Button\";\n\nexport { Button };\n"],"names":["Button","className","variant","size","asChild","ref","props","Comp","Slot","jsx","cn","buttonVariants"],"mappings":"qSAeMA,EAAS,CAAC,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,IAAAC,EACA,GAAGC,CACL,IAAmB,CACjB,MAAMC,EAAOH,EAAUI,EAAAA,KAAO,SAC9B,OACEC,EAAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GAAGC,iBAAe,CAAE,QAAAT,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC1D,IAAAI,EACC,GAAGC,CAAA,CAAA,CAGV,EACAN,EAAO,YAAc"}
+{"version":3,"file":"components-ui-button-button.cjs","sources":["../src/components/ui/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport type { ButtonHTMLAttributes, Ref } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { buttonVariants } from \"./button.styles\";\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nconst Button = ({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ref,\n  ...props\n}: ButtonProps) => {\n  const Comp = asChild ? Slot : \"button\";\n  return (\n    <Comp\n      className={cn(buttonVariants({ variant, size, className }))}\n      ref={ref}\n      {...props}\n    />\n  );\n};\nButton.displayName = \"Button\";\n\nexport { Button };\n"],"names":["Button","className","variant","size","asChild","ref","props","Comp","Slot","jsx","cn","buttonVariants"],"mappings":"oRAaMA,EAAS,CAAC,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,IAAAC,EACA,GAAGC,CACL,IAAmB,CACjB,MAAMC,EAAOH,EAAUI,EAAAA,KAAO,SAC9B,OACEC,EAAAA,IAACF,EAAA,CACC,UAAWG,EAAAA,GAAGC,iBAAe,CAAE,QAAAT,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC1D,IAAAI,EACC,GAAGC,CAAA,CAAA,CAGV,EACAN,EAAO,YAAc"}

package/dist/components-ui-button-button.js

@@ -1,22 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Slot as s } from "@radix-ui/react-slot";
+import { jsx as s } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
 import "class-variance-authority";
-import "react";
-import { cn as a } from "./lib-utils.js";
+import { cn as i } from "./lib-utils.js";
 import { buttonVariants as e } from "./components-ui-button-button.styles.js";
 const f = ({
   className: o,
   variant: t,
   size: m,
   asChild: r = !1,
-  ref: p,
-  ...n
-}) => /* @__PURE__ */ i(
-  r ? s : "button",
+  ref: n,
+  ...p
+}) => /* @__PURE__ */ s(
+  r ? a : "button",
   {
-    className: a(e({ variant: t, size: m, className: o })),
-    ref: p,
-    ...n
+    className: i(e({ variant: t, size: m, className: o })),
+    ref: n,
+    ...p
   }
 );
 f.displayName = "Button";