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

package/dist/MenuItem-pvsONHlh.js

@@ -0,0 +1,32 @@
+import { jsx as s } from "react/jsx-runtime";
+import { u as i } from "./ComponentVariantProvider-B0SFUaXB.js";
+import m from "react";
+import { T as d } from "./index-BVqs-uqP.js";
+const v = d({
+  base: [
+    "group/menu-item relative flex cursor-pointer select-none items-center gap-2 rounded-sm bg-secondary-bg p-2 py-1.5 text-sm text-primary-fg",
+    // Если есть дочерний элемент с data-menu-item-action, то при наведении на него, пункт меню не нужно подсвечивать
+    "[&:has([data-menu-item-action]:hover)]:bg-secondary-bg",
+    "transition-colors hover:bg-secondary-bg-hover focus:bg-secondary-bg-hover focus:outline-none",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"
+  ],
+  variants: {
+    disabled: {
+      true: "pointer-events-none opacity-50"
+    },
+    theme: {
+      inverse: "bg-inverse-primary-bg text-inverse-primary-fg hover:bg-inverse-hover focus:bg-inverse-hover data-[selected=true]:bg-inverse-hover data-[selected=true]:text-inverse-primary-fg [&:has([data-menu-item-action]:hover)]:bg-inverse-primary-bg"
+    }
+  }
+}), c = m.forwardRef(
+  ({ className: e, children: r, disabled: t, ...a }, o) => {
+    const { variant: n } = i();
+    return /* @__PURE__ */ s("div", { ref: o, className: v({ className: e, disabled: t, theme: n }), ...a, children: r });
+  }
+);
+c.displayName = "MenuItem";
+export {
+  c as M,
+  v as m
+};
+//# sourceMappingURL=MenuItem-pvsONHlh.js.map

package/dist/MenuItem-pvsONHlh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem-pvsONHlh.js","sources":["../src/components/menu-item/MenuItem.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport { useComponentVariant } from \"@/providers/component-variant-context\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface MenuItemVariants {\n\tdisabled?: boolean;\n}\n\nexport const menuItemStyles = tv({\n\tbase: [\n\t\t\"group/menu-item relative flex cursor-pointer select-none items-center gap-2 rounded-sm bg-secondary-bg p-2 py-1.5 text-sm text-primary-fg\",\n\t\t// Если есть дочерний элемент с data-menu-item-action, то при наведении на него, пункт меню не нужно подсвечивать\n\t\t\"[&:has([data-menu-item-action]:hover)]:bg-secondary-bg\",\n\t\t\"transition-colors hover:bg-secondary-bg-hover focus:bg-secondary-bg-hover focus:outline-none\",\n\t\t\"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\"\n\t],\n\tvariants: {\n\t\tdisabled: {\n\t\t\ttrue: \"pointer-events-none opacity-50\"\n\t\t},\n\t\ttheme: {\n\t\t\tinverse:\n\t\t\t\t\"bg-inverse-primary-bg text-inverse-primary-fg hover:bg-inverse-hover focus:bg-inverse-hover data-[selected=true]:bg-inverse-hover data-[selected=true]:text-inverse-primary-fg [&:has([data-menu-item-action]:hover)]:bg-inverse-primary-bg\"\n\t\t}\n\t} satisfies VariantsConfig<MenuItemVariants> & { theme: { inverse: string } }\n});\n\nexport type MenuItemProps = React.HTMLAttributes<HTMLDivElement> & MenuItemVariants;\n\nexport const MenuItem = React.forwardRef<HTMLDivElement, PropsWithChildren<MenuItemProps>>(\n\t({ className, children, disabled, ...props }, ref) => {\n\t\tconst { variant: theme } = useComponentVariant();\n\n\t\treturn (\n\t\t\t<div ref={ref} className={menuItemStyles({ className, disabled, theme })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nMenuItem.displayName = \"MenuItem\";\n"],"names":["menuItemStyles","tv","MenuItem","React","className","children","disabled","props","ref","theme","useComponentVariant","jsx"],"mappings":";;;;AASO,MAAMA,IAAiBC,EAAG;AAAA,EAChC,MAAM;AAAA,IACL;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,UAAU;AAAA,MACT,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,SACC;AAAA,IAAA;AAAA,EACF;AAEF,CAAC,GAIYC,IAAWC,EAAM;AAAA,EAC7B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAASC,MAAQ;AACrD,UAAM,EAAE,SAASC,EAAM,IAAIC,EAAoB;AAE/C,WACE,gBAAAC,EAAA,OAAA,EAAI,KAAAH,GAAU,WAAWR,EAAe,EAAE,WAAAI,GAAW,UAAAE,GAAU,OAAAG,EAAO,CAAA,GAAI,GAAGF,GAC5E,UAAAF,EACF,CAAA;AAAA,EAAA;AAGH;AAEAH,EAAS,cAAc;"}

