@j-solution/components 1.6.1 → 1.7.0

package/components/atoms/JRadio.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JRadio.vue.js","sources":["../../../../src/components/atoms/JRadio.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { RadioGroup, RadioGroupItem } from '@/components/shadcn'\r\n\r\nexport interface Option {\r\n  value: string | number\r\n  label: string\r\n  disabled?: boolean\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n  | 'horizontal' // 가로 배치\r\n  | 'vertical'  // 세로 배치\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string | number\r\n    options?: Option[]\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    options: () => [],\r\n    disabled: false,\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string | number]\r\n  'change': [value: string | number]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { groupClass: string; itemClass: string }> = {\r\n  default: { \r\n    groupClass: '',\r\n    itemClass: '',\r\n  },\r\n  primary: { \r\n    groupClass: '',\r\n    itemClass: 'border-blue-500 text-blue-500',\r\n  },\r\n  success: { \r\n    groupClass: '',\r\n    itemClass: 'border-green-500 text-green-600',\r\n  },\r\n  danger: { \r\n    groupClass: '',\r\n    itemClass: 'border-destructive text-destructive',\r\n  },\r\n  sm: { \r\n    groupClass: '',\r\n    itemClass: 'h-3.5 w-3.5',\r\n  },\r\n  lg: { \r\n    groupClass: '',\r\n    itemClass: 'h-5 w-5',\r\n  },\r\n  horizontal: { \r\n    groupClass: 'flex flex-row gap-4',\r\n    itemClass: '',\r\n  },\r\n  vertical: { \r\n    groupClass: 'grid gap-2',\r\n    itemClass: '',\r\n  },\r\n}\r\n\r\nconst groupClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return [preset?.groupClass, props.class].filter(Boolean).join(' ')\r\n})\r\n\r\nconst itemClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return preset?.itemClass\r\n})\r\n\r\nconst handleChange = (value: string) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <RadioGroup \r\n    :model-value=\"String(modelValue)\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    :id=\"id\"\r\n    :class=\"groupClass\" \r\n    @update:model-value=\"handleChange\"\r\n  >\r\n    <div v-for=\"option in options\" :key=\"option.value\" :class=\"styletype === 'vertical' ? 'block' : 'flex items-center space-x-2'\">\r\n      <RadioGroupItem \r\n        :id=\"String(option.value)\" \r\n        :value=\"String(option.value)\" \r\n        :disabled=\"option.disabled\"\r\n        :class=\"itemClass\"\r\n      />\r\n      <label\r\n        :for=\"String(option.value)\"\r\n        class=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\r\n      >\r\n        {{ option.label }}\r\n      </label>\r\n    </div>\r\n  </RadioGroup>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","groupClass","computed","styleKey","itemClass","handleChange","value","_createBlock","_unref","RadioGroup","_createElementBlock","_Fragment","_renderList","option","_createVNode","RadioGroupItem","_createElementVNode","_toDisplayString","_hoisted_1"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,UAAMA,IAAQC,GAoBRC,IAAOC,GAQPC,IAA8E;AAAA,MAClF,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,YAAY;AAAA,QACV,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,IACb,GAGIC,IAAaC,EAAS,MAAM;AAChC,YAAMC,IAAWP,EAAM,aAAa;AAEpC,aAAO,EADQI,EAAcG,CAAQ,KAAKH,EAAc,UACxC,YAAYJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACnE,CAAC,GAEKQ,IAAYF,EAAS,MAAM;AAC/B,YAAMC,IAAWP,EAAM,aAAa;AAEpC,cADeI,EAAcG,CAAQ,KAAKH,EAAc,UACzC;AAAA,IACjB,CAAC,GAEKK,IAAe,CAACC,MAAkB;AACtC,MAAAR,EAAK,qBAAqBQ,CAAK,GAC/BR,EAAK,UAAUQ,CAAK;AAAA,IACtB;2BAIEC,EAuBaC,EAAAC,CAAA,GAAA;AAAA,MAtBV,eAAa,OAAOZ,EAAA,UAAU;AAAA,MAC9B,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,MAAMA,EAAA;AAAA,MACN,IAAIA,EAAA;AAAA,MACJ,SAAOI,EAAA,KAAU;AAAA,MACjB,uBAAoBI;AAAA,IAAA;iBAEhB,MAAyB;AAAA,gBAA9BK,EAaMC,GAAA,MAAAC,EAbgBf,EAAA,SAAO,CAAjBgB,YAAZH,EAaM,OAAA;AAAA,UAb0B,KAAKG,EAAO;AAAA,UAAQ,SAAOhB,EAAA,cAAS,aAAA,UAAA,6BAAA;AAAA,QAAA;UAClEiB,EAKEN,EAAAO,CAAA,GAAA;AAAA,YAJC,IAAI,OAAOF,EAAO,KAAK;AAAA,YACvB,OAAO,OAAOA,EAAO,KAAK;AAAA,YAC1B,UAAUA,EAAO;AAAA,YACjB,SAAOT,EAAA,KAAS;AAAA,UAAA;UAEnBY,EAKQ,SAAA;AAAA,YAJL,KAAK,OAAOH,EAAO,KAAK;AAAA,YACzB,OAAM;AAAA,UAAA,GAEHI,EAAAJ,EAAO,KAAK,GAAA,GAAAK,CAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"JRadio.vue.js","sources":["../../../../src/components/atoms/JRadio.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { RadioGroup, RadioGroupItem } from '@/components/shadcn'\r\n\r\nexport interface Option {\r\n  value: string | number\r\n  label: string\r\n  disabled?: boolean\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n  | 'horizontal' // 가로 배치\r\n  | 'vertical'  // 세로 배치\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string | number\r\n    options?: Option[]\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    options: () => [],\r\n    disabled: false,\r\n    required: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string | number]\r\n  'change': [value: string | number]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { groupClass: string; itemClass: string }> = {\r\n  default: { \r\n    groupClass: '',\r\n    itemClass: '',\r\n  },\r\n  primary: { \r\n    groupClass: '',\r\n    itemClass: 'border-blue-500 text-blue-500',\r\n  },\r\n  success: { \r\n    groupClass: '',\r\n    itemClass: 'border-green-500 text-green-600',\r\n  },\r\n  danger: { \r\n    groupClass: '',\r\n    itemClass: 'border-destructive text-destructive',\r\n  },\r\n  sm: { \r\n    groupClass: '',\r\n    itemClass: 'h-3.5 w-3.5',\r\n  },\r\n  lg: { \r\n    groupClass: '',\r\n    itemClass: 'h-5 w-5',\r\n  },\r\n  horizontal: { \r\n    groupClass: 'flex flex-row gap-4',\r\n    itemClass: '',\r\n  },\r\n  vertical: { \r\n    groupClass: 'grid gap-2',\r\n    itemClass: '',\r\n  },\r\n}\r\n\r\nconst groupClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return [preset?.groupClass, props.class].filter(Boolean).join(' ')\r\n})\r\n\r\nconst itemClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return preset?.itemClass\r\n})\r\n\r\nconst handleChange = (value: string) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <RadioGroup \r\n    :model-value=\"String(modelValue)\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    :id=\"id\"\r\n    :class=\"groupClass\" \r\n    @update:model-value=\"handleChange\"\r\n  >\r\n    <div v-for=\"option in options\" :key=\"option.value\" :class=\"styletype === 'vertical' ? 'block' : 'flex items-center space-x-2'\">\r\n      <RadioGroupItem \r\n        :id=\"String(option.value)\" \r\n        :value=\"String(option.value)\" \r\n        :disabled=\"option.disabled\"\r\n        :class=\"itemClass\"\r\n      />\r\n      <label\n        :for=\"String(option.value)\"\n        class=\"text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n      >\n        {{ option.label }}\n      </label>\n    </div>\r\n  </RadioGroup>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","groupClass","computed","styleKey","itemClass","handleChange","value","_createBlock","_unref","RadioGroup","_createElementBlock","_Fragment","_renderList","option","_createVNode","RadioGroupItem","_createElementVNode","_toDisplayString","_hoisted_1"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,UAAMA,IAAQC,GAoBRC,IAAOC,GAQPC,IAA8E;AAAA,MAClF,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,YAAY;AAAA,QACV,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,MAEb,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,IACb,GAGIC,IAAaC,EAAS,MAAM;AAChC,YAAMC,IAAWP,EAAM,aAAa;AAEpC,aAAO,EADQI,EAAcG,CAAQ,KAAKH,EAAc,UACxC,YAAYJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACnE,CAAC,GAEKQ,IAAYF,EAAS,MAAM;AAC/B,YAAMC,IAAWP,EAAM,aAAa;AAEpC,cADeI,EAAcG,CAAQ,KAAKH,EAAc,UACzC;AAAA,IACjB,CAAC,GAEKK,IAAe,CAACC,MAAkB;AACtC,MAAAR,EAAK,qBAAqBQ,CAAK,GAC/BR,EAAK,UAAUQ,CAAK;AAAA,IACtB;2BAIEC,EAuBaC,EAAAC,CAAA,GAAA;AAAA,MAtBV,eAAa,OAAOZ,EAAA,UAAU;AAAA,MAC9B,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,MAAMA,EAAA;AAAA,MACN,IAAIA,EAAA;AAAA,MACJ,SAAOI,EAAA,KAAU;AAAA,MACjB,uBAAoBI;AAAA,IAAA;iBAEhB,MAAyB;AAAA,gBAA9BK,EAaMC,GAAA,MAAAC,EAbgBf,EAAA,SAAO,CAAjBgB,YAAZH,EAaM,OAAA;AAAA,UAb0B,KAAKG,EAAO;AAAA,UAAQ,SAAOhB,EAAA,cAAS,aAAA,UAAA,6BAAA;AAAA,QAAA;UAClEiB,EAKEN,EAAAO,CAAA,GAAA;AAAA,YAJC,IAAI,OAAOF,EAAO,KAAK;AAAA,YACvB,OAAO,OAAOA,EAAO,KAAK;AAAA,YAC1B,UAAUA,EAAO;AAAA,YACjB,SAAOT,EAAA,KAAS;AAAA,UAAA;UAEnBY,EAKQ,SAAA;AAAA,YAJL,KAAK,OAAOH,EAAO,KAAK;AAAA,YACzB,OAAM;AAAA,UAAA,GAEHI,EAAAJ,EAAO,KAAK,GAAA,GAAAK,CAAA;AAAA,QAAA;;;;;;"}

package/components/atoms/JSearchCombo.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("lucide-vue-next"),o=require("../../lib/utils.cjs");require("../shadcn/index.cjs");const _=require("../shadcn/Combobox.vue.cjs"),p=require("../shadcn/ComboboxAnchor.vue.cjs"),v=require("../shadcn/ComboboxTrigger.vue.cjs"),C=require("../shadcn/Button.vue.cjs"),x=require("../shadcn/ComboboxList.vue.cjs"),h=require("../shadcn/ComboboxInput.vue.cjs"),y=require("../shadcn/ComboboxEmpty.vue.cjs"),g=require("../shadcn/ComboboxGroup.vue.cjs"),V=require("../shadcn/ComboboxItem.vue.cjs"),q={class:"relative w-full max-w-sm items-center"},N={class:"absolute start-0 inset-y-0 flex items-center justify-center px-3"},w=e.defineComponent({__name:"JSearchCombo",props:{modelValue:{},options:{default:()=>[]},placeholder:{default:"선택해주세요."},searchPlaceholder:{default:""},emptyText:{default:"검색 결과가 없습니다."},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},id:{},multiple:{type:Boolean,default:!1},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(t,{emit:c}){const d=t,r=c,i={default:{variant:"outline"},error:{variant:"outline",buttonClass:"border-destructive text-destructive",inputClass:"border-destructive focus:ring-destructive"},success:{variant:"outline",buttonClass:"border-green-500 text-green-700",inputClass:"border-green-500 focus:ring-green-500"},warning:{variant:"outline",buttonClass:"border-amber-500 text-amber-700",inputClass:"border-amber-500 focus:ring-amber-500"},sm:{variant:"outline",buttonClass:"h-8 text-xs",inputClass:"h-8 text-xs"},lg:{variant:"outline",buttonClass:"h-12 text-base",inputClass:"h-12 text-base"}},s=e.computed(()=>{const a=d.styletype||"default";return i[a]??i.default}),f=e.computed(()=>o.cn("justify-between",s.value?.buttonClass,d.class)),m=e.computed(()=>o.cn("pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10",s.value?.inputClass)),b=a=>{r("update:modelValue",a),r("change",a)};return(a,l)=>(e.openBlock(),e.createBlock(e.unref(_.default),{"model-value":t.modelValue,by:"label",disabled:t.disabled,required:t.required,name:t.name,"onUpdate:modelValue":l[2]||(l[2]=u=>b(u))},{default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{"as-child":""},{default:e.withCtx(()=>[e.createVNode(e.unref(v.default),{"as-child":""},{default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{id:t.id,variant:s.value.variant,class:e.normalizeClass(f.value),disabled:t.disabled,onFocus:l[0]||(l[0]=u=>r("focus",u)),onBlur:l[1]||(l[1]=u=>r("blur",u))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.modelValue?.label??t.placeholder)+" ",1),e.createVNode(e.unref(n.ChevronsUpDown),{class:"ml-2 h-4 w-4 shrink-0 opacity-50"})]),_:1},8,["id","variant","class","disabled"])]),_:1})]),_:1}),e.createVNode(e.unref(x.default),null,{default:e.withCtx(()=>[e.createElementVNode("div",q,[e.createVNode(e.unref(h.default),{class:e.normalizeClass(m.value),placeholder:t.searchPlaceholder},null,8,["class","placeholder"]),e.createElementVNode("span",N,[e.createVNode(e.unref(n.Search),{class:"size-4 text-muted-foreground"})])]),e.createVNode(e.unref(y.default),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.emptyText),1)]),_:1}),e.createVNode(e.unref(g.default),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,u=>(e.openBlock(),e.createBlock(e.unref(V.default),{key:u.value,value:u},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label)+" ",1),t.modelValue?.value===u.value?(e.openBlock(),e.createBlock(e.unref(n.Check),{key:0,class:e.normalizeClass(e.unref(o.cn)("ml-auto h-4 w-4"))},null,8,["class"])):e.createCommentVNode("",!0)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1},8,["model-value","disabled","required","name"]))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("lucide-vue-next"),o=require("../../lib/utils.cjs");require("../shadcn/index.cjs");const b=require("../shadcn/Combobox.vue.cjs"),x=require("../shadcn/ComboboxAnchor.vue.cjs"),_=require("../shadcn/ComboboxTrigger.vue.cjs"),v=require("../shadcn/Button.vue.cjs"),C=require("../shadcn/ComboboxList.vue.cjs"),h=require("../shadcn/ComboboxInput.vue.cjs"),y=require("../shadcn/ComboboxEmpty.vue.cjs"),g=require("../shadcn/ComboboxGroup.vue.cjs"),V=require("../shadcn/ComboboxItem.vue.cjs"),q={class:"relative w-full max-w-sm items-center"},N={class:"absolute start-0 inset-y-0 flex items-center justify-center px-2.5"},w=e.defineComponent({__name:"JSearchCombo",props:{modelValue:{},options:{default:()=>[]},placeholder:{default:"선택해주세요."},searchPlaceholder:{default:""},emptyText:{default:"검색 결과가 없습니다."},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},id:{},multiple:{type:Boolean,default:!1},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(t,{emit:c}){const d=t,r=c,i={default:{variant:"outline",buttonClass:"h-8 text-xs px-2.5"},error:{variant:"outline",buttonClass:"h-8 text-xs px-2.5 border-destructive text-destructive",inputClass:"border-destructive focus:ring-destructive"},success:{variant:"outline",buttonClass:"h-8 text-xs px-2.5 border-green-500 text-green-700",inputClass:"border-green-500 focus:ring-green-500"},warning:{variant:"outline",buttonClass:"h-8 text-xs px-2.5 border-amber-500 text-amber-700",inputClass:"border-amber-500 focus:ring-amber-500"},sm:{variant:"outline",buttonClass:"h-7 text-[11px] px-2",inputClass:"h-7 text-[11px] px-2 py-1"},lg:{variant:"outline",buttonClass:"h-10 text-sm px-3",inputClass:"h-10 text-sm px-3 py-2"}},s=e.computed(()=>{const a=d.styletype||"default";return i[a]??i.default}),p=e.computed(()=>o.cn("justify-between",s.value?.buttonClass,d.class)),f=e.computed(()=>o.cn("pl-8 pr-2 py-1.5 focus-visible:ring-0 border-0 border-b rounded-none h-8 text-xs",s.value?.inputClass)),m=a=>{r("update:modelValue",a),r("change",a)};return(a,l)=>(e.openBlock(),e.createBlock(e.unref(b.default),{"model-value":t.modelValue,by:"label",disabled:t.disabled,required:t.required,name:t.name,"onUpdate:modelValue":l[2]||(l[2]=u=>m(u))},{default:e.withCtx(()=>[e.createVNode(e.unref(x.default),{"as-child":""},{default:e.withCtx(()=>[e.createVNode(e.unref(_.default),{"as-child":""},{default:e.withCtx(()=>[e.createVNode(e.unref(v.default),{id:t.id,variant:s.value.variant,class:e.normalizeClass(p.value),disabled:t.disabled,onFocus:l[0]||(l[0]=u=>r("focus",u)),onBlur:l[1]||(l[1]=u=>r("blur",u))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.modelValue?.label??t.placeholder)+" ",1),e.createVNode(e.unref(n.ChevronsUpDown),{class:"ml-2 h-3.5 w-3.5 shrink-0 opacity-50"})]),_:1},8,["id","variant","class","disabled"])]),_:1})]),_:1}),e.createVNode(e.unref(C.default),null,{default:e.withCtx(()=>[e.createElementVNode("div",q,[e.createVNode(e.unref(h.default),{class:e.normalizeClass(f.value),placeholder:t.searchPlaceholder},null,8,["class","placeholder"]),e.createElementVNode("span",N,[e.createVNode(e.unref(n.Search),{class:"size-3.5 text-muted-foreground"})])]),e.createVNode(e.unref(y.default),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.emptyText),1)]),_:1}),e.createVNode(e.unref(g.default),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,u=>(e.openBlock(),e.createBlock(e.unref(V.default),{key:u.value,value:u},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label)+" ",1),t.modelValue?.value===u.value?(e.openBlock(),e.createBlock(e.unref(n.Check),{key:0,class:e.normalizeClass(e.unref(o.cn)("ml-auto h-3.5 w-3.5"))},null,8,["class"])):e.createCommentVNode("",!0)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1},8,["model-value","disabled","required","name"]))}});exports.default=w;
 //# sourceMappingURL=JSearchCombo.vue.cjs.map

