brd-ui-kit 0.1.55 → 0.1.58

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

@@ -0,0 +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=\"chevrons\"\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":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority");require("react");require("./lib-utils.cjs");const a=require("./components-ui-typography-typography.styles.cjs"),t=["expanded","collapsed"],r=e.cva(["border-delicate-border bg-secondary-bg flex h-full shrink-0 flex-col border-r","transition-[width] duration-200 ease-out"].join(" "),{variants:{state:{expanded:"w-[15.5rem]",collapsed:"w-16"}},defaultVariants:{state:"expanded"}}),i=e.cva("border-delicate-border flex h-18 items-center border-b",{variants:{state:{expanded:"justify-between px-7",collapsed:"justify-center px-4.5"}},defaultVariants:{state:"expanded"}}),s=e.cva("flex items-center gap-3",{variants:{state:{expanded:"opacity-100",collapsed:"hidden opacity-0"}},defaultVariants:{state:"expanded"}}),n=a.getTypographyClassName("body-xl-medium"),d=e.cva(["text-sub-label-text inline-flex size-7 cursor-pointer items-center justify-center rounded-sm","hover:bg-tertiary-bg hover:text-primary-text transition-colors","disabled:text-disabled-text disabled:pointer-events-none"].join(" "));exports.appSidebarBrandTitleClassName=n;exports.appSidebarBrandVariants=s;exports.appSidebarHeaderVariants=i;exports.appSidebarRootVariants=r;exports.appSidebarStateOptions=t;exports.appSidebarToggleButtonVariants=d;
+//# sourceMappingURL=components-app-sidebar-app-sidebar.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-sidebar-app-sidebar.styles.cjs","sources":["../src/components/app-sidebar/app-sidebar.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\nexport const appSidebarStateOptions = [\"expanded\", \"collapsed\"] as const;\n\nexport type AppSidebarState = (typeof appSidebarStateOptions)[number];\n\nexport const appSidebarRootVariants = cva(\n  [\n    \"border-delicate-border bg-secondary-bg flex h-full shrink-0 flex-col border-r\",\n    \"transition-[width] duration-200 ease-out\",\n  ].join(\" \"),\n  {\n    variants: {\n      state: {\n        expanded: \"w-[15.5rem]\",\n        collapsed: \"w-16\",\n      },\n    },\n    defaultVariants: {\n      state: \"expanded\",\n    },\n  },\n);\n\nexport const appSidebarHeaderVariants = cva(\n  \"border-delicate-border flex h-18 items-center border-b\",\n  {\n    variants: {\n      state: {\n        expanded: \"justify-between px-7\",\n        collapsed: \"justify-center px-4.5\",\n      },\n    },\n    defaultVariants: {\n      state: \"expanded\",\n    },\n  },\n);\n\nexport const appSidebarBrandVariants = cva(\"flex items-center gap-3\", {\n  variants: {\n    state: {\n      expanded: \"opacity-100\",\n      collapsed: \"hidden opacity-0\",\n    },\n  },\n  defaultVariants: {\n    state: \"expanded\",\n  },\n});\n\nexport const appSidebarBrandTitleClassName = getTypographyClassName(\"body-xl-medium\");\n\nexport const appSidebarToggleButtonVariants = cva(\n  [\n    \"text-sub-label-text inline-flex size-7 cursor-pointer items-center justify-center rounded-sm\",\n    \"hover:bg-tertiary-bg hover:text-primary-text transition-colors\",\n    \"disabled:text-disabled-text disabled:pointer-events-none\",\n  ].join(\" \"),\n);\n"],"names":["appSidebarStateOptions","appSidebarRootVariants","cva","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","getTypographyClassName","appSidebarToggleButtonVariants"],"mappings":"4OAGaA,EAAyB,CAAC,WAAY,WAAW,EAIjDC,EAAyBC,EAAAA,IACpC,CACE,gFACA,0CAAA,EACA,KAAK,GAAG,EACV,CACE,SAAU,CACR,MAAO,CACL,SAAU,cACV,UAAW,MAAA,CACb,EAEF,gBAAiB,CACf,MAAO,UAAA,CACT,CAEJ,EAEaC,EAA2BD,EAAAA,IACtC,yDACA,CACE,SAAU,CACR,MAAO,CACL,SAAU,uBACV,UAAW,uBAAA,CACb,EAEF,gBAAiB,CACf,MAAO,UAAA,CACT,CAEJ,EAEaE,EAA0BF,EAAAA,IAAI,0BAA2B,CACpE,SAAU,CACR,MAAO,CACL,SAAU,cACV,UAAW,kBAAA,CACb,EAEF,gBAAiB,CACf,MAAO,UAAA,CAEX,CAAC,EAEYG,EAAgCC,EAAAA,uBAAuB,gBAAgB,EAEvEC,EAAiCL,EAAAA,IAC5C,CACE,+FACA,iEACA,0DAAA,EACA,KAAK,GAAG,CACZ"}

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

