@exem-ui/react 0.1.0-next.bf3c711

package/dist/chunk-ZWCMSHDP.mjs

@@ -0,0 +1,425 @@
+import { ChevronDown } from './chunk-LZWKMQJL.mjs';
+import { cva, cn } from '@exem-ui/core/utils';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React from 'react';
+import { createContext, forwardRef, useId, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var commonInputVariants = {
+  // Container variants - 전체 컴포넌트 래퍼
+  container: cva("flex flex-col"),
+  // Label variants - 라벨 텍스트
+  label: 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: 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: 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: 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: 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: 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: 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: cva("flex w-full items-center", {
+    defaultVariants: { size: "medium" },
+    variants: {
+      size: {
+        xsmall: "gap-0",
+        small: "gap-[2px]",
+        medium: "gap-[2px]",
+        large: "gap-[4px]"
+      }
+    }
+  }),
+  viewport: cn("flex flex-col gap-0.5 p-1")
+};
+var SelectContext = createContext(null);
+var useSelectContext = () => {
+  const context = useContext(SelectContext);
+  if (!context) {
+    throw new Error("Select components must be used within a Select");
+  }
+  return context;
+};
+var SelectGroupContext = createContext(null);
+var useSelectGroupContext = () => {
+  return useContext(SelectGroupContext);
+};
+var Select = forwardRef(
+  ({
+    children,
+    size = "medium",
+    variant = "fill",
+    error = false,
+    disabled = false,
+    focus = false,
+    active = false,
+    className,
+    ...selectProps
+  }, ref) => {
+    const uniqueId = useId();
+    const id = `select-${uniqueId}`;
+    return /* @__PURE__ */ jsx(SelectContext.Provider, { value: { active, disabled, error, focus, id, size, variant }, children: /* @__PURE__ */ jsx("div", { ref, className: cn(selectVariants.container(), className), children: /* @__PURE__ */ jsx(SelectPrimitive.Root, { disabled, ...selectProps, children }) }) });
+  }
+);
+Select.Value = forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { ref, className, ...props, children });
+});
+Select.Trigger = forwardRef(
+  ({ className, children, leftIcon, ...props }, ref) => {
+    const { size, error, id, variant, focus, active } = useSelectContext();
+    const groupContext = useSelectGroupContext();
+    const groupClasses = groupContext ? 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__ */ jsx(
+      SelectPrimitive.Trigger,
+      {
+        ref,
+        id,
+        "data-slot": "select-trigger",
+        className: cn(
+          selectVariants.trigger({ active, error, focus, size, variant }),
+          groupClasses,
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: cn(selectVariants.triggerInner({ size })), children: [
+          leftIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                selectVariants.iconSize({ size }),
+                "flex items-center justify-center group-disabled:text-icon-disabled"
+              ),
+              children: leftIcon
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 truncate text-left", children }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              type: "regular",
+              className: cn(
+                selectVariants.iconSize({ size }),
+                "transition-transform duration-200 group-data-[state=open]:rotate-180",
+                "group-disabled:text-icon-disabled"
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Select.Box = forwardRef(
+  ({ placeholder, leftIcon, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Select.Trigger, { ref, leftIcon, className, ...props, children: /* @__PURE__ */ jsx(Select.Value, { placeholder }) });
+  }
+);
+Select.List = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    SelectPrimitive.Content,
+    {
+      ref,
+      "data-slot": "select-content",
+      className: cn(selectVariants.content, "max-h-60 ", className),
+      position: "popper",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          "data-slot": "select-viewport",
+          className: cn(
+            selectVariants.viewport,
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      )
+    }
+  ) })
+);
+Select.Label = 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__ */ jsx(
+      "label",
+      {
+        ref,
+        htmlFor: id,
+        className: cn(selectVariants.label({ disabled, required, size }), className),
+        children
+      }
+    );
+  }
+);
+Select.Item = 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__ */ jsx(
+      SelectPrimitive.Item,
+      {
+        "data-slot": "select-item",
+        ref,
+        className: cn(selectVariants.item({ size }), className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-0.5", children: [
+            leftIcon && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  selectVariants.iconSize({ size: leftIconSize ?? size }),
+                  "flex items-center justify-center text-icon-primary"
+                ),
+                children: leftIcon
+              }
+            ),
+            /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: cn(selectVariants.itemText({ size })), children }) })
+          ] }),
+          rightIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                selectVariants.iconSize({ size: rightIconSize ?? size }),
+                "flex items-center justify-center text-icon-primary"
+              ),
+              children: rightIcon
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Select.Empty = forwardRef(
+  ({ children = "No data", className }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex min-h-8 items-center justify-center p-2", className), children: /* @__PURE__ */ jsx("p", { className: "text-body-2 text-text-disabled", children }) });
+  }
+);
+Select.Description = 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__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "select-description",
+        className: cn(selectVariants.description({ disabled, error, size }), className),
+        children: /* @__PURE__ */ jsx("p", { children })
+      }
+    );
+  }
+);
+Select.Group = forwardRef(
+  ({ children, size = "medium", variant = "fill", hasBackground = false, className }, ref) => {
+    const childArray = React.Children.toArray(children);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: 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__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              SelectGroupContext.Provider,
+              {
+                value: { isFirstChild: isFirst, isLastChild: isLast, size, variant },
+                children: child
+              }
+            ),
+            !isLast && /* @__PURE__ */ 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";
+
+export { Select, commonInputVariants };
+//# sourceMappingURL=chunk-ZWCMSHDP.mjs.map
+//# sourceMappingURL=chunk-ZWCMSHDP.mjs.map

package/dist/chunk-ZWCMSHDP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input/inputVariants.ts","../src/input/selectVariants.ts","../src/input/Select.tsx"],"names":["cva","cn"],"mappings":"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","file":"chunk-ZWCMSHDP.mjs","sourcesContent":["import { cva } from '@exem-ui/core/utils';\n\n// 공통 Input variants\nexport const commonInputVariants = {\n  // Container variants - 전체 컴포넌트 래퍼\n  container: cva('flex flex-col'),\n\n  // Label variants - 라벨 텍스트\n  label: cva('inline-block font-regular text-text-primary', {\n    variants: {\n      size: {\n        xsmall: 'mb-[2px] text-body-3',\n        small: 'mb-[4px] text-body-2',\n        medium: 'mb-[4px] text-body-2',\n        large: 'mb-[6px] text-body-1',\n      },\n      disabled: {\n        true: 'text-text-disabled',\n      },\n      required: {\n        true: 'after:ml-0.5 after:text-text-critical after:content-[\"*\"]',\n      },\n    },\n    compoundVariants: [\n      {\n        required: true,\n        disabled: true,\n        className: 'after:text-text-disabled',\n      },\n    ],\n    defaultVariants: { size: 'medium' },\n  }),\n\n  // Description variants - 설명 텍스트\n  description: cva('mt-0.5 inline-block text-text-tertiary', {\n    variants: {\n      size: {\n        xsmall: 'text-caption',\n        small: 'text-body-3',\n        medium: 'text-body-3',\n        large: 'text-body-2',\n      },\n      error: {\n        true: 'text-text-critical',\n      },\n      disabled: {\n        true: 'text-text-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        error: true,\n        disabled: true,\n        className: 'text-text-disabled', // disabled 우선 적용\n      },\n    ],\n    defaultVariants: { size: 'medium' },\n  }),\n\n  // Icon variants - 아이콘 크기\n  icon: cva('shrink-0', {\n    variants: {\n      size: {\n        xsmall: 'size-4',\n        small: 'size-4',\n        medium: 'size-4',\n        large: 'size-5',\n      },\n    },\n    defaultVariants: { size: 'medium' },\n  }),\n};\n\n// 공통 타입 정의\nexport type Size = 'xsmall' | 'small' | 'medium' | 'large';\nexport type Variant = 'fill' | 'line';\nexport type Icon = React.ReactElement<{ className?: string }>;\n","import { cn, cva } from '@exem-ui/core/utils';\nimport { commonInputVariants } from './inputVariants';\n\nexport const selectVariants = {\n  container: commonInputVariants.container,\n  content: cn(\n    'relative border border-border-primary z-50 min-w-[8rem] overflow-hidden rounded-medium bg-background-overlay shadow-weak',\n    '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',\n    'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n  ),\n\n  description: commonInputVariants.description,\n\n  iconSize: commonInputVariants.icon,\n\n  item: cva(\n    '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',\n    {\n      defaultVariants: { size: 'medium' },\n      variants: {\n        size: {\n          xsmall: 'h-6',\n          small: 'h-7',\n          medium: 'h-8',\n          large: 'h-10',\n        },\n      },\n    },\n  ),\n  itemText: cva('truncate flex items-center flex-1 min-w-0', {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        xsmall: 'h-6',\n        small: 'h-7',\n        medium: 'h-8',\n        large: 'h-10',\n      },\n    },\n  }),\n\n  label: commonInputVariants.label,\n\n  trigger: cva(\n    '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',\n    {\n      compoundVariants: [\n        {\n          className:\n            'border-border-accent text-tint-foreground-sky bg-elevation-accent [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          focus: true,\n          variant: 'line',\n        },\n        // active + fill: 배경만 accent로 변경\n        {\n          className:\n            'bg-elevation-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          active: true,\n          variant: 'fill',\n        },\n        // active + line: 배경 accent + 테두리 accent\n        {\n          className:\n            'bg-elevation-accent border-border-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          active: true,\n          variant: 'line',\n        },\n      ],\n      defaultVariants: {\n        active: false,\n        error: false,\n        focus: false,\n        size: 'medium',\n        variant: 'fill',\n      },\n      variants: {\n        active: {\n          false: '',\n          true: '',\n        },\n        error: {\n          false: '',\n          true: 'border !border-border-critical',\n        },\n        focus: {\n          false: '',\n          // 현재는 line 타입만 focus 가능\n          true: '',\n        },\n        size: {\n          xsmall: 'h-6 px-[4px] text-body-3',\n          small: 'h-7 px-[6px] text-body-2',\n          medium: 'h-8 px-[8px] text-body-2',\n          large: 'h-10 px-[10px] text-body-1',\n        },\n        variant: {\n          fill: 'bg-elevation-elevation-2',\n          line: 'border-border-primary border',\n        },\n      },\n    },\n  ),\n\n  triggerInner: cva('flex w-full items-center', {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        xsmall: 'gap-0',\n        small: 'gap-[2px]',\n        medium: 'gap-[2px]',\n        large: 'gap-[4px]',\n      },\n    },\n  }),\n  viewport: cn('flex flex-col gap-0.5 p-1'),\n};\n","import { cn } from '@exem-ui/core/utils';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport * as React from 'react';\nimport { createContext, forwardRef, useContext, useId } from 'react';\nimport { ChevronDownIcon } from '../icon';\n\nimport type { Icon, Size, Variant } from './inputVariants';\nimport { selectVariants } from './selectVariants';\n\ntype SelectContextValue = {\n  size: Size;\n  error: boolean;\n  focus: boolean;\n  active: boolean;\n  disabled: boolean;\n  id: string;\n  variant: Variant;\n};\n\ntype SelectGroupContextValue = {\n  isFirstChild: boolean;\n  isLastChild: boolean;\n  size?: Size;\n  variant?: Variant;\n  focus?: boolean;\n};\n\n/** Select 라벨 Props */\ntype SelectLabelProps = {\n  children: React.ReactNode;\n  required?: boolean;\n  size?: Size;\n  className?: string;\n};\n\n/** Select 트리거 Props */\ntype SelectTriggerProps = {\n  children?: React.ReactNode;\n  /** 트리거 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select Box (Trigger + Value 조합) Props */\ntype SelectBoxProps = {\n  placeholder?: string;\n  /** 트리거 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select 아이템 Props */\ntype SelectItemProps = {\n  children?: React.ReactNode;\n  /** 아이템 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  /** 아이템 오른쪽에 표시할 아이콘 */\n  rightIcon?: Icon;\n  /** 왼쪽 아이콘 크기 */\n  leftIconSize?: Size;\n  /** 오른쪽 아이콘 크기 */\n  rightIconSize?: Size;\n  size?: Size;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, 'children'>;\n\ntype SelectEmptyProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\ntype SelectDescriptionProps = {\n  children?: React.ReactNode;\n  size?: Size;\n  className?: string;\n};\n\ntype SelectGroupProps = {\n  children: React.ReactNode;\n  size?: Size;\n  /** 셀렉트 그룹 스타일 변형 */\n  variant?: Variant;\n  /** 불투명 배경 (elevation-0) 사용 여부. 반투명 배경이 비쳐보이는 것을 방지합니다. */\n  hasBackground?: boolean;\n  className?: string;\n};\n\n/** Select 루트 Props */\ntype SelectRootProps = {\n  children?: React.ReactNode;\n  /** 셀렉트 크기 */\n  size?: Size;\n  /** 셀렉트 스타일 변형 */\n  variant?: Variant;\n  /** 에러 상태 */\n  error?: boolean;\n  /** 포커스 상태 (line variant에서만 적용) */\n  focus?: boolean;\n  /** 활성화 상태 (필터 적용 등 내부 상태가 활성화됨을 표시) */\n  active?: boolean;\n  /** 비활성화 상태 */\n  disabled?: boolean;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'disabled' | 'children'>;\n\ntype SelectListProps = Omit<\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n  'position'\n>;\n\ntype SelectComponent = React.ForwardRefExoticComponent<\n  SelectRootProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Label: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLLabelElement>>;\n  Trigger: React.ForwardRefExoticComponent<\n    SelectTriggerProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n  >;\n  Box: React.ForwardRefExoticComponent<\n    SelectBoxProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n  >;\n  Value: React.ForwardRefExoticComponent<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value> &\n      React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Value>>\n  >;\n  List: React.ForwardRefExoticComponent<\n    SelectListProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Content>>\n  >;\n  Item: React.ForwardRefExoticComponent<\n    SelectItemProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Item>>\n  >;\n  Empty: React.ForwardRefExoticComponent<SelectEmptyProps & React.RefAttributes<HTMLDivElement>>;\n  Description: React.ForwardRefExoticComponent<\n    SelectDescriptionProps & React.RefAttributes<HTMLDivElement>\n  >;\n  Group: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nconst SelectContext = createContext<SelectContextValue | null>(null);\n\nconst useSelectContext = () => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('Select components must be used within a Select');\n  }\n  return context;\n};\n\nconst SelectGroupContext = createContext<SelectGroupContextValue | null>(null);\n\nconst useSelectGroupContext = () => {\n  return useContext(SelectGroupContext);\n};\n\nconst Select = forwardRef<HTMLDivElement, SelectRootProps>(\n  (\n    {\n      children,\n      size = 'medium',\n      variant = 'fill',\n      error = false,\n      disabled = false,\n      focus = false,\n      active = false,\n      className,\n      ...selectProps\n    },\n    ref,\n  ) => {\n    const uniqueId = useId();\n    const id = `select-${uniqueId}`;\n\n    return (\n      <SelectContext.Provider value={{ active, disabled, error, focus, id, size, variant }}>\n        <div ref={ref} className={cn(selectVariants.container(), className)}>\n          <SelectPrimitive.Root disabled={disabled} {...selectProps}>\n            {children}\n          </SelectPrimitive.Root>\n        </div>\n      </SelectContext.Provider>\n    );\n  },\n) as SelectComponent;\n\nSelect.Value = forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Value>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <SelectPrimitive.Value ref={ref} className={className} {...props}>\n      {children}\n    </SelectPrimitive.Value>\n  );\n}) as SelectComponent['Value'];\n\nSelect.Trigger = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n  ({ className, children, leftIcon, ...props }, ref) => {\n    const { size, error, id, variant, focus, active } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n\n    const groupClasses = groupContext\n      ? cn('rounded-none border-0', {\n          'rounded-l-medium': groupContext.isFirstChild,\n          'rounded-r-medium': groupContext.isLastChild,\n          // line variant: group이 외곽 border를 제공하므로, open 시 border 대신 inset ring 사용\n          'data-[state=open]:border-0 data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-border-focused':\n            variant === 'line',\n        })\n      : undefined;\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        id={id}\n        data-slot=\"select-trigger\"\n        className={cn(\n          selectVariants.trigger({ active, error, focus, size, variant }),\n          groupClasses,\n          className,\n        )}\n        {...props}\n      >\n        <div className={cn(selectVariants.triggerInner({ size }))}>\n          {leftIcon && (\n            <span\n              className={cn(\n                selectVariants.iconSize({ size }),\n                'flex items-center justify-center group-disabled:text-icon-disabled',\n              )}\n            >\n              {leftIcon}\n            </span>\n          )}\n          <div className=\"min-w-0 flex-1 truncate text-left\">{children}</div>\n          <ChevronDownIcon\n            type=\"regular\"\n            className={cn(\n              selectVariants.iconSize({ size }),\n              'transition-transform duration-200 group-data-[state=open]:rotate-180',\n              'group-disabled:text-icon-disabled',\n            )}\n          />\n        </div>\n      </SelectPrimitive.Trigger>\n    );\n  },\n) as SelectComponent['Trigger'];\n\nSelect.Box = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectBoxProps>(\n  ({ placeholder, leftIcon, className, ...props }, ref) => {\n    return (\n      <Select.Trigger ref={ref} leftIcon={leftIcon} className={className} {...props}>\n        <Select.Value placeholder={placeholder} />\n      </Select.Trigger>\n    );\n  },\n) as SelectComponent['Box'];\n\nSelect.List = forwardRef<React.ComponentRef<typeof SelectPrimitive.Content>, SelectListProps>(\n  ({ className, children, ...props }, ref) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        data-slot=\"select-content\"\n        className={cn(selectVariants.content, 'max-h-60 ', className)}\n        position=\"popper\"\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          data-slot=\"select-viewport\"\n          className={cn(\n            selectVariants.viewport,\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  ),\n) as SelectComponent['List'];\n\nSelect.Label = forwardRef<HTMLLabelElement, SelectLabelProps>(\n  ({ children, required = false, size: sizeProp, className }, ref) => {\n    const { size: contextSize, disabled, id } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={id}\n        className={cn(selectVariants.label({ disabled, required, size }), className)}\n      >\n        {children}\n      </label>\n    );\n  },\n) as SelectComponent['Label'];\n\nSelect.Item = forwardRef<React.ComponentRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n  (\n    {\n      className,\n      children,\n      leftIcon,\n      rightIcon,\n      leftIconSize,\n      rightIconSize,\n      size: sizeProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const { size: contextSize } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    return (\n      <SelectPrimitive.Item\n        data-slot=\"select-item\"\n        ref={ref}\n        className={cn(selectVariants.item({ size }), className)}\n        {...props}\n      >\n        <div className=\"flex w-full items-center justify-between\">\n          <div className=\"flex w-full items-center gap-0.5\">\n            {leftIcon && (\n              <span\n                className={cn(\n                  selectVariants.iconSize({ size: leftIconSize ?? size }),\n                  'flex items-center justify-center text-icon-primary',\n                )}\n              >\n                {leftIcon}\n              </span>\n            )}\n            <SelectPrimitive.ItemText asChild>\n              <div className={cn(selectVariants.itemText({ size }))}>{children}</div>\n            </SelectPrimitive.ItemText>\n          </div>\n          {rightIcon && (\n            <span\n              className={cn(\n                selectVariants.iconSize({ size: rightIconSize ?? size }),\n                'flex items-center justify-center text-icon-primary',\n              )}\n            >\n              {rightIcon}\n            </span>\n          )}\n        </div>\n      </SelectPrimitive.Item>\n    );\n  },\n) as SelectComponent['Item'];\n\nSelect.Empty = forwardRef<HTMLDivElement, SelectEmptyProps>(\n  ({ children = 'No data', className }, ref) => {\n    return (\n      <div ref={ref} className={cn('flex min-h-8 items-center justify-center p-2', className)}>\n        <p className=\"text-body-2 text-text-disabled\">{children}</p>\n      </div>\n    );\n  },\n) as SelectComponent['Empty'];\n\nSelect.Description = forwardRef<HTMLDivElement, SelectDescriptionProps>(\n  ({ children, size: sizeProp, className }, ref) => {\n    const { size: contextSize, error, disabled } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    if (!children) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"select-description\"\n        className={cn(selectVariants.description({ disabled, error, size }), className)}\n      >\n        <p>{children}</p>\n      </div>\n    );\n  },\n) as SelectComponent['Description'];\n\nSelect.Group = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, size = 'medium', variant = 'fill', hasBackground = false, className }, ref) => {\n    const childArray = React.Children.toArray(children);\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex w-fit flex-row items-stretch overflow-clip rounded-medium',\n          variant === 'line' && 'border border-border-primary',\n          hasBackground && 'bg-elevation-elevation-0',\n          className,\n        )}\n      >\n        {childArray.map((child, index) => {\n          const isFirst = index === 0;\n          const isLast = index === childArray.length - 1;\n\n          return (\n            <React.Fragment key={index}>\n              <SelectGroupContext.Provider\n                value={{ isFirstChild: isFirst, isLastChild: isLast, size, variant }}\n              >\n                {child}\n              </SelectGroupContext.Provider>\n              {!isLast && <div className=\"w-px self-stretch bg-border-primary\" />}\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n) as SelectComponent['Group'];\n\nSelect.displayName = 'Select';\nSelect.Label.displayName = 'Select.Label';\nSelect.Trigger.displayName = 'Select.Trigger';\nSelect.Box.displayName = 'Select.Box';\nSelect.Value.displayName = 'Select.Value';\nSelect.List.displayName = 'Select.List';\nSelect.Item.displayName = 'Select.Item';\nSelect.Empty.displayName = 'Select.Empty';\nSelect.Description.displayName = 'Select.Description';\nSelect.Group.displayName = 'Select.Group';\n\nexport { Select };\nexport type {\n  SelectComponent,\n  SelectRootProps,\n  SelectBoxProps,\n  SelectDescriptionProps,\n  SelectEmptyProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectTriggerProps,\n  SelectGroupProps,\n  SelectListProps,\n};\n"]}

package/dist/flat/index.d.mts

@@ -0,0 +1,13 @@
+export { FlatSegment, FlatSegmentItem, FlatSegmentProps } from './segment.mjs';
+export { FlatSelect, FlatSelectOption, FlatSelectProps } from './select.mjs';
+export { ConditionalTooltip, ConditionalTooltipProps, FlatTooltip, FlatTooltipProps, TooltipConfig } from './tooltip.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import '../segment/index.mjs';
+import '@radix-ui/react-tabs';
+import '../Select-DMvWV_rF.mjs';
+import '@radix-ui/react-select';
+import '../tooltip/index.mjs';
+import 'class-variance-authority/types';
+import '@exem-ui/core/utils';
+import '@radix-ui/react-tooltip';

package/dist/flat/index.d.ts

@@ -0,0 +1,13 @@
+export { FlatSegment, FlatSegmentItem, FlatSegmentProps } from './segment.js';
+export { FlatSelect, FlatSelectOption, FlatSelectProps } from './select.js';
+export { ConditionalTooltip, ConditionalTooltipProps, FlatTooltip, FlatTooltipProps, TooltipConfig } from './tooltip.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../segment/index.js';
+import '@radix-ui/react-tabs';
+import '../Select-DMvWV_rF.js';
+import '@radix-ui/react-select';
+import '../tooltip/index.js';
+import 'class-variance-authority/types';
+import '@exem-ui/core/utils';
+import '@radix-ui/react-tooltip';

package/dist/flat/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+require('../chunk-PU5NO5EZ.js');
+var chunkVSB25XTY_js = require('../chunk-VSB25XTY.js');
+require('../chunk-NDG4LR3Q.js');
+var chunk3FPMWAQT_js = require('../chunk-3FPMWAQT.js');
+require('../chunk-T7U2QRLC.js');
+var chunkFDX4IQK5_js = require('../chunk-FDX4IQK5.js');
+require('../chunk-MQVHREEI.js');
+require('../chunk-5M47B2XJ.js');
+
+
+
+Object.defineProperty(exports, "FlatSegment", {
+  enumerable: true,
+  get: function () { return chunkVSB25XTY_js.FlatSegment; }
+});
+Object.defineProperty(exports, "ConditionalTooltip", {
+  enumerable: true,
+  get: function () { return chunk3FPMWAQT_js.ConditionalTooltip; }
+});
+Object.defineProperty(exports, "FlatTooltip", {
+  enumerable: true,
+  get: function () { return chunk3FPMWAQT_js.FlatTooltip; }
+});
+Object.defineProperty(exports, "FlatSelect", {
+  enumerable: true,
+  get: function () { return chunkFDX4IQK5_js.FlatSelect; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/flat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/flat/index.mjs

@@ -0,0 +1,10 @@
+import '../chunk-VKN4H4WI.mjs';
+export { FlatSegment } from '../chunk-34QIGWCT.mjs';
+import '../chunk-Q442ZDTI.mjs';
+export { ConditionalTooltip, FlatTooltip } from '../chunk-5WGNZX7Z.mjs';
+import '../chunk-YVFLRPFV.mjs';
+export { FlatSelect } from '../chunk-DPUTW5KD.mjs';
+import '../chunk-ZWCMSHDP.mjs';
+import '../chunk-LZWKMQJL.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/flat/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/flat/segment.d.mts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { Segment, SegmentRootProps } from '../segment/index.mjs';
+import '@radix-ui/react-tabs';
+
+type FlatSegmentItem = Pick<React__default.ComponentPropsWithoutRef<typeof Segment.Item>, 'value' | 'children' | 'disabled' | 'leftIcon' | 'className'>;
+interface FlatSegmentProps extends Omit<SegmentRootProps, 'children' | 'asChild'> {
+    /** 세그먼트 아이템 배열 */
+    items: FlatSegmentItem[];
+    /**
+     * 전체 비활성화 여부 (개별 아이템의 disabled와 OR 결합)
+     * @default false
+     */
+    disabled?: boolean;
+}
+/**
+ * Segment 컴포넌트의 간소화된 Flat API입니다.
+ * items 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * <FlatSegment
+ *   defaultValue="tab1"
+ *   size="medium"
+ *   items={[
+ *     { value: 'tab1', children: '첫 번째' },
+ *     { value: 'tab2', children: '두 번째' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link FlatSegmentProps} props 상세
+ */
+declare const FlatSegment: {
+    ({ items, disabled, className, ...props }: FlatSegmentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { FlatSegment, type FlatSegmentItem, type FlatSegmentProps };

package/dist/flat/segment.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { Segment, SegmentRootProps } from '../segment/index.js';
+import '@radix-ui/react-tabs';
+
+type FlatSegmentItem = Pick<React__default.ComponentPropsWithoutRef<typeof Segment.Item>, 'value' | 'children' | 'disabled' | 'leftIcon' | 'className'>;
+interface FlatSegmentProps extends Omit<SegmentRootProps, 'children' | 'asChild'> {
+    /** 세그먼트 아이템 배열 */
+    items: FlatSegmentItem[];
+    /**
+     * 전체 비활성화 여부 (개별 아이템의 disabled와 OR 결합)
+     * @default false
+     */
+    disabled?: boolean;
+}
+/**
+ * Segment 컴포넌트의 간소화된 Flat API입니다.
+ * items 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
+ *
+ * @example
+ * ```tsx
+ * <FlatSegment
+ *   defaultValue="tab1"
+ *   size="medium"
+ *   items={[
+ *     { value: 'tab1', children: '첫 번째' },
+ *     { value: 'tab2', children: '두 번째' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link FlatSegmentProps} props 상세
+ */
+declare const FlatSegment: {
+    ({ items, disabled, className, ...props }: FlatSegmentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { FlatSegment, type FlatSegmentItem, type FlatSegmentProps };

package/dist/flat/segment.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkVSB25XTY_js = require('../chunk-VSB25XTY.js');
+require('../chunk-NDG4LR3Q.js');
+
+
+
+Object.defineProperty(exports, "FlatSegment", {
+  enumerable: true,
+  get: function () { return chunkVSB25XTY_js.FlatSegment; }
+});
+//# sourceMappingURL=segment.js.map
+//# sourceMappingURL=segment.js.map