@hua-labs/ui 1.1.0-alpha.6 → 2.0.0-alpha.10

package/dist/chunk-ULNG6SWK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Input.tsx","../src/components/Label.tsx","../src/components/Checkbox.tsx","../src/components/Switch.tsx","../src/components/Textarea.tsx"],"names":["Input","React","className","type","props","ref","ariaInvalid","isInvalid","jsx","merge","Label","children","required","error","disabled","variant","variantClasses","jsxs","Checkbox","size","success","label","description","id","_a","generatedId","checkboxId","labelId","descriptionId","sizeClasses","iconSizes","stateClasses","isChecked","Icon","Switch","switchId","thumbSizes","Textarea","resize","resizeClasses"],"mappings":"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","file":"chunk-ULNG6SWK.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Input 컴포넌트의 props / Input component props\n * HTML input 요소의 모든 표준 속성을 상속받습니다.\n * Inherits all standard attributes of HTML input element.\n * @typedef {Object} InputProps\n * @extends {React.InputHTMLAttributes<HTMLInputElement>}\n */\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\n/**\n * Input 컴포넌트 / Input component\n * \n * 표준 HTML input 요소를 래핑한 스타일링된 입력 필드 컴포넌트입니다.\n * 접근성 속성(aria-invalid)을 자동으로 처리합니다.\n * \n * Styled input field component wrapping standard HTML input element.\n * Automatically handles accessibility attributes (aria-invalid).\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Input type=\"text\" placeholder=\"이름을 입력하세요\" />\n * \n * @example\n * // 에러 상태 / Error state\n * <Input \n *   type=\"email\" \n *   placeholder=\"이메일\"\n *   aria-invalid={true}\n * />\n * \n * @example\n * // ref 사용 / Using ref\n * const inputRef = useRef<HTMLInputElement>(null)\n * <Input ref={inputRef} type=\"text\" />\n * \n * @param {InputProps} props - Input 컴포넌트의 props / Input component props\n * @param {React.Ref<HTMLInputElement>} ref - input 요소 ref / input element ref\n * @returns {JSX.Element} Input 컴포넌트 / Input component\n */\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    // aria-invalid이 명시적으로 전달되지 않았고, error prop이 있으면 자동 설정\n    const ariaInvalid = props[\"aria-invalid\" as keyof typeof props] as boolean | undefined;\n    const isInvalid = ariaInvalid !== undefined ? ariaInvalid : false;\n    \n    return (\n      <input\n        type={type}\n        className={merge(\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200 hover:border-blue-400 hover:shadow-sm\",\n          isInvalid && \"border-red-500 focus-visible:ring-red-500\",\n          className\n        )}\n        ref={ref}\n        aria-invalid={isInvalid || undefined}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Label 컴포넌트의 props / Label component props\n * @typedef {Object} LabelProps\n * @property {boolean} [required=false] - 필수 필드 여부 / Required field indicator\n * @property {boolean} [error=false] - 에러 상태 표시 / Error state\n * @property {boolean} [disabled=false] - 비활성화 상태 / Disabled state\n * @property {\"default\" | \"glass\"} [variant=\"default\"] - Label 스타일 변형 / Label style variant\n * @extends {React.LabelHTMLAttributes<HTMLLabelElement>}\n */\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean\n  error?: boolean\n  disabled?: boolean\n  variant?: \"default\" | \"glass\"\n}\n\n/**\n * Label 컴포넌트 / Label component\n * \n * 폼 필드의 레이블을 표시하는 컴포넌트입니다.\n * 필수 필드 표시와 에러 상태를 지원합니다.\n * \n * Component for displaying form field labels.\n * Supports required field indicator and error state.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Label htmlFor=\"email\">이메일</Label>\n * <Input id=\"email\" />\n * \n * @example\n * // 필수 필드 / Required field\n * <Label required htmlFor=\"name\">이름</Label>\n * <Input id=\"name\" required />\n * \n * @example\n * // 에러 상태 / Error state\n * <Label error htmlFor=\"password\">비밀번호</Label>\n * <Input id=\"password\" aria-invalid />\n * \n * @param {LabelProps} props - Label 컴포넌트의 props / Label component props\n * @param {React.Ref<HTMLLabelElement>} ref - label 요소 ref / label element ref\n * @returns {JSX.Element} Label 컴포넌트 / Label component\n * \n * @todo 접근성 개선: required일 때 aria-required=\"true\" 추가 필요 / Accessibility improvement: add aria-required=\"true\" when required\n */\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ \n    className, \n    children, \n    required = false,\n    error = false,\n    disabled = false,\n    variant = \"default\",\n    ...props \n  }, ref) => {\n    const variantClasses = {\n      default: merge(\n        \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        error && \"text-red-600 dark:text-red-400\",\n        disabled && \"text-slate-400 dark:text-slate-500\",\n        !error && !disabled && \"text-slate-700 dark:text-slate-300\"\n      ),\n      glass: merge(\n        \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        error && \"text-red-400\",\n        disabled && \"text-white/50\",\n        !error && !disabled && \"text-white\"\n      )\n    }\n\n    return (\n      <label\n        ref={ref}\n        className={merge(variantClasses[variant], className)}\n        aria-required={required ? true : undefined}\n        {...props}\n      >\n        {children}\n        {required && (\n          <span className={variant === \"glass\" ? \"text-red-400 ml-1\" : \"text-red-500 ml-1\"} aria-label=\"필수 필드\">*</span>\n        )}\n      </label>\n    )\n  }\n)\nLabel.displayName = \"Label\"\n\nexport { Label } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Icon } from \"./Icon\"\n\n/**\n * Checkbox 컴포넌트의 props / Checkbox component props\n * @typedef {Object} CheckboxProps\n * @property {\"default\" | \"outline\" | \"filled\" | \"glass\"} [variant=\"default\"] - Checkbox 스타일 변형 / Checkbox style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Checkbox 크기 / Checkbox size\n * @property {boolean} [error=false] - 에러 상태 표시 / Error state\n * @property {boolean} [success=false] - 성공 상태 표시 / Success state\n * @property {string} [label] - 체크박스 레이블 텍스트 / Checkbox label text\n * @property {string} [description] - 체크박스 설명 텍스트 / Checkbox description text\n * @extends {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>}\n */\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  variant?: \"default\" | \"outline\" | \"filled\" | \"glass\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  error?: boolean\n  success?: boolean\n  label?: string\n  description?: string\n}\n\n/**\n * Checkbox 컴포넌트 / Checkbox component\n * \n * 체크박스 입력 필드를 제공하는 컴포넌트입니다.\n * ARIA 속성을 자동으로 설정하여 접근성을 지원합니다.\n * \n * Checkbox input field component.\n * Automatically sets ARIA attributes for accessibility support.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Checkbox label=\"이용약관에 동의합니다\" />\n * \n * @example\n * // 에러 상태와 설명 / Error state with description\n * <Checkbox \n *   label=\"필수 항목\"\n *   description=\"이 항목은 필수입니다\"\n *   error\n * />\n * \n * @example\n * // 제어 컴포넌트 / Controlled component\n * const [checked, setChecked] = useState(false)\n * <Checkbox \n *   checked={checked}\n *   onChange={(e) => setChecked(e.target.checked)}\n *   label=\"동의\"\n * />\n * \n * @param {CheckboxProps} props - Checkbox 컴포넌트의 props / Checkbox component props\n * @param {React.Ref<HTMLInputElement>} ref - input 요소 ref / input element ref\n * @returns {JSX.Element} Checkbox 컴포넌트 / Checkbox component\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ \n    className, \n    variant = \"default\",\n    size = \"md\",\n    error = false,\n    success = false,\n    label,\n    description,\n    id,\n    ...props \n  }, ref) => {\n    const generatedId = React.useId()\n    const checkboxId = id || generatedId\n    const labelId = label ? `${checkboxId}-label` : undefined\n    const descriptionId = description ? `${checkboxId}-description` : undefined\n    const sizeClasses = {\n      sm: \"w-4 h-4\",\n      md: \"w-5 h-5\",\n      lg: \"w-6 h-6\"\n    }\n\n    const iconSizes = {\n      sm: 12,\n      md: 14,\n      lg: 16\n    }\n\n    const variantClasses = {\n      default: \"border-gray-300 bg-white text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-800 dark:focus:ring-blue-400\",\n      outline: \"border-2 border-gray-200 bg-transparent text-blue-600 focus:ring-blue-500 dark:border-gray-700 dark:focus:ring-blue-400\",\n      filled: \"border-transparent bg-gray-50 text-blue-600 focus:bg-white focus:ring-blue-500 dark:bg-gray-700 dark:focus:bg-gray-800 dark:focus:ring-blue-400\",\n      glass: \"border-white/30 bg-white/10 backdrop-blur-sm text-white focus:ring-blue-400/50 focus:bg-white/20 dark:border-slate-600/50 dark:bg-slate-800/10 dark:focus:ring-blue-400/50 dark:focus:bg-slate-700/20\"\n    }\n\n    const stateClasses = error \n      ? \"border-red-500 focus:ring-red-500 dark:border-red-400 dark:focus:ring-red-400\"\n      : success\n      ? \"border-green-500 focus:ring-green-500 dark:border-green-400 dark:focus:ring-green-400\"\n      : \"\"\n\n    const isChecked = props.checked ?? false;\n\n    return (\n      <div className=\"flex items-start space-x-3\">\n        <div className=\"relative\">\n          <input\n            type=\"checkbox\"\n            id={checkboxId}\n            className={merge(\n              \"peer absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10\",\n              className\n            )}\n            ref={ref}\n            aria-checked={isChecked}\n            aria-invalid={error}\n            aria-label={!label ? props['aria-label'] : undefined}\n            aria-labelledby={label ? labelId : undefined}\n            aria-describedby={descriptionId}\n            role=\"checkbox\"\n            {...props}\n          />\n          <div\n            className={merge(\n              \"flex items-center justify-center rounded border transition-all duration-200 cursor-pointer relative\",\n              \"peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-offset-2\",\n              \"peer-hover:border-blue-400 peer-hover:shadow-sm\",\n              \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50 peer-disabled:hover:border-gray-300\",\n              sizeClasses[size],\n              variantClasses[variant],\n              stateClasses,\n              isChecked && \"bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500 shadow-md shadow-blue-500/20\",\n              !isChecked && \"bg-white dark:bg-gray-800\"\n            )}\n          >\n            {/* 체크 아이콘으로 개선 */}\n            <Icon \n              name=\"check\" \n              size={iconSizes[size]} \n              className={merge(\n                \"text-white transition-all duration-200\",\n                isChecked ? \"opacity-100 scale-100\" : \"opacity-0 scale-0\"\n              )}\n            />\n          </div>\n        </div>\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <label htmlFor={checkboxId} id={labelId} className=\"text-sm font-medium text-gray-900 dark:text-white cursor-pointer\">\n                {label}\n              </label>\n            )}\n            {description && (\n              <p id={descriptionId} className=\"text-sm text-gray-500 dark:text-gray-400\">\n                {description}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nCheckbox.displayName = \"Checkbox\"\n\nexport { Checkbox } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Switch 컴포넌트의 props / Switch component props\n * @typedef {Object} SwitchProps\n * @property {\"default\" | \"outline\" | \"filled\" | \"glass\"} [variant=\"default\"] - Switch 스타일 변형 / Switch style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Switch 크기 / Switch size\n * @property {boolean} [error=false] - 에러 상태 표시 / Error state\n * @property {boolean} [success=false] - 성공 상태 표시 / Success state\n * @property {string} [label] - 스위치 레이블 텍스트 / Switch label text\n * @property {string} [description] - 스위치 설명 텍스트 / Switch description text\n * @extends {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>}\n */\nexport interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  variant?: \"default\" | \"outline\" | \"filled\" | \"glass\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  error?: boolean\n  success?: boolean\n  label?: string\n  description?: string\n}\n\n/**\n * Switch 컴포넌트 / Switch component\n * \n * 토글 스위치 입력 필드를 제공하는 컴포넌트입니다.\n * ARIA 속성을 자동으로 설정하여 접근성을 지원합니다.\n * \n * Toggle switch input field component.\n * Automatically sets ARIA attributes for accessibility support.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Switch label=\"알림 받기\" />\n * \n * @example\n * // 제어 컴포넌트 / Controlled component\n * const [enabled, setEnabled] = useState(false)\n * <Switch \n *   checked={enabled}\n *   onChange={(e) => setEnabled(e.target.checked)}\n *   label=\"다크 모드\"\n * />\n * \n * @example\n * // 에러 상태 / Error state\n * <Switch \n *   label=\"필수 설정\"\n *   description=\"이 설정을 활성화해야 합니다\"\n *   error\n * />\n * \n * @param {SwitchProps} props - Switch 컴포넌트의 props / Switch component props\n * @param {React.Ref<HTMLInputElement>} ref - input 요소 ref / input element ref\n * @returns {JSX.Element} Switch 컴포넌트 / Switch component\n */\nconst Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n  ({ \n    className, \n    variant = \"default\",\n    size = \"md\",\n    error = false,\n    success = false,\n    label,\n    description,\n    id,\n    ...props \n  }, ref) => {\n    const generatedId = React.useId()\n    const switchId = id || generatedId\n    const labelId = label ? `${switchId}-label` : undefined\n    const descriptionId = description ? `${switchId}-description` : undefined\n    const sizeClasses = {\n      sm: \"w-8 h-4\",\n      md: \"w-11 h-6\",\n      lg: \"w-14 h-7\"\n    }\n\n    const thumbSizes = {\n      sm: \"w-3 h-3\",\n      md: \"w-5 h-5\",\n      lg: \"w-6 h-6\"\n    }\n\n    const variantClasses = {\n      default: \"bg-gray-200 peer-checked:bg-blue-600 dark:bg-gray-700 dark:peer-checked:bg-blue-500\",\n      outline: \"bg-transparent border-2 border-gray-300 peer-checked:border-blue-600 peer-checked:bg-blue-600 dark:border-gray-600 dark:peer-checked:border-blue-500 dark:peer-checked:bg-blue-500\",\n      filled: \"bg-gray-100 peer-checked:bg-blue-600 dark:bg-gray-800 dark:peer-checked:bg-blue-500\",\n      glass: \"bg-white/20 backdrop-blur-sm border border-white/30 peer-checked:bg-blue-400/50 peer-checked:border-blue-300/50 dark:bg-slate-800/20 dark:border-slate-700/50 dark:peer-checked:bg-blue-400/50 dark:peer-checked:border-blue-300/50\"\n    }\n\n    const stateClasses = error \n      ? \"bg-red-200 peer-checked:bg-red-600 dark:bg-red-800 dark:peer-checked:bg-red-500\"\n      : success\n      ? \"bg-green-200 peer-checked:bg-green-600 dark:bg-green-800 dark:peer-checked:bg-green-500\"\n      : \"\"\n\n    return (\n      <div className=\"flex items-start space-x-3\">\n        <div className=\"relative\">\n          <input\n            type=\"checkbox\"\n            id={switchId}\n            className={merge(\n              \"peer sr-only\",\n              className\n            )}\n            ref={ref}\n            aria-checked={props.checked ?? false}\n            aria-invalid={error}\n            aria-label={!label ? props['aria-label'] : undefined}\n            aria-labelledby={label ? labelId : undefined}\n            aria-describedby={descriptionId}\n            role=\"switch\"\n            {...props}\n          />\n          <div\n            className={merge(\n              \"relative inline-flex cursor-pointer items-center rounded-full transition-colors duration-200 ease-in-out\",\n              \"peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-500 peer-focus:ring-offset-2\",\n              \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n              sizeClasses[size],\n              variantClasses[variant],\n              stateClasses\n            )}\n          >\n            <div\n              className={merge(\n                \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 ease-in-out\",\n                \"peer-checked:translate-x-full\",\n                thumbSizes[size],\n                size === \"sm\" ? \"translate-x-0.5 peer-checked:translate-x-4.5\" : \"\",\n                size === \"md\" ? \"translate-x-0.5 peer-checked:translate-x-5.5\" : \"\",\n                size === \"lg\" ? \"translate-x-0.5 peer-checked:translate-x-7\" : \"\"\n              )}\n            />\n          </div>\n        </div>\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <label htmlFor={switchId} id={labelId} className=\"text-sm font-medium text-gray-900 dark:text-white cursor-pointer\">\n                {label}\n              </label>\n            )}\n            {description && (\n              <p id={descriptionId} className=\"text-sm text-gray-500 dark:text-gray-400\">\n                {description}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nSwitch.displayName = \"Switch\"\n\nexport { Switch } ","\"use client\"\n\nimport React from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Textarea 컴포넌트의 props / Textarea component props\n * @typedef {Object} TextareaProps\n * @property {\"default\" | \"outline\" | \"filled\" | \"ghost\" | \"glass\"} [variant=\"default\"] - Textarea 스타일 변형 / Textarea style variant\n * @property {\"sm\" | \"md\" | \"lg\"} [size=\"md\"] - Textarea 크기 / Textarea size\n * @property {boolean} [error=false] - 에러 상태 표시 / Error state\n * @property {boolean} [success=false] - 성공 상태 표시 / Success state\n * @property {\"none\" | \"vertical\" | \"horizontal\" | \"both\"} [resize=\"vertical\"] - 크기 조절 방향 / Resize direction\n * @extends {React.TextareaHTMLAttributes<HTMLTextAreaElement>}\n */\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  variant?: \"default\" | \"outline\" | \"filled\" | \"ghost\" | \"glass\"\n  size?: \"sm\" | \"md\" | \"lg\"\n  error?: boolean\n  success?: boolean\n  resize?: \"none\" | \"vertical\" | \"horizontal\" | \"both\"\n}\n\n/**\n * Textarea 컴포넌트 / Textarea component\n * \n * 여러 줄 텍스트 입력을 위한 텍스트 영역 컴포넌트입니다.\n * 다양한 스타일 변형과 크기를 지원하며, 접근성 속성을 포함합니다.\n * \n * Text area component for multi-line text input.\n * Supports various style variants and sizes, includes accessibility attributes.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <Textarea placeholder=\"내용을 입력하세요\" />\n * \n * @example\n * // 에러 상태 / Error state\n * <Textarea \n *   error\n *   placeholder=\"에러가 발생했습니다\"\n *   aria-label=\"설명 입력\"\n * />\n * \n * @example\n * // 크기 조절 비활성화 / Disable resize\n * <Textarea \n *   resize=\"none\"\n *   rows={5}\n *   placeholder=\"고정 크기 텍스트 영역\"\n * />\n * \n * @param {TextareaProps} props - Textarea 컴포넌트의 props / Textarea component props\n * @param {React.Ref<HTMLTextAreaElement>} ref - textarea 요소 ref / textarea element ref\n * @returns {JSX.Element} Textarea 컴포넌트 / Textarea component\n * \n * @todo 접근성 개선: aria-invalid 속성 자동 추가 필요 / Accessibility improvement: auto-add aria-invalid attribute\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ \n    className, \n    variant = \"default\",\n    size = \"md\",\n    error = false,\n    success = false,\n    resize = \"vertical\",\n    ...props \n  }, ref) => {\n    const variantClasses = {\n      default: \"border-gray-300 bg-white text-gray-900 placeholder-gray-500 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-400 dark:focus:ring-blue-400 transition-all duration-200 hover:border-blue-400 hover:shadow-sm\",\n      outline: \"border-2 border-gray-200 bg-transparent text-gray-900 placeholder-gray-500 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-400 dark:focus:ring-blue-400 transition-all duration-200 hover:border-blue-400 hover:shadow-sm\",\n      filled: \"border-transparent bg-gray-50 text-gray-900 placeholder-gray-500 focus:bg-white focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:bg-gray-800 dark:focus:border-blue-400 dark:focus:ring-blue-400 transition-all duration-200 hover:bg-gray-100 dark:hover:bg-gray-600\",\n      ghost: \"border-transparent bg-transparent text-gray-900 placeholder-gray-500 focus:bg-gray-50 focus:border-gray-300 focus:ring-gray-500 dark:text-white dark:placeholder-gray-400 dark:focus:bg-gray-800 dark:focus:border-gray-600 dark:focus:ring-gray-400 transition-all duration-200 hover:bg-gray-50 dark:hover:bg-gray-800\",\n      glass: \"border-white/30 bg-white/10 backdrop-blur-sm text-white placeholder-white/60 focus:border-blue-400/50 focus:ring-blue-400/20 focus:bg-white/20 dark:border-slate-600/50 dark:bg-slate-800/10 dark:text-slate-200 dark:placeholder-slate-400 dark:focus:border-blue-400/50 dark:focus:ring-blue-400/20 dark:focus:bg-slate-700/20 transition-all duration-200 hover:border-blue-400/40 hover:bg-white/15 dark:hover:bg-slate-700/15\"\n    }\n\n    const sizeClasses = {\n      sm: \"px-3 py-2 text-sm min-h-[80px]\",\n      md: \"px-4 py-3 text-base min-h-[100px]\",\n      lg: \"px-4 py-3 text-lg min-h-[120px]\"\n    }\n\n    const resizeClasses = {\n      none: \"resize-none\",\n      vertical: \"resize-y\",\n      horizontal: \"resize-x\",\n      both: \"resize\"\n    }\n\n    const stateClasses = error \n      ? \"border-red-500 focus:border-red-500 focus:ring-red-500 dark:border-red-400 dark:focus:border-red-400 dark:focus:ring-red-400\"\n      : success\n      ? \"border-green-500 focus:border-green-500 focus:ring-green-500 dark:border-green-400 dark:focus:border-green-400 dark:focus:ring-green-400\"\n      : \"\"\n    \n    // aria-invalid 자동 설정\n    // Auto-set aria-invalid\n    const ariaInvalid = props['aria-invalid' as keyof typeof props] as boolean | undefined\n    const isInvalid = error || (ariaInvalid !== undefined ? ariaInvalid : false)\n\n    return (\n      <textarea\n        className={merge(\n          \"flex w-full rounded-md border transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          variantClasses[variant],\n          sizeClasses[size],\n          resizeClasses[resize],\n          stateClasses,\n          className\n        )}\n        ref={ref}\n        aria-invalid={isInvalid || undefined}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea } "]}

package/dist/chunk-V65I7CVX.mjs

