brd-ui-kit 0.1.57 → 0.1.59

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.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.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.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.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.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.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

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-select-groups-select-groups.js","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":"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"}

package/dist/components-select-groups.js

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

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { FieldSet as n, FieldGroup as c, Field as s, FieldLabel as m, FieldDescription as p } from "./components-ui-field-field.js";
+import { Textarea as F } from "./components-ui-textarea-textarea.js";
+const f = ({
+  label: d,
+  description: l,
+  isValid: t,
+  ...a
+}) => {
+  const { disabled: r } = a, i = {
+    ...t === !0 && !r && { "aria-valid": !0 },
+    ...t === !1 && !r && { "aria-invalid": !0 },
+    disabled: r
+  };
+  return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ o(s, { children: [
+    d && /* @__PURE__ */ e(m, { ...i, children: d }),
+    /* @__PURE__ */ e(
+      F,
+      {
+        ...a,
+        ...i
+      }
+    ),
+    l && /* @__PURE__ */ e(p, { ...i, children: l })
+  ] }) }) });
+};
+export {
+  f as TextareaField
+};
+//# sourceMappingURL=components-textarea-field-textarea-field.js.map

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

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

package/dist/components-textarea-field.js

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

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

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