@szum-tech/design-system 3.15.0 → 3.17.0

package/dist/chunk-NXEZE7LG.js

@@ -0,0 +1,15 @@
+import { Collapsible as Collapsible$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/collapsible/collapsible.tsx
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsx(Collapsible$1.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(Collapsible$1.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({ ...props }) {
+  return /* @__PURE__ */ jsx(Collapsible$1.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
+}
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/chunk-OXZQGDTR.js

@@ -0,0 +1,208 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CheckIcon, ChevronRightIcon } from 'lucide-react';
+
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal(props) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenu$1.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      align,
+      className: cn(
+        "bg-popover text-popover-foreground ring-foreground/10 z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded p-1 shadow-md ring-1 duration-100",
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:overflow-hidden",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup(props) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7",
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=error]:focus:**:text-accent-foreground",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
+        "data-[variant=error]:text-error data-[variant=error]:*:[svg]:text-error dark:data-[variant=error]:focus:bg-error/20 data-[variant=error]:focus:bg-error/10 data-[variant=error]:focus:text-error",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu$1.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-inset:pl-7",
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ jsx(DropdownMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup(props) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu$1.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded py-1 pr-8 pl-1.5 text-sm outline-hidden select-none",
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
+        "data-inset:pl-7",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-radio-item-indicator",
+            children: /* @__PURE__ */ jsx(DropdownMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn(
+        "text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu$1.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "flex cursor-default items-center gap-1.5 rounded px-1.5 py-1 text-sm outline-hidden select-none",
+        "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=error]:focus:**:text-accent-foreground",
+        "data-inset:pl-7",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground ring-foreground/10 z-50 min-w-[96px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded p-1 shadow-lg ring-1 duration-100",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        "",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/dropdown-menu/dropdown-menu-item.types.ts
+var DropdownMenuItemVariant = {
+  DEFAULT: "default",
+  ERROR: "error"
+};
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemVariant, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/{chunk-4IGU5SVP.js → chunk-P4IL77YC.js}

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import * as React3 from 'react';
 
 // src/hooks/use-validation-log.tsx
 function useValidationLog({ check, scope, message }) {
-  React.useEffect(() => {
+  React3.useEffect(() => {
     if (!check) {
       console.error(
         `%c[Szum Tech-Design System]%c
@@ -48,7 +48,19 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React.useCallback(composeRefs(...refs), refs);
+  return React3.useCallback(composeRefs(...refs), refs);
+}
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React3.useState(void 0);
+  React3.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
 }
 
-export { composeRefs, useComposedRefs, useValidationLog };
+export { composeRefs, useComposedRefs, useIsMobile, useValidationLog };

package/dist/{chunk-CAIAZGSW.cjs → chunk-RKFU4DS3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXY3ZNUWR_cjs = require('./chunk-XY3ZNUWR.cjs');
+var chunkF7NFSDOD_cjs = require('./chunk-F7NFSDOD.cjs');
 var chunkN4TYSZSU_cjs = require('./chunk-N4TYSZSU.cjs');
 var React3 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
@@ -977,7 +977,7 @@ function Masonry(props) {
   const columnGap = gapValue.column;
   const rowGap = gapValue.row;
   const containerRef = React3__namespace.useRef(null);
-  const composedRef = chunkXY3ZNUWR_cjs.useComposedRefs(ref, containerRef);
+  const composedRef = chunkF7NFSDOD_cjs.useComposedRefs(ref, containerRef);
   const size = useDebouncedWindowSize({
     containerRef,
     defaultWidth,

package/dist/chunk-SHPJGB2L.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/collapsible/collapsible.tsx
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
+}
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;

package/dist/{chunk-CFJ44JVK.cjs → chunk-UNOMGKAZ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUIOBJSKZ_cjs = require('./chunk-UIOBJSKZ.cjs');
+var chunkDUAM4RTP_cjs = require('./chunk-DUAM4RTP.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -126,7 +126,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkUIOBJSKZ_cjs.Separator, { "data-slot": "item-separator", orientation: "horizontal", className: chunkH2BWO3SI_cjs.cn("my-0", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkDUAM4RTP_cjs.Separator, { "data-slot": "item-separator", orientation: "horizontal", className: chunkH2BWO3SI_cjs.cn("my-0", className), ...props });
 }
 
 exports.Item = Item;

package/dist/{chunk-Q2MJKFIE.js → chunk-WCQ5WKCQ.js}

@@ -1,4 +1,4 @@
-import { useComposedRefs } from './chunk-4IGU5SVP.js';
+import { useComposedRefs } from './chunk-P4IL77YC.js';
 import { useIsomorphicLayoutEffect } from './chunk-G24PWQKG.js';
 import * as React3 from 'react';
 import React3__default from 'react';

package/dist/chunk-X7WREEFD.js

@@ -0,0 +1,8 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "skeleton", className: cn("bg-muted animate-pulse rounded-md", className), ...props });
+}
+
+export { Skeleton };

package/dist/chunk-YBFG2IRJ.cjs

@@ -0,0 +1,225 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      align,
+      className: chunkH2BWO3SI_cjs.cn(
+        "bg-popover text-popover-foreground ring-foreground/10 z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded p-1 shadow-md ring-1 duration-100",
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:overflow-hidden",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: chunkH2BWO3SI_cjs.cn(
+        "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7",
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=error]:focus:**:text-accent-foreground",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
+        "data-[variant=error]:text-error data-[variant=error]:*:[svg]:text-error dark:data-[variant=error]:focus:bg-error/20 data-[variant=error]:focus:bg-error/10 data-[variant=error]:focus:text-error",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.DropdownMenu.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: chunkH2BWO3SI_cjs.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-inset:pl-7",
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.DropdownMenu.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      "data-inset": inset,
+      className: chunkH2BWO3SI_cjs.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded py-1 pr-8 pl-1.5 text-sm outline-hidden select-none",
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
+        "data-disabled:pointer-events-none data-disabled:opacity-50",
+        "data-inset:pl-7",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-radio-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: chunkH2BWO3SI_cjs.cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: chunkH2BWO3SI_cjs.cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: chunkH2BWO3SI_cjs.cn(
+        "text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.DropdownMenu.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: chunkH2BWO3SI_cjs.cn(
+        "flex cursor-default items-center gap-1.5 rounded px-1.5 py-1 text-sm outline-hidden select-none",
+        "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=error]:focus:**:text-accent-foreground",
+        "data-inset:pl-7",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: chunkH2BWO3SI_cjs.cn(
+        "bg-popover text-popover-foreground ring-foreground/10 z-50 min-w-[96px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded p-1 shadow-lg ring-1 duration-100",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        "",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/dropdown-menu/dropdown-menu-item.types.ts
+var DropdownMenuItemVariant = {
+  DEFAULT: "default",
+  ERROR: "error"
+};
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuItemVariant = DropdownMenuItemVariant;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;

package/dist/components/badge-overflow/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXY3ZNUWR_cjs = require('../../chunk-XY3ZNUWR.cjs');
+var chunkF7NFSDOD_cjs = require('../../chunk-F7NFSDOD.cjs');
 require('../../chunk-N4TYSZSU.cjs');
 var chunkH2BWO3SI_cjs = require('../../chunk-H2BWO3SI.cjs');
 var React = require('react');
@@ -50,7 +50,7 @@ function BadgeOverflow(props) {
     [getBadgeLabelProp]
   );
   const rootRef = React__namespace.useRef(null);
-  const composedRef = chunkXY3ZNUWR_cjs.useComposedRefs(ref, rootRef);
+  const composedRef = chunkF7NFSDOD_cjs.useComposedRefs(ref, rootRef);
   const measureRef = React__namespace.useRef(null);
   const [containerWidth, setContainerWidth] = React__namespace.useState(0);
   const [badgeGap, setBadgeGap] = React__namespace.useState(4);

package/dist/components/badge-overflow/index.js

@@ -1,4 +1,4 @@
-import { useComposedRefs } from '../../chunk-4IGU5SVP.js';
+import { useComposedRefs } from '../../chunk-P4IL77YC.js';
 import '../../chunk-G24PWQKG.js';
 import { cn } from '../../chunk-ZD2QRAOX.js';
 import * as React from 'react';

package/dist/components/breadcrump/index.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('../../chunk-H2BWO3SI.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var lucideReact = require('lucide-react');
+
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: chunkH2BWO3SI_cjs.cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-slot": "breadcrumb-item", className: chunkH2BWO3SI_cjs.cn("inline-flex items-center gap-1.5", className), ...props });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+  const Comp = asChild ? reactSlot.Slot : "a";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "breadcrumb-link", className: chunkH2BWO3SI_cjs.cn("hover:text-foreground transition-colors", className), ...props });
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: chunkH2BWO3SI_cjs.cn("text-foreground font-normal", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: chunkH2BWO3SI_cjs.cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: chunkH2BWO3SI_cjs.cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;