@exem-ui/react 0.3.2 → 0.3.3

package/dist/index.js

@@ -1,13 +1,12 @@
 'use strict';
 
+var chunkCMKUMLDS_js = require('./chunk-CMKUMLDS.js');
 var chunk5M47B2XJ_js = require('./chunk-5M47B2XJ.js');
 var utils = require('@exem-ui/core/utils');
-var React2 = require('react');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var TabsPrimitive = require('@radix-ui/react-tabs');
-var SelectPrimitive = require('@radix-ui/react-select');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var SwitchPrimitives = require('@radix-ui/react-switch');
@@ -34,10 +33,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
@@ -111,7 +108,7 @@ var renderIconContent = (size = "medium") => {
   const iconSize = SIZE_CONFIG[size].iconSize;
   return /* @__PURE__ */ jsxRuntime.jsx(chunk5M47B2XJ_js.Person, { className: utils.cn("shrink-0", iconSize) });
 };
-var Avatar = React2.forwardRef(
+var Avatar = React.forwardRef(
   ({ className, size = "medium", type = "initial", name, src, alt, ...props }, ref) => {
     const resolvedSize = size || "medium";
     const isFallback = type === "image" && !src;
@@ -153,7 +150,7 @@ var badgeVariants = utils.cva(
     }
   }
 );
-var Badge = React2.forwardRef(
+var Badge = React.forwardRef(
   ({ className, variant = "default", disabled = false, ...props }, ref) => {
     const finalVariant = disabled ? `${variant}-disabled` : variant;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -207,7 +204,7 @@ var StarRoundedFilled = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     )
   }
 );
-var Star = React2.forwardRef(
+var Star = React.forwardRef(
   ({ size = "medium", selected = false, className, onClick, ...props }, ref) => {
     const sizeConfig = {
       small: { width: 16, height: 16 },
@@ -294,7 +291,7 @@ var tagVariants = utils.cva(
     }
   }
 );
-var Tag = React2.forwardRef(
+var Tag = React.forwardRef(
   ({
     className,
     color,
@@ -334,7 +331,7 @@ var Tag = React2.forwardRef(
   }
 );
 Tag.displayName = "Tag";
-var DoubleTag = React2.forwardRef(
+var DoubleTag = React.forwardRef(
   ({ className, items, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -345,7 +342,7 @@ var DoubleTag = React2.forwardRef(
         ),
         ref,
         ...props,
-        children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React2.Fragment, { children: [
+        children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(Tag, { color: item.color, type: "line", className: "rounded-none border-none", children: item.content }),
           index < items.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[20px] w-px border-none bg-border-secondary" })
         ] }, index))
@@ -354,8 +351,8 @@ var DoubleTag = React2.forwardRef(
   }
 );
 DoubleTag.displayName = "DoubleTag";
-var Breadcrumb = React2.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
-Breadcrumb.List = React2.forwardRef(
+var Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.List = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "ol",
     {
@@ -368,14 +365,14 @@ Breadcrumb.List = React2.forwardRef(
     }
   )
 );
-Breadcrumb.Item = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: utils.cn("inline-flex items-center", className), ...props }));
-Breadcrumb.Link = React2.forwardRef(
+Breadcrumb.Item = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: utils.cn("inline-flex items-center", className), ...props }));
+Breadcrumb.Link = React.forwardRef(
   ({ asChild, className, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "a";
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, className: utils.cn("text-text-link", className), ...props });
   }
 );
-Breadcrumb.Page = React2.forwardRef(
+Breadcrumb.Page = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -388,7 +385,7 @@ Breadcrumb.Page = React2.forwardRef(
     }
   )
 );
-Breadcrumb.Separator = React2.forwardRef(
+Breadcrumb.Separator = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "li",
     {
@@ -401,7 +398,7 @@ Breadcrumb.Separator = React2.forwardRef(
     }
   )
 );
-Breadcrumb.Ellipsis = React2.forwardRef(
+Breadcrumb.Ellipsis = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
@@ -424,9 +421,9 @@ Breadcrumb.Link.displayName = "Breadcrumb.Link";
 Breadcrumb.Page.displayName = "Breadcrumb.Page";
 Breadcrumb.Separator.displayName = "Breadcrumb.Separator";
 Breadcrumb.Ellipsis.displayName = "Breadcrumb.Ellipsis";
-var TabsContext = React2.createContext({ type: "primary" });
+var TabsContext = React.createContext({ type: "primary" });
 var useTabsContext = () => {
-  const context = React2.useContext(TabsContext);
+  const context = React.useContext(TabsContext);
   if (!context) {
     throw new Error("useTabsContext must be used within a TabsProvider");
   }
@@ -465,10 +462,10 @@ var tabsTriggerVariants = utils.cva(
     }
   }
 );
-var Tabs = React2.forwardRef(
+var Tabs = React.forwardRef(
   ({ type = "primary", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { type }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) })
 );
-Tabs.List = React2.forwardRef(
+Tabs.List = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { type } = useTabsContext();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -481,7 +478,7 @@ Tabs.List = React2.forwardRef(
     );
   }
 );
-Tabs.Trigger = React2.forwardRef(
+Tabs.Trigger = React.forwardRef(
   ({ className, leftIcon, rightIcon, badge, children, ...props }, ref) => {
     const { type } = useTabsContext();
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -502,7 +499,7 @@ Tabs.Trigger = React2.forwardRef(
     );
   }
 );
-Tabs.Content = React2.forwardRef(
+Tabs.Content = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Content, { ref, className: utils.cn(className), ...props })
 );
 Tabs.displayName = "Tabs";
