ics-ui-kit 0.1.0-alpha.9 → 0.1.0

package/dist/Description-BTPMlTT-.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "react";
+import { T as m } from "./index-BVqs-uqP.js";
+const c = m({
+  base: "text-muted",
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm"
+    }
+  }
+}), p = a.forwardRef(
+  ({ className: s, children: t, size: e = "sm", ...r }, i) => /* @__PURE__ */ o("div", { ref: i, className: c({ class: s, size: e }), ...r, children: t })
+);
+p.displayName = "Description";
+export {
+  p as D
+};
+//# sourceMappingURL=Description-BTPMlTT-.js.map

package/dist/Description-BTPMlTT-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description-BTPMlTT-.js","sources":["../src/components/description/Description.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\ntype DescriptionVariants = {\r\n\tsize?: \"xs\" | \"sm\";\r\n};\r\n\r\nconst descriptionStyles = tv({\r\n\tbase: \"text-muted\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: \"text-xs\",\r\n\t\t\tsm: \"text-sm\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<DescriptionVariants>\r\n});\r\n\r\ntype DescriptionProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren & DescriptionVariants;\r\n\r\nexport const Description = React.forwardRef<HTMLDivElement, DescriptionProps>(\r\n\t({ className, children, size = \"sm\", ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={descriptionStyles({ class: className, size })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nDescription.displayName = \"Description\";\r\n"],"names":["descriptionStyles","tv","Description","React","className","children","size","props","ref","jsx"],"mappings":";;;AAQA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACL;AAEF,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,IAAO,MAAM,GAAGC,EAAM,GAAGC,MAE9C,gBAAAC,EAAA,OAAA,EAAI,KAAAD,GAAU,WAAWR,EAAkB,EAAE,OAAOI,GAAW,MAAAE,EAAM,CAAA,GAAI,GAAGC,GAC3E,UAAAF,EACF,CAAA;AAGH;AAEAH,EAAY,cAAc;"}

package/dist/Dialog-ByiJIDhl.js

@@ -0,0 +1,99 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { R as P, C as c, P as m, T as R, a as z, D as O, O as p, b as S } from "./index-CQD-Njgt.js";
+import * as l from "react";
+import { T as g } from "./index-BVqs-uqP.js";
+import { F as H, a as I, b as j, f as k, c as q } from "./FormHeader--F6b2aRk.js";
+import { I as X } from "./Icon-DH3ev9GK.js";
+import { o as A } from "./Overlay-2XMlxApi.js";
+import { u as E } from "./usePortalContainer-ae6EzS08.js";
+import { X as G } from "./x-tDTt7hTQ.js";
+const y = P;
+y.displayName = "Dialog";
+const f = R;
+f.displayName = "DialogTrigger";
+const D = m;
+D.displayName = "DialogPortal";
+const u = l.forwardRef(({ className: a, ...o }, s) => {
+  const t = q({ class: a });
+  return /* @__PURE__ */ e(S, { ref: s, className: t, ...o });
+});
+u.displayName = "DialogTitle";
+const x = l.forwardRef(({ className: a, ...o }, s) => {
+  const t = k({ class: a });
+  return /* @__PURE__ */ e(O, { ref: s, className: t, ...o });
+});
+x.displayName = "DialogDescription";
+const N = j;
+N.displayName = "DialogHeader";
+const h = H;
+h.displayName = "DialogBody";
+const w = I;
+w.displayName = "DialogFooter";
+const v = c;
+v.displayName = "DialogClose";
+const J = g({ extend: A }), n = l.forwardRef(
+  ({ className: a, blur: o, type: s, ...t }, r) => /* @__PURE__ */ e(
+    p,
+    {
+      ref: r,
+      className: J({ class: a, blur: o, type: s }),
+      ...t
+    }
+  )
+);
+n.displayName = p.displayName;
+const K = g({
+  base: [
+    "fixed left-[50%] top-[45%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-45%] lg:top-[35%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))] lg:translate-y-[-35%]",
+    "flex flex-col gap-0 overflow-hidden rounded-xl border border-secondary-border bg-secondary-bg p-0 shadow-soft-lg",
+    "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"
+  ],
+  slots: {
+    closeButton: "absolute right-0 top-0 z-50 h-11 w-11 p-3.5 text-muted",
+    closeIcon: "h-4 w-4"
+  }
+}), C = l.forwardRef((a, o) => {
+  const {
+    className: s,
+    children: t,
+    overlayBlur: r,
+    overlayType: b,
+    showCloseButton: M = !0,
+    portalContainer: T,
+    ...B
+  } = a, i = K(), F = E(T);
+  return /* @__PURE__ */ d(m, { container: F, children: [
+    /* @__PURE__ */ e(n, { blur: r, type: b }),
+    /* @__PURE__ */ d(z, { ref: o, className: i.base({ className: s }), ...B, children: [
+      t,
+      M && /* @__PURE__ */ e(c, { className: i.closeButton(), children: /* @__PURE__ */ e(X, { className: i.closeIcon(), size: "lg", icon: G }) })
+    ] })
+  ] });
+});
+C.displayName = "DialogContent";
+const $ = y, aa = h, oa = v, sa = C, ta = x, ea = w, la = N, ra = n, ia = D, na = u, da = f;
+export {
+  x as D,
+  $ as M,
+  u as a,
+  y as b,
+  h as c,
+  v as d,
+  C as e,
+  w as f,
+  N as g,
+  n as h,
+  D as i,
+  f as j,
+  aa as k,
+  oa as l,
+  sa as m,
+  ta as n,
+  ea as o,
+  la as p,
+  ra as q,
+  ia as r,
+  na as s,
+  da as t
+};
+//# sourceMappingURL=Dialog-ByiJIDhl.js.map