package/components/atoms/JSearchCombo.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"JSearchCombo.vue.cjs","sources":["../../../../src/components/atoms/JSearchCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Check, ChevronsUpDown, Search } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\nimport {\r\n  Button,\r\n  Combobox,\r\n  ComboboxAnchor,\r\n  ComboboxEmpty,\r\n  ComboboxGroup,\r\n  ComboboxInput,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxTrigger,\r\n} from '@/components/shadcn'\r\n\r\nexport interface ComboboxOption {\r\n  value: string | number\r\n  label: string\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'error'     // 에러 상태\r\n  | 'success'   // 성공 상태\r\n  | 'warning'   // 경고 상태\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: ComboboxOption\r\n    options?: ComboboxOption[]\r\n    placeholder?: string\r\n    searchPlaceholder?: string\r\n    emptyText?: string\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    multiple?: boolean\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    options: () => [],\r\n    placeholder: '선택해주세요.',\r\n    searchPlaceholder: '',\r\n    emptyText: '검색 결과가 없습니다.',\r\n    disabled: false,\r\n    required: false,\r\n    multiple: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: ComboboxOption | undefined]\r\n  'change': [value: ComboboxOption | undefined]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> variant/class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { variant: 'default' | 'outline' | 'destructive' | 'secondary' | 'ghost' | 'link', buttonClass?: string, inputClass?: string }> = {\r\n  default: { \r\n    variant: 'outline',\r\n  },\r\n  error: { \r\n    variant: 'outline',\r\n    buttonClass: 'border-destructive text-destructive',\r\n    inputClass: 'border-destructive focus:ring-destructive',\r\n  },\r\n  success: { \r\n    variant: 'outline',\r\n    buttonClass: 'border-green-500 text-green-700',\r\n    inputClass: 'border-green-500 focus:ring-green-500',\r\n  },\r\n  warning: { \r\n    variant: 'outline',\r\n    buttonClass: 'border-amber-500 text-amber-700',\r\n    inputClass: 'border-amber-500 focus:ring-amber-500',\r\n  },\r\n  sm: { \r\n    variant: 'outline',\r\n    buttonClass: 'h-8 text-xs',\r\n    inputClass: 'h-8 text-xs',\r\n  },\r\n  lg: { \r\n    variant: 'outline',\r\n    buttonClass: 'h-12 text-base',\r\n    inputClass: 'h-12 text-base',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  return STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n})\r\n\r\nconst buttonClass = computed(() => {\r\n  return cn('justify-between', preset.value?.buttonClass, props.class)\r\n})\r\n\r\nconst inputClass = computed(() => {\r\n  return cn('pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10', preset.value?.inputClass)\r\n})\r\n\r\nconst handleChange = (value: ComboboxOption | undefined) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Combobox \r\n    :model-value=\"modelValue\" \r\n    by=\"label\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    @update:model-value=\"(value) => handleChange(value as ComboboxOption | undefined)\"\r\n  >\r\n    <ComboboxAnchor as-child>\r\n      <ComboboxTrigger as-child>\r\n        <Button \r\n          :id=\"id\"\r\n          :variant=\"preset.variant\" \r\n          :class=\"buttonClass\"\r\n          :disabled=\"disabled\"\r\n          @focus=\"emit('focus', $event as FocusEvent)\"\r\n          @blur=\"emit('blur', $event as FocusEvent)\"\r\n        >\r\n          {{ modelValue?.label ?? placeholder }}\r\n          <ChevronsUpDown class=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\r\n        </Button>\r\n      </ComboboxTrigger>\r\n    </ComboboxAnchor>\r\n\r\n    <ComboboxList>\r\n      <div class=\"relative w-full max-w-sm items-center\">\r\n        <ComboboxInput :class=\"inputClass\" :placeholder=\"searchPlaceholder\" />\r\n        <span class=\"absolute start-0 inset-y-0 flex items-center justify-center px-3\">\r\n          <Search class=\"size-4 text-muted-foreground\" />\r\n        </span>\r\n      </div>\r\n\r\n      <ComboboxEmpty>\r\n        {{ emptyText }}\r\n      </ComboboxEmpty>\r\n\r\n      <ComboboxGroup>\r\n        <ComboboxItem\r\n          v-for=\"option in options\"\r\n          :key=\"option.value\"\r\n          :value=\"option\"\r\n        >\r\n          {{ option.label }}\r\n\r\n          <Check v-if=\"modelValue?.value === option.value\" :class=\"cn('ml-auto h-4 w-4')\" />\r\n        </ComboboxItem>\r\n      </ComboboxGroup>\r\n    </ComboboxList>\r\n  </Combobox>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","styleKey","buttonClass","cn","inputClass","handleChange","value","_createBlock","_unref","Combobox","_cache","_createVNode","ComboboxAnchor","ComboboxTrigger","Button","$event","_createTextVNode","_toDisplayString","ChevronsUpDown","ComboboxList","_createElementVNode","_hoisted_1","ComboboxInput","_hoisted_2","Search","ComboboxEmpty","ComboboxGroup","_createElementBlock","_Fragment","_renderList","option","ComboboxItem","Check"],"mappings":"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"}
+{"version":3,"file":"JSearchCombo.vue.cjs","sources":["../../../../src/components/atoms/JSearchCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Check, ChevronsUpDown, Search } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\nimport {\r\n  Button,\r\n  Combobox,\r\n  ComboboxAnchor,\r\n  ComboboxEmpty,\r\n  ComboboxGroup,\r\n  ComboboxInput,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxTrigger,\r\n} from '@/components/shadcn'\r\n\r\nexport interface ComboboxOption {\r\n  value: string | number\r\n  label: string\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'error'     // 에러 상태\r\n  | 'success'   // 성공 상태\r\n  | 'warning'   // 경고 상태\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: ComboboxOption\r\n    options?: ComboboxOption[]\r\n    placeholder?: string\r\n    searchPlaceholder?: string\r\n    emptyText?: string\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    multiple?: boolean\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    options: () => [],\r\n    placeholder: '선택해주세요.',\r\n    searchPlaceholder: '',\r\n    emptyText: '검색 결과가 없습니다.',\r\n    disabled: false,\r\n    required: false,\r\n    multiple: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: ComboboxOption | undefined]\r\n  'change': [value: ComboboxOption | undefined]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> variant/class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { variant: 'default' | 'outline' | 'destructive' | 'secondary' | 'ghost' | 'link', buttonClass?: string, inputClass?: string }> = {\n  default: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5',\n  },\n  error: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5 border-destructive text-destructive',\n    inputClass: 'border-destructive focus:ring-destructive',\n  },\n  success: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5 border-green-500 text-green-700',\n    inputClass: 'border-green-500 focus:ring-green-500',\n  },\n  warning: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5 border-amber-500 text-amber-700',\n    inputClass: 'border-amber-500 focus:ring-amber-500',\n  },\n  sm: { \n    variant: 'outline',\n    buttonClass: 'h-7 text-[11px] px-2',\n    inputClass: 'h-7 text-[11px] px-2 py-1',\n  },\n  lg: { \n    variant: 'outline',\n    buttonClass: 'h-10 text-sm px-3',\n    inputClass: 'h-10 text-sm px-3 py-2',\n  },\n}\n\r\nconst preset = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  return STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n})\r\n\r\nconst buttonClass = computed(() => {\r\n  return cn('justify-between', preset.value?.buttonClass, props.class)\r\n})\r\n\r\nconst inputClass = computed(() => {\n  return cn('pl-8 pr-2 py-1.5 focus-visible:ring-0 border-0 border-b rounded-none h-8 text-xs', preset.value?.inputClass)\n})\n\r\nconst handleChange = (value: ComboboxOption | undefined) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Combobox \r\n    :model-value=\"modelValue\" \r\n    by=\"label\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    @update:model-value=\"(value) => handleChange(value as ComboboxOption | undefined)\"\r\n  >\r\n    <ComboboxAnchor as-child>\r\n      <ComboboxTrigger as-child>\r\n        <Button \r\n          :id=\"id\"\r\n          :variant=\"preset.variant\" \r\n          :class=\"buttonClass\"\r\n          :disabled=\"disabled\"\r\n          @focus=\"emit('focus', $event as FocusEvent)\"\r\n          @blur=\"emit('blur', $event as FocusEvent)\"\r\n        >\n          {{ modelValue?.label ?? placeholder }}\n          <ChevronsUpDown class=\"ml-2 h-3.5 w-3.5 shrink-0 opacity-50\" />\n        </Button>\n      </ComboboxTrigger>\r\n    </ComboboxAnchor>\r\n\r\n    <ComboboxList>\r\n      <div class=\"relative w-full max-w-sm items-center\">\n        <ComboboxInput :class=\"inputClass\" :placeholder=\"searchPlaceholder\" />\n        <span class=\"absolute start-0 inset-y-0 flex items-center justify-center px-2.5\">\n          <Search class=\"size-3.5 text-muted-foreground\" />\n        </span>\n      </div>\n\r\n      <ComboboxEmpty>\r\n        {{ emptyText }}\r\n      </ComboboxEmpty>\r\n\r\n      <ComboboxGroup>\r\n        <ComboboxItem\r\n          v-for=\"option in options\"\r\n          :key=\"option.value\"\r\n          :value=\"option\"\r\n        >\r\n          {{ option.label }}\n\n          <Check v-if=\"modelValue?.value === option.value\" :class=\"cn('ml-auto h-3.5 w-3.5')\" />\n        </ComboboxItem>\r\n      </ComboboxGroup>\r\n    </ComboboxList>\r\n  </Combobox>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","styleKey","buttonClass","cn","inputClass","handleChange","value","_createBlock","_unref","Combobox","_cache","_createVNode","ComboboxAnchor","ComboboxTrigger","Button","$event","_createTextVNode","_toDisplayString","ChevronsUpDown","ComboboxList","_createElementVNode","_hoisted_1","ComboboxInput","_hoisted_2","Search","ComboboxEmpty","ComboboxGroup","_createElementBlock","_Fragment","_renderList","option","ComboboxItem","Check"],"mappings":"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"}