@@ -0,0 +1,59 @@
+import { cva as e } from "class-variance-authority";
+import "react";
+import "./lib-utils.js";
+import { getTypographyClassName as t } from "./components-ui-typography-typography.styles.js";
+const n = ["expanded", "collapsed"], s = e(
+  [
+    "border-delicate-border bg-secondary-bg flex h-full shrink-0 flex-col border-r",
+    "transition-[width] duration-200 ease-out"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        expanded: "w-[15.5rem]",
+        collapsed: "w-16"
+      }
+    },
+    defaultVariants: {
+      state: "expanded"
+    }
+  }
+), o = e(
+  "border-delicate-border flex h-18 items-center border-b",
+  {
+    variants: {
+      state: {
+        expanded: "justify-between px-7",
+        collapsed: "justify-center px-4.5"
+      }
+    },
+    defaultVariants: {
+      state: "expanded"
+    }
+  }
+), p = e("flex items-center gap-3", {
+  variants: {
+    state: {
+      expanded: "opacity-100",
+      collapsed: "hidden opacity-0"
+    }
+  },
+  defaultVariants: {
+    state: "expanded"
+  }
+}), l = t("body-xl-medium"), b = e(
+  [
+    "text-sub-label-text inline-flex size-7 cursor-pointer items-center justify-center rounded-sm",
+    "hover:bg-tertiary-bg hover:text-primary-text transition-colors",
+    "disabled:text-disabled-text disabled:pointer-events-none"
+  ].join(" ")
+);
+export {
+  l as appSidebarBrandTitleClassName,
+  p as appSidebarBrandVariants,
+  o as appSidebarHeaderVariants,
+  s as appSidebarRootVariants,
+  n as appSidebarStateOptions,
+  b as appSidebarToggleButtonVariants
+};
+//# sourceMappingURL=components-app-sidebar-app-sidebar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-sidebar-app-sidebar.styles.js","sources":["../src/components/app-sidebar/app-sidebar.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\nexport const appSidebarStateOptions = [\"expanded\", \"collapsed\"] as const;\n\nexport type AppSidebarState = (typeof appSidebarStateOptions)[number];\n\nexport const appSidebarRootVariants = cva(\n  [\n    \"border-delicate-border bg-secondary-bg flex h-full shrink-0 flex-col border-r\",\n    \"transition-[width] duration-200 ease-out\",\n  ].join(\" \"),\n  {\n    variants: {\n      state: {\n        expanded: \"w-[15.5rem]\",\n        collapsed: \"w-16\",\n      },\n    },\n    defaultVariants: {\n      state: \"expanded\",\n    },\n  },\n);\n\nexport const appSidebarHeaderVariants = cva(\n  \"border-delicate-border flex h-18 items-center border-b\",\n  {\n    variants: {\n      state: {\n        expanded: \"justify-between px-7\",\n        collapsed: \"justify-center px-4.5\",\n      },\n    },\n    defaultVariants: {\n      state: \"expanded\",\n    },\n  },\n);\n\nexport const appSidebarBrandVariants = cva(\"flex items-center gap-3\", {\n  variants: {\n    state: {\n      expanded: \"opacity-100\",\n      collapsed: \"hidden opacity-0\",\n    },\n  },\n  defaultVariants: {\n    state: \"expanded\",\n  },\n});\n\nexport const appSidebarBrandTitleClassName = getTypographyClassName(\"body-xl-medium\");\n\nexport const appSidebarToggleButtonVariants = cva(\n  [\n    \"text-sub-label-text inline-flex size-7 cursor-pointer items-center justify-center rounded-sm\",\n    \"hover:bg-tertiary-bg hover:text-primary-text transition-colors\",\n    \"disabled:text-disabled-text disabled:pointer-events-none\",\n  ].join(\" \"),\n);\n"],"names":["appSidebarStateOptions","appSidebarRootVariants","cva","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","getTypographyClassName","appSidebarToggleButtonVariants"],"mappings":";;;;AAGO,MAAMA,IAAyB,CAAC,YAAY,WAAW,GAIjDC,IAAyBC;AAAA,EACpC;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAA2BD;AAAA,EACtC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaE,IAA0BF,EAAI,2BAA2B;AAAA,EACpE,UAAU;AAAA,IACR,OAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAEX,CAAC,GAEYG,IAAgCC,EAAuB,gBAAgB,GAEvEC,IAAiCL;AAAA,EAC5C;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;"}

