brd-ui-kit 0.1.79 → 0.1.81

package/dist/components-transfer-list-transfer-list.js

@@ -0,0 +1,123 @@
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
+import { useMemo as s, useState as j, useCallback as l } from "react";
+import { TransferListCard as v } from "./components-transfer-list-transfer-list-card.js";
+import { Button as C } from "./components-ui-button-button.js";
+import "./components-ui-button-button.styles.js";
+import { Icon as M } from "./components-ui-icon-icon.js";
+import "phosphor-strokes-icons/icons";
+const m = !1, h = !0, D = ({ list: o, onChange: u }) => {
+  const i = s(() => o.filter((e) => !e.inTarget), [o]), a = s(() => o.filter((e) => e.inTarget), [o]), [n, g] = j([]), p = s(() => new Set(n), [n]), I = s(() => new Set(i.map((e) => e.id)), [i]), T = s(
+    () => new Set(a.map((e) => e.id)),
+    [a]
+  ), b = s(
+    () => n.filter((e) => I.has(e)).length,
+    [n, I]
+  ), k = s(
+    () => n.filter((e) => T.has(e)).length,
+    [n, T]
+  ), S = l((e) => {
+    g(
+      (t) => t.includes(e) ? t.filter((d) => d !== e) : [...t, e]
+    );
+  }, []), r = l(
+    (e, t) => {
+      const d = t ?? n;
+      if (d.length === 0) return;
+      const O = new Set(d), _ = o.map((f) => !O.has(f.id) || f.inTarget === e ? f : {
+        ...f,
+        inTarget: e
+      });
+      u(_), g([]);
+    },
+    [o, u, n]
+  ), x = l(
+    (e) => {
+      r(
+        e,
+        o.filter((t) => t.inTarget !== e).map((t) => t.id)
+      );
+    },
+    [o, r]
+  ), L = l(
+    (e) => {
+      r(h, [e]);
+    },
+    [r]
+  ), N = l(
+    (e) => {
+      r(m, [e]);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ w("div", { className: "flex h-full min-h-0 w-fit gap-6", children: [
+    /* @__PURE__ */ c(
+      v,
+      {
+        items: i,
+        selectedSet: p,
+        onSelectItem: S,
+        onMoveItem: L,
+        direction: "right",
+        showHeaderTooltip: !0,
+        headerButton: {
+          icon: "caret-right",
+          onClick: () => x(h),
+          disabled: i.length === 0
+        },
+        showFooterIcons: !1
+      }
+    ),
+    /* @__PURE__ */ w("div", { className: "flex h-full flex-col justify-center gap-8", children: [
+      /* @__PURE__ */ c(
+        C,
+        {
+          variant: "circle",
+          onClick: () => r(h),
+          disabled: b === 0,
+          children: /* @__PURE__ */ c(
+            M,
+            {
+              type: "caret-right",
+              className: "text-placeholder-text"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ c(
+        C,
+        {
+          variant: "circle",
+          onClick: () => r(m),
+          disabled: k === 0,
+          children: /* @__PURE__ */ c(
+            M,
+            {
+              type: "caret-left",
+              className: "text-placeholder-text"
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c(
+      v,
+      {
+        items: a,
+        selectedSet: p,
+        onSelectItem: S,
+        onMoveItem: N,
+        direction: "left",
+        headerButton: {
+          icon: "caret-left",
+          onClick: () => x(m),
+          disabled: a.length === 0
+        },
+        showFooterIcons: !0
+      }
+    )
+  ] });
+};
+export {
+  D as TransferList
+};
+//# sourceMappingURL=components-transfer-list-transfer-list.js.map

package/dist/components-transfer-list-transfer-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-transfer-list-transfer-list.js","sources":["../src/components/transfer-list/transfer-list.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { TransferListCard } from \"./transfer-list-card\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\n\nexport type TransferListItem = {\n  id: string;\n  label: string;\n  disabled?: boolean;\n  inTarget: boolean;\n};\n\ntype Props = {\n  list: TransferListItem[];\n  onChange: (item: TransferListItem[]) => void;\n};\n\nconst MOVE_TO_LEFT = false;\nconst MOVE_TO_RIGHT = true;\n\nexport const TransferList = ({ list, onChange }: Props) => {\n  const leftItems = useMemo(() => list.filter((i) => !i.inTarget), [list]);\n  const rightItems = useMemo(() => list.filter((i) => i.inTarget), [list]);\n\n  const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n  const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n  const leftIdSet = useMemo(() => new Set(leftItems.map((item) => item.id)), [leftItems]);\n  const rightIdSet = useMemo(\n    () => new Set(rightItems.map((item) => item.id)),\n    [rightItems],\n  );\n\n  const selectedLeftCount = useMemo(\n    () => selectedIds.filter((id) => leftIdSet.has(id)).length,\n    [selectedIds, leftIdSet],\n  );\n  const selectedRightCount = useMemo(\n    () => selectedIds.filter((id) => rightIdSet.has(id)).length,\n    [selectedIds, rightIdSet],\n  );\n\n  const onSelectItem = useCallback((id: string) => {\n    setSelectedIds((prev) =>\n      prev.includes(id) ? prev.filter((itemId) => itemId !== id) : [...prev, id],\n    );\n  }, []);\n\n  const moveSelectedItems = useCallback(\n    (move: boolean, ids?: string[]) => {\n      const resolvedIds = ids ?? selectedIds;\n      if (resolvedIds.length === 0) return;\n\n      const idsToMoveSet = new Set(resolvedIds);\n\n      const newData = list.map((item) => {\n        if (!idsToMoveSet.has(item.id) || item.inTarget === move) {\n          return item;\n        }\n\n        return {\n          ...item,\n          inTarget: move,\n        };\n      });\n\n      onChange(newData);\n      setSelectedIds([]);\n    },\n    [list, onChange, selectedIds],\n  );\n\n  const allMoveSelectedItems = useCallback(\n    (move: boolean) => {\n      moveSelectedItems(\n        move,\n        list.filter((item) => item.inTarget !== move).map((item) => item.id),\n      );\n    },\n    [list, moveSelectedItems],\n  );\n\n  const moveToRight = useCallback(\n    (itemId: string) => {\n      moveSelectedItems(MOVE_TO_RIGHT, [itemId]);\n    },\n    [moveSelectedItems],\n  );\n\n  const moveToLeft = useCallback(\n    (itemId: string) => {\n      moveSelectedItems(MOVE_TO_LEFT, [itemId]);\n    },\n    [moveSelectedItems],\n  );\n\n  return (\n    <div className=\"flex h-full min-h-0 w-fit gap-6\">\n      <TransferListCard\n        items={leftItems}\n        selectedSet={selectedSet}\n        onSelectItem={onSelectItem}\n        onMoveItem={moveToRight}\n        direction=\"right\"\n        showHeaderTooltip={true}\n        headerButton={{\n          icon: \"caret-right\",\n          onClick: () => allMoveSelectedItems(MOVE_TO_RIGHT),\n          disabled: leftItems.length === 0,\n        }}\n        showFooterIcons={false}\n      />\n\n      <div className=\"flex h-full flex-col justify-center gap-8\">\n        <Button\n          variant=\"circle\"\n          onClick={() => moveSelectedItems(MOVE_TO_RIGHT)}\n          disabled={selectedLeftCount === 0}\n        >\n          <Icon\n            type=\"caret-right\"\n            className=\"text-placeholder-text\"\n          />\n        </Button>\n\n        <Button\n          variant=\"circle\"\n          onClick={() => moveSelectedItems(MOVE_TO_LEFT)}\n          disabled={selectedRightCount === 0}\n        >\n          <Icon\n            type=\"caret-left\"\n            className=\"text-placeholder-text\"\n          />\n        </Button>\n      </div>\n\n      <TransferListCard\n        items={rightItems}\n        selectedSet={selectedSet}\n        onSelectItem={onSelectItem}\n        onMoveItem={moveToLeft}\n        direction=\"left\"\n        headerButton={{\n          icon: \"caret-left\",\n          onClick: () => allMoveSelectedItems(MOVE_TO_LEFT),\n          disabled: rightItems.length === 0,\n        }}\n        showFooterIcons\n      />\n    </div>\n  );\n};\n"],"names":["MOVE_TO_LEFT","MOVE_TO_RIGHT","TransferList","list","onChange","leftItems","useMemo","i","rightItems","selectedIds","setSelectedIds","useState","selectedSet","leftIdSet","item","rightIdSet","selectedLeftCount","id","selectedRightCount","onSelectItem","useCallback","prev","itemId","moveSelectedItems","move","ids","resolvedIds","idsToMoveSet","newData","allMoveSelectedItems","moveToRight","moveToLeft","jsxs","jsx","TransferListCard","Button","Icon"],"mappings":";;;;;;;AAiBA,MAAMA,IAAe,IACfC,IAAgB,IAETC,IAAe,CAAC,EAAE,MAAAC,GAAM,UAAAC,QAAsB;AACzD,QAAMC,IAAYC,EAAQ,MAAMH,EAAK,OAAO,CAACI,MAAM,CAACA,EAAE,QAAQ,GAAG,CAACJ,CAAI,CAAC,GACjEK,IAAaF,EAAQ,MAAMH,EAAK,OAAO,CAACI,MAAMA,EAAE,QAAQ,GAAG,CAACJ,CAAI,CAAC,GAEjE,CAACM,GAAaC,CAAc,IAAIC,EAAmB,CAAA,CAAE,GAErDC,IAAcN,EAAQ,MAAM,IAAI,IAAIG,CAAW,GAAG,CAACA,CAAW,CAAC,GAC/DI,IAAYP,EAAQ,MAAM,IAAI,IAAID,EAAU,IAAI,CAACS,MAASA,EAAK,EAAE,CAAC,GAAG,CAACT,CAAS,CAAC,GAChFU,IAAaT;AAAA,IACjB,MAAM,IAAI,IAAIE,EAAW,IAAI,CAACM,MAASA,EAAK,EAAE,CAAC;AAAA,IAC/C,CAACN,CAAU;AAAA,EAAA,GAGPQ,IAAoBV;AAAA,IACxB,MAAMG,EAAY,OAAO,CAACQ,MAAOJ,EAAU,IAAII,CAAE,CAAC,EAAE;AAAA,IACpD,CAACR,GAAaI,CAAS;AAAA,EAAA,GAEnBK,IAAqBZ;AAAA,IACzB,MAAMG,EAAY,OAAO,CAACQ,MAAOF,EAAW,IAAIE,CAAE,CAAC,EAAE;AAAA,IACrD,CAACR,GAAaM,CAAU;AAAA,EAAA,GAGpBI,IAAeC,EAAY,CAACH,MAAe;AAC/C,IAAAP;AAAA,MAAe,CAACW,MACdA,EAAK,SAASJ,CAAE,IAAII,EAAK,OAAO,CAACC,MAAWA,MAAWL,CAAE,IAAI,CAAC,GAAGI,GAAMJ,CAAE;AAAA,IAAA;AAAA,EAE7E,GAAG,CAAA,CAAE,GAECM,IAAoBH;AAAA,IACxB,CAACI,GAAeC,MAAmB;AACjC,YAAMC,IAAcD,KAAOhB;AAC3B,UAAIiB,EAAY,WAAW,EAAG;AAE9B,YAAMC,IAAe,IAAI,IAAID,CAAW,GAElCE,IAAUzB,EAAK,IAAI,CAACW,MACpB,CAACa,EAAa,IAAIb,EAAK,EAAE,KAAKA,EAAK,aAAaU,IAC3CV,IAGF;AAAA,QACL,GAAGA;AAAA,QACH,UAAUU;AAAA,MAAA,CAEb;AAED,MAAApB,EAASwB,CAAO,GAChBlB,EAAe,CAAA,CAAE;AAAA,IACnB;AAAA,IACA,CAACP,GAAMC,GAAUK,CAAW;AAAA,EAAA,GAGxBoB,IAAuBT;AAAA,IAC3B,CAACI,MAAkB;AACjB,MAAAD;AAAA,QACEC;AAAA,QACArB,EAAK,OAAO,CAACW,MAASA,EAAK,aAAaU,CAAI,EAAE,IAAI,CAACV,MAASA,EAAK,EAAE;AAAA,MAAA;AAAA,IAEvE;AAAA,IACA,CAACX,GAAMoB,CAAiB;AAAA,EAAA,GAGpBO,IAAcV;AAAA,IAClB,CAACE,MAAmB;AAClB,MAAAC,EAAkBtB,GAAe,CAACqB,CAAM,CAAC;AAAA,IAC3C;AAAA,IACA,CAACC,CAAiB;AAAA,EAAA,GAGdQ,IAAaX;AAAA,IACjB,CAACE,MAAmB;AAClB,MAAAC,EAAkBvB,GAAc,CAACsB,CAAM,CAAC;AAAA,IAC1C;AAAA,IACA,CAACC,CAAiB;AAAA,EAAA;AAGpB,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO7B;AAAA,QACP,aAAAO;AAAA,QACA,cAAAO;AAAA,QACA,YAAYW;AAAA,QACZ,WAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS,MAAMD,EAAqB5B,CAAa;AAAA,UACjD,UAAUI,EAAU,WAAW;AAAA,QAAA;AAAA,QAEjC,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGnB,gBAAA2B,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMZ,EAAkBtB,CAAa;AAAA,UAC9C,UAAUe,MAAsB;AAAA,UAEhC,UAAA,gBAAAiB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,MAGF,gBAAAH;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMZ,EAAkBvB,CAAY;AAAA,UAC7C,UAAUkB,MAAuB;AAAA,UAEjC,UAAA,gBAAAe;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAEA,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO1B;AAAA,QACP,aAAAI;AAAA,QACA,cAAAO;AAAA,QACA,YAAYY;AAAA,QACZ,WAAU;AAAA,QACV,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS,MAAMF,EAAqB7B,CAAY;AAAA,UAChD,UAAUQ,EAAW,WAAW;AAAA,QAAA;AAAA,QAElC,iBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB,GACF;AAEJ;"}

package/dist/components-transfer-list.cjs

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

package/dist/components-transfer-list.cjs.map

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

package/dist/components-transfer-list.js

@@ -0,0 +1,5 @@
+import { TransferList as f } from "./components-transfer-list-transfer-list.js";
+export {
+  f as TransferList
+};
+//# sourceMappingURL=components-transfer-list.js.map

package/dist/components-transfer-list.js.map

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

package/dist/components-ui-avatar-avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-avatar-avatar.cjs","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// TODO: вынести стили в отдельный файл\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        select-none`,\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        `group-data-[size=default]/avatar:size-2.5\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":"stDAMA,SAASA,EAAO,CACd,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,YAAWH,EACX,UAAWI,EAAAA,GACT;AAAA;AAAA,mFAGAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAY,CACnB,UAAAN,EACA,GAAGE,CACL,EAAiD,CAC/C,OACEC,EAAAA,IAACC,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,oDAAqDL,CAAS,EAC3E,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAe,CACtB,UAAAP,EACA,GAAGE,CACL,EAAoD,CAClD,OACEC,EAAAA,IAACC,EAAgB,SAAhB,CACC,YAAU,kBACV,UAAWC,EAAAA,GACT;AAAA,kEAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CAAE,UAAAR,EAAW,GAAGE,GAAiC,CACpE,OACEC,EAAAA,IAAC,OAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA;AAAA,qBAGA,gFACA;AAAA,yDAEA;AAAA,oDAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAT,EAAW,GAAGE,GAAgC,CACnE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA,qCAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAiB,CAAE,UAAAV,EAAW,GAAGE,GAAgC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,qBACV,UAAWE,EAAAA,GACT;AAAA;AAAA;AAAA;AAAA;AAAA,8DAMAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"components-ui-avatar-avatar.cjs","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        select-none`,\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        `group-data-[size=default]/avatar:size-2.5\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":"stDAKA,SAASA,EAAO,CACd,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,YAAWH,EACX,UAAWI,EAAAA,GACT;AAAA;AAAA,mFAGAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAY,CACnB,UAAAN,EACA,GAAGE,CACL,EAAiD,CAC/C,OACEC,EAAAA,IAACC,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,oDAAqDL,CAAS,EAC3E,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAe,CACtB,UAAAP,EACA,GAAGE,CACL,EAAoD,CAClD,OACEC,EAAAA,IAACC,EAAgB,SAAhB,CACC,YAAU,kBACV,UAAWC,EAAAA,GACT;AAAA,kEAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CAAE,UAAAR,EAAW,GAAGE,GAAiC,CACpE,OACEC,EAAAA,IAAC,OAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA;AAAA,qBAGA,gFACA;AAAA,yDAEA;AAAA,oDAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAT,EAAW,GAAGE,GAAgC,CACnE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWE,EAAAA,GACT;AAAA,qCAEAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAiB,CAAE,UAAAV,EAAW,GAAGE,GAAgC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,qBACV,UAAWE,EAAAA,GACT;AAAA;AAAA;AAAA;AAAA;AAAA,8DAMAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}

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

@@ -1 +1 @@
-{"version":3,"file":"components-ui-avatar-avatar.js","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// TODO: вынести стили в отдельный файл\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        select-none`,\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        `group-data-[size=default]/avatar:size-2.5\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,WAAWI;AAAA,QACT;AAAA;AAAA;AAAA,QAGAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAiD;AAC/C,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qDAAqDL,CAAS;AAAA,MAC3E,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAP;AAAA,EACA,GAAGE;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY,EAAE,WAAAR,GAAW,GAAGE,KAAiC;AACpE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAT,GAAW,GAAGE,KAAgC;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAiB,EAAE,WAAAV,GAAW,GAAGE,KAAgC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"components-ui-avatar-avatar.js","sources":["../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        `group/avatar relative flex size-8 shrink-0 rounded-full select-none\n        after:absolute after:inset-0 after:rounded-full after:mix-blend-darken\n        data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full rounded-full object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        `bg-muted text-muted-foreground flex size-full items-center justify-center\n        rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        `bg-primary text-primary-foreground absolute right-0 bottom-0 z-10 inline-flex\n        items-center justify-center rounded-full bg-blend-color ring-2 ring-transparent\n        select-none`,\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        `group-data-[size=default]/avatar:size-2.5\n        group-data-[size=default]/avatar:[&>svg]:size-2`,\n        `translate-x-1/4 translate-y-1/4 group-data-[size=lg]/avatar:size-3\n        group-data-[size=lg]/avatar:[&>svg]:size-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        `group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2\n        *:data-[slot=avatar]:ring-2`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        `bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0\n        items-center justify-center rounded-full text-sm ring-2\n        group-has-data-[size=lg]/avatar-group:size-10\n        group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4\n        group-has-data-[size=lg]/avatar-group:[&>svg]:size-5\n        group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"names":["Avatar","className","size","props","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,WAAWI;AAAA,QACT;AAAA;AAAA;AAAA,QAGAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAiD;AAC/C,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qDAAqDL,CAAS;AAAA,MAC3E,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAP;AAAA,EACA,GAAGE;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY,EAAE,WAAAR,GAAW,GAAGE,KAAiC;AACpE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAT,GAAW,GAAGE,KAAgC;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA,QAEAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAiB,EAAE,WAAAV,GAAW,GAAGE,KAAgC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components-ui-dialog-dialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("@radix-ui/react-dialog"),l=require("./lib-utils.cjs"),u=require("./components-icons-stroke-icon.cjs"),y=require("phosphor-strokes-icons/icons/X"),i=require("./components-ui-dialog-dialog.styles.cjs");function C(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const s=C(p),j=s.Root,x=s.Trigger,c=s.Portal,v=s.Close,r=({className:e,...a})=>o.jsx(s.Overlay,{className:l.cn(...i.dialogOverlayClassNames,e),...a});r.displayName=s.Overlay.displayName;const g=({className:e,children:a,showCloseButton:t=!0,...n})=>o.jsxs(c,{children:[o.jsx(r,{}),o.jsxs(s.Content,{className:l.cn(...i.dialogContentClassNames,e),...n,children:[a,t&&o.jsxs(s.Close,{className:l.cn(...i.dialogCloseClassNames),children:[o.jsx(u.StrokeIcon,{icon:y.X}),o.jsx("span",{className:"sr-only",children:"Close"})]})]})]});g.displayName=s.Content.displayName;const d=({className:e,...a})=>o.jsx("div",{className:l.cn(...i.dialogHeaderClassNames,e),...a});d.displayName="DialogHeader";const m=({className:e,...a})=>o.jsx("div",{className:l.cn(...i.dialogFooterClassNames,e),...a});m.displayName="DialogFooter";const D=({className:e,...a})=>o.jsx(s.Title,{className:l.cn(...i.dialogTitleClassNames,e),...a});D.displayName=s.Title.displayName;const N=({className:e,...a})=>o.jsx(s.Description,{className:l.cn(...i.dialogDescriptionClassNames,e),...a});N.displayName=s.Description.displayName;exports.Dialog=j;exports.DialogClose=v;exports.DialogContent=g;exports.DialogDescription=N;exports.DialogFooter=m;exports.DialogHeader=d;exports.DialogOverlay=r;exports.DialogPortal=c;exports.DialogTitle=D;exports.DialogTrigger=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("@radix-ui/react-dialog");require("class-variance-authority");const l=require("./lib-utils.cjs"),C=require("./components-icons-stroke-icon.cjs"),j=require("phosphor-strokes-icons/icons/X"),i=require("./components-ui-dialog-dialog.styles.cjs");function x(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=x(y),v=o.Root,O=o.Trigger,c=o.Portal,f=o.Close,r=({className:e,...a})=>s.jsx(o.Overlay,{className:l.cn(...i.dialogOverlayClassNames,e),...a});r.displayName=o.Overlay.displayName;const g=({className:e,children:a,showCloseButton:t=!0,positionX:n,positionY:p,...u})=>s.jsxs(c,{children:[s.jsx(r,{}),s.jsxs(o.Content,{className:l.cn(...i.dialogContentClassNames,i.dialogContentPositionVariants({positionX:n,positionY:p}),e),...u,children:[a,t&&s.jsxs(o.Close,{className:l.cn(...i.dialogCloseClassNames),children:[s.jsx(C.StrokeIcon,{icon:j.X}),s.jsx("span",{className:"sr-only",children:"Close"})]})]})]});g.displayName=o.Content.displayName;const d=({className:e,...a})=>s.jsx("div",{className:l.cn(...i.dialogHeaderClassNames,e),...a});d.displayName="DialogHeader";const m=({className:e,...a})=>s.jsx("div",{className:l.cn(...i.dialogFooterClassNames,e),...a});m.displayName="DialogFooter";const D=({className:e,...a})=>s.jsx(o.Title,{className:l.cn(...i.dialogTitleClassNames,e),...a});D.displayName=o.Title.displayName;const N=({className:e,...a})=>s.jsx(o.Description,{className:l.cn(...i.dialogDescriptionClassNames,e),...a});N.displayName=o.Description.displayName;exports.Dialog=v;exports.DialogClose=f;exports.DialogContent=g;exports.DialogDescription=N;exports.DialogFooter=m;exports.DialogHeader=d;exports.DialogOverlay=r;exports.DialogPortal=c;exports.DialogTitle=D;exports.DialogTrigger=O;
 //# sourceMappingURL=components-ui-dialog-dialog.cjs.map

package/dist/components-ui-dialog-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-dialog-dialog.cjs","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n  dialogCloseClassNames,\n  dialogContentClassNames,\n  dialogDescriptionClassNames,\n  dialogFooterClassNames,\n  dialogHeaderClassNames,\n  dialogOverlayClassNames,\n  dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n};\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n  <DialogPrimitive.Overlay\n    className={cn(...dialogOverlayClassNames, className)}\n    {...props}\n  />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      className={cn(...dialogContentClassNames, className)}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n          <StrokeIcon icon={X} />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogHeaderClassNames, className)}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogFooterClassNames, className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n  <DialogPrimitive.Title\n    className={cn(...dialogTitleClassNames, className)}\n    {...props}\n  />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n  <DialogPrimitive.Description\n    className={cn(...dialogDescriptionClassNames, className)}\n    {...props}\n  />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","children","showCloseButton","jsxs","dialogContentClassNames","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":"kmBAuBMA,EAASC,EAAgB,KACzBC,EAAgBD,EAAgB,QAChCE,EAAeF,EAAgB,OAC/BG,EAAcH,EAAgB,MAE9BI,EAAgB,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACrCC,EAAAA,IAACP,EAAgB,QAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGC,EAAAA,wBAAyBJ,CAAS,EAClD,GAAGC,CAAA,CACN,EAEFF,EAAc,YAAcJ,EAAgB,QAAQ,YAEpD,MAAMU,EAAgB,CAAC,CACrB,UAAAL,EACA,SAAAM,EACA,gBAAAC,EAAkB,GAClB,GAAGN,CACL,WACGJ,EAAA,CACC,SAAA,CAAAK,EAAAA,IAACH,EAAA,EAAc,EACfS,EAAAA,KAACb,EAAgB,QAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGM,EAAAA,wBAAyBT,CAAS,EAClD,GAAGC,EAEH,SAAA,CAAAK,EACAC,UACEZ,EAAgB,MAAhB,CAAsB,UAAWQ,KAAG,GAAGO,uBAAqB,EAC3D,SAAA,CAAAR,EAAAA,IAACS,EAAAA,WAAA,CAAW,KAAMC,EAAAA,CAAA,CAAG,EACrBV,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF,EAEFG,EAAc,YAAcV,EAAgB,QAAQ,YAEpD,MAAMkB,EAAe,CAAC,CAAE,UAAAb,EAAW,GAAGC,KACpCC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,GAAGW,EAAAA,uBAAwBd,CAAS,EACjD,GAAGC,CAAA,CACN,EAEFY,EAAa,YAAc,eAE3B,MAAME,EAAe,CAAC,CAAE,UAAAf,EAAW,GAAGC,KACpCC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,GAAGa,EAAAA,uBAAwBhB,CAAS,EACjD,GAAGC,CAAA,CACN,EAEFc,EAAa,YAAc,eAE3B,MAAME,EAAc,CAAC,CAAE,UAAAjB,EAAW,GAAGC,KACnCC,EAAAA,IAACP,EAAgB,MAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGe,EAAAA,sBAAuBlB,CAAS,EAChD,GAAGC,CAAA,CACN,EAEFgB,EAAY,YAActB,EAAgB,MAAM,YAEhD,MAAMwB,EAAoB,CAAC,CAAE,UAAAnB,EAAW,GAAGC,KACzCC,EAAAA,IAACP,EAAgB,YAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGiB,EAAAA,4BAA6BpB,CAAS,EACtD,GAAGC,CAAA,CACN,EAEFkB,EAAkB,YAAcxB,EAAgB,YAAY"}
+{"version":3,"file":"components-ui-dialog-dialog.cjs","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n  dialogCloseClassNames,\n  dialogContentClassNames,\n  dialogContentPositionVariants,\n  dialogDescriptionClassNames,\n  dialogFooterClassNames,\n  dialogHeaderClassNames,\n  dialogOverlayClassNames,\n  dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n} & VariantProps<typeof dialogContentPositionVariants>;\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n  <DialogPrimitive.Overlay\n    className={cn(...dialogOverlayClassNames, className)}\n    {...props}\n  />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n  className,\n  children,\n  showCloseButton = true,\n  positionX,\n  positionY,\n  ...props\n}: DialogContentProps) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      className={cn(\n        ...dialogContentClassNames,\n        dialogContentPositionVariants({ positionX, positionY }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n          <StrokeIcon icon={X} />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogHeaderClassNames, className)}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogFooterClassNames, className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n  <DialogPrimitive.Title\n    className={cn(...dialogTitleClassNames, className)}\n    {...props}\n  />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n  <DialogPrimitive.Description\n    className={cn(...dialogDescriptionClassNames, className)}\n    {...props}\n  />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","children","showCloseButton","positionX","positionY","jsxs","dialogContentClassNames","dialogContentPositionVariants","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":"4oBAyBMA,EAASC,EAAgB,KACzBC,EAAgBD,EAAgB,QAChCE,EAAeF,EAAgB,OAC/BG,EAAcH,EAAgB,MAE9BI,EAAgB,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACrCC,EAAAA,IAACP,EAAgB,QAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGC,EAAAA,wBAAyBJ,CAAS,EAClD,GAAGC,CAAA,CACN,EAEFF,EAAc,YAAcJ,EAAgB,QAAQ,YAEpD,MAAMU,EAAgB,CAAC,CACrB,UAAAL,EACA,SAAAM,EACA,gBAAAC,EAAkB,GAClB,UAAAC,EACA,UAAAC,EACA,GAAGR,CACL,WACGJ,EAAA,CACC,SAAA,CAAAK,EAAAA,IAACH,EAAA,EAAc,EACfW,EAAAA,KAACf,EAAgB,QAAhB,CACC,UAAWQ,EAAAA,GACT,GAAGQ,EAAAA,wBACHC,gCAA8B,CAAE,UAAAJ,EAAW,UAAAC,EAAW,EACtDT,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAK,EACAC,UACEZ,EAAgB,MAAhB,CAAsB,UAAWQ,KAAG,GAAGU,uBAAqB,EAC3D,SAAA,CAAAX,EAAAA,IAACY,EAAAA,WAAA,CAAW,KAAMC,EAAAA,CAAA,CAAG,EACrBb,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF,EAEFG,EAAc,YAAcV,EAAgB,QAAQ,YAEpD,MAAMqB,EAAe,CAAC,CAAE,UAAAhB,EAAW,GAAGC,KACpCC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,GAAGc,EAAAA,uBAAwBjB,CAAS,EACjD,GAAGC,CAAA,CACN,EAEFe,EAAa,YAAc,eAE3B,MAAME,EAAe,CAAC,CAAE,UAAAlB,EAAW,GAAGC,KACpCC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,GAAGgB,EAAAA,uBAAwBnB,CAAS,EACjD,GAAGC,CAAA,CACN,EAEFiB,EAAa,YAAc,eAE3B,MAAME,EAAc,CAAC,CAAE,UAAApB,EAAW,GAAGC,KACnCC,EAAAA,IAACP,EAAgB,MAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGkB,EAAAA,sBAAuBrB,CAAS,EAChD,GAAGC,CAAA,CACN,EAEFmB,EAAY,YAAczB,EAAgB,MAAM,YAEhD,MAAM2B,EAAoB,CAAC,CAAE,UAAAtB,EAAW,GAAGC,KACzCC,EAAAA,IAACP,EAAgB,YAAhB,CACC,UAAWQ,EAAAA,GAAG,GAAGoB,EAAAA,4BAA6BvB,CAAS,EACtD,GAAGC,CAAA,CACN,EAEFqB,EAAkB,YAAc3B,EAAgB,YAAY"}

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

@@ -1,82 +1,89 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
+import "class-variance-authority";
 import { cn as l } from "./lib-utils.js";
-import { StrokeIcon as n } from "./components-icons-stroke-icon.js";
-import { X as c } from "phosphor-strokes-icons/icons/X";
-import { dialogCloseClassNames as d, dialogContentClassNames as N, dialogDescriptionClassNames as g, dialogFooterClassNames as p, dialogHeaderClassNames as D, dialogOverlayClassNames as C, dialogTitleClassNames as y } from "./components-ui-dialog-dialog.styles.js";
-const u = a.Root, I = a.Trigger, v = a.Portal, R = a.Close, t = ({ className: s, ...o }) => /* @__PURE__ */ e(
+import { StrokeIcon as d } from "./components-icons-stroke-icon.js";
+import { X as g } from "phosphor-strokes-icons/icons/X";
+import { dialogCloseClassNames as N, dialogContentClassNames as p, dialogContentPositionVariants as C, dialogDescriptionClassNames as D, dialogFooterClassNames as y, dialogHeaderClassNames as v, dialogOverlayClassNames as f, dialogTitleClassNames as T } from "./components-ui-dialog-dialog.styles.js";
+const V = a.Root, X = a.Trigger, h = a.Portal, b = a.Close, t = ({ className: o, ...s }) => /* @__PURE__ */ e(
   a.Overlay,
   {
-    className: l(...C, s),
-    ...o
+    className: l(...f, o),
+    ...s
   }
 );
 t.displayName = a.Overlay.displayName;
-const f = ({
-  className: s,
-  children: o,
+const O = ({
+  className: o,
+  children: s,
   showCloseButton: r = !0,
-  ...m
-}) => /* @__PURE__ */ i(v, { children: [
+  positionX: m,
+  positionY: n,
+  ...c
+}) => /* @__PURE__ */ i(h, { children: [
   /* @__PURE__ */ e(t, {}),
   /* @__PURE__ */ i(
     a.Content,
     {
-      className: l(...N, s),
-      ...m,
+      className: l(
+        ...p,
+        C({ positionX: m, positionY: n }),
+        o
+      ),
+      ...c,
       children: [
-        o,
-        r && /* @__PURE__ */ i(a.Close, { className: l(...d), children: [
-          /* @__PURE__ */ e(n, { icon: c }),
+        s,
+        r && /* @__PURE__ */ i(a.Close, { className: l(...N), children: [
+          /* @__PURE__ */ e(d, { icon: g }),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] });
-f.displayName = a.Content.displayName;
-const T = ({ className: s, ...o }) => /* @__PURE__ */ e(
+O.displayName = a.Content.displayName;
+const P = ({ className: o, ...s }) => /* @__PURE__ */ e(
   "div",
   {
-    className: l(...D, s),
-    ...o
+    className: l(...v, o),
+    ...s
   }
 );
-T.displayName = "DialogHeader";
-const h = ({ className: s, ...o }) => /* @__PURE__ */ e(
+P.displayName = "DialogHeader";
+const x = ({ className: o, ...s }) => /* @__PURE__ */ e(
   "div",
   {
-    className: l(...p, s),
-    ...o
+    className: l(...y, o),
+    ...s
   }
 );
-h.displayName = "DialogFooter";
-const O = ({ className: s, ...o }) => /* @__PURE__ */ e(
+x.displayName = "DialogFooter";
+const F = ({ className: o, ...s }) => /* @__PURE__ */ e(
   a.Title,
   {
-    className: l(...y, s),
-    ...o
+    className: l(...T, o),
+    ...s
   }
 );
-O.displayName = a.Title.displayName;
-const x = ({ className: s, ...o }) => /* @__PURE__ */ e(
+F.displayName = a.Title.displayName;
+const H = ({ className: o, ...s }) => /* @__PURE__ */ e(
   a.Description,
   {
-    className: l(...g, s),
-    ...o
+    className: l(...D, o),
+    ...s
   }
 );
-x.displayName = a.Description.displayName;
+H.displayName = a.Description.displayName;
 export {
-  u as Dialog,
-  R as DialogClose,
-  f as DialogContent,
-  x as DialogDescription,
-  h as DialogFooter,
-  T as DialogHeader,
+  V as Dialog,
+  b as DialogClose,
+  O as DialogContent,
+  H as DialogDescription,
+  x as DialogFooter,
+  P as DialogHeader,
   t as DialogOverlay,
-  v as DialogPortal,
-  O as DialogTitle,
-  I as DialogTrigger
+  h as DialogPortal,
+  F as DialogTitle,
+  X as DialogTrigger
 };
 //# sourceMappingURL=components-ui-dialog-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-ui-dialog-dialog.js","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n  dialogCloseClassNames,\n  dialogContentClassNames,\n  dialogDescriptionClassNames,\n  dialogFooterClassNames,\n  dialogHeaderClassNames,\n  dialogOverlayClassNames,\n  dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n};\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n  <DialogPrimitive.Overlay\n    className={cn(...dialogOverlayClassNames, className)}\n    {...props}\n  />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      className={cn(...dialogContentClassNames, className)}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n          <StrokeIcon icon={X} />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogHeaderClassNames, className)}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogFooterClassNames, className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n  <DialogPrimitive.Title\n    className={cn(...dialogTitleClassNames, className)}\n    {...props}\n  />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n  <DialogPrimitive.Description\n    className={cn(...dialogDescriptionClassNames, className)}\n    {...props}\n  />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","children","showCloseButton","jsxs","dialogContentClassNames","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":";;;;;;AAuBA,MAAMA,IAASC,EAAgB,MACzBC,IAAgBD,EAAgB,SAChCE,IAAeF,EAAgB,QAC/BG,IAAcH,EAAgB,OAE9BI,IAAgB,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACrC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGC,GAAyBJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgB,CAAC;AAAA,EACrB,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGN;AACL,wBACGJ,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAK,EAACH,GAAA,EAAc;AAAA,EACf,gBAAAS;AAAA,IAACb,EAAgB;AAAA,IAAhB;AAAA,MACC,WAAWQ,EAAG,GAAGM,GAAyBT,CAAS;AAAA,MAClD,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACAC,uBACEZ,EAAgB,OAAhB,EAAsB,WAAWQ,EAAG,GAAGO,CAAqB,GAC3D,UAAA;AAAA,UAAA,gBAAAR,EAACS,GAAA,EAAW,MAAMC,EAAA,CAAG;AAAA,UACrB,gBAAAV,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,EAAA,CACF;AAEFG,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMkB,IAAe,CAAC,EAAE,WAAAb,GAAW,GAAGC,QACpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,GAAGW,GAAwBd,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAa,cAAc;AAE3B,MAAME,IAAe,CAAC,EAAE,WAAAf,GAAW,GAAGC,QACpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,GAAGa,GAAwBhB,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN;AAEFc,EAAa,cAAc;AAE3B,MAAME,IAAc,CAAC,EAAE,WAAAjB,GAAW,GAAGC,QACnC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGe,GAAuBlB,CAAS;AAAA,IAChD,GAAGC;AAAA,EAAA;AACN;AAEFgB,EAAY,cAActB,EAAgB,MAAM;AAEhD,MAAMwB,IAAoB,CAAC,EAAE,WAAAnB,GAAW,GAAGC,QACzC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGiB,GAA6BpB,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN;AAEFkB,EAAkB,cAAcxB,EAAgB,YAAY;"}
+{"version":3,"file":"components-ui-dialog-dialog.js","sources":["../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef, HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport {\n  dialogCloseClassNames,\n  dialogContentClassNames,\n  dialogContentPositionVariants,\n  dialogDescriptionClassNames,\n  dialogFooterClassNames,\n  dialogHeaderClassNames,\n  dialogOverlayClassNames,\n  dialogTitleClassNames,\n} from \"./dialog.styles\";\n\ntype DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\ntype DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n} & VariantProps<typeof dialogContentPositionVariants>;\ntype DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\ntype DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n  <DialogPrimitive.Overlay\n    className={cn(...dialogOverlayClassNames, className)}\n    {...props}\n  />\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = ({\n  className,\n  children,\n  showCloseButton = true,\n  positionX,\n  positionY,\n  ...props\n}: DialogContentProps) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      className={cn(\n        ...dialogContentClassNames,\n        dialogContentPositionVariants({ positionX, positionY }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close className={cn(...dialogCloseClassNames)}>\n          <StrokeIcon icon={X} />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  </DialogPortal>\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogHeaderClassNames, className)}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(...dialogFooterClassNames, className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n  <DialogPrimitive.Title\n    className={cn(...dialogTitleClassNames, className)}\n    {...props}\n  />\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n  <DialogPrimitive.Description\n    className={cn(...dialogDescriptionClassNames, className)}\n    {...props}\n  />\n);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","jsx","cn","dialogOverlayClassNames","DialogContent","children","showCloseButton","positionX","positionY","jsxs","dialogContentClassNames","dialogContentPositionVariants","dialogCloseClassNames","StrokeIcon","X","DialogHeader","dialogHeaderClassNames","DialogFooter","dialogFooterClassNames","DialogTitle","dialogTitleClassNames","DialogDescription","dialogDescriptionClassNames"],"mappings":";;;;;;;AAyBA,MAAMA,IAASC,EAAgB,MACzBC,IAAgBD,EAAgB,SAChCE,IAAeF,EAAgB,QAC/BG,IAAcH,EAAgB,OAE9BI,IAAgB,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACrC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGC,GAAyBJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgB,CAAC;AAAA,EACrB,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGR;AACL,wBACGJ,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAK,EAACH,GAAA,EAAc;AAAA,EACf,gBAAAW;AAAA,IAACf,EAAgB;AAAA,IAAhB;AAAA,MACC,WAAWQ;AAAA,QACT,GAAGQ;AAAA,QACHC,EAA8B,EAAE,WAAAJ,GAAW,WAAAC,GAAW;AAAA,QACtDT;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACAC,uBACEZ,EAAgB,OAAhB,EAAsB,WAAWQ,EAAG,GAAGU,CAAqB,GAC3D,UAAA;AAAA,UAAA,gBAAAX,EAACY,GAAA,EAAW,MAAMC,EAAA,CAAG;AAAA,UACrB,gBAAAb,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,EAAA,CACF;AAEFG,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMqB,IAAe,CAAC,EAAE,WAAAhB,GAAW,GAAGC,QACpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,GAAGc,GAAwBjB,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN;AAEFe,EAAa,cAAc;AAE3B,MAAME,IAAe,CAAC,EAAE,WAAAlB,GAAW,GAAGC,QACpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,GAAGgB,GAAwBnB,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN;AAEFiB,EAAa,cAAc;AAE3B,MAAME,IAAc,CAAC,EAAE,WAAApB,GAAW,GAAGC,QACnC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGkB,GAAuBrB,CAAS;AAAA,IAChD,GAAGC;AAAA,EAAA;AACN;AAEFmB,EAAY,cAAczB,EAAgB,MAAM;AAEhD,MAAM2B,IAAoB,CAAC,EAAE,WAAAtB,GAAW,GAAGC,QACzC,gBAAAC;AAAA,EAACP,EAAgB;AAAA,EAAhB;AAAA,IACC,WAAWQ,EAAG,GAAGoB,GAA6BvB,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN;AAEFqB,EAAkB,cAAc3B,EAAgB,YAAY;"}

package/dist/components-ui-dialog-dialog.styles.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["data-open:animate-in data-closed:animate-out data-closed:fade-out-0","data-open:fade-in-0 duration-100","bg-primary-inverse-bg/20 fixed inset-0 isolate z-30"],a=["fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%]","translate-y-[-50%] gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200","rounded-[8px]","[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible","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%]"],t=["absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text","focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border","disabled:pointer-events-none"],s=["flex flex-col gap-1.5 pr-10 text-left"],o=["flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1"],l=["relative pb-3 tracking-normal text-lg font-medium text-primary-text","after:pointer-events-none after:absolute after:bottom-0  after:h-px after:-left-6 after:-right-16 after:bg-delicate-border"],i=["tracking-normal text-sm font-normal text-secondary-text"];exports.dialogCloseClassNames=t;exports.dialogContentClassNames=a;exports.dialogDescriptionClassNames=i;exports.dialogFooterClassNames=o;exports.dialogHeaderClassNames=s;exports.dialogOverlayClassNames=e;exports.dialogTitleClassNames=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=["data-open:animate-in data-closed:animate-out data-closed:fade-out-0","data-open:fade-in-0 duration-100","bg-primary-inverse-bg/20 fixed inset-0 isolate z-30"],a=["fixed z-50 grid gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200","rounded-[8px]","[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible","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"],o=e.cva("",{variants:{positionX:{center:"left-[50%] translate-x-[-50%]",left:"left-0",right:"right-0"},positionY:{center:"top-[50%] translate-y-[-50%]",top:"top-0",bottom:"bottom-0"}},defaultVariants:{positionX:"center",positionY:"center"}}),s=["absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text","focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border","disabled:pointer-events-none"],i=["flex flex-col gap-1.5 pr-10 text-left"],n=["flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1"],l=["relative pb-3 tracking-normal text-lg font-medium text-primary-text","after:pointer-events-none after:absolute after:bottom-0  after:h-px after:-left-6 after:-right-16 after:bg-delicate-border"],r=["tracking-normal text-sm font-normal text-secondary-text"];exports.dialogCloseClassNames=s;exports.dialogContentClassNames=a;exports.dialogContentPositionVariants=o;exports.dialogDescriptionClassNames=r;exports.dialogFooterClassNames=n;exports.dialogHeaderClassNames=i;exports.dialogOverlayClassNames=t;exports.dialogTitleClassNames=l;
 //# sourceMappingURL=components-ui-dialog-dialog.styles.cjs.map

package/dist/components-ui-dialog-dialog.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-dialog-dialog.styles.cjs","sources":["../src/components/ui/dialog/dialog.styles.ts"],"sourcesContent":["export const dialogOverlayClassNames = [\n  \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0\",\n  \"data-open:fade-in-0 duration-100\",\n  \"bg-primary-inverse-bg/20 fixed inset-0 isolate z-30\",\n] as const;\n\nexport const dialogContentClassNames = [\n  \"fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%]\",\n  \"translate-y-[-50%] gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200\",\n  \"rounded-[8px]\",\n  \"[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible\",\n  \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n  \"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n  \"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%]\",\n] as const;\n\nexport const dialogCloseClassNames = [\n  \"absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text\",\n  \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border\",\n  \"disabled:pointer-events-none\",\n] as const;\n\nexport const dialogHeaderClassNames = [\"flex flex-col gap-1.5 pr-10 text-left\"] as const;\n\nexport const dialogFooterClassNames = [\n  \"flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1\",\n] as const;\n\nexport const dialogTitleClassNames = [\n  \"relative pb-3 tracking-normal text-lg font-medium text-primary-text\",\n  \"after:pointer-events-none after:absolute after:bottom-0  after:h-px after:-left-6 after:-right-16 after:bg-delicate-border\",\n] as const;\n\nexport const dialogDescriptionClassNames = [\n  \"tracking-normal text-sm font-normal text-secondary-text\",\n] as const;\n"],"names":["dialogOverlayClassNames","dialogContentClassNames","dialogCloseClassNames","dialogHeaderClassNames","dialogFooterClassNames","dialogTitleClassNames","dialogDescriptionClassNames"],"mappings":"gFAAO,MAAMA,EAA0B,CACrC,sEACA,mCACA,qDACF,EAEaC,EAA0B,CACrC,0DACA,sGACA,gBACA,4IACA,8FACA,2FACA,yKACF,EAEaC,EAAwB,CACnC,sHACA,sFACA,8BACF,EAEaC,EAAyB,CAAC,uCAAuC,EAEjEC,EAAyB,CACpC,qEACF,EAEaC,EAAwB,CACnC,sEACA,4HACF,EAEaC,EAA8B,CACzC,yDACF"}
+{"version":3,"file":"components-ui-dialog-dialog.styles.cjs","sources":["../src/components/ui/dialog/dialog.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const dialogOverlayClassNames = [\n  \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0\",\n  \"data-open:fade-in-0 duration-100\",\n  \"bg-primary-inverse-bg/20 fixed inset-0 isolate z-30\",\n] as const;\n\nexport const dialogContentClassNames = [\n  \"fixed z-50 grid gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200\",\n  \"rounded-[8px]\",\n  \"[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible\",\n  \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n  \"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n] as const;\n\nexport const dialogContentPositionVariants = cva(\"\", {\n  variants: {\n    positionX: {\n      center: \"left-[50%] translate-x-[-50%]\",\n      left: \"left-0\",\n      right: \"right-0\",\n    },\n    positionY: {\n      center: \"top-[50%] translate-y-[-50%]\",\n      top: \"top-0\",\n      bottom: \"bottom-0\",\n    },\n  },\n  defaultVariants: {\n    positionX: \"center\",\n    positionY: \"center\",\n  },\n});\n\nexport const dialogCloseClassNames = [\n  \"absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text\",\n  \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border\",\n  \"disabled:pointer-events-none\",\n] as const;\n\nexport const dialogHeaderClassNames = [\"flex flex-col gap-1.5 pr-10 text-left\"] as const;\n\nexport const dialogFooterClassNames = [\n  \"flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1\",\n] as const;\n\nexport const dialogTitleClassNames = [\n  \"relative pb-3 tracking-normal text-lg font-medium text-primary-text\",\n  \"after:pointer-events-none after:absolute after:bottom-0  after:h-px after:-left-6 after:-right-16 after:bg-delicate-border\",\n] as const;\n\nexport const dialogDescriptionClassNames = [\n  \"tracking-normal text-sm font-normal text-secondary-text\",\n] as const;\n"],"names":["dialogOverlayClassNames","dialogContentClassNames","dialogContentPositionVariants","cva","dialogCloseClassNames","dialogHeaderClassNames","dialogFooterClassNames","dialogTitleClassNames","dialogDescriptionClassNames"],"mappings":"4HAEaA,EAA0B,CACrC,sEACA,mCACA,qDACF,EAEaC,EAA0B,CACrC,mGACA,gBACA,4IACA,8FACA,0FACF,EAEaC,EAAgCC,EAAAA,IAAI,GAAI,CACnD,SAAU,CACR,UAAW,CACT,OAAQ,gCACR,KAAM,SACN,MAAO,SAAA,EAET,UAAW,CACT,OAAQ,+BACR,IAAK,QACL,OAAQ,UAAA,CACV,EAEF,gBAAiB,CACf,UAAW,SACX,UAAW,QAAA,CAEf,CAAC,EAEYC,EAAwB,CACnC,sHACA,sFACA,8BACF,EAEaC,EAAyB,CAAC,uCAAuC,EAEjEC,EAAyB,CACpC,qEACF,EAEaC,EAAwB,CACnC,sEACA,4HACF,EAEaC,EAA8B,CACzC,yDACF"}

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

@@ -1,34 +1,51 @@
-const e = [
+import { cva as t } from "class-variance-authority";
+const a = [
   "data-open:animate-in data-closed:animate-out data-closed:fade-out-0",
   "data-open:fade-in-0 duration-100",
   "bg-primary-inverse-bg/20 fixed inset-0 isolate z-30"
-], t = [
-  "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%]",
-  "translate-y-[-50%] gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200",
+], o = [
+  "fixed z-50 grid gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200",
   "rounded-[8px]",
   "[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible",
   "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%]"
-], a = [
+  "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
+], s = t("", {
+  variants: {
+    positionX: {
+      center: "left-[50%] translate-x-[-50%]",
+      left: "left-0",
+      right: "right-0"
+    },
+    positionY: {
+      center: "top-[50%] translate-y-[-50%]",
+      top: "top-0",
+      bottom: "bottom-0"
+    }
+  },
+  defaultVariants: {
+    positionX: "center",
+    positionY: "center"
+  }
+}), i = [
   "absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text",
   "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border",
   "disabled:pointer-events-none"
-], o = ["flex flex-col gap-1.5 pr-10 text-left"], s = [
+], n = ["flex flex-col gap-1.5 pr-10 text-left"], r = [
   "flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1"
-], i = [
+], l = [
   "relative pb-3 tracking-normal text-lg font-medium text-primary-text",
   "after:pointer-events-none after:absolute after:bottom-0  after:h-px after:-left-6 after:-right-16 after:bg-delicate-border"
-], l = [
+], d = [
   "tracking-normal text-sm font-normal text-secondary-text"
 ];
 export {
-  a as dialogCloseClassNames,
-  t as dialogContentClassNames,
-  l as dialogDescriptionClassNames,
-  s as dialogFooterClassNames,
-  o as dialogHeaderClassNames,
-  e as dialogOverlayClassNames,
-  i as dialogTitleClassNames
+  i as dialogCloseClassNames,
+  o as dialogContentClassNames,
+  s as dialogContentPositionVariants,
+  d as dialogDescriptionClassNames,
+  r as dialogFooterClassNames,
+  n as dialogHeaderClassNames,
+  a as dialogOverlayClassNames,
+  l as dialogTitleClassNames
 };
 //# sourceMappingURL=components-ui-dialog-dialog.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-ui-dialog-dialog.styles.js","sources":["../src/components/ui/dialog/dialog.styles.ts"],"sourcesContent":["export const dialogOverlayClassNames = [\n  \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0\",\n  \"data-open:fade-in-0 duration-100\",\n  \"bg-primary-inverse-bg/20 fixed inset-0 isolate z-30\",\n] as const;\n\nexport const dialogContentClassNames = [\n  \"fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%]\",\n  \"translate-y-[-50%] gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200\",\n  \"rounded-[8px]\",\n  \"[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible\",\n  \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n  \"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n  \"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%]\",\n] as const;\n\nexport const dialogCloseClassNames = [\n  \"absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text\",\n  \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border\",\n  \"disabled:pointer-events-none\",\n] as const;\n\nexport const dialogHeaderClassNames = [\"flex flex-col gap-1.5 pr-10 text-left\"] as const;\n\nexport const dialogFooterClassNames = [\n  \"flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1\",\n] as const;\n\nexport const dialogTitleClassNames = [\n  \"relative pb-3 tracking-normal text-lg font-medium text-primary-text\",\n  \"after:pointer-events-none after:absolute after:bottom-0  after:h-px after:-left-6 after:-right-16 after:bg-delicate-border\",\n] as const;\n\nexport const dialogDescriptionClassNames = [\n  \"tracking-normal text-sm font-normal text-secondary-text\",\n] as const;\n"],"names":["dialogOverlayClassNames","dialogContentClassNames","dialogCloseClassNames","dialogHeaderClassNames","dialogFooterClassNames","dialogTitleClassNames","dialogDescriptionClassNames"],"mappings":"AAAO,MAAMA,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAyB,CAAC,uCAAuC,GAEjEC,IAAyB;AAAA,EACpC;AACF,GAEaC,IAAwB;AAAA,EACnC;AAAA,EACA;AACF,GAEaC,IAA8B;AAAA,EACzC;AACF;"}
+{"version":3,"file":"components-ui-dialog-dialog.styles.js","sources":["../src/components/ui/dialog/dialog.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const dialogOverlayClassNames = [\n  \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0\",\n  \"data-open:fade-in-0 duration-100\",\n  \"bg-primary-inverse-bg/20 fixed inset-0 isolate z-30\",\n] as const;\n\nexport const dialogContentClassNames = [\n  \"fixed z-50 grid gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200\",\n  \"rounded-[8px]\",\n  \"[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible\",\n  \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n  \"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n] as const;\n\nexport const dialogContentPositionVariants = cva(\"\", {\n  variants: {\n    positionX: {\n      center: \"left-[50%] translate-x-[-50%]\",\n      left: \"left-0\",\n      right: \"right-0\",\n    },\n    positionY: {\n      center: \"top-[50%] translate-y-[-50%]\",\n      top: \"top-0\",\n      bottom: \"bottom-0\",\n    },\n  },\n  defaultVariants: {\n    positionX: \"center\",\n    positionY: \"center\",\n  },\n});\n\nexport const dialogCloseClassNames = [\n  \"absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text\",\n  \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border\",\n  \"disabled:pointer-events-none\",\n] as const;\n\nexport const dialogHeaderClassNames = [\"flex flex-col gap-1.5 pr-10 text-left\"] as const;\n\nexport const dialogFooterClassNames = [\n  \"flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1\",\n] as const;\n\nexport const dialogTitleClassNames = [\n  \"relative pb-3 tracking-normal text-lg font-medium text-primary-text\",\n  \"after:pointer-events-none after:absolute after:bottom-0  after:h-px after:-left-6 after:-right-16 after:bg-delicate-border\",\n] as const;\n\nexport const dialogDescriptionClassNames = [\n  \"tracking-normal text-sm font-normal text-secondary-text\",\n] as const;\n"],"names":["dialogOverlayClassNames","dialogContentClassNames","dialogContentPositionVariants","cva","dialogCloseClassNames","dialogHeaderClassNames","dialogFooterClassNames","dialogTitleClassNames","dialogDescriptionClassNames"],"mappings":";AAEO,MAAMA,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAgCC,EAAI,IAAI;AAAA,EACnD,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,WAAW;AAAA,IACX,WAAW;AAAA,EAAA;AAEf,CAAC,GAEYC,IAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAyB,CAAC,uCAAuC,GAEjEC,IAAyB;AAAA,EACpC;AACF,GAEaC,IAAwB;AAAA,EACnC;AAAA,EACA;AACF,GAEaC,IAA8B;AAAA,EACzC;AACF;"}