brd-ui-kit 0.1.55 → 0.1.58

package/dist/components-input-password.js

@@ -0,0 +1,5 @@
+import { InputPassword as p } from "./components-input-password-input-password.js";
+export {
+  p as InputPassword
+};
+//# sourceMappingURL=components-input-password.js.map

package/dist/components-input-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-input-password.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +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;
+//# sourceMappingURL=components-popover-modal-popover-modal.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,40 @@
+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
+}) {
+  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
+      }
+    )
+  ] });
+}
+export {
+  x as PopoverBasic
+};
+//# sourceMappingURL=components-popover-modal-popover-modal.js.map

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

@@ -0,0 +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;"}

package/dist/components-popover-modal.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components-popover-modal-popover-modal.cjs");exports.PopoverBasic=o.PopoverBasic;
+//# sourceMappingURL=components-popover-modal.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-popover-modal.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components-popover-modal.js

@@ -0,0 +1,5 @@
+import { PopoverBasic as e } from "./components-popover-modal-popover-modal.js";
+export {
+  e as PopoverBasic
+};
+//# sourceMappingURL=components-popover-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-popover-modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("./lib-utils.cjs"),n=require("./components-ui-label-label.cjs"),s=require("./components-ui-radio-group-radio-group.cjs");function d({classNames:e,id:t,value:u,defaultValue:m,label:i,options:c=[],...o}){return a.jsx(s.RadioGroup,{...o,defaultValue:m,className:r.cn("w-fit",e?.classNameGroup),children:c.length?c.map(l=>a.jsxs("div",{className:r.cn("flex items-center gap-3",e?.classNameContainerItem),children:[a.jsx(s.RadioGroupItem,{value:l.value,id:l.id,className:e?.classNameGroupItem}),l.label&&a.jsx(n.Label,{htmlFor:l.id,className:e?.classNameLabel,children:l.label})]},l.id)):a.jsxs("div",{className:r.cn("flex items-center gap-3",e?.classNameContainerItem),children:[a.jsx(s.RadioGroupItem,{value:u,id:t,className:e?.classNameGroupItem}),i&&a.jsx(n.Label,{htmlFor:t,className:e?.classNameLabel,children:i})]})})}exports.RadioButton=d;
+//# sourceMappingURL=components-radio-button-radio-button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-radio-button-radio-button.cjs","sources":["../src/components/radio-button/radio-button.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { Label } from \"../ui/label\";\nimport { RadioGroup, RadioGroupItem } from \"../ui/radio-group\";\n\ntype TOptions = {\n  value: string;\n  label?: string;\n  id?: string;\n};\n\ntype Props = {\n  classNames?: {\n    classNameGroup?: string;\n    classNameContainerItem?: string;\n    classNameGroupItem?: string;\n    classNameLabel?: string;\n  };\n  value: string;\n  id?: string;\n  label?: string;\n  defaultValue?: string;\n  options?: TOptions[];\n} & React.ComponentPropsWithoutRef<typeof RadioGroup>;\n\nexport function RadioButton({\n  classNames,\n  id,\n  value,\n  defaultValue,\n  label,\n  options = [],\n  ...rest\n}: Props) {\n  return (\n    <RadioGroup\n      {...rest}\n      defaultValue={defaultValue}\n      className={cn(\"w-fit\", classNames?.classNameGroup)}\n    >\n      {options.length ? (\n        options.map((option) => (\n          <div\n            key={option.id}\n            className={cn(\"flex items-center gap-3\", classNames?.classNameContainerItem)}\n          >\n            <RadioGroupItem\n              value={option.value}\n              id={option.id}\n              className={classNames?.classNameGroupItem}\n            />\n            {option.label && (\n              <Label\n                htmlFor={option.id}\n                className={classNames?.classNameLabel}\n              >\n                {option.label}\n              </Label>\n            )}\n          </div>\n        ))\n      ) : (\n        <div\n          className={cn(\"flex items-center gap-3\", classNames?.classNameContainerItem)}\n        >\n          <RadioGroupItem\n            value={value}\n            id={id}\n            className={classNames?.classNameGroupItem}\n          />\n          {label && (\n            <Label\n              htmlFor={id}\n              className={classNames?.classNameLabel}\n            >\n              {label}\n            </Label>\n          )}\n        </div>\n      )}\n    </RadioGroup>\n  );\n}\n"],"names":["RadioButton","classNames","id","value","defaultValue","label","options","rest","jsx","RadioGroup","cn","option","jsxs","RadioGroupItem","Label"],"mappings":"wPAwBO,SAASA,EAAY,CAC1B,WAAAC,EACA,GAAAC,EACA,MAAAC,EACA,aAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,CAAA,EACV,GAAGC,CACL,EAAU,CACR,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGF,EACJ,aAAAH,EACA,UAAWM,EAAAA,GAAG,QAAST,GAAY,cAAc,EAEhD,SAAAK,EAAQ,OACPA,EAAQ,IAAKK,GACXC,EAAAA,KAAC,MAAA,CAEC,UAAWF,EAAAA,GAAG,0BAA2BT,GAAY,sBAAsB,EAE3E,SAAA,CAAAO,EAAAA,IAACK,EAAAA,eAAA,CACC,MAAOF,EAAO,MACd,GAAIA,EAAO,GACX,UAAWV,GAAY,kBAAA,CAAA,EAExBU,EAAO,OACNH,EAAAA,IAACM,EAAAA,MAAA,CACC,QAASH,EAAO,GAChB,UAAWV,GAAY,eAEtB,SAAAU,EAAO,KAAA,CAAA,CACV,CAAA,EAdGA,EAAO,EAAA,CAiBf,EAEDC,EAAAA,KAAC,MAAA,CACC,UAAWF,EAAAA,GAAG,0BAA2BT,GAAY,sBAAsB,EAE3E,SAAA,CAAAO,EAAAA,IAACK,EAAAA,eAAA,CACC,MAAAV,EACA,GAAAD,EACA,UAAWD,GAAY,kBAAA,CAAA,EAExBI,GACCG,EAAAA,IAACM,EAAAA,MAAA,CACC,QAASZ,EACT,UAAWD,GAAY,eAEtB,SAAAI,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAIR"}

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