package/dist/Dialog-ByiJIDhl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-ByiJIDhl.js","sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\r\nimport { X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FormBody } from \"../form/components/form-body/FormBody\";\r\nimport { FormFooter } from \"../form/components/form-footer/FormFooter\";\r\nimport { formDescriptionStyles, FormHeader, formTitleStyles } from \"../form/components/form-header/FormHeader\";\r\nimport { Icon } from \"../icon\";\r\nimport { overlayStyles, OverlayVariants } from \"../overlay/Overlay\";\r\nimport { usePortalContainer } from \"../portal-container\";\r\n\r\nconst Dialog = DialogPrimitive.Root;\r\nDialog.displayName = \"Dialog\";\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger;\r\nDialogTrigger.displayName = \"DialogTrigger\";\r\n\r\nconst DialogPortal = DialogPrimitive.Portal;\r\nDialogPortal.displayName = \"DialogPortal\";\r\n\r\nconst DialogTitle = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = formTitleStyles({ class: className });\r\n\treturn <DialogPrimitive.Title ref={ref} className={styles} {...props} />;\r\n});\r\nDialogTitle.displayName = \"DialogTitle\";\r\n\r\nconst DialogDescription = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = formDescriptionStyles({ class: className });\r\n\treturn <DialogPrimitive.Description ref={ref} className={styles} {...props} />;\r\n});\r\nDialogDescription.displayName = \"DialogDescription\";\r\n\r\nconst DialogHeader = FormHeader;\r\nDialogHeader.displayName = \"DialogHeader\";\r\n\r\nconst DialogBody = FormBody;\r\nDialogBody.displayName = \"DialogBody\";\r\n\r\nconst DialogFooter = FormFooter;\r\nDialogFooter.displayName = \"DialogFooter\";\r\n\r\nconst DialogClose = DialogPrimitive.Close;\r\nDialogClose.displayName = \"DialogClose\";\r\n\r\nconst dialogOverlayStyles = tv({ extend: overlayStyles });\r\n\r\ninterface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>, OverlayVariants {}\r\n\r\nconst DialogOverlay = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Overlay>, DialogOverlayProps>(\r\n\t({ className, blur, type, ...props }, ref) => (\r\n\t\t<DialogPrimitive.Overlay\r\n\t\t\tref={ref}\r\n\t\t\tclassName={dialogOverlayStyles({ class: className, blur, type })}\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t)\r\n);\r\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\r\n\r\nconst dialogContentStyles = tv({\r\n\tbase: [\r\n\t\t\"fixed left-[50%] top-[45%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-45%] lg:top-[35%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))] lg:translate-y-[-35%]\",\r\n\t\t\"flex flex-col gap-0 overflow-hidden rounded-xl border border-secondary-border bg-secondary-bg p-0 shadow-soft-lg\",\r\n\t\t\"duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\"\r\n\t],\r\n\tslots: {\r\n\t\tcloseButton: \"absolute right-0 top-0 z-50 h-11 w-11 p-3.5 text-muted\",\r\n\t\tcloseIcon: \"h-4 w-4\"\r\n\t}\r\n});\r\n\r\ntype BackgroundProps = OverlayVariants;\r\n\r\nconst DialogContent = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\r\n\t\toverlayBlur?: BackgroundProps[\"blur\"];\r\n\t\toverlayType?: BackgroundProps[\"type\"];\r\n\t\tshowCloseButton?: boolean;\r\n\t\t/**\r\n\t\t * Контейнер для портала. Если не указан, используется хук usePortalContainer\r\n\t\t * для поиска PortalContainer\r\n\t\t */\r\n\t\tportalContainer?: HTMLElement;\r\n\t}\r\n>((props, ref) => {\r\n\tconst {\r\n\t\tclassName,\r\n\t\tchildren,\r\n\t\toverlayBlur,\r\n\t\toverlayType,\r\n\t\tshowCloseButton = true,\r\n\t\tportalContainer,\r\n\t\t...restProps\r\n\t} = props;\r\n\tconst styles = dialogContentStyles();\r\n\tconst container = usePortalContainer(portalContainer);\r\n\treturn (\r\n\t\t<DialogPrimitive.Portal container={container}>\r\n\t\t\t<DialogOverlay blur={overlayBlur} type={overlayType} />\r\n\t\t\t<DialogPrimitive.Content ref={ref} className={styles.base({ className })} {...restProps}>\r\n\t\t\t\t{children}\r\n\t\t\t\t{showCloseButton && (\r\n\t\t\t\t\t<DialogPrimitive.Close className={styles.closeButton()}>\r\n\t\t\t\t\t\t<Icon className={styles.closeIcon()} size=\"lg\" icon={X}></Icon>\r\n\t\t\t\t\t</DialogPrimitive.Close>\r\n\t\t\t\t)}\r\n\t\t\t</DialogPrimitive.Content>\r\n\t\t</DialogPrimitive.Portal>\r\n\t);\r\n});\r\nDialogContent.displayName = \"DialogContent\";\r\n\r\nexport {\r\n\tDialog,\r\n\tDialogBody,\r\n\tDialogClose,\r\n\tDialogContent,\r\n\tDialogDescription,\r\n\tDialogFooter,\r\n\tDialogHeader,\r\n\tDialogOverlay,\r\n\tDialogPortal,\r\n\tDialogTitle,\r\n\tDialogTrigger\r\n};\r\n\r\n/** @deprecated Используйте Dialog вместо Modal */\r\nexport const Modal = Dialog;\r\n/** @deprecated Используйте DialogBody вместо ModalBody */\r\nexport const ModalBody = DialogBody;\r\n/** @deprecated Используйте DialogClose вместо ModalClose */\r\nexport const ModalClose = DialogClose;\r\n/** @deprecated Используйте DialogContent вместо ModalContent */\r\nexport const ModalContent = DialogContent;\r\n/** @deprecated Используйте DialogDescription вместо ModalDescription */\r\nexport const ModalDescription = DialogDescription;\r\n/** @deprecated Используйте DialogFooter вместо ModalFooter */\r\nexport const ModalFooter = DialogFooter;\r\n/** @deprecated Используйте DialogHeader вместо ModalHeader */\r\nexport const ModalHeader = DialogHeader;\r\n/** @deprecated Используйте DialogOverlay вместо ModalOverlay */\r\nexport const ModalOverlay = DialogOverlay;\r\n/** @deprecated Используйте DialogPortal вместо ModalPortal */\r\nexport const ModalPortal = DialogPortal;\r\n/** @deprecated Используйте DialogTitle вместо ModalTitle */\r\nexport const ModalTitle = DialogTitle;\r\n/** @deprecated Используйте DialogTrigger вместо ModalTrigger */\r\nexport const ModalTrigger = DialogTrigger;\r\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogTitle","React","className","props","ref","styles","formTitleStyles","jsx","DialogPrimitive.Title","DialogDescription","formDescriptionStyles","DialogPrimitive.Description","DialogHeader","FormHeader","DialogBody","FormBody","DialogFooter","FormFooter","DialogClose","DialogPrimitive.Close","dialogOverlayStyles","tv","overlayStyles","DialogOverlay","blur","type","DialogPrimitive.Overlay","dialogContentStyles","DialogContent","children","overlayBlur","overlayType","showCloseButton","portalContainer","restProps","container","usePortalContainer","jsxs","DialogPrimitive.Content","Icon","X","Modal","ModalBody","ModalClose","ModalContent","ModalDescription","ModalFooter","ModalHeader","ModalOverlay","ModalPortal","ModalTitle","ModalTrigger"],"mappings":";;;;;;;;;AAWA,MAAMA,IAASC;AACfD,EAAO,cAAc;AAErB,MAAME,IAAgBC;AACtBD,EAAc,cAAc;AAE5B,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAErB,MAAAE,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASC,EAAgB,EAAE,OAAOJ,GAAW;AAC5C,SAAA,gBAAAK,EAACC,GAAA,EAAsB,KAAAJ,GAAU,WAAWC,GAAS,GAAGF,GAAO;AACvE,CAAC;AACDH,EAAY,cAAc;AAEpB,MAAAS,IAAoBR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASK,EAAsB,EAAE,OAAOR,GAAW;AAClD,SAAA,gBAAAK,EAACI,GAAA,EAA4B,KAAAP,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAC7E,CAAC;AACDM,EAAkB,cAAc;AAEhC,MAAMG,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAaC;AACnBD,EAAW,cAAc;AAEzB,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAcC;AACpBD,EAAY,cAAc;AAE1B,MAAME,IAAsBC,EAAG,EAAE,QAAQC,GAAe,GAIlDC,IAAgBtB,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,MAAAsB,GAAM,MAAAC,GAAM,GAAGtB,EAAA,GAASC,MACrC,gBAAAG;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACA,KAAAtB;AAAA,MACA,WAAWgB,EAAoB,EAAE,OAAOlB,GAAW,MAAAsB,GAAM,MAAAC,GAAM;AAAA,MAC9D,GAAGtB;AAAA,IAAA;AAAA,EAAA;AAGP;AACAoB,EAAc,cAAcG,EAAwB;AAEpD,MAAMC,IAAsBN,EAAG;AAAA,EAC9B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,OAAO;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAEb,CAAC,GAIKO,IAAgB3B,EAAM,WAY1B,CAACE,GAAOC,MAAQ;AACX,QAAA;AAAA,IACL,WAAAF;AAAA,IACA,UAAA2B;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACA/B,GACEE,IAASsB,EAAoB,GAC7BQ,IAAYC,EAAmBH,CAAe;AACpD,SACE,gBAAAI,EAAAtC,GAAA,EAAuB,WAAAoC,GACvB,UAAA;AAAA,IAAA,gBAAA5B,EAACgB,GAAc,EAAA,MAAMO,GAAa,MAAMC,GAAa;AAAA,IACpD,gBAAAM,EAAAC,GAAA,EAAwB,KAAAlC,GAAU,WAAWC,EAAO,KAAK,EAAE,WAAAH,EAAW,CAAA,GAAI,GAAGgC,GAC5E,UAAA;AAAA,MAAAL;AAAA,MACAG,KACC,gBAAAzB,EAAAY,GAAA,EAAsB,WAAWd,EAAO,YAAY,GACpD,4BAACkC,GAAK,EAAA,WAAWlC,EAAO,UAAU,GAAG,MAAK,MAAK,MAAMmC,GAAG,EACzD,CAAA;AAAA,IAAA,EAEF,CAAA;AAAA,EAAA,GACD;AAEF,CAAC;AACDZ,EAAc,cAAc;AAiBrB,MAAMa,IAAQ/C,GAERgD,KAAY5B,GAEZ6B,KAAazB,GAEb0B,KAAehB,GAEfiB,KAAmBpC,GAEnBqC,KAAc9B,GAEd+B,KAAcnC,GAEdoC,KAAezB,GAEf0B,KAAcnD,GAEdoD,KAAalD,GAEbmD,KAAevD;"}

