brd-ui-kit 0.1.57 → 0.1.59

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

@@ -0,0 +1,155 @@
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import "class-variance-authority";
+import { useMemo as o } from "react";
+import { cn as s } from "./lib-utils.js";
+import { Label as f } from "./components-ui-label-label.js";
+import { Separator as m } from "./components-ui-separator-separator.js";
+import { fieldVariants as u, fieldErrorsListClassName as c, fieldSeparatorLineClassName as p, fieldSeparatorContentClassName as N, fieldSetClassName as C, fieldLegendClassName as g, fieldGroupClassName as F, fieldContentClassName as v, fieldLabelClassName as L, fieldTitleClassName as S, fieldDescriptionClassName as b, fieldSeparatorClassName as x, fieldErrorClassName as E } from "./components-ui-field-field.styles.js";
+function V({ className: a, ...e }) {
+  return /* @__PURE__ */ l(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: s(C, a, "min-w-0 flex-1 w-full"),
+      ...e
+    }
+  );
+}
+function k({
+  className: a,
+  variant: e = "legend",
+  ...t
+}) {
+  return /* @__PURE__ */ l(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": e,
+      className: s(g, a),
+      ...t
+    }
+  );
+}
+function q({ className: a, ...e }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: s(F, a),
+      ...e
+    }
+  );
+}
+function y({
+  className: a,
+  orientation: e = "vertical",
+  ...t
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": e,
+      className: s(u({ orientation: e }), a),
+      ...t
+    }
+  );
+}
+function z({ className: a, ...e }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: s(v, a),
+      ...e
+    }
+  );
+}
+function A({ className: a, ...e }) {
+  return /* @__PURE__ */ l(
+    f,
+    {
+      "data-slot": "field-label",
+      className: s(L, a),
+      ...e
+    }
+  );
+}
+function B({ className: a, ...e }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: s(S, a),
+      ...e
+    }
+  );
+}
+function H({ className: a, ...e }) {
+  return /* @__PURE__ */ l(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: s(b, a),
+      ...e
+    }
+  );
+}
+function I({
+  children: a,
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!a,
+      className: s(x, e),
+      ...t,
+      children: [
+        /* @__PURE__ */ l(m, { className: p }),
+        a && /* @__PURE__ */ l(
+          "span",
+          {
+            className: N,
+            "data-slot": "field-separator-content",
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}
+function J({
+  className: a,
+  children: e,
+  errors: t,
+  ...r
+}) {
+  const n = o(() => e || (t ? t.length === 1 && t[0]?.message ? t[0].message : /* @__PURE__ */ l("ul", { className: c, children: t.map((i) => i?.message ? /* @__PURE__ */ l("li", { children: i.message }, i.message) : null) }) : null), [e, t]);
+  return n ? /* @__PURE__ */ l(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: s(E, a),
+      ...r,
+      children: n
+    }
+  ) : null;
+}
+export {
+  y as Field,
+  z as FieldContent,
+  H as FieldDescription,
+  J as FieldError,
+  q as FieldGroup,
+  A as FieldLabel,
+  k as FieldLegend,
+  I as FieldSeparator,
+  V as FieldSet,
+  B as FieldTitle
+};
+//# sourceMappingURL=components-ui-field-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-field-field.js","sources":["../src/components/ui/field/field.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Label } from \"../label\";\nimport { Separator } from \"../separator\";\nimport {\n  fieldContentClassName,\n  fieldDescriptionClassName,\n  fieldErrorClassName,\n  fieldErrorsListClassName,\n  fieldGroupClassName,\n  fieldLabelClassName,\n  fieldLegendClassName,\n  fieldSeparatorClassName,\n  fieldSeparatorContentClassName,\n  fieldSeparatorLineClassName,\n  fieldSetClassName,\n  fieldTitleClassName,\n  fieldVariants,\n} from \"./field.styles\";\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(fieldSetClassName, className, \"min-w-0 flex-1 w-full\")}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(fieldLegendClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(fieldGroupClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction Field({\n  className,\n  orientation = \"vertical\" as \"vertical\" | \"horizontal\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(fieldContentClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(fieldLabelClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(fieldTitleClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(fieldDescriptionClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(fieldSeparatorClassName, className)}\n      {...props}\n    >\n      <Separator className={fieldSeparatorLineClassName} />\n      {children && (\n        <span\n          className={fieldSeparatorContentClassName}\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors) {\n      return null;\n    }\n\n    if (errors.length === 1 && errors[0]?.message) {\n      return errors[0].message;\n    }\n\n    return (\n      <ul className={fieldErrorsListClassName}>\n        {errors.map((error) => {\n          if (!error?.message) {\n            return null;\n          }\n\n          return <li key={error.message}>{error.message}</li>;\n        })}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(fieldErrorClassName, className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n};\n"],"names":["FieldSet","className","props","jsx","cn","fieldSetClassName","FieldLegend","variant","fieldLegendClassName","FieldGroup","fieldGroupClassName","Field","orientation","fieldVariants","FieldContent","fieldContentClassName","FieldLabel","Label","fieldLabelClassName","FieldTitle","fieldTitleClassName","FieldDescription","fieldDescriptionClassName","FieldSeparator","children","jsxs","fieldSeparatorClassName","Separator","fieldSeparatorLineClassName","fieldSeparatorContentClassName","FieldError","errors","content","useMemo","fieldErrorsListClassName","error","fieldErrorClassName"],"mappings":"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"}

package/dist/components-ui-field-field.styles.js

@@ -0,0 +1,59 @@
+import { cva as a } from "class-variance-authority";
+import "react";
+import "./lib-utils.js";
+import { getTypographyClassName as t } from "./components-ui-typography-typography.styles.js";
+const i = a(
+  "group/field data-[invalid=true]:text-error-text flex h-full w-full gap-2",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col"],
+        horizontal: [
+          "flex-row items-center",
+          "*:data-[slot=field-label]:flex-auto",
+          `has-[>[data-slot=field-content]]:items-start
+          has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+), s = "flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", d = "mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm", n = "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", f = "group/field-content flex flex-1 flex-col gap-2", x = [
+  `group/field-label peer/field-label text-primary-text flex w-fit gap-2 text-sm
+  leading-[150%] font-normal tracking-normal
+  group-data-[disabled=true]/field:opacity-50`,
+  "aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text",
+  `has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col
+  has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border
+  *:data-[slot=field]:p-4`,
+  `has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary
+  dark:has-data-[state=checked]:bg-primary/10`
+].join(" "), c = [
+  `text-primary-text flex w-fit items-center gap-2
+  group-data-[disabled=true]/field:opacity-50`,
+  t("body-sm-regular")
+].join(" "), p = [
+  "text-sub-label-text group-has-data-[orientation=horizontal]/field:text-balance",
+  "aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text",
+  t("body-xs-regular"),
+  "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+  "[&>a:hover]:text-primary-text [&>a]:underline [&>a]:underline-offset-4"
+].join(" "), m = "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", g = "absolute inset-0 top-1/2", u = "bg-background text-muted-foreground relative mx-auto block w-fit px-2", b = "ml-4 flex list-disc flex-col gap-1", h = "text-error-text text-xs leading-[140%] font-normal tracking-normal";
+export {
+  f as fieldContentClassName,
+  p as fieldDescriptionClassName,
+  h as fieldErrorClassName,
+  b as fieldErrorsListClassName,
+  n as fieldGroupClassName,
+  x as fieldLabelClassName,
+  d as fieldLegendClassName,
+  m as fieldSeparatorClassName,
+  u as fieldSeparatorContentClassName,
+  g as fieldSeparatorLineClassName,
+  s as fieldSetClassName,
+  c as fieldTitleClassName,
+  i as fieldVariants
+};
+//# sourceMappingURL=components-ui-field-field.styles.js.map

package/dist/components-ui-field-field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-field-field.styles.js","sources":["../src/components/ui/field/field.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../typography\";\n\nexport const fieldVariants = cva(\n  \"group/field data-[invalid=true]:text-error-text flex h-full w-full gap-2\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"*:data-[slot=field-label]:flex-auto\",\n          `has-[>[data-slot=field-content]]:items-start\n          has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  },\n);\n\nexport const fieldSetClassName =\n  \"flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\";\n\nexport const fieldLegendClassName =\n  \"mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm\";\n\nexport const fieldGroupClassName =\n  \"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\";\n\nexport const fieldContentClassName = \"group/field-content flex flex-1 flex-col gap-2\";\n\nexport const fieldLabelClassName = [\n  `group/field-label peer/field-label text-primary-text flex w-fit gap-2 text-sm\n  leading-[150%] font-normal tracking-normal\n  group-data-[disabled=true]/field:opacity-50`,\n  \"aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text\",\n  `has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\n  has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border\n  *:data-[slot=field]:p-4`,\n  `has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary\n  dark:has-data-[state=checked]:bg-primary/10`,\n].join(\" \");\n\nexport const fieldTitleClassName = [\n  `text-primary-text flex w-fit items-center gap-2\n  group-data-[disabled=true]/field:opacity-50`,\n  getTypographyClassName(\"body-sm-regular\"),\n].join(\" \");\n\nexport const fieldDescriptionClassName = [\n  \"text-sub-label-text group-has-data-[orientation=horizontal]/field:text-balance\",\n  \"aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text\",\n  getTypographyClassName(\"body-xs-regular\"),\n  \"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5\",\n  \"[&>a:hover]:text-primary-text [&>a]:underline [&>a]:underline-offset-4\",\n].join(\" \");\n\nexport const fieldSeparatorClassName =\n  \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\";\n\nexport const fieldSeparatorLineClassName = \"absolute inset-0 top-1/2\";\n\nexport const fieldSeparatorContentClassName =\n  \"bg-background text-muted-foreground relative mx-auto block w-fit px-2\";\n\nexport const fieldErrorsListClassName = \"ml-4 flex list-disc flex-col gap-1\";\n\nexport const fieldErrorClassName =\n  \"text-error-text text-xs leading-[140%] font-normal tracking-normal\";\n"],"names":["fieldVariants","cva","fieldSetClassName","fieldLegendClassName","fieldGroupClassName","fieldContentClassName","fieldLabelClassName","fieldTitleClassName","getTypographyClassName","fieldDescriptionClassName","fieldSeparatorClassName","fieldSeparatorLineClassName","fieldSeparatorContentClassName","fieldErrorsListClassName","fieldErrorClassName"],"mappings":";;;;AAGO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,UAAU,CAAC,UAAU;AAAA,QACrB,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAAA;AAAA,MAEF;AAAA,IACF;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEaC,IACX,oGAEWC,IACX,iFAEWC,IACX,wIAEWC,IAAwB,kDAExBC,IAAsB;AAAA,EACjC;AAAA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA;AAAA;AAEF,EAAE,KAAK,GAAG,GAEGC,IAAsB;AAAA,EACjC;AAAA;AAAA,EAEAC,EAAuB,iBAAiB;AAC1C,EAAE,KAAK,GAAG,GAEGC,IAA4B;AAAA,EACvC;AAAA,EACA;AAAA,EACAD,EAAuB,iBAAiB;AAAA,EACxC;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEGE,IACX,6EAEWC,IAA8B,4BAE9BC,IACX,yEAEWC,IAA2B,sCAE3BC,IACX;"}

package/dist/components-ui-field.js

@@ -0,0 +1,14 @@
+import { Field as l, FieldContent as d, FieldDescription as F, FieldError as r, FieldGroup as o, FieldLabel as t, FieldLegend as n, FieldSeparator as p, FieldSet as a, FieldTitle as L } from "./components-ui-field-field.js";
+export {
+  l as Field,
+  d as FieldContent,
+  F as FieldDescription,
+  r as FieldError,
+  o as FieldGroup,
+  t as FieldLabel,
+  n as FieldLegend,
+  p as FieldSeparator,
+  a as FieldSet,
+  L as FieldTitle
+};
+//# sourceMappingURL=components-ui-field.js.map

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

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

package/dist/components-ui-icon-icon-dictionary.js

@@ -0,0 +1,60 @@
+import { Trash2 as e, CircleQuestionMarkIcon as r, ScrollText as o, FileText as c, Pencil as l, Loader2Icon as i, OctagonXIcon as t, TriangleAlertIcon as n, InfoIcon as s, CircleCheckIcon as a, ChevronUp as h, Mail as g, Trash as C, CircleX as d, Import as u, LockKeyhole as k, CircleAlert as p, DollarSign as f, CreditCard as y, Package as m, EyeOff as I, Eye as T, Clock3 as v, CircleQuestionMark as x, RotateCcw as L, ChevronsUpDown as b, ChevronDown as w, Tag as B, ListTodo as P, Ellipsis as U, Funnel as F, ListFilter as M, Search as S, MessageCircle as D, ChartLine as E, Calendar1 as O, BriefcaseBusiness as X, FolderOpen as q, UserCog as A, BookUser as Q, BellRing as R, LayoutGrid as G, Users as K, X as W, Building2 as j, Palette as z, Phone as H, Wrench as J, Plus as N, Settings as V } from "lucide-react";
+import { CircleCheck as Y, Check as Z } from "./components-ui-icon-overrides.js";
+const ee = {
+  settings: V,
+  plus: N,
+  wrench: J,
+  phone: H,
+  palette: z,
+  building: j,
+  close: W,
+  done: Z,
+  check: Y,
+  users: K,
+  "layout-grid": G,
+  bell: R,
+  "book-user": Q,
+  "user-gear": A,
+  folder: q,
+  "briefcase-business": X,
+  calendar: O,
+  "chart-line": E,
+  message: D,
+  search: S,
+  "list-filter": M,
+  funnel: F,
+  dots: U,
+  "check-list": P,
+  tag: B,
+  chevron: w,
+  chevrons: b,
+  "rotate-ccw": L,
+  question: x,
+  clock: v,
+  eye: T,
+  "eye-off": I,
+  package: m,
+  "credit-card": y,
+  "dollar-sign": f,
+  "circle-alert": p,
+  "lock-keyhole": k,
+  import: u,
+  "circle-x": d,
+  trash: C,
+  mail: g,
+  "chevron-up": h,
+  "circle-check": a,
+  info: s,
+  "triangle-alert": n,
+  octagon: t,
+  loader: i,
+  pencil: l,
+  "file-text": c,
+  "scroll-text": o,
+  "circle-question": r,
+  trash2: e
+};
+export {
+  ee as dictionary
+};
+//# sourceMappingURL=components-ui-icon-icon-dictionary.js.map

package/dist/components-ui-icon-icon-dictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-icon-icon-dictionary.js","sources":["../src/components/ui/icon/icon-dictionary.tsx"],"sourcesContent":["import {\n  BellRing,\n  BookUser,\n  BriefcaseBusiness,\n  Building2,\n  Calendar1,\n  ChartLine,\n  ChevronDown,\n  ChevronsUpDown,\n  CircleAlert,\n  CircleQuestionMark,\n  CircleX,\n  Clock3,\n  CreditCard,\n  DollarSign,\n  Ellipsis,\n  Eye,\n  EyeOff,\n  FolderOpen,\n  Funnel,\n  Import,\n  LayoutGrid,\n  ListFilter,\n  ListTodo,\n  LockKeyhole,\n  MessageCircle,\n  Package,\n  Palette,\n  Pencil,\n  Phone,\n  Plus,\n  RotateCcw,\n  Search,\n  Settings,\n  Tag,\n  Trash,\n  UserCog,\n  Users,\n  Wrench,\n  X,\n  Mail,\n  ChevronUp,\n  CircleCheckIcon,\n  InfoIcon, \n  TriangleAlertIcon, \n  OctagonXIcon, \n  Loader2Icon,\n  FileText,\n  ScrollText,\n  CircleQuestionMarkIcon,\n  Trash2\n\n} from \"lucide-react\";\nimport { Check, CircleCheck } from \"./overrides\";\n\nexport const dictionary = {\n  settings: Settings,\n  plus: Plus,\n  wrench: Wrench,\n  phone: Phone,\n  palette: Palette,\n  building: Building2,\n  close: X,\n  done: Check,\n  check: CircleCheck,\n  users: Users,\n  \"layout-grid\": LayoutGrid,\n  bell: BellRing,\n  \"book-user\": BookUser,\n  \"user-gear\": UserCog,\n  folder: FolderOpen,\n  \"briefcase-business\": BriefcaseBusiness,\n  calendar: Calendar1,\n  \"chart-line\": ChartLine,\n  message: MessageCircle,\n  search: Search,\n  \"list-filter\": ListFilter,\n  funnel: Funnel,\n  dots: Ellipsis,\n  \"check-list\": ListTodo,\n  tag: Tag,\n  chevron: ChevronDown,\n  chevrons: ChevronsUpDown,\n  \"rotate-ccw\": RotateCcw,\n  question: CircleQuestionMark,\n  clock: Clock3,\n  eye: Eye,\n  \"eye-off\": EyeOff,\n  package: Package,\n  \"credit-card\": CreditCard,\n  \"dollar-sign\": DollarSign,\n  \"circle-alert\": CircleAlert,\n  \"lock-keyhole\": LockKeyhole,\n  import: Import,\n  \"circle-x\": CircleX,\n  trash: Trash,\n  mail: Mail,\n  'chevron-up': ChevronUp,\n  \"circle-check\": CircleCheckIcon,\n  info: InfoIcon,\n  \"triangle-alert\" :TriangleAlertIcon,\n  \"octagon\": OctagonXIcon,\n  loader: Loader2Icon,\n  pencil: Pencil,\n  \"file-text\": FileText,\n  \"scroll-text\": ScrollText,\n  \"circle-question\": CircleQuestionMarkIcon,\n  trash2: Trash2\n};\n"],"names":["dictionary","Settings","Plus","Wrench","Phone","Palette","Building2","X","Check","CircleCheck","Users","LayoutGrid","BellRing","BookUser","UserCog","FolderOpen","BriefcaseBusiness","Calendar1","ChartLine","MessageCircle","Search","ListFilter","Funnel","Ellipsis","ListTodo","Tag","ChevronDown","ChevronsUpDown","RotateCcw","CircleQuestionMark","Clock3","Eye","EyeOff","Package","CreditCard","DollarSign","CircleAlert","LockKeyhole","Import","CircleX","Trash","Mail","ChevronUp","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon","Pencil","FileText","ScrollText","CircleQuestionMarkIcon","Trash2"],"mappings":";;AAuDO,MAAMA,KAAa;AAAA,EACxB,UAAUC;AAAA,EACV,MAAMC;AAAA,EACN,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,UAAUC;AAAA,EACV,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,eAAeC;AAAA,EACf,MAAMC;AAAA,EACN,aAAaC;AAAA,EACb,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,sBAAsBC;AAAA,EACtB,UAAUC;AAAA,EACV,cAAcC;AAAA,EACd,SAASC;AAAA,EACT,QAAQC;AAAA,EACR,eAAeC;AAAA,EACf,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,cAAcC;AAAA,EACd,KAAKC;AAAA,EACL,SAASC;AAAA,EACT,UAAUC;AAAA,EACV,cAAcC;AAAA,EACd,UAAUC;AAAA,EACV,OAAOC;AAAA,EACP,KAAKC;AAAA,EACL,WAAWC;AAAA,EACX,SAASC;AAAA,EACT,eAAeC;AAAA,EACf,eAAeC;AAAA,EACf,gBAAgBC;AAAA,EAChB,gBAAgBC;AAAA,EAChB,QAAQC;AAAA,EACR,YAAYC;AAAA,EACZ,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,cAAcC;AAAA,EACd,gBAAgBC;AAAA,EAChB,MAAMC;AAAA,EACN,kBAAkBC;AAAA,EAClB,SAAWC;AAAA,EACX,QAAQC;AAAA,EACR,QAAQC;AAAA,EACR,aAAaC;AAAA,EACb,eAAeC;AAAA,EACf,mBAAmBC;AAAA,EACnB,QAAQC;AACV;"}

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

