@exem-ui/react 0.1.0-next.bf3c711

package/dist/chunk-M6OWN7QH.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var utils = require('@exem-ui/core/utils');
+var SwitchPrimitives = require('@radix-ui/react-switch');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+
+// src/switch/Switch.tsx
+var switchVariants = utils.cva(
+  "peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full disabled:cursor-not-allowed data-[state=checked]:bg-solid-accent-default data-[state=unchecked]:bg-elevation-elevation-4 hover:data-[state=checked]:bg-solid-accent-hovered hover:data-[state=unchecked]:bg-elevation-elevation-5 disabled:data-[state=checked]:bg-solid-accent-disabled disabled:data-[state=unchecked]:bg-elevation-elevation-3 disabled:hover:data-[state=checked]:bg-solid-accent-disabled disabled:hover:data-[state=unchecked]:bg-elevation-elevation-3",
+  {
+    variants: {
+      size: {
+        small: "h-[16px] w-[28px]",
+        medium: "h-[20px] w-[36px]",
+        large: "h-[24px] w-[44px]"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+var switchThumbVariants = utils.cva(
+  "pointer-events-none absolute bg-icon-static-light left-[2px] top-[2px] rounded-full ring-0 data-[state=unchecked]:translate-x-0 data-[disabled]:bg-icon-inverse-disabled",
+  {
+    variants: {
+      size: {
+        small: "size-[12px] data-[state=checked]:translate-x-[12px]",
+        medium: "size-[16px] data-[state=checked]:translate-x-[16px]",
+        large: "size-[20px] data-[state=checked]:translate-x-[20px]"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+var containerVariants = utils.cva("inline-flex items-center", {
+  variants: {
+    size: {
+      small: "gap-1",
+      medium: "gap-1.5",
+      large: "gap-2"
+    },
+    labelPosition: {
+      right: "flex-row",
+      left: "flex-row-reverse"
+    }
+  },
+  defaultVariants: {
+    size: "medium",
+    labelPosition: "right"
+  }
+});
+var switchLabelVariants = utils.cva(
+  "cursor-pointer select-none font-regular text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled",
+  {
+    variants: {
+      size: {
+        small: "text-body-3",
+        medium: "text-body-2",
+        large: "text-body-1"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+var Switch = react.forwardRef(
+  ({ className, size = "medium", label, labelPosition = "right", id, ...props }, ref) => {
+    const switchId = react.useId();
+    const finalId = id || switchId;
+    const switchElement = /* @__PURE__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.Root,
+      {
+        id: finalId,
+        className: utils.cn(switchVariants({ size }), className),
+        ...props,
+        ref,
+        children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, { className: utils.cn(switchThumbVariants({ size })) })
+      }
+    );
+    if (!label) {
+      return switchElement;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(containerVariants({ size, labelPosition })), children: [
+      switchElement,
+      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: finalId, className: utils.cn(switchLabelVariants({ size })), children: label })
+    ] });
+  }
+);
+Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
+
+exports.Switch = Switch;
+//# sourceMappingURL=chunk-M6OWN7QH.js.map
+//# sourceMappingURL=chunk-M6OWN7QH.js.map

package/dist/chunk-M6OWN7QH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/switch/Switch.tsx"],"names":["cva","forwardRef","useId","jsx","SwitchPrimitives","cn","jsxs"],"mappings":"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","file":"chunk-M6OWN7QH.js","sourcesContent":["import { cn, cva, type VariantProps } from '@exem-ui/core/utils';\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport type React from 'react';\nimport { forwardRef, useId } from 'react';\n\nconst switchVariants = cva(\n  'peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full disabled:cursor-not-allowed data-[state=checked]:bg-solid-accent-default data-[state=unchecked]:bg-elevation-elevation-4 hover:data-[state=checked]:bg-solid-accent-hovered hover:data-[state=unchecked]:bg-elevation-elevation-5 disabled:data-[state=checked]:bg-solid-accent-disabled disabled:data-[state=unchecked]:bg-elevation-elevation-3 disabled:hover:data-[state=checked]:bg-solid-accent-disabled disabled:hover:data-[state=unchecked]:bg-elevation-elevation-3',\n  {\n    variants: {\n      size: {\n        small: 'h-[16px] w-[28px]',\n        medium: 'h-[20px] w-[36px]',\n        large: 'h-[24px] w-[44px]',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  'pointer-events-none absolute bg-icon-static-light left-[2px] top-[2px] rounded-full ring-0 data-[state=unchecked]:translate-x-0 data-[disabled]:bg-icon-inverse-disabled',\n  {\n    variants: {\n      size: {\n        small: 'size-[12px] data-[state=checked]:translate-x-[12px]',\n        medium: 'size-[16px] data-[state=checked]:translate-x-[16px]',\n        large: 'size-[20px] data-[state=checked]:translate-x-[20px]',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst containerVariants = cva('inline-flex items-center', {\n  variants: {\n    size: {\n      small: 'gap-1',\n      medium: 'gap-1.5',\n      large: 'gap-2',\n    },\n    labelPosition: {\n      right: 'flex-row',\n      left: 'flex-row-reverse',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    labelPosition: 'right',\n  },\n});\n\nconst switchLabelVariants = cva(\n  'cursor-pointer select-none font-regular text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled',\n  {\n    variants: {\n      size: {\n        small: 'text-body-3',\n        medium: 'text-body-2',\n        large: 'text-body-1',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\ninterface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>,\n    VariantProps<typeof switchVariants> {\n  /** 스위치 옆에 표시할 레이블 텍스트 */\n  label?: string;\n  /**\n   * 레이블 위치\n   * @default 'right'\n   */\n  labelPosition?: 'left' | 'right';\n}\n\ntype SwitchComponent = React.ForwardRefExoticComponent<\n  SwitchProps & React.RefAttributes<HTMLButtonElement>\n>;\n\n/**\n * 켜기/끄기 상태를 전환하는 스위치 컴포넌트입니다.\n *\n * @example\n * ```tsx\n * <Switch label=\"알림 받기\" size=\"medium\" />\n * <Switch label=\"다크 모드\" labelPosition=\"left\" defaultChecked />\n * ```\n *\n * @see {@link SwitchProps} props 상세\n */\nconst Switch = forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, size = 'medium', label, labelPosition = 'right', id, ...props }, ref) => {\n    // 고유한 ID 생성 (접근성을 위해)\n    const switchId = useId();\n    const finalId = id || switchId;\n\n    const switchElement = (\n      <SwitchPrimitives.Root\n        id={finalId}\n        className={cn(switchVariants({ size }), className)}\n        {...props}\n        ref={ref}\n      >\n        <SwitchPrimitives.Thumb className={cn(switchThumbVariants({ size }))} />\n      </SwitchPrimitives.Root>\n    );\n\n    if (!label) {\n      return switchElement;\n    }\n\n    return (\n      <div className={cn(containerVariants({ size, labelPosition }))}>\n        {switchElement}\n        <label htmlFor={finalId} className={cn(switchLabelVariants({ size }))}>\n          {label}\n        </label>\n      </div>\n    );\n  },\n) as SwitchComponent;\n\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\nexport type { SwitchComponent, SwitchProps };\n"]}

package/dist/chunk-MQVHREEI.js

@@ -0,0 +1,448 @@
+'use strict';
+
+var chunk5M47B2XJ_js = require('./chunk-5M47B2XJ.js');
+var utils = require('@exem-ui/core/utils');
+var SelectPrimitive = require('@radix-ui/react-select');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+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 = React.createContext(null);
+var useSelectContext = () => {
+  const context = React.useContext(SelectContext);
+  if (!context) {
+    throw new Error("Select components must be used within a Select");
+  }
+  return context;
+};
+var SelectGroupContext = React.createContext(null);
+var useSelectGroupContext = () => {
+  return React.useContext(SelectGroupContext);
+};
+var Select = React.forwardRef(
+  ({
+    children,
+    size = "medium",
+    variant = "fill",
+    error = false,
+    disabled = false,
+    focus = false,
+    active = false,
+    className,
+    ...selectProps
+  }, ref) => {
+    const uniqueId = React.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 = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { ref, className, ...props, children });
+});
+Select.Trigger = React.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 = React.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 = React.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 = React.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 = React.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 = React.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 = React.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 = React.forwardRef(
+  ({ children, size = "medium", variant = "fill", hasBackground = false, className }, ref) => {
+    const childArray = React__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(React__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";
+
+exports.Select = Select;
+exports.commonInputVariants = commonInputVariants;
+//# sourceMappingURL=chunk-MQVHREEI.js.map
+//# sourceMappingURL=chunk-MQVHREEI.js.map

package/dist/chunk-MQVHREEI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input/inputVariants.ts","../src/input/selectVariants.ts","../src/input/Select.tsx"],"names":["cva","cn","createContext","useContext","forwardRef","useId","jsx","SelectPrimitive","jsxs","ChevronDown","React"],"mappings":"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","file":"chunk-MQVHREEI.js","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"]}