@@ -0,0 +1,74 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cn as m } from "./lib-utils.js";
+import { Label as s } from "./components-ui-label-label.js";
+import { RadioGroup as f, RadioGroupItem as d } from "./components-ui-radio-group-radio-group.js";
+function G({
+  classNames: e,
+  id: l,
+  value: n,
+  defaultValue: o,
+  label: t,
+  options: c = [],
+  ...u
+}) {
+  return /* @__PURE__ */ r(
+    f,
+    {
+      ...u,
+      defaultValue: o,
+      className: m("w-fit", e?.classNameGroup),
+      children: c.length ? c.map((a) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: m("flex items-center gap-3", e?.classNameContainerItem),
+          children: [
+            /* @__PURE__ */ r(
+              d,
+              {
+                value: a.value,
+                id: a.id,
+                className: e?.classNameGroupItem
+              }
+            ),
+            a.label && /* @__PURE__ */ r(
+              s,
+              {
+                htmlFor: a.id,
+                className: e?.classNameLabel,
+                children: a.label
+              }
+            )
+          ]
+        },
+        a.id
+      )) : /* @__PURE__ */ i(
+        "div",
+        {
+          className: m("flex items-center gap-3", e?.classNameContainerItem),
+          children: [
+            /* @__PURE__ */ r(
+              d,
+              {
+                value: n,
+                id: l,
+                className: e?.classNameGroupItem
+              }
+            ),
+            t && /* @__PURE__ */ r(
+              s,
+              {
+                htmlFor: l,
+                className: e?.classNameLabel,
+                children: t
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  G as RadioButton
+};
+//# sourceMappingURL=components-radio-button-radio-button.js.map

package/dist/components-radio-button-radio-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-radio-button-radio-button.js","sources":["../src/components/radio-button/radio-button.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { Label } from \"../ui/label\";\nimport { RadioGroup, RadioGroupItem } from \"../ui/radio-group\";\n\ntype TOptions = {\n  value: string;\n  label?: string;\n  id?: string;\n};\n\ntype Props = {\n  classNames?: {\n    classNameGroup?: string;\n    classNameContainerItem?: string;\n    classNameGroupItem?: string;\n    classNameLabel?: string;\n  };\n  value: string;\n  id?: string;\n  label?: string;\n  defaultValue?: string;\n  options?: TOptions[];\n} & React.ComponentPropsWithoutRef<typeof RadioGroup>;\n\nexport function RadioButton({\n  classNames,\n  id,\n  value,\n  defaultValue,\n  label,\n  options = [],\n  ...rest\n}: Props) {\n  return (\n    <RadioGroup\n      {...rest}\n      defaultValue={defaultValue}\n      className={cn(\"w-fit\", classNames?.classNameGroup)}\n    >\n      {options.length ? (\n        options.map((option) => (\n          <div\n            key={option.id}\n            className={cn(\"flex items-center gap-3\", classNames?.classNameContainerItem)}\n          >\n            <RadioGroupItem\n              value={option.value}\n              id={option.id}\n              className={classNames?.classNameGroupItem}\n            />\n            {option.label && (\n              <Label\n                htmlFor={option.id}\n                className={classNames?.classNameLabel}\n              >\n                {option.label}\n              </Label>\n            )}\n          </div>\n        ))\n      ) : (\n        <div\n          className={cn(\"flex items-center gap-3\", classNames?.classNameContainerItem)}\n        >\n          <RadioGroupItem\n            value={value}\n            id={id}\n            className={classNames?.classNameGroupItem}\n          />\n          {label && (\n            <Label\n              htmlFor={id}\n              className={classNames?.classNameLabel}\n            >\n              {label}\n            </Label>\n          )}\n        </div>\n      )}\n    </RadioGroup>\n  );\n}\n"],"names":["RadioButton","classNames","id","value","defaultValue","label","options","rest","jsx","RadioGroup","cn","option","jsxs","RadioGroupItem","Label"],"mappings":";;;;AAwBO,SAASA,EAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,GAAGC;AACL,GAAU;AACR,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,cAAAH;AAAA,MACA,WAAWM,EAAG,SAAST,GAAY,cAAc;AAAA,MAEhD,UAAAK,EAAQ,SACPA,EAAQ,IAAI,CAACK,MACX,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWF,EAAG,2BAA2BT,GAAY,sBAAsB;AAAA,UAE3E,UAAA;AAAA,YAAA,gBAAAO;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,OAAOF,EAAO;AAAA,gBACd,IAAIA,EAAO;AAAA,gBACX,WAAWV,GAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAExBU,EAAO,SACN,gBAAAH;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAASH,EAAO;AAAA,gBAChB,WAAWV,GAAY;AAAA,gBAEtB,UAAAU,EAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,QAdGA,EAAO;AAAA,MAAA,CAiBf,IAED,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAG,2BAA2BT,GAAY,sBAAsB;AAAA,UAE3E,UAAA;AAAA,YAAA,gBAAAO;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,OAAAV;AAAA,gBACA,IAAAD;AAAA,gBACA,WAAWD,GAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAExBI,KACC,gBAAAG;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAASZ;AAAA,gBACT,WAAWD,GAAY;AAAA,gBAEtB,UAAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAIR;"}

package/dist/components-radio-button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-radio-button-radio-button.cjs");exports.RadioButton=t.RadioButton;
+//# sourceMappingURL=components-radio-button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-radio-button.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components-radio-button.js

@@ -0,0 +1,5 @@
+import { RadioButton as r } from "./components-radio-button-radio-button.js";
+export {
+  r as RadioButton
+};
+//# sourceMappingURL=components-radio-button.js.map

package/dist/components-radio-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-radio-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),j=require("react"),F=require("./components-ui-badge-badge.cjs"),z=require("./components-ui-badge-badge.styles.cjs"),r=require("./components-ui-combobox-combobox.cjs"),d=require("./components-ui-field-field.cjs"),k=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const c=s=>typeof s=="object",q=s=>c(s)?s.value:s,E=s=>s.every(a=>typeof a=="string")||s.every(a=>typeof a=="object")?s:s.map(a=>q(a)),f=(s,a)=>s===null||a===null||typeof s=="string"||typeof a=="string"?s===a:s.id===a.id,L=({list:s,label:a,multiple:t,disabled:l=!1,isValid:S,description:$,onChange:i,...h})=>{const[p,w]=j.useState([]),[x,g]=j.useState(null),[m,b]=j.useState(""),v=s,y=l?"opacity-50":"",u={...S===!0&&!l&&{"aria-valid":!0},...S===!1&&!l&&{"aria-invalid":!0},disabled:l},R=e=>{if(t){const n=Array.isArray(e)?e:e?[e]:[],C=n.length>p.length;w(n),i?.(E(n)),C&&b("")}else{const n=Array.isArray(e)?e[0]??null:e;f(x,n)?(g(null),i?.(null)):(g(n),i?.(n)),b("")}},N=e=>{b(e.currentTarget.value)},_=()=>{l||(g(null),i?.(null))},T=t?p:x,V=m.trim().toLowerCase(),A=v.filter(e=>q(e).toLowerCase().includes(V)),I=(e,n)=>o.jsx(r.ComboboxChip,{showRemove:n.withRemove,onClick:n.onClick,className:`${z.badgeVariants({variant:e.variant,kind:e.kind})}
+        ${y} ${n.className}`,children:o.jsx(F.Badge,{variant:e.variant,classNames:{className:"px-2 py-0"},children:e.value})},String(e.id)),P=e=>o.jsxs(o.Fragment,{children:[e.map(n=>c(n)?I(n,{withRemove:!l,className:"pl-2.5"}):o.jsx("span",{className:y,children:n},n)),o.jsx(r.ComboboxChipsInput,{...h,...u,placeholder:e.length>0?"":h.placeholder,value:m,onChange:N})]}),B=e=>o.jsxs(o.Fragment,{children:[e&&(c(e)?I(e,{withRemove:!1,className:"ml-1",onClick:_}):o.jsx(k.Typography,{className:y,onClick:_,children:e})),o.jsx(r.ComboboxChipsInput,{...h,placeholder:e?"":h.placeholder,...u,value:m,onChange:N,className:"flex-1 pl-1"})]});return o.jsx(d.FieldSet,{children:o.jsx(d.FieldGroup,{children:o.jsxs(r.ComboboxField,{children:[o.jsx(d.FieldLabel,{...u,children:a}),o.jsxs(r.Combobox,{items:v,multiple:t,autoHighlight:t,value:T,onValueChange:l?void 0:R,children:[t?o.jsxs(r.ComboboxChips,{disabled:l,className:"pr-8",children:[o.jsx(r.ComboboxValue,{children:P}),o.jsx(r.ComboboxTrigger,{className:"-ml-4.5",disabled:l})]}):o.jsxs(r.ComboboxChips,{disabled:l,className:"pr-8",children:[o.jsx(r.ComboboxValue,{children:B}),o.jsx(r.ComboboxTrigger,{className:"-ml-4.5",disabled:l})]}),o.jsxs(r.ComboboxContent,{children:[o.jsx(r.ComboboxEmpty,{children:"No items found."}),o.jsx(r.ComboboxList,{children:A.map((e,n)=>{const C=t?p.some(Q=>f(Q,e)):f(x,e);return o.jsx(r.ComboboxItem,{disabled:l,value:e,className:`${C?"bg-tertiary-bg":""} ${typeof e=="string"?"py-1":"px-2 py-2"}`,children:c(e)?o.jsx(F.Badge,{dotPosition:"left",variant:e.variant,kind:e.kind,classNames:{className:"px-4 py-1.5"},children:e.value}):o.jsx(k.Typography,{className:"px-4 py-1.5",children:e})},c(e)?String(e.id):`${e}-${n}`)})})]})]}),o.jsx(d.FieldDescription,{...u,children:$})]})})})};L.displayName="SelectSearch";exports.SelectField=L;
+//# sourceMappingURL=components-select-field-select-field.cjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,179 @@
+import { jsx as o, jsxs as c, Fragment as L } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { Badge as F } from "./components-ui-badge-badge.js";
+import { badgeVariants as M } from "./components-ui-badge-badge.styles.js";
+import { ComboboxField as q, Combobox as J, ComboboxChips as $, ComboboxValue as w, ComboboxTrigger as A, ComboboxContent as K, ComboboxEmpty as O, ComboboxList as U, ComboboxItem as W, ComboboxChipsInput as V, ComboboxChip as X } from "./components-ui-combobox-combobox.js";
+import { FieldSet as Y, FieldGroup as Z, FieldLabel as _, FieldDescription as ee } from "./components-ui-field-field.js";
+import { Typography as j } from "./components-ui-typography-typography.js";
+import "./components-ui-typography-typography.styles.js";
+const s = (r) => typeof r == "object", R = (r) => s(r) ? r.value : r, re = (r) => r.every((l) => typeof l == "string") || r.every((l) => typeof l == "object") ? r : r.map((l) => R(l)), x = (r, l) => r === null || l === null || typeof r == "string" || typeof l == "string" ? r === l : r.id === l.id, oe = ({
+  list: r,
+  label: l,
+  multiple: t,
+  disabled: a = !1,
+  isValid: N,
+  description: P,
+  onChange: i,
+  ...h
+}) => {
+  const [p, Q] = b([]), [m, u] = b(null), [g, y] = b(""), v = r, C = a ? "opacity-50" : "", d = {
+    ...N === !0 && !a && { "aria-valid": !0 },
+    ...N === !1 && !a && { "aria-invalid": !0 },
+    disabled: a
+  }, T = (e) => {
+    if (t) {
+      const n = Array.isArray(e) ? e : e ? [e] : [], f = n.length > p.length;
+      Q(n), i?.(re(n)), f && y("");
+    } else {
+      const n = Array.isArray(e) ? e[0] ?? null : e;
+      x(m, n) ? (u(null), i?.(null)) : (u(n), i?.(n)), y("");
+    }
+  }, S = (e) => {
+    y(e.currentTarget.value);
+  }, I = () => {
+    a || (u(null), i?.(null));
+  }, z = t ? p : m, B = g.trim().toLowerCase(), E = v.filter(
+    (e) => R(e).toLowerCase().includes(B)
+  ), k = (e, n) => /* @__PURE__ */ o(
+    X,
+    {
+      showRemove: n.withRemove,
+      onClick: n.onClick,
+      className: `${M({ variant: e.variant, kind: e.kind })}
+        ${C} ${n.className}`,
+      children: /* @__PURE__ */ o(
+        F,
+        {
+          variant: e.variant,
+          classNames: { className: "px-2 py-0" },
+          children: e.value
+        }
+      )
+    },
+    String(e.id)
+  ), D = (e) => /* @__PURE__ */ c(L, { children: [
+    e.map(
+      (n) => s(n) ? k(n, { withRemove: !a, className: "pl-2.5" }) : /* @__PURE__ */ o(
+        "span",
+        {
+          className: C,
+          children: n
+        },
+        n
+      )
+    ),
+    /* @__PURE__ */ o(
+      V,
+      {
+        ...h,
+        ...d,
+        placeholder: e.length > 0 ? "" : h.placeholder,
+        value: g,
+        onChange: S
+      }
+    )
+  ] }), G = (e) => /* @__PURE__ */ c(L, { children: [
+    e && (s(e) ? k(e, {
+      withRemove: !1,
+      className: "ml-1",
+      onClick: I
+    }) : /* @__PURE__ */ o(
+      j,
+      {
+        className: C,
+        onClick: I,
+        children: e
+      }
+    )),
+    /* @__PURE__ */ o(
+      V,
+      {
+        ...h,
+        placeholder: e ? "" : h.placeholder,
+        ...d,
+        value: g,
+        onChange: S,
+        className: "flex-1 pl-1"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ o(Y, { children: /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ c(q, { children: [
+    /* @__PURE__ */ o(_, { ...d, children: l }),
+    /* @__PURE__ */ c(
+      J,
+      {
+        items: v,
+        multiple: t,
+        autoHighlight: t,
+        value: z,
+        onValueChange: a ? void 0 : T,
+        children: [
+          t ? /* @__PURE__ */ c(
+            $,
+            {
+              disabled: a,
+              className: "pr-8",
+              children: [
+                /* @__PURE__ */ o(w, { children: D }),
+                /* @__PURE__ */ o(
+                  A,
+                  {
+                    className: "-ml-4.5",
+                    disabled: a
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ c(
+            $,
+            {
+              disabled: a,
+              className: "pr-8",
+              children: [
+                /* @__PURE__ */ o(w, { children: G }),
+                /* @__PURE__ */ o(
+                  A,
+                  {
+                    className: "-ml-4.5",
+                    disabled: a
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ c(K, { children: [
+            /* @__PURE__ */ o(O, { children: "No items found." }),
+            /* @__PURE__ */ o(U, { children: E.map((e, n) => {
+              const f = t ? p.some((H) => x(H, e)) : x(m, e);
+              return /* @__PURE__ */ o(
+                W,
+                {
+                  disabled: a,
+                  value: e,
+                  className: `${f ? "bg-tertiary-bg" : ""} ${typeof e == "string" ? "py-1" : "px-2 py-2"}`,
+                  children: s(e) ? /* @__PURE__ */ o(
+                    F,
+                    {
+                      dotPosition: "left",
+                      variant: e.variant,
+                      kind: e.kind,
+                      classNames: { className: "px-4 py-1.5" },
+                      children: e.value
+                    }
+                  ) : /* @__PURE__ */ o(j, { className: "px-4 py-1.5", children: e })
+                },
+                s(e) ? String(e.id) : `${e}-${n}`
+              );
+            }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(ee, { ...d, children: P })
+  ] }) }) });
+};
+oe.displayName = "SelectSearch";
+export {
+  oe as SelectField
+};
+//# sourceMappingURL=components-select-field-select-field.js.map

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

@@ -0,0 +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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"}

package/dist/components-select-field.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components-select-field-select-field.cjs");exports.SelectField=e.SelectField;
+//# sourceMappingURL=components-select-field.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-select-field.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components-select-field.js

@@ -0,0 +1,5 @@
+import { SelectField as o } from "./components-select-field-select-field.js";
+export {
+  o as SelectField
+};
+//# sourceMappingURL=components-select-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-select-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components-select-groups-select-groups.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("./lib-utils.cjs"),S=require("react"),c=require("./components-ui-field-field.cjs"),r=require("./components-ui-select-select.cjs"),I=({groups:n=[],label:u,description:d,disabled:i=!1,isValid:h,placeholder:x="Выбрать",value:j,defaultValue:p,onChange:f,showSeparators:_=!0,classNames:t,...g})=>{const[y,v]=S.useState(p),m=typeof j=="string",G=m?j:y,s=Array.isArray(n)?n.every(l=>typeof l=="string")?[{items:n}]:n:[n],b=s.some(l=>l.items.length>0),a={...h===!0&&!i&&{"aria-valid":!0},...h===!1&&!i&&{"aria-invalid":!0},disabled:i},F=l=>{m||v(l),f?.(l)};return e.jsx(c.FieldSet,{className:t?.fieldSet,children:e.jsx(c.FieldGroup,{className:t?.fieldGroup,children:e.jsxs(c.Field,{className:t?.field,children:[u&&e.jsx(c.FieldLabel,{...a,className:t?.fieldLabel,children:u}),e.jsxs(r.Select,{value:G,onValueChange:i?void 0:F,disabled:i,...g,children:[e.jsx(r.SelectTrigger,{...a,className:C.cn("w-full",t?.trigger),children:e.jsx(r.SelectValue,{placeholder:x})}),e.jsx(r.SelectContent,{className:t?.content,children:b?s.map((l,q)=>e.jsxs(S.Fragment,{children:[e.jsxs(r.SelectGroup,{className:t?.group,children:[l.label?e.jsx(r.SelectLabel,{className:t?.label,children:l.label}):null,l.items.map(o=>e.jsx(r.SelectItem,{value:o,className:t?.item,children:o},o))]}),_&&q<s.length-1?e.jsx(r.SelectSeparator,{className:t?.separator}):null]},`${l.label??"group"}-${l.items.join("|")}`)):e.jsx(r.SelectGroup,{className:t?.group,children:e.jsx(r.SelectItem,{value:"__empty-select-groups-item__",disabled:!0,className:t?.item,children:"Нет доступных элементов"})})})]}),d&&e.jsx(c.FieldDescription,{...a,className:t?.description,children:d})]})})})};exports.SelectGroups=I;
+//# sourceMappingURL=components-select-groups-select-groups.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-select-groups-select-groups.cjs","sources":["../src/components/select-groups/select-groups.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { Fragment, useState } from \"react\";\nimport { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select\";\n\nexport type SelectGroupsData = {\n  label?: string;\n  items: string[];\n};\n\nexport type SelectGroupsItem = SelectGroupsData | string;\n\nexport type SelectGroupsProps = {\n  groups: SelectGroupsData[] | SelectGroupsData | string[];\n  label?: string;\n  description?: string;\n  disabled?: boolean;\n  isValid?: boolean;\n  placeholder?: string;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  showSeparators?: boolean;\n  classNames?: {\n    fieldSet?: string;\n    fieldGroup?: string;\n    field?: string;\n    fieldLabel?: string;\n    description?: string;\n    trigger?: string;\n    content?: string;\n    group?: string;\n    label?: string;\n    item?: string;\n    separator?: string;\n  };\n} & Omit<\n  React.ComponentProps<typeof Select>,\n  \"value\" | \"defaultValue\" | \"onValueChange\" | \"children\"\n>;\n\nexport const SelectGroups = ({\n  groups = [],\n  label,\n  description,\n  disabled = false,\n  isValid,\n  placeholder = \"Выбрать\",\n  value,\n  defaultValue,\n  onChange,\n  showSeparators = true,\n  classNames,\n  ...rest\n}: SelectGroupsProps) => {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const isControlled = typeof value === \"string\";\n  const currentValue = isControlled ? value : internalValue;\n\n  const normalizedGroups: SelectGroupsData[] = Array.isArray(groups)\n    ? groups.every((group) => typeof group === \"string\")\n      ? [{ items: groups }]\n      : groups\n    : [groups];\n\n  const hasAnyItems = normalizedGroups.some((group) => group.items.length > 0);\n\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  const handleValueChange = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    onChange?.(nextValue);\n  };\n\n  return (\n    <FieldSet className={classNames?.fieldSet}>\n      <FieldGroup className={classNames?.fieldGroup}>\n        <Field className={classNames?.field}>\n          {label && (\n            <FieldLabel\n              {...validationProps}\n              className={classNames?.fieldLabel}\n            >\n              {label}\n            </FieldLabel>\n          )}\n\n          <Select\n            value={currentValue}\n            onValueChange={disabled ? undefined : handleValueChange}\n            disabled={disabled}\n            {...rest}\n          >\n            <SelectTrigger\n              {...validationProps}\n              className={cn(\"w-full\", classNames?.trigger)}\n            >\n              <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n\n            <SelectContent className={classNames?.content}>\n              {hasAnyItems ? (\n                normalizedGroups.map((group, groupIndex) => (\n                  <Fragment key={`${group.label ?? \"group\"}-${group.items.join(\"|\")}`}>\n                    <SelectGroup className={classNames?.group}>\n                      {group.label ? (\n                        <SelectLabel className={classNames?.label}>\n                          {group.label}\n                        </SelectLabel>\n                      ) : null}\n\n                      {group.items.map((item) => (\n                        <SelectItem\n                          key={item}\n                          value={item}\n                          className={classNames?.item}\n                        >\n                          {item}\n                        </SelectItem>\n                      ))}\n                    </SelectGroup>\n\n                    {showSeparators && groupIndex < normalizedGroups.length - 1 ? (\n                      <SelectSeparator className={classNames?.separator} />\n                    ) : null}\n                  </Fragment>\n                ))\n              ) : (\n                <SelectGroup className={classNames?.group}>\n                  <SelectItem\n                    value=\"__empty-select-groups-item__\"\n                    disabled\n                    className={classNames?.item}\n                  >\n                    Нет доступных элементов\n                  </SelectItem>\n                </SelectGroup>\n              )}\n            </SelectContent>\n          </Select>\n\n          {description && (\n            <FieldDescription\n              {...validationProps}\n              className={classNames?.description}\n            >\n              {description}\n            </FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n"],"names":["SelectGroups","groups","label","description","disabled","isValid","placeholder","value","defaultValue","onChange","showSeparators","classNames","rest","internalValue","setInternalValue","useState","isControlled","currentValue","normalizedGroups","group","hasAnyItems","validationProps","handleValueChange","nextValue","jsx","FieldSet","FieldGroup","jsxs","Field","FieldLabel","Select","SelectTrigger","cn","SelectValue","SelectContent","groupIndex","Fragment","SelectGroup","SelectLabel","item","SelectItem","SelectSeparator","FieldDescription"],"mappings":"iQAkDaA,EAAe,CAAC,CAC3B,OAAAC,EAAS,CAAA,EACT,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,YAAAC,EAAc,UACd,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,eAAAC,EAAiB,GACjB,WAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAASP,CAAY,EACzDQ,EAAe,OAAOT,GAAU,SAChCU,EAAeD,EAAeT,EAAQM,EAEtCK,EAAuC,MAAM,QAAQjB,CAAM,EAC7DA,EAAO,MAAOkB,GAAU,OAAOA,GAAU,QAAQ,EAC/C,CAAC,CAAE,MAAOlB,EAAQ,EAClBA,EACF,CAACA,CAAM,EAELmB,EAAcF,EAAiB,KAAMC,GAAUA,EAAM,MAAM,OAAS,CAAC,EAErEE,EAAkB,CACtB,GAAIhB,IAAY,IAAQ,CAACD,GAAY,CAAE,aAAc,EAAA,EACrD,GAAIC,IAAY,IAAS,CAACD,GAAY,CAAE,eAAgB,EAAA,EACxD,SAAAA,CAAA,EAGIkB,EAAqBC,GAAsB,CAC1CP,GACHF,EAAiBS,CAAS,EAG5Bd,IAAWc,CAAS,CACtB,EAEA,OACEC,EAAAA,IAACC,EAAAA,SAAA,CAAS,UAAWd,GAAY,SAC/B,SAAAa,EAAAA,IAACE,aAAA,CAAW,UAAWf,GAAY,WACjC,SAAAgB,OAACC,EAAAA,MAAA,CAAM,UAAWjB,GAAY,MAC3B,SAAA,CAAAT,GACCsB,EAAAA,IAACK,EAAAA,WAAA,CACE,GAAGR,EACJ,UAAWV,GAAY,WAEtB,SAAAT,CAAA,CAAA,EAILyB,EAAAA,KAACG,EAAAA,OAAA,CACC,MAAOb,EACP,cAAeb,EAAW,OAAYkB,EACtC,SAAAlB,EACC,GAAGQ,EAEJ,SAAA,CAAAY,EAAAA,IAACO,EAAAA,cAAA,CACE,GAAGV,EACJ,UAAWW,EAAAA,GAAG,SAAUrB,GAAY,OAAO,EAE3C,SAAAa,EAAAA,IAACS,eAAY,YAAA3B,CAAA,CAA0B,CAAA,CAAA,EAGzCkB,EAAAA,IAACU,EAAAA,cAAA,CAAc,UAAWvB,GAAY,QACnC,SAAAS,EACCF,EAAiB,IAAI,CAACC,EAAOgB,IAC3BR,EAAAA,KAACS,EAAAA,SAAA,CACC,SAAA,CAAAT,EAAAA,KAACU,EAAAA,YAAA,CAAY,UAAW1B,GAAY,MACjC,SAAA,CAAAQ,EAAM,YACJmB,EAAAA,YAAA,CAAY,UAAW3B,GAAY,MACjC,SAAAQ,EAAM,MACT,EACE,KAEHA,EAAM,MAAM,IAAKoB,GAChBf,EAAAA,IAACgB,EAAAA,WAAA,CAEC,MAAOD,EACP,UAAW5B,GAAY,KAEtB,SAAA4B,CAAA,EAJIA,CAAA,CAMR,CAAA,EACH,EAEC7B,GAAkByB,EAAajB,EAAiB,OAAS,QACvDuB,EAAAA,gBAAA,CAAgB,UAAW9B,GAAY,SAAA,CAAW,EACjD,IAAA,GArBS,GAAGQ,EAAM,OAAS,OAAO,IAAIA,EAAM,MAAM,KAAK,GAAG,CAAC,EAsBjE,CACD,QAEAkB,EAAAA,YAAA,CAAY,UAAW1B,GAAY,MAClC,SAAAa,EAAAA,IAACgB,EAAAA,WAAA,CACC,MAAM,+BACN,SAAQ,GACR,UAAW7B,GAAY,KACxB,SAAA,yBAAA,CAAA,EAGH,CAAA,CAEJ,CAAA,CAAA,CAAA,EAGDR,GACCqB,EAAAA,IAACkB,EAAAA,iBAAA,CACE,GAAGrB,EACJ,UAAWV,GAAY,YAEtB,SAAAR,CAAA,CAAA,CACH,CAAA,CAEJ,EACF,EACF,CAEJ"}

package/dist/components-select-groups-select-groups.js

@@ -0,0 +1,91 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { cn as A } from "./lib-utils.js";
+import { useState as I, Fragment as L } from "react";
+import { FieldSet as x, FieldGroup as $, Field as w, FieldLabel as z, FieldDescription as D } from "./components-ui-field-field.js";
+import { Select as N, SelectTrigger as P, SelectValue as T, SelectContent as k, SelectGroup as f, SelectLabel as q, SelectItem as s, SelectSeparator as B } from "./components-ui-select-select.js";
+const O = ({
+  groups: r = [],
+  label: m,
+  description: d,
+  disabled: n = !1,
+  isValid: h,
+  placeholder: S = "Выбрать",
+  value: u,
+  defaultValue: g,
+  onChange: v,
+  showSeparators: y = !0,
+  classNames: e,
+  ...F
+}) => {
+  const [G, C] = I(g), p = typeof u == "string", V = p ? u : G, a = Array.isArray(r) ? r.every((l) => typeof l == "string") ? [{ items: r }] : r : [r], _ = a.some((l) => l.items.length > 0), c = {
+    ...h === !0 && !n && { "aria-valid": !0 },
+    ...h === !1 && !n && { "aria-invalid": !0 },
+    disabled: n
+  }, b = (l) => {
+    p || C(l), v?.(l);
+  };
+  return /* @__PURE__ */ t(x, { className: e?.fieldSet, children: /* @__PURE__ */ t($, { className: e?.fieldGroup, children: /* @__PURE__ */ i(w, { className: e?.field, children: [
+    m && /* @__PURE__ */ t(
+      z,
+      {
+        ...c,
+        className: e?.fieldLabel,
+        children: m
+      }
+    ),
+    /* @__PURE__ */ i(
+      N,
+      {
+        value: V,
+        onValueChange: n ? void 0 : b,
+        disabled: n,
+        ...F,
+        children: [
+          /* @__PURE__ */ t(
+            P,
+            {
+              ...c,
+              className: A("w-full", e?.trigger),
+              children: /* @__PURE__ */ t(T, { placeholder: S })
+            }
+          ),
+          /* @__PURE__ */ t(k, { className: e?.content, children: _ ? a.map((l, j) => /* @__PURE__ */ i(L, { children: [
+            /* @__PURE__ */ i(f, { className: e?.group, children: [
+              l.label ? /* @__PURE__ */ t(q, { className: e?.label, children: l.label }) : null,
+              l.items.map((o) => /* @__PURE__ */ t(
+                s,
+                {
+                  value: o,
+                  className: e?.item,
+                  children: o
+                },
+                o
+              ))
+            ] }),
+            y && j < a.length - 1 ? /* @__PURE__ */ t(B, { className: e?.separator }) : null
+          ] }, `${l.label ?? "group"}-${l.items.join("|")}`)) : /* @__PURE__ */ t(f, { className: e?.group, children: /* @__PURE__ */ t(
+            s,
+            {
+              value: "__empty-select-groups-item__",
+              disabled: !0,
+              className: e?.item,
+              children: "Нет доступных элементов"
+            }
+          ) }) })
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ t(
+      D,
+      {
+        ...c,
+        className: e?.description,
+        children: d
+      }
+    )
+  ] }) }) });
+};
+export {
+  O as SelectGroups
+};
+//# sourceMappingURL=components-select-groups-select-groups.js.map