package/dist/components-app-sidebar.cjs

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

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

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

package/dist/components-app-sidebar.js

@@ -0,0 +1,5 @@
+import { AppSidebar as e } from "./components-app-sidebar-app-sidebar.js";
+export {
+  e as AppSidebar
+};
+//# sourceMappingURL=components-app-sidebar.js.map

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

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

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

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const i=require("react/jsx-runtime");;/* empty css                   */const x=require("./lib-utils.cjs");require("class-variance-authority");const f=require("react");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("lucide-react");require("./components-ui-icon-overrides.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-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const v=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-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");const A=require("./components-basic-avatar-basic-avatar.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const y=require("./index-D8y9Cogu.cjs"),j=1,b=[".jpg",".png"],h=({src:u,fullName:o,maxFiles:a=j,accept:c=b,avatarProps:q,containerClassName:p,onChange:s})=>{const n=f.useMemo(()=>{const[e,r]=o?.split(" "),t=e?.charAt(0)||"",g=r?.charAt(0)||"";return(t+g).toUpperCase()||"?"},[o]),{getRootProps:l,getInputProps:d}=y.useDropzone({accept:{"image/*":c},maxFiles:a,onDrop:e=>{const r=e[0];if(r){const t=URL.createObjectURL(r);s?.(t)}}}),m=e=>{e.stopPropagation(),s?.("")};return i.jsxs("div",{...l(),className:x.cn(`bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
+        overflow-hidden rounded-full transition-colors`,p),children:[i.jsx("input",{...d()}),u?i.jsx(A.BasicAvatar,{...q,image:{src:u},initials:{text:n},hasBadge:!0,onClick:m}):i.jsx(v.Typography,{variant:"body-xxl-medium",className:"text-info-new-text flex items-center justify-center",children:n})]})};exports.AvatarUpload=h;
+//# sourceMappingURL=components-avatar-uploader-avatar-uploader.cjs.map

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

@@ -0,0 +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      const file = files[0];\n      if (file) {\n        const previewUrl = URL.createObjectURL(file);\n        onChange?.(previewUrl);\n      }\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(\"\");\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","file","previewUrl","removeAvatar","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":"o6DAgBMA,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,EAAWC,CAAQ,EAAIT,GAAU,MAAM,GAAG,EAC3CU,EAAQF,GAAW,OAAO,CAAC,GAAK,GAChCG,EAAOF,GAAU,OAAO,CAAC,GAAK,GAEpC,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,MAAMC,EAAOD,EAAM,CAAC,EACpB,GAAIC,EAAM,CACR,MAAMC,EAAa,IAAI,gBAAgBD,CAAI,EAC3CX,IAAWY,CAAU,CACvB,CACF,CAAA,CACD,EAEKC,EAAgB,GAAwC,CAC5D,EAAE,gBAAA,EACFb,IAAW,EAAE,CACf,EAEA,OACEc,EAAAA,KAAC,MAAA,CACE,GAAGP,EAAA,EACJ,UAAWQ,EAAAA,GACT;AAAA,wDAEAhB,CAAA,EAGF,SAAA,CAAAiB,EAAAA,IAAC,QAAA,CAAO,GAAGR,EAAA,CAAc,CAAG,EAC3Bd,EACCsB,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGnB,EACJ,MAAO,CACL,IAAAJ,CAAA,EAEF,SAAU,CAAE,KAAMO,CAAA,EAClB,SAAQ,GACR,QAASY,CAAA,CAAA,EAGXG,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAU,sDAET,SAAAjB,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}

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

@@ -0,0 +1,103 @@
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import './brd-ui-kit.css';/* empty css                 */
+import { cn as A } from "./lib-utils.js";
+import "class-variance-authority";
+import { useMemo as v } from "react";
+import "./components-ui-badge-badge.styles.js";
+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 "lucide-react";
+import "./components-ui-icon-overrides.js";
+import "./components-ui-combobox-combobox.js";
+import "./components-ui-dialog-dialog.js";
+import "./components-ui-label-label.js";
+import "./components-ui-separator-separator.js";
+import "./components-ui-field-field.styles.js";
+import "./components-ui-input-input.styles.js";
+import "./components-ui-textarea-textarea.js";
+import "./components-ui-input-group-input-group.styles.js";
+import "./components-ui-navigation-item-navigation-item.styles.js";
+import "./components-ui-navigation-menu-navigation-menu.styles.js";
+import "./components-ui-pagination-pagination.js";
+import "./components-ui-progress-progress.js";
+import "./components-ui-radio-group-radio-group.js";
+import "./components-ui-switch-switch.js";
+import "./components-ui-table-table.js";
+import "./components-ui-tabs-tabs.js";
+import "./components-ui-tooltip-tooltip.js";
+import { Typography as h } from "./components-ui-typography-typography.js";
+import "./components-ui-typography-typography.styles.js";
+import "./components-app-pagination-app-pagination.styles.js";
+import "./components-app-sidebar-app-sidebar.styles.js";
+import "./components-select-field-select-field.js";
+import "./lodash-FemA_LCk.js";
+import "./chart-D15EtNmb.js";
+import { BasicAvatar as U } from "./components-basic-avatar-basic-avatar.js";
+import "./index-C4iHL8Gs.js";
+import "./index-C6N9aMq_.js";
+import { u as j } from "./index-B5Id-jNC.js";
+const w = 1, y = [".jpg", ".png"], ct = ({
+  src: p,
+  fullName: m,
+  maxFiles: n = w,
+  accept: a = y,
+  avatarProps: c,
+  containerClassName: l,
+  onChange: e
+}) => {
+  const s = v(() => {
+    const [t, o] = m?.split(" "), r = t?.charAt(0) || "", g = o?.charAt(0) || "";
+    return (r + g).toUpperCase() || "?";
+  }, [m]), { getRootProps: f, getInputProps: u } = j({
+    accept: { "image/*": a },
+    maxFiles: n,
+    onDrop: (t) => {
+      const o = t[0];
+      if (o) {
+        const r = URL.createObjectURL(o);
+        e?.(r);
+      }
+    }
+  }), d = (t) => {
+    t.stopPropagation(), e?.("");
+  };
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      ...f(),
+      className: A(
+        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
+        overflow-hidden rounded-full transition-colors`,
+        l
+      ),
+      children: [
+        /* @__PURE__ */ i("input", { ...u() }),
+        p ? /* @__PURE__ */ i(
+          U,
+          {
+            ...c,
+            image: {
+              src: p
+            },
+            initials: { text: s },
+            hasBadge: !0,
+            onClick: d
+          }
+        ) : /* @__PURE__ */ i(
+          h,
+          {
+            variant: "body-xxl-medium",
+            className: "text-info-new-text flex items-center justify-center",
+            children: s
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ct as AvatarUpload
+};
+//# sourceMappingURL=components-avatar-uploader-avatar-uploader.js.map

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

@@ -0,0 +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      const file = files[0];\n      if (file) {\n        const previewUrl = URL.createObjectURL(file);\n        onChange?.(previewUrl);\n      }\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(\"\");\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","file","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,GAAWC,CAAQ,IAAIT,GAAU,MAAM,GAAG,GAC3CU,IAAQF,GAAW,OAAO,CAAC,KAAK,IAChCG,IAAOF,GAAU,OAAO,CAAC,KAAK;AAEpC,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,YAAMC,IAAOD,EAAM,CAAC;AACpB,UAAIC,GAAM;AACR,cAAMC,IAAa,IAAI,gBAAgBD,CAAI;AAC3C,QAAAX,IAAWY,CAAU;AAAA,MACvB;AAAA,IACF;AAAA,EAAA,CACD,GAEKC,IAAe,CAACC,MAAwC;AAC5D,IAAAA,EAAE,gBAAA,GACFd,IAAW,EAAE;AAAA,EACf;AAEA,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR,EAAA;AAAA,MACJ,WAAWS;AAAA,QACT;AAAA;AAAA,QAEAjB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAkB,EAAC,SAAA,EAAO,GAAGT,EAAA,EAAc,CAAG;AAAA,QAC3Bd,IACC,gBAAAuB;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGpB;AAAA,YACJ,OAAO;AAAA,cACL,KAAAJ;AAAA,YAAA;AAAA,YAEF,UAAU,EAAE,MAAMO,EAAA;AAAA,YAClB,UAAQ;AAAA,YACR,SAASY;AAAA,UAAA;AAAA,QAAA,IAGX,gBAAAI;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAAlB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components-avatar-uploader.cjs

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

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

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

package/dist/components-avatar-uploader.js

@@ -0,0 +1,5 @@
+import { AvatarUpload as r } from "./components-avatar-uploader-avatar-uploader.js";
+export {
+  r as AvatarUpload
+};
+//# sourceMappingURL=components-avatar-uploader.js.map

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

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

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

@@ -0,0 +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("react");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("./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-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("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const y=({initials:u,avatar:t,fallback:n,image:a,icon:c,showDeleteOnHover:o=!0,onClick:q=()=>{}})=>{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 o?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
+          cursor-pointer items-center justify-center rounded-full opacity-0
+          transition-opacity hover:opacity-100`,onClick:l=>l.stopPropagation(),children:e.jsx(p.Icon,{...c,type:"close",onClick:q})})]}):s};exports.BasicAvatar=y;
+//# sourceMappingURL=components-basic-avatar-basic-avatar.cjs.map

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