@@ -0,0 +1,40 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cn as c } from "./lib-utils.js";
+import { dictionary as h } from "./components-ui-icon-icon-dictionary.js";
+const N = {
+  xs: "w-2.5 h-2.5",
+  sm: "w-3.75 h-3.75",
+  md: "w-5 h-5",
+  lg: "w-6.25 h-6.25"
+}, C = ({
+  type: s,
+  size: r = "md",
+  viewBox: m = "0 0 24 24",
+  strokeWidth: i = 1.5,
+  classes: o,
+  color: t,
+  className: a,
+  ...e
+}) => {
+  const p = h[s], l = N[r], w = c(l, a, o?.icon), d = c(o?.wrapper);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...e,
+      className: d,
+      children: /* @__PURE__ */ n(
+        p,
+        {
+          viewBox: m,
+          strokeWidth: i,
+          className: w,
+          color: t
+        }
+      )
+    }
+  );
+};
+export {
+  C as Icon
+};
+//# sourceMappingURL=components-ui-icon-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-icon-icon.js","sources":["../src/components/ui/icon/icon.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { IconTypes, Size } from \"@/types/types\";\nimport { dictionary } from \"./icon-dictionary\";\n\ntype Props = React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n> & {\n  type: IconTypes;\n  classes?: {\n    wrapper?: string;\n    icon?: string;\n  };\n  size?: Size;\n  viewBox?: string;\n  strokeWidth?: number;\n  color?: string;\n};\n\nconst iconSizesDictionary: Record<Size, string> = {\n  xs: \"w-2.5 h-2.5\",\n  sm: \"w-3.75 h-3.75\",\n  md: \"w-5 h-5\",\n  lg: \"w-6.25 h-6.25\",\n};\n\nexport const Icon = ({\n  type,\n  size = \"md\",\n  viewBox = \"0 0 24 24\",\n  strokeWidth = 1.5,\n  classes,\n  color,\n  className,\n  ...rest\n}: Props) => {\n  const IconComponent = dictionary[type];\n\n  const classNameBySize = iconSizesDictionary[size];\n  const iconClassName = cn(classNameBySize, className, classes?.icon);\n  const wrapperClassName = cn(classes?.wrapper);\n\n  return (\n    <div\n      {...rest}\n      className={wrapperClassName}\n    >\n      <IconComponent\n        viewBox={viewBox}\n        strokeWidth={strokeWidth}\n        className={iconClassName}\n        color={color}\n      />\n    </div>\n  );\n};\n\nexport type { Props as IconProps };\n"],"names":["iconSizesDictionary","Icon","type","size","viewBox","strokeWidth","classes","color","className","rest","IconComponent","dictionary","classNameBySize","iconClassName","cn","wrapperClassName","jsx"],"mappings":";;;AAmBA,MAAMA,IAA4C;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAO,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAa;AACX,QAAMC,IAAgBC,EAAWT,CAAI,GAE/BU,IAAkBZ,EAAoBG,CAAI,GAC1CU,IAAgBC,EAAGF,GAAiBJ,GAAWF,GAAS,IAAI,GAC5DS,IAAmBD,EAAGR,GAAS,OAAO;AAE5C,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWM;AAAA,MAEX,UAAA,gBAAAC;AAAA,QAACN;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,aAAAC;AAAA,UACA,WAAWQ;AAAA,UACX,OAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components-ui-icon-overrides.js

