@kopexa/theme 13.0.2 → 14.0.0

package/dist/components/index.js

@@ -25,6 +25,7 @@ __export(components_exports, {
   autocomplete: () => autocomplete,
   avatar: () => avatar,
   avatarGroup: () => avatarGroup,
+  avatarUpload: () => avatarUpload,
   blankstate: () => blankstate,
   button: () => button,
   calendar: () => calendar,
@@ -47,6 +48,7 @@ __export(components_exports, {
   frameworkRow: () => frameworkRow,
   heading: () => heading,
   hoverCard: () => hoverCard,
+  imageCrop: () => imageCrop,
   input: () => input,
   inputGroup: () => inputGroup,
   inputWrapper: () => inputWrapper,
@@ -1971,12 +1973,20 @@ var dialog = (0, import_tailwind_variants21.tv)({
       lg: {
         content: "rounded-lg"
       }
+    },
+    scrollBehavior: {
+      inside: {
+        body: "overflow-auto",
+        content: "max-h-[calc(100dvh-7.5rem)] isolate",
+        overlay: "overflow-hidden"
+      }
     }
   },
   defaultVariants: {
     size: "md",
     placement: "right",
-    radius: "lg"
+    radius: "lg",
+    scrollBehavior: "inside"
   }
 });
 
@@ -2115,15 +2125,16 @@ var import_tailwind_variants24 = require("tailwind-variants");
 var editorBasic = (0, import_tailwind_variants24.tv)({
   slots: {
     root: [
-      "grid grid-rows-[auto,1fr]",
+      "grid grid-rows-[auto,minmax(0,1fr)]",
       "h-full min-h-0 w-full min-w-0",
       "content-start isolate"
     ],
-    toolbar: [
+    toolbarContainer: [
       "row-start-1 row-end-2",
       "flex items-center gap-0.5",
       "sticky top-0 z-10"
     ],
+    toolbar: "w-full",
     wrapper: [
       "row-start-2 row-end-3",
       "min-h-0 min-w-0",
@@ -2131,9 +2142,11 @@ var editorBasic = (0, import_tailwind_variants24.tv)({
       //	"h-[calc(100%-var(--spacing-editor-toolbar))]",
     ],
     content: [
-      "w-full min-w-0 h-full min-h-0",
+      "w-full min-w-0",
+      "h-auto min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
-      "[&_.tiptap.ProseMirror]:px-6"
+      "[&_.tiptap.ProseMirror]:px-6",
+      "[&_.tiptap.ProseMirror]:min-h-0"
     ],
     toolbarGroup: "flex items-center gap-0.5"
   },
@@ -2142,13 +2155,23 @@ var editorBasic = (0, import_tailwind_variants24.tv)({
       // rounded toolbar, muted background
       default: {
         wrapper: ["border rounded-md"],
-        toolbar: "rounded-md mb-2",
+        toolbarContainer: "rounded-md mb-2",
         content: ""
       },
       // document style, eg. document editor, fullpage etc pp
       document: {
         wrapper: "size-full overflow-auto",
         content: "size-full"
+      },
+      comment: {
+        root: "",
+        wrapper: [
+          "border rounded-md",
+          "max-h-[351lh]",
+          "max-h-[calc(35lh-var(--spacing-editor-toolbar,theme(space.10)))]"
+        ],
+        toolbarContainer: "rounded-md mb-2",
+        content: ""
       }
     }
   },
@@ -2170,9 +2193,70 @@ var editorSpinner = (0, import_tailwind_variants25.tv)({
   }
 });
 
-// src/components/framework-row.ts
+// src/components/file-upload.ts
 var import_tailwind_variants26 = require("tailwind-variants");
-var frameworkRow = (0, import_tailwind_variants26.tv)({
+var avatarUpload = (0, import_tailwind_variants26.tv)({
+  slots: {
+    root: "flex flex-col",
+    previewAndText: "",
+    previewContainer: "relative",
+    preview: [
+      "group/avatar relative cursor-pointer overflow-hidden border border-dashed transition-colors",
+      "border-muted-foreground/25 hover:border-muted-foreground/20",
+      "data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/5",
+      "data-[hasimage=true]:border-solid"
+    ],
+    previewImg: "size-full object-cover aspect-square",
+    placeholderWrapper: "flex size-full items-center justify-center",
+    placeholder: "size-6 text-muted-foreground",
+    removeButton: "size-6 min-w-auto absolute end-0 top-0 rounded-full !px-0 bg-background",
+    instructionsContainer: "text-center space-y-0.5",
+    instructions: "text-sm text-muted-foreground",
+    acceptedFiles: "text-xs text-muted-foreground",
+    errorItem: "last:mb-0"
+  },
+  variants: {
+    size: {
+      sm: { preview: "h-16 w-16" },
+      md: { preview: "h-24 w-24" },
+      lg: { preview: "h-32 w-32" }
+    },
+    shape: {
+      circle: { preview: "rounded-full" },
+      square: { preview: "rounded-xl" }
+    },
+    orientation: {
+      vertical: {
+        root: "gap-4 items-center",
+        previewAndText: "flex flex-col items-center gap-3",
+        instructionsContainer: "text-center"
+      },
+      horizontal: {
+        root: "gap-4",
+        previewAndText: "flex items-center gap-4 sm:gap-6 md:gap-8",
+        instructionsContainer: "text-start"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "lg",
+      orientation: "horizontal",
+      className: {
+        previewAndText: "gap-6 sm:gap-8"
+      }
+    }
+  ],
+  defaultVariants: {
+    shape: "circle",
+    size: "md",
+    orientation: "horizontal"
+  }
+});
+
+// src/components/framework-row.ts
+var import_tailwind_variants27 = require("tailwind-variants");
+var frameworkRow = (0, import_tailwind_variants27.tv)({
   slots: {
     root: "flex w-full items-start gap-3 py-2 first:pt-0 last:pb-0 border-b border-dotted last:border-0",
     standardContainer: "shrink-0",
@@ -2185,8 +2269,8 @@ var frameworkRow = (0, import_tailwind_variants26.tv)({
 });
 
 // src/components/heading.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants28.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -2203,8 +2287,8 @@ var heading = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants29.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -2218,9 +2302,18 @@ var hoverCard = (0, import_tailwind_variants28.tv)({
   }
 });
 
+// src/components/image-crop.ts
+var import_tailwind_variants30 = require("tailwind-variants");
+var imageCrop = (0, import_tailwind_variants30.tv)({
+  slots: {
+    content: "max-h-[277px] max-w-full",
+    image: "size-fullcover"
+  }
+});
+
 // src/components/input-group.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var inputGroup = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var inputGroup = (0, import_tailwind_variants31.tv)({
   base: [
     "flex items-stretch",
     "[&_[data-slot=input]]:grow",
@@ -2241,8 +2334,8 @@ var inputGroup = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/input-wrapper.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var inputWrapper = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var inputWrapper = (0, import_tailwind_variants32.tv)({
   base: [
     "flex items-center gap-1.5",
     "has-[:focus-visible]:ring-ring/30",
@@ -2286,8 +2379,8 @@ var inputWrapper = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/integration-card.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var integrationCard = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var integrationCard = (0, import_tailwind_variants33.tv)({
   slots: {
     root: "",
     header: "flex items-start justify-between gap-3",
@@ -2309,8 +2402,8 @@ var integrationCard = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/kbd.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var kbd = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants34.tv)({
   base: "inline-flex items-center justify-center font-mono rounded-md",
   variants: {
     variant: {
@@ -2329,8 +2422,8 @@ var kbd = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/label.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var label = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var label = (0, import_tailwind_variants35.tv)({
   base: [
     "text-sm leading-none",
     "text-foreground",
@@ -2348,8 +2441,8 @@ var label = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/page-header.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants36 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants36.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -2384,8 +2477,8 @@ var pageHeader = (0, import_tailwind_variants34.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants35 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants35.tv)({
+var import_tailwind_variants37 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants37.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -2502,8 +2595,8 @@ var pageLayout = (0, import_tailwind_variants35.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants36 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants36.tv)({
+var import_tailwind_variants38 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants38.tv)({
   slots: {
     content: [
       "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
@@ -2551,8 +2644,8 @@ var popover = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants39.tv)({
   slots: {
     root: [
       "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
@@ -2593,8 +2686,8 @@ var previewCard = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/related-control-chip.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var relatedControlChip = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants40.tv)({
   slots: {
     root: [
       "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
@@ -2604,8 +2697,8 @@ var relatedControlChip = (0, import_tailwind_variants38.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants39 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants39.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants41.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -2631,8 +2724,8 @@ var resizable = (0, import_tailwind_variants39.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants40 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants40.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants42.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -2671,8 +2764,8 @@ var riskBadge = (0, import_tailwind_variants40.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants41 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants41.tv)({
+var import_tailwind_variants43 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants43.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -2705,8 +2798,8 @@ var riskIndicator = (0, import_tailwind_variants41.tv)({
 });
 
 // src/components/scroll-area.ts
-var import_tailwind_variants42 = require("tailwind-variants");
-var scrollArea = (0, import_tailwind_variants42.tv)({
+var import_tailwind_variants44 = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants44.tv)({
   slots: {
     root: "relative",
     viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
@@ -2720,8 +2813,8 @@ var scrollArea = (0, import_tailwind_variants42.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants43 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants43.tv)({
+var import_tailwind_variants45 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants45.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -2781,8 +2874,8 @@ var sectionRow = (0, import_tailwind_variants43.tv)({
 });
 
 // src/components/select.ts
-var import_tailwind_variants44 = require("tailwind-variants");
-var select = (0, import_tailwind_variants44.tv)({
+var import_tailwind_variants46 = require("tailwind-variants");
+var select = (0, import_tailwind_variants46.tv)({
   slots: {
     trigger: [
       "w-full",
@@ -2886,8 +2979,8 @@ var select = (0, import_tailwind_variants44.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants45 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants45.tv)({
+var import_tailwind_variants47 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants47.tv)({
   base: [
     "bg-border shrink-0",
     "data-[orientation=horizontal]:h-px",
@@ -2905,8 +2998,8 @@ var separator = (0, import_tailwind_variants45.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants46 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants46.tv)({
+var import_tailwind_variants48 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants48.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full isolate"
@@ -2994,7 +3087,7 @@ var sidebar = (0, import_tailwind_variants46.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants46.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants48.tv)({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
     "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
@@ -3046,7 +3139,7 @@ var sidebarMenuButton = (0, import_tailwind_variants46.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants46.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants48.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -3066,14 +3159,14 @@ var sidebarMenuAction = (0, import_tailwind_variants46.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants47 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants47.tv)({
+var import_tailwind_variants49 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants49.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants48 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants48.tv)({
+var import_tailwind_variants50 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants50.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -3090,8 +3183,8 @@ var skeletonAvatar = (0, import_tailwind_variants48.tv)({
 });
 
 // src/components/slash-dropdown-menu.ts
-var import_tailwind_variants49 = require("tailwind-variants");
-var slashDropdownMenu = (0, import_tailwind_variants49.tv)({
+var import_tailwind_variants51 = require("tailwind-variants");
+var slashDropdownMenu = (0, import_tailwind_variants51.tv)({
   slots: {
     card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
     body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full"],
@@ -3110,8 +3203,8 @@ var slashDropdownMenu = (0, import_tailwind_variants49.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants50 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants50.tv)({
+var import_tailwind_variants52 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants52.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -3228,8 +3321,8 @@ var spinner = (0, import_tailwind_variants50.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants51 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants51.tv)({
+var import_tailwind_variants53 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants53.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -3266,8 +3359,8 @@ var splitPageLayout = (0, import_tailwind_variants51.tv)({
 });
 
 // src/components/standard-chip.ts
-var import_tailwind_variants52 = require("tailwind-variants");
-var standardChip = (0, import_tailwind_variants52.tv)({
+var import_tailwind_variants54 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants54.tv)({
   extend: chip,
   slots: {
     root: [
@@ -3358,8 +3451,8 @@ var standardChip = (0, import_tailwind_variants52.tv)({
 });
 
 // src/components/switch.ts
-var import_tailwind_variants53 = require("tailwind-variants");
-var switchVariants = (0, import_tailwind_variants53.tv)({
+var import_tailwind_variants55 = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants55.tv)({
   slots: {
     root: [
       "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
@@ -3394,8 +3487,8 @@ var switchVariants = (0, import_tailwind_variants53.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants54 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants54.tv)({
+var import_tailwind_variants56 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants56.tv)({
   slots: {
     base: "",
     list: [
@@ -3485,8 +3578,8 @@ var tabNav = (0, import_tailwind_variants54.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants55 = require("tailwind-variants");
-var table = (0, import_tailwind_variants55.tv)({
+var import_tailwind_variants57 = require("tailwind-variants");
+var table = (0, import_tailwind_variants57.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -3648,8 +3741,8 @@ var table = (0, import_tailwind_variants55.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants56 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants56.tv)({
+var import_tailwind_variants58 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants58.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -3686,8 +3779,8 @@ var tabs = (0, import_tailwind_variants56.tv)({
 });
 
 // src/components/textarea.ts
-var import_tailwind_variants57 = require("tailwind-variants");
-var textarea = (0, import_tailwind_variants57.tv)({
+var import_tailwind_variants59 = require("tailwind-variants");
+var textarea = (0, import_tailwind_variants59.tv)({
   base: [
     "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
     "text-foreground placeholder:text-muted-foreground/80",
@@ -3711,8 +3804,8 @@ var textarea = (0, import_tailwind_variants57.tv)({
 });
 
 // src/components/toolbar.ts
-var import_tailwind_variants58 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants58.tv)({
+var import_tailwind_variants60 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants60.tv)({
   slots: {
     root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
@@ -3751,8 +3844,8 @@ var toolbar = (0, import_tailwind_variants58.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants59 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants59.tv)({
+var import_tailwind_variants61 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants61.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -3770,6 +3863,7 @@ var tooltip = (0, import_tailwind_variants59.tv)({
   autocomplete,
   avatar,
   avatarGroup,
+  avatarUpload,
   blankstate,
   button,
   calendar,
@@ -3792,6 +3886,7 @@ var tooltip = (0, import_tailwind_variants59.tv)({
   frameworkRow,
   heading,
   hoverCard,
+  imageCrop,
   input,
   inputGroup,
   inputWrapper,

package/dist/components/index.mjs

@@ -1,4 +1,10 @@
-import "../chunk-XMLRBNOG.mjs";
+import "../chunk-X4JOORWZ.mjs";
+import {
+  switchVariants
+} from "../chunk-WQ446TVH.mjs";
+import {
+  tabNav
+} from "../chunk-ZLM6Z3W2.mjs";
 import {
   table
 } from "../chunk-YC2FQDBV.mjs";
@@ -14,6 +20,14 @@ import {
 import {
   tooltip
 } from "../chunk-OLYO7UPH.mjs";
+import {
+  separator
+} from "../chunk-LM7MKBHT.mjs";
+import {
+  sidebar,
+  sidebarMenuAction,
+  sidebarMenuButton
+} from "../chunk-3CZOBPDH.mjs";
 import {
   skeletonAvatar
 } from "../chunk-SYYY32OX.mjs";
@@ -33,11 +47,11 @@ import {
   standardChip
 } from "../chunk-7VZZASRG.mjs";
 import {
-  switchVariants
-} from "../chunk-WQ446TVH.mjs";
+  previewCard
+} from "../chunk-WPOYEHD2.mjs";
 import {
-  tabNav
-} from "../chunk-ZLM6Z3W2.mjs";
+  relatedControlChip
+} from "../chunk-7BZAMXH2.mjs";
 import {
   resizable
 } from "../chunk-RV656WRF.mjs";
@@ -57,13 +71,8 @@ import {
   select
 } from "../chunk-KPVLNOO5.mjs";
 import {
-  separator
-} from "../chunk-LM7MKBHT.mjs";
-import {
-  sidebar,
-  sidebarMenuAction,
-  sidebarMenuButton
-} from "../chunk-3CZOBPDH.mjs";
+  inputWrapper
+} from "../chunk-VSVGOX3P.mjs";
 import {
   integrationCard
 } from "../chunk-QOW6FLZ6.mjs";
@@ -82,15 +91,12 @@ import {
 import {
   popover
 } from "../chunk-TQVRNEIH.mjs";
-import {
-  previewCard
-} from "../chunk-WPOYEHD2.mjs";
-import {
-  relatedControlChip
-} from "../chunk-7BZAMXH2.mjs";
 import {
   editorSpinner
 } from "../chunk-TVC4THD6.mjs";
+import {
+  avatarUpload
+} from "../chunk-QGL2OK4B.mjs";
 import {
   frameworkRow
 } from "../chunk-TPFAZH22.mjs";
@@ -100,12 +106,12 @@ import {
 import {
   hoverCard
 } from "../chunk-UTCVHVWF.mjs";
+import {
+  imageCrop
+} from "../chunk-GMFZLUU4.mjs";
 import {
   inputGroup
 } from "../chunk-HWEYNK3O.mjs";
-import {
-  inputWrapper
-} from "../chunk-VSVGOX3P.mjs";
 import {
   command
 } from "../chunk-YPHFKGNI.mjs";
@@ -120,16 +126,16 @@ import {
 } from "../chunk-GNYTZGE5.mjs";
 import {
   drawer
-} from "../chunk-JXQPOORM.mjs";
+} from "../chunk-7V3NMVQH.mjs";
 import {
   dialog
-} from "../chunk-LAJQAXSV.mjs";
+} from "../chunk-OJDCD74N.mjs";
 import {
   dropdownMenu
 } from "../chunk-3PCDCW7G.mjs";
 import {
   editorBasic
-} from "../chunk-NUEQ5FLX.mjs";
+} from "../chunk-XOL7P7NP.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
@@ -187,6 +193,7 @@ export {
   autocomplete,
   avatar,
   avatarGroup,
+  avatarUpload,
   blankstate,
   button,
   calendar,
@@ -209,6 +216,7 @@ export {
   frameworkRow,
   heading,
   hoverCard,
+  imageCrop,
   input,
   inputGroup,
   inputWrapper,