@@ -1,2 +0,0 @@
-import {d}from'./chunk-XJAQ7MK5.mjs';import {a}from'./chunk-UUHAXGMO.mjs';import q,{useState,useEffect,useCallback}from'react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var K=q.forwardRef(({className:b,height:v=2,color:h="gradient",position:y="top",animated:A=true,showPercentage:N=false,...l},x)=>{let[u,f]=useState(0);useEffect(()=>{let a=()=>{let m=window.scrollY,r=document.documentElement.scrollHeight-window.innerHeight,k=r>0?m/r*100:0;f(k);};return a(),window.addEventListener("scroll",a,{passive:true}),window.addEventListener("resize",a,{passive:true}),()=>{window.removeEventListener("scroll",a),window.removeEventListener("resize",a);}},[]);let p={default:"bg-foreground",primary:"bg-primary",secondary:"bg-muted-foreground",gradient:"bg-gradient-to-r from-teal-600 via-cyan-500 to-teal-600"};return jsxs("div",{ref:x,className:a("fixed z-50",{top:"top-0 left-0 right-0",bottom:"bottom-0 left-0 right-0"}[y],b),style:{height:`${v}px`},...l,children:[jsx("div",{className:"w-full h-full bg-border"}),jsx("div",{className:a("h-full origin-left transition-all duration-100 ease-out",p[h]||p.gradient),style:{width:`${u}%`,transformOrigin:"left"}}),N&&jsxs("div",{className:"absolute top-2 right-2 text-xs text-muted-foreground bg-card px-2 py-1 rounded border border-border",children:[Math.round(u),"%"]})]})});K.displayName="ScrollProgress";var V=q.forwardRef(({className:b,title:v,subtitle:h,description:y,primaryAction:A,secondaryAction:N,slides:l,autoPlay:x=false,interval:u=5e3,indicator:f="dots",showControls:p=true,pauseOnHover:w=true,background:a$1="gradient",customBackground:m,size:r="lg",fullBleed:k=false,...j},T)=>{let[g,S]=useState(0),[H,L]=useState(false),o=l&&l.length>0,c=(l==null?void 0:l.length)||0,C=useCallback(()=>{o&&S(i=>(i+1)%c);},[o,c]),B=useCallback(()=>{o&&S(i=>(i-1+c)%c);},[o,c]),E=useCallback(i=>{S(i);},[]);useEffect(()=>{if(!x||!o||H)return;let i=setInterval(C,u);return ()=>clearInterval(i)},[x,o,H,u,C]);let t=o?l[g]:{title:v||"",subtitle:h,description:y||"",primaryAction:A,secondaryAction:N,background:a$1},$={sm:"min-h-[400px]",md:"min-h-[500px]",lg:"min-h-[600px]",xl:"min-h-[700px]",full:"min-h-screen"},_={sm:"text-3xl md:text-4xl",md:"text-4xl md:text-5xl",lg:"text-5xl md:text-6xl",xl:"text-6xl md:text-7xl",full:"text-6xl md:text-7xl lg:text-8xl"},G={sm:"text-lg md:text-xl",md:"text-xl md:text-2xl",lg:"text-2xl md:text-3xl",xl:"text-3xl md:text-4xl",full:"text-3xl md:text-4xl lg:text-5xl"},W={sm:"text-base md:text-lg",md:"text-lg md:text-xl",lg:"text-lg md:text-xl",xl:"text-xl md:text-2xl",full:"text-xl md:text-2xl"},D=o&&t.background||a$1,O={none:null,gradient:jsxs("div",{className:"absolute inset-0 z-0 pointer-events-none",children:[jsx("div",{className:"absolute -top-32 -left-32 w-[600px] h-[600px] bg-gradient-to-br from-teal-400 via-cyan-500 to-teal-600 opacity-30 rounded-full blur-3xl"}),jsx("div",{className:"absolute bottom-0 right-0 w-[400px] h-[400px] bg-gradient-to-tr from-cyan-400 via-teal-500 to-emerald-600 opacity-20 rounded-full blur-2xl"})]}),particles:jsx("div",{className:"absolute inset-0 z-0 pointer-events-none",children:jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-secondary/50 via-background to-secondary/30"})}),video:m?jsx("div",{className:"absolute inset-0 z-0 pointer-events-none",children:jsx("video",{autoPlay:true,loop:true,muted:true,playsInline:true,className:"absolute inset-0 w-full h-full object-cover opacity-20",children:jsx("source",{src:m,type:"video/mp4"})})}):null,image:m||o&&t.backgroundImage?jsxs("div",{className:"absolute inset-0 z-0 pointer-events-none",children:[jsx("img",{src:o&&t.backgroundImage||m,alt:"",className:"absolute inset-0 w-full h-full object-cover opacity-30"}),jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent"})]}):null},Y=()=>{if(!o||f==="none")return null;switch(f){case "dots":return jsx("div",{className:"flex gap-2 justify-center mt-8",children:l.map((i,d)=>jsx("button",{onClick:()=>E(d),className:a("w-2.5 h-2.5 rounded-full transition-all duration-300",g===d?"bg-primary w-8":"bg-muted-foreground/30 hover:bg-muted-foreground/50"),"aria-label":`Go to slide ${d+1}`},d))});case "line":return jsx("div",{className:"flex gap-1 justify-center mt-8 max-w-xs mx-auto",children:l.map((i,d)=>jsx("button",{onClick:()=>E(d),className:"flex-1 h-1 rounded-full overflow-hidden bg-muted-foreground/20","aria-label":`Go to slide ${d+1}`,children:jsx("div",{className:a("h-full bg-primary transition-all duration-300",g===d?"w-full":"w-0")})},d))});case "numbers":return jsxs("div",{className:"flex items-center justify-center gap-2 mt-8 text-sm text-muted-foreground",children:[jsx("span",{className:"text-foreground font-semibold",children:g+1}),jsx("span",{children:"/"}),jsx("span",{children:c})]});default:return null}};return jsxs("section",{ref:T,className:a("relative w-full flex flex-col justify-center items-center text-center px-4 sm:px-6 lg:px-8 overflow-hidden",$[r],k&&"-mt-16 pt-16",b),onMouseEnter:()=>w&&L(true),onMouseLeave:()=>w&&L(false),...j,children:[O[D],jsxs("div",{className:"relative z-10 max-w-4xl mx-auto",children:[jsxs("div",{className:"animate-in fade-in slide-in-from-bottom-4 duration-500",children:[jsxs("h1",{className:a("font-extrabold mb-6 text-foreground",_[r]),children:[jsx("span",{className:"block gradient-text",children:t.title}),t.subtitle&&jsx("span",{className:a("block font-semibold mt-4 text-muted-foreground",G[r]),children:t.subtitle})]}),jsx("p",{className:a("text-muted-foreground mb-10 max-w-2xl mx-auto",W[r]),children:t.description}),(t.primaryAction||t.secondaryAction)&&jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[t.primaryAction&&jsxs(d,{href:t.primaryAction.href,size:r==="xl"||r==="full"?"lg":"md",className:"inline-flex items-center gap-2",children:[t.primaryAction.icon,t.primaryAction.label]}),t.secondaryAction&&jsxs(d,{href:t.secondaryAction.href,variant:"outline",size:r==="xl"||r==="full"?"lg":"md",className:"inline-flex items-center gap-2",children:[t.secondaryAction.icon,t.secondaryAction.label]})]})]},o?g:0),Y()]}),o&&p&&c>1&&jsxs(Fragment,{children:[jsx("button",{onClick:B,className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 p-2 rounded-full bg-card/80 backdrop-blur-sm border border-border text-foreground hover:bg-card transition-colors","aria-label":"Previous slide",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),jsx("button",{onClick:C,className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 p-2 rounded-full bg-card/80 backdrop-blur-sm border border-border text-foreground hover:bg-card transition-colors","aria-label":"Next slide",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]})]})});V.displayName="HeroSection";export{K as a,V as b};//# sourceMappingURL=chunk-V65I7CVX.mjs.map
-//# sourceMappingURL=chunk-V65I7CVX.mjs.map

