@mdigital_ui/ui 0.4.3 → 0.4.4

package/dist/chunk-JIXINKUJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/index.tsx"],"names":[],"mappings":"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","file":"chunk-JIXINKUJ.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { TimelineProps } from \"./types\";\n\nconst dotVariants = cva(\n  \"rounded-full shrink-0 flex items-center justify-center z-10 bg-slot\",\n  {\n    variants: {\n      size: {\n        xs: \"w-2 h-2\",\n        sm: \"w-3 h-3\",\n        md: \"w-4 h-4\",\n        lg: \"w-5 h-5\",\n      },\n      color: colorVars,\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n    },\n  },\n);\n\nconst connectorSizes = {\n  xs: { vertical: \"w-px\", horizontal: \"h-px\" },\n  sm: { vertical: \"w-px\", horizontal: \"h-px\" },\n  md: { vertical: \"w-0.5\", horizontal: \"h-0.5\" },\n  lg: { vertical: \"w-0.5\", horizontal: \"h-0.5\" },\n} as const;\n\nconst trackWidths = {\n  xs: \"w-4\",\n  sm: \"w-5\",\n  md: \"w-6\",\n  lg: \"w-7\",\n} as const;\n\nconst contentSizes = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n} as const;\n\nconst timestampSizes = {\n  xs: \"text-[10px]\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nconst iconDotSizes = {\n  xs: \"w-5 h-5\",\n  sm: \"w-6 h-6\",\n  md: \"w-8 h-8\",\n  lg: \"w-10 h-10\",\n} as const;\n\n\n\nconst dotRowHeights = {\n  xs: \"min-h-5\",\n  sm: \"min-h-6\",\n  md: \"min-h-8\",\n  lg: \"min-h-10\",\n} as const;\n\nconst Timeline = React.memo<TimelineProps>(\n  ({\n    items,\n    mode = \"left\",\n    orientation = \"vertical\",\n    size = \"md\",\n    color = \"default\",\n    pending = false,\n    pendingText = \"Loading...\",\n    reverse = false,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const isHorizontal = orientation === \"horizontal\";\n    const displayItems = reverse ? [...items].reverse() : items;\n\n    const renderDot = (\n      item: (typeof displayItems)[number],\n      itemColor: typeof color,\n    ) => {\n      if (item.dot) {\n        return (\n          <div\n            className={cn(\"timeline_dot\", \"shrink-0 z-10\", classNames?.dot)}\n            data-slot=\"dot\"\n          >\n            {item.dot}\n          </div>\n        );\n      }\n\n      if (item.icon) {\n        return (\n          <div\n            className={cn(\n              \"timeline_dot\",\n              \"rounded-full shrink-0 flex items-center justify-center z-10 bg-slot text-slot-fg\",\n              colorVars[itemColor],\n              iconDotSizes[size],\n              classNames?.dot,\n            )}\n            data-slot=\"dot\"\n          >\n            <span\n              className={cn(\n                \"timeline_icon\",\n                \"flex items-center justify-center\",\n                iconSizes[size],\n                classNames?.icon,\n              )}\n              data-slot=\"icon\"\n            >\n              {item.icon}\n            </span>\n          </div>\n        );\n      }\n\n      return (\n        <div\n          className={cn(\n            \"timeline_dot\",\n            dotVariants({ size, color: itemColor }),\n            classNames?.dot,\n          )}\n          data-slot=\"dot\"\n        />\n      );\n    };\n\n    const renderContent = (\n      item: (typeof displayItems)[number],\n      align: \"left\" | \"right\",\n    ) => (\n      <div\n        className={cn(\n          \"timeline_content\",\n          contentSizes[size],\n          align === \"right\" ? \"text-right\" : \"text-left\",\n          classNames?.content,\n        )}\n        data-slot=\"content\"\n      >\n        <div\n          className={cn(\n            \"timeline_title\",\n            \"font-semibold text-text-primary -mt-1\",\n            item.description && \"mb-1\",\n            classNames?.title,\n          )}\n          data-slot=\"title\"\n        >\n          {item.title}\n        </div>\n        {item.description && (\n          <div\n            className={cn(\n              \"timeline_description\",\n              \"text-text-secondary\",\n              classNames?.description,\n            )}\n            data-slot=\"description\"\n          >\n            {item.description}\n          </div>\n        )}\n      </div>\n    );\n\n    const renderDate = (\n      item: (typeof displayItems)[number],\n      align: \"left\" | \"right\",\n    ) => {\n      if (!item.timestamp) return null;\n      return (\n        <div\n          className={cn(\n            \"timeline_date\",\n            \"text-text-secondary\",\n            timestampSizes[size],\n            align === \"right\" ? \"text-right\" : \"text-left\",\n            classNames?.date,\n          )}\n          data-slot=\"date\"\n        >\n          {item.timestamp}\n        </div>\n      );\n    };\n\n    // === VERTICAL ===\n\n    const renderVerticalItem = (\n      item: (typeof displayItems)[number],\n      index: number,\n    ) => {\n      const isLast = index === displayItems.length - 1 && !pending;\n      const itemColor = item.color || color;\n      const contentOnRight =\n        mode === \"left\" || (mode === \"center\" && index % 2 === 0);\n\n      return (\n        <div\n          key={item.key ?? index}\n          className={cn(\n            \"timeline_item\",\n            \"grid grid-cols-[1fr_auto_1fr]\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          {/* Left column */}\n          <div className=\"pb-8 pr-4\">\n            {contentOnRight\n              ? renderDate(item, \"right\")\n              : renderContent(item, \"right\")}\n          </div>\n\n          {/* Track */}\n          <div\n            className={cn(\n              \"timeline_track\",\n              \"relative flex flex-col items-center\",\n              trackWidths[size],\n            )}\n          >\n            {renderDot(item, itemColor)}\n            {!isLast && (\n              <div\n                className={cn(\n                  \"timeline_connector\",\n                  \"flex-1 bg-border\",\n                  connectorSizes[size].vertical,\n                  classNames?.connector,\n                )}\n                data-slot=\"connector\"\n              />\n            )}\n          </div>\n\n          {/* Right column */}\n          <div className=\"pb-8 pl-4\">\n            {contentOnRight\n              ? renderContent(item, \"left\")\n              : renderDate(item, \"left\")}\n          </div>\n        </div>\n      );\n    };\n\n    const renderVerticalPending = () => {\n      const pendingIndex = displayItems.length;\n      const contentOnRight =\n        mode === \"left\" || (mode === \"center\" && pendingIndex % 2 === 0);\n\n      return (\n        <div\n          className={cn(\n            \"timeline_item\",\n            \"grid grid-cols-[1fr_auto_1fr]\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          <div className=\"pr-4\">\n            {!contentOnRight && (\n              <div\n                className={cn(\n                  \"text-text-secondary text-right\",\n                  contentSizes[size],\n                )}\n              >\n                {pendingText}\n              </div>\n            )}\n          </div>\n\n          <div\n            className={cn(\n              \"timeline_track\",\n              \"relative flex flex-col items-center\",\n              trackWidths[size],\n            )}\n          >\n            <div\n              className={cn(\n                \"timeline_dot\",\n                dotVariants({ size, color: \"default\" }),\n                \"animate-pulse\",\n                classNames?.dot,\n              )}\n              data-slot=\"dot\"\n            />\n          </div>\n\n          <div className=\"pl-4\">\n            {contentOnRight && (\n              <div\n                className={cn(\n                  \"text-text-secondary\",\n                  contentSizes[size],\n                  classNames?.content,\n                )}\n              >\n                {pendingText}\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    };\n\n    // === HORIZONTAL ===\n\n    const renderHorizontalItem = (\n      item: (typeof displayItems)[number],\n      index: number,\n    ) => {\n      const isFirst = index === 0;\n      const isLast = index === displayItems.length - 1 && !pending;\n      const itemColor = item.color || color;\n\n      return (\n        <div\n          key={item.key ?? index}\n          className={cn(\n            \"timeline_item\",\n            \"flex-1 flex flex-col items-center min-w-0\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          {/* Date above */}\n          <div\n            className={cn(\n              \"timeline_date\",\n              \"text-text-secondary text-center mb-2 min-h-[1em]\",\n              timestampSizes[size],\n              classNames?.date,\n            )}\n            data-slot=\"date\"\n          >\n            {item.timestamp}\n          </div>\n\n          {/* Dot row */}\n          <div className={cn(\"flex items-center w-full\", dotRowHeights[size])}>\n            <div\n              className={cn(\n                \"flex-1\",\n                !isFirst && cn(\"bg-border\", connectorSizes[size].horizontal),\n              )}\n            />\n            {renderDot(item, itemColor)}\n            <div\n              className={cn(\n                \"flex-1\",\n                !isLast && cn(\"bg-border\", connectorSizes[size].horizontal),\n              )}\n            />\n          </div>\n\n          {/* Content below */}\n          <div\n            className={cn(\n              \"timeline_content\",\n              \"text-center mt-1.5\",\n              contentSizes[size],\n              classNames?.content,\n            )}\n            data-slot=\"content\"\n          >\n            <div\n              className={cn(\n                \"timeline_title\",\n                \"font-semibold text-text-primary\",\n                item.description && \"mb-1\",\n                classNames?.title,\n              )}\n              data-slot=\"title\"\n            >\n              {item.title}\n            </div>\n            {item.description && (\n              <div\n                className={cn(\n                  \"timeline_description\",\n                  \"text-text-secondary\",\n                  classNames?.description,\n                )}\n                data-slot=\"description\"\n              >\n                {item.description}\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    };\n\n    const renderHorizontalPending = () => (\n      <div\n        className={cn(\n          \"timeline_item\",\n          \"flex-1 flex flex-col items-center min-w-0\",\n          classNames?.item,\n        )}\n        data-slot=\"item\"\n      >\n        <div\n          className={cn(\n            \"text-text-secondary text-center mb-2 min-h-[1em]\",\n            timestampSizes[size],\n          )}\n        />\n\n        <div className={cn(\"flex items-center w-full\", dotRowHeights[size])}>\n          <div\n            className={cn(\"flex-1 bg-border\", connectorSizes[size].horizontal)}\n          />\n          <div\n            className={cn(\n              \"timeline_dot\",\n              dotVariants({ size, color: \"default\" }),\n              \"animate-pulse\",\n              classNames?.dot,\n            )}\n            data-slot=\"dot\"\n          />\n          <div className=\"flex-1\" />\n        </div>\n\n        <div\n          className={cn(\n            \"timeline_content\",\n            \"text-center mt-1.5 text-text-secondary\",\n            contentSizes[size],\n            classNames?.content,\n          )}\n          data-slot=\"content\"\n        >\n          {pendingText}\n        </div>\n      </div>\n    );\n\n    // === RENDER ===\n\n    if (isHorizontal) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            \"timeline_root\",\n            \"relative flex w-full\",\n            classNames?.root,\n            className,\n          )}\n          data-slot=\"root\"\n        >\n          {displayItems.map((item, index) => renderHorizontalItem(item, index))}\n          {pending && renderHorizontalPending()}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"timeline_root\", \"relative\", classNames?.root, className)}\n        data-slot=\"root\"\n      >\n        {displayItems.map((item, index) => renderVerticalItem(item, index))}\n        {pending && renderVerticalPending()}\n      </div>\n    );\n  },\n);\n\nTimeline.displayName = \"Timeline\";\n\nexport type * from \"./types\";\nexport default Timeline;\n"]}