package/dist/Divider-DPW5ZhZ8.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import s from "react";
+import { T as d } from "./index-BVqs-uqP.js";
+const n = d({
+  variants: {
+    orientation: {
+      horizontal: "h-px w-full bg-secondary-border",
+      vertical: "h-full w-px bg-secondary-border"
+    },
+    status: {
+      error: "bg-status-error-secondary-border"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), l = s.forwardRef(
+  ({ className: r, status: o, orientation: a, ...t }, e) => /* @__PURE__ */ i("div", { className: n({ orientation: a, className: r, status: o }), ref: e, ...t })
+);
+l.displayName = "Divider";
+export {
+  l as D
+};
+//# sourceMappingURL=Divider-DPW5ZhZ8.js.map

package/dist/Divider-DPW5ZhZ8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-DPW5ZhZ8.js","sources":["../src/components/divider/Divider.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport React from \"react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport interface DividerVariants {\r\n\torientation?: \"horizontal\" | \"vertical\";\r\n\tstatus?: \"error\";\r\n}\r\n\r\nconst dividerVariants = tv({\r\n\tvariants: {\r\n\t\torientation: {\r\n\t\t\thorizontal: \"h-px w-full bg-secondary-border\",\r\n\t\t\tvertical: \"h-full w-px bg-secondary-border\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\terror: \"bg-status-error-secondary-border\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<DividerVariants>,\r\n\tdefaultVariants: {\r\n\t\torientation: \"horizontal\"\r\n\t}\r\n});\r\n\r\nexport type DividerProps = DividerVariants & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Divider = React.forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(\r\n\t({ className, status, orientation, ...props }, ref) => {\r\n\t\treturn <div className={dividerVariants({ orientation, className, status })} ref={ref} {...props} />;\r\n\t}\r\n);\r\n\r\nDivider.displayName = \"Divider\";\r\n"],"names":["dividerVariants","tv","Divider","React","className","status","orientation","props","ref","jsx"],"mappings":";;;AAUA,MAAMA,IAAkBC,EAAG;AAAA,EAC1B,UAAU;AAAA,IACT,aAAa;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEf,CAAC,GAIYC,IAAUC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,aAAAC,GAAa,GAAGC,KAASC,MACtC,gBAAAC,EAAA,OAAA,EAAI,WAAWT,EAAgB,EAAE,aAAAM,GAAa,WAAAF,GAAW,QAAAC,EAAA,CAAQ,GAAG,KAAAG,GAAW,GAAGD,EAAO,CAAA;AAEnG;AAEAL,EAAQ,cAAc;"}

package/dist/EmptyState-DRKjscH-.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "react";
+import { T as a } from "./index-BVqs-uqP.js";
+import { T as f } from "./Text-DeBE8AKl.js";
+const s = a({
+  base: "flex h-full flex-col items-center justify-center overflow-hidden px-3 py-6"
+}), p = m.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(f, { ref: r, className: s({ className: t }), ...e }));
+p.displayName = "EmptyState";
+export {
+  p as E
+};
+//# sourceMappingURL=EmptyState-DRKjscH-.js.map

