brd-ui-kit 0.1.80 → 0.1.81

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

@@ -1,8 +1,194 @@
-import "react/jsx-runtime";
-import { T as p } from "./transfer-list-card-3JPB-sdd.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as h } from "./lib-utils.js";
+import { BasicTooltip as k } from "./components-basic-tooltip-basic-tooltip.js";
+import { Button as c } from "./components-ui-button-button.js";
+import "./components-ui-button-button.styles.js";
+import { Icon as t } from "./components-ui-icon-icon.js";
 import "phosphor-strokes-icons/icons";
-import "@radix-ui/react-dropdown-menu";
+import { Typography as d } from "./components-ui-typography-typography.js";
+import "./components-ui-typography-typography.styles.js";
+const L = ({
+  items: y,
+  selectedSet: g,
+  onSelectItem: N,
+  onMoveItem: n,
+  direction: p,
+  headerIcon: s,
+  headerButton: r,
+  showHeaderTooltip: v = !1,
+  showFooterIcons: m = !1
+}) => {
+  const l = p === "right", x = l ? "caret-right" : "caret-left", f = l ? "check-circle" : "x-circle", b = l ? "text-success-text" : "text-error-text";
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5
+        flex-col rounded-xl border`,
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: h(
+              "bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4",
+              p === "left" ? "gap-6" : "justify-between"
+            ),
+            children: [
+              /* @__PURE__ */ a("div", { className: "w-fit", children: [
+                r && !l && /* @__PURE__ */ e(
+                  c,
+                  {
+                    variant: "circleGhost",
+                    onClick: r.onClick,
+                    disabled: r.disabled,
+                    children: /* @__PURE__ */ e(
+                      t,
+                      {
+                        type: r.icon,
+                        className: "text-placeholder-text"
+                      }
+                    )
+                  }
+                ),
+                v && /* @__PURE__ */ e(
+                  k,
+                  {
+                    place: "left",
+                    arrow: !0,
+                    text: /* @__PURE__ */ e(
+                      d,
+                      {
+                        variant: "body-xxs-regular",
+                        className: "w-fit",
+                        children: "Переносите пункты туда или обратно с помощью клика на них"
+                      }
+                    ),
+                    children: /* @__PURE__ */ e(
+                      t,
+                      {
+                        type: "info",
+                        className: "text-placeholder-text"
+                      }
+                    )
+                  }
+                ),
+                s && /* @__PURE__ */ e(
+                  t,
+                  {
+                    type: s.type,
+                    className: s.className
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                d,
+                {
+                  variant: "body-lg-semibold",
+                  className: "text-primary-text",
+                  children: l ? "Нужно для расчета" : "Уже есть для расчета"
+                }
+              ),
+              r && l && /* @__PURE__ */ e(
+                c,
+                {
+                  variant: "circleGhost",
+                  onClick: r.onClick,
+                  disabled: r.disabled,
+                  children: /* @__PURE__ */ e(
+                    t,
+                    {
+                      type: r.icon,
+                      className: "text-placeholder-text"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `border-delicate-border flex min-h-0 flex-1 flex-col gap-2
+          overflow-y-auto border-t`,
+            children: y.map((i) => /* @__PURE__ */ a(
+              "div",
+              {
+                className: h(
+                  `bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8
+              py-4`,
+                  g.has(i.id) && "bg-primary-hover-bg"
+                ),
+                onClick: () => N(i.id),
+                children: [
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
+                    m ? /* @__PURE__ */ e(
+                      c,
+                      {
+                        variant: "circleGhost",
+                        onClick: (o) => {
+                          o.stopPropagation(), n(i.id);
+                        },
+                        children: /* @__PURE__ */ e(
+                          t,
+                          {
+                            type: x,
+                            className: "text-placeholder-text"
+                          }
+                        )
+                      }
+                    ) : /* @__PURE__ */ e(
+                      t,
+                      {
+                        type: f,
+                        size: 25,
+                        strokeWidth: 1.5,
+                        className: b
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      d,
+                      {
+                        variant: "body-md-regular",
+                        className: "text-primary-text",
+                        children: i.label
+                      }
+                    )
+                  ] }),
+                  m ? /* @__PURE__ */ e(
+                    t,
+                    {
+                      type: f,
+                      size: 25,
+                      strokeWidth: 1.5,
+                      className: b
+                    }
+                  ) : /* @__PURE__ */ e(
+                    c,
+                    {
+                      variant: "circleGhost",
+                      onClick: (o) => {
+                        o.stopPropagation(), n(i.id);
+                      },
+                      children: /* @__PURE__ */ e(
+                        t,
+                        {
+                          type: x,
+                          className: "text-placeholder-text"
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              i.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  p as TransferListCard
+  L as TransferListCard
 };
 //# sourceMappingURL=components-transfer-list-transfer-list-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-transfer-list-transfer-list-card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"components-transfer-list-transfer-list-card.js","sources":["../src/components/transfer-list/transfer-list-card.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { BasicTooltip } from \"../basic-tooltip\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\nimport type { TransferListItem } from \"./transfer-list\";\nimport type { IconTypes } from \"@/types/types\";\n\ntype Props = {\n  items: TransferListItem[];\n  selectedSet: Set<string>;\n  onSelectItem: (id: string) => void;\n  onMoveItem: (itemId: string) => void;\n  direction: \"left\" | \"right\";\n  headerIcon?: {\n    type: IconTypes;\n    className: string;\n  };\n  headerButton?: {\n    icon: IconTypes;\n    onClick: () => void;\n    disabled: boolean;\n  };\n  showHeaderTooltip?: boolean;\n  showFooterIcons?: boolean;\n};\n\nexport const TransferListCard = ({\n  items,\n  selectedSet,\n  onSelectItem,\n  onMoveItem,\n  direction,\n  headerIcon,\n  headerButton,\n  showHeaderTooltip = false,\n  showFooterIcons = false,\n}: Props) => {\n  const isMovingToRight = direction === \"right\";\n  const moveIcon = isMovingToRight ? \"caret-right\" : \"caret-left\";\n  const footerIcon = isMovingToRight ? \"check-circle\" : \"x-circle\";\n  const footerIconClassName = isMovingToRight ? \"text-success-text\" : \"text-error-text\";\n\n  return (\n    <div\n      className=\"bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5\n        flex-col rounded-xl border\"\n    >\n      <div\n        className={cn(\n          \"bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4\",\n          direction === \"left\" ? \"gap-6\" : \"justify-between\",\n        )}\n      >\n        <div className=\"w-fit\">\n          {headerButton && !isMovingToRight && (\n            <Button\n              variant=\"circleGhost\"\n              onClick={headerButton.onClick}\n              disabled={headerButton.disabled}\n            >\n              <Icon\n                type={headerButton.icon}\n                className=\"text-placeholder-text\"\n              />\n            </Button>\n          )}\n          {showHeaderTooltip && (\n            <BasicTooltip\n              place=\"left\"\n              arrow\n              text={\n                <Typography\n                  variant=\"body-xxs-regular\"\n                  className=\"w-fit\"\n                >\n                  Переносите пункты туда или обратно с помощью клика на них\n                </Typography>\n              }\n            >\n              <Icon\n                type=\"info\"\n                className=\"text-placeholder-text\"\n              />\n            </BasicTooltip>\n          )}\n          {headerIcon && (\n            <Icon\n              type={headerIcon.type}\n              className={headerIcon.className}\n            />\n          )}\n        </div>\n\n        <Typography\n          variant=\"body-lg-semibold\"\n          className=\"text-primary-text\"\n        >\n          {isMovingToRight ? \"Нужно для расчета\" : \"Уже есть для расчета\"}\n        </Typography>\n\n        {headerButton && isMovingToRight && (\n          <Button\n            variant=\"circleGhost\"\n            onClick={headerButton.onClick}\n            disabled={headerButton.disabled}\n          >\n            <Icon\n              type={headerButton.icon}\n              className=\"text-placeholder-text\"\n            />\n          </Button>\n        )}\n      </div>\n\n      <div\n        className=\"border-delicate-border flex min-h-0 flex-1 flex-col gap-2\n          overflow-y-auto border-t\"\n      >\n        {items.map((item) => (\n          <div\n            key={item.id}\n            className={cn(\n              `bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8\n              py-4`,\n              selectedSet.has(item.id) && \"bg-primary-hover-bg\",\n            )}\n            onClick={() => onSelectItem(item.id)}\n          >\n            <div className=\"flex items-center gap-4\">\n              {showFooterIcons ? (\n                <Button\n                  variant=\"circleGhost\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onMoveItem(item.id);\n                  }}\n                >\n                  <Icon\n                    type={moveIcon}\n                    className=\"text-placeholder-text\"\n                  />\n                </Button>\n              ) : (\n                <Icon\n                  type={footerIcon}\n                  size={25}\n                  strokeWidth={1.5}\n                  className={footerIconClassName}\n                />\n              )}\n\n              <Typography\n                variant=\"body-md-regular\"\n                className=\"text-primary-text\"\n              >\n                {item.label}\n              </Typography>\n            </div>\n\n            {!showFooterIcons ? (\n              <Button\n                variant=\"circleGhost\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onMoveItem(item.id);\n                }}\n              >\n                <Icon\n                  type={moveIcon}\n                  className=\"text-placeholder-text\"\n                />\n              </Button>\n            ) : (\n              <Icon\n                type={footerIcon}\n                size={25}\n                strokeWidth={1.5}\n                className={footerIconClassName}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TransferListCard","items","selectedSet","onSelectItem","onMoveItem","direction","headerIcon","headerButton","showHeaderTooltip","showFooterIcons","isMovingToRight","moveIcon","footerIcon","footerIconClassName","jsxs","cn","jsx","Button","Icon","BasicTooltip","Typography","item","e"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("./transfer-list-card-D2oGp-Rw.cjs");require("phosphor-strokes-icons/icons");require("@radix-ui/react-dropdown-menu");const t=require("react"),f=!1,h=!0,w=({list:r,onChange:m})=>{const a=t.useMemo(()=>r.filter(e=>!e.inTarget),[r]),i=t.useMemo(()=>r.filter(e=>e.inTarget),[r]),[n,g]=t.useState([]),T=t.useMemo(()=>new Set(n),[n]),x=t.useMemo(()=>new Set(a.map(e=>e.id)),[a]),I=t.useMemo(()=>new Set(i.map(e=>e.id)),[i]),C=t.useMemo(()=>n.filter(e=>x.has(e)).length,[n,x]),b=t.useMemo(()=>n.filter(e=>I.has(e)).length,[n,I]),S=t.useCallback(e=>{g(s=>s.includes(e)?s.filter(d=>d!==e):[...s,e])},[]),o=t.useCallback((e,s)=>{const d=s??n;if(d.length===0)return;const k=new Set(d),v=r.map(u=>!k.has(u.id)||u.inTarget===e?u:{...u,inTarget:e});m(v),g([])},[r,m,n]),M=t.useCallback(e=>{o(e,r.filter(s=>s.inTarget!==e).map(s=>s.id))},[r,o]),j=t.useCallback(e=>{o(h,[e])},[o]),p=t.useCallback(e=>{o(f,[e])},[o]);return c.jsxs("div",{className:"ml-100 flex h-full min-h-0 w-fit gap-6",children:[c.jsx(l.TransferListCard,{items:a,selectedSet:T,onSelectItem:S,onMoveItem:j,direction:"right",showHeaderTooltip:!0,headerButton:{icon:"caret-right",onClick:()=>M(h),disabled:a.length===0},showFooterIcons:!1}),c.jsxs("div",{className:"flex h-full flex-col justify-center gap-8",children:[c.jsx(l.f,{variant:"circle",onClick:()=>o(h),disabled:C===0,children:c.jsx(l.y,{type:"caret-right",className:"text-placeholder-text"})}),c.jsx(l.f,{variant:"circle",onClick:()=>o(f),disabled:b===0,children:c.jsx(l.y,{type:"caret-left",className:"text-placeholder-text"})})]}),c.jsx(l.TransferListCard,{items:i,selectedSet:T,onSelectItem:S,onMoveItem:p,direction:"left",headerButton:{icon:"caret-left",onClick:()=>M(f),disabled:i.length===0},showFooterIcons:!0})]})};exports.TransferList=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),t=require("react"),M=require("./components-transfer-list-transfer-list-card.cjs"),b=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const p=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");const d=!1,f=!0,L=({list:n,onChange:h})=>{const l=t.useMemo(()=>n.filter(e=>!e.inTarget),[n]),a=t.useMemo(()=>n.filter(e=>e.inTarget),[n]),[o,m]=t.useState([]),g=t.useMemo(()=>new Set(o),[o]),T=t.useMemo(()=>new Set(l.map(e=>e.id)),[l]),I=t.useMemo(()=>new Set(a.map(e=>e.id)),[a]),C=t.useMemo(()=>o.filter(e=>T.has(e)).length,[o,T]),_=t.useMemo(()=>o.filter(e=>I.has(e)).length,[o,I]),x=t.useCallback(e=>{m(s=>s.includes(e)?s.filter(i=>i!==e):[...s,e])},[]),r=t.useCallback((e,s)=>{const i=s??o;if(i.length===0)return;const v=new Set(i),w=n.map(u=>!v.has(u.id)||u.inTarget===e?u:{...u,inTarget:e});h(w),m([])},[n,h,o]),S=t.useCallback(e=>{r(e,n.filter(s=>s.inTarget!==e).map(s=>s.id))},[n,r]),j=t.useCallback(e=>{r(f,[e])},[r]),k=t.useCallback(e=>{r(d,[e])},[r]);return c.jsxs("div",{className:"flex h-full min-h-0 w-fit gap-6",children:[c.jsx(M.TransferListCard,{items:l,selectedSet:g,onSelectItem:x,onMoveItem:j,direction:"right",showHeaderTooltip:!0,headerButton:{icon:"caret-right",onClick:()=>S(f),disabled:l.length===0},showFooterIcons:!1}),c.jsxs("div",{className:"flex h-full flex-col justify-center gap-8",children:[c.jsx(b.Button,{variant:"circle",onClick:()=>r(f),disabled:C===0,children:c.jsx(p.Icon,{type:"caret-right",className:"text-placeholder-text"})}),c.jsx(b.Button,{variant:"circle",onClick:()=>r(d),disabled:_===0,children:c.jsx(p.Icon,{type:"caret-left",className:"text-placeholder-text"})})]}),c.jsx(M.TransferListCard,{items:a,selectedSet:g,onSelectItem:x,onMoveItem:k,direction:"left",headerButton:{icon:"caret-left",onClick:()=>S(d),disabled:a.length===0},showFooterIcons:!0})]})};exports.TransferList=L;
 //# sourceMappingURL=components-transfer-list-transfer-list.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-transfer-list-transfer-list.cjs","sources":["../src/components/transfer-list/transfer-list.tsx"],"sourcesContent":["import { Button, Icon } from \"brd-ui-kit\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { TransferListCard } from \"./transfer-list-card\";\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=\"ml-100 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":"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"}
+{"version":3,"file":"components-transfer-list-transfer-list.cjs","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":"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"}

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

@@ -1,65 +1,67 @@
 import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import { T as v, f as C, y as M } from "./transfer-list-card-3JPB-sdd.js";
+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";
-import "@radix-ui/react-dropdown-menu";
-import { useMemo as r, useState as _, useCallback as l } from "react";
-const h = !1, m = !0, H = ({ list: o, onChange: g }) => {
-  const i = r(() => o.filter((e) => !e.inTarget), [o]), a = r(() => o.filter((e) => e.inTarget), [o]), [n, u] = _([]), T = r(() => new Set(n), [n]), p = r(() => new Set(i.map((e) => e.id)), [i]), I = r(
+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 = r(
-    () => n.filter((e) => p.has(e)).length,
-    [n, p]
-  ), k = r(
+  ), 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) => {
-    u(
+    g(
       (t) => t.includes(e) ? t.filter((d) => d !== e) : [...t, e]
     );
-  }, []), s = l(
+  }, []), r = l(
     (e, t) => {
       const d = t ?? n;
       if (d.length === 0) return;
-      const N = new Set(d), O = o.map((f) => !N.has(f.id) || f.inTarget === e ? f : {
+      const O = new Set(d), _ = o.map((f) => !O.has(f.id) || f.inTarget === e ? f : {
         ...f,
         inTarget: e
       });
-      g(O), u([]);
+      u(_), g([]);
     },
-    [o, g, n]
+    [o, u, n]
   ), x = l(
     (e) => {
-      s(
+      r(
         e,
         o.filter((t) => t.inTarget !== e).map((t) => t.id)
       );
     },
-    [o, s]
+    [o, r]
   ), L = l(
     (e) => {
-      s(m, [e]);
+      r(h, [e]);
     },
-    [s]
-  ), y = l(
+    [r]
+  ), N = l(
     (e) => {
-      s(h, [e]);
+      r(m, [e]);
     },
-    [s]
+    [r]
   );
-  return /* @__PURE__ */ w("div", { className: "ml-100 flex h-full min-h-0 w-fit gap-6", children: [
+  return /* @__PURE__ */ w("div", { className: "flex h-full min-h-0 w-fit gap-6", children: [
     /* @__PURE__ */ c(
       v,
       {
         items: i,
-        selectedSet: T,
+        selectedSet: p,
         onSelectItem: S,
         onMoveItem: L,
         direction: "right",
         showHeaderTooltip: !0,
         headerButton: {
           icon: "caret-right",
-          onClick: () => x(m),
+          onClick: () => x(h),
           disabled: i.length === 0
         },
         showFooterIcons: !1
@@ -70,7 +72,7 @@ const h = !1, m = !0, H = ({ list: o, onChange: g }) => {
         C,
         {
           variant: "circle",
-          onClick: () => s(m),
+          onClick: () => r(h),
           disabled: b === 0,
           children: /* @__PURE__ */ c(
             M,
@@ -85,7 +87,7 @@ const h = !1, m = !0, H = ({ list: o, onChange: g }) => {
         C,
         {
           variant: "circle",
-          onClick: () => s(h),
+          onClick: () => r(m),
           disabled: k === 0,
           children: /* @__PURE__ */ c(
             M,
@@ -101,13 +103,13 @@ const h = !1, m = !0, H = ({ list: o, onChange: g }) => {
       v,
       {
         items: a,
-        selectedSet: T,
+        selectedSet: p,
         onSelectItem: S,
-        onMoveItem: y,
+        onMoveItem: N,
         direction: "left",
         headerButton: {
           icon: "caret-left",
-          onClick: () => x(h),
+          onClick: () => x(m),
           disabled: a.length === 0
         },
         showFooterIcons: !0
@@ -116,6 +118,6 @@ const h = !1, m = !0, H = ({ list: o, onChange: g }) => {
   ] });
 };
 export {
-  H as TransferList
+  D as TransferList
 };
 //# sourceMappingURL=components-transfer-list-transfer-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-transfer-list-transfer-list.js","sources":["../src/components/transfer-list/transfer-list.tsx"],"sourcesContent":["import { Button, Icon } from \"brd-ui-kit\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { TransferListCard } from \"./transfer-list-card\";\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=\"ml-100 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":"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"}
+{"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":"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"}

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