package/dist/{chunk-DOI7OTYV.js → chunk-LJOQ2C5W.js}

@@ -1,7 +1,7 @@
-import { input_default } from './chunk-2OBMSB5S.js';
+import { input_default } from './chunk-W5VLFE4U.js';
 import { cn, iconSizes } from './chunk-RAS6HUEI.js';
-import { Eye, EyeOff } from 'lucide-react';
 import React from 'react';
+import { Eye, EyeOff } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';
 
 var PasswordInput = React.memo(
@@ -77,5 +77,5 @@ PasswordInput.displayName = "PasswordInput";
 var input_password_default = PasswordInput;
 
 export { PasswordInput, input_password_default };
-//# sourceMappingURL=chunk-DOI7OTYV.js.map
-//# sourceMappingURL=chunk-DOI7OTYV.js.map
+//# sourceMappingURL=chunk-LJOQ2C5W.js.map
+//# sourceMappingURL=chunk-LJOQ2C5W.js.map

package/dist/chunk-LJOQ2C5W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-password/index.tsx"],"names":[],"mappings":";;;;;;AAUO,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EACjC,CAAC,EAAE,gBAAA,GAAmB,IAAA,EAAM,IAAA,GAAO,MAAM,GAAA,EAAK,UAAA,EAAY,GAAG,KAAA,EAAM,KAAM;AACvE,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,KAAA,CAAM,SAAS,KAAK,CAAA;AAE5D,IAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,WAAA,CAAY,MAAM;AAC/C,MAAA,eAAA,CAAgB,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,IACjC,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,MAAM,qBAAqB,KAAA,CAAM,OAAA;AAAA,MAC/B,OAAO;AAAA,QACL,IAAA,EAAM,EAAA,CAAG,oBAAA,EAAsB,UAAA,EAAY,IAAI,CAAA;AAAA,QAC/C,OAAA,EAAS,EAAA,CAAG,uBAAA,EAAyB,UAAA,EAAY,OAAO,CAAA;AAAA,QACxD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK,CAAA;AAAA,QAClD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK,CAAA;AAAA,QAClD,MAAA,EAAQ,EAAA,CAAG,sBAAA,EAAwB,UAAA,EAAY,MAAM,CAAA;AAAA,QACrD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK;AAAA,OACpD,CAAA;AAAA,MACA,CAAC,UAAU;AAAA,KACb;AAEA,IAAA,MAAM,oBAAoB,KAAA,CAAM,OAAA;AAAA,MAC9B,MACE,gBAAA,mBACE,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,gBAAA;AAAA,UACT,WAAA,EAAU,cAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,4BAAA;AAAA,YACA,0DAAA;AAAA,YACA,UAAA,EAAY;AAAA,WACd;AAAA,UACA,YAAA,EAAY,eAAe,eAAA,GAAkB,eAAA;AAAA,UAC7C,cAAA,EAAc,YAAA;AAAA,UAGb,QAAA,EAAA,YAAA,mBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,YAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,0BAAA;AAAA,gBACA,UAAU,IAAI,CAAA;AAAA,gBACd,UAAA,EAAY;AAAA;AACd;AAAA,WACF,mBAEA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,YAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,0BAAA;AAAA,gBACA,UAAU,IAAI,CAAA;AAAA,gBACd,UAAA,EAAY;AAAA;AACd;AAAA;AACF;AAAA,OAEJ,GACE,MAAA;AAAA,MACN,CAAC,gBAAA,EAAkB,gBAAA,EAAkB,YAAA,EAAc,MAAM,UAAU;AAAA,KACrE;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA,EAAM,eAAe,MAAA,GAAS,UAAA;AAAA,QAC9B,UAAA,EAAY,kBAAA;AAAA,QACZ,SAAA,EAAW;AAAA;AAAA,KACb;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAG5B,IAAO,sBAAA,GAAQ","file":"chunk-LJOQ2C5W.js","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Eye, EyeOff } from 'lucide-react'\n\nimport Input from '../input'\nimport { cn, iconSizes } from '../utils'\nimport type { PasswordInputProps } from './types'\n\nexport const PasswordInput = React.memo<PasswordInputProps>(\n  ({ visibilityToggle = true, size = 'md', ref, classNames, ...props }) => {\n    const [showPassword, setShowPassword] = React.useState(false)\n\n    const toggleVisibility = React.useCallback(() => {\n      setShowPassword((prev) => !prev)\n    }, [])\n\n    const memoizedClassNames = React.useMemo(\n      () => ({\n        root: cn('inputPassword_root', classNames?.root),\n        wrapper: cn('inputPassword_wrapper', classNames?.wrapper),\n        label: cn('inputPassword_label', classNames?.label),\n        input: cn('inputPassword_input', classNames?.input),\n        helper: cn('inputPassword_helper', classNames?.helper),\n        error: cn('inputPassword_error', classNames?.error),\n      }),\n      [classNames],\n    )\n\n    const memoizedRightIcon = React.useMemo(\n      () =>\n        visibilityToggle ? (\n          <button\n            type=\"button\"\n            onClick={toggleVisibility}\n            data-slot=\"toggleButton\"\n            className={cn(\n              'inputPassword_toggleButton',\n              'cursor-pointer hover:text-text-primary transition-colors',\n              classNames?.toggleButton,\n            )}\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\n            aria-pressed={showPassword}\n            // tabIndex={-1}\n          >\n            {showPassword ? (\n              <Eye\n                data-slot=\"toggleIcon\"\n                className={cn(\n                  'inputPassword_toggleIcon',\n                  iconSizes[size],\n                  classNames?.toggleIcon,\n                )}\n              />\n            ) : (\n              <EyeOff\n                data-slot=\"toggleIcon\"\n                className={cn(\n                  'inputPassword_toggleIcon',\n                  iconSizes[size],\n                  classNames?.toggleIcon,\n                )}\n              />\n            )}\n          </button>\n        ) : undefined,\n      [visibilityToggle, toggleVisibility, showPassword, size, classNames],\n    )\n\n    return (\n      <Input\n        {...props}\n        size={size}\n        ref={ref}\n        type={showPassword ? 'text' : 'password'}\n        classNames={memoizedClassNames}\n        rightIcon={memoizedRightIcon}\n      />\n    )\n  },\n)\n\nPasswordInput.displayName = 'PasswordInput'\n\nexport type * from './types'\nexport default PasswordInput\n"]}

package/dist/chunk-LWYZCSX4.js

@@ -0,0 +1,531 @@
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cva } from 'class-variance-authority';
+import { Loader2, X, ChevronDown, Check, ChevronRight } from 'lucide-react';
+import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var cascaderMenuVariants = cva(
+  "overflow-auto rounded-md border bg-background w-[200px] max-h-[300px]",
+  {
+    variants: {
+      size: {
+        xs: "w-[160px]",
+        sm: "w-[180px]",
+        md: "w-[200px]",
+        lg: "w-[220px]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var cascaderItemVariants = cva(
+  "relative cursor-pointer select-none text-text-primary transition-colors flex items-center gap-2 w-full",
+  {
+    variants: {
+      size: {
+        xs: "px-2 py-1 text-xs min-h-[28px]",
+        sm: "px-2.5 py-1.5 text-sm min-h-[32px]",
+        md: "px-3 py-2 text-base min-h-[36px]",
+        lg: "px-3.5 py-2.5 text-lg min-h-[44px]"
+      },
+      disabled: { true: "opacity-50 cursor-not-allowed", false: "hover:bg-surface" },
+      active: { true: "bg-surface", false: "" },
+      selected: { true: "font-medium", false: "" }
+    },
+    defaultVariants: { size: "md", disabled: false, active: false, selected: false }
+  }
+);
+var CascaderMenu = ({
+  activeMenus,
+  selectedPath,
+  hoveredPath,
+  focusedIndex,
+  selectedPathSet,
+  selectionStateMap,
+  size,
+  color,
+  multiple,
+  expandTrigger,
+  emptyContent,
+  onItemClick,
+  onItemHover,
+  classNames,
+  menuRefs
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)]:rounded-r-none cascader_dropdown", colorVars[color], classNames?.dropdown), "data-slot": "dropdown", children: activeMenus.map((menu, level) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (el) => {
+        menuRefs.current[level] = el;
+      },
+      role: "listbox",
+      className: cn(cascaderMenuVariants({ size }), "border-border cascader_menu", classNames?.menu),
+      "data-slot": "menu",
+      children: menu.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center text-text-secondary text-sm", children: emptyContent }) : menu.map((option, index) => {
+        const isActive = selectedPath[level] === option.value || expandTrigger === "hover" && hoveredPath[level] === index;
+        const isFocused = focusedIndex?.level === level && focusedIndex?.index === index;
+        const currentPath = selectedPath.slice(0, level);
+        const fullPath = [...currentPath, option.value];
+        const selectionState = multiple && selectionStateMap ? selectionStateMap.get(fullPath.join("\0")) ?? { checked: false, indeterminate: false } : null;
+        const isLeafSelected = !multiple && selectedPathSet.has(fullPath.join("\0")) && (!option.children || option.children.length === 0);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "option",
+            "aria-selected": isLeafSelected || (selectionState?.checked ?? false),
+            "aria-disabled": option.disabled,
+            className: cn(
+              cascaderItemVariants({ size, disabled: !!option.disabled, active: isActive || isFocused, selected: isLeafSelected }),
+              isLeafSelected && "bg-slot-10 text-slot",
+              "cascader_option",
+              classNames?.option
+            ),
+            onClick: () => onItemClick(option, level),
+            onMouseEnter: () => onItemHover(option, level, index),
+            "data-slot": "option",
+            children: [
+              multiple && /* @__PURE__ */ jsxs("div", { className: cn("w-4 h-4 border rounded flex items-center justify-center shrink-0", selectionState?.checked ? "bg-slot border-slot" : "border-border"), children: [
+                selectionState?.checked && /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-background" }),
+                selectionState?.indeterminate && !selectionState?.checked && /* @__PURE__ */ jsx("div", { className: cn("w-2 h-0.5 bg-slot") })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: option.label }),
+              /* @__PURE__ */ jsxs("span", { className: cn("shrink-0 flex items-center", iconSizes[size]), children: [
+                option.loading && /* @__PURE__ */ jsx(Loader2, { className: cn("animate-spin", iconSizes[size]) }),
+                !option.loading && option.children && option.children.length > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: iconSizes[size] }),
+                !option.loading && isLeafSelected && /* @__PURE__ */ jsx(Check, { className: cn(iconSizes[size], colorVars[color], "text-slot") })
+              ] })
+            ]
+          },
+          option.value
+        );
+      })
+    },
+    level
+  )) });
+};
+var cascaderTriggerVariants = cva(
+  "flex items-center justify-between gap-2 rounded-md border transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  {
+    variants: {
+      status: {
+        default: "bg-background border-border hover:border-primary/50",
+        error: "border-error",
+        warning: "border-warning",
+        info: "border-info",
+        success: "border-success"
+      },
+      size: {
+        xs: "h-(--select-height-xs) px-(--select-padding-x-xs) text-xs",
+        sm: "h-(--select-height-sm) px-(--select-padding-x-sm) text-sm",
+        md: "h-(--select-height-md) px-(--select-padding-x-md) text-base",
+        lg: "h-(--select-height-lg) px-(--select-padding-x-lg) text-lg"
+      },
+      fullWidth: { true: "w-full", false: "max-w-full" }
+    },
+    defaultVariants: { status: "default", size: "md", fullWidth: true }
+  }
+);
+var tagSizeClasses = {
+  xs: "text-[10px] px-1 py-0",
+  sm: "text-xs px-1.5 py-0.5",
+  md: "text-sm px-2 py-0.5",
+  lg: "text-sm px-2.5 py-1"
+};
+var Cascader = React.memo(
+  ({
+    options,
+    value,
+    defaultValue,
+    onChange,
+    onSelect,
+    placeholder = "Please select",
+    label,
+    helperText,
+    messagePosition = "bottom",
+    color = "default",
+    size = "md",
+    placement = "bottomLeft",
+    disabled = false,
+    loading = false,
+    error,
+    warning,
+    info,
+    success,
+    fullWidth = true,
+    expandTrigger = "hover",
+    multiple = false,
+    maxTagCount = 3,
+    clearable = true,
+    showPath = true,
+    pathSeparator = " / ",
+    changeOnSelect = false,
+    loadData,
+    displayRender,
+    tagRender,
+    emptyContent = "No options",
+    className,
+    classNames,
+    required,
+    ref,
+    onOpenChange
+  }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [internalValue, setInternalValue] = React.useState(defaultValue || []);
+    const currentValue = value !== void 0 ? value : internalValue;
+    const [activeMenus, setActiveMenus] = React.useState([options]);
+    const [hoveredPath, setHoveredPath] = React.useState([]);
+    const [selectedPath, setSelectedPath] = React.useState([]);
+    const [focusedIndex, setFocusedIndex] = React.useState(null);
+    const containerRef = React.useRef(null);
+    const menuRefs = React.useRef([]);
+    const normalizedValue = React.useMemo(() => {
+      if (multiple) {
+        return Array.isArray(currentValue[0]) ? currentValue : [];
+      }
+      return Array.isArray(currentValue) && currentValue.length > 0 && !Array.isArray(currentValue[0]) ? [currentValue] : [];
+    }, [currentValue, multiple]);
+    const selectedPathSet = React.useMemo(() => {
+      const set = /* @__PURE__ */ new Set();
+      for (const path of normalizedValue) set.add(path.join("\0"));
+      return set;
+    }, [normalizedValue]);
+    const selectionStateMap = React.useMemo(() => {
+      if (!multiple) return null;
+      const map = /* @__PURE__ */ new Map();
+      const collectLeafPaths = (option, basePath) => {
+        const paths = [];
+        const fullPath = [...basePath, option.value];
+        if (!option.children || option.children.length === 0) {
+          paths.push(fullPath);
+        } else {
+          for (const child of option.children) paths.push(...collectLeafPaths(child, fullPath));
+        }
+        return paths;
+      };
+      const computeForOption = (option, basePath) => {
+        const key = [...basePath, option.value].join("\0");
+        if (!option.children || option.children.length === 0) {
+          map.set(key, { checked: selectedPathSet.has(key), indeterminate: false });
+        } else {
+          for (const child of option.children) computeForOption(child, [...basePath, option.value]);
+          const leafPaths = collectLeafPaths(option, basePath);
+          let selectedCount = 0;
+          for (const lp of leafPaths) {
+            if (selectedPathSet.has(lp.join("\0"))) selectedCount++;
+          }
+          map.set(key, { checked: selectedCount === leafPaths.length && leafPaths.length > 0, indeterminate: selectedCount > 0 && selectedCount < leafPaths.length });
+        }
+      };
+      for (const option of options) computeForOption(option, []);
+      return map;
+    }, [normalizedValue, multiple, options, selectedPathSet]);
+    let status = "default";
+    if (error) status = "error";
+    else if (warning) status = "warning";
+    else if (success) status = "success";
+    else if (info) status = "info";
+    const helperMessage = error || warning || info || success || helperText;
+    const expandToPath = React.useCallback((path) => {
+      const menus = [options];
+      let currentOptions = options;
+      for (const val of path) {
+        const option = currentOptions.find((opt) => opt.value === val);
+        if (option?.children && option.children.length > 0) {
+          menus.push(option.children);
+          currentOptions = option.children;
+        }
+      }
+      setActiveMenus(menus);
+    }, [options]);
+    const handleOpenChange = React.useCallback((open) => {
+      if (disabled || loading) return;
+      setIsOpen(open);
+      onOpenChange?.(open);
+      if (open) {
+        setActiveMenus([options]);
+        setHoveredPath([]);
+        setFocusedIndex(null);
+        if (normalizedValue.length > 0 && !multiple) {
+          setSelectedPath(normalizedValue[0] || []);
+          expandToPath(normalizedValue[0] || []);
+        } else {
+          setSelectedPath([]);
+        }
+      }
+    }, [disabled, loading, options, normalizedValue, multiple, onOpenChange, expandToPath]);
+    const getSelectedOptions = React.useCallback((path) => {
+      const selected = [];
+      let currentOptions = options;
+      for (const val of path) {
+        const option = currentOptions.find((opt) => opt.value === val);
+        if (option) {
+          selected.push(option);
+          currentOptions = option.children || [];
+        }
+      }
+      return selected;
+    }, [options]);
+    const isPathSelected = React.useCallback((path) => {
+      return normalizedValue.some((sp) => sp.length === path.length && sp.every((val, idx) => val === path[idx]));
+    }, [normalizedValue]);
+    const getAllLeafPaths = React.useCallback((option, currentPath) => {
+      const paths = [];
+      const fullPath = [...currentPath, option.value];
+      if (!option.children || option.children.length === 0) {
+        paths.push(fullPath);
+      } else {
+        option.children.forEach((child) => {
+          paths.push(...getAllLeafPaths(child, fullPath));
+        });
+      }
+      return paths;
+    }, []);
+    const handleItemClick = React.useCallback(async (option, level) => {
+      if (option.disabled) return;
+      const newPath = [...selectedPath.slice(0, level), option.value];
+      setSelectedPath(newPath);
+      if (loadData && !option.children && !option.isLeaf && !option.loading) {
+        const selectedOpts = getSelectedOptions(newPath);
+        try {
+          await loadData(selectedOpts);
+        } catch {
+        }
+        return;
+      }
+      const hasChildren = option.children && option.children.length > 0;
+      const isLeaf = !hasChildren;
+      if (hasChildren && !multiple) {
+        setActiveMenus((prev) => [...prev.slice(0, level + 1), option.children]);
+        if (changeOnSelect) {
+          const selectedOpts = getSelectedOptions(newPath);
+          if (value === void 0) setInternalValue(newPath);
+          onChange?.(newPath, selectedOpts);
+        }
+      } else if (hasChildren && multiple) {
+        const leafPaths = getAllLeafPaths(option, selectedPath.slice(0, level));
+        const allSelected = leafPaths.every((path) => isPathSelected(path));
+        let newValue;
+        if (allSelected) {
+          newValue = normalizedValue.filter((sp) => !leafPaths.some((lp) => lp.length === sp.length && lp.every((v, i) => v === sp[i])));
+        } else {
+          newValue = [...normalizedValue, ...leafPaths.filter((path) => !isPathSelected(path))];
+        }
+        const newSelectedOptions = newValue.map((path) => getSelectedOptions(path));
+        if (value === void 0) setInternalValue(newValue);
+        onChange?.(newValue, newSelectedOptions);
+        setActiveMenus((prev) => [...prev.slice(0, level + 1), option.children]);
+      } else if (isLeaf) {
+        if (multiple) {
+          let newValue;
+          if (isPathSelected(newPath)) {
+            newValue = normalizedValue.filter((path) => !(path.length === newPath.length && path.every((val, idx) => val === newPath[idx])));
+          } else {
+            newValue = [...normalizedValue, newPath];
+          }
+          const newSelectedOptions = newValue.map((path) => getSelectedOptions(path));
+          if (value === void 0) setInternalValue(newValue);
+          onChange?.(newValue, newSelectedOptions);
+        } else {
+          const selectedOpts = getSelectedOptions(newPath);
+          if (value === void 0) setInternalValue(newPath);
+          onChange?.(newPath, selectedOpts);
+          onSelect?.(newPath, selectedOpts);
+          handleOpenChange(false);
+        }
+      }
+    }, [selectedPath, value, onChange, onSelect, getSelectedOptions, multiple, isPathSelected, normalizedValue, getAllLeafPaths, changeOnSelect, loadData, handleOpenChange]);
+    const handleItemHover = React.useCallback((option, level, index) => {
+      if (expandTrigger !== "hover" || option.disabled) return;
+      setHoveredPath((prev) => [...prev.slice(0, level), index]);
+      setSelectedPath((prev) => [...prev.slice(0, level), option.value]);
+      if (option.children && option.children.length > 0) {
+        setActiveMenus((prev) => [...prev.slice(0, level + 1), option.children]);
+      } else {
+        setActiveMenus((prev) => prev.slice(0, level + 1));
+      }
+    }, [expandTrigger]);
+    const handleClear = React.useCallback((e) => {
+      e.stopPropagation();
+      const emptyValue = multiple ? [] : [];
+      if (value === void 0) setInternalValue(emptyValue);
+      onChange?.(emptyValue, []);
+    }, [value, onChange, multiple]);
+    const removeSelection = React.useCallback((pathToRemove, e) => {
+      e.stopPropagation();
+      if (!multiple) return;
+      const newValue = normalizedValue.filter((path) => !(path.length === pathToRemove.length && path.every((val, idx) => val === pathToRemove[idx])));
+      const newSelectedOptions = newValue.map((path) => getSelectedOptions(path));
+      setInternalValue(newValue);
+      onChange?.(newValue, newSelectedOptions);
+    }, [multiple, normalizedValue, value, onChange, getSelectedOptions]);
+    const handleKeyDown = React.useCallback((e) => {
+      if (!isOpen) {
+        if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+          e.preventDefault();
+          handleOpenChange(true);
+        }
+        return;
+      }
+      switch (e.key) {
+        case "Escape":
+          e.preventDefault();
+          handleOpenChange(false);
+          break;
+        case "ArrowDown":
+          e.preventDefault();
+          if (focusedIndex === null) {
+            setFocusedIndex({ level: 0, index: 0 });
+          } else {
+            const m = activeMenus[focusedIndex.level];
+            if (m && focusedIndex.index < m.length - 1) setFocusedIndex({ ...focusedIndex, index: focusedIndex.index + 1 });
+          }
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          if (focusedIndex && focusedIndex.index > 0) setFocusedIndex({ ...focusedIndex, index: focusedIndex.index - 1 });
+          break;
+        case "ArrowRight":
+          e.preventDefault();
+          if (focusedIndex) {
+            const m = activeMenus[focusedIndex.level];
+            const o = m?.[focusedIndex.index];
+            if (o?.children?.length) {
+              setActiveMenus((prev) => [...prev.slice(0, focusedIndex.level + 1), o.children]);
+              setFocusedIndex({ level: focusedIndex.level + 1, index: 0 });
+            }
+          }
+          break;
+        case "ArrowLeft":
+          e.preventDefault();
+          if (focusedIndex && focusedIndex.level > 0) {
+            const pl = focusedIndex.level - 1;
+            setActiveMenus((prev) => prev.slice(0, focusedIndex.level));
+            setFocusedIndex({ level: pl, index: hoveredPath[pl] ?? 0 });
+          }
+          break;
+        case "Enter":
+          e.preventDefault();
+          if (focusedIndex) {
+            const m = activeMenus[focusedIndex.level];
+            const o = m?.[focusedIndex.index];
+            if (o) handleItemClick(o, focusedIndex.level);
+          }
+          break;
+      }
+    }, [isOpen, focusedIndex, activeMenus, handleOpenChange, handleItemClick, hoveredPath]);
+    const displayValue = React.useMemo(() => {
+      if (normalizedValue.length === 0) return null;
+      if (displayRender) {
+        if (multiple) {
+          return displayRender(normalizedValue.map((path) => getSelectedOptions(path).map((opt) => opt.label)), normalizedValue.map((path) => getSelectedOptions(path)));
+        }
+        const so = getSelectedOptions(normalizedValue[0] || []);
+        return displayRender(so.map((opt) => opt.label), so);
+      }
+      if (!multiple) {
+        const so = getSelectedOptions(normalizedValue[0] || []);
+        const labels = so.map((opt) => opt.label);
+        return showPath ? labels.join(pathSeparator) : labels[labels.length - 1] || null;
+      }
+      return null;
+    }, [normalizedValue, displayRender, getSelectedOptions, multiple, showPath, pathSeparator]);
+    const showClearButton = clearable && normalizedValue.length > 0 && normalizedValue[0]?.[0] && !disabled && !loading;
+    const renderTriggerContent = () => {
+      if (multiple && normalizedValue.length > 0) {
+        const visibleTags = normalizedValue.slice(0, maxTagCount);
+        const remainingCount = normalizedValue.length - maxTagCount;
+        return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-wrap gap-1 items-center min-h-0 overflow-hidden", children: [
+          visibleTags.map((path, idx) => {
+            const selectedOpts = getSelectedOptions(path);
+            const tagLabel = showPath ? selectedOpts.map((o) => o.label).join(pathSeparator) : selectedOpts[selectedOpts.length - 1]?.label || "";
+            if (tagRender) return /* @__PURE__ */ jsx(React.Fragment, { children: tagRender({ label: tagLabel, value: path, closable: !disabled, onClose: () => removeSelection(path, { stopPropagation: () => {
+            } }) }) }, idx);
+            return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1 rounded whitespace-nowrap", colorVars[color], "bg-slot-10 text-slot", tagSizeClasses[size]), children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate max-w-[150px]", children: tagLabel }),
+              !disabled && /* @__PURE__ */ jsx("button", { type: "button", onClick: (e) => removeSelection(path, e), className: "hover:text-error shrink-0", children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }) })
+            ] }, idx);
+          }),
+          remainingCount > 0 && /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center bg-surface text-text-secondary rounded whitespace-nowrap", tagSizeClasses[size]), children: [
+            "+",
+            remainingCount
+          ] })
+        ] });
+      }
+      return /* @__PURE__ */ jsx("span", { className: cn("truncate flex-1", !displayValue && "text-text-secondary"), children: displayValue || placeholder });
+    };
+    const popoverSide = placement.startsWith("top") ? "top" : "bottom";
+    const popoverAlign = placement.endsWith("Right") ? "end" : "start";
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", fullWidth ? "w-full" : "inline-block"), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center mb-0.5", children: [
+        label && /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-text-secondary", children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { className: "text-error ml-1", children: "*" })
+        ] }),
+        helperMessage && messagePosition === "top" && /* @__PURE__ */ jsx("span", { className: cn("text-xs", status === "error" && "text-error", status === "warning" && "text-warning", status === "info" && "text-info", status === "success" && "text-success", status === "default" && "text-text-secondary"), children: helperMessage })
+      ] }),
+      /* @__PURE__ */ jsx("div", { ref: containerRef, className: cn("relative cascader_root", fullWidth ? "w-full" : "inline-block", classNames?.root), "data-slot": "root", children: /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isOpen, onOpenChange: handleOpenChange, children: [
+        /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref,
+            className: cn(cascaderTriggerVariants({ status, size, fullWidth }), colorVars[color], "focus-visible:ring-slot", disabled && "opacity-50 cursor-not-allowed", loading && "opacity-50 pointer-events-none", "cascader_trigger", classNames?.trigger, className),
+            onKeyDown: handleKeyDown,
+            tabIndex: disabled ? -1 : 0,
+            role: "combobox",
+            "aria-expanded": isOpen,
+            "aria-haspopup": "listbox",
+            "aria-disabled": disabled,
+            "aria-label": label || placeholder,
+            "data-slot": "trigger",
+            children: [
+              renderTriggerContent(),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-text-secondary shrink-0", children: [
+                loading && /* @__PURE__ */ jsx(Loader2, { className: cn("animate-spin text-text-secondary", iconSizes[size]) }),
+                !loading && showClearButton && /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClear, className: "hover:text-text-primary", "aria-label": "Clear selection", children: /* @__PURE__ */ jsx(X, { className: iconSizes[size] }) }),
+                !loading && /* @__PURE__ */ jsx(ChevronDown, { className: cn("transition-transform", iconSizes[size], isOpen && "rotate-180") })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+          PopoverPrimitive.Content,
+          {
+            side: popoverSide,
+            align: popoverAlign,
+            sideOffset: 4,
+            className: "z-[var(--z-popover)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 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=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 duration-200",
+            children: /* @__PURE__ */ jsx(
+              CascaderMenu,
+              {
+                activeMenus,
+                selectedPath,
+                hoveredPath,
+                focusedIndex,
+                selectedPathSet,
+                selectionStateMap,
+                size,
+                color,
+                multiple,
+                expandTrigger,
+                emptyContent,
+                onItemClick: handleItemClick,
+                onItemHover: handleItemHover,
+                classNames,
+                menuRefs
+              }
+            )
+          }
+        ) })
+      ] }) }),
+      helperMessage && messagePosition === "bottom" && /* @__PURE__ */ jsx("span", { className: cn("text-xs mt-0.5", status === "error" && "text-error", status === "warning" && "text-warning", status === "info" && "text-info", status === "success" && "text-success", status === "default" && "text-text-secondary"), children: helperMessage })
+    ] });
+  }
+);
+Cascader.displayName = "Cascader";
+var cascader_default = Cascader;
+
+export { cascader_default };
+//# sourceMappingURL=chunk-LWYZCSX4.js.map
+//# sourceMappingURL=chunk-LWYZCSX4.js.map