@@ -0,0 +1,65 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+function s({
+  ref: t,
+  className: o,
+  color: n = "currentColor",
+  size: r = 24,
+  ...i
+}) {
+  return (
+    // viewBox 3 3 14 14 для правильного отображения в иконке Checkbox, пробросить снаружи
+    // не получится, так как LucideIcon игнорирует его при передаче в svg
+    /* @__PURE__ */ e(
+      "svg",
+      {
+        ref: t,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: r,
+        height: r,
+        fill: "none",
+        stroke: n,
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: o,
+        ...i,
+        children: /* @__PURE__ */ e("path", { d: "M13.4375 8.125L8.85414 12.5L6.5625 10.3125" })
+      }
+    )
+  );
+}
+function d({
+  ref: t,
+  className: o,
+  color: n = "currentColor",
+  size: r = 24,
+  ...i
+}) {
+  return /* @__PURE__ */ h(
+    "svg",
+    {
+      ref: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: r,
+      height: r,
+      fill: "none",
+      stroke: n,
+      strokeWidth: 1.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: o,
+      ...i,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M13.4375 8.125L8.85414 12.5L6.5625 10.3125" }),
+        /* @__PURE__ */ e("path", { d: "M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z" })
+      ]
+    }
+  );
+}
+s.displayName = "Check";
+d.displayName = "CircleCheck";
+export {
+  s as Check,
+  d as CircleCheck
+};
+//# sourceMappingURL=components-ui-icon-overrides.js.map