@@ -676,7 +673,7 @@ var IconSize = {
   large: "h-5 w-5",
   xlarge: "h-6 w-6"
 };
-var Button = React2.forwardRef(
+var Button = React.forwardRef(
   ({
     className,
     variant = "contained",
@@ -688,7 +685,7 @@ var Button = React2.forwardRef(
   }, ref) => {
     const validColorStyle = color === "assistive" || color === "inverse" ? colorStyles[color].contained : colorStyles[color][variant];
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      icon && React2.cloneElement(icon, {
+      icon && React.cloneElement(icon, {
         className: utils.cn(
           "shrink-0 [&>path]:fill-current",
           validColorStyle.icon,
@@ -724,609 +721,6 @@ var Button = React2.forwardRef(
   }
 );
 Button.displayName = "Button";
-var segmentListVariants = utils.cva(
-  "inline-flex items-center overflow-hidden rounded-medium bg-elevation-elevation-2",
-  {
-    variants: {
-      size: {
-        small: "h-7 gap-0 p-0.5",
-        medium: "h-8 gap-0 p-0.5",
-        large: "h-10 gap-0 p-0.5"
-      }
-    },
-    defaultVariants: {
-      size: "medium"
-    }
-  }
-);
-var segmentItemVariants = utils.cva(
-  [
-    "flex flex-1 items-center justify-center rounded-weak",
-    "focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-ring",
-    "disabled:cursor-not-allowed",
-    "data-[state=active]:bg-component-segmentedOption data-[state=active]:text-text-primary data-[state=active]:shadow-weak",
-    "data-[state=inactive]:text-text-tertiary data-[state=inactive]:disabled:text-text-disabled",
-    "transition-colors duration-200 ease-in-out"
-  ],
-  {
-    variants: {
-      size: {
-        small: "h-6 gap-0.5 text-body-3 font-medium",
-        medium: "h-7 gap-1 text-body-2 font-medium",
-        large: "h-9 gap-1.5 text-body-2 font-medium"
-      }
-    },
-    defaultVariants: {
-      size: "medium"
-    }
-  }
-);
-var segmentIconVariants = utils.cva("flex items-center justify-center", {
-  variants: {
-    size: {
-      small: "size-4",
-      medium: "size-4",
-      large: "size-5"
-    }
-  },
-  defaultVariants: {
-    size: "medium"
-  }
-});
-var SegmentContext = React2.createContext(void 0);
-var useSegmentContext = () => {
-  const context = React2.useContext(SegmentContext);
-  if (!context) {
-    throw new Error("Segment components must be used within a Segment");
-  }
-  return context;
-};
-var Segment = React2.forwardRef(
-  ({ size = "medium", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SegmentContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) })
-);
-Segment.List = React2.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { size } = useSegmentContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.List,
-      {
-        ref,
-        className: utils.cn(segmentListVariants({ size }), className),
-        ...props
-      }
-    );
-  }
-);
-Segment.Item = React2.forwardRef(
-  ({ className, leftIcon, children, ...props }, ref) => {
-    const { size } = useSegmentContext();
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      TabsPrimitive__namespace.Trigger,
-      {
-        ref,
-        className: utils.cn(segmentItemVariants({ size }), className),
-        ...props,
-        children: [
-          leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(segmentIconVariants({ size })), children: leftIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center", children })
-        ]
-      }
-    );
-  }
-);
-Segment.Content = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    TabsPrimitive__namespace.Content,
-    {
-      ref,
-      className: utils.cn(
-        "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Segment.displayName = "Segment";
-Segment.List.displayName = "Segment.List";
-Segment.Content.displayName = "Segment.Content";
-Segment.Item.displayName = "Segment.Item";
-var commonInputVariants = {
-  // Container variants - 전체 컴포넌트 래퍼
-  container: utils.cva("flex flex-col"),
-  // Label variants - 라벨 텍스트
-  label: utils.cva("inline-block font-regular text-text-primary", {
-    variants: {
-      size: {
-        xsmall: "mb-[2px] text-body-3",
-        small: "mb-[4px] text-body-2",
-        medium: "mb-[4px] text-body-2",
-        large: "mb-[6px] text-body-1"
-      },
-      disabled: {
-        true: "text-text-disabled"
-      },
-      required: {
-        true: 'after:ml-0.5 after:text-text-critical after:content-["*"]'
-      }
-    },
-    compoundVariants: [
-      {
-        required: true,
-        disabled: true,
-        className: "after:text-text-disabled"
-      }
-    ],
-    defaultVariants: { size: "medium" }
-  }),
-  // Description variants - 설명 텍스트
-  description: utils.cva("mt-0.5 inline-block text-text-tertiary", {
-    variants: {
-      size: {
-        xsmall: "text-caption",
-        small: "text-body-3",
-        medium: "text-body-3",
-        large: "text-body-2"
-      },
-      error: {
-        true: "text-text-critical"
-      },
-      disabled: {
-        true: "text-text-disabled"
-      }
-    },
-    compoundVariants: [
-      {
-        error: true,
-        disabled: true,
-        className: "text-text-disabled"
-        // disabled 우선 적용
-      }
-    ],
-    defaultVariants: { size: "medium" }
-  }),
-  // Icon variants - 아이콘 크기
-  icon: utils.cva("shrink-0", {
-    variants: {
-      size: {
-        xsmall: "size-4",
-        small: "size-4",
-        medium: "size-4",
-        large: "size-5"
-      }
-    },
-    defaultVariants: { size: "medium" }
-  })
-};
-
-// src/input/selectVariants.ts
-var selectVariants = {
-  container: commonInputVariants.container,
-  content: utils.cn(
-    "relative border border-border-primary z-50 min-w-[8rem] overflow-hidden rounded-medium bg-background-overlay shadow-weak",
-    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-    "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1"
-  ),
-  description: commonInputVariants.description,
-  iconSize: commonInputVariants.icon,
-  item: utils.cva(
-    "relative flex w-full cursor-pointer select-none items-center rounded-weak px-2 text-body-2 text-text-primary outline-none hover:bg-elevation-elevation-2 data-[disabled]:pointer-events-none data-[state=checked]:bg-elevation-accent data-[disabled]:text-text-disabled",
-    {
-      defaultVariants: { size: "medium" },
-      variants: {
-        size: {
-          xsmall: "h-6",
-          small: "h-7",
-          medium: "h-8",
-          large: "h-10"
-        }
-      }
-    }
-  ),
-  itemText: utils.cva("truncate flex items-center flex-1 min-w-0", {
-    defaultVariants: { size: "medium" },
-    variants: {
-      size: {
-        xsmall: "h-6",
-        small: "h-7",
-        medium: "h-8",
-        large: "h-10"
-      }
-    }
-  }),
-  label: commonInputVariants.label,
-  trigger: utils.cva(
-    "group flex w-full items-center justify-between rounded-medium outline-none disabled:cursor-not-allowed disabled:bg-elevation-elevation-2 disabled:text-text-disabled data-[state=open]:border data-[state=open]:border-border-focused [&>span]:line-clamp-1 [&[data-placeholder]]:text-text-tertiary [&_svg]:text-icon-primary",
-    {
-      compoundVariants: [
-        {
-          className: "border-border-accent text-tint-foreground-sky bg-elevation-accent [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky",
-          focus: true,
-          variant: "line"
-        },
-        // active + fill: 배경만 accent로 변경
-        {
-          className: "bg-elevation-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky",
-          active: true,
-          variant: "fill"
-        },
-        // active + line: 배경 accent + 테두리 accent
-        {
-          className: "bg-elevation-accent border-border-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky",
-          active: true,
-          variant: "line"
-        }
-      ],
-      defaultVariants: {
-        active: false,
-        error: false,
-        focus: false,
-        size: "medium",
-        variant: "fill"
-      },
-      variants: {
-        active: {
-          false: "",
-          true: ""
-        },
-        error: {
-          false: "",
-          true: "border !border-border-critical"
-        },
-        focus: {
-          false: "",
-          // 현재는 line 타입만 focus 가능
-          true: ""
-        },
-        size: {
-          xsmall: "h-6 px-[4px] text-body-3",
-          small: "h-7 px-[6px] text-body-2",
-          medium: "h-8 px-[8px] text-body-2",
-          large: "h-10 px-[10px] text-body-1"
-        },
-        variant: {
-          fill: "bg-elevation-elevation-2",
-          line: "border-border-primary border"
-        }
-      }
-    }
-  ),
-  triggerInner: utils.cva("flex w-full items-center", {
-    defaultVariants: { size: "medium" },
-    variants: {
-      size: {
-        xsmall: "gap-0",
-        small: "gap-[2px]",
-        medium: "gap-[2px]",
-        large: "gap-[4px]"
-      }
-    }
-  }),
-  viewport: utils.cn("flex flex-col gap-0.5 p-1")
-};
-var SelectContext = React2.createContext(null);
-var useSelectContext = () => {
-  const context = React2.useContext(SelectContext);
-  if (!context) {
-    throw new Error("Select components must be used within a Select");
-  }
-  return context;
-};
-var SelectGroupContext = React2.createContext(null);
-var useSelectGroupContext = () => {
-  return React2.useContext(SelectGroupContext);
-};
-var Select = React2.forwardRef(
-  ({
-    children,
-    size = "medium",
-    variant = "fill",
-    error = false,
-    disabled = false,
-    focus = false,
-    active = false,
-    className,
-    ...selectProps
-  }, ref) => {
-    const uniqueId = React2.useId();
-    const id = `select-${uniqueId}`;
-    return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: { active, disabled, error, focus, id, size, variant }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(selectVariants.container(), className), children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { disabled, ...selectProps, children }) }) });
-  }
-);
-Select.Value = React2.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { ref, className, ...props, children });
-});
-Select.Trigger = React2.forwardRef(
-  ({ className, children, leftIcon, ...props }, ref) => {
-    const { size, error, id, variant, focus, active } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const groupClasses = groupContext ? utils.cn("rounded-none border-0", {
-      "rounded-l-medium": groupContext.isFirstChild,
-      "rounded-r-medium": groupContext.isLastChild,
-      // line variant: group이 외곽 border를 제공하므로, open 시 border 대신 inset ring 사용
-      "data-[state=open]:border-0 data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-border-focused": variant === "line"
-    }) : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SelectPrimitive__namespace.Trigger,
-      {
-        ref,
-        id,
-        "data-slot": "select-trigger",
-        className: utils.cn(
-          selectVariants.trigger({ active, error, focus, size, variant }),
-          groupClasses,
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(selectVariants.triggerInner({ size })), children: [
-          leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: utils.cn(
-                selectVariants.iconSize({ size }),
-                "flex items-center justify-center group-disabled:text-icon-disabled"
-              ),
-              children: leftIcon
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 truncate text-left", children }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5M47B2XJ_js.ChevronDown,
-            {
-              type: "regular",
-              className: utils.cn(
-                selectVariants.iconSize({ size }),
-                "transition-transform duration-200 group-data-[state=open]:rotate-180",
-                "group-disabled:text-icon-disabled"
-              )
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-Select.Box = React2.forwardRef(
-  ({ placeholder, leftIcon, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Select.Trigger, { ref, leftIcon, className, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Select.Value, { placeholder }) });
-  }
-);
-Select.List = React2.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.Content,
-    {
-      ref,
-      "data-slot": "select-content",
-      className: utils.cn(selectVariants.content, "max-h-60 ", className),
-      position: "popper",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        SelectPrimitive__namespace.Viewport,
-        {
-          "data-slot": "select-viewport",
-          className: utils.cn(
-            selectVariants.viewport,
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      )
-    }
-  ) })
-);
-Select.Label = React2.forwardRef(
-  ({ children, required = false, size: sizeProp, className }, ref) => {
-    const { size: contextSize, disabled, id } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const size = sizeProp ?? groupContext?.size ?? contextSize;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "label",
-      {
-        ref,
-        htmlFor: id,
-        className: utils.cn(selectVariants.label({ disabled, required, size }), className),
-        children
-      }
-    );
-  }
-);
-Select.Item = React2.forwardRef(
-  ({
-    className,
-    children,
-    leftIcon,
-    rightIcon,
-    leftIconSize,
-    rightIconSize,
-    size: sizeProp,
-    ...props
-  }, ref) => {
-    const { size: contextSize } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const size = sizeProp ?? groupContext?.size ?? contextSize;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SelectPrimitive__namespace.Item,
-      {
-        "data-slot": "select-item",
-        ref,
-        className: utils.cn(selectVariants.item({ size }), className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-0.5", children: [
-            leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: utils.cn(
-                  selectVariants.iconSize({ size: leftIconSize ?? size }),
-                  "flex items-center justify-center text-icon-primary"
-                ),
-                children: leftIcon
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(selectVariants.itemText({ size })), children }) })
-          ] }),
-          rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: utils.cn(
-                selectVariants.iconSize({ size: rightIconSize ?? size }),
-                "flex items-center justify-center text-icon-primary"
-              ),
-              children: rightIcon
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-Select.Empty = React2.forwardRef(
-  ({ children = "No data", className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("flex min-h-8 items-center justify-center p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body-2 text-text-disabled", children }) });
-  }
-);
-Select.Description = React2.forwardRef(
-  ({ children, size: sizeProp, className }, ref) => {
-    const { size: contextSize, error, disabled } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const size = sizeProp ?? groupContext?.size ?? contextSize;
-    if (!children) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "select-description",
-        className: utils.cn(selectVariants.description({ disabled, error, size }), className),
-        children: /* @__PURE__ */ jsxRuntime.jsx("p", { children })
-      }
-    );
-  }
-);
-Select.Group = React2.forwardRef(
-  ({ children, size = "medium", variant = "fill", hasBackground = false, className }, ref) => {
-    const childArray = React2__namespace.Children.toArray(children);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils.cn(
-          "flex w-fit flex-row items-stretch overflow-clip rounded-medium",
-          variant === "line" && "border border-border-primary",
-          hasBackground && "bg-elevation-elevation-0",
-          className
-        ),
-        children: childArray.map((child, index) => {
-          const isFirst = index === 0;
-          const isLast = index === childArray.length - 1;
-          return /* @__PURE__ */ jsxRuntime.jsxs(React2__namespace.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              SelectGroupContext.Provider,
-              {
-                value: { isFirstChild: isFirst, isLastChild: isLast, size, variant },
-                children: child
-              }
-            ),
-            !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px self-stretch bg-border-primary" })
-          ] }, index);
-        })
-      }
-    );
-  }
-);
-Select.displayName = "Select";
-Select.Label.displayName = "Select.Label";
-Select.Trigger.displayName = "Select.Trigger";
-Select.Box.displayName = "Select.Box";
-Select.Value.displayName = "Select.Value";
-Select.List.displayName = "Select.List";
-Select.Item.displayName = "Select.Item";
-Select.Empty.displayName = "Select.Empty";
-Select.Description.displayName = "Select.Description";
-Select.Group.displayName = "Select.Group";
-var tooltipContentVariants = utils.cva(
-  [
-    // Base layout
-    "z-50 flex flex-col items-start overflow-hidden",
-    "rounded-medium",
-    "text-text-static-light",
-    "bg-component-tooltip border border-border-primary",
-    "shadow-medium",
-    "animate-in fade-in-0 zoom-in-95",
-    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-    "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"
-  ],
-  {
-    variants: {
-      size: {
-        tiny: "px-2 py-1 text-body-3",
-        small: "w-[160px] gap-[8px] px-[12px] py-[10px]",
-        medium: "w-[240px] gap-[8px] px-[12px] py-[10px]",
-        large: "w-[320px] gap-[8px] px-[12px] py-[10px]",
-        xlarge: "w-[400px] gap-[8px] px-[12px] py-[10px]"
-      }
-    },
-    defaultVariants: { size: "small" }
-  }
-);
-var tooltipTitleVariants = utils.cva([
-  "text-body-1 font-semibold text-text-static-light",
-  "group-data-[size=tiny]/tooltip-content:text-body-3"
-]);
-var tooltipTextVariants = utils.cva([
-  "text-body-2 font-regular text-text-static-light",
-  "group-data-[size=tiny]/tooltip-content:text-body-3"
-]);
-var Tooltip = TooltipPrimitive__namespace.Root;
-Tooltip.Provider = TooltipPrimitive__namespace.Provider;
-Tooltip.Trigger = TooltipPrimitive__namespace.Trigger;
-Tooltip.Content = React2.forwardRef(({ className, sideOffset = 4, size, children, portalContainer, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-  TooltipPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    "data-size": size,
-    className: utils.cn("group/tooltip-content", tooltipContentVariants({ size }), className),
-    ...props,
-    children
-  }
-) }));
-Tooltip.Title = React2.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(tooltipTitleVariants(), className), ...props, children })
-);
-Tooltip.Description = React2.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(tooltipTextVariants(), className), ...props, children })
-);
-Tooltip.displayName = "Tooltip";
-Tooltip.Content.displayName = "Tooltip.Content";
-Tooltip.Title.displayName = "Tooltip.Title";
-Tooltip.Description.displayName = "Tooltip.Description";
-Tooltip.Trigger.displayName = "Tooltip.Trigger";
-Tooltip.Provider.displayName = "Tooltip.Provider";
-var FlatTooltip = ({ children, title, size, description, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Provider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Trigger, { asChild: true, children }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Tooltip.Content, { size, ...props, children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Title, { children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Description, { children: description })
-    ] })
-  ] }) });
-};
-function ConditionalTooltip({ children, tooltip }) {
-  if (typeof tooltip === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(FlatTooltip, { size: "tiny", description: tooltip, children });
-  }
-  if (tooltip && typeof tooltip === "object" && "description" in tooltip && tooltip.use !== false) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FlatTooltip, { size: tooltip.size || "tiny", ...tooltip, children });
-  }
-  return children;
-}
-FlatTooltip.displayName = "FlatTooltip";
-ConditionalTooltip.displayName = "ConditionalTooltip";
 var iconButtonSizeClasses = {
   xsmall: "size-6",
   small: "size-7",
@@ -1334,7 +728,7 @@ var iconButtonSizeClasses = {
   large: "size-10",
   xlarge: "size-12"
 };
-var IconButton = React2.forwardRef(
+var IconButton = React.forwardRef(
   ({
     className,
     tooltip,
@@ -1352,11 +746,11 @@ var IconButton = React2.forwardRef(
       variant,
       ...props
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, ...buttonProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkCMKUMLDS_js.ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, ...buttonProps }) });
   }
 );
 IconButton.displayName = "IconButton";