package/dist/MenuItemShortcut-DgPol9Nz.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { S as s } from "./Shortcut-D8L15_ed.js";
+import { u as a } from "./ComponentVariantProvider-B0SFUaXB.js";
+import { T as n } from "./index-BVqs-uqP.js";
+const u = n({
+  base: "text-muted",
+  variants: {
+    theme: {
+      inverse: "text-inverse-muted"
+    }
+  }
+}), i = ({ className: t, children: e, ...r }) => {
+  const { variant: m } = a();
+  return /* @__PURE__ */ o(s, { variant: "ghost", className: u({ className: t, theme: m }), ...r, children: e });
+};
+i.displayName = "MenuItemShortcut";
+export {
+  i as M,
+  u as m
+};
+//# sourceMappingURL=MenuItemShortcut-DgPol9Nz.js.map

package/dist/MenuItemShortcut-DgPol9Nz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemShortcut-DgPol9Nz.js","sources":["../src/components/menu-item/components/menu-item-shortcut/MenuItemShortcut.tsx"],"sourcesContent":["import { Shortcut } from \"@/components/shortcut\";\nimport { useComponentVariant } from \"@/providers/component-variant-context\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport const menuItemShortcutStyles = tv({\n\tbase: \"text-muted\",\n\tvariants: {\n\t\ttheme: {\n\t\t\tinverse: \"text-inverse-muted\"\n\t\t}\n\t}\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemShortcut = ({ className, children, ...props }: MenuItemTextProps) => {\n\tconst { variant: theme } = useComponentVariant();\n\n\treturn (\n\t\t<Shortcut variant=\"ghost\" className={menuItemShortcutStyles({ className, theme })} {...props}>\n\t\t\t{children}\n\t\t</Shortcut>\n\t);\n};\n\nMenuItemShortcut.displayName = \"MenuItemShortcut\";\n"],"names":["menuItemShortcutStyles","tv","MenuItemShortcut","className","children","props","theme","useComponentVariant","jsx","Shortcut"],"mappings":";;;;AAKO,MAAMA,IAAyBC,EAAG;AAAA,EACxC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACV;AAEF,CAAC,GAIYC,IAAmB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAA+B;AACzF,QAAM,EAAE,SAASC,EAAM,IAAIC,EAAoB;AAE/C,SACE,gBAAAC,EAAAC,GAAA,EAAS,SAAQ,SAAQ,WAAWT,EAAuB,EAAE,WAAAG,GAAW,OAAAG,EAAO,CAAA,GAAI,GAAGD,GACrF,UAAAD,EACF,CAAA;AAEF;AAEAF,EAAiB,cAAc;"}

package/dist/MenuItemText-7uPl9P3z.js

@@ -0,0 +1,20 @@
+import { jsx as a } from "react/jsx-runtime";
+import { T as s } from "./index-BVqs-uqP.js";
+import { u as n } from "./ComponentVariantProvider-B0SFUaXB.js";
+const o = s({
+  base: "flex-1 truncate text-sm text-primary-fg",
+  variants: {
+    theme: {
+      inverse: "text-inverse-primary-fg"
+    }
+  }
+}), i = ({ className: e, children: t, ...m }) => {
+  const { variant: r } = n();
+  return /* @__PURE__ */ a("span", { className: o({ className: e, theme: r }), ...m, children: t });
+};
+i.displayName = "MenuItemText";
+export {
+  i as M,
+  o as m
+};
+//# sourceMappingURL=MenuItemText-7uPl9P3z.js.map

package/dist/MenuItemText-7uPl9P3z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemText-7uPl9P3z.js","sources":["../src/components/menu-item/components/menu-item-text/MenuItemText.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { useComponentVariant } from \"@/providers/component-variant-context\";\n\nexport const menuItemTextStyles = tv({\n\tbase: \"flex-1 truncate text-sm text-primary-fg\",\n\tvariants: {\n\t\ttheme: {\n\t\t\tinverse: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemText = ({ className, children, ...props }: MenuItemTextProps) => {\n\tconst { variant: theme } = useComponentVariant();\n\n\treturn (\n\t\t<span className={menuItemTextStyles({ className, theme })} {...props}>\n\t\t\t{children}\n\t\t</span>\n\t);\n};\n\nMenuItemText.displayName = \"MenuItemText\";\n"],"names":["menuItemTextStyles","tv","MenuItemText","className","children","props","theme","useComponentVariant","jsx"],"mappings":";;;AAIO,MAAMA,IAAqBC,EAAG;AAAA,EACpC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACV;AAEF,CAAC,GAIYC,IAAe,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAA+B;AACrF,QAAM,EAAE,SAASC,EAAM,IAAIC,EAAoB;AAG9C,SAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWR,EAAmB,EAAE,WAAAG,GAAW,OAAAG,GAAO,GAAI,GAAGD,GAC7D,UAAAD,EACF,CAAA;AAEF;AAEAF,EAAa,cAAc;"}

package/dist/Overlay-2XMlxApi.js