package/dist/chunk-V65I7CVX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ScrollProgress.tsx","../src/components/HeroSection.tsx"],"names":["ScrollProgress","React","className","height","color","position","_animated","showPercentage","props","ref","progress","setProgress","useState","useEffect","updateProgress","scrollTop","docHeight","currentProgress","progressColors","jsxs","merge","jsx","HeroSection","title","subtitle","description","primaryAction","secondaryAction","slides","autoPlay","interval","indicator","showControls","pauseOnHover","background","customBackground","size","fullBleed","currentSlide","setCurrentSlide","isPaused","setIsPaused","isSlideMode","slideCount","nextSlide","useCallback","prev","prevSlide","goToSlide","index","timer","currentContent","sizeClasses","titleSizeClasses","subtitleSizeClasses","descriptionSizeClasses","currentBg","backgroundContent","renderIndicator","_","Button","Fragment"],"mappings":"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","file":"chunk-V65I7CVX.mjs","sourcesContent":["'use client'\n\nimport React, { useState, useEffect } from 'react'\nimport { merge } from '../lib/utils'\n\n/**\n * ScrollProgress 컴포넌트의 props / ScrollProgress component props\n * @typedef {Object} ScrollProgressProps\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {number} [height=2] - 진행률 바 높이 (px) / Progress bar height (px)\n * @property {'default' | 'primary' | 'secondary' | 'gradient'} [color='gradient'] - 진행률 바 색상 / Progress bar color\n * @property {'top' | 'bottom'} [position='top'] - 표시 위치 / Display position\n * @property {boolean} [animated=true] - 애니메이션 활성화 여부 / Enable animation\n * @property {boolean} [showPercentage=false] - 퍼센트 표시 여부 / Show percentage\n */\nexport interface ScrollProgressProps {\n  className?: string\n  height?: number\n  color?: 'default' | 'primary' | 'secondary' | 'gradient'\n  position?: 'top' | 'bottom'\n  animated?: boolean\n  showPercentage?: boolean\n}\n\n/**\n * ScrollProgress 컴포넌트 / ScrollProgress component\n * \n * 페이지 스크롤 진행률을 표시하는 컴포넌트입니다.\n * 페이지 상단 또는 하단에 고정되어 표시됩니다.\n * \n * Component that displays page scroll progress.\n * Fixed at top or bottom of the page.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ScrollProgress />\n * \n * @example\n * // 하단에 표시, 퍼센트 포함 / Display at bottom with percentage\n * <ScrollProgress \n *   position=\"bottom\"\n *   color=\"primary\"\n *   showPercentage\n *   height={4}\n * />\n * \n * @param {ScrollProgressProps} props - ScrollProgress 컴포넌트의 props / ScrollProgress component props\n * @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref\n * @returns {JSX.Element} ScrollProgress 컴포넌트 / ScrollProgress component\n */\nconst ScrollProgress = React.forwardRef<HTMLDivElement, ScrollProgressProps>(({\n  className,\n  height = 2,\n  color = 'gradient',\n  position = 'top',\n  animated: _animated = true,\n  showPercentage = false,\n  ...props\n}, ref) => {\n  const [progress, setProgress] = useState(0)\n\n  useEffect(() => {\n    const updateProgress = () => {\n      const scrollTop = window.scrollY\n      const docHeight = document.documentElement.scrollHeight - window.innerHeight\n      const currentProgress = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0\n      setProgress(currentProgress)\n    }\n\n    // 초기 실행\n    updateProgress()\n\n    window.addEventListener('scroll', updateProgress, { passive: true })\n    window.addEventListener('resize', updateProgress, { passive: true })\n    \n    return () => {\n      window.removeEventListener('scroll', updateProgress)\n      window.removeEventListener('resize', updateProgress)\n    }\n  }, [])\n\n  // 색상 옵션 (Teal 브랜드 기반)\n  const progressColors: Record<string, string> = {\n    default: 'bg-foreground',\n    primary: 'bg-primary',\n    secondary: 'bg-muted-foreground',\n    gradient: 'bg-gradient-to-r from-teal-600 via-cyan-500 to-teal-600'\n  }\n\n  const positionClasses = {\n    top: 'top-0 left-0 right-0',\n    bottom: 'bottom-0 left-0 right-0'\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={merge(\n        'fixed z-50',\n        positionClasses[position],\n        className\n      )}\n      style={{ height: `${height}px` }}\n      {...props}\n    >\n      {/* 배경 바 */}\n      <div className=\"w-full h-full bg-border\" />\n      \n      {/* 진행률 바 */}\n      <div\n        className={merge(\n          'h-full origin-left transition-all duration-100 ease-out',\n          progressColors[color] || progressColors.gradient\n        )}\n        style={{\n          width: `${progress}%`,\n          transformOrigin: 'left'\n        }}\n      />\n      \n      {/* 퍼센트 표시 (선택사항) */}\n      {showPercentage && (\n        <div className=\"absolute top-2 right-2 text-xs text-muted-foreground bg-card px-2 py-1 rounded border border-border\">\n          {Math.round(progress)}%\n        </div>\n      )}\n    </div>\n  )\n})\n\nScrollProgress.displayName = 'ScrollProgress'\n\nexport { ScrollProgress } ","\"use client\"\n\nimport React, { useState, useEffect, useCallback } from \"react\"\nimport { merge } from \"../lib/utils\"\nimport { Button } from \"./Button\"\n\n/**\n * 슬라이드 아이템 인터페이스\n */\nexport interface HeroSlide {\n  title: string\n  subtitle?: string\n  description: string\n  primaryAction?: {\n    label: string\n    href: string\n    icon?: React.ReactNode\n  }\n  secondaryAction?: {\n    label: string\n    href: string\n    icon?: React.ReactNode\n  }\n  background?: \"none\" | \"gradient\" | \"particles\" | \"image\"\n  backgroundImage?: string\n}\n\n/**\n * HeroSection 컴포넌트의 props\n */\nexport interface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {\n  // 단일 모드 props\n  title?: string\n  subtitle?: string\n  description?: string\n  primaryAction?: {\n    label: string\n    href: string\n    icon?: React.ReactNode\n  }\n  secondaryAction?: {\n    label: string\n    href: string\n    icon?: React.ReactNode\n  }\n  // 슬라이드 모드 props\n  slides?: HeroSlide[]\n  autoPlay?: boolean\n  interval?: number\n  indicator?: \"dots\" | \"line\" | \"numbers\" | \"none\"\n  showControls?: boolean\n  pauseOnHover?: boolean\n  // 공통 props\n  background?: \"none\" | \"gradient\" | \"particles\" | \"video\" | \"image\"\n  customBackground?: string\n  /**\n   * 히어로 섹션 크기\n   * - sm: 400px, md: 500px, lg: 600px, xl: 700px\n   * - full: 100vh (뷰포트 전체)\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\"\n  /**\n   * 헤더 뒤까지 확장 (fixed header가 있을 때)\n   * true면 -mt-16 적용되어 헤더 뒤로 들어감\n   */\n  fullBleed?: boolean\n}\n\n/**\n * HeroSection 컴포넌트\n *\n * 단일 히어로 또는 슬라이드 히어로를 지원합니다.\n * slides prop이 있으면 슬라이드 모드로 동작합니다.\n */\nconst HeroSection = React.forwardRef<HTMLElement, HeroSectionProps>(\n  ({\n    className,\n    // 단일 모드\n    title,\n    subtitle,\n    description,\n    primaryAction,\n    secondaryAction,\n    // 슬라이드 모드\n    slides,\n    autoPlay = false,\n    interval = 5000,\n    indicator = \"dots\",\n    showControls = true,\n    pauseOnHover = true,\n    // 공통\n    background = \"gradient\",\n    customBackground,\n    size = \"lg\",\n    fullBleed = false,\n    ...props\n  }, ref) => {\n    const [currentSlide, setCurrentSlide] = useState(0)\n    const [isPaused, setIsPaused] = useState(false)\n\n    // 슬라이드 모드 여부\n    const isSlideMode = slides && slides.length > 0\n    const slideCount = slides?.length || 0\n\n    // 다음 슬라이드\n    const nextSlide = useCallback(() => {\n      if (!isSlideMode) return\n      setCurrentSlide((prev) => (prev + 1) % slideCount)\n    }, [isSlideMode, slideCount])\n\n    // 이전 슬라이드\n    const prevSlide = useCallback(() => {\n      if (!isSlideMode) return\n      setCurrentSlide((prev) => (prev - 1 + slideCount) % slideCount)\n    }, [isSlideMode, slideCount])\n\n    // 특정 슬라이드로 이동\n    const goToSlide = useCallback((index: number) => {\n      setCurrentSlide(index)\n    }, [])\n\n    // 자동 재생\n    useEffect(() => {\n      if (!autoPlay || !isSlideMode || isPaused) return\n\n      const timer = setInterval(nextSlide, interval)\n      return () => clearInterval(timer)\n    }, [autoPlay, isSlideMode, isPaused, interval, nextSlide])\n\n    // 현재 표시할 콘텐츠\n    const currentContent = isSlideMode ? slides[currentSlide] : {\n      title: title || \"\",\n      subtitle,\n      description: description || \"\",\n      primaryAction,\n      secondaryAction,\n      background,\n    }\n\n    const sizeClasses = {\n      sm: \"min-h-[400px]\",\n      md: \"min-h-[500px]\",\n      lg: \"min-h-[600px]\",\n      xl: \"min-h-[700px]\",\n      full: \"min-h-screen\"\n    }\n\n    const titleSizeClasses = {\n      sm: \"text-3xl md:text-4xl\",\n      md: \"text-4xl md:text-5xl\",\n      lg: \"text-5xl md:text-6xl\",\n      xl: \"text-6xl md:text-7xl\",\n      full: \"text-6xl md:text-7xl lg:text-8xl\"\n    }\n\n    const subtitleSizeClasses = {\n      sm: \"text-lg md:text-xl\",\n      md: \"text-xl md:text-2xl\",\n      lg: \"text-2xl md:text-3xl\",\n      xl: \"text-3xl md:text-4xl\",\n      full: \"text-3xl md:text-4xl lg:text-5xl\"\n    }\n\n    const descriptionSizeClasses = {\n      sm: \"text-base md:text-lg\",\n      md: \"text-lg md:text-xl\",\n      lg: \"text-lg md:text-xl\",\n      xl: \"text-xl md:text-2xl\",\n      full: \"text-xl md:text-2xl\"\n    }\n\n    const currentBg = isSlideMode ? (currentContent.background || background) : background\n\n    const backgroundContent: Record<string, React.ReactNode> = {\n      none: null,\n      gradient: (\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <div className=\"absolute -top-32 -left-32 w-[600px] h-[600px] bg-gradient-to-br from-teal-400 via-cyan-500 to-teal-600 opacity-30 rounded-full blur-3xl\" />\n          <div className=\"absolute bottom-0 right-0 w-[400px] h-[400px] bg-gradient-to-tr from-cyan-400 via-teal-500 to-emerald-600 opacity-20 rounded-full blur-2xl\" />\n        </div>\n      ),\n      particles: (\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <div className=\"absolute inset-0 bg-gradient-to-br from-secondary/50 via-background to-secondary/30\" />\n        </div>\n      ),\n      video: customBackground ? (\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <video\n            autoPlay\n            loop\n            muted\n            playsInline\n            className=\"absolute inset-0 w-full h-full object-cover opacity-20\"\n          >\n            <source src={customBackground} type=\"video/mp4\" />\n          </video>\n        </div>\n      ) : null,\n      image: (customBackground || (isSlideMode && (currentContent as HeroSlide).backgroundImage)) ? (\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <img\n            src={(isSlideMode && (currentContent as HeroSlide).backgroundImage) || customBackground}\n            alt=\"\"\n            className=\"absolute inset-0 w-full h-full object-cover opacity-30\"\n          />\n          <div className=\"absolute inset-0 bg-gradient-to-t from-background via-background/50 to-transparent\" />\n        </div>\n      ) : null,\n    }\n\n    // 인디케이터 렌더링\n    const renderIndicator = () => {\n      if (!isSlideMode || indicator === \"none\") return null\n\n      switch (indicator) {\n        case \"dots\":\n          return (\n            <div className=\"flex gap-2 justify-center mt-8\">\n              {slides.map((_, index) => (\n                <button\n                  key={index}\n                  onClick={() => goToSlide(index)}\n                  className={merge(\n                    \"w-2.5 h-2.5 rounded-full transition-all duration-300\",\n                    currentSlide === index\n                      ? \"bg-primary w-8\"\n                      : \"bg-muted-foreground/30 hover:bg-muted-foreground/50\"\n                  )}\n                  aria-label={`Go to slide ${index + 1}`}\n                />\n              ))}\n            </div>\n          )\n\n        case \"line\":\n          return (\n            <div className=\"flex gap-1 justify-center mt-8 max-w-xs mx-auto\">\n              {slides.map((_, index) => (\n                <button\n                  key={index}\n                  onClick={() => goToSlide(index)}\n                  className=\"flex-1 h-1 rounded-full overflow-hidden bg-muted-foreground/20\"\n                  aria-label={`Go to slide ${index + 1}`}\n                >\n                  <div\n                    className={merge(\n                      \"h-full bg-primary transition-all duration-300\",\n                      currentSlide === index ? \"w-full\" : \"w-0\"\n                    )}\n                  />\n                </button>\n              ))}\n            </div>\n          )\n\n        case \"numbers\":\n          return (\n            <div className=\"flex items-center justify-center gap-2 mt-8 text-sm text-muted-foreground\">\n              <span className=\"text-foreground font-semibold\">{currentSlide + 1}</span>\n              <span>/</span>\n              <span>{slideCount}</span>\n            </div>\n          )\n\n        default:\n          return null\n      }\n    }\n\n    return (\n      <section\n        ref={ref}\n        className={merge(\n          \"relative w-full flex flex-col justify-center items-center text-center px-4 sm:px-6 lg:px-8 overflow-hidden\",\n          sizeClasses[size],\n          fullBleed && \"-mt-16 pt-16\",\n          className\n        )}\n        onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n        onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n        {...props}\n      >\n        {backgroundContent[currentBg]}\n\n        {/* 슬라이드 콘텐츠 */}\n        <div className=\"relative z-10 max-w-4xl mx-auto\">\n          <div\n            key={isSlideMode ? currentSlide : 0}\n            className=\"animate-in fade-in slide-in-from-bottom-4 duration-500\"\n          >\n            <h1 className={merge(\n              \"font-extrabold mb-6 text-foreground\",\n              titleSizeClasses[size]\n            )}>\n              <span className=\"block gradient-text\">\n                {currentContent.title}\n              </span>\n              {currentContent.subtitle && (\n                <span className={merge(\n                  \"block font-semibold mt-4 text-muted-foreground\",\n                  subtitleSizeClasses[size]\n                )}>\n                  {currentContent.subtitle}\n                </span>\n              )}\n            </h1>\n\n            <p className={merge(\n              \"text-muted-foreground mb-10 max-w-2xl mx-auto\",\n              descriptionSizeClasses[size]\n            )}>\n              {currentContent.description}\n            </p>\n\n            {(currentContent.primaryAction || currentContent.secondaryAction) && (\n              <div className=\"flex flex-col sm:flex-row gap-4 justify-center\">\n                {currentContent.primaryAction && (\n                  <Button\n                    href={currentContent.primaryAction.href}\n                    size={size === \"xl\" || size === \"full\" ? \"lg\" : \"md\"}\n                    className=\"inline-flex items-center gap-2\"\n                  >\n                    {currentContent.primaryAction.icon}\n                    {currentContent.primaryAction.label}\n                  </Button>\n                )}\n\n                {currentContent.secondaryAction && (\n                  <Button\n                    href={currentContent.secondaryAction.href}\n                    variant=\"outline\"\n                    size={size === \"xl\" || size === \"full\" ? \"lg\" : \"md\"}\n                    className=\"inline-flex items-center gap-2\"\n                  >\n                    {currentContent.secondaryAction.icon}\n                    {currentContent.secondaryAction.label}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n\n          {/* 인디케이터 */}\n          {renderIndicator()}\n        </div>\n\n        {/* 좌우 컨트롤 */}\n        {isSlideMode && showControls && slideCount > 1 && (\n          <>\n            <button\n              onClick={prevSlide}\n              className=\"absolute left-4 top-1/2 -translate-y-1/2 z-20 p-2 rounded-full bg-card/80 backdrop-blur-sm border border-border text-foreground hover:bg-card transition-colors\"\n              aria-label=\"Previous slide\"\n            >\n              <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n              </svg>\n            </button>\n            <button\n              onClick={nextSlide}\n              className=\"absolute right-4 top-1/2 -translate-y-1/2 z-20 p-2 rounded-full bg-card/80 backdrop-blur-sm border border-border text-foreground hover:bg-card transition-colors\"\n              aria-label=\"Next slide\"\n            >\n              <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n              </svg>\n            </button>\n          </>\n        )}\n      </section>\n    )\n  }\n)\n\nHeroSection.displayName = \"HeroSection\"\n\nexport { HeroSection }\n"]}

package/dist/chunk-WSA7CYMB.mjs

@@ -1,2 +0,0 @@
-import {a}from'./chunk-UUHAXGMO.mjs';import x,{createContext,useContext,useState,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var T=createContext(void 0);function _(){let t=useContext(T);if(!t)throw new Error("useToast must be used within a ToastProvider");return t}function P({children:t,maxToasts:n=5,position:a="top-right"}){let[s,r]=useState([]),i=useCallback(o=>{r(u=>u.filter(g=>g.id!==o));},[]),c=useCallback(o=>{let u=Math.random().toString(36).substr(2,9),g={...o,id:u};r(b=>[...b,g].slice(-n)),o.duration!==0&&setTimeout(()=>{i(u);},o.duration||5e3);},[n,i]),m=useCallback(()=>{r([]);},[]);return jsxs(T.Provider,{value:{toasts:s,addToast:c,removeToast:i,clearToasts:m},children:[t,jsx(k,{toasts:s,removeToast:i,position:a})]})}function k({toasts:t,removeToast:n,position:a$1}){let s={"top-right":"top-4 right-4","top-left":"top-4 left-4","bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-center":"top-4 left-1/2 transform -translate-x-1/2","bottom-center":"bottom-4 left-1/2 transform -translate-x-1/2"};return t.length===0?null:jsx("div",{className:a("fixed z-50 space-y-3 max-w-sm",s[a$1]),children:t.map(r=>jsx(w,{toast:r,onRemove:n},r.id))})}function w({toast:t,onRemove:n}){let[a$1,s]=useState(false);x.useEffect(()=>{s(true);},[]);let r=()=>{s(false),setTimeout(()=>n(t.id),300);},i=o=>{switch(o){case "success":return "bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800 text-green-800 dark:text-green-200";case "error":return "bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800 text-red-800 dark:text-red-200";case "warning":return "bg-yellow-50 dark:bg-yellow-900/20 border-yellow-200 dark:border-yellow-800 text-yellow-800 dark:text-yellow-200";case "info":return "bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 text-blue-800 dark:text-blue-200"}},c=o=>{switch(o){case "success":return "text-green-500 dark:text-green-400";case "error":return "text-red-500 dark:text-red-400";case "warning":return "text-yellow-500 dark:text-yellow-400";case "info":return "text-blue-500 dark:text-blue-400"}},m=o=>{switch(o){case "success":return jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})});case "error":return jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})});case "warning":return jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})});case "info":return jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}};return jsxs("div",{className:a("flex items-start p-4 rounded-xl border shadow-lg backdrop-blur-sm transition-all duration-300 transform",i(t.type),a$1?"translate-x-0 opacity-100 scale-100":"translate-x-full opacity-0 scale-95"),style:{animation:a$1?"slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1)":void 0},children:[jsxs("div",{className:a("flex-shrink-0 mr-3",c(t.type)),children:[" ",m(t.type)]}),jsxs("div",{className:"flex-1 min-w-0",children:[t.title&&jsxs("h4",{className:"text-sm font-semibold mb-1",children:[" ",t.title]}),jsx("p",{className:"text-sm leading-relaxed",children:t.message}),t.action&&jsx("button",{onClick:t.action.onClick,className:"mt-3 text-sm font-medium underline hover:no-underline transition-all duration-200",children:t.action.label})]}),jsxs("div",{className:"flex-shrink-0 ml-4",children:[" ",jsx("button",{onClick:r,className:a("inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200 hover:bg-black/5 dark:hover:bg-white/5",c(t.type)),"aria-label":"\uB2EB\uAE30",children:jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})]})}export{_ as a,P as b};//# sourceMappingURL=chunk-WSA7CYMB.mjs.map
-//# sourceMappingURL=chunk-WSA7CYMB.mjs.map

package/dist/chunk-WSA7CYMB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Toast.tsx"],"names":["ToastContext","createContext","useToast","context","useContext","ToastProvider","children","maxToasts","position","toasts","setToasts","useState","removeToast","useCallback","id","prev","toast","addToast","newToast","clearToasts","jsxs","jsx","ToastContainer","positionClasses","merge","ToastItem","onRemove","isVisible","setIsVisible","React","handleRemove","getToastStyles","type","getIconStyles","getToastIcon"],"mappings":"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","file":"chunk-WSA7CYMB.mjs","sourcesContent":["\"use client\"\n\nimport React from \"react\"\nimport { createContext, useContext, useState, useCallback } from \"react\"\nimport { merge } from \"../lib/utils\"\n\n/**\n * Toast 메시지 타입 / Toast message type\n * @typedef {Object} Toast\n * @property {string} id - Toast 고유 ID / Toast unique ID\n * @property {\"success\" | \"error\" | \"warning\" | \"info\"} type - Toast 타입 / Toast type\n * @property {string} [title] - Toast 제목 / Toast title\n * @property {string} message - Toast 메시지 / Toast message\n * @property {number} [duration] - 표시 시간(ms), 0이면 자동 제거 안 함 / Display duration (ms), 0 means no auto-remove\n * @property {Object} [action] - 액션 버튼 / Action button\n * @property {string} action.label - 액션 버튼 레이블 / Action button label\n * @property {() => void} action.onClick - 액션 버튼 클릭 핸들러 / Action button click handler\n */\nexport interface Toast {\n  id: string\n  type: \"success\" | \"error\" | \"warning\" | \"info\"\n  title?: string\n  message: string\n  duration?: number\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\n// Toast Context 타입\ninterface ToastContextType {\n  toasts: Toast[]\n  addToast: (toast: Omit<Toast, \"id\">) => void\n  removeToast: (id: string) => void\n  clearToasts: () => void\n}\n\n// Toast Context 생성\nconst ToastContext = createContext<ToastContextType | undefined>(undefined)\n\n/**\n * useToast Hook\n *\n * Toast를 추가, 제거, 초기화하는 훅입니다.\n * ToastProvider 내부에서만 사용 가능합니다.\n *\n * Hook for adding, removing, and clearing toasts.\n * Can only be used within ToastProvider.\n *\n * @example\n * const { addToast, removeToast, clearToasts } = useToast()\n *\n * addToast({\n *   type: \"success\",\n *   message: \"저장되었습니다\",\n *   duration: 3000\n * })\n *\n * @returns {ToastContextType} Toast 컨텍스트 값 / Toast context value\n * @throws {Error} ToastProvider 외부에서 사용 시 에러 발생 / Error when used outside ToastProvider\n */\nexport function useToast(): ToastContextType {\n  const context = useContext(ToastContext)\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\")\n  }\n  return context\n}\n\n// No-op functions for safe toast hook\nconst noopAddToast = () => {}\nconst noopRemoveToast = () => {}\nconst noopClearToasts = () => {}\n\n/**\n * useToastSafe Hook\n *\n * ToastProvider 없이도 안전하게 사용할 수 있는 useToast 훅입니다.\n * Provider가 없으면 no-op 함수를 반환합니다.\n *\n * Safe version of useToast that works without ToastProvider.\n * Returns no-op functions when used outside ToastProvider.\n *\n * @example\n * const { addToast } = useToastSafe()\n *\n * // 안전하게 호출 가능 - Provider 없으면 아무 일도 안 함\n * addToast({ type: \"success\", message: \"저장됨\" })\n *\n * @returns {ToastContextType} Toast 컨텍스트 값 또는 no-op 함수들\n */\nexport function useToastSafe(): ToastContextType {\n  const context = useContext(ToastContext)\n  if (!context) {\n    return {\n      toasts: [],\n      addToast: noopAddToast,\n      removeToast: noopRemoveToast,\n      clearToasts: noopClearToasts,\n    }\n  }\n  return context\n}\n\n/**\n * ToastProvider 컴포넌트의 props / ToastProvider component props\n * @typedef {Object} ToastProviderProps\n * @property {React.ReactNode} children - 자식 컴포넌트 / Child components\n * @property {number} [maxToasts=5] - 최대 Toast 개수 / Maximum number of toasts\n * @property {\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" | \"top-center\" | \"bottom-center\"} [position=\"top-right\"] - Toast 표시 위치 / Toast display position\n */\ninterface ToastProviderProps {\n  children: React.ReactNode\n  maxToasts?: number\n  position?: \"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\" | \"top-center\" | \"bottom-center\"\n}\n\n/**\n * ToastProvider 컴포넌트 / ToastProvider component\n * \n * Toast 시스템의 컨텍스트를 제공하는 Provider 컴포넌트입니다.\n * 앱의 루트 레벨에서 사용하여 전역 Toast 기능을 활성화합니다.\n * \n * Provider component that provides context for the Toast system.\n * Use at the root level of your app to enable global Toast functionality.\n * \n * @component\n * @example\n * // App.tsx\n * <ToastProvider position=\"top-center\" maxToasts={3}>\n *   <App />\n * </ToastProvider>\n * \n * @example\n * // 컴포넌트에서 사용 / Usage in component\n * const { addToast } = useToast()\n * \n * const handleSave = () => {\n *   addToast({\n *     type: \"success\",\n *     message: \"저장되었습니다\",\n *     title: \"성공\"\n *   })\n * }\n * \n * @param {ToastProviderProps} props - ToastProvider 컴포넌트의 props / ToastProvider component props\n * @returns {JSX.Element} ToastProvider 컴포넌트 / ToastProvider component\n * \n * @todo 접근성 개선: ToastItem에 role=\"alert\" 또는 role=\"status\" 추가 필요 / Accessibility: Add role=\"alert\" or role=\"status\" to ToastItem\n * @todo 접근성 개선: aria-live=\"polite\" 또는 aria-live=\"assertive\" 추가 필요 / Accessibility: Add aria-live=\"polite\" or aria-live=\"assertive\"\n */\nexport function ToastProvider({\n  children,\n  maxToasts = 5,\n  position = \"top-right\"\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<Toast[]>([])\n\n  const removeToast = useCallback((id: string) => {\n    setToasts(prev => prev.filter(toast => toast.id !== id))\n  }, [])\n\n  const addToast = useCallback((toast: Omit<Toast, \"id\">) => {\n    const id = Math.random().toString(36).substr(2, 9)\n    const newToast: Toast = { ...toast, id }\n\n    setToasts(prev => {\n      const updatedToasts = [...prev, newToast]\n      return updatedToasts.slice(-maxToasts) // 최대 개수 제한\n    })\n\n    // 자동 제거\n    if (toast.duration !== 0) {\n      setTimeout(() => {\n        removeToast(id)\n      }, toast.duration || 5000)\n    }\n  }, [maxToasts, removeToast])\n\n  const clearToasts = useCallback(() => {\n    setToasts([])\n  }, [])\n\n  return (\n    <ToastContext.Provider value={{ toasts, addToast, removeToast, clearToasts }}>\n      {children}\n      <ToastContainer toasts={toasts} removeToast={removeToast} position={position} />\n    </ToastContext.Provider>\n  )\n}\n\n// Toast Container Props\ninterface ToastContainerProps {\n  toasts: Toast[]\n  removeToast: (id: string) => void\n  position: string\n}\n\n// Toast Container\nfunction ToastContainer({ toasts, removeToast, position }: ToastContainerProps) {\n  const positionClasses = {\n    \"top-right\": \"top-4 right-4\",\n    \"top-left\": \"top-4 left-4\",\n    \"bottom-right\": \"bottom-4 right-4\",\n    \"bottom-left\": \"bottom-4 left-4\",\n    \"top-center\": \"top-4 left-1/2 transform -translate-x-1/2\",\n    \"bottom-center\": \"bottom-4 left-1/2 transform -translate-x-1/2\"\n  }\n\n  if (toasts.length === 0) return null\n\n  return (\n    <div className={merge(\n      \"fixed z-50 space-y-3 max-w-sm\", // 12px 간격\n      positionClasses[position as keyof typeof positionClasses]\n    )}>\n      {toasts.map((toast) => (\n        <ToastItem key={toast.id} toast={toast} onRemove={removeToast} />\n      ))}\n    </div>\n  )\n}\n\n// Toast Item Props\ninterface ToastItemProps {\n  toast: Toast\n  onRemove: (id: string) => void\n}\n\n// Toast Item\nfunction ToastItem({ toast, onRemove }: ToastItemProps) {\n  const [isVisible, setIsVisible] = useState(false)\n\n  React.useEffect(() => {\n    setIsVisible(true)\n  }, [])\n\n  const handleRemove = () => {\n    setIsVisible(false)\n    setTimeout(() => onRemove(toast.id), 300)\n  }\n\n  const getToastStyles = (type: Toast[\"type\"]) => {\n    switch (type) {\n      case \"success\":\n        return \"bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800 text-green-800 dark:text-green-200\"\n      case \"error\":\n        return \"bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800 text-red-800 dark:text-red-200\"\n      case \"warning\":\n        return \"bg-yellow-50 dark:bg-yellow-900/20 border-yellow-200 dark:border-yellow-800 text-yellow-800 dark:text-yellow-200\"\n      case \"info\":\n        return \"bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 text-blue-800 dark:text-blue-200\"\n    }\n  }\n\n  const getIconStyles = (type: Toast[\"type\"]) => {\n    switch (type) {\n      case \"success\":\n        return \"text-green-500 dark:text-green-400\"\n      case \"error\":\n        return \"text-red-500 dark:text-red-400\"\n      case \"warning\":\n        return \"text-yellow-500 dark:text-yellow-400\"\n      case \"info\":\n        return \"text-blue-500 dark:text-blue-400\"\n    }\n  }\n\n  const getToastIcon = (type: Toast[\"type\"]) => {\n    switch (type) {\n      case \"success\":\n        return (\n          <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n          </svg>\n        )\n      case \"error\":\n        return (\n          <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        )\n      case \"warning\":\n        return (\n          <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z\" />\n          </svg>\n        )\n      case \"info\":\n        return (\n          <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n          </svg>\n        )\n    }\n  }\n\n  return (\n    <div\n      className={merge(\n        \"flex items-start p-4 rounded-xl border shadow-lg backdrop-blur-sm transition-all duration-300 transform\",\n        getToastStyles(toast.type),\n        isVisible\n          ? \"translate-x-0 opacity-100 scale-100\"\n          : \"translate-x-full opacity-0 scale-95\"\n      )}\n      style={{\n        animation: isVisible ? \"slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1)\" : undefined\n      }}\n    >\n      {/* 아이콘 */}\n      <div className={merge(\"flex-shrink-0 mr-3\", getIconStyles(toast.type))}> {/* 12px 여백 */}\n        {getToastIcon(toast.type)}\n      </div>\n\n      {/* 내용 */}\n      <div className=\"flex-1 min-w-0\">\n        {toast.title && (\n          <h4 className=\"text-sm font-semibold mb-1\"> {/* 4px 여백 */}\n            {toast.title}\n          </h4>\n        )}\n        <p className=\"text-sm leading-relaxed\">\n          {toast.message}\n        </p>\n\n        {/* 액션 버튼 */}\n        {toast.action && (\n          <button\n            onClick={toast.action.onClick}\n            className=\"mt-3 text-sm font-medium underline hover:no-underline transition-all duration-200\" // 12px 여백\n          >\n            {toast.action.label}\n          </button>\n        )}\n      </div>\n\n      {/* 닫기 버튼 */}\n      <div className=\"flex-shrink-0 ml-4\"> {/* 16px 여백 */}\n        <button\n          onClick={handleRemove}\n          className={merge(\n            \"inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200 hover:bg-black/5 dark:hover:bg-white/5\",\n            getIconStyles(toast.type)\n          )}\n          aria-label=\"닫기\"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  )\n}\n\n// 편의 함수들 (ToastProvider 내부에서만 사용 가능 - 스텁 함수)\nexport const showToast = (_toast: Omit<Toast, \"id\">) => {\n  // ToastProvider 컨텍스트 필요\n}\n\nexport const showSuccessToast = (_message: string, _title?: string, _duration?: number) => {\n  // ToastProvider 컨텍스트 필요\n}\n\nexport const showErrorToast = (_message: string, _title?: string, _duration?: number) => {\n  // ToastProvider 컨텍스트 필요\n}\n\nexport const showWarningToast = (_message: string, _title?: string, _duration?: number) => {\n  // ToastProvider 컨텍스트 필요\n}\n\nexport const showInfoToast = (_message: string, _title?: string, _duration?: number) => {\n  // ToastProvider 컨텍스트 필요\n} "]}

package/dist/chunk-X3YDLY2H.mjs

