brd-ui-kit 0.1.76 → 0.1.77

package/dist/components-app-sidebar-app-sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-app-sidebar-app-sidebar.cjs","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { IconTypes } from \"@/types/types\";\nimport { Icon } from \"../ui/icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: IconTypes;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<Icon type={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <Icon\n              type=\"caret-up-down\"\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","Icon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants"],"mappings":"4XA8CMA,EAAa,CAAC,CAClB,OAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EACA,MAAAC,EAAQ,WACR,aAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAa,CACX,MAAMC,EAAcP,IAAU,YACxBQ,EAAYX,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACjEC,EAAeb,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACpEE,EAAYJ,EAAc,WAAa,YAEvCK,EAAe,IAAM,CACzBT,IAAgBQ,CAAS,CAC3B,EAEME,EAAgBC,GACbA,EAAM,IAAKL,GAChBM,EAAAA,IAACC,EAAAA,eAAA,CAEC,MAAOP,EAAM,MACb,UAAWF,EACX,UAAWU,EAAAA,GAAGR,EAAM,SAAW,iCAAiC,EAE/D,SAAAA,EAAM,MAAM,IAAKS,GAAS,CACzB,MAAMC,EAAWlB,EAAeA,IAAiBiB,EAAK,GAAK,EAAQA,EAAK,OAExE,OACEH,EAAAA,IAACK,EAAAA,eAAA,CAEC,KAAML,EAAAA,IAACM,EAAAA,KAAA,CAAK,KAAMH,EAAK,KAAM,EAC7B,MAAOA,EAAK,MACZ,MAAOA,EAAK,MACZ,OAAQC,EACR,UAAWZ,EACX,SAAUW,EAAK,SACf,KAAMA,EAAK,KACX,OAAQA,EAAK,OACb,IAAKA,EAAK,IACV,SAAU,IAAM,CACdd,IAAec,CAAI,EACnBA,EAAK,UAAUA,CAAI,CACrB,EACA,eAAcC,EAAW,OAAS,MAAA,EAd7BD,EAAK,EAAA,CAiBhB,CAAC,CAAA,EA3BIT,EAAM,EAAA,CA6Bd,EAGH,OACEa,EAAAA,KAAC,QAAA,CACC,UAAWL,EAAAA,GAAGM,EAAAA,uBAAuB,CAAE,MAAAvB,CAAA,CAAO,EAAGK,CAAS,EAC1D,aAAW,oBACV,GAAGC,EAEJ,SAAA,CAAAgB,EAAAA,KAAC,UAAO,UAAWE,EAAAA,yBAAyB,CAAE,MAAAxB,CAAA,CAAO,EACnD,SAAA,CAAAsB,EAAAA,KAAC,OAAI,UAAWG,EAAAA,wBAAwB,CAAE,MAAAzB,CAAA,CAAO,EAC9C,SAAA,CAAAD,EACDgB,EAAAA,IAAC,IAAA,CAAE,UAAWW,EAAAA,8BAAgC,SAAA5B,CAAA,CAAM,CAAA,EACtD,EAECI,GACCa,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWY,EAAAA,+BAAA,EACX,QAASf,EACT,aACEL,EAAc,+BAAiC,6BAEjD,SAAU,CAACJ,EAEX,SAAAY,EAAAA,IAACM,EAAAA,KAAA,CACC,KAAK,gBACL,YAAa,IACb,UAAWJ,EAAAA,GACT,oCACAV,EAAc,aAAe,WAAA,CAC/B,CAAA,CACF,CAAA,CACF,EAEJ,EAEAe,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAP,MAAC,MAAA,CAAI,UAAU,iCAAkC,SAAAF,EAAaL,CAAS,EAAE,EAExEE,EAAa,OAAS,GACrBK,EAAAA,IAAC,OAAI,UAAU,UAAW,SAAAF,EAAaH,CAAY,CAAA,CAAE,CAAA,CAAA,CAEzD,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"components-app-sidebar-app-sidebar.cjs","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { CaretUpDown } from \"@/components/icons/CaretUpDown\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: StrokeIconComponent;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<StrokeIcon icon={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <StrokeIcon\n              icon={CaretUpDown}\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","StrokeIcon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants","CaretUpDown"],"mappings":"ubA8CMA,EAAa,CAAC,CAClB,OAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EACA,MAAAC,EAAQ,WACR,aAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAa,CACX,MAAMC,EAAcP,IAAU,YACxBQ,EAAYX,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACjEC,EAAeb,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACpEE,EAAYJ,EAAc,WAAa,YAEvCK,EAAe,IAAM,CACzBT,IAAgBQ,CAAS,CAC3B,EAEME,EAAgBC,GACbA,EAAM,IAAKL,GAChBM,EAAAA,IAACC,EAAAA,eAAA,CAEC,MAAOP,EAAM,MACb,UAAWF,EACX,UAAWU,EAAAA,GAAGR,EAAM,SAAW,iCAAiC,EAE/D,SAAAA,EAAM,MAAM,IAAKS,GAAS,CACzB,MAAMC,EAAWlB,EAAeA,IAAiBiB,EAAK,GAAK,EAAQA,EAAK,OAExE,OACEH,EAAAA,IAACK,EAAAA,eAAA,CAEC,KAAML,EAAAA,IAACM,EAAAA,WAAA,CAAW,KAAMH,EAAK,KAAM,EACnC,MAAOA,EAAK,MACZ,MAAOA,EAAK,MACZ,OAAQC,EACR,UAAWZ,EACX,SAAUW,EAAK,SACf,KAAMA,EAAK,KACX,OAAQA,EAAK,OACb,IAAKA,EAAK,IACV,SAAU,IAAM,CACdd,IAAec,CAAI,EACnBA,EAAK,UAAUA,CAAI,CACrB,EACA,eAAcC,EAAW,OAAS,MAAA,EAd7BD,EAAK,EAAA,CAiBhB,CAAC,CAAA,EA3BIT,EAAM,EAAA,CA6Bd,EAGH,OACEa,EAAAA,KAAC,QAAA,CACC,UAAWL,EAAAA,GAAGM,EAAAA,uBAAuB,CAAE,MAAAvB,CAAA,CAAO,EAAGK,CAAS,EAC1D,aAAW,oBACV,GAAGC,EAEJ,SAAA,CAAAgB,EAAAA,KAAC,UAAO,UAAWE,EAAAA,yBAAyB,CAAE,MAAAxB,CAAA,CAAO,EACnD,SAAA,CAAAsB,EAAAA,KAAC,OAAI,UAAWG,EAAAA,wBAAwB,CAAE,MAAAzB,CAAA,CAAO,EAC9C,SAAA,CAAAD,EACDgB,EAAAA,IAAC,IAAA,CAAE,UAAWW,EAAAA,8BAAgC,SAAA5B,CAAA,CAAM,CAAA,EACtD,EAECI,GACCa,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWY,EAAAA,+BAAA,EACX,QAASf,EACT,aACEL,EAAc,+BAAiC,6BAEjD,SAAU,CAACJ,EAEX,SAAAY,EAAAA,IAACM,EAAAA,WAAA,CACC,KAAMO,EAAAA,YACN,YAAa,IACb,UAAWX,EAAAA,GACT,oCACAV,EAAc,aAAe,WAAA,CAC/B,CAAA,CACF,CAAA,CACF,EAEJ,EAEAe,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAP,MAAC,MAAA,CAAI,UAAU,iCAAkC,SAAAF,EAAaL,CAAS,EAAE,EAExEE,EAAa,OAAS,GACrBK,EAAAA,IAAC,OAAI,UAAU,UAAW,SAAAF,EAAaH,CAAY,CAAA,CAAE,CAAA,CAAA,CAEzD,CAAA,CAAA,CAAA,CAGN"}

package/dist/components-app-sidebar-app-sidebar.js