@@ -0,0 +1,28 @@
+import { jsx as s } from "react/jsx-runtime";
+import l from "react";
+import { T as o } from "./index-BVqs-uqP.js";
+const d = o({
+  base: "fixed inset-0 z-50 h-full w-full data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  variants: {
+    blur: {
+      true: "backdrop-blur-sm"
+    },
+    type: {
+      default: "bg-slate-950/80",
+      gradient: "bg-gradient-to-b from-slate-950/50 to-slate-950/80",
+      dimmed: "bg-slate-950/20",
+      transparent: "bg-transparent"
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+}), n = l.forwardRef(
+  ({ className: a, children: t, ...e }, r) => /* @__PURE__ */ s("div", { ref: r, className: d({ className: a, ...e }), children: t })
+);
+n.displayName = "Overlay";
+export {
+  n as O,
+  d as o
+};
+//# sourceMappingURL=Overlay-2XMlxApi.js.map

package/dist/Overlay-2XMlxApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay-2XMlxApi.js","sources":["../src/components/overlay/Overlay.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface OverlayVariants {\n\tblur?: boolean;\n\ttype?: \"default\" | \"gradient\" | \"dimmed\" | \"transparent\";\n}\n\nexport const overlayStyles = tv({\n\tbase: \"fixed inset-0 z-50 h-full w-full data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n\tvariants: {\n\t\tblur: {\n\t\t\ttrue: \"backdrop-blur-sm\"\n\t\t},\n\t\ttype: {\n\t\t\tdefault: \"bg-slate-950/80\",\n\t\t\tgradient: \"bg-gradient-to-b from-slate-950/50 to-slate-950/80\",\n\t\t\tdimmed: \"bg-slate-950/20\",\n\t\t\ttransparent: \"bg-transparent\"\n\t\t}\n\t} satisfies VariantsConfig<OverlayVariants>,\n\tdefaultVariants: {\n\t\ttype: \"default\"\n\t}\n});\n\nexport type OverlayProps = OverlayVariants & {\n\tclassName?: string;\n};\n\nexport const Overlay = React.forwardRef<HTMLDivElement, PropsWithChildren<OverlayProps>>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={overlayStyles({ className, ...props })}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nOverlay.displayName = \"Overlay\";\n"],"names":["overlayStyles","tv","Overlay","React","className","children","props","ref","jsx"],"mappings":";;;AASO,MAAMA,IAAgBC,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,MAAM;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,EAEf;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAMYC,IAAUC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWP,EAAc,EAAE,WAAAI,GAAW,GAAGE,GAAO,GAC7D,UAAAD,EACF,CAAA;AAGH;AAEAH,EAAQ,cAAc;"}

package/dist/Popover-Dvr7y0YY.js