@@ -1,2 +0,0 @@
-import {a}from'./chunk-UUHAXGMO.mjs';import C,{useState,useRef,useCallback,useEffect}from'react';import {jsxs,jsx}from'react/jsx-runtime';var S=C.forwardRef(({children:o,className:s,type:M="fade",duration:c=500,easing:m="smooth",delay:x=0,autoStart:E=true,onStart:g,onComplete:d,showProgress:y=false,progressClassName:H},f)=>{let[l,p]=useState(false),[r,e]=useState(0),[A,T]=useState(false),w=useRef(null),n=useRef(null),i=b=>({linear:t=>t,"ease-in":t=>t*t,"ease-out":t=>1-Math.pow(1-t,2),"ease-in-out":t=>t<.5?2*t*t:1-Math.pow(-2*t+2,2)/2,bounce:t=>t<.36363636363636365?7.5625*t*t:t<.7272727272727273?7.5625*(t-=.5454545454545454)*t+.75:t<.9090909090909091?7.5625*(t-=.8181818181818182)*t+.9375:7.5625*(t-=.9545454545454546)*t+.984375,elastic:t=>Math.pow(2,-10*t)*Math.sin((t-.075)*(2*Math.PI)/.3)+1,smooth:t=>t*t*(3-2*t)})[b],a$1=useCallback(b=>{n.current||(n.current=b);let N=b-n.current,t=i(m),D=Math.min(N/c,1);D=t(D),e(D),p(D>.1),D<1?w.current=requestAnimationFrame(X=>a$1(X)):(T(false),e(1),d==null||d());},[c,m,d]),u=useCallback(()=>{T(true),e(0),g==null||g(),n.current=null,w.current=requestAnimationFrame(a$1);},[a$1,g]);useEffect(()=>{if(E){let b=setTimeout(()=>{u();},x);return ()=>clearTimeout(b)}},[E,x,u]),useEffect(()=>()=>{w.current&&cancelAnimationFrame(w.current);},[]);let v=(()=>{switch(M){case "fade":return {opacity:l?1:0,transform:"none"};case "slide":return {opacity:l?1:0,transform:`translateX(${(1-r)*100}%)`};case "slide-up":return {opacity:l?1:0,transform:`translateY(${(1-r)*100}%)`};case "slide-down":return {opacity:l?1:0,transform:`translateY(-${(1-r)*100}%)`};case "slide-left":return {opacity:l?1:0,transform:`translateX(-${(1-r)*100}%)`};case "slide-right":return {opacity:l?1:0,transform:`translateX(${(1-r)*100}%)`};case "scale":return {opacity:l?1:0,transform:`scale(${.8+r*.2})`};case "flip":return {opacity:l?1:0,transform:`perspective(1000px) rotateY(${(1-r)*90}deg)`};case "morph":return {opacity:l?1:0,transform:`scale(${.9+r*.1}) rotate(${(1-r)*5}deg)`};case "cube":return {opacity:l?1:0,transform:`perspective(1000px) rotateX(${(1-r)*90}deg) rotateY(${(1-r)*45}deg)`};case "zoom":return {opacity:l?1:0,transform:`scale(${.5+r*.5})`};default:return {opacity:l?1:0,transform:"none"}}})();return jsxs("div",{className:"relative",children:[y&&jsxs("div",{className:a("fixed top-4 right-4 z-50 bg-white dark:bg-gray-800 rounded-lg px-3 py-2 shadow-lg border",H),children:[jsxs("div",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:["Progress: ",Math.round(r*100),"%"]}),jsx("div",{className:"w-24 h-2 bg-gray-200 dark:bg-gray-700 rounded-full mt-2",children:jsx("div",{className:"h-full bg-blue-500 rounded-full transition-all duration-100",style:{width:`${r*100}%`}})})]}),jsx("div",{ref:f,className:a("transition-all duration-500 ease-out",s),style:{...v,transitionDuration:`${c}ms`,transitionTimingFunction:m==="smooth"?"cubic-bezier(0.4, 0, 0.2, 1)":m==="bounce"?"cubic-bezier(0.68, -0.55, 0.265, 1.55)":m==="elastic"?"cubic-bezier(0.175, 0.885, 0.32, 1.275)":m},children:o})]})});S.displayName="AdvancedPageTransition";var Y=C.forwardRef((o,s)=>jsx(S,{ref:s,type:"fade",...o})),_=C.forwardRef((o,s)=>jsx(S,{ref:s,type:"slide",...o})),Z=C.forwardRef((o,s)=>jsx(S,{ref:s,type:"scale",...o})),J=C.forwardRef((o,s)=>jsx(S,{ref:s,type:"flip",...o})),B=C.forwardRef((o,s)=>jsx(S,{ref:s,type:"morph",...o})),G=C.forwardRef((o,s)=>jsx(S,{ref:s,type:"cube",...o})),K=C.forwardRef((o,s)=>jsx(S,{ref:s,type:"zoom",...o}));Y.displayName="FadePageTransition";_.displayName="SlidePageTransition";Z.displayName="ScalePageTransition";J.displayName="FlipPageTransition";B.displayName="MorphPageTransition";G.displayName="CubePageTransition";K.displayName="ZoomPageTransition";var W=(o={})=>{let[s,M]=useState({isTransitioning:false,isVisible:false,currentStep:0,progress:0}),c=useRef(null),m=useRef(null),x=useRef({type:"fade",duration:500,easing:"smooth",delay:0,stagger:0,direction:"forward",...o}),E=useCallback(p=>({linear:e=>e,"ease-in":e=>e*e,"ease-out":e=>1-Math.pow(1-e,2),"ease-in-out":e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,bounce:e=>e<.36363636363636365?7.5625*e*e:e<.7272727272727273?7.5625*(e-=.5454545454545454)*e+.75:e<.9090909090909091?7.5625*(e-=.8181818181818182)*e+.9375:7.5625*(e-=.9545454545454546)*e+.984375,elastic:e=>Math.pow(2,-10*e)*Math.sin((e-.075)*(2*Math.PI)/.3)+1,smooth:e=>e*e*(3-2*e)})[p],[]),g=useCallback(p=>{var w;m.current||(m.current=p);let r=p-m.current,e=x.current,A=E(e.easing),T=Math.min(r/e.duration,1);T=A(T),M(n=>({...n,progress:T,isVisible:e.direction==="forward"?T>.1:T<.9,currentStep:Math.floor(T*10)})),T<1?c.current=requestAnimationFrame(g):(M(n=>({...n,isTransitioning:false,progress:e.direction==="forward"?1:0})),(w=e.onComplete)==null||w.call(e));},[E]),d=useCallback(async p=>new Promise(r=>{var A;p&&(x.current={...x.current,...p});let e=x.current;e.onComplete=()=>r(),M(T=>({...T,isTransitioning:true,progress:e.direction==="forward"?0:1})),m.current=null,(A=e.onStart)==null||A.call(e),e.delay?setTimeout(()=>{c.current=requestAnimationFrame(g);},e.delay):c.current=requestAnimationFrame(g);}),[g]),y=useCallback(async()=>new Promise(p=>{let r=x.current;r.direction="backward",r.onComplete=()=>p(),d();}),[d]),H=useCallback(()=>{c.current&&cancelAnimationFrame(c.current);},[]),f=useCallback(()=>{s.isTransitioning&&(c.current=requestAnimationFrame(g));},[s.isTransitioning,g]),l=useCallback(()=>{c.current&&cancelAnimationFrame(c.current),M({isTransitioning:false,isVisible:false,currentStep:0,progress:0});},[]);return useEffect(()=>()=>{c.current&&cancelAnimationFrame(c.current);},[]),[s,{start:d,reverse:y,pause:H,resume:f,reset:l}]};var ne=(o={})=>{let{defaultType:s="fade",defaultDuration:M=500,defaultEasing:c="smooth",enableHistory:m=true,enableProgress:x=true,enableDebug:E=false}=o,[g,d]=useState({isTransitioning:false,currentTransition:null,transitionHistory:[],totalTransitions:0,averageDuration:0}),y=useRef(new Map),H=useRef(0),f=useCallback((n,i)=>{E&&console.log(`[PageTransitionManager] ${n}`,i);},[E]),l=useCallback(n=>{d(i=>{let a=m?[...i.transitionHistory,n]:i.transitionHistory,u=a.length,P=a.reduce((v,b)=>v+b.duration,0)/u;return {...i,totalTransitions:u,averageDuration:P,transitionHistory:a}});},[m]),p=useCallback(async n=>{let i=`transition_${++H.current}`,a={type:s,duration:M,easing:c,...n},u={id:i,type:a.type,duration:a.duration,easing:a.easing,timestamp:Date.now(),status:"pending"};f("Starting transition",{id:i,config:a}),d(v=>({...v,isTransitioning:true,currentTransition:u}));let P=setTimeout(()=>{var b;let v={...u,status:"completed"};d(N=>({...N,isTransitioning:false,currentTransition:null})),l(v),y.current.delete(i),f("Transition completed",{id:i}),(b=a.onComplete)==null||b.call(a);},a.duration);return y.current.set(i,{timer:P,config:a}),setTimeout(()=>{d(v=>({...v,currentTransition:{...v.currentTransition,status:"active"}}));},50),i},[s,M,c,f,l]),r=useCallback(n=>{let i=y.current.get(n);i&&(clearTimeout(i.timer),y.current.delete(n),d(a=>{var u;return {...a,isTransitioning:y.current.size>0,currentTransition:((u=a.currentTransition)==null?void 0:u.id)===n?null:a.currentTransition}}),f("Transition cancelled",{id:n}));},[f]),e=useCallback(()=>{y.current.forEach(({timer:n},i)=>{clearTimeout(n),f("Transition paused",{id:i});});},[f]),A=useCallback(()=>{y.current.forEach(({config:n},i)=>{p(n);});},[p]),T=useCallback(()=>{d(n=>({...n,transitionHistory:[],totalTransitions:0,averageDuration:0})),f("History cleared");},[f]),w=useCallback(()=>{let{transitionHistory:n}=g,i=n.reduce((u,P)=>(u[P.type]=(u[P.type]||0)+1,u),{}),a=n.reduce((u,P)=>(u[P.status]=(u[P.status]||0)+1,u),{});return {total:n.length,average:g.averageDuration,byType:i,byStatus:a}},[g]);return useEffect(()=>{let n=y.current;return ()=>{n.forEach(({timer:i})=>{clearTimeout(i);}),n.clear();}},[]),[g,{startTransition:p,cancelTransition:r,pauseAll:e,resumeAll:A,clearHistory:T,getTransitionStats:w}]};export{S as a,Y as b,_ as c,Z as d,J as e,B as f,G as g,K as h,W as i,ne as j};//# sourceMappingURL=chunk-X3YDLY2H.mjs.map
-//# sourceMappingURL=chunk-X3YDLY2H.mjs.map

package/dist/chunk-X3YDLY2H.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/advanced/AdvancedPageTransition.tsx","../src/components/advanced/usePageTransition.ts","../src/components/advanced/usePageTransitionManager.ts"],"names":["AdvancedPageTransition","React","children","className","type","duration","easing","delay","autoStart","onStart","onComplete","showProgress","progressClassName","ref","isVisible","setIsVisible","useState","progress","setProgress","_isTransitioning","setIsTransitioning","animationRef","useRef","startTimeRef","getEasingFunction","easingType","animate","useCallback","timestamp","elapsed","easingFunction","currentProgress","t","startTransition","useEffect","timer","transitionStyles","jsxs","merge","jsx","FadePageTransition","props","SlidePageTransition","ScalePageTransition","FlipPageTransition","MorphPageTransition","CubePageTransition","ZoomPageTransition","usePageTransition","initialConfig","state","setState","configRef","_a","config","prev","start","resolve","finalConfig","reverse","pause","resume","reset","usePageTransitionManager","defaultType","defaultDuration","defaultEasing","enableHistory","_enableProgress","enableDebug","activeTransitionsRef","transitionCounterRef","logDebug","message","data","updateStats","newTransition","newHistory","total","average","sum","transitionId","fullConfig","transitionEvent","completedEvent","cancelTransition","id","transition","pauseAll","resumeAll","_id","clearHistory","getTransitionStats","transitionHistory","byType","acc","byStatus","activeTransitions"],"mappings":"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","file":"chunk-X3YDLY2H.mjs","sourcesContent":["'use client'\n\nimport React, { useState, useEffect, useRef, useCallback } from 'react'\nimport { merge } from '../../lib/utils'\n\nexport type TransitionType = \n  | 'fade' \n  | 'slide' \n  | 'scale' \n  | 'flip' \n  | 'morph' \n  | 'cube' \n  | 'zoom' \n  | 'slide-up' \n  | 'slide-down' \n  | 'slide-left' \n  | 'slide-right'\n\nexport type TransitionEasing = \n  | 'linear' \n  | 'ease-in' \n  | 'ease-out' \n  | 'ease-in-out' \n  | 'bounce' \n  | 'elastic' \n  | 'smooth'\n\nexport interface AdvancedPageTransitionProps {\n  children: React.ReactNode\n  className?: string\n  type?: TransitionType\n  duration?: number\n  easing?: TransitionEasing\n  delay?: number\n  autoStart?: boolean\n  onStart?: () => void\n  onComplete?: () => void\n  showProgress?: boolean\n  progressClassName?: string\n}\n\nexport const AdvancedPageTransition = React.forwardRef<HTMLDivElement, AdvancedPageTransitionProps>(({\n  children,\n  className,\n  type = 'fade',\n  duration = 500,\n  easing = 'smooth',\n  delay = 0,\n  autoStart = true,\n  onStart,\n  onComplete,\n  showProgress = false,\n  progressClassName\n}, ref) => {\n  const [isVisible, setIsVisible] = useState(false)\n  const [progress, setProgress] = useState(0)\n  const [_isTransitioning, setIsTransitioning] = useState(false)\n  const animationRef = useRef<number | null>(null)\n  const startTimeRef = useRef<number | null>(null)\n\n  const getEasingFunction = (easingType: TransitionEasing) => {\n    const easingFunctions = {\n      linear: (t: number) => t,\n      'ease-in': (t: number) => t * t,\n      'ease-out': (t: number) => 1 - Math.pow(1 - t, 2),\n      'ease-in-out': (t: number) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2,\n      bounce: (t: number) => {\n        if (t < 1 / 2.75) return 7.5625 * t * t\n        if (t < 2 / 2.75) return 7.5625 * (t -= 1.5 / 2.75) * t + 0.75\n        if (t < 2.5 / 2.75) return 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375\n        return 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375\n      },\n      elastic: (t: number) => {\n        return Math.pow(2, -10 * t) * Math.sin((t - 0.075) * (2 * Math.PI) / 0.3) + 1\n      },\n      smooth: (t: number) => {\n        return t * t * (3 - 2 * t)\n      }\n    }\n    return easingFunctions[easingType]\n  }\n\n  const animate = useCallback((timestamp: number) => {\n    if (!startTimeRef.current) {\n      startTimeRef.current = timestamp\n    }\n\n    const elapsed = timestamp - startTimeRef.current\n    const easingFunction = getEasingFunction(easing)\n\n    let currentProgress = Math.min(elapsed / duration, 1)\n    currentProgress = easingFunction(currentProgress)\n\n    setProgress(currentProgress)\n    setIsVisible(currentProgress > 0.1)\n\n    if (currentProgress < 1) {\n      animationRef.current = requestAnimationFrame((t) => animate(t))\n    } else {\n      setIsTransitioning(false)\n      setProgress(1)\n      onComplete?.()\n    }\n  }, [duration, easing, onComplete])\n\n  const startTransition = useCallback(() => {\n    setIsTransitioning(true)\n    setProgress(0)\n    onStart?.()\n\n    startTimeRef.current = null\n    animationRef.current = requestAnimationFrame(animate)\n  }, [animate, onStart])\n\n  useEffect(() => {\n    if (autoStart) {\n      const timer = setTimeout(() => {\n        startTransition()\n      }, delay)\n\n      return () => clearTimeout(timer)\n    }\n  }, [autoStart, delay, startTransition])\n\n  useEffect(() => {\n    return () => {\n      if (animationRef.current) {\n        cancelAnimationFrame(animationRef.current)\n      }\n    }\n  }, [])\n\n  const getTransitionStyles = () => {\n    switch (type) {\n      case 'fade':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: 'none'\n        }\n      \n      case 'slide':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `translateX(${(1 - progress) * 100}%)`\n        }\n      \n      case 'slide-up':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `translateY(${(1 - progress) * 100}%)`\n        }\n      \n      case 'slide-down':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `translateY(-${(1 - progress) * 100}%)`\n        }\n      \n      case 'slide-left':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `translateX(-${(1 - progress) * 100}%)`\n        }\n      \n      case 'slide-right':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `translateX(${(1 - progress) * 100}%)`\n        }\n      \n      case 'scale':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `scale(${0.8 + progress * 0.2})`\n        }\n      \n      case 'flip':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `perspective(1000px) rotateY(${(1 - progress) * 90}deg)`\n        }\n      \n      case 'morph':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `scale(${0.9 + progress * 0.1}) rotate(${(1 - progress) * 5}deg)`\n        }\n      \n      case 'cube':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `perspective(1000px) rotateX(${(1 - progress) * 90}deg) rotateY(${(1 - progress) * 45}deg)`\n        }\n      \n      case 'zoom':\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: `scale(${0.5 + progress * 0.5})`\n        }\n      \n      default:\n        return {\n          opacity: isVisible ? 1 : 0,\n          transform: 'none'\n        }\n    }\n  }\n\n  const transitionStyles = getTransitionStyles()\n\n  return (\n    <div className=\"relative\">\n      {showProgress && (\n        <div className={merge(\n          'fixed top-4 right-4 z-50 bg-white dark:bg-gray-800 rounded-lg px-3 py-2 shadow-lg border',\n          progressClassName\n        )}>\n          <div className=\"text-sm font-medium text-gray-700 dark:text-gray-300\">\n            Progress: {Math.round(progress * 100)}%\n          </div>\n          <div className=\"w-24 h-2 bg-gray-200 dark:bg-gray-700 rounded-full mt-2\">\n            <div \n              className=\"h-full bg-blue-500 rounded-full transition-all duration-100\"\n              style={{ width: `${progress * 100}%` }}\n            />\n          </div>\n        </div>\n      )}\n      \n      <div\n        ref={ref}\n        className={merge(\n          'transition-all duration-500 ease-out',\n          className\n        )}\n        style={{\n          ...transitionStyles,\n          transitionDuration: `${duration}ms`,\n          transitionTimingFunction: easing === 'smooth' \n            ? 'cubic-bezier(0.4, 0, 0.2, 1)'\n            : easing === 'bounce'\n            ? 'cubic-bezier(0.68, -0.55, 0.265, 1.55)'\n            : easing === 'elastic'\n            ? 'cubic-bezier(0.175, 0.885, 0.32, 1.275)'\n            : easing\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  )\n})\n\nAdvancedPageTransition.displayName = 'AdvancedPageTransition'\n\n// 편의 컴포넌트들\nexport const FadePageTransition = React.forwardRef<HTMLDivElement, Omit<AdvancedPageTransitionProps, 'type'>>((props, ref) => (\n  <AdvancedPageTransition ref={ref} type=\"fade\" {...props} />\n))\n\nexport const SlidePageTransition = React.forwardRef<HTMLDivElement, Omit<AdvancedPageTransitionProps, 'type'>>((props, ref) => (\n  <AdvancedPageTransition ref={ref} type=\"slide\" {...props} />\n))\n\nexport const ScalePageTransition = React.forwardRef<HTMLDivElement, Omit<AdvancedPageTransitionProps, 'type'>>((props, ref) => (\n  <AdvancedPageTransition ref={ref} type=\"scale\" {...props} />\n))\n\nexport const FlipPageTransition = React.forwardRef<HTMLDivElement, Omit<AdvancedPageTransitionProps, 'type'>>((props, ref) => (\n  <AdvancedPageTransition ref={ref} type=\"flip\" {...props} />\n))\n\nexport const MorphPageTransition = React.forwardRef<HTMLDivElement, Omit<AdvancedPageTransitionProps, 'type'>>((props, ref) => (\n  <AdvancedPageTransition ref={ref} type=\"morph\" {...props} />\n))\n\nexport const CubePageTransition = React.forwardRef<HTMLDivElement, Omit<AdvancedPageTransitionProps, 'type'>>((props, ref) => (\n  <AdvancedPageTransition ref={ref} type=\"cube\" {...props} />\n))\n\nexport const ZoomPageTransition = React.forwardRef<HTMLDivElement, Omit<AdvancedPageTransitionProps, 'type'>>((props, ref) => (\n  <AdvancedPageTransition ref={ref} type=\"zoom\" {...props} />\n))\n\n// displayName 설정\nFadePageTransition.displayName = 'FadePageTransition'\nSlidePageTransition.displayName = 'SlidePageTransition'\nScalePageTransition.displayName = 'ScalePageTransition'\nFlipPageTransition.displayName = 'FlipPageTransition'\nMorphPageTransition.displayName = 'MorphPageTransition'\nCubePageTransition.displayName = 'CubePageTransition'\nZoomPageTransition.displayName = 'ZoomPageTransition'\n","'use client'\n\nimport { useState, useEffect, useCallback, useRef } from 'react'\n\nexport type TransitionType = \n  | 'fade' \n  | 'slide' \n  | 'scale' \n  | 'flip' \n  | 'morph' \n  | 'cube' \n  | 'zoom' \n  | 'slide-up' \n  | 'slide-down' \n  | 'slide-left' \n  | 'slide-right'\n\nexport type TransitionEasing = \n  | 'linear' \n  | 'ease-in' \n  | 'ease-out' \n  | 'ease-in-out' \n  | 'bounce' \n  | 'elastic' \n  | 'smooth'\n\nexport interface TransitionConfig {\n  type: TransitionType\n  duration: number\n  easing: TransitionEasing\n  delay?: number\n  stagger?: number\n  direction?: 'forward' | 'backward'\n  onStart?: () => void\n  onComplete?: () => void\n  onReverse?: () => void\n}\n\nexport interface PageTransitionState {\n  isTransitioning: boolean\n  isVisible: boolean\n  currentStep: number\n  progress: number\n}\n\nexport interface PageTransitionControls {\n  start: (config?: Partial<TransitionConfig>) => Promise<void>\n  reverse: () => Promise<void>\n  pause: () => void\n  resume: () => void\n  reset: () => void\n}\n\nexport const usePageTransition = (\n  initialConfig: Partial<TransitionConfig> = {}\n): [PageTransitionState, PageTransitionControls] => {\n  const [state, setState] = useState<PageTransitionState>({\n    isTransitioning: false,\n    isVisible: false,\n    currentStep: 0,\n    progress: 0\n  })\n\n  const animationRef = useRef<number | null>(null)\n  const startTimeRef = useRef<number | null>(null)\n  const configRef = useRef<TransitionConfig>({\n    type: 'fade',\n    duration: 500,\n    easing: 'smooth',\n    delay: 0,\n    stagger: 0,\n    direction: 'forward',\n    ...initialConfig\n  })\n\n  const getEasingFunction = useCallback((easing: TransitionEasing) => {\n    const easingFunctions = {\n      linear: (t: number) => t,\n      'ease-in': (t: number) => t * t,\n      'ease-out': (t: number) => 1 - Math.pow(1 - t, 2),\n      'ease-in-out': (t: number) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2,\n      bounce: (t: number) => {\n        if (t < 1 / 2.75) return 7.5625 * t * t\n        if (t < 2 / 2.75) return 7.5625 * (t -= 1.5 / 2.75) * t + 0.75\n        if (t < 2.5 / 2.75) return 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375\n        return 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375\n      },\n      elastic: (t: number) => {\n        return Math.pow(2, -10 * t) * Math.sin((t - 0.075) * (2 * Math.PI) / 0.3) + 1\n      },\n      smooth: (t: number) => {\n        return t * t * (3 - 2 * t)\n      }\n    }\n    return easingFunctions[easing]\n  }, [])\n\n  const animate = useCallback((timestamp: number) => {\n    if (!startTimeRef.current) {\n      startTimeRef.current = timestamp\n    }\n\n    const elapsed = timestamp - startTimeRef.current\n    const config = configRef.current\n    const easing = getEasingFunction(config.easing)\n    \n    let progress = Math.min(elapsed / config.duration, 1)\n    progress = easing(progress)\n\n    setState(prev => ({\n      ...prev,\n      progress,\n      isVisible: config.direction === 'forward' ? progress > 0.1 : progress < 0.9,\n      currentStep: Math.floor(progress * 10)\n    }))\n\n    if (progress < 1) {\n      animationRef.current = requestAnimationFrame(animate)\n    } else {\n      setState(prev => ({\n        ...prev,\n        isTransitioning: false,\n        progress: config.direction === 'forward' ? 1 : 0\n      }))\n      config.onComplete?.()\n    }\n  }, [getEasingFunction])\n\n  const start = useCallback(async (config?: Partial<TransitionConfig>) => {\n    return new Promise<void>((resolve) => {\n      if (config) {\n        configRef.current = { ...configRef.current, ...config }\n      }\n\n      const finalConfig = configRef.current\n      finalConfig.onComplete = () => resolve()\n\n      setState(prev => ({\n        ...prev,\n        isTransitioning: true,\n        progress: finalConfig.direction === 'forward' ? 0 : 1\n      }))\n\n      startTimeRef.current = null\n      finalConfig.onStart?.()\n      \n      if (finalConfig.delay) {\n        setTimeout(() => {\n          animationRef.current = requestAnimationFrame(animate)\n        }, finalConfig.delay)\n      } else {\n        animationRef.current = requestAnimationFrame(animate)\n      }\n    })\n  }, [animate])\n\n  const reverse = useCallback(async () => {\n    return new Promise<void>((resolve) => {\n      const config = configRef.current\n      config.direction = 'backward'\n      config.onComplete = () => resolve()\n      \n      start()\n    })\n  }, [start])\n\n  const pause = useCallback(() => {\n    if (animationRef.current) {\n      cancelAnimationFrame(animationRef.current)\n    }\n  }, [])\n\n  const resume = useCallback(() => {\n    if (state.isTransitioning) {\n      animationRef.current = requestAnimationFrame(animate)\n    }\n  }, [state.isTransitioning, animate])\n\n  const reset = useCallback(() => {\n    if (animationRef.current) {\n      cancelAnimationFrame(animationRef.current)\n    }\n    setState({\n      isTransitioning: false,\n      isVisible: false,\n      currentStep: 0,\n      progress: 0\n    })\n  }, [])\n\n  useEffect(() => {\n    return () => {\n      if (animationRef.current) {\n        cancelAnimationFrame(animationRef.current)\n      }\n    }\n  }, [])\n\n  return [state, { start, reverse, pause, resume, reset }]\n}\n\n// 특정 전환 타입을 위한 편의 훅들\nexport const useFadeTransition = (config?: Partial<TransitionConfig>) => {\n  return usePageTransition({ type: 'fade', duration: 400, ...config })\n}\n\nexport const useSlideTransition = (config?: Partial<TransitionConfig>) => {\n  return usePageTransition({ type: 'slide', duration: 600, ...config })\n}\n\nexport const useScaleTransition = (config?: Partial<TransitionConfig>) => {\n  return usePageTransition({ type: 'scale', duration: 500, ...config })\n}\n\nexport const useMorphTransition = (config?: Partial<TransitionConfig>) => {\n  return usePageTransition({ type: 'morph', duration: 800, ...config })\n}\n\nexport const useCubeTransition = (config?: Partial<TransitionConfig>) => {\n  return usePageTransition({ type: 'cube', duration: 1000, ...config })\n}\n","'use client'\n\nimport { useState, useCallback, useRef, useEffect } from 'react'\nimport { TransitionType, TransitionEasing, TransitionConfig } from './usePageTransition'\n\nexport interface PageTransitionManagerConfig {\n  defaultType?: TransitionType\n  defaultDuration?: number\n  defaultEasing?: TransitionEasing\n  enableHistory?: boolean\n  enableProgress?: boolean\n  enableDebug?: boolean\n}\n\nexport interface PageTransitionEvent {\n  id: string\n  type: TransitionType\n  duration: number\n  easing: TransitionEasing\n  timestamp: number\n  status: 'pending' | 'active' | 'completed' | 'failed'\n}\n\nexport interface PageTransitionManagerState {\n  isTransitioning: boolean\n  currentTransition: PageTransitionEvent | null\n  transitionHistory: PageTransitionEvent[]\n  totalTransitions: number\n  averageDuration: number\n}\n\nexport interface PageTransitionManagerControls {\n  startTransition: (config: Partial<TransitionConfig>) => Promise<string>\n  cancelTransition: (id: string) => void\n  pauseAll: () => void\n  resumeAll: () => void\n  clearHistory: () => void\n  getTransitionStats: () => {\n    total: number\n    average: number\n    byType: Record<TransitionType, number>\n    byStatus: Record<string, number>\n  }\n}\n\nexport const usePageTransitionManager = (\n  config: PageTransitionManagerConfig = {}\n): [PageTransitionManagerState, PageTransitionManagerControls] => {\n  const {\n    defaultType = 'fade',\n    defaultDuration = 500,\n    defaultEasing = 'smooth',\n    enableHistory = true,\n    enableProgress: _enableProgress = true,\n    enableDebug = false\n  } = config\n\n  const [state, setState] = useState<PageTransitionManagerState>({\n    isTransitioning: false,\n    currentTransition: null,\n    transitionHistory: [],\n    totalTransitions: 0,\n    averageDuration: 0\n  })\n\n  const activeTransitionsRef = useRef<Map<string, { timer: NodeJS.Timeout; config: TransitionConfig }>>(new Map())\n  const transitionCounterRef = useRef(0)\n\n  const logDebug = useCallback((message: string, data?: unknown) => {\n    if (enableDebug) {\n      // eslint-disable-next-line no-console\n      console.log(`[PageTransitionManager] ${message}`, data)\n    }\n  }, [enableDebug])\n\n  const updateStats = useCallback((newTransition: PageTransitionEvent) => {\n    setState(prev => {\n      const newHistory = enableHistory ? [...prev.transitionHistory, newTransition] : prev.transitionHistory\n      const total = newHistory.length\n      const average = newHistory.reduce((sum, t) => sum + t.duration, 0) / total\n\n      return {\n        ...prev,\n        totalTransitions: total,\n        averageDuration: average,\n        transitionHistory: newHistory\n      }\n    })\n  }, [enableHistory])\n\n  const startTransition = useCallback(async (config: Partial<TransitionConfig>): Promise<string> => {\n    const transitionId = `transition_${++transitionCounterRef.current}`\n    const fullConfig: TransitionConfig = {\n      type: defaultType,\n      duration: defaultDuration,\n      easing: defaultEasing,\n      ...config\n    }\n\n    const transitionEvent: PageTransitionEvent = {\n      id: transitionId,\n      type: fullConfig.type,\n      duration: fullConfig.duration,\n      easing: fullConfig.easing,\n      timestamp: Date.now(),\n      status: 'pending'\n    }\n\n    logDebug('Starting transition', { id: transitionId, config: fullConfig })\n\n    setState(prev => ({\n      ...prev,\n      isTransitioning: true,\n      currentTransition: transitionEvent\n    }))\n\n    // 실제 전환 로직을 시뮬레이션 (실제로는 usePageTransition과 연동)\n    const timer = setTimeout(() => {\n      const completedEvent: PageTransitionEvent = {\n        ...transitionEvent,\n        status: 'completed'\n      }\n\n      setState(prev => ({\n        ...prev,\n        isTransitioning: false,\n        currentTransition: null\n      }))\n\n      updateStats(completedEvent)\n      activeTransitionsRef.current.delete(transitionId)\n      logDebug('Transition completed', { id: transitionId })\n\n      fullConfig.onComplete?.()\n    }, fullConfig.duration)\n\n    activeTransitionsRef.current.set(transitionId, { timer, config: fullConfig })\n\n    // 진행 상태 업데이트\n    setTimeout(() => {\n      setState(prev => ({\n        ...prev,\n        currentTransition: {\n          ...prev.currentTransition!,\n          status: 'active'\n        }\n      }))\n    }, 50)\n\n    return transitionId\n  }, [defaultType, defaultDuration, defaultEasing, logDebug, updateStats])\n\n  const cancelTransition = useCallback((id: string) => {\n    const transition = activeTransitionsRef.current.get(id)\n    if (transition) {\n      clearTimeout(transition.timer)\n      activeTransitionsRef.current.delete(id)\n\n      setState(prev => ({\n        ...prev,\n        isTransitioning: activeTransitionsRef.current.size > 0,\n        currentTransition: prev.currentTransition?.id === id ? null : prev.currentTransition\n      }))\n\n      logDebug('Transition cancelled', { id })\n    }\n  }, [logDebug])\n\n  const pauseAll = useCallback(() => {\n    activeTransitionsRef.current.forEach(({ timer }, id) => {\n      clearTimeout(timer)\n      logDebug('Transition paused', { id })\n    })\n  }, [logDebug])\n\n  const resumeAll = useCallback(() => {\n    activeTransitionsRef.current.forEach(({ config }, _id) => {\n      startTransition(config)\n    })\n  }, [startTransition])\n\n  const clearHistory = useCallback(() => {\n    setState(prev => ({\n      ...prev,\n      transitionHistory: [],\n      totalTransitions: 0,\n      averageDuration: 0\n    }))\n    logDebug('History cleared')\n  }, [logDebug])\n\n  const getTransitionStats = useCallback(() => {\n    const { transitionHistory } = state\n    const byType = transitionHistory.reduce((acc, t) => {\n      acc[t.type] = (acc[t.type] || 0) + 1\n      return acc\n    }, {} as Record<TransitionType, number>)\n\n    const byStatus = transitionHistory.reduce((acc, t) => {\n      acc[t.status] = (acc[t.status] || 0) + 1\n      return acc\n    }, {} as Record<string, number>)\n\n    return {\n      total: transitionHistory.length,\n      average: state.averageDuration,\n      byType,\n      byStatus\n    }\n  }, [state])\n\n  useEffect(() => {\n    const activeTransitions = activeTransitionsRef.current\n    return () => {\n      // 컴포넌트 언마운트 시 모든 타이머 정리\n      activeTransitions.forEach(({ timer }) => {\n        clearTimeout(timer)\n      })\n      activeTransitions.clear()\n    }\n  }, [])\n\n  return [state, {\n    startTransition,\n    cancelTransition,\n    pauseAll,\n    resumeAll,\n    clearHistory,\n    getTransitionStats\n  }]\n}\n\n// 특정 전환 타입을 위한 편의 훅들\nexport const useFadeTransitionManager = (config?: PageTransitionManagerConfig) => {\n  return usePageTransitionManager({ ...config, defaultType: 'fade' })\n}\n\nexport const useSlideTransitionManager = (config?: PageTransitionManagerConfig) => {\n  return usePageTransitionManager({ ...config, defaultType: 'slide' })\n}\n\nexport const useScaleTransitionManager = (config?: PageTransitionManagerConfig) => {\n  return usePageTransitionManager({ ...config, defaultType: 'scale' })\n}\n\nexport const useMorphTransitionManager = (config?: PageTransitionManagerConfig) => {\n  return usePageTransitionManager({ ...config, defaultType: 'morph' })\n}\n\nexport const useCubeTransitionManager = (config?: PageTransitionManagerConfig) => {\n  return usePageTransitionManager({ ...config, defaultType: 'cube' })\n}\n"]}