package/dist/components-ui-icon-overrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-icon-overrides.js","sources":["../src/components/ui/icon/overrides.tsx"],"sourcesContent":["import type { LucideProps } from \"lucide-react\";\n\n// TODO: Вынести отдельно\nexport function Check({\n  ref,\n  className,\n  color = \"currentColor\",\n  size = 24,\n  ...props\n}: LucideProps) {\n  return (\n    // viewBox 3 3 14 14 для правильного отображения в иконке Checkbox, пробросить снаружи\n    // не получится, так как LucideIcon игнорирует его при передаче в svg\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke={color}\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      {...props}\n    >\n      <path d=\"M13.4375 8.125L8.85414 12.5L6.5625 10.3125\" />\n    </svg>\n  );\n}\n\nexport function CircleCheck({\n  ref,\n  className,\n  color = \"currentColor\",\n  size = 24,\n  ...props\n}: LucideProps) {\n  // viewBox 0 0 20 20 для правильного отображения в иконке Checkbox, пробросить снаружи\n  return (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke={color}\n      strokeWidth={1.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      {...props}\n    >\n      <path d=\"M13.4375 8.125L8.85414 12.5L6.5625 10.3125\" />\n      <path d=\"M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z\" />\n    </svg>\n  );\n}\n\nCheck.displayName = \"Check\";\nCircleCheck.displayName = \"CircleCheck\";\n"],"names":["Check","ref","className","color","size","props","jsx","CircleCheck","jsxs"],"mappings":";AAGO,SAASA,EAAM;AAAA,EACpB,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AACd;AAAA;AAAA;AAAA,IAGE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,OAAM;AAAA,QACN,OAAOG;AAAA,QACP,QAAQA;AAAA,QACR,MAAK;AAAA,QACL,QAAQD;AAAA,QACR,aAAa;AAAA,QACb,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,WAAAD;AAAA,QACC,GAAGG;AAAA,QAEJ,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,6CAAA,CAA6C;AAAA,MAAA;AAAA,IAAA;AAAA;AAG3D;AAEO,SAASC,EAAY;AAAA,EAC1B,KAAAN;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AAEd,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,OAAM;AAAA,MACN,OAAOG;AAAA,MACP,QAAQA;AAAA,MACR,MAAK;AAAA,MACL,QAAQD;AAAA,MACR,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAAD;AAAA,MACC,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,6CAAA,CAA6C;AAAA,QACrD,gBAAAA,EAAC,QAAA,EAAK,GAAE,8IAAA,CAA8I;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5J;AAEAN,EAAM,cAAc;AACpBO,EAAY,cAAc;"}