-var ButtonGroup = React2.forwardRef(
+var ButtonGroup = React.forwardRef(
   ({
     variant = "contained",
     iconOnly = false,
@@ -1396,7 +790,7 @@ var ButtonGroup = React2.forwardRef(
               onClick: item.onClick,
               size
             };
-            return /* @__PURE__ */ jsxRuntime.jsx(ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "assistive", variant: "contained" }) : /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "primary", variant: "outlined" }) }, item.id);
+            return /* @__PURE__ */ jsxRuntime.jsx(chunkCMKUMLDS_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "assistive", variant: "contained" }) : /* @__PURE__ */ jsxRuntime.jsx(IconButton, { ...iconBaseProps, color: "primary", variant: "outlined" }) }, item.id);
           }
           const buttonBaseProps = {
             className: utils.cn(roundedClasses, dividerClasses, mergeClasses, hoverClasses),
@@ -1404,7 +798,7 @@ var ButtonGroup = React2.forwardRef(
             onClick: item.onClick,
             size
           };
-          return /* @__PURE__ */ jsxRuntime.jsx(ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "assistive", variant: "contained", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "primary", variant: "outlined", children: item.label }) }, item.id);
+          return /* @__PURE__ */ jsxRuntime.jsx(chunkCMKUMLDS_js.ConditionalTooltip, { tooltip: item.tooltip, children: variant === "contained" ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "assistive", variant: "contained", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, color: "primary", variant: "outlined", children: item.label }) }, item.id);
         })
       }
     );