package/components/atoms/JSearchCombo.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as $, computed as d, createBlock as m, openBlock as o, unref as t, withCtx as s, createVNode as l, normalizeClass as c, createTextVNode as f, toDisplayString as b, createElementVNode as C, createElementBlock as w, Fragment as k, renderList as B, createCommentVNode as _ } from "vue";
+import { defineComponent as $, computed as d, createBlock as m, openBlock as o, unref as t, withCtx as s, createVNode as a, normalizeClass as c, createTextVNode as f, toDisplayString as p, createElementVNode as v, createElementBlock as w, Fragment as k, renderList as B, createCommentVNode as _ } from "vue";
 import { ChevronsUpDown as S, Search as E, Check as T } from "lucide-vue-next";
-import { cn as v } from "../../lib/utils.js";
+import { cn as b } from "../../lib/utils.js";
 import "../shadcn/index.js";
 import q from "../shadcn/Combobox.vue.js";
 import N from "../shadcn/ComboboxAnchor.vue.js";
@@ -11,7 +11,7 @@ import D from "../shadcn/ComboboxInput.vue.js";
 import F from "../shadcn/ComboboxEmpty.vue.js";
 import L from "../shadcn/ComboboxGroup.vue.js";
 import U from "../shadcn/ComboboxItem.vue.js";
