@exem-ui/react 0.1.0 → 0.2.0

package/dist/chunk-ZWCMSHDP.mjs

@@ -1,425 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,31 +0,0 @@
-'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

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

package/dist/flat/index.mjs

@@ -1,10 +0,0 @@
-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

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

package/dist/flat/segment.d.mts

@@ -1,39 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,13 +0,0 @@
-'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