@@ -0,0 +1,258 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as i from "react";
+import { P as O, c as P, a as z } from "./index-CFaU3UXv.js";
+import { u as _ } from "./index-DLcqcWxM.js";
+import { c as B } from "./index-DFZozV_h.js";
+import { P as G, D as H } from "./index-_ITz1IyW.js";
+import { h as K, R as W, u as j, F as U } from "./index-BzCriPiK.js";
+import { u as V } from "./index-xqkGMOJ8.js";
+import { c as x, R as Z, A as b, C as q, a as J } from "./index-DRo26PBK.js";
+import { P as w } from "./index-BpWB3aFK.js";
+import { u as Q } from "./index-437EL2iq.js";
+import { T as X } from "./index-BVqs-uqP.js";
+import { c as Y } from "./cn-dsXlqdJg.js";
+import { u as oo } from "./usePortalContainer-ae6EzS08.js";
+import { T as eo } from "./TriggerButton-CfDObWP9.js";
+var C = "Popover", [y, Mo] = B(C, [
+  x
+]), m = x(), [ro, l] = y(C), E = (o) => {
+  const {
+    __scopePopover: n,
+    children: e,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !1
+  } = o, p = m(n), f = i.useRef(null), [v, g] = i.useState(!1), [h, u] = Q({
+    prop: a,
+    defaultProp: r ?? !1,
+    onChange: t,
+    caller: C
+  });
+  return /* @__PURE__ */ s(Z, { ...p, children: /* @__PURE__ */ s(
+    ro,
+    {
+      scope: n,
+      contentId: V(),
+      triggerRef: f,
+      open: h,
+      onOpenChange: u,
+      onOpenToggle: i.useCallback(() => u((R) => !R), [u]),
+      hasCustomAnchor: v,
+      onCustomAnchorAdd: i.useCallback(() => g(!0), []),
+      onCustomAnchorRemove: i.useCallback(() => g(!1), []),
+      modal: c,
+      children: e
+    }
+  ) });
+};
+E.displayName = C;
+var N = "PopoverAnchor", F = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, r = l(N, e), t = m(e), { onCustomAnchorAdd: c, onCustomAnchorRemove: p } = r;
+    return i.useEffect(() => (c(), () => p()), [c, p]), /* @__PURE__ */ s(b, { ...t, ...a, ref: n });
+  }
+);
+F.displayName = N;
+var S = "PopoverTrigger", T = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, r = l(S, e), t = m(e), c = _(n, r.triggerRef), p = /* @__PURE__ */ s(
+      O.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": $(r.open),
+        ...a,
+        ref: c,
+        onClick: P(o.onClick, r.onOpenToggle)
+      }
+    );
+    return r.hasCustomAnchor ? p : /* @__PURE__ */ s(b, { asChild: !0, ...t, children: p });
+  }
+);
+T.displayName = S;
+var A = "PopoverPortal", [to, no] = y(A, {
+  forceMount: void 0
+}), D = (o) => {
+  const { __scopePopover: n, forceMount: e, children: a, container: r } = o, t = l(A, n);
+  return /* @__PURE__ */ s(to, { scope: n, forceMount: e, children: /* @__PURE__ */ s(w, { present: e || t.open, children: /* @__PURE__ */ s(G, { asChild: !0, container: r, children: a }) }) });
+};
+D.displayName = A;
+var d = "PopoverContent", M = i.forwardRef(
+  (o, n) => {
+    const e = no(d, o.__scopePopover), { forceMount: a = e.forceMount, ...r } = o, t = l(d, o.__scopePopover);
+    return /* @__PURE__ */ s(w, { present: a || t.open, children: t.modal ? /* @__PURE__ */ s(so, { ...r, ref: n }) : /* @__PURE__ */ s(co, { ...r, ref: n }) });
+  }
+);
+M.displayName = d;
+var ao = z("PopoverContent.RemoveScroll"), so = i.forwardRef(
+  (o, n) => {
+    const e = l(d, o.__scopePopover), a = i.useRef(null), r = _(n, a), t = i.useRef(!1);
+    return i.useEffect(() => {
+      const c = a.current;
+      if (c) return K(c);
+    }, []), /* @__PURE__ */ s(W, { as: ao, allowPinchZoom: !0, children: /* @__PURE__ */ s(
+      k,
+      {
+        ...o,
+        ref: r,
+        trapFocus: e.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: P(o.onCloseAutoFocus, (c) => {
+          c.preventDefault(), t.current || e.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: P(
+          o.onPointerDownOutside,
+          (c) => {
+            const p = c.detail.originalEvent, f = p.button === 0 && p.ctrlKey === !0, v = p.button === 2 || f;
+            t.current = v;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: P(
+          o.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), co = i.forwardRef(
+  (o, n) => {
+    const e = l(d, o.__scopePopover), a = i.useRef(!1), r = i.useRef(!1);
+    return /* @__PURE__ */ s(
+      k,
+      {
+        ...o,
+        ref: n,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          o.onCloseAutoFocus?.(t), t.defaultPrevented || (a.current || e.triggerRef.current?.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (t) => {
+          o.onInteractOutside?.(t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = t.target;
+          e.triggerRef.current?.contains(c) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), k = i.forwardRef(
+  (o, n) => {
+    const {
+      __scopePopover: e,
+      trapFocus: a,
+      onOpenAutoFocus: r,
+      onCloseAutoFocus: t,
+      disableOutsidePointerEvents: c,
+      onEscapeKeyDown: p,
+      onPointerDownOutside: f,
+      onFocusOutside: v,
+      onInteractOutside: g,
+      ...h
+    } = o, u = l(d, e), R = m(e);
+    return j(), /* @__PURE__ */ s(
+      U,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: a,
+        onMountAutoFocus: r,
+        onUnmountAutoFocus: t,
+        children: /* @__PURE__ */ s(
+          H,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: c,
+            onInteractOutside: g,
+            onEscapeKeyDown: p,
+            onPointerDownOutside: f,
+            onFocusOutside: v,
+            onDismiss: () => u.onOpenChange(!1),
+            children: /* @__PURE__ */ s(
+              q,
+              {
+                "data-state": $(u.open),
+                role: "dialog",
+                id: u.contentId,
+                ...R,
+                ...h,
+                ref: n,
+                style: {
+                  ...h.style,
+                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), I = "PopoverClose", io = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, r = l(I, e);
+    return /* @__PURE__ */ s(
+      O.button,
+      {
+        type: "button",
+        ...a,
+        ref: n,
+        onClick: P(o.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+io.displayName = I;
+var po = "PopoverArrow", lo = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, r = m(e);
+    return /* @__PURE__ */ s(J, { ...r, ...a, ref: n });
+  }
+);
+lo.displayName = po;
+function $(o) {
+  return o ? "open" : "closed";
+}
+var uo = E, fo = F, vo = T, Po = D, L = M;
+const mo = X({
+  base: "z-50 w-72 origin-[--radix-popover-content-transform-origin] rounded-lg border border-secondary-border bg-secondary-bg p-4 text-popover-foreground shadow-soft-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+}), ko = uo, go = vo, Io = fo, ho = i.forwardRef(
+  ({ className: o, align: n = "center", sideOffset: e = 4, portalContainer: a, ...r }, t) => {
+    const c = oo(a);
+    return /* @__PURE__ */ s(Po, { container: c, children: /* @__PURE__ */ s(
+      L,
+      {
+        onWheel: (p) => {
+          p.stopPropagation();
+        },
+        onTouchMove: (p) => {
+          p.stopPropagation();
+        },
+        ref: t,
+        align: n,
+        sideOffset: e,
+        className: Y(mo(), o),
+        ...r
+      }
+    ) });
+  }
+);
+ho.displayName = L.displayName;
+const Co = i.forwardRef(({ children: o, ...n }, e) => /* @__PURE__ */ s(go, { asChild: !0, ref: e, children: /* @__PURE__ */ s(eo, { ...n, children: o }) }));
+Co.displayName = "PopoverTriggerButton";
+export {
+  ko as P,
+  go as a,
+  ho as b,
+  Io as c,
+  Co as d
+};
+//# sourceMappingURL=Popover-Dvr7y0YY.js.map

package/dist/Popover-Dvr7y0YY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-Dvr7y0YY.js","sources":["../node_modules/.pnpm/@radix-ui+react-popover@1.1.15_@types+react-dom@18.3.6_@types+react@18.3.20__@types+rea_3205396e68ca917639ebdf7a5c8fe165/node_modules/@radix-ui/react-popover/dist/index.mjs","../src/components/popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\n// src/popover.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { useFocusGuards } from \"@radix-ui/react-focus-guards\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { useId } from \"@radix-ui/react-id\";\nimport * as PopperPrimitive from \"@radix-ui/react-popper\";\nimport { createPopperScope } from \"@radix-ui/react-popper\";\nimport { Portal as PortalPrimitive } from \"@radix-ui/react-portal\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { hideOthers } from \"aria-hidden\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { jsx } from \"react/jsx-runtime\";\nvar POPOVER_NAME = \"Popover\";\nvar [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [\n  createPopperScope\n]);\nvar usePopperScope = createPopperScope();\nvar [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);\nvar Popover = (props) => {\n  const {\n    __scopePopover,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = false\n  } = props;\n  const popperScope = usePopperScope(__scopePopover);\n  const triggerRef = React.useRef(null);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen ?? false,\n    onChange: onOpenChange,\n    caller: POPOVER_NAME\n  });\n  return /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ jsx(\n    PopoverProvider,\n    {\n      scope: __scopePopover,\n      contentId: useId(),\n      triggerRef,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n      hasCustomAnchor,\n      onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),\n      onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),\n      modal,\n      children\n    }\n  ) });\n};\nPopover.displayName = POPOVER_NAME;\nvar ANCHOR_NAME = \"PopoverAnchor\";\nvar PopoverAnchor = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...anchorProps } = props;\n    const context = usePopoverContext(ANCHOR_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    const { onCustomAnchorAdd, onCustomAnchorRemove } = context;\n    React.useEffect(() => {\n      onCustomAnchorAdd();\n      return () => onCustomAnchorRemove();\n    }, [onCustomAnchorAdd, onCustomAnchorRemove]);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });\n  }\n);\nPopoverAnchor.displayName = ANCHOR_NAME;\nvar TRIGGER_NAME = \"PopoverTrigger\";\nvar PopoverTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...triggerProps } = props;\n    const context = usePopoverContext(TRIGGER_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n    const trigger = /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": context.open,\n        \"aria-controls\": context.contentId,\n        \"data-state\": getState(context.open),\n        ...triggerProps,\n        ref: composedTriggerRef,\n        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)\n      }\n    );\n    return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });\n  }\n);\nPopoverTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"PopoverPortal\";\nvar [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME, {\n  forceMount: void 0\n});\nvar PopoverPortal = (props) => {\n  const { __scopePopover, forceMount, children, container } = props;\n  const context = usePopoverContext(PORTAL_NAME, __scopePopover);\n  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(PortalPrimitive, { asChild: true, container, children }) }) });\n};\nPopoverPortal.displayName = PORTAL_NAME;\nvar CONTENT_NAME = \"PopoverContent\";\nvar PopoverContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });\n  }\n);\nPopoverContent.displayName = CONTENT_NAME;\nvar Slot = createSlot(\"PopoverContent.RemoveScroll\");\nvar PopoverContentModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const isRightClickOutsideRef = React.useRef(false);\n    React.useEffect(() => {\n      const content = contentRef.current;\n      if (content) return hideOthers(content);\n    }, []);\n    return /* @__PURE__ */ jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx(\n      PopoverContentImpl,\n      {\n        ...props,\n        ref: composedRefs,\n        trapFocus: context.open,\n        disableOutsidePointerEvents: true,\n        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault();\n          if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();\n        }),\n        onPointerDownOutside: composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event.detail.originalEvent;\n            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n            isRightClickOutsideRef.current = isRightClick;\n          },\n          { checkForDefaultPrevented: false }\n        ),\n        onFocusOutside: composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkForDefaultPrevented: false }\n        )\n      }\n    ) });\n  }\n);\nvar PopoverContentNonModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    const hasInteractedOutsideRef = React.useRef(false);\n    const hasPointerDownOutsideRef = React.useRef(false);\n    return /* @__PURE__ */ jsx(\n      PopoverContentImpl,\n      {\n        ...props,\n        ref: forwardedRef,\n        trapFocus: false,\n        disableOutsidePointerEvents: false,\n        onCloseAutoFocus: (event) => {\n          props.onCloseAutoFocus?.(event);\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n            event.preventDefault();\n          }\n          hasInteractedOutsideRef.current = false;\n          hasPointerDownOutsideRef.current = false;\n        },\n        onInteractOutside: (event) => {\n          props.onInteractOutside?.(event);\n          if (!event.defaultPrevented) {\n            hasInteractedOutsideRef.current = true;\n            if (event.detail.originalEvent.type === \"pointerdown\") {\n              hasPointerDownOutsideRef.current = true;\n            }\n          }\n          const target = event.target;\n          const targetIsTrigger = context.triggerRef.current?.contains(target);\n          if (targetIsTrigger) event.preventDefault();\n          if (event.detail.originalEvent.type === \"focusin\" && hasPointerDownOutsideRef.current) {\n            event.preventDefault();\n          }\n        }\n      }\n    );\n  }\n);\nvar PopoverContentImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopePopover,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      ...contentProps\n    } = props;\n    const context = usePopoverContext(CONTENT_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    useFocusGuards();\n    return /* @__PURE__ */ jsx(\n      FocusScope,\n      {\n        asChild: true,\n        loop: true,\n        trapped: trapFocus,\n        onMountAutoFocus: onOpenAutoFocus,\n        onUnmountAutoFocus: onCloseAutoFocus,\n        children: /* @__PURE__ */ jsx(\n          DismissableLayer,\n          {\n            asChild: true,\n            disableOutsidePointerEvents,\n            onInteractOutside,\n            onEscapeKeyDown,\n            onPointerDownOutside,\n            onFocusOutside,\n            onDismiss: () => context.onOpenChange(false),\n            children: /* @__PURE__ */ jsx(\n              PopperPrimitive.Content,\n              {\n                \"data-state\": getState(context.open),\n                role: \"dialog\",\n                id: context.contentId,\n                ...popperScope,\n                ...contentProps,\n                ref: forwardedRef,\n                style: {\n                  ...contentProps.style,\n                  // re-namespace exposed content custom properties\n                  ...{\n                    \"--radix-popover-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n                    \"--radix-popover-content-available-width\": \"var(--radix-popper-available-width)\",\n                    \"--radix-popover-content-available-height\": \"var(--radix-popper-available-height)\",\n                    \"--radix-popover-trigger-width\": \"var(--radix-popper-anchor-width)\",\n                    \"--radix-popover-trigger-height\": \"var(--radix-popper-anchor-height)\"\n                  }\n                }\n              }\n            )\n          }\n        )\n      }\n    );\n  }\n);\nvar CLOSE_NAME = \"PopoverClose\";\nvar PopoverClose = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props;\n    const context = usePopoverContext(CLOSE_NAME, __scopePopover);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        ...closeProps,\n        ref: forwardedRef,\n        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))\n      }\n    );\n  }\n);\nPopoverClose.displayName = CLOSE_NAME;\nvar ARROW_NAME = \"PopoverArrow\";\nvar PopoverArrow = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopePopover);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });\n  }\n);\nPopoverArrow.displayName = ARROW_NAME;\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nvar Root2 = Popover;\nvar Anchor2 = PopoverAnchor;\nvar Trigger = PopoverTrigger;\nvar Portal = PopoverPortal;\nvar Content2 = PopoverContent;\nvar Close = PopoverClose;\nvar Arrow2 = PopoverArrow;\nexport {\n  Anchor2 as Anchor,\n  Arrow2 as Arrow,\n  Close,\n  Content2 as Content,\n  Popover,\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverClose,\n  PopoverContent,\n  PopoverPortal,\n  PopoverTrigger,\n  Portal,\n  Root2 as Root,\n  Trigger,\n  createPopoverScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"@/lib/utils\";\nimport { usePortalContainer } from \"../portal-container\";\nimport { TriggerButton } from \"../button\";\nimport { TriggerButtonProps } from \"../button/trigger-button/TriggerButton\";\n\nconst popoverStyles = tv({\n\tbase: \"z-50 w-72 origin-[--radix-popover-content-transform-origin] rounded-lg border border-secondary-border bg-secondary-bg p-4 text-popover-foreground shadow-soft-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\"\n});\n\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {\n\t/**\n\t * Контейнер для портала. Если не указан, используется хук usePortalContainer\n\t * для поиска PortalContainer\n\t */\n\tportalContainer?: HTMLElement;\n};\n\n/**\n * Корневой компонент Popover, который оборачивает всю функциональность всплывающего окна.\n * Построен на основе Radix UI Popover primitive.\n */\nconst Popover = PopoverPrimitive.Root;\n\n/**\n * Элемент-триггер, который открывает всплывающее окно при клике.\n */\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/**\n * Элемент-якорь, относительно которого позиционируется всплывающее окно.\n */\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/**\n * Компонент содержимого всплывающего окна.\n */\nconst PopoverContent = React.forwardRef<React.ElementRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n\t({ className, align = \"center\", sideOffset = 4, portalContainer, ...props }, ref) => {\n\t\tconst container = usePortalContainer(portalContainer);\n\t\treturn (\n\t\t\t<PopoverPrimitive.Portal container={container}>\n\t\t\t\t<PopoverPrimitive.Content\n\t\t\t\t\t// Фикс скроллинга внутри Popover когда он находится в Dialog\n\t\t\t\t\t// RemoveScroll в Dialog блокирует прокрутку body, но может блокировать и вложенные элементы\n\t\t\t\t\t// stopPropagation предотвращает всплытие событий скроллинга к заблокированному body\n\t\t\t\t\t// https://github.com/radix-ui/primitives/issues/1159\n\t\t\t\t\tonWheel={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t}}\n\t\t\t\t\tonTouchMove={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t}}\n\t\t\t\t\tref={ref}\n\t\t\t\t\talign={align}\n\t\t\t\t\tsideOffset={sideOffset}\n\t\t\t\t\tclassName={cn(popoverStyles(), className)}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t</PopoverPrimitive.Portal>\n\t\t);\n\t}\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/**\n * Компонент-обертка для использования TriggerButton в качестве триггера поповера\n */\nconst PopoverTriggerButton = React.forwardRef<\n\tReact.ElementRef<typeof PopoverTrigger>,\n\tReact.ComponentPropsWithoutRef<typeof PopoverTrigger> & Omit<TriggerButtonProps, \"dataState\">\n>(({ children, ...props }, ref) => {\n\treturn (\n\t\t<PopoverTrigger asChild ref={ref}>\n\t\t\t<TriggerButton {...props}>{children}</TriggerButton>\n\t\t</PopoverTrigger>\n\t);\n});\n\nPopoverTriggerButton.displayName = \"PopoverTriggerButton\";\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverTriggerButton };\n"],"names":["POPOVER_NAME","createPopoverContext","createPopoverScope","createContextScope","createPopperScope","usePopperScope","PopoverProvider","usePopoverContext","Popover","props","__scopePopover","children","openProp","defaultOpen","onOpenChange","modal","popperScope","triggerRef","React","hasCustomAnchor","setHasCustomAnchor","open","setOpen","useControllableState","jsx","PopperPrimitive.Root","useId","prevOpen","ANCHOR_NAME","PopoverAnchor","forwardedRef","anchorProps","context","onCustomAnchorAdd","onCustomAnchorRemove","PopperPrimitive.Anchor","TRIGGER_NAME","PopoverTrigger","triggerProps","composedTriggerRef","useComposedRefs","trigger","Primitive","getState","composeEventHandlers","PORTAL_NAME","PortalProvider","usePortalContext","PopoverPortal","forceMount","container","Presence","PortalPrimitive","CONTENT_NAME","PopoverContent","portalContext","contentProps","PopoverContentModal","PopoverContentNonModal","Slot","createSlot","contentRef","composedRefs","isRightClickOutsideRef","content","hideOthers","RemoveScroll","PopoverContentImpl","event","originalEvent","ctrlLeftClick","isRightClick","hasInteractedOutsideRef","hasPointerDownOutsideRef","target","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","useFocusGuards","FocusScope","DismissableLayer","PopperPrimitive.Content","CLOSE_NAME","PopoverClose","closeProps","ARROW_NAME","PopoverArrow","arrowProps","PopperPrimitive.Arrow","Root2","Anchor2","Trigger","Portal","Content2","popoverStyles","tv","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Anchor","className","align","sideOffset","portalContainer","ref","usePortalContainer","PopoverPrimitive.Portal","PopoverPrimitive.Content","e","cn","PopoverTriggerButton","TriggerButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/RichButton-DuPTenmS.js

@@ -0,0 +1,49 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import p from "react";
+import { B as d } from "./ButtonBase-e6qyv6mD.js";
+import { T as x } from "./index-BVqs-uqP.js";
+import { F as f } from "./FeatureIcon-BGE0Orkc.js";
+import { D as u } from "./Description-BTPMlTT-.js";
+const h = x({
+  slots: {
+    base: "w-full justify-start",
+    wrapper: "flex flex-col items-start",
+    description: "",
+    text: "font-semibold"
+  },
+  variants: {
+    size: {
+      sm: {
+        base: "h-12 gap-2 rounded-xl px-2 py-1.5",
+        description: "text-xs",
+        text: "text-sm"
+      },
+      lg: {
+        base: "h-[4.5rem] gap-3 rounded-2xl p-3",
+        wrapper: "gap-1",
+        description: "text-sm",
+        text: "text-base"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), b = p.forwardRef(
+  ({ icon: r, size: e, title: i, description: o, className: l, ...n }, c) => {
+    const t = h({ size: e }), m = e === "lg" ? "2xl" : "md";
+    return /* @__PURE__ */ a(d, { variant: "outline", className: t.base({ class: l }), ref: c, ...n, children: [
+      /* @__PURE__ */ s(f, { size: m, icon: r, className: "bg-status-neutral-fg" }),
+      /* @__PURE__ */ a("div", { className: t.wrapper(), children: [
+        /* @__PURE__ */ s("span", { className: t.text(), children: i }),
+        /* @__PURE__ */ s(u, { className: t.description(), children: o })
+      ] })
+    ] });
+  }
+);
+b.displayName = "RichButton";
+export {
+  b as R,
+  h as r
+};
+//# sourceMappingURL=RichButton-DuPTenmS.js.map

package/dist/RichButton-DuPTenmS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichButton-DuPTenmS.js","sources":["../src/components/button/rich-button/RichButton.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\nimport { tv } from \"tailwind-variants\";\nimport { LucideIcon } from \"lucide-react\";\nimport { FeatureIcon } from \"@/components/icon\";\nimport { Description } from \"@/components/description\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface RichButtonVariants {\n\tsize?: \"sm\" | \"lg\";\n}\n\nexport const richButtonStyles = tv({\n\tslots: {\n\t\tbase: \"w-full justify-start\",\n\t\twrapper: \"flex flex-col items-start\",\n\t\tdescription: \"\",\n\t\ttext: \"font-semibold\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\tbase: \"h-12 gap-2 rounded-xl px-2 py-1.5\",\n\t\t\t\tdescription: \"text-xs\",\n\t\t\t\ttext: \"text-sm\"\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"h-[4.5rem] gap-3 rounded-2xl p-3\",\n\t\t\t\twrapper: \"gap-1\",\n\t\t\t\tdescription: \"text-sm\",\n\t\t\t\ttext: \"text-base\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<RichButtonVariants>,\n\tdefaultVariants: {\n\t\tsize: \"sm\"\n\t}\n});\n\nexport type RichButtonProps = ButtonBaseProps &\n\tRichButtonVariants & {\n\t\ttitle: React.ReactNode;\n\t\tdescription: React.ReactNode;\n\t\ticon: LucideIcon;\n\t};\n\nexport const RichButton = React.forwardRef<HTMLButtonElement, PropsWithChildren<RichButtonProps>>(\n\t({ icon, size, title, description, className, ...props }, ref) => {\n\t\tconst styles = richButtonStyles({ size });\n\t\tconst iconSize = size === \"lg\" ? \"2xl\" : \"md\";\n\n\t\treturn (\n\t\t\t<ButtonBase variant=\"outline\" className={styles.base({ class: className })} ref={ref} {...props}>\n\t\t\t\t<FeatureIcon size={iconSize} icon={icon} className=\"bg-status-neutral-fg\" />\n\n\t\t\t\t<div className={styles.wrapper()}>\n\t\t\t\t\t<span className={styles.text()}>{title}</span>\n\t\t\t\t\t<Description className={styles.description()}>{description}</Description>\n\t\t\t\t</div>\n\t\t\t</ButtonBase>\n\t\t);\n\t}\n);\n\nRichButton.displayName = \"RichButton\";\n"],"names":["richButtonStyles","tv","RichButton","React","icon","size","title","description","className","props","ref","styles","iconSize","jsxs","ButtonBase","jsx","FeatureIcon","Description"],"mappings":";;;;;;AAYO,MAAMA,IAAmBC,EAAG;AAAA,EAClC,OAAO;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,IACb,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,QACH,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,EAEF;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GASYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACjE,UAAMC,IAASX,EAAiB,EAAE,MAAAK,GAAM,GAClCO,IAAWP,MAAS,OAAO,QAAQ;AAEzC,WACE,gBAAAQ,EAAAC,GAAA,EAAW,SAAQ,WAAU,WAAWH,EAAO,KAAK,EAAE,OAAOH,EAAW,CAAA,GAAG,KAAAE,GAAW,GAAGD,GACzF,UAAA;AAAA,MAAA,gBAAAM,EAACC,GAAY,EAAA,MAAMJ,GAAU,MAAAR,GAAY,WAAU,wBAAuB;AAAA,MAEzE,gBAAAS,EAAA,OAAA,EAAI,WAAWF,EAAO,QACtB,GAAA,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAK,EAAA,WAAWJ,EAAO,QAAS,UAAML,GAAA;AAAA,0BACtCW,GAAY,EAAA,WAAWN,EAAO,eAAgB,UAAYJ,EAAA,CAAA;AAAA,MAAA,EAC5D,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAGH;AAEAL,EAAW,cAAc;"}