package/dist/components-ui-icon.js

@@ -0,0 +1,5 @@
+import { Icon as c } from "./components-ui-icon-icon.js";
+export {
+  c as Icon
+};
+//# sourceMappingURL=components-ui-icon.js.map

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

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

package/dist/components-ui-input-group-input-group.js

@@ -0,0 +1,129 @@
+import { jsx as a } from "react/jsx-runtime";
+import "class-variance-authority";
+import "react";
+import { cn as o } from "./lib-utils.js";
+import { Button as i } from "./components-ui-button-button.js";
+import "./components-ui-button-button.styles.js";
+import { Input as u } from "./components-ui-input-input.js";
+import { Textarea as d } from "./components-ui-textarea-textarea.js";
+import { inputGroupAddonVariants as l, inputGroupButtonVariants as p } from "./components-ui-input-group-input-group.styles.js";
+function G({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: o(
+        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full
+        items-center rounded-xl border transition-[color,box-shadow] outline-none`,
+        "h-10 has-[>textarea]:h-auto",
+        "hover:border-inp-hover-border",
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col
+        has-[>[data-align=block-start]]:[&>input]:pb-3`,
+        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col
+        has-[>[data-align=block-end]]:[&>input]:pt-3`,
+        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20
+        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,
+        "has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text",
+        "has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text",
+        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border
+        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg
+        has-[[data-slot=input-group-control][disabled]]:text-disabled-text
+        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,
+        t
+      ),
+      ...r
+    }
+  );
+}
+function I({
+  className: t,
+  align: r = "inline-start",
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": r,
+      className: o(l({ align: r }), t),
+      onClick: (n) => {
+        n.target.closest("button") || n.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...e
+    }
+  );
+}
+function N({
+  className: t,
+  type: r = "button",
+  variant: e = "primary",
+  size: n = "xs",
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    i,
+    {
+      type: r,
+      "data-size": n,
+      variant: e,
+      className: o(p({ size: n }), t),
+      ...s
+    }
+  );
+}
+function w({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: o(
+        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none
+        [&_svg:not([class*='size-'])]:size-4`,
+        t
+      ),
+      ...r
+    }
+  );
+}
+function y(t) {
+  return /* @__PURE__ */ a(
+    u,
+    {
+      "data-slot": "input-group-control",
+      className: o(
+        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none
+        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent
+        dark:bg-transparent`,
+        t.className
+      ),
+      ...t
+    }
+  );
+}
+function T({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    d,
+    {
+      "data-slot": "input-group-control",
+      className: o(
+        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none
+        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent
+        dark:bg-transparent`,
+        t
+      ),
+      ...r
+    }
+  );
+}
+export {
+  G as InputGroup,
+  I as InputGroupAddon,
+  N as InputGroupButton,
+  y as InputGroupInput,
+  w as InputGroupText,
+  T as InputGroupTextarea
+};
+//# sourceMappingURL=components-ui-input-group-input-group.js.map