@@ -0,0 +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 { 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=\"close\"\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":"82DAyBO,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,QACL,QAAAE,CAAA,CAAA,CACF,CAAA,CACF,EACF,EAlBOC,CAoBX"}

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

@@ -0,0 +1,99 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import './brd-ui-kit.css';/* empty css                 */
+import { cn as t } from "./lib-utils.js";
+import "class-variance-authority";
+import "react";
+import "./components-ui-badge-badge.styles.js";
+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 "./components-ui-combobox-combobox.js";
+import "./components-ui-dialog-dialog.js";
+import "./components-ui-label-label.js";
+import "./components-ui-separator-separator.js";
+import "./components-ui-field-field.styles.js";
+import "./components-ui-input-input.styles.js";
+import "./components-ui-textarea-textarea.js";
+import "./components-ui-input-group-input-group.styles.js";
+import "./components-ui-navigation-item-navigation-item.styles.js";
+import "./components-ui-navigation-menu-navigation-menu.styles.js";
+import "./components-ui-pagination-pagination.js";
+import "./components-ui-progress-progress.js";
+import "./components-ui-radio-group-radio-group.js";
+import "./components-ui-switch-switch.js";
+import "./components-ui-table-table.js";
+import "./components-ui-tabs-tabs.js";
+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 v, AvatarFallback as x } from "./components-ui-avatar-avatar.js";
+import "lucide-react";
+import "./components-app-pagination-app-pagination.styles.js";
+import "./components-app-sidebar-app-sidebar.styles.js";
+import "./components-select-field-select-field.js";
+import "./lodash-FemA_LCk.js";
+import "./chart-D15EtNmb.js";
+import "./index-C4iHL8Gs.js";
+import "./index-C6N9aMq_.js";
+const or = ({
+  initials: o,
+  avatar: i,
+  fallback: a,
+  image: m,
+  icon: s,
+  showDeleteOnHover: c = !0,
+  onClick: l = () => {
+  }
+}) => {
+  const p = /* @__PURE__ */ e(
+    u,
+    {
+      ...i,
+      className: t("h-18 w-18", i?.className),
+      children: [
+        /* @__PURE__ */ r(
+          v,
+          {
+            ...m,
+            alt: "avatar",
+            className: t("h-full w-full border-0", m?.className)
+          }
+        ),
+        /* @__PURE__ */ r(x, { ...a, children: /* @__PURE__ */ r(
+          f,
+          {
+            variant: "body-xxl-medium",
+            className: t("text-info-new-text", o?.className),
+            children: o?.text
+          }
+        ) })
+      ]
+    }
+  );
+  return c ? /* @__PURE__ */ e("div", { className: "relative inline-block", children: [
+    p,
+    /* @__PURE__ */ r(
+      "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: (n) => n.stopPropagation(),
+        children: /* @__PURE__ */ r(
+          d,
+          {
+            ...s,
+            type: "close",
+            onClick: l
+          }
+        )
+      }
+    )
+  ] }) : p;
+};
+export {
+  or as BasicAvatar
+};
+//# sourceMappingURL=components-basic-avatar-basic-avatar.js.map

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

@@ -0,0 +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 { 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=\"close\"\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-basic-avatar.cjs

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

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

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

package/dist/components-basic-avatar.js

@@ -0,0 +1,5 @@
+import { BasicAvatar as o } from "./components-basic-avatar-basic-avatar.js";
+export {
+  o as BasicAvatar
+};
+//# sourceMappingURL=components-basic-avatar.js.map

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

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