package/dist/EmptyState-DRKjscH-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-DRKjscH-.js","sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Text } from \"@/components/text\";\r\n\r\nexport const emptyStateStyles = tv({\r\n\tbase: \"flex h-full flex-col items-center justify-center overflow-hidden px-3 py-6\"\r\n});\r\n\r\nexport type EmptyStateProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(({ className, ...props }, ref) => {\r\n\treturn <Text ref={ref} className={emptyStateStyles({ className })} {...props} />;\r\n});\r\n\r\nEmptyState.displayName = \"EmptyState\";\r\n"],"names":["emptyStateStyles","tv","EmptyState","React","className","props","ref","jsx","Text"],"mappings":";;;;AAIO,MAAMA,IAAmBC,EAAG;AAAA,EAClC,MAAM;AACP,CAAC,GAIYC,IAAaC,EAAM,WAA4C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC9F,gBAAAC,EAACC,GAAK,EAAA,KAAAF,GAAU,WAAWN,EAAiB,EAAE,WAAAI,EAAW,CAAA,GAAI,GAAGC,GAAO,CAC9E;AAEDH,EAAW,cAAc;"}

package/dist/ErrorState-B26k67-z.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import s from "react";
+import { T as a } from "./index-BVqs-uqP.js";
+const f = a({
+  base: "flex h-full items-center justify-center overflow-hidden px-3 py-6 text-sm text-status-error"
+}), m = s.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ o("div", { ref: e, className: f({ className: r }), ...t }));
+m.displayName = "ErrorState";
+export {
+  m as E
+};
+//# sourceMappingURL=ErrorState-B26k67-z.js.map