package/dist/chunk-XJAQ7MK5.mjs

@@ -1,2 +0,0 @@
-import {a}from'./chunk-UUHAXGMO.mjs';import w,{createContext,useContext,useState,useEffect}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {clsx}from'clsx';var K={theme:"system",setTheme:()=>null,resolvedTheme:"light",toggleTheme:()=>null},O=createContext(K);function ve({children:t,defaultTheme:r="light",storageKey:e="hua-ui-theme",enableSystem:o=true,enableTransition:n=true,...s}){let[a,d]=useState(r),[u,p]=useState("light");useEffect(()=>{if(typeof window!="undefined"){let i=localStorage.getItem(e);i&&d(i);}},[e]),useEffect(()=>{let i=window.document.documentElement;if(i.classList.remove("light","dark"),a==="system"&&o){let g=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";i.classList.add(g),p(g);}else i.classList.add(a),p(a);n&&i.classList.add("transition-colors","duration-300");},[a,o,n]),useEffect(()=>{if(a==="system"&&o){let i=window.matchMedia("(prefers-color-scheme: dark)"),g=()=>{let v=i.matches?"dark":"light";p(v),document.documentElement.classList.remove("light","dark"),document.documentElement.classList.add(v);};return i.addEventListener("change",g),()=>i.removeEventListener("change",g)}},[a,o]);let y={theme:a,setTheme:i=>{typeof window!="undefined"&&localStorage.setItem(e,i),d(i);},resolvedTheme:u,toggleTheme:()=>{let i=u==="light"?"dark":"light";typeof window!="undefined"&&localStorage.setItem(e,i),d(i);}};return jsx(O.Provider,{...s,value:y,children:t})}var $=()=>{let t=useContext(O);if(t===void 0)throw new Error("useTheme must be used within a ThemeProvider");return t};function Ee(t,r){let e="rounded-2xl border transition-all duration-200";switch(t){case "default":return a(e,r.default);case "gradient":return a(e,"text-white",r.gradient);case "outline":return a(e,r.outline);case "elevated":return a(e,r.elevated);default:return e}}function _(t="md"){return {sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full",none:"rounded-none"}[t]}function I(t="md"){return t==="none"?"":`shadow-${t}`}function G(t="springy",r=false){if(r||t==="none")return "";let e="[transition:transform_180ms_cubic-bezier(0.34,1.56,0.64,1)]";return {springy:`hover:scale-[1.008] active:scale-[0.992] ${e} transform-gpu`,scale:"hover:scale-[1.008] active:scale-[0.992] transition-transform duration-200 transform-gpu",glow:"hover:shadow-lg hover:shadow-primary/15 transition-shadow duration-300",slide:`hover:-translate-y-[0.5px] ${e} transform-gpu`,none:""}[t]}function te(t,r,e){if(e)switch(t){case "default":if(e.primary)return "bg-[var(--color-primary)] text-white border-[var(--color-primary)] hover:opacity-90";break;case "secondary":if(e.secondary)return "bg-[var(--color-secondary)] text-white border-[var(--color-secondary)] hover:opacity-90";break;case "outline":if(e.accent)return "border-[var(--color-accent)] text-[var(--color-accent)] bg-transparent hover:bg-[var(--color-accent)]/10";break}switch(t){case "default":return "bg-primary text-primary-foreground hover:bg-primary/90";case "destructive":return "bg-destructive text-destructive-foreground hover:bg-destructive/90";case "outline":return "border-2 border-border bg-transparent text-foreground hover:bg-secondary";case "secondary":return "bg-secondary text-secondary-foreground hover:bg-secondary/80";case "ghost":return "bg-transparent text-foreground hover:bg-secondary";case "link":return "bg-transparent text-primary underline hover:text-primary/80";case "gradient":return "bg-gradient-to-r from-teal-500 to-cyan-500 text-white hover:shadow-lg";case "neon":return "bg-background text-primary border border-primary/30 shadow-lg shadow-primary/20 hover:shadow-primary/40";case "glass":return "bg-card/50 backdrop-blur-md border border-border text-foreground hover:bg-card/70";default:return ""}}function re(t){return {sm:"h-8 px-3 py-1 text-sm",md:"h-10 px-4 py-2 text-base",lg:"h-12 px-6 py-3 text-lg",xl:"h-14 px-8 py-4 text-xl",icon:"h-10 w-10 p-0"}[t]}function oe(t,r){let e="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";switch(t){case "destructive":return "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-destructive focus-visible:ring-offset-2 focus-visible:ring-offset-background";case "outline":case "ghost":case "link":return "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0";default:return e}}function W(t){let{variant:r,size:e,rounded:o="md",shadow:n="md",hover:s="springy",theme:a$1,branding:d,reducedMotion:u=false}=t;return {base:a("inline-flex items-center justify-center whitespace-nowrap font-medium transition-all duration-200","disabled:pointer-events-none disabled:opacity-50 min-w-fit"),variant:te(r,a$1,d),size:re(e),rounded:_(o),shadow:I(n),hover:G(s,u),focus:oe(r)}}function se(...t){return r=>{t.forEach(e=>{typeof e=="function"?e(r):e!=null&&(e.current=r);});}}function ie(t,r){return e=>{t==null||t(e),e.defaultPrevented||r==null||r(e);}}function ae(t,r){if(!(!t&&!r))return clsx(t,r)}function de(t,r){if(!(!t&&!r))return {...t,...r}}function le(t,r){let e={...t};for(let o in r){let n=t[o],s=r[o];/^on[A-Z]/.test(o)?n&&s?e[o]=ie(n,s):e[o]=s||n:o==="className"?e[o]=ae(n,s):o==="style"?e[o]=de(n,s):e[o]=s!==void 0?s:n;}return e}function ce(t){return w.isValidElement(t)}var N=w.forwardRef(({children:t,...r},e)=>{let o=w.Children.toArray(t);if(o.length!==1)return process.env.NODE_ENV!=="production"&&console.warn("[Slot] asChild\uB294 \uC815\uD655\uD788 \uD558\uB098\uC758 \uC790\uC2DD \uC694\uC18C\uAC00 \uD544\uC694\uD569\uB2C8\uB2E4."),null;let n=o[0];if(!ce(n))return process.env.NODE_ENV!=="production"&&console.warn("[Slot] \uC790\uC2DD\uC740 \uC720\uD6A8\uD55C React \uC694\uC18C\uC5EC\uC57C \uD569\uB2C8\uB2E4."),null;let s=n.props,a=n.ref,d=le(r,s),u=se(e,a);return w.cloneElement(n,{...d,ref:u})});N.displayName="Slot";var ue=typeof window!="undefined";function me(){let[t,r]=w.useState(false);return w.useEffect(()=>{var n;if(!ue||!("matchMedia"in window))return;let e=window.matchMedia("(prefers-reduced-motion: reduce)"),o=()=>r(!!e.matches);return o(),(n=e.addEventListener)==null||n.call(e,"change",o),()=>{var s;return (s=e.removeEventListener)==null?void 0:s.call(e,"change",o)}},[]),t}var F=w.forwardRef(function({variant:r="default",size:e="md",loading:o=false,icon:n,iconPosition:s="left",gradient:a$1="blue",customGradient:d,rounded:u="md",shadow:p="md",hover:y="springy",fullWidth:i,iconOnly:g,className:v,children:z,disabled:x,asChild:j=false,...h},C){let L=me(),k="light";try{k=$().resolvedTheme;}catch{k="light";}let f=w.useMemo(()=>{let c="";r==="gradient"&&d?c=`bg-gradient-to-r ${d}`:r==="gradient"&&(c=`bg-gradient-to-r ${ge(a$1)}`);let b=W({variant:r,size:e,rounded:u,shadow:p,hover:y,theme:k,reducedMotion:L});return r==="gradient"?{...b,variant:c+" text-white hover:shadow-lg"}:b},[r,e,u,p,y,k,L,a$1,d]),R=a(f.base,f.focus,"disabled:pointer-events-none disabled:opacity-50 min-w-fit",i&&"w-full",f.variant,f.size,f.rounded,f.shadow,f.hover,v),D=jsxs(Fragment,{children:[o&&jsxs("span",{role:"status","aria-live":"polite",className:"-ml-1 mr-2 inline-flex",children:[jsxs("svg",{className:"animate-spin h-4 w-4",viewBox:"0 0 24 24",fill:"none",children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),jsx("span",{className:"sr-only",children:"\uB85C\uB529 \uC911"})]}),!o&&n&&s==="left"&&jsx("span",{className:"mr-2",children:n}),z,!o&&n&&s==="right"&&jsx("span",{className:"ml-2",children:n})]});if(g&&!("aria-label"in h)&&process.env.NODE_ENV!=="production"&&console.warn("[Button] iconOnly \uC0AC\uC6A9 \uC2DC aria-label\uC744 \uC81C\uACF5\uD558\uC138\uC694."),j){let c={className:R,ref:C,disabled:x||o,"aria-busy":o||void 0,"aria-disabled":x||o||void 0,...h};return jsx(N,{...c,children:z})}if("href"in h&&h.href){let{onClick:c,target:b,rel:T,href:Z,"aria-label":he,className:J,...A}=h,B=!!x||o,X=E=>{if(B){E.preventDefault(),E.stopPropagation();return}c==null||c(E);};return jsx("a",{ref:C,href:Z,className:a(R,J),onClick:X,"aria-busy":o||void 0,"aria-disabled":B||void 0,tabIndex:B?-1:A.tabIndex,target:b,rel:b==="_blank"?T!=null?T:"noopener noreferrer":T,...A,children:D})}let{className:Q,...U}=h,V=!!x||o;return jsx("button",{ref:C,className:a(R,Q),type:"button",disabled:V,"aria-busy":o||void 0,"aria-disabled":V||void 0,...U,children:D})});F.displayName="Button";var We=F;function ge(t){let r={blue:"from-teal-500 to-cyan-500",purple:"from-purple-500 to-pink-500",green:"from-green-500 to-emerald-500 dark:from-green-400 dark:to-emerald-400",orange:"from-orange-500 to-red-500 dark:from-orange-300 dark:to-red-300",pink:"from-pink-500 to-rose-500"};return r[t]||r.blue}export{Ee as a,ve as b,$ as c,We as d};//# sourceMappingURL=chunk-XJAQ7MK5.mjs.map
-//# sourceMappingURL=chunk-XJAQ7MK5.mjs.map

package/dist/chunk-XJAQ7MK5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ThemeProvider.tsx","../src/lib/styles/variants.ts","../src/lib/styles/system/components.ts","../src/lib/Slot.tsx","../src/components/Button.tsx"],"names":["initialState","ThemeProviderContext","createContext","ThemeProvider","children","defaultTheme","storageKey","enableSystem","enableTransition","props","theme","setTheme","useState","resolvedTheme","setResolvedTheme","useEffect","savedTheme","root","systemTheme","mediaQuery","handleChange","value","newTheme","jsx","useTheme","context","useContext","createVariantStyles","variant","colorStyles","baseClasses","merge","createRoundedStyles","rounded","createShadowStyles","shadow","createHoverStyles","hover","reducedMotion","springTransition","createButtonVariantStyle","_theme","branding","createButtonSizeStyle","size","createButtonFocusStyle","baseFocus","createButtonStyles","options","composeRefs","refs","node","ref","composeEventHandlers","parentHandler","childHandler","event","mergeClassName","slotClassName","childClassName","clsx","mergeStyle","slotStyle","childStyle","mergeProps","slotProps","childProps","mergedProps","propName","slotValue","childValue","isSlottable","child","React","Slot","forwardedRef","childArray","childRef","mergedRef","isBrowser","useReducedMotion","reduce","setReduce","_a","mq","onChange","ButtonInner","loading","icon","iconPosition","gradient","customGradient","fullWidth","iconOnly","className","disabled","asChild","rest","reduced","styles","gradientStyle","getGradientClass","buttonStyles","base","content","jsxs","Fragment","onClick","target","rel","href","_ariaLabel","anchorClassName","anchorProps","isDisabled","handleAnchorClick","e","buttonClassName","btnProps","Button","g"],"mappings":"iLAsCA,IAAMA,EAAmC,CACvC,KAAA,CAAO,SACP,QAAA,CAAU,IAAM,IAAA,CAChB,aAAA,CAAe,QACf,WAAA,CAAa,IAAM,IACrB,CAAA,CAEMC,CAAAA,CAAuBC,cAAkCF,CAAY,CAAA,CAkCpE,SAASG,EAAAA,CAAc,CAC5B,QAAA,CAAAC,CAAAA,CACA,aAAAC,CAAAA,CAAe,OAAA,CACf,WAAAC,CAAAA,CAAa,cAAA,CACb,YAAA,CAAAC,CAAAA,CAAe,KACf,gBAAA,CAAAC,CAAAA,CAAmB,IAAA,CACnB,GAAGC,CACL,CAAA,CAA2C,CACzC,GAAM,CAACC,EAAOC,CAAQ,CAAA,CAAIC,SAAgBP,CAAY,CAAA,CAChD,CAACQ,CAAAA,CAAeC,CAAgB,CAAA,CAAIF,QAAAA,CAA2B,OAAO,CAAA,CAE5EG,SAAAA,CAAU,IAAM,CAEd,GAAI,OAAO,MAAA,EAAW,WAAA,CAAa,CACjC,IAAMC,EAAa,YAAA,CAAa,OAAA,CAAQV,CAAU,CAAA,CAC9CU,CAAAA,EACFL,EAASK,CAAU,EAEvB,CACF,CAAA,CAAG,CAACV,CAAU,CAAC,CAAA,CAEfS,SAAAA,CAAU,IAAM,CACd,IAAME,CAAAA,CAAO,MAAA,CAAO,SAAS,eAAA,CAI7B,GAFAA,EAAK,SAAA,CAAU,MAAA,CAAO,QAAS,MAAM,CAAA,CAEjCP,CAAAA,GAAU,QAAA,EAAYH,EAAc,CACtC,IAAMW,EAAc,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,CACjE,OAAA,CACC,MAAA,CACA,OAAA,CAEJD,EAAK,SAAA,CAAU,GAAA,CAAIC,CAAW,CAAA,CAC9BJ,CAAAA,CAAiBI,CAAW,EAC9B,CAAA,KACED,CAAAA,CAAK,SAAA,CAAU,IAAIP,CAAK,CAAA,CACxBI,EAAiBJ,CAAyB,CAAA,CAGxCF,GACFS,CAAAA,CAAK,SAAA,CAAU,GAAA,CAAI,mBAAA,CAAqB,cAAc,EAE1D,CAAA,CAAG,CAACP,CAAAA,CAAOH,CAAAA,CAAcC,CAAgB,CAAC,CAAA,CAE1CO,SAAAA,CAAU,IAAM,CACd,GAAIL,CAAAA,GAAU,UAAYH,CAAAA,CAAc,CACtC,IAAMY,CAAAA,CAAa,MAAA,CAAO,UAAA,CAAW,8BAA8B,EAE7DC,CAAAA,CAAe,IAAM,CACzB,IAAMF,CAAAA,CAAcC,EAAW,OAAA,CAAU,MAAA,CAAS,OAAA,CAClDL,CAAAA,CAAiBI,CAAW,CAAA,CAC5B,QAAA,CAAS,eAAA,CAAgB,SAAA,CAAU,OAAO,OAAA,CAAS,MAAM,CAAA,CACzD,QAAA,CAAS,gBAAgB,SAAA,CAAU,GAAA,CAAIA,CAAW,EACpD,CAAA,CAEA,OAAAC,CAAAA,CAAW,gBAAA,CAAiB,QAAA,CAAUC,CAAY,EAC3C,IAAMD,CAAAA,CAAW,oBAAoB,QAAA,CAAUC,CAAY,CACpE,CACF,CAAA,CAAG,CAACV,CAAAA,CAAOH,CAAY,CAAC,CAAA,CAExB,IAAMc,CAAAA,CAAQ,CACZ,MAAAX,CAAAA,CACA,QAAA,CAAWA,CAAAA,EAAiB,CACtB,OAAO,MAAA,EAAW,WAAA,EACpB,aAAa,OAAA,CAAQJ,CAAAA,CAAYI,CAAK,CAAA,CAExCC,CAAAA,CAASD,CAAK,EAChB,EACA,aAAA,CAAAG,CAAAA,CACA,YAAa,IAAM,CACjB,IAAMS,CAAAA,CAAWT,CAAAA,GAAkB,OAAA,CAAU,MAAA,CAAS,QAClD,OAAO,MAAA,EAAW,aACpB,YAAA,CAAa,OAAA,CAAQP,EAAYgB,CAAQ,CAAA,CAE3CX,CAAAA,CAASW,CAAQ,EACnB,CACF,CAAA,CAEA,OACEC,GAAAA,CAACtB,CAAAA,CAAqB,SAArB,CAA+B,GAAGQ,CAAAA,CAAO,KAAA,CAAOY,EAC9C,QAAA,CAAAjB,CAAAA,CACH,CAEJ,KAiBaoB,CAAAA,CAAW,IAAM,CAC5B,IAAMC,EAAUC,UAAAA,CAAWzB,CAAoB,EAE/C,GAAIwB,CAAAA,GAAY,OACd,MAAM,IAAI,KAAA,CAAM,8CAA8C,EAEhE,OAAOA,CACT,ECpKO,SAASE,EAAAA,CACdC,CAAAA,CACAC,CAAAA,CACQ,CACR,IAAMC,CAAAA,CAAc,iDAEpB,OAAQF,CAAAA,EACN,KAAK,SAAA,CACH,OAAOG,CAAAA,CAAMD,EAAaD,CAAAA,CAAY,OAAO,EAE/C,KAAK,UAAA,CACH,OAAOE,CAAAA,CAAMD,CAAAA,CAAa,YAAA,CAAcD,CAAAA,CAAY,QAAQ,CAAA,CAE9D,KAAK,UACH,OAAOE,CAAAA,CAAMD,EAAaD,CAAAA,CAAY,OAAO,CAAA,CAE/C,KAAK,WACH,OAAOE,CAAAA,CAAMD,EAAaD,CAAAA,CAAY,QAAQ,EAEhD,QACE,OAAOC,CACX,CACF,CA4EO,SAASE,CAAAA,CAAoBC,EAAmB,IAAA,CAAc,CAUnE,OAT4C,CAC1C,EAAA,CAAI,SAAA,CACJ,EAAA,CAAI,aACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,KAAM,cAAA,CACN,IAAA,CAAM,cACR,CAAA,CAEkBA,CAAO,CAC3B,CAaO,SAASC,CAAAA,CAAmBC,CAAAA,CAAiB,KAAc,CAChE,OAAIA,CAAAA,GAAW,MAAA,CAAe,GAEvB,CAAA,OAAA,EAAUA,CAAM,EACzB,CAyBO,SAASC,EACdC,CAAAA,CAAqB,SAAA,CACrBC,CAAAA,CAAyB,KAAA,CACjB,CACR,GAAIA,CAAAA,EAAiBD,IAAU,MAAA,CAAQ,OAAO,GAG9C,IAAME,CAAAA,CAAmB,6DAAA,CAczB,OAZ8C,CAE5C,OAAA,CAAS,CAAA,yCAAA,EAA4CA,CAAgB,CAAA,cAAA,CAAA,CAErE,MAAO,0FAAA,CAEP,IAAA,CAAM,wEAAA,CAEN,KAAA,CAAO,8BAA8BA,CAAgB,CAAA,cAAA,CAAA,CACrD,KAAM,EACR,CAAA,CAEgBF,CAAK,CACvB,CC1GA,SAASG,EAAAA,CACPZ,EACAa,CAAAA,CACAC,CAAAA,CACQ,CAER,GAAIA,CAAAA,CACF,OAAQd,CAAAA,EACN,KAAK,SAAA,CACH,GAAIc,CAAAA,CAAS,OAAA,CACX,OAAO,qFAAA,CAET,MACF,KAAK,WAAA,CACH,GAAIA,CAAAA,CAAS,SAAA,CACX,OAAO,yFAAA,CAET,MACF,KAAK,SAAA,CACH,GAAIA,CAAAA,CAAS,MAAA,CACX,OAAO,0GAAA,CAET,KACJ,CAGF,OAAQd,GACN,KAAK,UACH,OAAO,wDAAA,CAET,KAAK,aAAA,CACH,OAAO,oEAAA,CAET,KAAK,UACH,OAAO,0EAAA,CAET,KAAK,WAAA,CACH,OAAO,8DAAA,CAET,KAAK,QACH,OAAO,mDAAA,CAET,KAAK,MAAA,CACH,OAAO,8DAET,KAAK,UAAA,CACH,OAAO,uEAAA,CAET,KAAK,MAAA,CACH,OAAO,0GAET,KAAK,OAAA,CACH,OAAO,mFAAA,CAET,QACE,OAAO,EACX,CACF,CAQA,SAASe,GAAsBC,CAAAA,CAA0B,CASvD,OAR4C,CAC1C,EAAA,CAAI,uBAAA,CACJ,EAAA,CAAI,2BACJ,EAAA,CAAI,wBAAA,CACJ,GAAI,wBAAA,CACJ,IAAA,CAAM,eACR,CAAA,CAEeA,CAAI,CACrB,CASA,SAASC,EAAAA,CACPjB,CAAAA,CACAa,EACQ,CACR,IAAMK,EAAY,0IAAA,CAElB,OAAQlB,CAAAA,EACN,KAAK,aAAA,CACH,OAAO,iJAAA,CAET,KAAK,UACL,KAAK,OAAA,CACL,KAAK,MAAA,CACH,OAAO,qGAAA,CAET,QACE,OAAOkB,CACX,CACF,CAsBO,SAASC,CAAAA,CACdC,CAAAA,CACc,CACd,GAAM,CACJ,OAAA,CAAApB,EACA,IAAA,CAAAgB,CAAAA,CACA,QAAAX,CAAAA,CAAU,IAAA,CACV,MAAA,CAAAE,CAAAA,CAAS,KACT,KAAA,CAAAE,CAAAA,CAAQ,UACR,KAAA,CAAA3B,GAAAA,CACA,SAAAgC,CAAAA,CACA,aAAA,CAAAJ,CAAAA,CAAgB,KAClB,EAAIU,CAAAA,CAEJ,OAAO,CACL,IAAA,CAAMjB,CAAAA,CACJ,oGACA,4DACF,CAAA,CACA,OAAA,CAASS,EAAAA,CAAyBZ,EAASlB,GAAAA,CAAOgC,CAAQ,EAC1D,IAAA,CAAMC,EAAAA,CAAsBC,CAAI,CAAA,CAChC,OAAA,CAASZ,CAAAA,CAAoBC,CAAO,EACpC,MAAA,CAAQC,CAAAA,CAAmBC,CAAM,CAAA,CACjC,KAAA,CAAOC,EAAkBC,CAAAA,CAAOC,CAAa,CAAA,CAC7C,KAAA,CAAOO,GAAuBjB,CAAc,CAC9C,CACF,CCpNA,SAASqB,EAAAA,CAAAA,GACJC,CAAAA,CACmB,CACtB,OAAQC,CAAAA,EAAS,CACfD,CAAAA,CAAK,QAASE,CAAAA,EAAQ,CAChB,OAAOA,CAAAA,EAAQ,UAAA,CACjBA,EAAID,CAAI,CAAA,CACCC,CAAAA,EAAO,IAAA,GACfA,EAAyC,OAAA,CAAUD,CAAAA,EAExD,CAAC,EACH,CACF,CAQA,SAASE,EAAAA,CACPC,CAAAA,CACAC,CAAAA,CACoB,CACpB,OAAQC,CAAAA,EAAU,CAChBF,CAAAA,EAAA,IAAA,EAAAA,EAAgBE,CAAAA,CAAAA,CACVA,CAAAA,CAAmD,gBAAA,EACvDD,CAAAA,EAAA,MAAAA,CAAAA,CAAeC,CAAAA,EAEnB,CACF,CAKA,SAASC,GACPC,CAAAA,CACAC,CAAAA,CACoB,CACpB,GAAI,GAACD,CAAAA,EAAiB,CAACC,GACvB,OAAOC,IAAAA,CAAKF,EAAeC,CAAc,CAC3C,CAKA,SAASE,GACPC,CAAAA,CACAC,CAAAA,CACiC,CACjC,GAAI,EAAA,CAACD,GAAa,CAACC,CAAAA,CAAAA,CACnB,OAAO,CAAE,GAAGD,CAAAA,CAAW,GAAGC,CAAW,CACvC,CAKA,SAASC,EAAAA,CACPC,CAAAA,CACAC,CAAAA,CACyB,CACzB,IAAMC,CAAAA,CAAuC,CAAE,GAAGF,CAAU,EAE5D,IAAA,IAAWG,CAAAA,IAAYF,CAAAA,CAAY,CACjC,IAAMG,CAAAA,CAAYJ,CAAAA,CAAUG,CAAQ,CAAA,CAC9BE,CAAAA,CAAaJ,EAAWE,CAAQ,CAAA,CAGlC,UAAA,CAAW,IAAA,CAAKA,CAAQ,CAAA,CACtBC,CAAAA,EAAaC,EACfH,CAAAA,CAAYC,CAAQ,EAAIf,EAAAA,CACtBgB,CAAAA,CACAC,CACF,CAAA,CAEAH,EAAYC,CAAQ,CAAA,CAAIE,GAAcD,CAAAA,CAIjCD,CAAAA,GAAa,YACpBD,CAAAA,CAAYC,CAAQ,CAAA,CAAIX,EAAAA,CACtBY,EACAC,CACF,CAAA,CAGOF,CAAAA,GAAa,OAAA,CACpBD,EAAYC,CAAQ,CAAA,CAAIP,EAAAA,CACtBQ,CAAAA,CACAC,CACF,CAAA,CAIAH,CAAAA,CAAYC,CAAQ,CAAA,CAAIE,CAAAA,GAAe,OAAYA,CAAAA,CAAaD,EAEpE,CAEA,OAAOF,CACT,CAKA,SAASI,GAAYC,CAAAA,CAAqD,CACxE,OAAOC,CAAAA,CAAM,cAAA,CAAeD,CAAK,CACnC,CAQA,IAAME,CAAAA,CAAOD,EAAM,UAAA,CACjB,CAAC,CAAE,QAAA,CAAArE,CAAAA,CAAU,GAAG6D,CAAU,EAAGU,CAAAA,GAAiB,CAC5C,IAAMC,CAAAA,CAAaH,EAAM,QAAA,CAAS,OAAA,CAAQrE,CAAQ,CAAA,CAGlD,GAAIwE,CAAAA,CAAW,MAAA,GAAW,EACxB,OAAI,OAAA,CAAQ,IAAI,QAAA,GAAa,YAAA,EAC3B,OAAA,CAAQ,IAAA,CACN,4HACF,CAAA,CAEK,IAAA,CAGT,IAAMJ,CAAAA,CAAQI,CAAAA,CAAW,CAAC,CAAA,CAE1B,GAAI,CAACL,EAAAA,CAAYC,CAAK,CAAA,CACpB,OAAI,QAAQ,GAAA,CAAI,QAAA,GAAa,cAC3B,OAAA,CAAQ,IAAA,CAAK,iGAAgC,CAAA,CAExC,KAIT,IAAMN,CAAAA,CAAaM,EAAM,KAAA,CACnBK,CAAAA,CAAYL,EAAsD,GAAA,CAGlEL,CAAAA,CAAcH,EAAAA,CAAWC,CAAAA,CAAWC,CAAU,CAAA,CAC9CY,CAAAA,CAAY7B,GAAY0B,CAAAA,CAAcE,CAAQ,EAEpD,OAAOJ,CAAAA,CAAM,YAAA,CAAaD,CAAAA,CAAO,CAC/B,GAAGL,CAAAA,CACH,IAAKW,CACP,CAAqB,CACvB,CACF,CAAA,CAEAJ,CAAAA,CAAK,WAAA,CAAc,OCzEnB,IAAMK,EAAAA,CAAY,OAAO,MAAA,EAAW,WAAA,CACpC,SAASC,EAAAA,EAAmB,CAC1B,GAAM,CAACC,CAAAA,CAAQC,CAAS,EAAIT,CAAAA,CAAM,QAAA,CAAS,KAAK,CAAA,CAChD,OAAAA,EAAM,SAAA,CAAU,IAAM,CA7GxB,IAAAU,EA8GI,GAAI,CAACJ,IAAa,EAAE,YAAA,GAAgB,QAAS,OAC7C,IAAMK,CAAAA,CAAK,MAAA,CAAO,WAAW,kCAAkC,CAAA,CACzDC,EAAW,IAAMH,CAAAA,CAAU,CAAC,CAACE,CAAAA,CAAG,OAAO,CAAA,CAC7C,OAAAC,CAAAA,EAAS,CAAA,CACTF,EAAAC,CAAAA,CAAG,gBAAA,GAAH,MAAAD,CAAAA,CAAA,IAAA,CAAAC,CAAAA,CAAsB,QAAA,CAAUC,GACzB,IAAG,CAnHd,IAAAF,CAAAA,CAmHiB,OAAA,CAAAA,EAAAC,CAAAA,CAAG,mBAAA,GAAH,IAAA,CAAA,MAAA,CAAAD,CAAAA,CAAA,KAAAC,CAAAA,CAAyB,QAAA,CAAUC,GAClD,CAAA,CAAG,EAAE,CAAA,CACEJ,CACT,CA4CA,IAAMK,EAAcb,CAAAA,CAAM,UAAA,CAAwC,SAChE,CACE,OAAA,CAAA7C,EAAU,SAAA,CACV,IAAA,CAAAgB,CAAAA,CAAO,IAAA,CACP,QAAA2C,CAAAA,CAAU,KAAA,CACV,IAAA,CAAAC,CAAAA,CACA,aAAAC,CAAAA,CAAe,MAAA,CACf,QAAA,CAAAC,GAAAA,CAAW,OACX,cAAA,CAAAC,CAAAA,CACA,QAAA1D,CAAAA,CAAU,IAAA,CACV,OAAAE,CAAAA,CAAS,IAAA,CACT,KAAA,CAAAE,CAAAA,CAAQ,UACR,SAAA,CAAAuD,CAAAA,CACA,SAAAC,CAAAA,CACA,SAAA,CAAAC,EACA,QAAA,CAAA1F,CAAAA,CACA,QAAA,CAAA2F,CAAAA,CACA,QAAAC,CAAAA,CAAU,KAAA,CACV,GAAGC,CACL,CAAA,CACA7C,EACA,CACA,IAAM8C,CAAAA,CAAUlB,EAAAA,GAGZnE,CAAAA,CAAuB,OAAA,CAC3B,GAAI,CAEFA,CAAAA,CADqBW,GAAS,CACD,cAC/B,CAAA,KAAQ,CAENX,EAAgB,QAClB,CAGA,IAAMsF,CAAAA,CAAS1B,CAAAA,CAAM,QAAQ,IAAM,CAEjC,IAAI2B,CAAAA,CAAgB,GAChBxE,CAAAA,GAAY,UAAA,EAAc+D,EAC5BS,CAAAA,CAAgB,CAAA,iBAAA,EAAoBT,CAAc,CAAA,CAAA,CACzC/D,CAAAA,GAAY,UAAA,GACrBwE,CAAAA,CAAgB,oBAAoBC,EAAAA,CAAiBX,GAAQ,CAAC,CAAA,CAAA,CAAA,CAGhE,IAAMY,EAAevD,CAAAA,CAAmB,CACtC,OAAA,CAAAnB,CAAAA,CACA,KAAAgB,CAAAA,CACA,OAAA,CAAAX,CAAAA,CACA,MAAA,CAAAE,EACA,KAAA,CAAAE,CAAAA,CACA,KAAA,CAAOxB,CAAAA,CACP,cAAeqF,CACjB,CAAC,EAGD,OAAItE,CAAAA,GAAY,WACP,CACL,GAAG0E,CAAAA,CACH,OAAA,CAASF,EAAgB,6BAC3B,CAAA,CAGKE,CACT,CAAA,CAAG,CAAC1E,EAASgB,CAAAA,CAAMX,CAAAA,CAASE,CAAAA,CAAQE,CAAAA,CAAOxB,EAAeqF,CAAAA,CAASR,GAAAA,CAAUC,CAAc,CAAC,CAAA,CAEtFY,EAAOxE,CAAAA,CACXoE,CAAAA,CAAO,IAAA,CACPA,CAAAA,CAAO,MACP,4DAAA,CACAP,CAAAA,EAAa,SACbO,CAAAA,CAAO,OAAA,CACPA,EAAO,IAAA,CACPA,CAAAA,CAAO,OAAA,CACPA,CAAAA,CAAO,OACPA,CAAAA,CAAO,KAAA,CACPL,CACF,CAAA,CAYMU,CAAAA,CACJC,KAAAC,QAAAA,CAAA,CACG,QAAA,CAAA,CAAAnB,CAAAA,EAXHkB,KAAC,MAAA,CAAA,CAAK,IAAA,CAAK,SAAS,WAAA,CAAU,QAAA,CAAS,UAAU,wBAAA,CAC/C,QAAA,CAAA,CAAAA,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,sBAAA,CAAuB,OAAA,CAAQ,YAAY,IAAA,CAAK,MAAA,CAC7D,UAAAlF,GAAAA,CAAC,QAAA,CAAA,CAAO,SAAA,CAAU,YAAA,CAAa,GAAG,IAAA,CAAK,EAAA,CAAG,IAAA,CAAK,CAAA,CAAE,KAAK,MAAA,CAAO,cAAA,CAAe,WAAA,CAAY,GAAA,CAAI,EAC5FA,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,YAAA,CAAa,IAAA,CAAK,eAAe,CAAA,CAAE,iHAAA,CAAkH,CAAA,CAAA,CACvK,CAAA,CACAA,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,UAAU,QAAA,CAAA,qBAAA,CAAI,CAAA,CAAA,CAChC,EAMG,CAACgE,CAAAA,EAAWC,CAAAA,EAAQC,CAAAA,GAAiB,QAAUlE,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,MAAA,CAAQ,QAAA,CAAAiE,EAAK,CAAA,CAC5EpF,CAAAA,CACA,CAACmF,CAAAA,EAAWC,GAAQC,CAAAA,GAAiB,OAAA,EAAWlE,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,OAAQ,QAAA,CAAAiE,CAAAA,CAAK,CAAA,CAAA,CAChF,CAAA,CAQF,GALIK,CAAAA,EAAY,EAAE,eAAgBI,CAAAA,CAAAA,EAAS,OAAA,CAAQ,IAAI,QAAA,GAAa,YAAA,EAClE,OAAA,CAAQ,IAAA,CAAK,wFAA2C,CAAA,CAItDD,CAAAA,CAAS,CACX,IAAM/B,CAAAA,CAAY,CAChB,SAAA,CAAWsC,CAAAA,CACX,GAAA,CAAAnD,CAAAA,CACA,SAAU2C,CAAAA,EAAYR,CAAAA,CACtB,YAAaA,CAAAA,EAAW,MAAA,CACxB,gBAAkBQ,CAAAA,EAAYR,CAAAA,EAAY,MAAA,CAC1C,GAAGU,CACL,CAAA,CACA,OAAO1E,GAAAA,CAACmD,CAAAA,CAAA,CAAM,GAAGT,CAAAA,CAAY,QAAA,CAAA7D,CAAAA,CAAS,CACxC,CAGA,GAAI,SAAU6F,CAAAA,EAAQA,CAAAA,CAAK,KAAM,CAC/B,GAAM,CAAE,OAAA,CAAAU,EAAS,MAAA,CAAAC,CAAAA,CAAQ,IAAAC,CAAAA,CAAK,IAAA,CAAAC,EAAM,YAAA,CAAcC,EAAAA,CAAY,SAAA,CAAWC,CAAAA,CAAiB,GAAGC,CAAY,CAAA,CAAIhB,EACvGiB,CAAAA,CAAa,CAAC,CAACnB,CAAAA,EAAYR,CAAAA,CAE3B4B,CAAAA,CAAiEC,CAAAA,EAAM,CAC3E,GAAIF,CAAAA,CAAY,CAAEE,CAAAA,CAAE,cAAA,GAAkBA,CAAAA,CAAE,eAAA,EAAgB,CAAG,MAAQ,CACnET,CAAAA,EAAA,IAAA,EAAAA,EAAUS,CAAAA,EACZ,CAAA,CAEA,OACE7F,GAAAA,CAAC,GAAA,CAAA,CACC,GAAA,CAAK6B,CAAAA,CACL,KAAM0D,CAAAA,CACN,SAAA,CAAW/E,EAAMwE,CAAAA,CAAMS,CAAe,EACtC,OAAA,CAASG,CAAAA,CACT,WAAA,CAAW5B,CAAAA,EAAW,OACtB,eAAA,CAAe2B,CAAAA,EAAc,OAC7B,QAAA,CAAUA,CAAAA,CAAa,GAAKD,CAAAA,CAAY,QAAA,CACxC,MAAA,CAAQL,CAAAA,CACR,IAAKA,CAAAA,GAAW,QAAA,CAAWC,CAAAA,EAAA,IAAA,CAAAA,EAAO,qBAAA,CAAwBA,CAAAA,CACzD,GAAGI,CAAAA,CAEH,SAAAT,CAAAA,CACH,CAEJ,CAGA,GAAM,CAAE,UAAWa,CAAAA,CAAiB,GAAGC,CAAS,CAAA,CAAIrB,EAC9CiB,CAAAA,CAAa,CAAC,CAACnB,CAAAA,EAAYR,CAAAA,CACjC,OACEhE,GAAAA,CAAC,QAAA,CAAA,CACC,GAAA,CAAK6B,CAAAA,CACL,UAAWrB,CAAAA,CAAMwE,CAAAA,CAAMc,CAAe,CAAA,CACtC,IAAA,CAAK,SACL,QAAA,CAAUH,CAAAA,CACV,WAAA,CAAW3B,CAAAA,EAAW,OACtB,eAAA,CAAe2B,CAAAA,EAAc,OAC5B,GAAGI,CAAAA,CAEH,SAAAd,CAAAA,CACH,CAEJ,CAAC,CAAA,CAEDlB,EAAY,WAAA,CAAc,QAAA,KAEbiC,EAAAA,CAASjC,EAEtB,SAASe,EAAAA,CAAiBX,CAAAA,CAAgC,CACxD,IAAM8B,EAAqD,CACzD,IAAA,CAAM,4BACN,MAAA,CAAQ,6BAAA,CACR,MAAO,uEAAA,CACP,MAAA,CAAQ,iEAAA,CACR,IAAA,CAAM,2BACR,CAAA,CACA,OAAOA,EAAE9B,CAA0B,CAAA,EAAK8B,EAAE,IAC5C","file":"chunk-XJAQ7MK5.mjs","sourcesContent":["\"use client\"\n\nimport React, { createContext, useContext, useEffect, useState } from \"react\"\n\ntype Theme = \"light\" | \"dark\" | \"system\"\n\n/**\n * ThemeProvider 컴포넌트의 props / ThemeProvider component props\n * @typedef {Object} ThemeProviderProps\n * @property {React.ReactNode} children - 자식 컴포넌트 / Child components\n * @property {\"light\" | \"dark\" | \"system\"} [defaultTheme=\"light\"] - 기본 테마 / Default theme\n * @property {string} [storageKey=\"hua-ui-theme\"] - localStorage 키 / localStorage key\n * @property {boolean} [enableSystem=true] - 시스템 테마 감지 활성화 / Enable system theme detection\n * @property {boolean} [enableTransition=true] - 테마 전환 애니메이션 활성화 / Enable theme transition animation\n */\nexport interface ThemeProviderProps {\n  children: React.ReactNode\n  defaultTheme?: Theme\n  storageKey?: string\n  enableSystem?: boolean\n  enableTransition?: boolean\n}\n\n/**\n * ThemeProvider의 상태 타입 / ThemeProvider state type\n * @typedef {Object} ThemeProviderState\n * @property {\"light\" | \"dark\" | \"system\"} theme - 현재 테마 / Current theme\n * @property {(theme: \"light\" | \"dark\" | \"system\") => void} setTheme - 테마 설정 함수 / Theme setter function\n * @property {\"light\" | \"dark\"} resolvedTheme - 실제 적용된 테마 (system일 경우 시스템 테마) / Actually applied theme (system theme when system is selected)\n * @property {() => void} toggleTheme - 테마 토글 함수 / Theme toggle function\n */\nexport interface ThemeProviderState {\n  theme: Theme\n  setTheme: (theme: Theme) => void\n  resolvedTheme: \"light\" | \"dark\"\n  toggleTheme: () => void\n}\n\nconst initialState: ThemeProviderState = {\n  theme: \"system\",\n  setTheme: () => null,\n  resolvedTheme: \"light\",\n  toggleTheme: () => null,\n}\n\nconst ThemeProviderContext = createContext<ThemeProviderState>(initialState)\n\n/**\n * ThemeProvider 컴포넌트 / ThemeProvider component\n * \n * 테마 관리를 위한 Context Provider 컴포넌트입니다.\n * localStorage에 테마를 저장하고, 시스템 테마를 감지할 수 있습니다.\n * useTheme 훅을 통해 테마 상태에 접근할 수 있습니다.\n * \n * Context Provider component for theme management.\n * Saves theme to localStorage and can detect system theme.\n * Access theme state through useTheme hook.\n * \n * @component\n * @example\n * // 기본 사용 / Basic usage\n * <ThemeProvider>\n *   <App />\n * </ThemeProvider>\n * \n * @example\n * // 커스텀 설정 / Custom settings\n * <ThemeProvider\n *   defaultTheme=\"dark\"\n *   storageKey=\"my-app-theme\"\n *   enableSystem={true}\n *   enableTransition={true}\n * >\n *   <App />\n * </ThemeProvider>\n * \n * @param {ThemeProviderProps} props - ThemeProvider 컴포넌트의 props / ThemeProvider component props\n * @returns {JSX.Element} ThemeProvider 컴포넌트 / ThemeProvider component\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"light\",  // system에서 light로 변경\n  storageKey = \"hua-ui-theme\",\n  enableSystem = true,\n  enableTransition = true,\n  ...props\n}: ThemeProviderProps): React.ReactElement {\n  const [theme, setTheme] = useState<Theme>(defaultTheme)\n  const [resolvedTheme, setResolvedTheme] = useState<\"light\" | \"dark\">(\"light\")\n\n  useEffect(() => {\n    // localStorage에서 테마 가져오기 (클라이언트에서만)\n    if (typeof window !== 'undefined') {\n      const savedTheme = localStorage.getItem(storageKey) as Theme\n      if (savedTheme) {\n        setTheme(savedTheme)\n      }\n    }\n  }, [storageKey])\n\n  useEffect(() => {\n    const root = window.document.documentElement\n\n    root.classList.remove(\"light\", \"dark\")\n\n    if (theme === \"system\" && enableSystem) {\n      const systemTheme = window.matchMedia(\"(prefers-color-scheme: dark)\")\n        .matches\n        ? \"dark\"\n        : \"light\"\n\n      root.classList.add(systemTheme)\n      setResolvedTheme(systemTheme)\n    } else {\n      root.classList.add(theme)\n      setResolvedTheme(theme as \"light\" | \"dark\")\n    }\n\n    if (enableTransition) {\n      root.classList.add(\"transition-colors\", \"duration-300\")\n    }\n  }, [theme, enableSystem, enableTransition])\n\n  useEffect(() => {\n    if (theme === \"system\" && enableSystem) {\n      const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\")\n\n      const handleChange = () => {\n        const systemTheme = mediaQuery.matches ? \"dark\" : \"light\"\n        setResolvedTheme(systemTheme)\n        document.documentElement.classList.remove(\"light\", \"dark\")\n        document.documentElement.classList.add(systemTheme)\n      }\n\n      mediaQuery.addEventListener(\"change\", handleChange)\n      return () => mediaQuery.removeEventListener(\"change\", handleChange)\n    }\n  }, [theme, enableSystem])\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      if (typeof window !== 'undefined') {\n        localStorage.setItem(storageKey, theme)\n      }\n      setTheme(theme)\n    },\n    resolvedTheme,\n    toggleTheme: () => {\n      const newTheme = resolvedTheme === \"light\" ? \"dark\" : \"light\"\n      if (typeof window !== 'undefined') {\n        localStorage.setItem(storageKey, newTheme)\n      }\n      setTheme(newTheme)\n    },\n  }\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  )\n}\n\n/**\n * useTheme 훅 / useTheme hook\n * \n * ThemeProvider의 테마 상태에 접근하는 훅입니다.\n * ThemeProvider 내부에서만 사용할 수 있습니다.\n * \n * Hook to access ThemeProvider's theme state.\n * Can only be used inside ThemeProvider.\n * \n * @example\n * const { theme, setTheme, resolvedTheme, toggleTheme } = useTheme()\n * \n * @returns {ThemeProviderState} 테마 상태와 함수들 / Theme state and functions\n * @throws {Error} ThemeProvider 외부에서 사용 시 에러 발생 / Error when used outside ThemeProvider\n */\nexport const useTheme = () => {\n  const context = useContext(ThemeProviderContext)\n\n  if (context === undefined)\n    throw new Error(\"useTheme must be used within a ThemeProvider\")\n\n  return context\n} ","/**\n * HUA UI 공통 Variant 시스템\n * 컴포넌트 variant 스타일 생성 유틸리티\n */\n\nimport type { ExtendedVariant, Size } from \"../types/common\";\nimport type { ColorStyles } from \"./colors\";\nimport { merge } from \"../utils\";\n\n/**\n * Variant 스타일 생성 함수\n * \n * @param variant - Variant 타입\n * @param colorStyles - 색상 스타일 객체\n * @returns 생성된 variant 클래스 문자열\n * \n * @example\n * ```tsx\n * const colorStyles = useColorStyles(\"blue\");\n * const variantClass = createVariantStyles(\"elevated\", colorStyles);\n * ```\n */\nexport function createVariantStyles(\n  variant: ExtendedVariant,\n  colorStyles: ColorStyles\n): string {\n  const baseClasses = \"rounded-2xl border transition-all duration-200\";\n  \n  switch (variant) {\n    case \"default\":\n      return merge(baseClasses, colorStyles.default);\n    \n    case \"gradient\":\n      return merge(baseClasses, \"text-white\", colorStyles.gradient);\n    \n    case \"outline\":\n      return merge(baseClasses, colorStyles.outline);\n    \n    case \"elevated\":\n      return merge(baseClasses, colorStyles.elevated);\n    \n    default:\n      return baseClasses;\n  }\n}\n\n/**\n * Size 스타일 설정 인터페이스\n */\nexport interface SizeStyles {\n  container: string;\n  icon: string;\n  iconContainer: string;\n  text: string;\n  title: string;\n  description: string;\n}\n\n/**\n * Size 스타일 생성 함수\n * \n * @param size - 크기 타입\n * @returns 생성된 size 스타일 객체\n * \n * @example\n * ```tsx\n * const sizeStyles = createSizeStyles(\"md\");\n * // sizeStyles.container, sizeStyles.icon 등 사용 가능\n * ```\n */\nexport function createSizeStyles(size: Size = \"md\"): SizeStyles {\n  const sizeMap: Record<Size, SizeStyles> = {\n    sm: {\n      container: \"p-4\",\n      icon: \"h-4 w-4\",\n      iconContainer: \"w-8 h-8\",\n      text: \"text-xs\",\n      title: \"text-xs\",\n      description: \"text-xs\",\n    },\n    md: {\n      container: \"p-6\",\n      icon: \"h-6 w-6\",\n      iconContainer: \"w-12 h-12\",\n      text: \"text-base\",\n      title: \"text-sm\",\n      description: \"text-sm\",\n    },\n    lg: {\n      container: \"p-8\",\n      icon: \"h-8 w-8\",\n      iconContainer: \"w-16 h-16\",\n      text: \"text-lg\",\n      title: \"text-base\",\n      description: \"text-base\",\n    },\n    xl: {\n      container: \"p-10\",\n      icon: \"h-10 w-10\",\n      iconContainer: \"w-20 h-20\",\n      text: \"text-xl\",\n      title: \"text-lg\",\n      description: \"text-lg\",\n    },\n  };\n  \n  return sizeMap[size];\n}\n\n/**\n * Rounded 스타일 타입\n */\nexport type Rounded = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | \"none\";\n\n/**\n * Rounded 스타일 생성 함수\n * \n * @param rounded - Rounded 타입\n * @returns 생성된 rounded 클래스 문자열\n */\nexport function createRoundedStyles(rounded: Rounded = \"md\"): string {\n  const roundedMap: Record<Rounded, string> = {\n    sm: \"rounded\",\n    md: \"rounded-md\",\n    lg: \"rounded-lg\",\n    xl: \"rounded-xl\",\n    full: \"rounded-full\",\n    none: \"rounded-none\",\n  };\n  \n  return roundedMap[rounded];\n}\n\n/**\n * Shadow 스타일 타입\n */\nexport type Shadow = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/**\n * Shadow 스타일 생성 함수\n * \n * @param shadow - Shadow 타입\n * @returns 생성된 shadow 클래스 문자열\n */\nexport function createShadowStyles(shadow: Shadow = \"md\"): string {\n  if (shadow === \"none\") return \"\";\n  \n  return `shadow-${shadow}`;\n}\n\n/**\n * Hover 효과 타입\n */\nexport type HoverEffect = \"scale\" | \"glow\" | \"slide\" | \"springy\" | \"none\";\n\n/**\n * HUA-UI 스프링 이징\n * 공 튕기듯 아주 미세한 반동 - cubic-bezier(0.34, 1.56, 0.64, 1)\n */\nexport const HUA_SPRING_EASING = \"cubic-bezier(0.34, 1.56, 0.64, 1)\";\n\n/**\n * Hover 효과 스타일 생성 함수\n *\n * @param hover - Hover 효과 타입\n * @param reducedMotion - 애니메이션 축소 설정 여부\n * @returns 생성된 hover 클래스 문자열\n *\n * @description\n * HUA-UI 시그니처: \"스륵 부드럽고 아주 미세하게 쫀득\"\n * - 스프링 이징으로 미세한 반동 효과\n * - 1.5% 스케일 변화로 자연스러운 피드백\n */\nexport function createHoverStyles(\n  hover: HoverEffect = \"springy\",\n  reducedMotion: boolean = false\n): string {\n  if (reducedMotion || hover === \"none\") return \"\";\n\n  // 스프링 이징 스타일 (Tailwind arbitrary value)\n  const springTransition = \"[transition:transform_180ms_cubic-bezier(0.34,1.56,0.64,1)]\";\n\n  const hoverMap: Record<HoverEffect, string> = {\n    // HUA-UI 시그니처 스프링 효과 (기본값) - 아주아주 미세하게\n    springy: `hover:scale-[1.008] active:scale-[0.992] ${springTransition} transform-gpu`,\n    // 기존 scale (스프링 없음)\n    scale: \"hover:scale-[1.008] active:scale-[0.992] transition-transform duration-200 transform-gpu\",\n    // 글로우 효과\n    glow: \"hover:shadow-lg hover:shadow-primary/15 transition-shadow duration-300\",\n    // 슬라이드 효과 (미세하게)\n    slide: `hover:-translate-y-[0.5px] ${springTransition} transform-gpu`,\n    none: \"\",\n  };\n\n  return hoverMap[hover];\n}\n\n","/**\n * HUA UI 컴포넌트 스타일 팩토리\n * 각 컴포넌트별 스타일 생성 함수\n */\n\nimport { merge } from \"../../utils\";\nimport type { Theme } from \"./theme\";\nimport { getThemeColorClassWithDark } from \"./theme\";\nimport { createRoundedStyles, createShadowStyles, createHoverStyles } from \"../variants\";\n\n/**\n * Button Variant 타입\n */\nexport type ButtonVariant =\n  | \"default\"\n  | \"destructive\"\n  | \"outline\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"link\"\n  | \"gradient\"\n  | \"neon\"\n  | \"glass\";\n\n/**\n * Button Size 타입\n */\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"icon\";\n\n/**\n * Button Rounded 타입\n */\nexport type ButtonRounded = \"sm\" | \"md\" | \"lg\" | \"full\";\n\n/**\n * Button Shadow 타입\n */\nexport type ButtonShadow = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n/**\n * Button Hover 타입\n * \"springy\"가 HUA-UI 시그니처 (공 튕기듯 미세한 반동)\n */\nexport type ButtonHover = \"springy\" | \"scale\" | \"glow\" | \"slide\" | \"none\";\n\n/**\n * Branding 색상 인터페이스\n */\nexport interface BrandingColors {\n  primary?: string;\n  secondary?: string;\n  accent?: string;\n}\n\n/**\n * Button 스타일 옵션\n */\nexport interface ButtonStyleOptions {\n  variant: ButtonVariant;\n  size: ButtonSize;\n  rounded?: ButtonRounded;\n  shadow?: ButtonShadow;\n  hover?: ButtonHover;\n  theme: Theme;\n  branding?: BrandingColors;\n  reducedMotion?: boolean;\n}\n\n/**\n * Button 스타일 결과\n */\nexport interface ButtonStyles {\n  base: string;\n  variant: string;\n  size: string;\n  rounded: string;\n  shadow: string;\n  hover: string;\n  focus: string;\n}\n\n/**\n * Button Variant 스타일 생성\n * \n * @param variant - Button variant\n * @param theme - 테마\n * @param branding - Branding 색상 (선택사항)\n * @returns Variant 클래스 문자열\n */\nfunction createButtonVariantStyle(\n  variant: ButtonVariant,\n  _theme: Theme,\n  branding?: BrandingColors\n): string {\n  // Branding이 있으면 CSS 변수 사용\n  if (branding) {\n    switch (variant) {\n      case \"default\":\n        if (branding.primary) {\n          return \"bg-[var(--color-primary)] text-white border-[var(--color-primary)] hover:opacity-90\";\n        }\n        break;\n      case \"secondary\":\n        if (branding.secondary) {\n          return \"bg-[var(--color-secondary)] text-white border-[var(--color-secondary)] hover:opacity-90\";\n        }\n        break;\n      case \"outline\":\n        if (branding.accent) {\n          return \"border-[var(--color-accent)] text-[var(--color-accent)] bg-transparent hover:bg-[var(--color-accent)]/10\";\n        }\n        break;\n    }\n  }\n\n  switch (variant) {\n    case \"default\":\n      return \"bg-primary text-primary-foreground hover:bg-primary/90\";\n\n    case \"destructive\":\n      return \"bg-destructive text-destructive-foreground hover:bg-destructive/90\";\n\n    case \"outline\":\n      return \"border-2 border-border bg-transparent text-foreground hover:bg-secondary\";\n\n    case \"secondary\":\n      return \"bg-secondary text-secondary-foreground hover:bg-secondary/80\";\n\n    case \"ghost\":\n      return \"bg-transparent text-foreground hover:bg-secondary\";\n\n    case \"link\":\n      return \"bg-transparent text-primary underline hover:text-primary/80\";\n\n    case \"gradient\":\n      return \"bg-gradient-to-r from-teal-500 to-cyan-500 text-white hover:shadow-lg\";\n\n    case \"neon\":\n      return \"bg-background text-primary border border-primary/30 shadow-lg shadow-primary/20 hover:shadow-primary/40\";\n\n    case \"glass\":\n      return \"bg-card/50 backdrop-blur-md border border-border text-foreground hover:bg-card/70\";\n\n    default:\n      return \"\";\n  }\n}\n\n/**\n * Button Size 스타일 생성\n * \n * @param size - Button size\n * @returns Size 클래스 문자열\n */\nfunction createButtonSizeStyle(size: ButtonSize): string {\n  const sizeMap: Record<ButtonSize, string> = {\n    sm: \"h-8 px-3 py-1 text-sm\",\n    md: \"h-10 px-4 py-2 text-base\",\n    lg: \"h-12 px-6 py-3 text-lg\",\n    xl: \"h-14 px-8 py-4 text-xl\",\n    icon: \"h-10 w-10 p-0\",\n  };\n\n  return sizeMap[size];\n}\n\n/**\n * Button Focus 스타일 생성\n *\n * @param variant - Button variant\n * @param _theme - 테마 (CSS 변수 기반으로 미사용)\n * @returns Focus 클래스 문자열\n */\nfunction createButtonFocusStyle(\n  variant: ButtonVariant,\n  _theme: Theme\n): string {\n  const baseFocus = \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\";\n\n  switch (variant) {\n    case \"destructive\":\n      return \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-destructive focus-visible:ring-offset-2 focus-visible:ring-offset-background\";\n\n    case \"outline\":\n    case \"ghost\":\n    case \"link\":\n      return \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0\";\n\n    default:\n      return baseFocus;\n  }\n}\n\n/**\n * Button 스타일 생성 함수\n * \n * @param options - Button 스타일 옵션\n * @returns Button 스타일 객체\n * \n * @example\n * ```tsx\n * const styles = createButtonStyles({\n *   variant: 'default',\n *   size: 'md',\n *   theme: 'light',\n *   branding: { primary: '#0066ff' }\n * });\n * \n * <button className={merge(styles.base, styles.variant, styles.size)}>\n *   Click me\n * </button>\n * ```\n */\nexport function createButtonStyles(\n  options: ButtonStyleOptions\n): ButtonStyles {\n  const {\n    variant,\n    size,\n    rounded = \"md\",\n    shadow = \"md\",\n    hover = \"springy\",  // HUA-UI 시그니처: 미세한 스프링 반동\n    theme,\n    branding,\n    reducedMotion = false,\n  } = options;\n\n  return {\n    base: merge(\n      \"inline-flex items-center justify-center whitespace-nowrap font-medium transition-all duration-200\",\n      \"disabled:pointer-events-none disabled:opacity-50 min-w-fit\"\n    ),\n    variant: createButtonVariantStyle(variant, theme, branding),\n    size: createButtonSizeStyle(size),\n    rounded: createRoundedStyles(rounded),\n    shadow: createShadowStyles(shadow),\n    hover: createHoverStyles(hover, reducedMotion),\n    focus: createButtonFocusStyle(variant, theme),\n  };\n}\n\n/**\n * Card Variant 타입\n */\nexport type CardVariant = \"default\" | \"outline\" | \"elevated\";\n\n/**\n * Card 스타일 옵션\n */\nexport interface CardStyleOptions {\n  variant: CardVariant;\n  theme: Theme;\n  branding?: BrandingColors;\n}\n\n/**\n * Card 스타일 결과\n */\nexport interface CardStyles {\n  base: string;\n  variant: string;\n}\n\n/**\n * Card Variant 스타일 생성\n * \n * @param variant - Card variant\n * @param theme - 테마\n * @param branding - Branding 색상 (선택사항)\n * @returns Variant 클래스 문자열\n */\nfunction createCardVariantStyle(\n  variant: CardVariant,\n  theme: Theme,\n  branding?: BrandingColors\n): string {\n  // Branding이 있으면 CSS 변수 사용\n  if (branding) {\n    switch (variant) {\n      case \"outline\":\n        if (branding.accent) {\n          return \"border-[var(--color-accent)]\";\n        }\n        break;\n      case \"default\":\n        if (branding.primary) {\n          return \"bg-[var(--color-primary)]/5\";\n        }\n        break;\n    }\n  }\n\n  // 기본 스타일 (토큰 기반)\n  switch (variant) {\n    case \"default\":\n      return getThemeColorClassWithDark(\"background\", \"bg-\") + \" \" +\n        getThemeColorClassWithDark(\"border\", \"border-\") + \" border\";\n\n    case \"outline\":\n      return \"bg-transparent border-2 \" + getThemeColorClassWithDark(\"border\", \"border-\");\n\n    case \"elevated\":\n      return getThemeColorClassWithDark(\"background\", \"bg-\") + \" \" +\n        getThemeColorClassWithDark(\"border\", \"border-\") + \" border shadow-lg\";\n\n    default:\n      return \"\";\n  }\n}\n\n/**\n * Card 스타일 생성 함수\n * \n * @param options - Card 스타일 옵션\n * @returns Card 스타일 객체\n */\nexport function createCardStyles(\n  options: CardStyleOptions\n): CardStyles {\n  const { variant, theme, branding } = options;\n\n  return {\n    base: \"rounded-lg p-6\",\n    variant: createCardVariantStyle(variant, theme, branding),\n  };\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { clsx } from \"clsx\";\n\n/**\n * Slot 컴포넌트\n *\n * Radix UI의 asChild 패턴을 구현합니다.\n * 자식 요소의 props와 ref를 병합하여 하나의 요소로 렌더링합니다.\n *\n * @example\n * // Button에서 asChild 사용\n * <Button asChild>\n *   <Link href=\"/home\">홈으로</Link>\n * </Button>\n *\n * @see https://www.radix-ui.com/primitives/docs/utilities/slot\n */\n\ntype SlotProps = React.HTMLAttributes<HTMLElement> & {\n  children?: React.ReactNode;\n};\n\n/**\n * 여러 ref를 하나로 합칩니다\n */\nfunction composeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = node;\n      }\n    });\n  };\n}\n\n/**\n * 이벤트 핸들러를 합성합니다\n * \n * 부모(slot) 핸들러를 먼저 실행하고, 그 다음 자식 핸들러를 실행합니다.\n * defaultPrevented가 true이면 자식 핸들러는 실행하지 않습니다.\n */\nfunction composeEventHandlers<E>(\n  parentHandler?: (event: E) => void,\n  childHandler?: (event: E) => void\n): (event: E) => void {\n  return (event) => {\n    parentHandler?.(event);\n    if (!(event as unknown as { defaultPrevented: boolean }).defaultPrevented) {\n      childHandler?.(event);\n    }\n  };\n}\n\n/**\n * className을 병합합니다\n */\nfunction mergeClassName(\n  slotClassName?: string,\n  childClassName?: string\n): string | undefined {\n  if (!slotClassName && !childClassName) return undefined;\n  return clsx(slotClassName, childClassName);\n}\n\n/**\n * style을 병합합니다\n */\nfunction mergeStyle(\n  slotStyle?: React.CSSProperties,\n  childStyle?: React.CSSProperties\n): React.CSSProperties | undefined {\n  if (!slotStyle && !childStyle) return undefined;\n  return { ...slotStyle, ...childStyle };\n}\n\n/**\n * props를 병합합니다 (이벤트 핸들러, className, style 등)\n */\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>\n): Record<string, unknown> {\n  const mergedProps: Record<string, unknown> = { ...slotProps };\n\n  for (const propName in childProps) {\n    const slotValue = slotProps[propName];\n    const childValue = childProps[propName];\n\n    // 이벤트 핸들러 병합 (부모(slot) → 자식 순서)\n    if (/^on[A-Z]/.test(propName)) {\n      if (slotValue && childValue) {\n        mergedProps[propName] = composeEventHandlers(\n          slotValue as (event: unknown) => void,\n          childValue as (event: unknown) => void\n        );\n      } else {\n        mergedProps[propName] = childValue || slotValue;\n      }\n    }\n    // className 병합\n    else if (propName === \"className\") {\n      mergedProps[propName] = mergeClassName(\n        slotValue as string | undefined,\n        childValue as string | undefined\n      );\n    }\n    // style 병합\n    else if (propName === \"style\") {\n      mergedProps[propName] = mergeStyle(\n        slotValue as React.CSSProperties | undefined,\n        childValue as React.CSSProperties | undefined\n      );\n    }\n    // 그 외: 자식 값 우선\n    else {\n      mergedProps[propName] = childValue !== undefined ? childValue : slotValue;\n    }\n  }\n\n  return mergedProps;\n}\n\n/**\n * 유효한 단일 React 요소인지 확인\n */\nfunction isSlottable(child: React.ReactNode): child is React.ReactElement {\n  return React.isValidElement(child);\n}\n\n/**\n * Slot 컴포넌트\n *\n * 자식 요소에 부모의 props를 주입합니다.\n * asChild 패턴을 구현할 때 사용합니다.\n */\nconst Slot = React.forwardRef<HTMLElement, SlotProps>(\n  ({ children, ...slotProps }, forwardedRef) => {\n    const childArray = React.Children.toArray(children);\n\n    // 유효한 단일 자식이 있는지 확인\n    if (childArray.length !== 1) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          \"[Slot] asChild는 정확히 하나의 자식 요소가 필요합니다.\"\n        );\n      }\n      return null;\n    }\n\n    const child = childArray[0];\n\n    if (!isSlottable(child)) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\"[Slot] 자식은 유효한 React 요소여야 합니다.\");\n      }\n      return null;\n    }\n\n    // 자식 요소의 props와 ref 추출\n    const childProps = child.props as Record<string, unknown>;\n    const childRef = (child as unknown as { ref?: React.Ref<HTMLElement> }).ref;\n\n    // props와 ref 병합\n    const mergedProps = mergeProps(slotProps, childProps);\n    const mergedRef = composeRefs(forwardedRef, childRef);\n\n    return React.cloneElement(child, {\n      ...mergedProps,\n      ref: mergedRef,\n    } as React.Attributes);\n  }\n);\n\nSlot.displayName = \"Slot\";\n\nexport { Slot, composeRefs, mergeProps };\nexport type { SlotProps };\n","\"use client\";\n\nimport React from \"react\";\nimport { merge } from \"../lib/utils\";\nimport { createButtonStyles } from \"../lib/styles/system/components\";\nimport { useTheme } from \"./ThemeProvider\";\nimport type { Theme } from \"../lib/styles/system/theme\";\nimport { Slot } from \"../lib/Slot\";\n\n/**\n * 버튼 스타일 변형 / Button style variant\n * @typedef {\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\" | \"gradient\" | \"neon\" | \"glass\"} Variant\n */\ntype Variant =\n  | \"default\" | \"destructive\" | \"outline\" | \"secondary\"\n  | \"ghost\" | \"link\" | \"gradient\" | \"neon\" | \"glass\";\n\n/**\n * 버튼 크기 / Button size\n * @typedef {\"sm\" | \"md\" | \"lg\" | \"xl\" | \"icon\"} Size\n */\ntype Size = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"icon\";\n\n/**\n * 버튼 모서리 둥글기 / Button border radius\n * @typedef {\"sm\" | \"md\" | \"lg\" | \"full\"} Rounded\n */\ntype Rounded = \"sm\" | \"md\" | \"lg\" | \"full\";\n\n/**\n * 버튼 그림자 / Button shadow\n * @typedef {\"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\"} Shadow\n */\ntype Shadow = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n/**\n * 버튼 호버 효과 / Button hover effect\n * \"springy\"가 HUA-UI 시그니처 - 공 튕기듯 미세한 반동\n * @typedef {\"springy\" | \"scale\" | \"glow\" | \"slide\" | \"none\"} Hover\n */\ntype Hover = \"springy\" | \"scale\" | \"glow\" | \"slide\" | \"none\";\n\n/**\n * 그라디언트 색상 이름 / Gradient color name\n * @typedef {\"blue\" | \"purple\" | \"green\" | \"orange\" | \"pink\" | \"custom\"} GradientName\n */\ntype GradientName = \"blue\" | \"purple\" | \"green\" | \"orange\" | \"pink\" | \"custom\";\n\n/**\n * Button 컴포넌트의 공통 props / Common props for Button component\n * @typedef {Object} CommonProps\n * @property {Variant} [variant=\"default\"] - 버튼 스타일 변형 / Button style variant\n * @property {Size} [size=\"md\"] - 버튼 크기 / Button size\n * @property {boolean} [loading=false] - 로딩 상태 (스피너 표시) / Loading state (shows spinner)\n * @property {React.ReactNode} [icon] - 아이콘 요소 / Icon element\n * @property {\"left\" | \"right\"} [iconPosition=\"left\"] - 아이콘 위치 / Icon position\n * @property {GradientName} [gradient=\"blue\"] - 그라디언트 색상 (variant=\"gradient\"일 때) / Gradient color (when variant=\"gradient\")\n * @property {string} [customGradient] - 커스텀 그라디언트 클래스 (variant=\"gradient\"일 때) / Custom gradient class (when variant=\"gradient\")\n * @property {Rounded} [rounded=\"md\"] - 모서리 둥글기 / Border radius\n * @property {Shadow} [shadow=\"md\"] - 그림자 크기 / Shadow size\n * @property {Hover} [hover=\"springy\"] - 호버 효과 (HUA-UI 시그니처) / Hover effect (HUA-UI signature)\n * @property {boolean} [fullWidth=false] - 전체 너비 사용 / Use full width\n * @property {boolean} [iconOnly=false] - 아이콘만 표시 (aria-label 필수) / Icon only (aria-label required)\n * @property {string} [aria-label] - 접근성을 위한 레이블 (iconOnly일 때 필수) / Accessibility label (required when iconOnly)\n * @property {string} [className] - 추가 CSS 클래스 / Additional CSS class\n * @property {boolean} [disabled=false] - 비활성화 상태 / Disabled state\n */\ntype CommonProps = {\n  variant?: Variant;\n  size?: Size;\n  loading?: boolean;\n  icon?: React.ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  gradient?: GradientName;\n  customGradient?: string;\n  rounded?: Rounded;\n  shadow?: Shadow;\n  hover?: Hover;\n  fullWidth?: boolean;\n  iconOnly?: boolean;\n  \"aria-label\"?: string;\n  className?: string;\n  disabled?: boolean;\n  asChild?: boolean;\n};\n\ntype AnchorProps = CommonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"className\"> & {\n    href: string;\n  };\n\ntype NativeButtonProps = CommonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"className\" | \"type\"> & {\n    href?: undefined;\n  };\n\n/**\n * Button 컴포넌트의 props 타입 / Button component props type\n * href가 제공되면 앵커 태그로, 그렇지 않으면 버튼 태그로 렌더링됩니다.\n * Renders as anchor tag if href is provided, otherwise as button tag.\n * @typedef {AnchorProps | NativeButtonProps} ButtonProps\n */\nexport type ButtonProps = AnchorProps | NativeButtonProps;\n\ntype AnchorOrButton = HTMLAnchorElement | HTMLButtonElement;\n\nconst isBrowser = typeof window !== \"undefined\";\nfunction useReducedMotion() {\n  const [reduce, setReduce] = React.useState(false);\n  React.useEffect(() => {\n    if (!isBrowser || !(\"matchMedia\" in window)) return;\n    const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const onChange = () => setReduce(!!mq.matches);\n    onChange();\n    mq.addEventListener?.(\"change\", onChange);\n    return () => mq.removeEventListener?.(\"change\", onChange);\n  }, []);\n  return reduce;\n}\n\n/**\n * Button 컴포넌트 / Button component\n * \n * 다양한 스타일과 크기를 지원하는 범용 버튼 컴포넌트입니다.\n * href prop을 제공하면 앵커 태그로, 그렇지 않으면 버튼 태그로 렌더링됩니다.\n * \n * Universal button component supporting various styles and sizes.\n * Renders as anchor tag if href prop is provided, otherwise as button tag.\n * \n * @component\n * @example\n * // 기본 버튼 / Basic button\n * <Button onClick={() => console.log('클릭')}>클릭하세요</Button>\n * \n * @example\n * // 다양한 변형 / Various variants\n * <Button variant=\"destructive\" size=\"lg\">삭제</Button>\n * <Button variant=\"outline\" size=\"sm\">취소</Button>\n * <Button variant=\"ghost\">보기</Button>\n * \n * @example\n * // 아이콘과 함께 사용 / With icon\n * <Button icon={<Icon name=\"download\" />} iconPosition=\"left\">\n *   다운로드\n * </Button>\n * \n * @example\n * // 로딩 상태 / Loading state\n * <Button loading disabled>저장 중...</Button>\n * \n * @example\n * // 링크 버튼 / Link button\n * <Button href=\"/about\" variant=\"link\">자세히 보기</Button>\n * \n * @example\n * // 아이콘만 표시 (aria-label 필수) / Icon only (aria-label required)\n * <Button iconOnly aria-label=\"닫기\" icon={<Icon name=\"close\" />} />\n * \n * @param {ButtonProps} props - Button 컴포넌트의 props / Button component props\n * @param {React.Ref<HTMLAnchorElement | HTMLButtonElement>} ref - ref 객체 / ref object\n * @returns {JSX.Element} Button 컴포넌트 / Button component\n */\nconst ButtonInner = React.forwardRef<AnchorOrButton, ButtonProps>(function ButtonInner(\n  {\n    variant = \"default\",\n    size = \"md\",\n    loading = false,\n    icon,\n    iconPosition = \"left\",\n    gradient = \"blue\",\n    customGradient,\n    rounded = \"md\",\n    shadow = \"md\",\n    hover = \"springy\",\n    fullWidth,\n    iconOnly,\n    className,\n    children,\n    disabled,\n    asChild = false,\n    ...rest\n  },\n  ref\n) {\n  const reduced = useReducedMotion();\n  \n  // ThemeProvider에서 테마 가져오기 (없으면 기본값 'light' 사용)\n  let resolvedTheme: Theme = \"light\";\n  try {\n    const themeContext = useTheme();\n    resolvedTheme = themeContext.resolvedTheme as Theme;\n  } catch {\n    // ThemeProvider가 없으면 기본값 사용\n    resolvedTheme = \"light\";\n  }\n\n  // 통합 스타일 시스템 사용\n  const styles = React.useMemo(() => {\n    // gradient variant의 경우 customGradient 처리\n    let gradientStyle = \"\";\n    if (variant === \"gradient\" && customGradient) {\n      gradientStyle = `bg-gradient-to-r ${customGradient}`;\n    } else if (variant === \"gradient\") {\n      gradientStyle = `bg-gradient-to-r ${getGradientClass(gradient)}`;\n    }\n\n    const buttonStyles = createButtonStyles({\n      variant,\n      size,\n      rounded,\n      shadow,\n      hover,\n      theme: resolvedTheme,\n      reducedMotion: reduced,\n    });\n\n    // gradient variant는 별도 처리\n    if (variant === \"gradient\") {\n      return {\n        ...buttonStyles,\n        variant: gradientStyle + \" text-white hover:shadow-lg\",\n      };\n    }\n\n    return buttonStyles;\n  }, [variant, size, rounded, shadow, hover, resolvedTheme, reduced, gradient, customGradient]);\n\n  const base = merge(\n    styles.base,\n    styles.focus,\n    \"disabled:pointer-events-none disabled:opacity-50 min-w-fit\",\n    fullWidth && \"w-full\",\n    styles.variant,\n    styles.size,\n    styles.rounded,\n    styles.shadow,\n    styles.hover,\n    className\n  );\n\n  const Spinner = (\n    <span role=\"status\" aria-live=\"polite\" className=\"-ml-1 mr-2 inline-flex\">\n      <svg className=\"animate-spin h-4 w-4\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n        <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n      </svg>\n      <span className=\"sr-only\">로딩 중</span>\n    </span>\n  );\n\n  const content = (\n    <>\n      {loading && Spinner}\n      {!loading && icon && iconPosition === \"left\" && <span className=\"mr-2\">{icon}</span>}\n      {children}\n      {!loading && icon && iconPosition === \"right\" && <span className=\"ml-2\">{icon}</span>}\n    </>\n  );\n\n  if (iconOnly && !(\"aria-label\" in rest) && process.env.NODE_ENV !== \"production\") {\n    console.warn(\"[Button] iconOnly 사용 시 aria-label을 제공하세요.\");\n  }\n\n  // asChild 모드: Slot을 사용하여 자식 요소에 props 병합\n  if (asChild) {\n    const slotProps = {\n      className: base,\n      ref,\n      disabled: disabled || loading,\n      \"aria-busy\": loading || undefined,\n      \"aria-disabled\": (disabled || loading) || undefined,\n      ...rest,\n    };\n    return <Slot {...slotProps}>{children}</Slot>;\n  }\n\n  // 앵커 모드\n  if (\"href\" in rest && rest.href) {\n    const { onClick, target, rel, href, \"aria-label\": _ariaLabel, className: anchorClassName, ...anchorProps } = rest as AnchorProps;\n    const isDisabled = !!disabled || loading;\n\n    const handleAnchorClick: React.MouseEventHandler<HTMLAnchorElement> = (e) => {\n      if (isDisabled) { e.preventDefault(); e.stopPropagation(); return; }\n      onClick?.(e);\n    };\n\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        href={href}\n        className={merge(base, anchorClassName)}\n        onClick={handleAnchorClick}\n        aria-busy={loading || undefined}\n        aria-disabled={isDisabled || undefined}\n        tabIndex={isDisabled ? -1 : anchorProps.tabIndex}\n        target={target}\n        rel={target === \"_blank\" ? rel ?? \"noopener noreferrer\" : rel}\n        {...anchorProps}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  // 버튼 모드\n  const { className: buttonClassName, ...btnProps } = rest as NativeButtonProps;\n  const isDisabled = !!disabled || loading;\n  return (\n    <button\n      ref={ref as React.Ref<HTMLButtonElement>}\n      className={merge(base, buttonClassName)}\n      type=\"button\"                 // 폼 기본 제출 방지\n      disabled={isDisabled}\n      aria-busy={loading || undefined}\n      aria-disabled={isDisabled || undefined}\n      {...btnProps}\n    >\n      {content}\n    </button>\n  );\n});\n\nButtonInner.displayName = \"Button\";\n\nexport const Button = ButtonInner;\n\nfunction getGradientClass(gradient: GradientName): string {\n  const g: Record<Exclude<GradientName, \"custom\">, string> = {\n    blue: \"from-teal-500 to-cyan-500\",\n    purple: \"from-purple-500 to-pink-500\",\n    green: \"from-green-500 to-emerald-500 dark:from-green-400 dark:to-emerald-400\",\n    orange: \"from-orange-500 to-red-500 dark:from-orange-300 dark:to-red-300\",\n    pink: \"from-pink-500 to-rose-500\",\n  };\n  return g[gradient as keyof typeof g] || g.blue;\n}\n"]}

package/dist/chunk-Z45QNK2S.mjs

@@ -1,2 +0,0 @@
-var d=c=>a=>{var b=c[a];if(b)return b();throw new Error("Module not found in bundle: "+a)};export{d as a};//# sourceMappingURL=chunk-Z45QNK2S.mjs.map
-//# sourceMappingURL=chunk-Z45QNK2S.mjs.map

package/dist/chunk-Z45QNK2S.mjs.map

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