@@ -1,11 +1,12 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { cn as d } from "./lib-utils.js";
-import { Icon as f } from "./components-ui-icon-icon.js";
-import { NavigationItem as C } from "./components-ui-navigation-item-navigation-item.js";
-import { NavigationMenu as V } from "./components-ui-navigation-menu-navigation-menu.js";
-import { appSidebarBrandTitleClassName as k, appSidebarBrandVariants as A, appSidebarToggleButtonVariants as G, appSidebarHeaderVariants as T, appSidebarRootVariants as j } from "./components-app-sidebar-app-sidebar.styles.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { cn as n } from "./lib-utils.js";
+import { CaretUpDown as B } from "phosphor-strokes-icons/icons/CaretUpDown";
+import { StrokeIcon as f } from "./components-icons-stroke-icon.js";
+import { NavigationItem as V } from "./components-ui-navigation-item-navigation-item.js";
+import { NavigationMenu as A } from "./components-ui-navigation-menu-navigation-menu.js";
+import { appSidebarBrandTitleClassName as G, appSidebarBrandVariants as T, appSidebarToggleButtonVariants as j, appSidebarHeaderVariants as w, appSidebarRootVariants as y } from "./components-app-sidebar-app-sidebar.styles.js";
 const z = ({
-  groups: n,
+  groups: d,
   title: h = "CRM",
   brandMark: N,
   state: l = "expanded",
@@ -16,23 +17,23 @@ const z = ({
   className: x,
   ...g
 }) => {
-  const r = l === "collapsed", S = n.filter((o) => o.placement !== "bottom"), p = n.filter((o) => o.placement === "bottom"), y = r ? "expanded" : "collapsed", B = () => {
-    c?.(y);
-  }, b = (o) => o.map((t) => /* @__PURE__ */ e(
-    V,
+  const r = l === "collapsed", S = d.filter((o) => o.placement !== "bottom"), p = d.filter((o) => o.placement === "bottom"), C = r ? "expanded" : "collapsed", k = () => {
+    c?.(C);
+  }, m = (o) => o.map((i) => /* @__PURE__ */ e(
+    A,
     {
-      title: t.title,
+      title: i.title,
       collapsed: r,
-      className: d(t.divider && "border-delicate-border border-b"),
-      children: t.items.map((a) => {
-        const m = s ? s === a.id : !!a.active;
+      className: n(i.divider && "border-delicate-border border-b"),
+      children: i.items.map((a) => {
+        const b = s ? s === a.id : !!a.active;
         return /* @__PURE__ */ e(
-          C,
+          V,
           {
-            icon: /* @__PURE__ */ e(f, { type: a.icon }),
+            icon: /* @__PURE__ */ e(f, { icon: a.icon }),
             label: a.label,
             badge: a.badge,
-            active: m,
+            active: b,
             collapsed: r,
             disabled: a.disabled,
             href: a.href,
@@ -41,40 +42,40 @@ const z = ({
             onAction: () => {
               v?.(a), a.onClick?.(a);
             },
-            "aria-current": m ? "page" : void 0
+            "aria-current": b ? "page" : void 0
           },
           a.id
         );
       })
     },
-    t.id
+    i.id
   ));
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     "aside",
     {
-      className: d(j({ state: l }), x),
+      className: n(y({ state: l }), x),
       "aria-label": "Боковая навигация",
       ...g,
       children: [
-        /* @__PURE__ */ i("header", { className: T({ state: l }), children: [
-          /* @__PURE__ */ i("div", { className: A({ state: l }), children: [
+        /* @__PURE__ */ t("header", { className: w({ state: l }), children: [
+          /* @__PURE__ */ t("div", { className: T({ state: l }), children: [
             N,
-            /* @__PURE__ */ e("p", { className: k, children: h })
+            /* @__PURE__ */ e("p", { className: G, children: h })
           ] }),
           u && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              className: G(),
-              onClick: B,
+              className: j(),
+              onClick: k,
               "aria-label": r ? "Развернуть боковую навигацию" : "Свернуть боковую навигацию",
               disabled: !c,
               children: /* @__PURE__ */ e(
                 f,
                 {
-                  type: "caret-up-down",
+                  icon: B,
                   strokeWidth: 1.5,
-                  className: d(
+                  className: n(
                     "transition-transform duration-200",
                     r ? "-rotate-90" : "rotate-90"
                   )
@@ -83,9 +84,9 @@ const z = ({
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto", children: b(S) }),
-          p.length > 0 && /* @__PURE__ */ e("div", { className: "mt-auto", children: b(p) })
+        /* @__PURE__ */ t("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto", children: m(S) }),
+          p.length > 0 && /* @__PURE__ */ e("div", { className: "mt-auto", children: m(p) })
         ] })
       ]
     }

package/dist/components-app-sidebar-app-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-app-sidebar-app-sidebar.js","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { IconTypes } from \"@/types/types\";\nimport { Icon } from \"../ui/icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: IconTypes;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<Icon type={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <Icon\n              type=\"caret-up-down\"\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","Icon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants"],"mappings":";;;;;;AA8CA,MAAMA,IAAa,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAa;AACX,QAAMC,IAAcP,MAAU,aACxBQ,IAAYX,EAAO,OAAO,CAACY,MAAUA,EAAM,cAAc,QAAQ,GACjEC,IAAeb,EAAO,OAAO,CAACY,MAAUA,EAAM,cAAc,QAAQ,GACpEE,IAAYJ,IAAc,aAAa,aAEvCK,IAAe,MAAM;AACzB,IAAAT,IAAgBQ,CAAS;AAAA,EAC3B,GAEME,IAAe,CAACC,MACbA,EAAM,IAAI,CAACL,MAChB,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAOP,EAAM;AAAA,MACb,WAAWF;AAAA,MACX,WAAWU,EAAGR,EAAM,WAAW,iCAAiC;AAAA,MAE/D,UAAAA,EAAM,MAAM,IAAI,CAACS,MAAS;AACzB,cAAMC,IAAWlB,IAAeA,MAAiBiB,EAAK,KAAK,EAAQA,EAAK;AAExE,eACE,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,MAAM,gBAAAL,EAACM,GAAA,EAAK,MAAMH,EAAK,MAAM;AAAA,YAC7B,OAAOA,EAAK;AAAA,YACZ,OAAOA,EAAK;AAAA,YACZ,QAAQC;AAAA,YACR,WAAWZ;AAAA,YACX,UAAUW,EAAK;AAAA,YACf,MAAMA,EAAK;AAAA,YACX,QAAQA,EAAK;AAAA,YACb,KAAKA,EAAK;AAAA,YACV,UAAU,MAAM;AACd,cAAAd,IAAec,CAAI,GACnBA,EAAK,UAAUA,CAAI;AAAA,YACrB;AAAA,YACA,gBAAcC,IAAW,SAAS;AAAA,UAAA;AAAA,UAd7BD,EAAK;AAAA,QAAA;AAAA,MAiBhB,CAAC;AAAA,IAAA;AAAA,IA3BIT,EAAM;AAAA,EAAA,CA6Bd;AAGH,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL,EAAGM,EAAuB,EAAE,OAAAvB,EAAA,CAAO,GAAGK,CAAS;AAAA,MAC1D,cAAW;AAAA,MACV,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAgB,EAAC,YAAO,WAAWE,EAAyB,EAAE,OAAAxB,EAAA,CAAO,GACnD,UAAA;AAAA,UAAA,gBAAAsB,EAAC,SAAI,WAAWG,EAAwB,EAAE,OAAAzB,EAAA,CAAO,GAC9C,UAAA;AAAA,YAAAD;AAAA,YACD,gBAAAgB,EAAC,KAAA,EAAE,WAAWW,GAAgC,UAAA5B,EAAA,CAAM;AAAA,UAAA,GACtD;AAAA,UAECI,KACC,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWY,EAAA;AAAA,cACX,SAASf;AAAA,cACT,cACEL,IAAc,iCAAiC;AAAA,cAEjD,UAAU,CAACJ;AAAA,cAEX,UAAA,gBAAAY;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,aAAa;AAAA,kBACb,WAAWJ;AAAA,oBACT;AAAA,oBACAV,IAAc,eAAe;AAAA,kBAAA;AAAA,gBAC/B;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QAEA,gBAAAe,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,kCAAkC,UAAAF,EAAaL,CAAS,GAAE;AAAA,UAExEE,EAAa,SAAS,KACrB,gBAAAK,EAAC,SAAI,WAAU,WAAW,UAAAF,EAAaH,CAAY,EAAA,CAAE;AAAA,QAAA,EAAA,CAEzD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"components-app-sidebar-app-sidebar.js","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { CaretUpDown } from \"@/components/icons/CaretUpDown\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: StrokeIconComponent;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<StrokeIcon icon={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <StrokeIcon\n              icon={CaretUpDown}\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","StrokeIcon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants","CaretUpDown"],"mappings":";;;;;;;AA8CA,MAAMA,IAAa,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAa;AACX,QAAMC,IAAcP,MAAU,aACxBQ,IAAYX,EAAO,OAAO,CAACY,MAAUA,EAAM,cAAc,QAAQ,GACjEC,IAAeb,EAAO,OAAO,CAACY,MAAUA,EAAM,cAAc,QAAQ,GACpEE,IAAYJ,IAAc,aAAa,aAEvCK,IAAe,MAAM;AACzB,IAAAT,IAAgBQ,CAAS;AAAA,EAC3B,GAEME,IAAe,CAACC,MACbA,EAAM,IAAI,CAACL,MAChB,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAOP,EAAM;AAAA,MACb,WAAWF;AAAA,MACX,WAAWU,EAAGR,EAAM,WAAW,iCAAiC;AAAA,MAE/D,UAAAA,EAAM,MAAM,IAAI,CAACS,MAAS;AACzB,cAAMC,IAAWlB,IAAeA,MAAiBiB,EAAK,KAAK,EAAQA,EAAK;AAExE,eACE,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,MAAM,gBAAAL,EAACM,GAAA,EAAW,MAAMH,EAAK,MAAM;AAAA,YACnC,OAAOA,EAAK;AAAA,YACZ,OAAOA,EAAK;AAAA,YACZ,QAAQC;AAAA,YACR,WAAWZ;AAAA,YACX,UAAUW,EAAK;AAAA,YACf,MAAMA,EAAK;AAAA,YACX,QAAQA,EAAK;AAAA,YACb,KAAKA,EAAK;AAAA,YACV,UAAU,MAAM;AACd,cAAAd,IAAec,CAAI,GACnBA,EAAK,UAAUA,CAAI;AAAA,YACrB;AAAA,YACA,gBAAcC,IAAW,SAAS;AAAA,UAAA;AAAA,UAd7BD,EAAK;AAAA,QAAA;AAAA,MAiBhB,CAAC;AAAA,IAAA;AAAA,IA3BIT,EAAM;AAAA,EAAA,CA6Bd;AAGH,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL,EAAGM,EAAuB,EAAE,OAAAvB,EAAA,CAAO,GAAGK,CAAS;AAAA,MAC1D,cAAW;AAAA,MACV,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAgB,EAAC,YAAO,WAAWE,EAAyB,EAAE,OAAAxB,EAAA,CAAO,GACnD,UAAA;AAAA,UAAA,gBAAAsB,EAAC,SAAI,WAAWG,EAAwB,EAAE,OAAAzB,EAAA,CAAO,GAC9C,UAAA;AAAA,YAAAD;AAAA,YACD,gBAAAgB,EAAC,KAAA,EAAE,WAAWW,GAAgC,UAAA5B,EAAA,CAAM;AAAA,UAAA,GACtD;AAAA,UAECI,KACC,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWY,EAAA;AAAA,cACX,SAASf;AAAA,cACT,cACEL,IAAc,iCAAiC;AAAA,cAEjD,UAAU,CAACJ;AAAA,cAEX,UAAA,gBAAAY;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,MAAMO;AAAA,kBACN,aAAa;AAAA,kBACb,WAAWX;AAAA,oBACT;AAAA,oBACAV,IAAc,eAAe;AAAA,kBAAA;AAAA,gBAC/B;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QAEA,gBAAAe,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,kCAAkC,UAAAF,EAAaL,CAAS,GAAE;AAAA,UAExEE,EAAa,SAAS,KACrB,gBAAAK,EAAC,SAAI,WAAU,WAAW,UAAAF,EAAaH,CAAY,EAAA,CAAE;AAAA,QAAA,EAAA,CAEzD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components-avatar-uploader-avatar-uploader.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */const x=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("./components-ui-icon-icon.cjs");const v=require("react");require("./calendar-B5QCV34E.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const A=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");const y=require("./components-basic-avatar-basic-avatar.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const f=require("./index-DJD-8LQA.cjs");require("./components-input-phone-input-phone.cjs");const h=1,j=[".jpg",".png"],b=({src:t,fullName:u,maxFiles:s=h,accept:a=j,avatarProps:q,containerClassName:c,onChange:o})=>{const n=v.useMemo(()=>{const[e="",i=""]=u.split(" "),g=e.charAt(0),m=i.charAt(0);return(g+m).toUpperCase()||"?"},[u]),{getRootProps:p,getInputProps:l}=f.useDropzone({accept:{"image/*":a},maxFiles:s,onDrop:e=>{if(e.length===0)return;const i=URL.createObjectURL(e[0]);o?.(i)}}),d=e=>{e.stopPropagation(),o?.(null)};return r.jsxs("div",{...p(),className:x.cn(`bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
-        overflow-hidden rounded-full transition-colors`,c),children:[r.jsx("input",{...l()}),t?r.jsx(y.BasicAvatar,{...q,image:{src:t},initials:{text:n},hasBadge:!0,onClick:d}):r.jsx(A.Typography,{variant:"body-xxl-medium",className:"text-info-new-text flex items-center justify-center",children:n})]})};exports.AvatarUpload=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */const x=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("phosphor-strokes-icons/icons/CaretDown");const v=require("react");require("./calendar-PqChui7l.cjs");require("phosphor-strokes-icons/icons");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const A=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");require("phosphor-strokes-icons/icons/CaretLeft");require("phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("phosphor-strokes-icons/icons/Eye");require("phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");const y=require("./components-basic-avatar-basic-avatar.cjs");require("phosphor-strokes-icons/icons/CheckCircle");require("phosphor-strokes-icons/icons/Info");require("phosphor-strokes-icons/icons/SpinnerGap");require("phosphor-strokes-icons/icons/Warning");require("phosphor-strokes-icons/icons/X");require("phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const f=require("./index-DJD-8LQA.cjs");require("phosphor-strokes-icons/icons/Plus");require("phosphor-strokes-icons/icons/CaretUp");require("phosphor-strokes-icons/icons/EnvelopeSimple");require("phosphor-strokes-icons/icons/MaxLogo");require("phosphor-strokes-icons/icons/Phone");require("phosphor-strokes-icons/icons/TelegramLogo");require("phosphor-strokes-icons/icons/WhatsAppLogoFilled");require("./components-input-phone-input-phone.cjs");const h=1,j=[".jpg",".png"],b=({src:u,fullName:t,maxFiles:n=h,accept:s=j,avatarProps:a,containerClassName:c,onChange:q})=>{const o=v.useMemo(()=>{const[e="",i=""]=t.split(" "),g=e.charAt(0),m=i.charAt(0);return(g+m).toUpperCase()||"?"},[t]),{getRootProps:p,getInputProps:l}=f.useDropzone({accept:{"image/*":s},maxFiles:n,onDrop:e=>{if(e.length===0)return;const i=URL.createObjectURL(e[0]);q?.(i)}}),d=e=>{e.stopPropagation(),q?.(null)};return r.jsxs("div",{...p(),className:x.cn(`bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
+        overflow-hidden rounded-full transition-colors`,c),children:[r.jsx("input",{...l()}),u?r.jsx(y.BasicAvatar,{...a,image:{src:u},initials:{text:o},hasBadge:!0,onClick:d}):r.jsx(A.Typography,{variant:"body-xxl-medium",className:"text-info-new-text flex items-center justify-center",children:o})]})};exports.AvatarUpload=b;
 //# sourceMappingURL=components-avatar-uploader-avatar-uploader.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-avatar-uploader-avatar-uploader.cjs","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName = \"\", lastName = \"\"] = fullName.split(\" \");\n    const first = firstName.charAt(0);\n    const last = lastName.charAt(0);\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      if (files.length === 0) return;\n      const previewUrl = URL.createObjectURL(files[0]);\n      onChange?.(previewUrl);\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(null);\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","previewUrl","removeAvatar","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":"ssEAgBA,MAAMA,EAAoB,EACpBC,EAAiB,CAAC,OAAQ,MAAM,EAEzBC,EAAe,CAAC,CAC3B,IAAAC,EACA,SAAAC,EACA,SAAAC,EAAWL,EACX,OAAAM,EAASL,EACT,YAAAM,EACA,mBAAAC,EACA,SAAAC,CACF,IAAa,CACX,MAAMC,EAAWC,EAAAA,QAAQ,IAAM,CAC7B,KAAM,CAACC,EAAY,GAAIC,EAAW,EAAE,EAAIT,EAAS,MAAM,GAAG,EACpDU,EAAQF,EAAU,OAAO,CAAC,EAC1BG,EAAOF,EAAS,OAAO,CAAC,EAE9B,OAAQC,EAAQC,GAAM,YAAA,GAAiB,GACzC,EAAG,CAACX,CAAQ,CAAC,EAEP,CAAE,aAAAY,EAAc,cAAAC,CAAA,EAAkBC,cAAY,CAClD,OAAQ,CAAE,UAAWZ,CAAA,EACrB,SAAAD,EACA,OAASc,GAAU,CACjB,GAAIA,EAAM,SAAW,EAAG,OACxB,MAAMC,EAAa,IAAI,gBAAgBD,EAAM,CAAC,CAAC,EAC/CV,IAAWW,CAAU,CACvB,CAAA,CACD,EAEKC,EAAgB,GAAwC,CAC5D,EAAE,gBAAA,EACFZ,IAAW,IAAI,CACjB,EAEA,OACEa,EAAAA,KAAC,MAAA,CACE,GAAGN,EAAA,EACJ,UAAWO,EAAAA,GACT;AAAA,wDAEAf,CAAA,EAGF,SAAA,CAAAgB,EAAAA,IAAC,QAAA,CAAO,GAAGP,EAAA,CAAc,CAAG,EAC3Bd,EACCqB,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGlB,EACJ,MAAO,CACL,IAAAJ,CAAA,EAEF,SAAU,CAAE,KAAMO,CAAA,EAClB,SAAQ,GACR,QAASW,CAAA,CAAA,EAGXG,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAU,sDAET,SAAAhB,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}
+{"version":3,"file":"components-avatar-uploader-avatar-uploader.cjs","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName = \"\", lastName = \"\"] = fullName.split(\" \");\n    const first = firstName.charAt(0);\n    const last = lastName.charAt(0);\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      if (files.length === 0) return;\n      const previewUrl = URL.createObjectURL(files[0]);\n      onChange?.(previewUrl);\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(null);\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","previewUrl","removeAvatar","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":"6mGAgBA,MAAMA,EAAoB,EACpBC,EAAiB,CAAC,OAAQ,MAAM,EAEzBC,EAAe,CAAC,CAC3B,IAAAC,EACA,SAAAC,EACA,SAAAC,EAAWL,EACX,OAAAM,EAASL,EACT,YAAAM,EACA,mBAAAC,EACA,SAAAC,CACF,IAAa,CACX,MAAMC,EAAWC,EAAAA,QAAQ,IAAM,CAC7B,KAAM,CAACC,EAAY,GAAIC,EAAW,EAAE,EAAIT,EAAS,MAAM,GAAG,EACpDU,EAAQF,EAAU,OAAO,CAAC,EAC1BG,EAAOF,EAAS,OAAO,CAAC,EAE9B,OAAQC,EAAQC,GAAM,YAAA,GAAiB,GACzC,EAAG,CAACX,CAAQ,CAAC,EAEP,CAAE,aAAAY,EAAc,cAAAC,CAAA,EAAkBC,cAAY,CAClD,OAAQ,CAAE,UAAWZ,CAAA,EACrB,SAAAD,EACA,OAASc,GAAU,CACjB,GAAIA,EAAM,SAAW,EAAG,OACxB,MAAMC,EAAa,IAAI,gBAAgBD,EAAM,CAAC,CAAC,EAC/CV,IAAWW,CAAU,CACvB,CAAA,CACD,EAEKC,EAAgB,GAAwC,CAC5D,EAAE,gBAAA,EACFZ,IAAW,IAAI,CACjB,EAEA,OACEa,EAAAA,KAAC,MAAA,CACE,GAAGN,EAAA,EACJ,UAAWO,EAAAA,GACT;AAAA,wDAEAf,CAAA,EAGF,SAAA,CAAAgB,EAAAA,IAAC,QAAA,CAAO,GAAGP,EAAA,CAAc,CAAG,EAC3Bd,EACCqB,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGlB,EACJ,MAAO,CACL,IAAAJ,CAAA,EAEF,SAAU,CAAE,KAAMO,CAAA,EAClB,SAAQ,GACR,QAASW,CAAA,CAAA,EAGXG,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAU,sDAET,SAAAhB,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}

package/dist/components-avatar-uploader-avatar-uploader.js

@@ -7,9 +7,10 @@ import "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import "./components-ui-card-card.js";
 import "./components-ui-checkbox-checkbox.js";
-import "./components-ui-icon-icon.js";
+import "phosphor-strokes-icons/icons/CaretDown";
 import { useMemo as h } from "react";
-import "./calendar-Ba3kHG6w.js";
+import "./calendar-XWqEaWHP.js";
+import "phosphor-strokes-icons/icons";
 import "./components-ui-combobox-combobox.js";
 import "./components-ui-dialog-dialog.js";
 import "./components-ui-label-label.js";
@@ -31,19 +32,37 @@ import "./components-ui-tabs-tabs.js";
 import "./components-ui-tooltip-tooltip.js";
 import { Typography as v } from "./components-ui-typography-typography.js";
 import "./components-ui-typography-typography.styles.js";
+import "phosphor-strokes-icons/icons/CaretLeft";
+import "phosphor-strokes-icons/icons/CaretRight";
 import "./components-app-pagination-app-pagination.styles.js";
+import "phosphor-strokes-icons/icons/CaretUpDown";
 import "./components-app-sidebar-app-sidebar.styles.js";
 import "./components-data-table-data-table.styles.js";
 import "./components-ui-dropdown-menu-dropdown-menu.styles.js";
+import "phosphor-strokes-icons/icons/Eye";
+import "phosphor-strokes-icons/icons/EyeSlash";
 import "./components-select-field-select-field.js";
 import "./lodash-FemA_LCk.js";
 import "./chart-DFbmMKiQ.js";
 import { BasicAvatar as U } from "./components-basic-avatar-basic-avatar.js";
+import "phosphor-strokes-icons/icons/CheckCircle";
+import "phosphor-strokes-icons/icons/Info";
+import "phosphor-strokes-icons/icons/SpinnerGap";
+import "phosphor-strokes-icons/icons/Warning";
+import "phosphor-strokes-icons/icons/X";
+import "phosphor-strokes-icons/icons/XCircle";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
 import { u as j } from "./index-CVlBIwtP.js";
+import "phosphor-strokes-icons/icons/Plus";
+import "phosphor-strokes-icons/icons/CaretUp";
+import "phosphor-strokes-icons/icons/EnvelopeSimple";
+import "phosphor-strokes-icons/icons/MaxLogo";
+import "phosphor-strokes-icons/icons/Phone";
+import "phosphor-strokes-icons/icons/TelegramLogo";
+import "phosphor-strokes-icons/icons/WhatsAppLogoFilled";
 import "./components-input-phone-input-phone.js";
-const w = 1, y = [".jpg", ".png"], gt = ({
+const w = 1, y = [".jpg", ".png"], _t = ({
   src: i,
   fullName: p,
   maxFiles: n = w,
@@ -101,6 +120,6 @@ const w = 1, y = [".jpg", ".png"], gt = ({
   );
 };
 export {
-  gt as AvatarUpload
+  _t as AvatarUpload
 };
 //# sourceMappingURL=components-avatar-uploader-avatar-uploader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-avatar-uploader-avatar-uploader.js","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName = \"\", lastName = \"\"] = fullName.split(\" \");\n    const first = firstName.charAt(0);\n    const last = lastName.charAt(0);\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      if (files.length === 0) return;\n      const previewUrl = URL.createObjectURL(files[0]);\n      onChange?.(previewUrl);\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(null);\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","previewUrl","removeAvatar","e","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAoB,GACpBC,IAAiB,CAAC,QAAQ,MAAM,GAEzBC,KAAe,CAAC;AAAA,EAC3B,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAWL;AAAA,EACX,QAAAM,IAASL;AAAA,EACT,aAAAM;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AACF,MAAa;AACX,QAAMC,IAAWC,EAAQ,MAAM;AAC7B,UAAM,CAACC,IAAY,IAAIC,IAAW,EAAE,IAAIT,EAAS,MAAM,GAAG,GACpDU,IAAQF,EAAU,OAAO,CAAC,GAC1BG,IAAOF,EAAS,OAAO,CAAC;AAE9B,YAAQC,IAAQC,GAAM,YAAA,KAAiB;AAAA,EACzC,GAAG,CAACX,CAAQ,CAAC,GAEP,EAAE,cAAAY,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,QAAQ,EAAE,WAAWZ,EAAA;AAAA,IACrB,UAAAD;AAAA,IACA,QAAQ,CAACc,MAAU;AACjB,UAAIA,EAAM,WAAW,EAAG;AACxB,YAAMC,IAAa,IAAI,gBAAgBD,EAAM,CAAC,CAAC;AAC/C,MAAAV,IAAWW,CAAU;AAAA,IACvB;AAAA,EAAA,CACD,GAEKC,IAAe,CAACC,MAAwC;AAC5D,IAAAA,EAAE,gBAAA,GACFb,IAAW,IAAI;AAAA,EACjB;AAEA,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP,EAAA;AAAA,MACJ,WAAWQ;AAAA,QACT;AAAA;AAAA,QAEAhB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAiB,EAAC,SAAA,EAAO,GAAGR,EAAA,EAAc,CAAG;AAAA,QAC3Bd,IACC,gBAAAsB;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGnB;AAAA,YACJ,OAAO;AAAA,cACL,KAAAJ;AAAA,YAAA;AAAA,YAEF,UAAU,EAAE,MAAMO,EAAA;AAAA,YAClB,UAAQ;AAAA,YACR,SAASW;AAAA,UAAA;AAAA,QAAA,IAGX,gBAAAI;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"components-avatar-uploader-avatar-uploader.js","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName = \"\", lastName = \"\"] = fullName.split(\" \");\n    const first = firstName.charAt(0);\n    const last = lastName.charAt(0);\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      if (files.length === 0) return;\n      const previewUrl = URL.createObjectURL(files[0]);\n      onChange?.(previewUrl);\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(null);\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","previewUrl","removeAvatar","e","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAoB,GACpBC,IAAiB,CAAC,QAAQ,MAAM,GAEzBC,KAAe,CAAC;AAAA,EAC3B,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAWL;AAAA,EACX,QAAAM,IAASL;AAAA,EACT,aAAAM;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AACF,MAAa;AACX,QAAMC,IAAWC,EAAQ,MAAM;AAC7B,UAAM,CAACC,IAAY,IAAIC,IAAW,EAAE,IAAIT,EAAS,MAAM,GAAG,GACpDU,IAAQF,EAAU,OAAO,CAAC,GAC1BG,IAAOF,EAAS,OAAO,CAAC;AAE9B,YAAQC,IAAQC,GAAM,YAAA,KAAiB;AAAA,EACzC,GAAG,CAACX,CAAQ,CAAC,GAEP,EAAE,cAAAY,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,QAAQ,EAAE,WAAWZ,EAAA;AAAA,IACrB,UAAAD;AAAA,IACA,QAAQ,CAACc,MAAU;AACjB,UAAIA,EAAM,WAAW,EAAG;AACxB,YAAMC,IAAa,IAAI,gBAAgBD,EAAM,CAAC,CAAC;AAC/C,MAAAV,IAAWW,CAAU;AAAA,IACvB;AAAA,EAAA,CACD,GAEKC,IAAe,CAACC,MAAwC;AAC5D,IAAAA,EAAE,gBAAA,GACFb,IAAW,IAAI;AAAA,EACjB;AAEA,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP,EAAA;AAAA,MACJ,WAAWQ;AAAA,QACT;AAAA;AAAA,QAEAhB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAiB,EAAC,SAAA,EAAO,GAAGR,EAAA,EAAc,CAAG;AAAA,QAC3Bd,IACC,gBAAAsB;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGnB;AAAA,YACJ,OAAO;AAAA,cACL,KAAAJ;AAAA,YAAA;AAAA,YAEF,UAAU,EAAE,MAAMO,EAAA;AAAA,YAClB,UAAQ;AAAA,YACR,SAASW;AAAA,UAAA;AAAA,QAAA,IAGX,gBAAAI;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components-basic-avatar-basic-avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const e=require("react/jsx-runtime");;/* empty css                   */const r=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const p=require("./components-ui-icon-icon.cjs");require("react");require("./calendar-B5QCV34E.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const m=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const i=require("./components-ui-avatar-avatar.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");const x=({initials:u,avatar:t,fallback:n,image:a,icon:q,showDeleteOnHover:c=!0,onClick:o=()=>{}})=>{const s=e.jsxs(i.Avatar,{...t,className:r.cn("h-18 w-18",t?.className),children:[e.jsx(i.AvatarImage,{...a,alt:"avatar",className:r.cn("h-full w-full border-0",a?.className)}),e.jsx(i.AvatarFallback,{...n,children:e.jsx(m.Typography,{variant:"body-xxl-medium",className:r.cn("text-info-new-text",u?.className),children:u?.text})})]});return c?e.jsxs("div",{className:"relative inline-block",children:[s,e.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const e=require("react/jsx-runtime");;/* empty css                   */const r=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("phosphor-strokes-icons/icons/CaretDown");require("react");require("./calendar-PqChui7l.cjs");const p=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const m=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const i=require("./components-ui-avatar-avatar.cjs");require("phosphor-strokes-icons/icons/CaretLeft");require("phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("phosphor-strokes-icons/icons/Eye");require("phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("phosphor-strokes-icons/icons/CheckCircle");require("phosphor-strokes-icons/icons/Info");require("phosphor-strokes-icons/icons/SpinnerGap");require("phosphor-strokes-icons/icons/Warning");require("phosphor-strokes-icons/icons/X");require("phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("phosphor-strokes-icons/icons/Plus");require("phosphor-strokes-icons/icons/CaretUp");require("phosphor-strokes-icons/icons/EnvelopeSimple");require("phosphor-strokes-icons/icons/MaxLogo");require("phosphor-strokes-icons/icons/Phone");require("phosphor-strokes-icons/icons/TelegramLogo");require("phosphor-strokes-icons/icons/WhatsAppLogoFilled");require("./components-input-phone-input-phone.cjs");const x=({initials:u,avatar:q,fallback:s,image:t,icon:n,showDeleteOnHover:c=!0,onClick:o=()=>{}})=>{const a=e.jsxs(i.Avatar,{...q,className:r.cn("h-18 w-18",q?.className),children:[e.jsx(i.AvatarImage,{...t,alt:"avatar",className:r.cn("h-full w-full border-0",t?.className)}),e.jsx(i.AvatarFallback,{...s,children:e.jsx(m.Typography,{variant:"body-xxl-medium",className:r.cn("text-info-new-text",u?.className),children:u?.text})})]});return c?e.jsxs("div",{className:"relative inline-block",children:[a,e.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
           cursor-pointer items-center justify-center rounded-full opacity-0
-          transition-opacity hover:opacity-100`,onClick:l=>l.stopPropagation(),children:e.jsx(p.Icon,{...q,type:"x",onClick:o})})]}):s};exports.BasicAvatar=x;
+          transition-opacity hover:opacity-100`,onClick:l=>l.stopPropagation(),children:e.jsx(p.Icon,{...n,type:"x",onClick:o})})]}):a};exports.BasicAvatar=x;
 //# sourceMappingURL=components-basic-avatar-basic-avatar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-basic-avatar-basic-avatar.cjs","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {initials?.text}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":"qpEAyBO,MAAMA,EAAc,CAAC,CAC1B,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,MAAAC,EACA,KAAAC,EACA,kBAAAC,EAAoB,GACpB,QAAAC,EAAU,IAAM,CAAC,CACnB,IAAa,CACX,MAAMC,EACJC,EAAAA,KAACC,EAAAA,OAAA,CACE,GAAGR,EACJ,UAAWS,EAAAA,GAAG,YAAaT,GAAQ,SAAS,EAE5C,SAAA,CAAAU,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGT,EACJ,IAAI,SACJ,UAAWO,EAAAA,GAAG,yBAA0BP,GAAO,SAAS,CAAA,CAAA,EAE1DQ,EAAAA,IAACE,EAAAA,eAAA,CAAgB,GAAGX,EAClB,SAAAS,EAAAA,IAACG,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAWJ,EAAAA,GAAG,qBAAsBV,GAAU,SAAS,EAEtD,SAAAA,GAAU,IAAA,CAAA,CACb,CACF,CAAA,CAAA,CAAA,EAIJ,OAAKK,EAKHG,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAD,EACDI,EAAAA,IAAC,MAAA,CACC,UAAU;AAAA;AAAA,gDAGV,QAAUI,GAAMA,EAAE,gBAAA,EAElB,SAAAJ,EAAAA,IAACK,EAAAA,KAAA,CACE,GAAGZ,EACJ,KAAK,IACL,QAAAE,CAAA,CAAA,CACF,CAAA,CACF,EACF,EAlBOC,CAoBX"}
+{"version":3,"file":"components-basic-avatar-basic-avatar.cjs","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {initials?.text}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":"qmGAyBO,MAAMA,EAAc,CAAC,CAC1B,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,MAAAC,EACA,KAAAC,EACA,kBAAAC,EAAoB,GACpB,QAAAC,EAAU,IAAM,CAAC,CACnB,IAAa,CACX,MAAMC,EACJC,EAAAA,KAACC,EAAAA,OAAA,CACE,GAAGR,EACJ,UAAWS,EAAAA,GAAG,YAAaT,GAAQ,SAAS,EAE5C,SAAA,CAAAU,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGT,EACJ,IAAI,SACJ,UAAWO,EAAAA,GAAG,yBAA0BP,GAAO,SAAS,CAAA,CAAA,EAE1DQ,EAAAA,IAACE,EAAAA,eAAA,CAAgB,GAAGX,EAClB,SAAAS,EAAAA,IAACG,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAWJ,EAAAA,GAAG,qBAAsBV,GAAU,SAAS,EAEtD,SAAAA,GAAU,IAAA,CAAA,CACb,CACF,CAAA,CAAA,CAAA,EAIJ,OAAKK,EAKHG,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAD,EACDI,EAAAA,IAAC,MAAA,CACC,UAAU;AAAA;AAAA,gDAGV,QAAUI,GAAMA,EAAE,gBAAA,EAElB,SAAAJ,EAAAA,IAACK,EAAAA,KAAA,CACE,GAAGZ,EACJ,KAAK,IACL,QAAAE,CAAA,CAAA,CACF,CAAA,CACF,EACF,EAlBOC,CAoBX"}

package/dist/components-basic-avatar-basic-avatar.js

@@ -7,9 +7,11 @@ import "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import "./components-ui-card-card.js";
 import "./components-ui-checkbox-checkbox.js";
-import { Icon as d } from "./components-ui-icon-icon.js";
+import "phosphor-strokes-icons/icons/CaretDown";
 import "react";
-import "./calendar-Ba3kHG6w.js";
+import "./calendar-XWqEaWHP.js";
+import { Icon as d } from "./components-ui-icon-icon.js";
+import "phosphor-strokes-icons/icons";
 import "./components-ui-combobox-combobox.js";
 import "./components-ui-dialog-dialog.js";
 import "./components-ui-label-label.js";
@@ -32,17 +34,35 @@ import "./components-ui-tooltip-tooltip.js";
 import { Typography as f } from "./components-ui-typography-typography.js";
 import "./components-ui-typography-typography.styles.js";
 import { Avatar as u, AvatarImage as x, AvatarFallback as v } from "./components-ui-avatar-avatar.js";
+import "phosphor-strokes-icons/icons/CaretLeft";
+import "phosphor-strokes-icons/icons/CaretRight";
 import "./components-app-pagination-app-pagination.styles.js";
+import "phosphor-strokes-icons/icons/CaretUpDown";
 import "./components-app-sidebar-app-sidebar.styles.js";
 import "./components-data-table-data-table.styles.js";
 import "./components-ui-dropdown-menu-dropdown-menu.styles.js";
+import "phosphor-strokes-icons/icons/Eye";
+import "phosphor-strokes-icons/icons/EyeSlash";
 import "./components-select-field-select-field.js";
 import "./lodash-FemA_LCk.js";
 import "./chart-DFbmMKiQ.js";
+import "phosphor-strokes-icons/icons/CheckCircle";
+import "phosphor-strokes-icons/icons/Info";
+import "phosphor-strokes-icons/icons/SpinnerGap";
+import "phosphor-strokes-icons/icons/Warning";
+import "phosphor-strokes-icons/icons/X";
+import "phosphor-strokes-icons/icons/XCircle";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
+import "phosphor-strokes-icons/icons/Plus";
+import "phosphor-strokes-icons/icons/CaretUp";
+import "phosphor-strokes-icons/icons/EnvelopeSimple";
+import "phosphor-strokes-icons/icons/MaxLogo";
+import "phosphor-strokes-icons/icons/Phone";
+import "phosphor-strokes-icons/icons/TelegramLogo";
+import "phosphor-strokes-icons/icons/WhatsAppLogoFilled";
 import "./components-input-phone-input-phone.js";
-const ar = ({
+const Br = ({
   initials: o,
   avatar: i,
   fallback: a,
@@ -99,6 +119,6 @@ const ar = ({
   ] }) : p;
 };
 export {
-  ar as BasicAvatar
+  Br as BasicAvatar
 };
 //# sourceMappingURL=components-basic-avatar-basic-avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-basic-avatar-basic-avatar.js","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {initials?.text}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAMA,KAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,SAAAC,IAAU,MAAM;AAAA,EAAC;AACnB,MAAa;AACX,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWS,EAAG,aAAaT,GAAQ,SAAS;AAAA,MAE5C,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGT;AAAA,YACJ,KAAI;AAAA,YACJ,WAAWO,EAAG,0BAA0BP,GAAO,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1D,gBAAAQ,EAACE,GAAA,EAAgB,GAAGX,GAClB,UAAA,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWJ,EAAG,sBAAsBV,GAAU,SAAS;AAAA,YAEtD,UAAAA,GAAU;AAAA,UAAA;AAAA,QAAA,EACb,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAKK,IAKH,gBAAAG,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,IAAAD;AAAA,IACD,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA;AAAA;AAAA,QAGV,SAAS,CAACI,MAAMA,EAAE,gBAAA;AAAA,QAElB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAGZ;AAAA,YACJ,MAAK;AAAA,YACL,SAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF,IAlBOC;AAoBX;"}
+{"version":3,"file":"components-basic-avatar-basic-avatar.js","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {initials?.text}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAMA,KAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,SAAAC,IAAU,MAAM;AAAA,EAAC;AACnB,MAAa;AACX,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWS,EAAG,aAAaT,GAAQ,SAAS;AAAA,MAE5C,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGT;AAAA,YACJ,KAAI;AAAA,YACJ,WAAWO,EAAG,0BAA0BP,GAAO,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1D,gBAAAQ,EAACE,GAAA,EAAgB,GAAGX,GAClB,UAAA,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWJ,EAAG,sBAAsBV,GAAU,SAAS;AAAA,YAEtD,UAAAA,GAAU;AAAA,UAAA;AAAA,QAAA,EACb,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAKK,IAKH,gBAAAG,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,IAAAD;AAAA,IACD,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA;AAAA;AAAA,QAGV,SAAS,CAACI,MAAMA,EAAE,gBAAA;AAAA,QAElB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAGZ;AAAA,YACJ,MAAK;AAAA,YACL,SAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF,IAlBOC;AAoBX;"}

package/dist/components-data-table-data-table-actions-column.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const f=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),y=require("./components-ui-icon-icon.cjs");function _(c={}){const{id:i="actions",header:u,renderCell:a,trigger:s,menuItems:t,align:d="end",ariaLabel:m="Открыть действия строки"}=c;return{id:i,header:u,enableSorting:!1,enableHiding:!1,meta:{label:"Действия",headClassName:"w-[4.5625rem]",cellClassName:"w-[4.5625rem]"},cell:({row:l})=>{const n={row:l,data:l.original};if(a)return a(n);const o=typeof t=="function"?t(n):t,p=[{id:`${i}-empty`,type:"item",label:"Нет действий",readOnly:!0}],g=s?s(n):e.jsx(b.Button,{type:"button",variant:"circleGhost",size:"icon-xs","aria-label":m,children:e.jsx(y.Icon,{type:"dots-three","aria-hidden":!0})});return e.jsx("div",{className:"flex justify-end",onClick:r=>r.stopPropagation(),onKeyDown:r=>r.stopPropagation(),role:"presentation",children:e.jsx(f.ConfigurableDropdownMenu,{trigger:g,items:o&&o.length>0?o:p,contentProps:{align:d}})})}}}exports.createDataTableActionsColumn=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const f=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),y=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");function _(c={}){const{id:i="actions",header:u,renderCell:a,trigger:s,menuItems:t,align:d="end",ariaLabel:m="Открыть действия строки"}=c;return{id:i,header:u,enableSorting:!1,enableHiding:!1,meta:{label:"Действия",headClassName:"w-[4.5625rem]",cellClassName:"w-[4.5625rem]"},cell:({row:l})=>{const n={row:l,data:l.original};if(a)return a(n);const o=typeof t=="function"?t(n):t,p=[{id:`${i}-empty`,type:"item",label:"Нет действий",readOnly:!0}],g=s?s(n):e.jsx(b.Button,{type:"button",variant:"circleGhost",size:"icon-xs","aria-label":m,children:e.jsx(y.Icon,{type:"dots-three","aria-hidden":!0})});return e.jsx("div",{className:"flex justify-end",onClick:r=>r.stopPropagation(),onKeyDown:r=>r.stopPropagation(),role:"presentation",children:e.jsx(f.ConfigurableDropdownMenu,{trigger:g,items:o&&o.length>0?o:p,contentProps:{align:d}})})}}}exports.createDataTableActionsColumn=_;
 //# sourceMappingURL=components-data-table-data-table-actions-column.cjs.map

package/dist/components-data-table-data-table-actions-column.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-actions-column.cjs","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"flex justify-end\"\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          role=\"presentation\"\n        >\n          <ConfigurableDropdownMenu\n            trigger={resolvedTrigger}\n            items={\n              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":"sUAsBO,SAASA,EACdC,EAAgD,GAC9B,CAClB,KAAM,CACJ,GAAAC,EAAK,UACL,OAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EAAY,yBAAA,EACVP,EAEJ,MAAO,CACL,GAAAC,EACA,OAAAC,EACA,cAAe,GACf,aAAc,GACd,KAAM,CACJ,MAAO,WACP,cAAe,gBACf,cAAe,eAAA,EAEjB,KAAM,CAAC,CAAE,IAAAM,KAAU,CACjB,MAAMC,EAAU,CAAE,IAAAD,EAAK,KAAMA,EAAI,QAAA,EAEjC,GAAIL,EACF,OAAOA,EAAWM,CAAO,EAG3B,MAAMC,EACJ,OAAOL,GAAc,WAAaA,EAAUI,CAAO,EAAIJ,EAEnDM,EAA0C,CAC9C,CAAE,GAAI,GAAGV,CAAE,SAAU,KAAM,OAAQ,MAAO,eAAgB,SAAU,EAAA,CAAK,EAGrEW,EAAkBR,EACtBA,EAAQK,CAAO,EAEfI,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,cACR,KAAK,UACL,aAAYP,EAEZ,SAAAM,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,aACL,cAAW,EAAA,CAAA,CACb,CAAA,EAIJ,OACEF,EAAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAUG,GAAUA,EAAM,gBAAA,EAC1B,UAAYA,GAAUA,EAAM,gBAAA,EAC5B,KAAK,eAEL,SAAAH,EAAAA,IAACI,EAAAA,yBAAA,CACC,QAASL,EACT,MACEF,GAAiBA,EAAc,OAAS,EAAIA,EAAgBC,EAE9D,aAAc,CAAE,MAAAL,CAAA,CAAM,CAAA,CACxB,CAAA,CAGN,CAAA,CAEJ"}
+{"version":3,"file":"components-data-table-data-table-actions-column.cjs","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"flex justify-end\"\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          role=\"presentation\"\n        >\n          <ConfigurableDropdownMenu\n            trigger={resolvedTrigger}\n            items={\n              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":"8WAsBO,SAASA,EACdC,EAAgD,GAC9B,CAClB,KAAM,CACJ,GAAAC,EAAK,UACL,OAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EAAY,yBAAA,EACVP,EAEJ,MAAO,CACL,GAAAC,EACA,OAAAC,EACA,cAAe,GACf,aAAc,GACd,KAAM,CACJ,MAAO,WACP,cAAe,gBACf,cAAe,eAAA,EAEjB,KAAM,CAAC,CAAE,IAAAM,KAAU,CACjB,MAAMC,EAAU,CAAE,IAAAD,EAAK,KAAMA,EAAI,QAAA,EAEjC,GAAIL,EACF,OAAOA,EAAWM,CAAO,EAG3B,MAAMC,EACJ,OAAOL,GAAc,WAAaA,EAAUI,CAAO,EAAIJ,EAEnDM,EAA0C,CAC9C,CAAE,GAAI,GAAGV,CAAE,SAAU,KAAM,OAAQ,MAAO,eAAgB,SAAU,EAAA,CAAK,EAGrEW,EAAkBR,EACtBA,EAAQK,CAAO,EAEfI,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,cACR,KAAK,UACL,aAAYP,EAEZ,SAAAM,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAK,aACL,cAAW,EAAA,CAAA,CACb,CAAA,EAIJ,OACEF,EAAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAUG,GAAUA,EAAM,gBAAA,EAC1B,UAAYA,GAAUA,EAAM,gBAAA,EAC5B,KAAK,eAEL,SAAAH,EAAAA,IAACI,EAAAA,yBAAA,CACC,QAASL,EACT,MACEF,GAAiBA,EAAc,OAAS,EAAIA,EAAgBC,EAE9D,aAAc,CAAE,MAAAL,CAAA,CAAM,CAAA,CACxB,CAAA,CAGN,CAAA,CAEJ"}

package/dist/components-data-table-data-table-actions-column.js

@@ -3,19 +3,20 @@ import { Button as u } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import { ConfigurableDropdownMenu as b } from "./components-ui-dropdown-menu-dropdown-menu.js";
 import { Icon as h } from "./components-ui-icon-icon.js";
-function w(c = {}) {
+import "phosphor-strokes-icons/icons";
+function D(m = {}) {
   const {
     id: a = "actions",
-    header: m,
+    header: c,
     renderCell: i,
     trigger: l,
     menuItems: t,
     align: d = "end",
     ariaLabel: p = "Открыть действия строки"
-  } = c;
+  } = m;
   return {
     id: a,
-    header: m,
+    header: c,
     enableSorting: !1,
     enableHiding: !1,
     meta: {
@@ -66,6 +67,6 @@ function w(c = {}) {
   };
 }
 export {
-  w as createDataTableActionsColumn
+  D as createDataTableActionsColumn
 };
 //# sourceMappingURL=components-data-table-data-table-actions-column.js.map

package/dist/components-data-table-data-table-actions-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-data-table-data-table-actions-column.js","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"flex justify-end\"\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          role=\"presentation\"\n        >\n          <ConfigurableDropdownMenu\n            trigger={resolvedTrigger}\n            items={\n              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":";;;;;AAsBO,SAASA,EACdC,IAAgD,IAC9B;AAClB,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,EAAA,IACVP;AAEJ,SAAO;AAAA,IACL,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,eAAe;AAAA,IAAA;AAAA,IAEjB,MAAM,CAAC,EAAE,KAAAM,QAAU;AACjB,YAAMC,IAAU,EAAE,KAAAD,GAAK,MAAMA,EAAI,SAAA;AAEjC,UAAIL;AACF,eAAOA,EAAWM,CAAO;AAG3B,YAAMC,IACJ,OAAOL,KAAc,aAAaA,EAAUI,CAAO,IAAIJ,GAEnDM,IAA0C;AAAA,QAC9C,EAAE,IAAI,GAAGV,CAAE,UAAU,MAAM,QAAQ,OAAO,gBAAgB,UAAU,GAAA;AAAA,MAAK,GAGrEW,IAAkBR,IACtBA,EAAQK,CAAO,IAEf,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAYP;AAAA,UAEZ,UAAA,gBAAAM;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAIJ,aACE,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,CAACG,MAAUA,EAAM,gBAAA;AAAA,UAC1B,WAAW,CAACA,MAAUA,EAAM,gBAAA;AAAA,UAC5B,MAAK;AAAA,UAEL,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAASL;AAAA,cACT,OACEF,KAAiBA,EAAc,SAAS,IAAIA,IAAgBC;AAAA,cAE9D,cAAc,EAAE,OAAAL,EAAA;AAAA,YAAM;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"components-data-table-data-table-actions-column.js","sources":["../src/components/data-table/data-table-actions-column.tsx"],"sourcesContent":["import type { ColumnDef, Row } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ConfigurableDropdownMenu,\n  type DropdownMenuConfigNode,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icon\";\n\ntype DataTableActionsColumnOptions<TData> = {\n  id?: string;\n  header?: ColumnDef<TData>[\"header\"];\n  renderCell?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  trigger?: (ctx: { row: Row<TData>; data: TData }) => ReactNode;\n  menuItems?:\n    | DropdownMenuConfigNode[]\n    | ((ctx: { row: Row<TData>; data: TData }) => DropdownMenuConfigNode[]);\n  align?: \"start\" | \"center\" | \"end\";\n  ariaLabel?: string;\n};\n\nexport function createDataTableActionsColumn<TData>(\n  options: DataTableActionsColumnOptions<TData> = {},\n): ColumnDef<TData> {\n  const {\n    id = \"actions\",\n    header,\n    renderCell,\n    trigger,\n    menuItems,\n    align = \"end\",\n    ariaLabel = \"Открыть действия строки\",\n  } = options;\n\n  return {\n    id,\n    header,\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n      label: \"Действия\",\n      headClassName: \"w-[4.5625rem]\",\n      cellClassName: \"w-[4.5625rem]\",\n    },\n    cell: ({ row }) => {\n      const context = { row, data: row.original };\n\n      if (renderCell) {\n        return renderCell(context);\n      }\n\n      const resolvedItems =\n        typeof menuItems === \"function\" ? menuItems(context) : menuItems;\n\n      const fallbackItems: DropdownMenuConfigNode[] = [\n        { id: `${id}-empty`, type: \"item\", label: \"Нет действий\", readOnly: true },\n      ];\n\n      const resolvedTrigger = trigger ? (\n        trigger(context)\n      ) : (\n        <Button\n          type=\"button\"\n          variant=\"circleGhost\"\n          size=\"icon-xs\"\n          aria-label={ariaLabel}\n        >\n          <Icon\n            type=\"dots-three\"\n            aria-hidden\n          />\n        </Button>\n      );\n\n      return (\n        <div\n          className=\"flex justify-end\"\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          role=\"presentation\"\n        >\n          <ConfigurableDropdownMenu\n            trigger={resolvedTrigger}\n            items={\n              resolvedItems && resolvedItems.length > 0 ? resolvedItems : fallbackItems\n            }\n            contentProps={{ align }}\n          />\n        </div>\n      );\n    },\n  };\n}\n\nexport type { DataTableActionsColumnOptions };\n"],"names":["createDataTableActionsColumn","options","id","header","renderCell","trigger","menuItems","align","ariaLabel","row","context","resolvedItems","fallbackItems","resolvedTrigger","jsx","Button","Icon","event","ConfigurableDropdownMenu"],"mappings":";;;;;;AAsBO,SAASA,EACdC,IAAgD,IAC9B;AAClB,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,EAAA,IACVP;AAEJ,SAAO;AAAA,IACL,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,eAAe;AAAA,IAAA;AAAA,IAEjB,MAAM,CAAC,EAAE,KAAAM,QAAU;AACjB,YAAMC,IAAU,EAAE,KAAAD,GAAK,MAAMA,EAAI,SAAA;AAEjC,UAAIL;AACF,eAAOA,EAAWM,CAAO;AAG3B,YAAMC,IACJ,OAAOL,KAAc,aAAaA,EAAUI,CAAO,IAAIJ,GAEnDM,IAA0C;AAAA,QAC9C,EAAE,IAAI,GAAGV,CAAE,UAAU,MAAM,QAAQ,OAAO,gBAAgB,UAAU,GAAA;AAAA,MAAK,GAGrEW,IAAkBR,IACtBA,EAAQK,CAAO,IAEf,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAYP;AAAA,UAEZ,UAAA,gBAAAM;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAIJ,aACE,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,CAACG,MAAUA,EAAM,gBAAA;AAAA,UAC1B,WAAW,CAACA,MAAUA,EAAM,gBAAA;AAAA,UAC5B,MAAK;AAAA,UAEL,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAASL;AAAA,cACT,OACEF,KAAiBA,EAAc,SAAS,IAAIA,IAAgBC;AAAA,cAE9D,cAAc,EAAE,OAAAL,EAAA;AAAA,YAAM;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAEJ;"}

package/dist/components-data-table-data-table-column-visibility.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),q=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const j=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),d=require("./components-ui-icon-icon.cjs"),s=require("./lib-utils.cjs");require("react");const g=require("./components-ui-typography-typography.styles.cjs");function m(t,n){return t.getColumn(n)?.columnDef.meta?.label??n}function w({table:t,columnVisibility:n,onColumnVisibilityChange:o,triggerLabel:l="Колонки",trigger:p,menuLabel:y="Видимость колонок",includeColumnIds:u,excludeColumnIds:a,align:b="end",dropdownWidthClassName:h="w-56"}){const c=t.getAllColumns().filter(e=>typeof e.accessorFn<"u").filter(e=>e.getCanHide()).filter(e=>!u?.length||u.includes(e.id)).filter(e=>!a?.length||!a.includes(e.id));if(!c.length)return null;const f=e=>n?n[e]??!0:t.getColumn(e)?.getIsVisible()??!0,_=(e,r)=>{if(o){o(k=>({...k,[e]:r}));return}t.getColumn(e)?.toggleVisibility(r)},C=p??i.jsxs(q.Button,{type:"button",variant:"outlined",size:"sm",children:[l,i.jsx(d.Icon,{type:"columns-plus-right","aria-hidden":!0})]}),x=c.map(e=>{const r=f(e.id);return{key:e.id,checked:r,itemIndicator:null,className:s.cn("rounded-none px-4 py-2",g.getTypographyClassName("body-sm-regular")),checkedClassName:s.cn("bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg",g.getTypographyClassName("body-sm-medium")),label:m(t,e.id),checkedEndAdornment:i.jsx(d.Icon,{type:"check","aria-hidden":!0,size:"small"}),textValue:m(t,e.id)}});return i.jsx(j.CheckboxDropdownMenu,{trigger:C,items:x,onItemCheckedChange:_,keepOpenOnItemSelect:!0,contentProps:{align:b,"aria-label":y,className:s.cn(h,`border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),k=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const j=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),d=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");const s=require("./lib-utils.cjs");require("react");const g=require("./components-ui-typography-typography.styles.cjs");function m(t,n){return t.getColumn(n)?.columnDef.meta?.label??n}function w({table:t,columnVisibility:n,onColumnVisibilityChange:o,triggerLabel:u="Колонки",trigger:p,menuLabel:y="Видимость колонок",includeColumnIds:l,excludeColumnIds:a,align:b="end",dropdownWidthClassName:h="w-56"}){const c=t.getAllColumns().filter(e=>typeof e.accessorFn<"u").filter(e=>e.getCanHide()).filter(e=>!l?.length||l.includes(e.id)).filter(e=>!a?.length||!a.includes(e.id));if(!c.length)return null;const f=e=>n?n[e]??!0:t.getColumn(e)?.getIsVisible()??!0,_=(e,r)=>{if(o){o(q=>({...q,[e]:r}));return}t.getColumn(e)?.toggleVisibility(r)},C=p??i.jsxs(k.Button,{type:"button",variant:"outlined",size:"sm",children:[u,i.jsx(d.Icon,{type:"columns-plus-right","aria-hidden":!0})]}),x=c.map(e=>{const r=f(e.id);return{key:e.id,checked:r,itemIndicator:null,className:s.cn("rounded-none px-4 py-2",g.getTypographyClassName("body-sm-regular")),checkedClassName:s.cn("bg-tertiary-bg text-primary-text data-[highlighted]:bg-tertiary-bg",g.getTypographyClassName("body-sm-medium")),label:m(t,e.id),checkedEndAdornment:i.jsx(d.Icon,{type:"check","aria-hidden":!0,size:"small"}),textValue:m(t,e.id)}});return i.jsx(j.CheckboxDropdownMenu,{trigger:C,items:x,onItemCheckedChange:_,keepOpenOnItemSelect:!0,contentProps:{align:b,"aria-label":y,className:s.cn(h,`border-inp-focus-border bg-primary-bg overflow-hidden rounded-xl border py-2
           shadow-none`)}})}exports.DataTableColumnVisibility=w;
 //# sourceMappingURL=components-data-table-data-table-column-visibility.cjs.map