package/dist/components-ui-input-group-input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ui-input-group-input-group.js","sources":["../src/components/ui/input-group/input-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { Textarea } from \"../textarea\";\nimport { inputGroupAddonVariants, inputGroupButtonVariants } from \"./input-group.styles\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full\n        items-center rounded-xl border transition-[color,box-shadow] outline-none`,\n        \"h-10 has-[>textarea]:h-auto\",\n        \"hover:border-inp-hover-border\",\n\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\n        has-[>[data-align=block-start]]:[&>input]:pb-3`,\n        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\n        has-[>[data-align=block-end]]:[&>input]:pt-3`,\n\n        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20\n        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,\n\n        \"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text\",\n        \"has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text\",\n        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border\n        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg\n        has-[[data-slot=input-group-control][disabled]]:text-disabled-text\n        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"primary\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none\n        [&_svg:not([class*='size-'])]:size-4`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput(props: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        props.className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n"],"names":["InputGroup","className","props","jsx","cn","InputGroupAddon","align","inputGroupAddonVariants","e","InputGroupButton","type","variant","size","Button","inputGroupButtonVariants","InputGroupText","InputGroupInput","Input","InputGroupTextarea","Textarea"],"mappings":";;;;;;;;;AASA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAGA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA,QAIAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAgB;AAAA,EACvB,WAAAJ;AAAA,EACA,OAAAK,IAAQ;AAAA,EACR,GAAGJ;AACL,GAA+E;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYG;AAAA,MACZ,WAAWF,EAAGG,EAAwB,EAAE,OAAAD,EAAA,CAAO,GAAGL,CAAS;AAAA,MAC3D,SAAS,CAACO,MAAM;AACd,QAAKA,EAAE,OAAuB,QAAQ,QAAQ,KAG9CA,EAAE,cAAc,eAAe,cAAc,OAAO,GAAG,MAAA;AAAA,MACzD;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,MAAAS,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGV;AACL,GACiD;AAC/C,SACE,gBAAAC;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,aAAWE;AAAA,MACX,SAAAD;AAAA,MACA,WAAWP,EAAGU,EAAyB,EAAE,MAAAF,EAAA,CAAM,GAAGX,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAe,EAAE,WAAAd,GAAW,GAAGC,KAAuC;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASc,EAAgBd,GAAsC;AAC7D,SACE,gBAAAC;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWb;AAAA,QACT;AAAA;AAAA;AAAA,QAGAF,EAAM;AAAA,MAAA;AAAA,MAEP,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAmB,EAAE,WAAAjB,GAAW,GAAGC,KAA2C;AACrF,SACE,gBAAAC;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWf;AAAA,QACT;AAAA;AAAA;AAAA,QAGAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components-ui-input-group-input-group.styles.js

@@ -0,0 +1,43 @@
+import { cva as t } from "class-variance-authority";
+const r = t(
+  `text-secondary-text group-data-[disabled=true]/input-group:text-disabled-text flex
+  h-auto shrink-0 cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium
+  select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]
+  [&>svg:not([class*='size-'])]:size-4`,
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": `order-first w-full justify-start px-3 pt-3
+        group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3`,
+        "block-end": `order-last w-full justify-start px-3 pb-3
+        group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3`
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+), a = t(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: `h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2
+        [&>svg:not([class*='size-'])]:size-3.5`,
+        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+export {
+  r as inputGroupAddonVariants,
+  a as inputGroupButtonVariants
+};
+//# sourceMappingURL=components-ui-input-group-input-group.styles.js.map