@@ -1481,7 +875,7 @@ var stateClasses = [
   "disabled:data-[state=checked]:bg-solid-accent-disabled disabled:data-[state=indeterminate]:bg-solid-accent-disabled",
   "disabled:data-[state=checked]:border-transparent disabled:data-[state=indeterminate]:border-transparent"
 ];
-var Checkbox = React2.forwardRef(
+var Checkbox = React.forwardRef(
   ({
     className,
     label,
@@ -1494,7 +888,7 @@ var Checkbox = React2.forwardRef(
     defaultChecked,
     ...props
   }, ref) => {
-    const uniqueId = React2.useId();
+    const uniqueId = React.useId();
     const checkboxId = id || uniqueId;
     const checkboxState = checked === "indeterminate" ? "indeterminate" : checked ? "checked" : "unchecked";
     const checkboxProps = {
@@ -1565,12 +959,12 @@ var labelVariants2 = utils.cva(
     defaultVariants: { size: "medium" }
   }
 );
-var Radio = React2.forwardRef(
+var Radio = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { ref, className: utils.cn("grid gap-2", className), ...props })
 );
-Radio.Item = React2.forwardRef(
+Radio.Item = React.forwardRef(
   ({ className, size = "medium", label, labelPosition = "right", id, disabled, ...props }, ref) => {
-    const uniqueId = React2.useId();
+    const uniqueId = React.useId();
     const radioId = id || uniqueId;
     const control = /* @__PURE__ */ jsxRuntime.jsx(
       RadioGroupPrimitive__namespace.Item,
@@ -1662,9 +1056,9 @@ var switchLabelVariants = utils.cva(
     }
   }
 );
-var Switch = React2.forwardRef(
+var Switch = React.forwardRef(
   ({ className, size = "medium", label, labelPosition = "right", id, ...props }, ref) => {
-    const switchId = React2.useId();
+    const switchId = React.useId();
     const finalId = id || switchId;
     const switchElement = /* @__PURE__ */ jsxRuntime.jsx(
       SwitchPrimitives__namespace.Root,
@@ -1715,7 +1109,7 @@ function DatePickerDayButton({
 function DatePicker({ type = "single", showOutsideDays = true, ...rest }) {
   const dayPickerProps = { ...rest, mode: type };
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const [month, setMonth] = React2.useState(
+  const [month, setMonth] = React.useState(
     dayPickerProps.month ?? dayPickerProps.defaultMonth ?? /* @__PURE__ */ new Date()
   );
   const rangeSelected = type === "range" ? rest.selected : void 0;
@@ -1813,17 +1207,17 @@ function DatePicker({ type = "single", showOutsideDays = true, ...rest }) {
     }
   );
 }
-var TextAreaContext = React2.createContext(null);
+var TextAreaContext = React.createContext(null);
 var useTextAreaContext = () => {
-  const context = React2.useContext(TextAreaContext);
+  const context = React.useContext(TextAreaContext);
   if (!context) {
     throw new Error("TextArea components must be used within a TextArea");
   }
   return context;
 };
 var textAreaVariants = {
-  container: commonInputVariants.container,
-  label: commonInputVariants.label,
+  container: chunkCMKUMLDS_js.commonInputVariants.container,
+  label: chunkCMKUMLDS_js.commonInputVariants.label,
   field: utils.cva(
     "scrollbar-overlay block w-full resize-none rounded-medium border transition-colors focus:outline-none",
     {
@@ -1871,7 +1265,7 @@ var textAreaVariants = {
     },
     defaultVariants: { size: "medium" }
   }),
-  description: commonInputVariants.description,
+  description: chunkCMKUMLDS_js.commonInputVariants.description,
   counter: utils.cva("text-nowrap font-regular", {
     variants: {
       disabled: {
@@ -1882,7 +1276,7 @@ var textAreaVariants = {
     defaultVariants: { disabled: false }
   })
 };
-var TextArea = React2__namespace.forwardRef(
+var TextArea = React__namespace.forwardRef(
   ({
     children,
     variant = "fill",
@@ -1894,7 +1288,7 @@ var TextArea = React2__namespace.forwardRef(
     className,
     ...textAreaProps
   }, ref) => {
-    const uniqueId = React2.useId();
+    const uniqueId = React.useId();
     const id = `text-area-${uniqueId}`;
     const { onChange, ...restTextAreaProps } = textAreaProps;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1906,7 +1300,7 @@ var TextArea = React2__namespace.forwardRef(
     );
   }
 );
-TextArea.Label = React2__namespace.forwardRef(
+TextArea.Label = React__namespace.forwardRef(
   ({ children, required = false, className }, ref) => {
     const { size, disabled, id } = useTextAreaContext();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1920,7 +1314,7 @@ TextArea.Label = React2__namespace.forwardRef(
     );
   }
 );
-TextArea.Field = React2__namespace.forwardRef(
+TextArea.Field = React__namespace.forwardRef(
   ({ className, onFocus, onBlur, ...props }, ref) => {
     const {
       variant,
@@ -1932,7 +1326,7 @@ TextArea.Field = React2__namespace.forwardRef(
       value: contextValue,
       onChange: contextOnChange
     } = useTextAreaContext();
-    const [focused, setFocused] = React2__namespace.useState(false);
+    const [focused, setFocused] = React__namespace.useState(false);
     const handleFocus = (e) => {
       setFocused(true);
       onFocus?.(e);
@@ -1962,7 +1356,7 @@ TextArea.Field = React2__namespace.forwardRef(
     );
   }
 );
-TextArea.Description = React2__namespace.forwardRef(
+TextArea.Description = React__namespace.forwardRef(
   ({ children, showCounter = true, className }, ref) => {
     const { size, error, disabled, value = "", maxLength } = useTextAreaContext();
     if (!children && (!showCounter || !maxLength)) {
@@ -1982,17 +1376,17 @@ TextArea.displayName = "TextArea";
 TextArea.Label.displayName = "TextArea.Label";
 TextArea.Field.displayName = "TextArea.Field";
 TextArea.Description.displayName = "TextArea.Description";
-var TextFieldContext = React2.createContext(null);
+var TextFieldContext = React.createContext(null);
 var useTextFieldContext = () => {
-  const context = React2.useContext(TextFieldContext);
+  const context = React.useContext(TextFieldContext);
   if (!context) {
     throw new Error("TextField components must be used within a TextField");
   }
   return context;
 };
 var textFieldVariants = {
-  container: commonInputVariants.container,
-  label: commonInputVariants.label,
+  container: chunkCMKUMLDS_js.commonInputVariants.container,
+  label: chunkCMKUMLDS_js.commonInputVariants.label,
   wrapper: utils.cva(
     "flex w-full flex-row items-center rounded-medium border transition-colors focus-within:border-border-focused focus-within:outline-none",
     {
@@ -2099,7 +1493,7 @@ var textFieldVariants = {
     defaultVariants: { size: "medium" }
   })
 };
-var TextField = React2.forwardRef(
+var TextField = React.forwardRef(
   ({
     children,
     variant = "fill",
@@ -2112,12 +1506,12 @@ var TextField = React2.forwardRef(
     onChange,
     ...inputProps
   }, ref) => {
-    const uniqueId = React2.useId();
+    const uniqueId = React.useId();
     const id = providedId || `text-field-${uniqueId}`;
     return /* @__PURE__ */ jsxRuntime.jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(textFieldVariants.container, className), children: children || /* @__PURE__ */ jsxRuntime.jsx(TextField.Input, { ...inputProps }) }) });
   }
 );
-TextField.Label = React2.forwardRef(
+TextField.Label = React.forwardRef(
   ({ children, required = false, className }, ref) => {
     const { size, disabled, id } = useTextFieldContext();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2131,7 +1525,7 @@ TextField.Label = React2.forwardRef(
     );
   }
 );
-TextField.Input = React2.forwardRef(
+TextField.Input = React.forwardRef(
   ({ className, leftIcon, rightIcon, subText, ...props }, ref) => {
     const {
       variant,
@@ -2179,7 +1573,7 @@ TextField.Input = React2.forwardRef(
     ] });
   }
 );
-TextField.Description = React2.forwardRef(
+TextField.Description = React.forwardRef(
   ({ children, className }, ref) => {
     const { size, error, disabled } = useTextFieldContext();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2264,12 +1658,12 @@ var MODAL_PADDING = {
   body: "px-4 pb-4",
   footer: "px-4 py-3"
 };
-var ModalContext = React2.createContext({ size: "medium" });
+var ModalContext = React.createContext({ size: "medium" });
 var Modal = DialogPrimitive__namespace.Root;
 Modal.Trigger = DialogPrimitive__namespace.Trigger;
 Modal.Portal = DialogPrimitive__namespace.Portal;
-Modal.Close = React2.forwardRef(({ size, ...props }, ref) => {
-  const { size: modalSize } = React2.useContext(ModalContext);
+Modal.Close = React.forwardRef(({ size, ...props }, ref) => {
+  const { size: modalSize } = React.useContext(ModalContext);
   return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     Button,
     {
@@ -2281,7 +1675,7 @@ Modal.Close = React2.forwardRef(({ size, ...props }, ref) => {
     }
   ) });
 });
-Modal.Overlay = React2.forwardRef(
+Modal.Overlay = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Overlay,
     {
@@ -2294,7 +1688,7 @@ Modal.Overlay = React2.forwardRef(
     }
   )
 );
-Modal.Content = React2.forwardRef(
+Modal.Content = React.forwardRef(
   ({ className, children, size = "medium", onInteractOutside, onFocusOutside, ...props }, ref) => {
     const isFullSize = size === "fullsize";
     const sizeWidthMap = {
@@ -2350,9 +1744,9 @@ Modal.Content = React2.forwardRef(
     ] }) });
   }
 );
-Modal.Header = React2.forwardRef(
+Modal.Header = React.forwardRef(
   ({ className, line = false, showCloseIcon = true, children, ...props }, ref) => {
-    const { size } = React2.useContext(ModalContext);
+    const { size } = React.useContext(ModalContext);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -2380,7 +1774,7 @@ Modal.Header = React2.forwardRef(
     );
   }
 );
-Modal.Body = React2.forwardRef(
+Modal.Body = React.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2394,9 +1788,9 @@ Modal.Body = React2.forwardRef(
     }
   )
 );
-Modal.Footer = React2.forwardRef(
+Modal.Footer = React.forwardRef(
   ({ className, line = true, ...props }, ref) => {
-    const { size } = React2.useContext(ModalContext);
+    const { size } = React.useContext(ModalContext);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -2413,9 +1807,9 @@ Modal.Footer = React2.forwardRef(
     );
   }
 );
-Modal.FooterDescription = React2.forwardRef(
+Modal.FooterDescription = React.forwardRef(
   ({ className, error = false, icon, children, ...props }, ref) => {
-    const { size } = React2.useContext(ModalContext);
+    const { size } = React.useContext(ModalContext);
     const isLargeFooter = size === "fullsize";
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -2436,8 +1830,8 @@ Modal.FooterDescription = React2.forwardRef(
     );
   }
 );
-Modal.Actions = React2.forwardRef(({ className, ...props }, ref) => {
-  const { size } = React2.useContext(ModalContext);
+Modal.Actions = React.forwardRef(({ className, ...props }, ref) => {
+  const { size } = React.useContext(ModalContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2451,9 +1845,9 @@ Modal.Actions = React2.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-Modal.Action = React2.forwardRef(
+Modal.Action = React.forwardRef(
   ({ color = "primary", size, ...props }, ref) => {
-    const { size: modalSize } = React2.useContext(ModalContext);
+    const { size: modalSize } = React.useContext(ModalContext);
     return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
@@ -2466,7 +1860,7 @@ Modal.Action = React2.forwardRef(
     ) });
   }
 );
-Modal.Title = React2.forwardRef(
+Modal.Title = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Title,
     {
@@ -2479,7 +1873,7 @@ Modal.Title = React2.forwardRef(
     }
   )
 );
-Modal.Description = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+Modal.Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -2501,11 +1895,11 @@ Modal.Actions.displayName = "Modal.Actions";
 Modal.Action.displayName = "Modal.Action";
 Modal.Title.displayName = "Modal.Title";
 Modal.Description.displayName = "Modal.Description";
-var MessageBoxContext = React2.createContext({ variant: "default" });
+var MessageBoxContext = React.createContext({ variant: "default" });
 var MessageBoxRoot = (props) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { ...props });
 var MessageBox = MessageBoxRoot;
 MessageBox.Trigger = DialogPrimitive__namespace.Trigger;
-MessageBox.Content = React2.forwardRef(({ className, children, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MessageBoxContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
+MessageBox.Content = React.forwardRef(({ className, children, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(MessageBoxContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Overlay,
     {
@@ -2527,7 +1921,7 @@ MessageBox.Content = React2.forwardRef(({ className, children, variant = "defaul
     }
   )
 ] }) }));
-MessageBox.Title = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+MessageBox.Title = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -2535,7 +1929,7 @@ MessageBox.Title = React2.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-MessageBox.Description = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+MessageBox.Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -2543,15 +1937,15 @@ MessageBox.Description = React2.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-MessageBox.Actions = React2.forwardRef(
+MessageBox.Actions = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("flex flex-row gap-2", className), ...props })
 );
-MessageBox.Cancel = React2.forwardRef(
+MessageBox.Cancel = React.forwardRef(
   ({ size = "medium", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, color: "assistive", variant: "contained", size, ...props }) })
 );
-MessageBox.Action = React2.forwardRef(
+MessageBox.Action = React.forwardRef(
   ({ size = "medium", ...props }, ref) => {
-    const { variant } = React2.useContext(MessageBoxContext);
+    const { variant } = React.useContext(MessageBoxContext);
     return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
@@ -2622,7 +2016,7 @@ var spinnerVariants = utils.cva(
     }
   }
 );
-var Loading = React2.forwardRef(
+var Loading = React.forwardRef(
   ({
     isLoading = true,
     dim = true,
@@ -2689,7 +2083,7 @@ var gaugeVariants = utils.cva("h-full rounded-full bg-icon-accent transition-[wi
     size: "medium"
   }
 });
-var Progress = React2.forwardRef(
+var Progress = React.forwardRef(
   ({ value = 0, max = 100, size = "medium", trackClassName, gaugeClassName, className, ...props }, ref) => {
     const clampedValue = Math.min(Math.max(value, 0), max);
     const percent = max > 0 ? clampedValue / max * 100 : 0;
@@ -2760,7 +2154,7 @@ var Toaster = ({ ...props }) => {
     )
   ] });
 };
-Toaster.Container = React2__namespace.forwardRef(
+Toaster.Container = React__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2777,7 +2171,7 @@ Toaster.Container = React2__namespace.forwardRef(
     );
   }
 );
-Toaster.Icon = React2__namespace.forwardRef(
+Toaster.Icon = React__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2790,7 +2184,7 @@ Toaster.Icon = React2__namespace.forwardRef(
     );
   }
 );
-Toaster.Title = React2__namespace.forwardRef(
+Toaster.Title = React__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2806,7 +2200,7 @@ Toaster.Title = React2__namespace.forwardRef(
     );
   }
 );
-Toaster.Description = React2__namespace.forwardRef(
+Toaster.Description = React__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2823,7 +2217,7 @@ Toaster.Description = React2__namespace.forwardRef(
     );
   }
 );
-Toaster.Action = React2__namespace.forwardRef(
+Toaster.Action = React__namespace.forwardRef(
   ({ className, children, altText, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -3042,6 +2436,31 @@ function useToast() {
   };
 }
 
+// src/utils.ts
+var buttonize = (fn) => {
+  return {
+    role: "button",
+    onClick: fn,
+    onKeyDown: (event) => {
+      if (event.key === "Enter") {
+        fn(event);
+      }
+    }
+  };
+};
+
+Object.defineProperty(exports, "Segment", {
+  enumerable: true,
+  get: function () { return chunkCMKUMLDS_js.Segment; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkCMKUMLDS_js.Select; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkCMKUMLDS_js.Tooltip; }
+});
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.Breadcrumb = Breadcrumb;
@@ -3058,8 +2477,6 @@ exports.Progress = Progress;
 exports.Radio = Radio;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
-exports.Segment = Segment;
-exports.Select = Select;
 exports.Star = Star;
 exports.Switch = Switch;
 exports.Tabs = Tabs;
@@ -3068,7 +2485,7 @@ exports.TextArea = TextArea;
 exports.TextField = TextField;
 exports.ToastProvider = ToastProvider;
 exports.Toaster = Toaster;
-exports.Tooltip = Tooltip;
+exports.buttonize = buttonize;
 exports.toast = toast;
 exports.useToast = useToast;
 //# sourceMappingURL=index.js.map