-const J = { class: "relative w-full max-w-sm items-center" }, K = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-3" }, te = /* @__PURE__ */ $({
+const J = { class: "relative w-full max-w-sm items-center" }, K = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-2.5" }, te = /* @__PURE__ */ $({
   __name: "JSearchCombo",
   props: {
     modelValue: {},
@@ -28,40 +28,41 @@ const J = { class: "relative w-full max-w-sm items-center" }, K = { class: "abso
     styletype: { default: "default" }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(e, { emit: x }) {
-    const p = e, u = x, h = {
+  setup(e, { emit: C }) {
+    const x = e, u = C, h = {
       default: {
-        variant: "outline"
+        variant: "outline",
+        buttonClass: "h-8 text-xs px-2.5"
       },
       error: {
         variant: "outline",
-        buttonClass: "border-destructive text-destructive",
+        buttonClass: "h-8 text-xs px-2.5 border-destructive text-destructive",
         inputClass: "border-destructive focus:ring-destructive"
       },
       success: {
         variant: "outline",
-        buttonClass: "border-green-500 text-green-700",
+        buttonClass: "h-8 text-xs px-2.5 border-green-500 text-green-700",
         inputClass: "border-green-500 focus:ring-green-500"
       },
       warning: {
         variant: "outline",
-        buttonClass: "border-amber-500 text-amber-700",
+        buttonClass: "h-8 text-xs px-2.5 border-amber-500 text-amber-700",
         inputClass: "border-amber-500 focus:ring-amber-500"
       },
       sm: {
         variant: "outline",
-        buttonClass: "h-8 text-xs",
-        inputClass: "h-8 text-xs"
+        buttonClass: "h-7 text-[11px] px-2",
+        inputClass: "h-7 text-[11px] px-2 py-1"
       },
       lg: {
         variant: "outline",
-        buttonClass: "h-12 text-base",
-        inputClass: "h-12 text-base"
+        buttonClass: "h-10 text-sm px-3",
+        inputClass: "h-10 text-sm px-3 py-2"
       }
     }, i = d(() => {
-      const n = p.styletype || "default";
+      const n = x.styletype || "default";
       return h[n] ?? h.default;
-    }), y = d(() => v("justify-between", i.value?.buttonClass, p.class)), g = d(() => v("pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10", i.value?.inputClass)), V = (n) => {
+    }), y = d(() => b("justify-between", i.value?.buttonClass, x.class)), g = d(() => b("pl-8 pr-2 py-1.5 focus-visible:ring-0 border-0 border-b rounded-none h-8 text-xs", i.value?.inputClass)), V = (n) => {
       u("update:modelValue", n), u("change", n);
     };
     return (n, r) => (o(), m(t(q), {
@@ -70,24 +71,24 @@ const J = { class: "relative w-full max-w-sm items-center" }, K = { class: "abso
       disabled: e.disabled,
       required: e.required,
       name: e.name,
-      "onUpdate:modelValue": r[2] || (r[2] = (a) => V(a))
+      "onUpdate:modelValue": r[2] || (r[2] = (l) => V(l))
     }, {
       default: s(() => [
-        l(t(N), { "as-child": "" }, {
+        a(t(N), { "as-child": "" }, {
           default: s(() => [
-            l(t(P), { "as-child": "" }, {
+            a(t(P), { "as-child": "" }, {
               default: s(() => [
-                l(t(j), {
+                a(t(j), {
                   id: e.id,
                   variant: i.value.variant,
                   class: c(y.value),
                   disabled: e.disabled,
-                  onFocus: r[0] || (r[0] = (a) => u("focus", a)),
-                  onBlur: r[1] || (r[1] = (a) => u("blur", a))
+                  onFocus: r[0] || (r[0] = (l) => u("focus", l)),
+                  onBlur: r[1] || (r[1] = (l) => u("blur", l))
                 }, {
                   default: s(() => [
-                    f(b(e.modelValue?.label ?? e.placeholder) + " ", 1),
-                    l(t(S), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+                    f(p(e.modelValue?.label ?? e.placeholder) + " ", 1),
+                    a(t(S), { class: "ml-2 h-3.5 w-3.5 shrink-0 opacity-50" })
                   ]),
                   _: 1
                 }, 8, ["id", "variant", "class", "disabled"])
@@ -97,34 +98,34 @@ const J = { class: "relative w-full max-w-sm items-center" }, K = { class: "abso
           ]),
           _: 1
         }),
-        l(t(z), null, {
+        a(t(z), null, {
           default: s(() => [
-            C("div", J, [
-              l(t(D), {
+            v("div", J, [
+              a(t(D), {
                 class: c(g.value),
                 placeholder: e.searchPlaceholder
               }, null, 8, ["class", "placeholder"]),
-              C("span", K, [
-                l(t(E), { class: "size-4 text-muted-foreground" })
+              v("span", K, [
+                a(t(E), { class: "size-3.5 text-muted-foreground" })
               ])
             ]),
-            l(t(F), null, {
+            a(t(F), null, {
               default: s(() => [
-                f(b(e.emptyText), 1)
+                f(p(e.emptyText), 1)
               ]),
               _: 1
             }),
-            l(t(L), null, {
+            a(t(L), null, {
               default: s(() => [
-                (o(!0), w(k, null, B(e.options, (a) => (o(), m(t(U), {
-                  key: a.value,
-                  value: a
+                (o(!0), w(k, null, B(e.options, (l) => (o(), m(t(U), {
+                  key: l.value,
+                  value: l
                 }, {
                   default: s(() => [
-                    f(b(a.label) + " ", 1),
-                    e.modelValue?.value === a.value ? (o(), m(t(T), {
+                    f(p(l.label) + " ", 1),
+                    e.modelValue?.value === l.value ? (o(), m(t(T), {
                       key: 0,
-                      class: c(t(v)("ml-auto h-4 w-4"))
+                      class: c(t(b)("ml-auto h-3.5 w-3.5"))
                     }, null, 8, ["class"])) : _("", !0)
                   ]),
                   _: 2

package/components/atoms/JSearchCombo.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSearchCombo.vue.js","sources":["../../../../src/components/atoms/JSearchCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Check, ChevronsUpDown, Search } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\nimport {\r\n  Button,\r\n  Combobox,\r\n  ComboboxAnchor,\r\n  ComboboxEmpty,\r\n  ComboboxGroup,\r\n  ComboboxInput,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxTrigger,\r\n} from '@/components/shadcn'\r\n\r\nexport interface ComboboxOption {\r\n  value: string | number\r\n  label: string\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'error'     // 에러 상태\r\n  | 'success'   // 성공 상태\r\n  | 'warning'   // 경고 상태\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: ComboboxOption\r\n    options?: ComboboxOption[]\r\n    placeholder?: string\r\n    searchPlaceholder?: string\r\n    emptyText?: string\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    multiple?: boolean\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    options: () => [],\r\n    placeholder: '선택해주세요.',\r\n    searchPlaceholder: '',\r\n    emptyText: '검색 결과가 없습니다.',\r\n    disabled: false,\r\n    required: false,\r\n    multiple: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: ComboboxOption | undefined]\r\n  'change': [value: ComboboxOption | undefined]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> variant/class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { variant: 'default' | 'outline' | 'destructive' | 'secondary' | 'ghost' | 'link', buttonClass?: string, inputClass?: string }> = {\r\n  default: { \r\n    variant: 'outline',\r\n  },\r\n  error: { \r\n    variant: 'outline',\r\n    buttonClass: 'border-destructive text-destructive',\r\n    inputClass: 'border-destructive focus:ring-destructive',\r\n  },\r\n  success: { \r\n    variant: 'outline',\r\n    buttonClass: 'border-green-500 text-green-700',\r\n    inputClass: 'border-green-500 focus:ring-green-500',\r\n  },\r\n  warning: { \r\n    variant: 'outline',\r\n    buttonClass: 'border-amber-500 text-amber-700',\r\n    inputClass: 'border-amber-500 focus:ring-amber-500',\r\n  },\r\n  sm: { \r\n    variant: 'outline',\r\n    buttonClass: 'h-8 text-xs',\r\n    inputClass: 'h-8 text-xs',\r\n  },\r\n  lg: { \r\n    variant: 'outline',\r\n    buttonClass: 'h-12 text-base',\r\n    inputClass: 'h-12 text-base',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  return STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n})\r\n\r\nconst buttonClass = computed(() => {\r\n  return cn('justify-between', preset.value?.buttonClass, props.class)\r\n})\r\n\r\nconst inputClass = computed(() => {\r\n  return cn('pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10', preset.value?.inputClass)\r\n})\r\n\r\nconst handleChange = (value: ComboboxOption | undefined) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Combobox \r\n    :model-value=\"modelValue\" \r\n    by=\"label\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    @update:model-value=\"(value) => handleChange(value as ComboboxOption | undefined)\"\r\n  >\r\n    <ComboboxAnchor as-child>\r\n      <ComboboxTrigger as-child>\r\n        <Button \r\n          :id=\"id\"\r\n          :variant=\"preset.variant\" \r\n          :class=\"buttonClass\"\r\n          :disabled=\"disabled\"\r\n          @focus=\"emit('focus', $event as FocusEvent)\"\r\n          @blur=\"emit('blur', $event as FocusEvent)\"\r\n        >\r\n          {{ modelValue?.label ?? placeholder }}\r\n          <ChevronsUpDown class=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\r\n        </Button>\r\n      </ComboboxTrigger>\r\n    </ComboboxAnchor>\r\n\r\n    <ComboboxList>\r\n      <div class=\"relative w-full max-w-sm items-center\">\r\n        <ComboboxInput :class=\"inputClass\" :placeholder=\"searchPlaceholder\" />\r\n        <span class=\"absolute start-0 inset-y-0 flex items-center justify-center px-3\">\r\n          <Search class=\"size-4 text-muted-foreground\" />\r\n        </span>\r\n      </div>\r\n\r\n      <ComboboxEmpty>\r\n        {{ emptyText }}\r\n      </ComboboxEmpty>\r\n\r\n      <ComboboxGroup>\r\n        <ComboboxItem\r\n          v-for=\"option in options\"\r\n          :key=\"option.value\"\r\n          :value=\"option\"\r\n        >\r\n          {{ option.label }}\r\n\r\n          <Check v-if=\"modelValue?.value === option.value\" :class=\"cn('ml-auto h-4 w-4')\" />\r\n        </ComboboxItem>\r\n      </ComboboxGroup>\r\n    </ComboboxList>\r\n  </Combobox>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","styleKey","buttonClass","cn","inputClass","handleChange","value","_createBlock","_unref","Combobox","_cache","_createVNode","ComboboxAnchor","ComboboxTrigger","Button","$event","_createTextVNode","_toDisplayString","ChevronsUpDown","ComboboxList","_createElementVNode","_hoisted_1","ComboboxInput","_hoisted_2","Search","ComboboxEmpty","ComboboxGroup","_createElementBlock","_Fragment","_renderList","option","ComboboxItem","Check"],"mappings":"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"}
+{"version":3,"file":"JSearchCombo.vue.js","sources":["../../../../src/components/atoms/JSearchCombo.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Check, ChevronsUpDown, Search } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\nimport {\r\n  Button,\r\n  Combobox,\r\n  ComboboxAnchor,\r\n  ComboboxEmpty,\r\n  ComboboxGroup,\r\n  ComboboxInput,\r\n  ComboboxItem,\r\n  ComboboxList,\r\n  ComboboxTrigger,\r\n} from '@/components/shadcn'\r\n\r\nexport interface ComboboxOption {\r\n  value: string | number\r\n  label: string\r\n}\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'error'     // 에러 상태\r\n  | 'success'   // 성공 상태\r\n  | 'warning'   // 경고 상태\r\n  | 'sm'        // 작은 크기\r\n  | 'lg'        // 큰 크기\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: ComboboxOption\r\n    options?: ComboboxOption[]\r\n    placeholder?: string\r\n    searchPlaceholder?: string\r\n    emptyText?: string\r\n    disabled?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    multiple?: boolean\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    options: () => [],\r\n    placeholder: '선택해주세요.',\r\n    searchPlaceholder: '',\r\n    emptyText: '검색 결과가 없습니다.',\r\n    disabled: false,\r\n    required: false,\r\n    multiple: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: ComboboxOption | undefined]\r\n  'change': [value: ComboboxOption | undefined]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> variant/class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { variant: 'default' | 'outline' | 'destructive' | 'secondary' | 'ghost' | 'link', buttonClass?: string, inputClass?: string }> = {\n  default: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5',\n  },\n  error: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5 border-destructive text-destructive',\n    inputClass: 'border-destructive focus:ring-destructive',\n  },\n  success: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5 border-green-500 text-green-700',\n    inputClass: 'border-green-500 focus:ring-green-500',\n  },\n  warning: { \n    variant: 'outline',\n    buttonClass: 'h-8 text-xs px-2.5 border-amber-500 text-amber-700',\n    inputClass: 'border-amber-500 focus:ring-amber-500',\n  },\n  sm: { \n    variant: 'outline',\n    buttonClass: 'h-7 text-[11px] px-2',\n    inputClass: 'h-7 text-[11px] px-2 py-1',\n  },\n  lg: { \n    variant: 'outline',\n    buttonClass: 'h-10 text-sm px-3',\n    inputClass: 'h-10 text-sm px-3 py-2',\n  },\n}\n\r\nconst preset = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  return STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n})\r\n\r\nconst buttonClass = computed(() => {\r\n  return cn('justify-between', preset.value?.buttonClass, props.class)\r\n})\r\n\r\nconst inputClass = computed(() => {\n  return cn('pl-8 pr-2 py-1.5 focus-visible:ring-0 border-0 border-b rounded-none h-8 text-xs', preset.value?.inputClass)\n})\n\r\nconst handleChange = (value: ComboboxOption | undefined) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Combobox \r\n    :model-value=\"modelValue\" \r\n    by=\"label\" \r\n    :disabled=\"disabled\"\r\n    :required=\"required\"\r\n    :name=\"name\"\r\n    @update:model-value=\"(value) => handleChange(value as ComboboxOption | undefined)\"\r\n  >\r\n    <ComboboxAnchor as-child>\r\n      <ComboboxTrigger as-child>\r\n        <Button \r\n          :id=\"id\"\r\n          :variant=\"preset.variant\" \r\n          :class=\"buttonClass\"\r\n          :disabled=\"disabled\"\r\n          @focus=\"emit('focus', $event as FocusEvent)\"\r\n          @blur=\"emit('blur', $event as FocusEvent)\"\r\n        >\n          {{ modelValue?.label ?? placeholder }}\n          <ChevronsUpDown class=\"ml-2 h-3.5 w-3.5 shrink-0 opacity-50\" />\n        </Button>\n      </ComboboxTrigger>\r\n    </ComboboxAnchor>\r\n\r\n    <ComboboxList>\r\n      <div class=\"relative w-full max-w-sm items-center\">\n        <ComboboxInput :class=\"inputClass\" :placeholder=\"searchPlaceholder\" />\n        <span class=\"absolute start-0 inset-y-0 flex items-center justify-center px-2.5\">\n          <Search class=\"size-3.5 text-muted-foreground\" />\n        </span>\n      </div>\n\r\n      <ComboboxEmpty>\r\n        {{ emptyText }}\r\n      </ComboboxEmpty>\r\n\r\n      <ComboboxGroup>\r\n        <ComboboxItem\r\n          v-for=\"option in options\"\r\n          :key=\"option.value\"\r\n          :value=\"option\"\r\n        >\r\n          {{ option.label }}\n\n          <Check v-if=\"modelValue?.value === option.value\" :class=\"cn('ml-auto h-3.5 w-3.5')\" />\n        </ComboboxItem>\r\n      </ComboboxGroup>\r\n    </ComboboxList>\r\n  </Combobox>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","preset","computed","styleKey","buttonClass","cn","inputClass","handleChange","value","_createBlock","_unref","Combobox","_cache","_createVNode","ComboboxAnchor","ComboboxTrigger","Button","$event","_createTextVNode","_toDisplayString","ChevronsUpDown","ComboboxList","_createElementVNode","_hoisted_1","ComboboxInput","_hoisted_2","Search","ComboboxEmpty","ComboboxGroup","_createElementBlock","_Fragment","_renderList","option","ComboboxItem","Check"],"mappings":"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"}

package/components/atoms/JSpinner.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("lucide-vue-next"),n=require("../../lib/utils.cjs"),m={key:0,class:"text-sm"},f=e.defineComponent({__name:"JSpinner",props:{size:{default:"md"},class:{},styletype:{default:"default"},thickness:{default:2},label:{default:""},labelPosition:{default:"right"}},setup(a){const s=a,r={sm:"size-3",md:"size-4",lg:"size-6"},o={right:"flex-row items-center gap-2",left:"flex-row-reverse items-center gap-2",top:"flex-col items-center gap-2",bottom:"flex-col-reverse items-center gap-2"},c={default:{class:""},primary:{class:"text-blue-500"},success:{class:"text-green-500"},warning:{class:"text-amber-500"},danger:{class:"text-red-500"}},i=e.computed(()=>{const t=c[s.styletype],l=s.size||"md",p=r[l];return{class:n.cn("animate-spin",p,t.class,s.class),style:{strokeWidth:s.thickness},"aria-label":"처리 중"}}),u=e.computed(()=>{const t=s.labelPosition||"right";return n.cn("inline-flex",o[t])});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value)},[e.createVNode(e.unref(d.Loader2Icon),e.mergeProps({role:"status"},i.value),null,16),s.label?(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(s.label),1)):e.createCommentVNode("",!0)],2))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("lucide-vue-next"),n=require("../../lib/utils.cjs"),m={key:0,class:"text-sm"},f=e.defineComponent({__name:"JSpinner",props:{size:{default:"sm"},class:{},styletype:{default:"default"},thickness:{default:2},label:{default:""},labelPosition:{default:"right"}},setup(a){const s=a,r={xs:"size-2.5",sm:"size-3",md:"size-4",lg:"size-5"},o={right:"flex-row items-center gap-2",left:"flex-row-reverse items-center gap-2",top:"flex-col items-center gap-2",bottom:"flex-col-reverse items-center gap-2"},c={default:{class:""},primary:{class:"text-blue-500"},success:{class:"text-green-500"},warning:{class:"text-amber-500"},danger:{class:"text-red-500"}},i=e.computed(()=>{const t=c[s.styletype],l=s.size||"md",p=r[l];return{class:n.cn("animate-spin",p,t.class,s.class),style:{strokeWidth:s.thickness},"aria-label":"처리 중"}}),u=e.computed(()=>{const t=s.labelPosition||"right";return n.cn("inline-flex",o[t])});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value)},[e.createVNode(e.unref(d.Loader2Icon),e.mergeProps({role:"status"},i.value),null,16),s.label?(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(s.label),1)):e.createCommentVNode("",!0)],2))}});exports.default=f;
 //# sourceMappingURL=JSpinner.vue.cjs.map

package/components/atoms/JSpinner.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"JSpinner.vue.cjs","sources":["../../../../src/components/atoms/JSpinner.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Loader2Icon } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype LabelPosition =\r\n  | 'right'     // 오른쪽 (기본)\r\n  | 'left'      // 왼쪽\r\n  | 'top'       // 위쪽\r\n  | 'bottom'    // 아래쪽\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    size?: 'sm' | 'md' | 'lg'\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 스피너 원의 테두리 두께 */\r\n    thickness?: number\r\n    /** 스피너 옆에 표시될 텍스트 */\r\n    label?: string\r\n    /** 라벨 위치 */\r\n    labelPosition?: LabelPosition\r\n  }>(),\r\n  {\r\n    size: 'md',\r\n    styletype: 'default',\r\n    thickness: 2,\r\n    label: '',\r\n    labelPosition: 'right',\r\n  },\r\n)\r\n\r\n/**\r\n * 크기별 클래스 매핑\r\n */\r\nconst SIZE_CLASSES = {\r\n  sm: 'size-3',\r\n  md: 'size-4', \r\n  lg: 'size-6',\r\n}\r\n\r\n/**\r\n * 라벨 위치별 레이아웃 클래스 매핑\r\n */\r\nconst LABEL_POSITION_CLASSES = {\r\n  right: 'flex-row items-center gap-2',\r\n  left: 'flex-row-reverse items-center gap-2',\r\n  top: 'flex-col items-center gap-2',\r\n  bottom: 'flex-col-reverse items-center gap-2',\r\n}\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'text-blue-500',\r\n  },\r\n  success: { \r\n    class: 'text-green-500',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-500',\r\n  },\r\n  danger: { \r\n    class: 'text-red-500',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst spinnerProps = computed(() => {\r\n  const preset = STYLE_PRESETS[props.styletype!]\r\n  const finalSize = props.size || 'md'\r\n  const sizeClass = SIZE_CLASSES[finalSize as keyof typeof SIZE_CLASSES]\r\n  const finalClass = cn('animate-spin', sizeClass, preset.class, props.class)\r\n  \r\n  return {\r\n    class: finalClass,\r\n    style: {\r\n      strokeWidth: props.thickness,\r\n    },\r\n    'aria-label': '처리 중',\r\n  }\r\n})\r\n\r\n/** 컨테이너 레이아웃 클래스 */\r\nconst containerClass = computed(() => {\r\n  const position = props.labelPosition || 'right'\r\n  return cn('inline-flex', LABEL_POSITION_CLASSES[position as keyof typeof LABEL_POSITION_CLASSES])\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"containerClass\">\r\n    <Loader2Icon\r\n      role=\"status\"\r\n      v-bind=\"spinnerProps\"\r\n    />\r\n    <span v-if=\"props.label\" class=\"text-sm\">{{ props.label }}</span>\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","SIZE_CLASSES","LABEL_POSITION_CLASSES","STYLE_PRESETS","spinnerProps","computed","preset","finalSize","sizeClass","cn","containerClass","position","_createElementBlock","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_toDisplayString"],"mappings":"uZAkBA,MAAMA,EAAQC,EAyBRC,EAAe,CACnB,GAAI,SACJ,GAAI,SACJ,GAAI,QAAA,EAMAC,EAAyB,CAC7B,MAAO,8BACP,KAAM,sCACN,IAAK,8BACL,OAAQ,qCAAA,EAMJC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,MAAO,eAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,OAAQ,CACN,MAAO,cAAA,CACT,EAIIC,EAAeC,EAAAA,SAAS,IAAM,CAClC,MAAMC,EAASH,EAAcJ,EAAM,SAAU,EACvCQ,EAAYR,EAAM,MAAQ,KAC1BS,EAAYP,EAAaM,CAAsC,EAGrE,MAAO,CACL,MAHiBE,EAAAA,GAAG,eAAgBD,EAAWF,EAAO,MAAOP,EAAM,KAAK,EAIxE,MAAO,CACL,YAAaA,EAAM,SAAA,EAErB,aAAc,MAAA,CAElB,CAAC,EAGKW,EAAiBL,EAAAA,SAAS,IAAM,CACpC,MAAMM,EAAWZ,EAAM,eAAiB,QACxC,OAAOU,KAAG,cAAeP,EAAuBS,CAA+C,CAAC,CAClG,CAAC,8BAICC,EAAAA,mBAMM,MAAA,CANA,uBAAOF,EAAA,KAAc,CAAA,GACzBG,EAAAA,YAGEC,EAAAA,qBAHFC,EAAAA,WAGE,CAFA,KAAK,QAAA,EACGX,EAAA,KAAY,EAAA,KAAA,EAAA,EAEVL,EAAM,OAAlBiB,EAAAA,UAAA,EAAAJ,EAAAA,mBAAiE,OAAjEK,EAAiEC,EAAAA,gBAArBnB,EAAM,KAAK,EAAA,CAAA"}
+{"version":3,"file":"JSpinner.vue.cjs","sources":["../../../../src/components/atoms/JSpinner.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Loader2Icon } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype LabelPosition =\r\n  | 'right'     // 오른쪽 (기본)\r\n  | 'left'      // 왼쪽\r\n  | 'top'       // 위쪽\r\n  | 'bottom'    // 아래쪽\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 스피너 원의 테두리 두께 */\r\n    thickness?: number\r\n    /** 스피너 옆에 표시될 텍스트 */\r\n    label?: string\r\n    /** 라벨 위치 */\r\n    labelPosition?: LabelPosition\r\n  }>(),\r\n  {\n    size: 'sm',\n    styletype: 'default',\n    thickness: 2,\n    label: '',\r\n    labelPosition: 'right',\r\n  },\r\n)\r\n\r\n/**\r\n * 크기별 클래스 매핑\r\n */\r\nconst SIZE_CLASSES = {\n  xs: 'size-2.5',\n  sm: 'size-3',\n  md: 'size-4', \n  lg: 'size-5',\n}\n\r\n/**\r\n * 라벨 위치별 레이아웃 클래스 매핑\r\n */\r\nconst LABEL_POSITION_CLASSES = {\r\n  right: 'flex-row items-center gap-2',\r\n  left: 'flex-row-reverse items-center gap-2',\r\n  top: 'flex-col items-center gap-2',\r\n  bottom: 'flex-col-reverse items-center gap-2',\r\n}\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'text-blue-500',\r\n  },\r\n  success: { \r\n    class: 'text-green-500',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-500',\r\n  },\r\n  danger: { \r\n    class: 'text-red-500',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst spinnerProps = computed(() => {\r\n  const preset = STYLE_PRESETS[props.styletype!]\r\n  const finalSize = props.size || 'md'\r\n  const sizeClass = SIZE_CLASSES[finalSize as keyof typeof SIZE_CLASSES]\r\n  const finalClass = cn('animate-spin', sizeClass, preset.class, props.class)\r\n  \r\n  return {\r\n    class: finalClass,\r\n    style: {\r\n      strokeWidth: props.thickness,\r\n    },\r\n    'aria-label': '처리 중',\r\n  }\r\n})\r\n\r\n/** 컨테이너 레이아웃 클래스 */\r\nconst containerClass = computed(() => {\r\n  const position = props.labelPosition || 'right'\r\n  return cn('inline-flex', LABEL_POSITION_CLASSES[position as keyof typeof LABEL_POSITION_CLASSES])\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"containerClass\">\r\n    <Loader2Icon\r\n      role=\"status\"\r\n      v-bind=\"spinnerProps\"\r\n    />\r\n    <span v-if=\"props.label\" class=\"text-sm\">{{ props.label }}</span>\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","SIZE_CLASSES","LABEL_POSITION_CLASSES","STYLE_PRESETS","spinnerProps","computed","preset","finalSize","sizeClass","cn","containerClass","position","_createElementBlock","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_toDisplayString"],"mappings":"uZAkBA,MAAMA,EAAQC,EAyBRC,EAAe,CACnB,GAAI,WACJ,GAAI,SACJ,GAAI,SACJ,GAAI,QAAA,EAMAC,EAAyB,CAC7B,MAAO,8BACP,KAAM,sCACN,IAAK,8BACL,OAAQ,qCAAA,EAMJC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,MAAO,eAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,OAAQ,CACN,MAAO,cAAA,CACT,EAIIC,EAAeC,EAAAA,SAAS,IAAM,CAClC,MAAMC,EAASH,EAAcJ,EAAM,SAAU,EACvCQ,EAAYR,EAAM,MAAQ,KAC1BS,EAAYP,EAAaM,CAAsC,EAGrE,MAAO,CACL,MAHiBE,EAAAA,GAAG,eAAgBD,EAAWF,EAAO,MAAOP,EAAM,KAAK,EAIxE,MAAO,CACL,YAAaA,EAAM,SAAA,EAErB,aAAc,MAAA,CAElB,CAAC,EAGKW,EAAiBL,EAAAA,SAAS,IAAM,CACpC,MAAMM,EAAWZ,EAAM,eAAiB,QACxC,OAAOU,KAAG,cAAeP,EAAuBS,CAA+C,CAAC,CAClG,CAAC,8BAICC,EAAAA,mBAMM,MAAA,CANA,uBAAOF,EAAA,KAAc,CAAA,GACzBG,EAAAA,YAGEC,EAAAA,qBAHFC,EAAAA,WAGE,CAFA,KAAK,QAAA,EACGX,EAAA,KAAY,EAAA,KAAA,EAAA,EAEVL,EAAM,OAAlBiB,EAAAA,UAAA,EAAAJ,EAAAA,mBAAiE,OAAjEK,EAAiEC,EAAAA,gBAArBnB,EAAM,KAAK,EAAA,CAAA"}

package/components/atoms/JSpinner.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as d, computed as l, createElementBlock as a, openBlock as n, normalizeClass as S, createVNode as g, createCommentVNode as x, unref as _, mergeProps as b, toDisplayString as C } from "vue";
-import { Loader2Icon as h } from "lucide-vue-next";
+import { defineComponent as d, computed as l, createElementBlock as a, openBlock as n, normalizeClass as S, createVNode as g, createCommentVNode as x, unref as _, mergeProps as b, toDisplayString as z } from "vue";
+import { Loader2Icon as C } from "lucide-vue-next";
 import { cn as r } from "../../lib/utils.js";
-const y = {
+const h = {
   key: 0,
   class: "text-sm"
 }, P = /* @__PURE__ */ d({
   __name: "JSpinner",
   props: {
-    size: { default: "md" },
+    size: { default: "sm" },
     class: {},
     styletype: { default: "default" },
     thickness: { default: 2 },
@@ -16,9 +16,10 @@ const y = {
   },
   setup(o) {
     const e = o, c = {
+      xs: "size-2.5",
       sm: "size-3",
       md: "size-4",
-      lg: "size-6"
+      lg: "size-5"
     }, i = {
       right: "flex-row items-center gap-2",
       left: "flex-row-reverse items-center gap-2",
@@ -54,8 +55,8 @@ const y = {
     return (s, t) => (n(), a("div", {
       class: S(f.value)
     }, [
-      g(_(h), b({ role: "status" }, m.value), null, 16),
-      e.label ? (n(), a("span", y, C(e.label), 1)) : x("", !0)
+      g(_(C), b({ role: "status" }, m.value), null, 16),
+      e.label ? (n(), a("span", h, z(e.label), 1)) : x("", !0)
     ], 2));
   }
 });

package/components/atoms/JSpinner.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSpinner.vue.js","sources":["../../../../src/components/atoms/JSpinner.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Loader2Icon } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype LabelPosition =\r\n  | 'right'     // 오른쪽 (기본)\r\n  | 'left'      // 왼쪽\r\n  | 'top'       // 위쪽\r\n  | 'bottom'    // 아래쪽\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    size?: 'sm' | 'md' | 'lg'\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 스피너 원의 테두리 두께 */\r\n    thickness?: number\r\n    /** 스피너 옆에 표시될 텍스트 */\r\n    label?: string\r\n    /** 라벨 위치 */\r\n    labelPosition?: LabelPosition\r\n  }>(),\r\n  {\r\n    size: 'md',\r\n    styletype: 'default',\r\n    thickness: 2,\r\n    label: '',\r\n    labelPosition: 'right',\r\n  },\r\n)\r\n\r\n/**\r\n * 크기별 클래스 매핑\r\n */\r\nconst SIZE_CLASSES = {\r\n  sm: 'size-3',\r\n  md: 'size-4', \r\n  lg: 'size-6',\r\n}\r\n\r\n/**\r\n * 라벨 위치별 레이아웃 클래스 매핑\r\n */\r\nconst LABEL_POSITION_CLASSES = {\r\n  right: 'flex-row items-center gap-2',\r\n  left: 'flex-row-reverse items-center gap-2',\r\n  top: 'flex-col items-center gap-2',\r\n  bottom: 'flex-col-reverse items-center gap-2',\r\n}\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'text-blue-500',\r\n  },\r\n  success: { \r\n    class: 'text-green-500',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-500',\r\n  },\r\n  danger: { \r\n    class: 'text-red-500',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst spinnerProps = computed(() => {\r\n  const preset = STYLE_PRESETS[props.styletype!]\r\n  const finalSize = props.size || 'md'\r\n  const sizeClass = SIZE_CLASSES[finalSize as keyof typeof SIZE_CLASSES]\r\n  const finalClass = cn('animate-spin', sizeClass, preset.class, props.class)\r\n  \r\n  return {\r\n    class: finalClass,\r\n    style: {\r\n      strokeWidth: props.thickness,\r\n    },\r\n    'aria-label': '처리 중',\r\n  }\r\n})\r\n\r\n/** 컨테이너 레이아웃 클래스 */\r\nconst containerClass = computed(() => {\r\n  const position = props.labelPosition || 'right'\r\n  return cn('inline-flex', LABEL_POSITION_CLASSES[position as keyof typeof LABEL_POSITION_CLASSES])\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"containerClass\">\r\n    <Loader2Icon\r\n      role=\"status\"\r\n      v-bind=\"spinnerProps\"\r\n    />\r\n    <span v-if=\"props.label\" class=\"text-sm\">{{ props.label }}</span>\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","SIZE_CLASSES","LABEL_POSITION_CLASSES","STYLE_PRESETS","spinnerProps","computed","preset","finalSize","sizeClass","cn","containerClass","position","_createElementBlock","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,GAyBRC,IAAe;AAAA,MACnB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAMAC,IAAyB;AAAA,MAC7B,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,IAAA,GAMJC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAAeC,EAAS,MAAM;AAClC,YAAMC,IAASH,EAAcJ,EAAM,SAAU,GACvCQ,IAAYR,EAAM,QAAQ,MAC1BS,IAAYP,EAAaM,CAAsC;AAGrE,aAAO;AAAA,QACL,OAHiBE,EAAG,gBAAgBD,GAAWF,EAAO,OAAOP,EAAM,KAAK;AAAA,QAIxE,OAAO;AAAA,UACL,aAAaA,EAAM;AAAA,QAAA;AAAA,QAErB,cAAc;AAAA,MAAA;AAAA,IAElB,CAAC,GAGKW,IAAiBL,EAAS,MAAM;AACpC,YAAMM,IAAWZ,EAAM,iBAAiB;AACxC,aAAOU,EAAG,eAAeP,EAAuBS,CAA+C,CAAC;AAAA,IAClG,CAAC;2BAICC,EAMM,OAAA;AAAA,MANA,SAAOF,EAAA,KAAc;AAAA,IAAA;MACzBG,EAGEC,MAHFC,EAGE,EAFA,MAAK,SAAA,GACGX,EAAA,KAAY,GAAA,MAAA,EAAA;AAAA,MAEVL,EAAM,SAAlBiB,EAAA,GAAAJ,EAAiE,QAAjEK,GAAiEC,EAArBnB,EAAM,KAAK,GAAA,CAAA;;;;"}
+{"version":3,"file":"JSpinner.vue.js","sources":["../../../../src/components/atoms/JSpinner.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Loader2Icon } from 'lucide-vue-next'\r\nimport { cn } from '@/lib/utils'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype LabelPosition =\r\n  | 'right'     // 오른쪽 (기본)\r\n  | 'left'      // 왼쪽\r\n  | 'top'       // 위쪽\r\n  | 'bottom'    // 아래쪽\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    size?: 'xs' | 'sm' | 'md' | 'lg'\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 스피너 원의 테두리 두께 */\r\n    thickness?: number\r\n    /** 스피너 옆에 표시될 텍스트 */\r\n    label?: string\r\n    /** 라벨 위치 */\r\n    labelPosition?: LabelPosition\r\n  }>(),\r\n  {\n    size: 'sm',\n    styletype: 'default',\n    thickness: 2,\n    label: '',\r\n    labelPosition: 'right',\r\n  },\r\n)\r\n\r\n/**\r\n * 크기별 클래스 매핑\r\n */\r\nconst SIZE_CLASSES = {\n  xs: 'size-2.5',\n  sm: 'size-3',\n  md: 'size-4', \n  lg: 'size-5',\n}\n\r\n/**\r\n * 라벨 위치별 레이아웃 클래스 매핑\r\n */\r\nconst LABEL_POSITION_CLASSES = {\r\n  right: 'flex-row items-center gap-2',\r\n  left: 'flex-row-reverse items-center gap-2',\r\n  top: 'flex-col items-center gap-2',\r\n  bottom: 'flex-col-reverse items-center gap-2',\r\n}\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  default: { class: '' },\r\n  primary: { \r\n    class: 'text-blue-500',\r\n  },\r\n  success: { \r\n    class: 'text-green-500',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-500',\r\n  },\r\n  danger: { \r\n    class: 'text-red-500',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 props가 있으면 styletype 기본값과 병합 */\r\nconst spinnerProps = computed(() => {\r\n  const preset = STYLE_PRESETS[props.styletype!]\r\n  const finalSize = props.size || 'md'\r\n  const sizeClass = SIZE_CLASSES[finalSize as keyof typeof SIZE_CLASSES]\r\n  const finalClass = cn('animate-spin', sizeClass, preset.class, props.class)\r\n  \r\n  return {\r\n    class: finalClass,\r\n    style: {\r\n      strokeWidth: props.thickness,\r\n    },\r\n    'aria-label': '처리 중',\r\n  }\r\n})\r\n\r\n/** 컨테이너 레이아웃 클래스 */\r\nconst containerClass = computed(() => {\r\n  const position = props.labelPosition || 'right'\r\n  return cn('inline-flex', LABEL_POSITION_CLASSES[position as keyof typeof LABEL_POSITION_CLASSES])\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"containerClass\">\r\n    <Loader2Icon\r\n      role=\"status\"\r\n      v-bind=\"spinnerProps\"\r\n    />\r\n    <span v-if=\"props.label\" class=\"text-sm\">{{ props.label }}</span>\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","SIZE_CLASSES","LABEL_POSITION_CLASSES","STYLE_PRESETS","spinnerProps","computed","preset","finalSize","sizeClass","cn","containerClass","position","_createElementBlock","_createVNode","_unref","_mergeProps","_openBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,GAyBRC,IAAe;AAAA,MACnB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAMAC,IAAyB;AAAA,MAC7B,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,IAAA,GAMJC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAAeC,EAAS,MAAM;AAClC,YAAMC,IAASH,EAAcJ,EAAM,SAAU,GACvCQ,IAAYR,EAAM,QAAQ,MAC1BS,IAAYP,EAAaM,CAAsC;AAGrE,aAAO;AAAA,QACL,OAHiBE,EAAG,gBAAgBD,GAAWF,EAAO,OAAOP,EAAM,KAAK;AAAA,QAIxE,OAAO;AAAA,UACL,aAAaA,EAAM;AAAA,QAAA;AAAA,QAErB,cAAc;AAAA,MAAA;AAAA,IAElB,CAAC,GAGKW,IAAiBL,EAAS,MAAM;AACpC,YAAMM,IAAWZ,EAAM,iBAAiB;AACxC,aAAOU,EAAG,eAAeP,EAAuBS,CAA+C,CAAC;AAAA,IAClG,CAAC;2BAICC,EAMM,OAAA;AAAA,MANA,SAAOF,EAAA,KAAc;AAAA,IAAA;MACzBG,EAGEC,MAHFC,EAGE,EAFA,MAAK,SAAA,GACGX,EAAA,KAAY,GAAA,MAAA,EAAA;AAAA,MAEVL,EAAM,SAAlBiB,EAAA,GAAAJ,EAAiE,QAAjEK,GAAiEC,EAArBnB,EAAM,KAAK,GAAA,CAAA;;;;"}

package/components/atoms/JSplitter.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../shadcn/resizable/ResizableHandle.vue.cjs"),r=require("../shadcn/resizable/ResizablePanelGroup.vue.cjs"),l=require("reka-ui"),u=e.defineComponent({__name:"JSplitter",props:{direction:{default:"horizontal"},defaultSize:{default:50},minSize:{default:20},maxSize:{},secondMinSize:{},secondMaxSize:{},withHandle:{type:Boolean,default:!0},class:{}},setup(t){const n=t,a=e.computed(()=>100-n.defaultSize);return(i,d)=>(e.openBlock(),e.createBlock(e.unref(r.default),{direction:t.direction,class:e.normalizeClass(t.class)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.SplitterPanel),{"default-size":t.defaultSize,"min-size":t.minSize,"max-size":t.maxSize},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"first"),e.renderSlot(i.$slots,"left"),e.renderSlot(i.$slots,"top")]),_:3},8,["default-size","min-size","max-size"]),e.createVNode(e.unref(s.default),{"with-handle":t.withHandle},null,8,["with-handle"]),e.createVNode(e.unref(l.SplitterPanel),{"default-size":a.value,"min-size":t.secondMinSize,"max-size":t.secondMaxSize},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"second"),e.renderSlot(i.$slots,"right"),e.renderSlot(i.$slots,"bottom")]),_:3},8,["default-size","min-size","max-size"])]),_:3},8,["direction","class"]))}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../shadcn/resizable/ResizableHandle.vue.cjs"),r=require("../shadcn/resizable/ResizablePanelGroup.vue.cjs"),l=require("reka-ui"),u=e.defineComponent({__name:"JSplitter",props:{direction:{default:"horizontal"},defaultSize:{default:40},minSize:{default:20},maxSize:{},secondMinSize:{},secondMaxSize:{},withHandle:{type:Boolean,default:!0},gap:{default:2},class:{}},setup(t){const i=t,n=e.computed(()=>100-i.defaultSize);return(a,d)=>(e.openBlock(),e.createBlock(e.unref(r.default),{direction:t.direction,class:e.normalizeClass(t.class)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.SplitterPanel),{"default-size":t.defaultSize,"min-size":t.minSize,"max-size":t.maxSize,class:e.normalizeClass(t.gap>0?t.direction==="horizontal"?"pr-[calc(var(--gap)/2)]":"pb-[calc(var(--gap)/2)]":""),style:e.normalizeStyle(t.gap>0?{"--gap":`${t.gap}px`}:{})},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"first"),e.renderSlot(a.$slots,"left"),e.renderSlot(a.$slots,"top")]),_:3},8,["default-size","min-size","max-size","class","style"]),e.createVNode(e.unref(s.default),{"with-handle":t.withHandle},null,8,["with-handle"]),e.createVNode(e.unref(l.SplitterPanel),{"default-size":n.value,"min-size":t.secondMinSize,"max-size":t.secondMaxSize,class:e.normalizeClass(t.gap>0?t.direction==="horizontal"?"pl-[calc(var(--gap)/2)]":"pt-[calc(var(--gap)/2)]":""),style:e.normalizeStyle(t.gap>0?{"--gap":`${t.gap}px`}:{})},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"second"),e.renderSlot(a.$slots,"right"),e.renderSlot(a.$slots,"bottom")]),_:3},8,["default-size","min-size","max-size","class","style"])]),_:3},8,["direction","class"]))}});exports.default=u;
 //# sourceMappingURL=JSplitter.vue.cjs.map

package/components/atoms/JSplitter.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"JSplitter.vue.cjs","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 50,\n    minSize: 20,\n    withHandle: true,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"class\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel :default-size=\"defaultSize\" :min-size=\"minSize\" :max-size=\"maxSize\">\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_createVNode","ResizablePanel","_renderSlot","_ctx","ResizableHandle"],"mappings":"ifAUA,MAAMA,EAAQC,EA4BRC,EAAoBC,EAAAA,SAAS,IAAM,IAAMH,EAAM,WAAW,8BAI9DI,EAAAA,YAuBsBC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAvBA,UAAWL,EAAA,UAAY,uBAAOA,EAAA,KAAK,CAAA,qBAEvD,IAKiB,CALjBM,cAKiBF,EAAAA,MAAAG,EAAAA,aAAA,EAAA,CALA,eAAcP,EAAA,YAAc,WAAUA,EAAA,QAAU,WAAUA,EAAA,OAAA,qBACzE,IAAqB,CAArBQ,aAAqBC,EAAA,OAAA,OAAA,EAErBD,aAAoBC,EAAA,OAAA,MAAA,EACpBD,aAAmBC,EAAA,OAAA,KAAA,CAAA,kDAIrBH,EAAAA,YAA6CF,EAAAA,MAAAM,SAAA,EAAA,CAA3B,cAAaV,EAAA,UAAA,EAAU,KAAA,EAAA,CAAA,aAAA,CAAA,EAGzCM,cASiBF,EAAAA,MAAAG,EAAAA,aAAA,EAAA,CARd,eAAcN,EAAA,MACd,WAAUD,EAAA,cACV,WAAUA,EAAA,aAAA,qBAEX,IAAsB,CAAtBQ,aAAsBC,EAAA,OAAA,QAAA,EAEtBD,aAAqBC,EAAA,OAAA,OAAA,EACrBD,aAAsBC,EAAA,OAAA,QAAA,CAAA"}
+{"version":3,"file":"JSplitter.vue.cjs","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 패널 간 여백 (px) */\n    gap?: number\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 40,\n    minSize: 20,\n    withHandle: true,\n    gap: 2,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"class\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel \n      :default-size=\"defaultSize\" \n      :min-size=\"minSize\" \n      :max-size=\"maxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pr-[calc(var(--gap)/2)]' : 'pb-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pl-[calc(var(--gap)/2)]' : 'pt-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_createVNode","ResizablePanel","_normalizeClass","_normalizeStyle","_renderSlot","_ctx","ResizableHandle"],"mappings":"igBAUA,MAAMA,EAAQC,EA+BRC,EAAoBC,EAAAA,SAAS,IAAM,IAAMH,EAAM,WAAW,8BAI9DI,EAAAA,YA+BsBC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CA/BA,UAAWL,EAAA,UAAY,uBAAOA,EAAA,KAAK,CAAA,qBAEvD,IAWiB,CAXjBM,cAWiBF,EAAAA,MAAAG,EAAAA,aAAA,EAAA,CAVd,eAAcP,EAAA,YACd,WAAUA,EAAA,QACV,WAAUA,EAAA,QACV,MAAKQ,EAAAA,eAAER,EAAA,IAAG,EAAQA,EAAA,YAAS,aAAA,0BAAA,0BAAA,EAAA,EAC3B,MAAKS,EAAAA,eAAET,EAAA,IAAG,EAAA,CAAA,QAAA,GAAqBA,EAAA,GAAG,IAAA,EAAA,CAAA,CAAA,CAAA,qBAEnC,IAAqB,CAArBU,aAAqBC,EAAA,OAAA,OAAA,EAErBD,aAAoBC,EAAA,OAAA,MAAA,EACpBD,aAAmBC,EAAA,OAAA,KAAA,CAAA,kEAIrBL,EAAAA,YAA6CF,EAAAA,MAAAQ,SAAA,EAAA,CAA3B,cAAaZ,EAAA,UAAA,EAAU,KAAA,EAAA,CAAA,aAAA,CAAA,EAGzCM,cAWiBF,EAAAA,MAAAG,EAAAA,aAAA,EAAA,CAVd,eAAcN,EAAA,MACd,WAAUD,EAAA,cACV,WAAUA,EAAA,cACV,MAAKQ,EAAAA,eAAER,EAAA,IAAG,EAAQA,EAAA,YAAS,aAAA,0BAAA,0BAAA,EAAA,EAC3B,MAAKS,EAAAA,eAAET,EAAA,IAAG,EAAA,CAAA,QAAA,GAAqBA,EAAA,GAAG,IAAA,EAAA,CAAA,CAAA,CAAA,qBAEnC,IAAsB,CAAtBU,aAAsBC,EAAA,OAAA,QAAA,EAEtBD,aAAqBC,EAAA,OAAA,OAAA,EACrBD,aAAsBC,EAAA,OAAA,QAAA,CAAA"}

package/components/atoms/JSplitter.vue.js

@@ -1,57 +1,62 @@
-import { defineComponent as m, computed as f, createBlock as z, openBlock as u, unref as a, normalizeClass as r, withCtx as l, createVNode as s, renderSlot as t } from "vue";
-import c from "../shadcn/resizable/ResizableHandle.vue.js";
-import S from "../shadcn/resizable/ResizablePanelGroup.vue.js";
-import { SplitterPanel as n } from "reka-ui";
-const B = /* @__PURE__ */ m({
+import { defineComponent as z, computed as f, createBlock as r, openBlock as u, unref as i, normalizeClass as l, withCtx as n, createVNode as s, normalizeStyle as o, renderSlot as t } from "vue";
+import S from "../shadcn/resizable/ResizableHandle.vue.js";
+import g from "../shadcn/resizable/ResizablePanelGroup.vue.js";
+import { SplitterPanel as c } from "reka-ui";
+const w = /* @__PURE__ */ z({
   __name: "JSplitter",
   props: {
     direction: { default: "horizontal" },
-    defaultSize: { default: 50 },
+    defaultSize: { default: 40 },
     minSize: { default: 20 },
     maxSize: {},
     secondMinSize: {},
     secondMaxSize: {},
     withHandle: { type: Boolean, default: !0 },
+    gap: { default: 2 },
     class: {}
   },
   setup(e) {
-    const o = e, d = f(() => 100 - o.defaultSize);
-    return (i, h) => (u(), z(a(S), {
+    const d = e, m = f(() => 100 - d.defaultSize);
+    return (a, h) => (u(), r(i(g), {
       direction: e.direction,
-      class: r(e.class)
+      class: l(e.class)
     }, {
-      default: l(() => [
-        s(a(n), {
+      default: n(() => [
+        s(i(c), {
           "default-size": e.defaultSize,
           "min-size": e.minSize,
-          "max-size": e.maxSize
+          "max-size": e.maxSize,
+          class: l(e.gap > 0 ? e.direction === "horizontal" ? "pr-[calc(var(--gap)/2)]" : "pb-[calc(var(--gap)/2)]" : ""),
+          style: o(e.gap > 0 ? { "--gap": `${e.gap}px` } : {})
         }, {
-          default: l(() => [
-            t(i.$slots, "first"),
-            t(i.$slots, "left"),
-            t(i.$slots, "top")
+          default: n(() => [
+            t(a.$slots, "first"),
+            t(a.$slots, "left"),
+            t(a.$slots, "top")
           ]),
           _: 3
-        }, 8, ["default-size", "min-size", "max-size"]),
-        s(a(c), { "with-handle": e.withHandle }, null, 8, ["with-handle"]),
-        s(a(n), {
-          "default-size": d.value,
+        }, 8, ["default-size", "min-size", "max-size", "class", "style"]),
+        s(i(S), { "with-handle": e.withHandle }, null, 8, ["with-handle"]),
+        s(i(c), {
+          "default-size": m.value,
           "min-size": e.secondMinSize,
-          "max-size": e.secondMaxSize
+          "max-size": e.secondMaxSize,
+          class: l(e.gap > 0 ? e.direction === "horizontal" ? "pl-[calc(var(--gap)/2)]" : "pt-[calc(var(--gap)/2)]" : ""),
+          style: o(e.gap > 0 ? { "--gap": `${e.gap}px` } : {})
         }, {
-          default: l(() => [
-            t(i.$slots, "second"),
-            t(i.$slots, "right"),
-            t(i.$slots, "bottom")
+          default: n(() => [
+            t(a.$slots, "second"),
+            t(a.$slots, "right"),
+            t(a.$slots, "bottom")
           ]),
           _: 3
-        }, 8, ["default-size", "min-size", "max-size"])
+        }, 8, ["default-size", "min-size", "max-size", "class", "style"])
       ]),
       _: 3
     }, 8, ["direction", "class"]));
   }
 });
 export {
-  B as default
+  w as default
 };
 //# sourceMappingURL=JSplitter.vue.js.map

package/components/atoms/JSplitter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSplitter.vue.js","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 50,\n    minSize: 20,\n    withHandle: true,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"class\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel :default-size=\"defaultSize\" :min-size=\"minSize\" :max-size=\"maxSize\">\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_createVNode","ResizablePanel","_renderSlot","_ctx","ResizableHandle"],"mappings":";;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GA4BRC,IAAoBC,EAAS,MAAM,MAAMH,EAAM,WAAW;2BAI9DI,EAuBsBC,EAAAC,CAAA,GAAA;AAAA,MAvBA,WAAWL,EAAA;AAAA,MAAY,SAAOA,EAAA,KAAK;AAAA,IAAA;iBAEvD,MAKiB;AAAA,QALjBM,EAKiBF,EAAAG,CAAA,GAAA;AAAA,UALA,gBAAcP,EAAA;AAAA,UAAc,YAAUA,EAAA;AAAA,UAAU,YAAUA,EAAA;AAAA,QAAA;qBACzE,MAAqB;AAAA,YAArBQ,EAAqBC,EAAA,QAAA,OAAA;AAAA,YAErBD,EAAoBC,EAAA,QAAA,MAAA;AAAA,YACpBD,EAAmBC,EAAA,QAAA,KAAA;AAAA,UAAA;;;QAIrBH,EAA6CF,EAAAM,CAAA,GAAA,EAA3B,eAAaV,EAAA,WAAA,GAAU,MAAA,GAAA,CAAA,aAAA,CAAA;AAAA,QAGzCM,EASiBF,EAAAG,CAAA,GAAA;AAAA,UARd,gBAAcN,EAAA;AAAA,UACd,YAAUD,EAAA;AAAA,UACV,YAAUA,EAAA;AAAA,QAAA;qBAEX,MAAsB;AAAA,YAAtBQ,EAAsBC,EAAA,QAAA,QAAA;AAAA,YAEtBD,EAAqBC,EAAA,QAAA,OAAA;AAAA,YACrBD,EAAsBC,EAAA,QAAA,QAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"JSplitter.vue.js","sources":["../../../../src/components/atoms/JSplitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n} from '@/components/shadcn/resizable'\n\ntype Orientation = 'horizontal' | 'vertical'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 분할 방향 (horizontal: 좌우, vertical: 상하) */\n    direction?: Orientation\n    /** 첫 번째 패널의 기본 크기 (%) */\n    defaultSize?: number\n    /** 첫 번째 패널의 최소 크기 (%) */\n    minSize?: number\n    /** 첫 번째 패널의 최대 크기 (%) */\n    maxSize?: number\n    /** 두 번째 패널의 최소 크기 (%) */\n    secondMinSize?: number\n    /** 두 번째 패널의 최대 크기 (%) */\n    secondMaxSize?: number\n    /** ResizableHandle에 grip 아이콘 표시 여부 */\n    withHandle?: boolean\n    /** 패널 간 여백 (px) */\n    gap?: number\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    direction: 'horizontal',\n    defaultSize: 40,\n    minSize: 20,\n    withHandle: true,\n    gap: 2,\n  },\n)\n\n// 두 번째 패널의 기본 크기 계산\nconst secondDefaultSize = computed(() => 100 - props.defaultSize)\n</script>\n\n<template>\n  <ResizablePanelGroup :direction=\"direction\" :class=\"class\">\n    <!-- 첫 번째 패널 (좌측/상단) -->\n    <ResizablePanel \n      :default-size=\"defaultSize\" \n      :min-size=\"minSize\" \n      :max-size=\"maxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pr-[calc(var(--gap)/2)]' : 'pb-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"first\" />\n      <!-- direction=\"horizontal\"일 때 left, vertical일 때 top으로도 사용 가능 -->\n      <slot name=\"left\" />\n      <slot name=\"top\" />\n    </ResizablePanel>\n\n    <!-- 크기 조정 핸들 -->\n    <ResizableHandle :with-handle=\"withHandle\" />\n\n    <!-- 두 번째 패널 (우측/하단) -->\n    <ResizablePanel\n      :default-size=\"secondDefaultSize\"\n      :min-size=\"secondMinSize\"\n      :max-size=\"secondMaxSize\"\n      :class=\"gap > 0 ? (direction === 'horizontal' ? 'pl-[calc(var(--gap)/2)]' : 'pt-[calc(var(--gap)/2)]') : ''\"\n      :style=\"gap > 0 ? { '--gap': `${gap}px` } : {}\"\n    >\n      <slot name=\"second\" />\n      <!-- direction=\"horizontal\"일 때 right, vertical일 때 bottom으로도 사용 가능 -->\n      <slot name=\"right\" />\n      <slot name=\"bottom\" />\n    </ResizablePanel>\n  </ResizablePanelGroup>\n</template>\n"],"names":["props","__props","secondDefaultSize","computed","_createBlock","_unref","ResizablePanelGroup","_createVNode","ResizablePanel","_normalizeClass","_normalizeStyle","_renderSlot","_ctx","ResizableHandle"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GA+BRC,IAAoBC,EAAS,MAAM,MAAMH,EAAM,WAAW;2BAI9DI,EA+BsBC,EAAAC,CAAA,GAAA;AAAA,MA/BA,WAAWL,EAAA;AAAA,MAAY,SAAOA,EAAA,KAAK;AAAA,IAAA;iBAEvD,MAWiB;AAAA,QAXjBM,EAWiBF,EAAAG,CAAA,GAAA;AAAA,UAVd,gBAAcP,EAAA;AAAA,UACd,YAAUA,EAAA;AAAA,UACV,YAAUA,EAAA;AAAA,UACV,OAAKQ,EAAER,EAAA,MAAG,IAAQA,EAAA,cAAS,eAAA,4BAAA,4BAAA,EAAA;AAAA,UAC3B,OAAKS,EAAET,EAAA,MAAG,IAAA,EAAA,SAAA,GAAqBA,EAAA,GAAG,KAAA,IAAA,CAAA,CAAA;AAAA,QAAA;qBAEnC,MAAqB;AAAA,YAArBU,EAAqBC,EAAA,QAAA,OAAA;AAAA,YAErBD,EAAoBC,EAAA,QAAA,MAAA;AAAA,YACpBD,EAAmBC,EAAA,QAAA,KAAA;AAAA,UAAA;;;QAIrBL,EAA6CF,EAAAQ,CAAA,GAAA,EAA3B,eAAaZ,EAAA,WAAA,GAAU,MAAA,GAAA,CAAA,aAAA,CAAA;AAAA,QAGzCM,EAWiBF,EAAAG,CAAA,GAAA;AAAA,UAVd,gBAAcN,EAAA;AAAA,UACd,YAAUD,EAAA;AAAA,UACV,YAAUA,EAAA;AAAA,UACV,OAAKQ,EAAER,EAAA,MAAG,IAAQA,EAAA,cAAS,eAAA,4BAAA,4BAAA,EAAA;AAAA,UAC3B,OAAKS,EAAET,EAAA,MAAG,IAAA,EAAA,SAAA,GAAqBA,EAAA,GAAG,KAAA,IAAA,CAAA,CAAA;AAAA,QAAA;qBAEnC,MAAsB;AAAA,YAAtBU,EAAsBC,EAAA,QAAA,QAAA;AAAA,YAEtBD,EAAqBC,EAAA,QAAA,OAAA;AAAA,YACrBD,EAAsBC,EAAA,QAAA,QAAA;AAAA,UAAA;;;;;;;;"}

package/components/atoms/JTooltip.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../shadcn/Tooltip.vue.cjs"),T=require("../shadcn/TooltipContent.vue.cjs"),b=require("../shadcn/TooltipProvider.vue.cjs"),w=require("../shadcn/TooltipTrigger.vue.cjs"),C=t.defineComponent({__name:"JTooltip",props:{content:{},side:{default:"top"},align:{default:"center"},class:{},styletype:{default:"default"},size:{default:"md"},disabled:{type:Boolean,default:!1},delay:{default:200},maxWidth:{default:"200px"},trigger:{default:"hover"}},setup(n,{expose:u}){const e=n,c={default:{class:""},primary:{class:"bg-blue-500 text-white border-blue-600"},success:{class:"bg-green-500 text-white border-green-600"},warning:{class:"bg-amber-500 text-white border-amber-600"},danger:{class:"bg-red-500 text-white border-red-600"}},d={sm:{class:"text-xs px-2 py-1"},md:{class:"text-sm px-3 py-1.5"},lg:{class:"text-base px-4 py-2"}},o=t.ref(!1),g=l=>{console.log("Click handler called, trigger:",e.trigger),e.trigger==="click"?(console.log("Toggling tooltip, current state:",o.value),o.value=!o.value,console.log("New state:",o.value)):e.trigger==="focus"&&(l.preventDefault(),l.stopPropagation())};let r=null;const p=()=>{e.trigger==="hover"&&(r&&clearTimeout(r),r=setTimeout(()=>{o.value=!0},e.delay))},f=()=>{e.trigger==="hover"&&(r&&(clearTimeout(r),r=null),o.value=!1)},v=()=>{e.trigger==="focus"&&(o.value=!0)},_=()=>{e.trigger==="focus"&&(o.value=!1)},m=t.computed(()=>{const l={disabled:e.disabled};return l.open=o.value,l}),i=l=>{if(e.trigger==="hover"&&o.value){const a=l.target,s=document.querySelector("[data-tooltip-trigger]");s&&!s.contains(a)&&(o.value=!1)}};u({showTooltip:()=>{e.trigger==="manual"&&(o.value=!0)},hideTooltip:()=>{e.trigger==="manual"&&(o.value=!1)}}),t.onMounted(()=>{e.trigger==="hover"&&document.addEventListener("click",i)}),t.onUnmounted(()=>{e.trigger==="hover"&&document.removeEventListener("click",i),r&&clearTimeout(r)});const h=t.computed(()=>{const l=c[e.styletype],a=d[e.size],s=[l.class,a.class,e.class].filter(Boolean).join(" "),x=typeof e.maxWidth=="number"?`${e.maxWidth}px`:e.maxWidth;return{side:e.side,align:e.align,class:s,style:{maxWidth:x}}});return(l,a)=>(t.openBlock(),t.createBlock(b.default,{delayDuration:e.delay},{default:t.withCtx(()=>[t.createVNode(y.default,t.normalizeProps(t.guardReactiveProps(m.value)),{default:t.withCtx(()=>[t.createVNode(w.default,{"as-child":"","data-tooltip-trigger":!0,onClick:g,onMouseenter:p,onMouseleave:f,onFocus:v,onBlur:_},{default:t.withCtx(()=>[t.renderSlot(l.$slots,"trigger")]),_:3}),t.createVNode(T.default,t.normalizeProps(t.guardReactiveProps(h.value)),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.content),1)]),_:1},16)]),_:3},16)]),_:3},8,["delayDuration"]))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../shadcn/Tooltip.vue.cjs"),T=require("../shadcn/TooltipContent.vue.cjs"),b=require("../shadcn/TooltipProvider.vue.cjs"),w=require("../shadcn/TooltipTrigger.vue.cjs"),C=t.defineComponent({__name:"JTooltip",props:{content:{},side:{default:"top"},align:{default:"center"},class:{},styletype:{default:"default"},size:{default:"sm"},disabled:{type:Boolean,default:!1},delay:{default:200},maxWidth:{default:"200px"},trigger:{default:"hover"}},setup(n,{expose:u}){const e=n,c={default:{class:""},primary:{class:"bg-blue-500 text-white border-blue-600"},success:{class:"bg-green-500 text-white border-green-600"},warning:{class:"bg-amber-500 text-white border-amber-600"},danger:{class:"bg-red-500 text-white border-red-600"}},d={xs:{class:"text-[10px] px-1.5 py-0.5 max-w-40"},sm:{class:"text-xs px-2 py-1 max-w-48"},md:{class:"text-xs px-2.5 py-1 max-w-56"},lg:{class:"text-sm px-3 py-1.5 max-w-64"}},o=t.ref(!1),g=l=>{console.log("Click handler called, trigger:",e.trigger),e.trigger==="click"?(console.log("Toggling tooltip, current state:",o.value),o.value=!o.value,console.log("New state:",o.value)):e.trigger==="focus"&&(l.preventDefault(),l.stopPropagation())};let r=null;const p=()=>{e.trigger==="hover"&&(r&&clearTimeout(r),r=setTimeout(()=>{o.value=!0},e.delay))},f=()=>{e.trigger==="hover"&&(r&&(clearTimeout(r),r=null),o.value=!1)},v=()=>{e.trigger==="focus"&&(o.value=!0)},_=()=>{e.trigger==="focus"&&(o.value=!1)},m=t.computed(()=>{const l={disabled:e.disabled};return l.open=o.value,l}),i=l=>{if(e.trigger==="hover"&&o.value){const a=l.target,s=document.querySelector("[data-tooltip-trigger]");s&&!s.contains(a)&&(o.value=!1)}};u({showTooltip:()=>{e.trigger==="manual"&&(o.value=!0)},hideTooltip:()=>{e.trigger==="manual"&&(o.value=!1)}}),t.onMounted(()=>{e.trigger==="hover"&&document.addEventListener("click",i)}),t.onUnmounted(()=>{e.trigger==="hover"&&document.removeEventListener("click",i),r&&clearTimeout(r)});const h=t.computed(()=>{const l=c[e.styletype],a=d[e.size],s=[l.class,a.class,e.class].filter(Boolean).join(" "),x=typeof e.maxWidth=="number"?`${e.maxWidth}px`:e.maxWidth;return{side:e.side,align:e.align,class:s,style:{maxWidth:x}}});return(l,a)=>(t.openBlock(),t.createBlock(b.default,{delayDuration:e.delay},{default:t.withCtx(()=>[t.createVNode(y.default,t.normalizeProps(t.guardReactiveProps(m.value)),{default:t.withCtx(()=>[t.createVNode(w.default,{"as-child":"","data-tooltip-trigger":!0,onClick:g,onMouseenter:p,onMouseleave:f,onFocus:v,onBlur:_},{default:t.withCtx(()=>[t.renderSlot(l.$slots,"trigger")]),_:3}),t.createVNode(T.default,t.normalizeProps(t.guardReactiveProps(h.value)),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.content),1)]),_:1},16)]),_:3},16)]),_:3},8,["delayDuration"]))}});exports.default=C;
 //# sourceMappingURL=JTooltip.vue.cjs.map