package/dist/ErrorState-B26k67-z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState-B26k67-z.js","sources":["../src/components/error-state/ErrorState.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst errorStateStyles = tv({\r\n\tbase: \"flex h-full items-center justify-center overflow-hidden px-3 py-6 text-sm text-status-error\"\r\n});\r\n\r\nexport type ErrorStateProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const ErrorState = React.forwardRef<HTMLDivElement, ErrorStateProps>(({ className, ...props }, ref) => {\r\n\treturn <div ref={ref} className={errorStateStyles({ className })} {...props} />;\r\n});\r\n\r\nErrorState.displayName = \"ErrorState\";\r\n"],"names":["errorStateStyles","tv","ErrorState","React","className","props","ref","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AACP,CAAC,GAIYC,IAAaC,EAAM,WAA4C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC9F,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWN,EAAiB,EAAE,WAAAI,EAAW,CAAA,GAAI,GAAGC,GAAO,CAC7E;AAEDH,EAAW,cAAc;"}

package/dist/FeatureIcon-BGE0Orkc.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { T as i } from "./index-BVqs-uqP.js";
+const t = i({
+  base: "flex items-center justify-center overflow-visible bg-status-neutral-bg text-status-neutral ring-1 ring-inset ring-secondary-border",
+  variants: {
+    size: {
+      "2xs": "h-6 w-6 rounded-sm p-1.5 [&>svg]:size-3",
+      xs: "h-7 w-7 rounded-sm p-1.5 [&>svg]:size-3.5",
+      sm: "h-8 w-8 rounded-md p-1.5 [&>svg]:size-4",
+      md: "h-9 w-9 rounded-md p-2 [&>svg]:size-[1.125rem]",
+      lg: "h-10 w-10 rounded-lg p-2.5 [&>svg]:size-5",
+      xl: "h-11 w-11 rounded-lg p-2.5 [&>svg]:size-[1.375rem]",
+      "2xl": "h-12 w-12 rounded-lg p-3 [&>svg]:size-6"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), a = ({ icon: s, size: r, className: n }) => /* @__PURE__ */ e("div", { className: t({ size: r, className: n }), children: /* @__PURE__ */ e(s, { className: "h-full w-full" }) });
+export {
+  a as F
+};
+//# sourceMappingURL=FeatureIcon-BGE0Orkc.js.map

package/dist/FeatureIcon-BGE0Orkc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureIcon-BGE0Orkc.js","sources":["../src/components/icon/feature-icon/FeatureIcon.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport interface FeatureIconVariants {\r\n\tsize?: \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\r\n}\r\n\r\nconst featureIconVariants = tv({\r\n\tbase: \"flex items-center justify-center overflow-visible bg-status-neutral-bg text-status-neutral ring-1 ring-inset ring-secondary-border\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\t\"2xs\": \"h-6 w-6 rounded-sm p-1.5 [&>svg]:size-3\",\r\n\t\t\txs: \"h-7 w-7 rounded-sm p-1.5 [&>svg]:size-3.5\",\r\n\t\t\tsm: \"h-8 w-8 rounded-md p-1.5 [&>svg]:size-4\",\r\n\t\t\tmd: \"h-9 w-9 rounded-md p-2 [&>svg]:size-[1.125rem]\",\r\n\t\t\tlg: \"h-10 w-10 rounded-lg p-2.5 [&>svg]:size-5\",\r\n\t\t\txl: \"h-11 w-11 rounded-lg p-2.5 [&>svg]:size-[1.375rem]\",\r\n\t\t\t\"2xl\": \"h-12 w-12 rounded-lg p-3 [&>svg]:size-6\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<FeatureIconVariants>,\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type FeatureIconProps = FeatureIconVariants & {\r\n\ticon: LucideIcon;\r\n\tclassName?: string;\r\n};\r\n\r\nexport const FeatureIcon: React.FC<FeatureIconProps> = ({ icon: Icon, size, className }) => {\r\n\treturn (\r\n\t\t<div className={featureIconVariants({ size, className })}>\r\n\t\t\t<Icon className=\"h-full w-full\" />\r\n\t\t</div>\r\n\t);\r\n};\r\n"],"names":["featureIconVariants","tv","FeatureIcon","Icon","size","className","jsx"],"mappings":";;AAQA,MAAMA,IAAsBC,EAAG;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAOYC,IAA0C,CAAC,EAAE,MAAMC,GAAM,MAAAC,GAAM,WAAAC,QAEzE,gBAAAC,EAAA,OAAA,EAAI,WAAWN,EAAoB,EAAE,MAAAI,GAAM,WAAAC,EAAU,CAAC,GACtD,UAAA,gBAAAC,EAACH,GAAK,EAAA,WAAU,gBAAgB,CAAA,GACjC;"}

package/dist/Field-CSvS9f_a.js

@@ -0,0 +1,86 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import * as u from "react";
+import { useId as y } from "react";
+import { T as v } from "./index-BVqs-uqP.js";
+import { F as W } from "./FieldLabel-BA0y5lhr.js";
+import { D as i } from "./Description-BTPMlTT-.js";
+import { c as b } from "./createLucideIcon-DwBrHnj9.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const F = b("CircleHelp", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]), N = v({
+  slots: {
+    wrapper: "flex w-full space-y-0",
+    labelWrapper: "flex items-center gap-1",
+    controlWrapper: "flex w-full min-w-0 flex-1 flex-col",
+    error: "text-status-error"
+  },
+  variants: {
+    layout: {
+      horizontal: {
+        wrapper: "flex-row gap-4",
+        labelWrapper: "h-10 lg:h-9"
+      },
+      vertical: {
+        wrapper: "flex-col gap-2",
+        labelWrapper: "h-4"
+      },
+      responsive: {
+        wrapper: "flex-col gap-2 lg:flex-row lg:gap-4",
+        labelWrapper: "h-4 lg:h-9"
+      }
+    },
+    showGap: {
+      true: { controlWrapper: "gap-y-2" }
+    }
+  },
+  defaultVariants: {
+    layout: "horizontal"
+  }
+}), z = u.forwardRef(
+  ({
+    title: n,
+    description: e,
+    descriptionPlacement: p = "text",
+    control: m,
+    required: d,
+    error: r,
+    className: f,
+    labelClassName: h,
+    layout: x,
+    readonly: s
+  }, w) => {
+    const t = y(), c = e && p !== "icon", g = e && p === "icon", l = N({ layout: x, showGap: !!(c || r) });
+    return /* @__PURE__ */ o("div", { ref: w, className: l.wrapper({ className: f }), children: [
+      /* @__PURE__ */ a("div", { className: l.labelWrapper({ className: h }), children: /* @__PURE__ */ a(
+        W,
+        {
+          tooltip: e,
+          icon: g ? F : void 0,
+          required: !s && d,
+          htmlFor: t,
+          children: n
+        }
+      ) }),
+      /* @__PURE__ */ o("div", { className: l.controlWrapper(), children: [
+        m({ readonly: s, id: t, error: r }),
+        /* @__PURE__ */ o("div", { children: [
+          c && /* @__PURE__ */ a(i, { size: "xs", children: e }),
+          r && /* @__PURE__ */ a(i, { size: "xs", className: l.error(), children: r })
+        ] })
+      ] })
+    ] });
+  }
+);
+z.displayName = "Field";
+export {
+  z as F
+};
+//# sourceMappingURL=Field-CSvS9f_a.js.map

package/dist/Field-CSvS9f_a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-CSvS9f_a.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle-help.js","../src/components/field/Field.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleHelp = createLucideIcon(\"CircleHelp\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { CircleHelp as default };\n//# sourceMappingURL=circle-help.js.map\n","import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { CircleHelp } from \"lucide-react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { useId } from \"react\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport type FieldLayout = \"horizontal\" | \"vertical\" | \"responsive\";\r\n\r\nexport interface FieldVariants {\r\n\t/** Вариант расположения элементов поля */\r\n\tlayout?: FieldLayout;\r\n\tshowGap?: boolean;\r\n}\r\n\r\nconst fieldStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"flex w-full space-y-0\",\r\n\t\tlabelWrapper: \"flex items-center gap-1\",\r\n\t\tcontrolWrapper: \"flex w-full min-w-0 flex-1 flex-col\",\r\n\t\terror: \"text-status-error\"\r\n\t},\r\n\tvariants: {\r\n\t\tlayout: {\r\n\t\t\thorizontal: {\r\n\t\t\t\twrapper: \"flex-row gap-4\",\r\n\t\t\t\tlabelWrapper: \"h-10 lg:h-9\"\r\n\t\t\t},\r\n\t\t\tvertical: {\r\n\t\t\t\twrapper: \"flex-col gap-2\",\r\n\t\t\t\tlabelWrapper: \"h-4\"\r\n\t\t\t},\r\n\t\t\tresponsive: {\r\n\t\t\t\twrapper: \"flex-col gap-2 lg:flex-row lg:gap-4\",\r\n\t\t\t\tlabelWrapper: \"h-4 lg:h-9\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tshowGap: {\r\n\t\t\ttrue: { controlWrapper: \"gap-y-2\" }\r\n\t\t}\r\n\t} satisfies VariantsConfig<FieldVariants>,\r\n\tdefaultVariants: {\r\n\t\tlayout: \"horizontal\"\r\n\t}\r\n});\r\n\r\ntype DescriptionPlacement = \"text\" | \"icon\";\r\n\r\ntype ControlProps = {\r\n\t/** Режим только для чтения */\r\n\treadonly?: boolean;\r\n\t/** Идентификатор элемента. Используется для связи лейбла с элементом управления */\r\n\tid?: string;\r\n\t/** Текст сообщения об ошибке. При наличии делает поле невалидным */\r\n\terror?: string;\r\n};\r\n\r\nexport type FieldProps = Omit<FieldVariants, \"showGap\"> & {\r\n\t/** Заголовок поля */\r\n\ttitle: string;\r\n\t/** Описание поля */\r\n\tdescription?: React.ReactNode;\r\n\t/** Режим только для чтения */\r\n\treadonly?: boolean;\r\n\t/** Расположение описания */\r\n\tdescriptionPlacement?: DescriptionPlacement;\r\n\t/** Функция рендеринга контрола */\r\n\tcontrol: (props: ControlProps) => React.ReactNode;\r\n\t/** Обязательное поле */\r\n\trequired?: boolean;\r\n\t/** Текст ошибки */\r\n\terror?: string;\r\n\t/** Дополнительные классы для контейнера */\r\n\tclassName?: string;\r\n\t/** Дополнительные классы для лейбла */\r\n\tlabelClassName?: string;\r\n};\r\n\r\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\ttitle,\r\n\t\t\tdescription,\r\n\t\t\tdescriptionPlacement = \"text\",\r\n\t\t\tcontrol,\r\n\t\t\trequired,\r\n\t\t\terror,\r\n\t\t\tclassName,\r\n\t\t\tlabelClassName,\r\n\t\t\tlayout,\r\n\t\t\treadonly\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst generatedId = useId();\r\n\t\tconst showTextDescription = description && descriptionPlacement !== \"icon\";\r\n\t\tconst showIconDescription = description && descriptionPlacement === \"icon\";\r\n\r\n\t\tconst styles = fieldStyles({ layout, showGap: !!(showTextDescription || error) });\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={styles.wrapper({ className })}>\r\n\t\t\t\t<div className={styles.labelWrapper({ className: labelClassName })}>\r\n\t\t\t\t\t<FieldLabel\r\n\t\t\t\t\t\ttooltip={description}\r\n\t\t\t\t\t\ticon={showIconDescription ? CircleHelp : void 0}\r\n\t\t\t\t\t\trequired={!readonly && required}\r\n\t\t\t\t\t\thtmlFor={generatedId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{title}\r\n\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className={styles.controlWrapper()}>\r\n\t\t\t\t\t{control({ readonly, id: generatedId, error })}\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t{showTextDescription && <Description size=\"xs\">{description}</Description>}\r\n\t\t\t\t\t\t{error && (\r\n\t\t\t\t\t\t\t<Description size=\"xs\" className={styles.error()}>\r\n\t\t\t\t\t\t\t\t{error}\r\n\t\t\t\t\t\t\t</Description>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nField.displayName = \"Field\";\r\n"],"names":["CircleHelp","createLucideIcon","fieldStyles","tv","Field","React","title","description","descriptionPlacement","control","required","error","className","labelClassName","layout","readonly","ref","generatedId","useId","showTextDescription","showIconDescription","styles","jsxs","jsx","FieldLabel","Description"],"mappings":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAaC,EAAiB,cAAc;AAAA,EAChD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,UAAU;AAAA,EACzD,CAAC,QAAQ,EAAE,GAAG,wCAAwC,KAAK,SAAQ,CAAE;AAAA,EACrE,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAU,CAAA;AAC7C,CAAC,GCGKC,IAAcC,EAAG;AAAA,EACtB,OAAO;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,OAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,YAAY;AAAA,QACX,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MACA,UAAU;AAAA,QACT,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MACA,YAAY;AAAA,QACX,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,SAAS;AAAA,MACR,MAAM,EAAE,gBAAgB,UAAU;AAAA,IAAA;AAAA,EAEpC;AAAA,EACA,iBAAiB;AAAA,IAChB,QAAQ;AAAA,EAAA;AAEV,CAAC,GAkCYC,IAAQC,EAAM;AAAA,EAC1B,CACC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,KAEDC,MACI;AACJ,UAAMC,IAAcC,EAAM,GACpBC,IAAsBZ,KAAeC,MAAyB,QAC9DY,IAAsBb,KAAeC,MAAyB,QAE9Da,IAASnB,EAAY,EAAE,QAAAY,GAAQ,SAAS,CAAC,EAAEK,KAAuBR,IAAQ;AAG/E,WAAA,gBAAAW,EAAC,SAAI,KAAAN,GAAU,WAAWK,EAAO,QAAQ,EAAE,WAAAT,GAAW,GACrD,UAAA;AAAA,MAAC,gBAAAW,EAAA,OAAA,EAAI,WAAWF,EAAO,aAAa,EAAE,WAAWR,EAAA,CAAgB,GAChE,UAAA,gBAAAU;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAASjB;AAAA,UACT,MAAMa,IAAsBpB,IAAa;AAAA,UACzC,UAAU,CAACe,KAAYL;AAAA,UACvB,SAASO;AAAA,UAER,UAAAX;AAAA,QAAA;AAAA,MAAA,GAEH;AAAA,MAEC,gBAAAgB,EAAA,OAAA,EAAI,WAAWD,EAAO,eACrB,GAAA,UAAA;AAAA,QAAAZ,EAAQ,EAAE,UAAAM,GAAU,IAAIE,GAAa,OAAAN,GAAO;AAAA,0BAC5C,OACC,EAAA,UAAA;AAAA,UAAAQ,KAAwB,gBAAAI,EAAAE,GAAA,EAAY,MAAK,MAAM,UAAYlB,GAAA;AAAA,UAC3DI,uBACCc,GAAY,EAAA,MAAK,MAAK,WAAWJ,EAAO,SACvC,UACFV,EAAA,CAAA;AAAA,QAAA,EAEF,CAAA;AAAA,MAAA,EACD,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAGH;AAEAP,EAAM,cAAc;","x_google_ignoreList":[0]}

package/dist/FieldLabel-BA0y5lhr.js

@@ -0,0 +1,70 @@
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import * as n from "react";
+import g from "react";
+import { P as L } from "./index-Bb23HztA.js";
+import { T as o } from "./index-BVqs-uqP.js";
+import { I as N } from "./Icon-DH3ev9GK.js";
+import { I as h } from "./IconTooltip-DhkXc8Uy.js";
+var y = "Label", d = n.forwardRef((t, r) => /* @__PURE__ */ a(
+  L.label,
+  {
+    ...t,
+    ref: r,
+    onMouseDown: (e) => {
+      e.target.closest("button, input, select, textarea") || (t.onMouseDown?.(e), !e.defaultPrevented && e.detail > 1 && e.preventDefault());
+    }
+  }
+));
+d.displayName = y;
+var m = d;
+const M = o({
+  base: "text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+}), c = n.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ a(m, { ref: e, className: M({ className: t }), ...r }));
+c.displayName = m.displayName;
+const R = o({
+  base: "stroke-status-error"
+});
+function k({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: R({ className: t }),
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ a(
+        "path",
+        {
+          d: "M12.0001 3V21M20 7.5L4 16.5M4 7.5L20 16.5",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+const I = o({
+  slots: {
+    base: "flex h-4 min-w-0 items-center gap-x-0.5 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    requiredMark: "h-2 w-2 self-start",
+    icon: "ml-1 text-muted"
+  }
+}), v = g.forwardRef(
+  ({ className: t, children: r, htmlFor: e, icon: s, tooltip: i, required: f, ...u }, p) => {
+    const { base: b, requiredMark: w, icon: l } = I();
+    return /* @__PURE__ */ x(c, { ref: p, className: b({ className: t }), htmlFor: e, ...u, children: [
+      r,
+      f && /* @__PURE__ */ a(k, { className: w() }),
+      s && (i ? /* @__PURE__ */ a(h, { content: i, iconSize: "sm", icon: s, iconClassName: l() }) : /* @__PURE__ */ a(N, { size: "sm", icon: s, className: l() }))
+    ] });
+  }
+);
+v.displayName = "FieldLabel";
+export {
+  v as F,
+  c as L
+};
+//# sourceMappingURL=FieldLabel-BA0y5lhr.js.map

package/dist/FieldLabel-BA0y5lhr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel-BA0y5lhr.js","sources":["../node_modules/.pnpm/@radix-ui+react-label@2.1.8_06ea743dca7d9215da8e661312ca1eb5/node_modules/@radix-ui/react-label/dist/index.mjs","../src/components/label/Label.tsx","../src/components/label/field-label/components/RequiredIcon.tsx","../src/components/label/field-label/FieldLabel.tsx"],"sourcesContent":["\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from \"@radix-ui/react-label\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst labelStyles = tv({\r\n\tbase: \"text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\r\n});\r\n\r\nconst Label = React.forwardRef<\r\n\tReact.ElementRef<typeof LabelPrimitive.Root>,\r\n\tReact.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n\t<LabelPrimitive.Root ref={ref} className={labelStyles({ className })} {...props} />\r\n));\r\nLabel.displayName = LabelPrimitive.Root.displayName;\r\n\r\nexport { Label };\r\n","import { tv } from \"tailwind-variants\";\r\n\r\nconst requiredIconStyles = tv({\r\n\tbase: \"stroke-status-error\"\r\n});\r\n\r\ninterface RequiredIconProps {\r\n\tclassName?: string;\r\n}\r\n\r\nexport function RequiredIcon({ className }: RequiredIconProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tclassName={requiredIconStyles({ className })}\r\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\twidth=\"24\"\r\n\t\t\theight=\"24\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12.0001 3V21M20 7.5L4 16.5M4 7.5L20 16.5\"\r\n\t\t\t\tstrokeWidth=\"3\"\r\n\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n","import React from \"react\";\r\nimport { Label } from \"../Label\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { IconTooltip } from \"@/components/icon-tooltip/IconTooltip\";\r\nimport { RequiredIcon } from \"./components/RequiredIcon\";\r\n\r\nconst fieldLabelVariants = tv({\r\n\tslots: {\r\n\t\tbase: \"flex h-4 min-w-0 items-center gap-x-0.5 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\r\n\t\trequiredMark: \"h-2 w-2 self-start\",\r\n\t\ticon: \"ml-1 text-muted\"\r\n\t}\r\n});\r\n\r\ninterface FieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {\r\n\tclassName?: string;\r\n\trequired?: boolean;\r\n\ticon?: LucideIcon;\r\n\ttooltip?: React.ReactNode;\r\n}\r\n\r\nexport const FieldLabel = React.forwardRef<React.ElementRef<typeof Label>, FieldLabelProps>(\r\n\t({ className, children, htmlFor, icon, tooltip, required, ...props }, ref) => {\r\n\t\tconst { base, requiredMark, icon: iconStyles } = fieldLabelVariants();\r\n\r\n\t\treturn (\r\n\t\t\t<Label ref={ref} className={base({ className })} htmlFor={htmlFor} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t\t{required && <RequiredIcon className={requiredMark()} />}\r\n\t\t\t\t{icon &&\r\n\t\t\t\t\t(tooltip ? (\r\n\t\t\t\t\t\t<IconTooltip content={tooltip} iconSize=\"sm\" icon={icon} iconClassName={iconStyles()} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Icon size=\"sm\" icon={icon} className={iconStyles()} />\r\n\t\t\t\t\t))}\r\n\t\t\t</Label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFieldLabel.displayName = \"FieldLabel\";\r\n"],"names":["NAME","Label","React","props","forwardedRef","jsx","Primitive","event","Root","labelStyles","tv","className","ref","LabelPrimitive.Root","requiredIconStyles","RequiredIcon","fieldLabelVariants","FieldLabel","children","htmlFor","icon","tooltip","required","base","requiredMark","iconStyles","jsxs","IconTooltip","Icon"],"mappings":";;;;;;;AAMA,IAAIA,IAAO,SACPC,IAAQC,EAAM,WAAW,CAACC,GAAOC,MACZ,gBAAAC;AAAA,EACrBC,EAAU;AAAA,EACV;AAAA,IACE,GAAGH;AAAA,IACH,KAAKC;AAAA,IACL,aAAa,CAACG,MAAU;AAEtB,MADeA,EAAM,OACV,QAAQ,iCAAiC,MACpDJ,EAAM,cAAcI,CAAK,GACrB,CAACA,EAAM,oBAAoBA,EAAM,SAAS,KAAGA,EAAM,eAAgB;AAAA,IAC/E;AAAA,EACA;AACG,CACF;AACDN,EAAM,cAAcD;AACpB,IAAIQ,IAAOP;ACnBX,MAAMQ,IAAcC,EAAG;AAAA,EACtB,MAAM;AACP,CAAC,GAEKT,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAS,GAAW,GAAGR,EAAM,GAAGS,MAC3B,gBAAAP,EAACQ,GAAA,EAAoB,KAAAD,GAAU,WAAWH,EAAY,EAAE,WAAAE,GAAW,GAAI,GAAGR,GAAO,CACjF;AACDF,EAAM,cAAcY,EAAoB;ACZxC,MAAMC,IAAqBJ,EAAG;AAAA,EAC7B,MAAM;AACP,CAAC;AAMe,SAAAK,EAAa,EAAE,WAAAJ,KAAgC;AAE7D,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWS,EAAmB,EAAE,WAAAH,GAAW;AAAA,MAC3C,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MAEL,UAAA,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,GAAE;AAAA,UACF,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EACD;AAEF;ACpBA,MAAMW,IAAqBN,EAAG;AAAA,EAC7B,OAAO;AAAA,IACN,MAAM;AAAA,IACN,cAAc;AAAA,IACd,MAAM;AAAA,EAAA;AAER,CAAC,GASYO,IAAaf,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAS,GAAW,UAAAO,GAAU,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,GAAGnB,EAAM,GAAGS,MAAQ;AAC7E,UAAM,EAAE,MAAAW,GAAM,cAAAC,GAAc,MAAMC,EAAA,IAAeT,EAAmB;AAGnE,WAAA,gBAAAU,EAACzB,GAAM,EAAA,KAAAW,GAAU,WAAWW,EAAK,EAAE,WAAAZ,EAAW,CAAA,GAAG,SAAAQ,GAAmB,GAAGhB,GACrE,UAAA;AAAA,MAAAe;AAAA,MACAI,KAAY,gBAAAjB,EAACU,GAAa,EAAA,WAAWS,EAAgB,EAAA,CAAA;AAAA,MACrDJ,MACCC,IACC,gBAAAhB,EAAAsB,GAAA,EAAY,SAASN,GAAS,UAAS,MAAK,MAAAD,GAAY,eAAeK,KAAc,sBAErFG,GAAK,EAAA,MAAK,MAAK,MAAAR,GAAY,WAAWK,KAAc;AAAA,IAAA,GAExD;AAAA,EAAA;AAGH;AAEAR,EAAW,cAAc;","x_google_ignoreList":[0]}