@j-solution/components 1.0.0

package/components/atoms/JSearchCombo.vue.js

@@ -0,0 +1,146 @@
+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 { ChevronsUpDown as S, Search as E, Check as T } from "lucide-vue-next";
+import { cn as v } from "../../lib/utils.js";
+import "../shadcn/index.js";
+import q from "../shadcn/Combobox.vue.js";
+import N from "../shadcn/ComboboxAnchor.vue.js";
+import P from "../shadcn/ComboboxTrigger.vue.js";
+import j from "../shadcn/Button.vue.js";
+import z from "../shadcn/ComboboxList.vue.js";
+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__ */ $({
+  __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(e, { emit: x }) {
+    const p = e, u = x, h = {
+      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"
+      }
+    }, i = d(() => {
+      const n = p.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) => {
+      u("update:modelValue", n), u("change", n);
+    };
+    return (n, r) => (o(), m(t(q), {
+      "model-value": e.modelValue,
+      by: "label",
+      disabled: e.disabled,
+      required: e.required,
+      name: e.name,
+      "onUpdate:modelValue": r[2] || (r[2] = (a) => V(a))
+    }, {
+      default: s(() => [
+        l(t(N), { "as-child": "" }, {
+          default: s(() => [
+            l(t(P), { "as-child": "" }, {
+              default: s(() => [
+                l(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))
+                }, {
+                  default: s(() => [
+                    f(b(e.modelValue?.label ?? e.placeholder) + " ", 1),
+                    l(t(S), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+                  ]),
+                  _: 1
+                }, 8, ["id", "variant", "class", "disabled"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        l(t(z), null, {
+          default: s(() => [
+            C("div", J, [
+              l(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" })
+              ])
+            ]),
+            l(t(F), null, {
+              default: s(() => [
+                f(b(e.emptyText), 1)
+              ]),
+              _: 1
+            }),
+            l(t(L), null, {
+              default: s(() => [
+                (o(!0), w(k, null, B(e.options, (a) => (o(), m(t(U), {
+                  key: a.value,
+                  value: a
+                }, {
+                  default: s(() => [
+                    f(b(a.label) + " ", 1),
+                    e.modelValue?.value === a.value ? (o(), m(t(T), {
+                      key: 0,
+                      class: c(t(v)("ml-auto h-4 w-4"))
+                    }, null, 8, ["class"])) : _("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["model-value", "disabled", "required", "name"]));
+  }
+});
+export {
+  te as default
+};
+//# sourceMappingURL=JSearchCombo.vue.js.map

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

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

package/components/atoms/JSearchCombo.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JSearchCombo.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JSearchCombo.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSearchCombo.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JSearchCombo.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JSearchCombo.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JSearchCombo.vue2.js.map

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

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

package/components/atoms/JSpinner.vue.cjs

@@ -0,0 +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;
+//# sourceMappingURL=JSpinner.vue.cjs.map

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

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

package/components/atoms/JSpinner.vue.js

@@ -0,0 +1,65 @@
+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 { cn as r } from "../../lib/utils.js";
+const y = {
+  key: 0,
+  class: "text-sm"
+}, P = /* @__PURE__ */ d({
+  __name: "JSpinner",
+  props: {
+    size: { default: "md" },
+    class: {},
+    styletype: { default: "default" },
+    thickness: { default: 2 },
+    label: { default: "" },
+    labelPosition: { default: "right" }
+  },
+  setup(o) {
+    const e = o, c = {
+      sm: "size-3",
+      md: "size-4",
+      lg: "size-6"
+    }, i = {
+      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"
+    }, p = {
+      default: { class: "" },
+      primary: {
+        class: "text-blue-500"
+      },
+      success: {
+        class: "text-green-500"
+      },
+      warning: {
+        class: "text-amber-500"
+      },
+      danger: {
+        class: "text-red-500"
+      }
+    }, m = l(() => {
+      const s = p[e.styletype], t = e.size || "md", u = c[t];
+      return {
+        class: r("animate-spin", u, s.class, e.class),
+        style: {
+          strokeWidth: e.thickness
+        },
+        "aria-label": "처리 중"
+      };
+    }), f = l(() => {
+      const s = e.labelPosition || "right";
+      return r("inline-flex", i[s]);
+    });
+    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)
+    ], 2));
+  }
+});
+export {
+  P as default
+};
+//# sourceMappingURL=JSpinner.vue.js.map

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

@@ -0,0 +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;;;;"}

package/components/atoms/JSpinner.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JSpinner.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JSpinner.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSpinner.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JSpinner.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JSpinner.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JSpinner.vue2.js.map

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

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

package/components/atoms/JSwitch.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("../shadcn/index.cjs");const i=require("../shadcn/Switch.vue.cjs"),m=a.defineComponent({__name:"JSwitch",props:{modelValue:{default:"N"},disabled:{type:Boolean,default:!1},name:{},id:{},class:{},styletype:{default:"default"}},emits:["update:modelValue","change"],setup(c,{emit:o}){const t=c,u=o,d={default:{class:""},primary:{class:"data-[state=checked]:bg-blue-500"},success:{class:"data-[state=checked]:bg-green-600"},danger:{class:"data-[state=checked]:bg-destructive"},sm:{class:"h-5 w-9"},lg:{class:"h-7 w-14"}},n=a.computed(()=>{const l=t.styletype||"default";return[(d[l]??d.default)?.class,t.class].filter(Boolean).join(" ")}),s=a.ref(t.modelValue==="Y");return a.watch(()=>t.modelValue,l=>{const e=l==="Y";s.value!==e&&(s.value=e)},{immediate:!0}),a.watch(s,l=>{const e=l?"Y":"N";e!==t.modelValue&&(u("update:modelValue",e),u("change",e))}),(l,e)=>(a.openBlock(),a.createBlock(a.unref(i.default),{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=r=>s.value=r),disabled:t.disabled,name:t.name,id:t.id,class:a.normalizeClass(n.value)},null,8,["modelValue","disabled","name","id","class"]))}});exports.default=m;
+//# sourceMappingURL=JSwitch.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSwitch.vue.cjs","sources":["../../../../src/components/atoms/JSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from 'vue'\r\nimport { Switch } from '@/components/shadcn'\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\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string\r\n    disabled?: 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    modelValue: 'N',\r\n    disabled: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  'change': [value: string]\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: 'data-[state=checked]:bg-blue-500',\r\n  },\r\n  success: { \r\n    class: 'data-[state=checked]:bg-green-600',\r\n  },\r\n  danger: { \r\n    class: 'data-[state=checked]:bg-destructive',\r\n  },\r\n  sm: { \r\n    class: 'h-5 w-9',\r\n  },\r\n  lg: { \r\n    class: 'h-7 w-14',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩 */\r\nconst computedClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return [preset?.class, props.class].filter(Boolean).join(' ')\r\n})\r\n\r\n// 내부 상태로 boolean checked 관리\r\nconst internalChecked = ref<boolean>(props.modelValue === 'Y')\r\n\r\n// modelValue 변경 감지하여 내부 상태 동기화\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    const shouldBeChecked = newValue === 'Y'\r\n    if (internalChecked.value !== shouldBeChecked) {\r\n      internalChecked.value = shouldBeChecked\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\n// 내부 상태 변경 시 modelValue로 emit\r\nwatch(internalChecked, (newChecked) => {\r\n  const value = newChecked ? 'Y' : 'N'\r\n  if (value !== props.modelValue) {\r\n    emit('update:modelValue', value)\r\n    emit('change', value)\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Switch\r\n    v-model=\"internalChecked\"\r\n    :disabled=\"props.disabled\"\r\n    :name=\"props.name\"\r\n    :id=\"props.id\"\r\n    :class=\"computedClass\"\r\n  />\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","computedClass","computed","styleKey","internalChecked","ref","watch","newValue","shouldBeChecked","newChecked","value","_createBlock","_unref","Switch","$event"],"mappings":"oaAYA,MAAMA,EAAQC,EAiBRC,EAAOC,EAQPC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,MAAO,kCAAA,EAET,QAAS,CACP,MAAO,mCAAA,EAET,OAAQ,CACN,MAAO,qCAAA,EAET,GAAI,CACF,MAAO,SAAA,EAET,GAAI,CACF,MAAO,UAAA,CACT,EAIIC,EAAgBC,EAAAA,SAAS,IAAM,CACnC,MAAMC,EAAWP,EAAM,WAAa,UAEpC,MAAO,EADQI,EAAcG,CAAQ,GAAKH,EAAc,UACxC,MAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAC9D,CAAC,EAGKQ,EAAkBC,EAAAA,IAAaT,EAAM,aAAe,GAAG,EAG7DU,OAAAA,EAAAA,MACE,IAAMV,EAAM,WACXW,GAAa,CACZ,MAAMC,EAAkBD,IAAa,IACjCH,EAAgB,QAAUI,IAC5BJ,EAAgB,MAAQI,EAE5B,EACA,CAAE,UAAW,EAAA,CAAK,EAIpBF,QAAMF,EAAkBK,GAAe,CACrC,MAAMC,EAAQD,EAAa,IAAM,IAC7BC,IAAUd,EAAM,aAClBE,EAAK,oBAAqBY,CAAK,EAC/BZ,EAAK,SAAUY,CAAK,EAExB,CAAC,wBAICC,EAAAA,YAMEC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,YALST,EAAA,2CAAAA,EAAe,MAAAU,GACvB,SAAUlB,EAAM,SAChB,KAAMA,EAAM,KACZ,GAAIA,EAAM,GACV,uBAAOK,EAAA,KAAa,CAAA"}

package/components/atoms/JSwitch.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent as i, computed as r, ref as p, watch as c, createBlock as f, openBlock as h, unref as V, normalizeClass as b } from "vue";
+import "../shadcn/index.js";
+import g from "../shadcn/Switch.vue.js";
+const _ = /* @__PURE__ */ i({
+  __name: "JSwitch",
+  props: {
+    modelValue: { default: "N" },
+    disabled: { type: Boolean, default: !1 },
+    name: {},
+    id: {},
+    class: {},
+    styletype: { default: "default" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { emit: u }) {
+    const a = o, t = u, d = {
+      default: { class: "" },
+      primary: {
+        class: "data-[state=checked]:bg-blue-500"
+      },
+      success: {
+        class: "data-[state=checked]:bg-green-600"
+      },
+      danger: {
+        class: "data-[state=checked]:bg-destructive"
+      },
+      sm: {
+        class: "h-5 w-9"
+      },
+      lg: {
+        class: "h-7 w-14"
+      }
+    }, n = r(() => {
+      const l = a.styletype || "default";
+      return [(d[l] ?? d.default)?.class, a.class].filter(Boolean).join(" ");
+    }), s = p(a.modelValue === "Y");
+    return c(
+      () => a.modelValue,
+      (l) => {
+        const e = l === "Y";
+        s.value !== e && (s.value = e);
+      },
+      { immediate: !0 }
+    ), c(s, (l) => {
+      const e = l ? "Y" : "N";
+      e !== a.modelValue && (t("update:modelValue", e), t("change", e));
+    }), (l, e) => (h(), f(V(g), {
+      modelValue: s.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (m) => s.value = m),
+      disabled: a.disabled,
+      name: a.name,
+      id: a.id,
+      class: b(n.value)
+    }, null, 8, ["modelValue", "disabled", "name", "id", "class"]));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=JSwitch.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSwitch.vue.js","sources":["../../../../src/components/atoms/JSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, watch } from 'vue'\r\nimport { Switch } from '@/components/shadcn'\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\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string\r\n    disabled?: 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    modelValue: 'N',\r\n    disabled: false,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  'change': [value: string]\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: 'data-[state=checked]:bg-blue-500',\r\n  },\r\n  success: { \r\n    class: 'data-[state=checked]:bg-green-600',\r\n  },\r\n  danger: { \r\n    class: 'data-[state=checked]:bg-destructive',\r\n  },\r\n  sm: { \r\n    class: 'h-5 w-9',\r\n  },\r\n  lg: { \r\n    class: 'h-7 w-14',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩 */\r\nconst computedClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  return [preset?.class, props.class].filter(Boolean).join(' ')\r\n})\r\n\r\n// 내부 상태로 boolean checked 관리\r\nconst internalChecked = ref<boolean>(props.modelValue === 'Y')\r\n\r\n// modelValue 변경 감지하여 내부 상태 동기화\r\nwatch(\r\n  () => props.modelValue,\r\n  (newValue) => {\r\n    const shouldBeChecked = newValue === 'Y'\r\n    if (internalChecked.value !== shouldBeChecked) {\r\n      internalChecked.value = shouldBeChecked\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\n// 내부 상태 변경 시 modelValue로 emit\r\nwatch(internalChecked, (newChecked) => {\r\n  const value = newChecked ? 'Y' : 'N'\r\n  if (value !== props.modelValue) {\r\n    emit('update:modelValue', value)\r\n    emit('change', value)\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Switch\r\n    v-model=\"internalChecked\"\r\n    :disabled=\"props.disabled\"\r\n    :name=\"props.name\"\r\n    :id=\"props.id\"\r\n    :class=\"computedClass\"\r\n  />\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","computedClass","computed","styleKey","internalChecked","ref","watch","newValue","shouldBeChecked","newChecked","value","_createBlock","_unref","Switch","$event"],"mappings":";;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAiBRC,IAAOC,GAQPC,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,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAWP,EAAM,aAAa;AAEpC,aAAO,EADQI,EAAcG,CAAQ,KAAKH,EAAc,UACxC,OAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAC9D,CAAC,GAGKQ,IAAkBC,EAAaT,EAAM,eAAe,GAAG;AAG7D,WAAAU;AAAA,MACE,MAAMV,EAAM;AAAA,MACZ,CAACW,MAAa;AACZ,cAAMC,IAAkBD,MAAa;AACrC,QAAIH,EAAgB,UAAUI,MAC5BJ,EAAgB,QAAQI;AAAA,MAE5B;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAIpBF,EAAMF,GAAiB,CAACK,MAAe;AACrC,YAAMC,IAAQD,IAAa,MAAM;AACjC,MAAIC,MAAUd,EAAM,eAClBE,EAAK,qBAAqBY,CAAK,GAC/BZ,EAAK,UAAUY,CAAK;AAAA,IAExB,CAAC,mBAICC,EAMEC,EAAAC,CAAA,GAAA;AAAA,kBALST,EAAA;AAAA,oDAAAA,EAAe,QAAAU;AAAA,MACvB,UAAUlB,EAAM;AAAA,MAChB,MAAMA,EAAM;AAAA,MACZ,IAAIA,EAAM;AAAA,MACV,SAAOK,EAAA,KAAa;AAAA,IAAA;;;"}

package/components/atoms/JSwitch.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JSwitch.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JSwitch.vue2.cjs.map

package/components/atoms/JSwitch.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSwitch.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JSwitch.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JSwitch.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JSwitch.vue2.js.map

package/components/atoms/JSwitch.vue2.js.map

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

package/components/atoms/JTextarea.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue");require("../shadcn/index.cjs");const p=require("../shadcn/Textarea.vue.cjs"),f=s.defineComponent({__name:"JTextarea",props:{modelValue:{},placeholder:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},id:{},rows:{default:3},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(o,{emit:n}){const l=o,a=n,u={default:{class:""},error:{class:"border-destructive focus-visible:ring-destructive"},success:{class:"border-green-500 focus-visible:ring-green-500"},warning:{class:"border-amber-500 focus-visible:ring-amber-500"},sm:{class:"text-xs px-2 py-1.5 min-h-[60px]",rows:2},lg:{class:"text-base px-4 py-3 min-h-[120px]",rows:5}},d=s.computed(()=>{const r=l.styletype||"default",e=u[r]??u.default,t=[e?.class,l.class].filter(Boolean).join(" "),i=l.rows??e?.rows??3;return{placeholder:l.placeholder,disabled:l.disabled,readonly:l.readonly,required:l.required,name:l.name,id:l.id,rows:i,class:t}}),c=r=>{const e=String(r);a("update:modelValue",e),a("change",e)};return(r,e)=>(s.openBlock(),s.createBlock(s.unref(p.default),s.mergeProps(d.value,{"model-value":o.modelValue,"onUpdate:modelValue":c,onFocus:e[0]||(e[0]=t=>a("focus",t)),onBlur:e[1]||(e[1]=t=>a("blur",t))}),null,16,["model-value"]))}});exports.default=f;
+//# sourceMappingURL=JTextarea.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JTextarea.vue.cjs","sources":["../../../../src/components/atoms/JTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Textarea } from '@/components/shadcn'\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?: string\r\n    placeholder?: string\r\n    disabled?: boolean\r\n    readonly?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    rows?: number\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    placeholder: '',\r\n    disabled: false,\r\n    readonly: false,\r\n    required: false,\r\n    rows: 3,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  'change': [value: string]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string; rows?: number }> = {\r\n  default: { class: '' },\r\n  error: { \r\n    class: 'border-destructive focus-visible:ring-destructive',\r\n  },\r\n  success: { \r\n    class: 'border-green-500 focus-visible:ring-green-500',\r\n  },\r\n  warning: { \r\n    class: 'border-amber-500 focus-visible:ring-amber-500',\r\n  },\r\n  sm: { \r\n    class: 'text-xs px-2 py-1.5 min-h-[60px]',\r\n    rows: 2,\r\n  },\r\n  lg: { \r\n    class: 'text-base px-4 py-3 min-h-[120px]',\r\n    rows: 5,\r\n  },\r\n}\r\n\r\n/** 최종 바인딩 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\r\n  const finalRows = props.rows ?? preset?.rows ?? 3\r\n  \r\n  return {\r\n    placeholder: props.placeholder,\r\n    disabled: props.disabled,\r\n    readonly: props.readonly,\r\n    required: props.required,\r\n    name: props.name,\r\n    id: props.id,\r\n    rows: finalRows,\r\n    class: finalClass,\r\n  }\r\n})\r\n\r\nconst handleInput = (value: string | number) => {\r\n  const strValue = String(value)\r\n  emit('update:modelValue', strValue)\r\n  emit('change', strValue)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Textarea \r\n    v-bind=\"mapped\" \r\n    :model-value=\"modelValue as string\" \r\n    @update:model-value=\"handleInput\"\r\n    @focus=\"emit('focus', $event)\"\r\n    @blur=\"emit('blur', $event)\"\r\n  />\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","finalRows","handleInput","value","strValue","_createBlock","_unref","Textarea","_mergeProps","_cache","$event"],"mappings":"4hBAYA,MAAMA,EAAQC,EAwBRC,EAAOC,EAUPC,EAAqE,CACzE,QAAS,CAAE,MAAO,EAAA,EAClB,MAAO,CACL,MAAO,mDAAA,EAET,QAAS,CACP,MAAO,+CAAA,EAET,QAAS,CACP,MAAO,+CAAA,EAET,GAAI,CACF,MAAO,mCACP,KAAM,CAAA,EAER,GAAI,CACF,MAAO,oCACP,KAAM,CAAA,CACR,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWP,EAAM,WAAa,UAC9BQ,EAASJ,EAAcG,CAAQ,GAAKH,EAAc,QAClDK,EAAa,CAACD,GAAQ,MAAOR,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAClEU,EAAYV,EAAM,MAAQQ,GAAQ,MAAQ,EAEhD,MAAO,CACL,YAAaR,EAAM,YACnB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,KAAMA,EAAM,KACZ,GAAIA,EAAM,GACV,KAAMU,EACN,MAAOD,CAAA,CAEX,CAAC,EAEKE,EAAeC,GAA2B,CAC9C,MAAMC,EAAW,OAAOD,CAAK,EAC7BV,EAAK,oBAAqBW,CAAQ,EAClCX,EAAK,SAAUW,CAAQ,CACzB,8BAIEC,EAAAA,YAMEC,EAAAA,MAAAC,EAAAA,OAAA,EANFC,EAAAA,WAMEZ,EAAA,MALc,CACb,cAAaJ,EAAA,WACb,sBAAoBU,EACpB,QAAKO,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEjB,EAAI,QAAUiB,CAAM,GAC3B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEjB,EAAI,OAASiB,CAAM,EAAA"}

package/components/atoms/JTextarea.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent as i, computed as p, createBlock as m, openBlock as f, unref as b, mergeProps as y } from "vue";
+import "../shadcn/index.js";
+import g from "../shadcn/Textarea.vue.js";
+const B = /* @__PURE__ */ i({
+  __name: "JTextarea",
+  props: {
+    modelValue: {},
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {},
+    rows: { default: 3 },
+    class: {},
+    styletype: { default: "default" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(r, { emit: n }) {
+    const l = r, a = n, t = {
+      default: { class: "" },
+      error: {
+        class: "border-destructive focus-visible:ring-destructive"
+      },
+      success: {
+        class: "border-green-500 focus-visible:ring-green-500"
+      },
+      warning: {
+        class: "border-amber-500 focus-visible:ring-amber-500"
+      },
+      sm: {
+        class: "text-xs px-2 py-1.5 min-h-[60px]",
+        rows: 2
+      },
+      lg: {
+        class: "text-base px-4 py-3 min-h-[120px]",
+        rows: 5
+      }
+    }, d = p(() => {
+      const o = l.styletype || "default", e = t[o] ?? t.default, s = [e?.class, l.class].filter(Boolean).join(" "), c = l.rows ?? e?.rows ?? 3;
+      return {
+        placeholder: l.placeholder,
+        disabled: l.disabled,
+        readonly: l.readonly,
+        required: l.required,
+        name: l.name,
+        id: l.id,
+        rows: c,
+        class: s
+      };
+    }), u = (o) => {
+      const e = String(o);
+      a("update:modelValue", e), a("change", e);
+    };
+    return (o, e) => (f(), m(b(g), y(d.value, {
+      "model-value": r.modelValue,
+      "onUpdate:modelValue": u,
+      onFocus: e[0] || (e[0] = (s) => a("focus", s)),
+      onBlur: e[1] || (e[1] = (s) => a("blur", s))
+    }), null, 16, ["model-value"]));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=JTextarea.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JTextarea.vue.js","sources":["../../../../src/components/atoms/JTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Textarea } from '@/components/shadcn'\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?: string\r\n    placeholder?: string\r\n    disabled?: boolean\r\n    readonly?: boolean\r\n    required?: boolean\r\n    name?: string\r\n    id?: string\r\n    rows?: number\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    placeholder: '',\r\n    disabled: false,\r\n    readonly: false,\r\n    required: false,\r\n    rows: 3,\r\n    styletype: 'default',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  'change': [value: string]\r\n  'focus': [event: FocusEvent]\r\n  'blur': [event: FocusEvent]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string; rows?: number }> = {\r\n  default: { class: '' },\r\n  error: { \r\n    class: 'border-destructive focus-visible:ring-destructive',\r\n  },\r\n  success: { \r\n    class: 'border-green-500 focus-visible:ring-green-500',\r\n  },\r\n  warning: { \r\n    class: 'border-amber-500 focus-visible:ring-amber-500',\r\n  },\r\n  sm: { \r\n    class: 'text-xs px-2 py-1.5 min-h-[60px]',\r\n    rows: 2,\r\n  },\r\n  lg: { \r\n    class: 'text-base px-4 py-3 min-h-[120px]',\r\n    rows: 5,\r\n  },\r\n}\r\n\r\n/** 최종 바인딩 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\r\n  const finalRows = props.rows ?? preset?.rows ?? 3\r\n  \r\n  return {\r\n    placeholder: props.placeholder,\r\n    disabled: props.disabled,\r\n    readonly: props.readonly,\r\n    required: props.required,\r\n    name: props.name,\r\n    id: props.id,\r\n    rows: finalRows,\r\n    class: finalClass,\r\n  }\r\n})\r\n\r\nconst handleInput = (value: string | number) => {\r\n  const strValue = String(value)\r\n  emit('update:modelValue', strValue)\r\n  emit('change', strValue)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Textarea \r\n    v-bind=\"mapped\" \r\n    :model-value=\"modelValue as string\" \r\n    @update:model-value=\"handleInput\"\r\n    @focus=\"emit('focus', $event)\"\r\n    @blur=\"emit('blur', $event)\"\r\n  />\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","finalRows","handleInput","value","strValue","_createBlock","_unref","Textarea","_mergeProps","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAwBRC,IAAOC,GAUPC,IAAqE;AAAA,MACzE,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,OAAO;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,IAAI;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,aAAa,WAC9BQ,IAASJ,EAAcG,CAAQ,KAAKH,EAAc,SAClDK,IAAa,CAACD,GAAQ,OAAOR,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAClEU,IAAYV,EAAM,QAAQQ,GAAQ,QAAQ;AAEhD,aAAO;AAAA,QACL,aAAaR,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,MAAMA,EAAM;AAAA,QACZ,IAAIA,EAAM;AAAA,QACV,MAAMU;AAAA,QACN,OAAOD;AAAA,MAAA;AAAA,IAEX,CAAC,GAEKE,IAAc,CAACC,MAA2B;AAC9C,YAAMC,IAAW,OAAOD,CAAK;AAC7B,MAAAV,EAAK,qBAAqBW,CAAQ,GAClCX,EAAK,UAAUW,CAAQ;AAAA,IACzB;2BAIEC,EAMEC,EAAAC,CAAA,GANFC,EAMEZ,EAAA,OALc;AAAA,MACb,eAAaJ,EAAA;AAAA,MACb,uBAAoBU;AAAA,MACpB,SAAKO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEjB,EAAI,SAAUiB,CAAM;AAAA,MAC3B,QAAID,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEjB,EAAI,QAASiB,CAAM;AAAA,IAAA;;;"}

package/components/atoms/JTextarea.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JTextarea.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=JTextarea.vue2.cjs.map

package/components/atoms/JTextarea.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JTextarea.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/atoms/JTextarea.vue2.js

@@ -0,0 +1,5 @@
+import f from "./JTextarea.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=JTextarea.vue2.js.map

package/components/atoms/JTextarea.vue2.js.map

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

package/components/atoms/JTooltip.vue.cjs

@@ -0,0 +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;
+//# sourceMappingURL=JTooltip.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JTooltip.vue.cjs","sources":["../../../../src/components/atoms/JTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref, onMounted, onUnmounted } from 'vue'\r\nimport Tooltip from '@/components/shadcn/Tooltip.vue'\r\nimport TooltipContent from '@/components/shadcn/TooltipContent.vue'\r\nimport TooltipProvider from '@/components/shadcn/TooltipProvider.vue'\r\nimport TooltipTrigger from '@/components/shadcn/TooltipTrigger.vue'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'primary'   // 강조 스타일 (파랑)\r\n  | 'success'   // 성공 스타일 (초록)\r\n  | 'warning'   // 경고 스타일 (주황)\r\n  | 'danger'    // 위험 스타일 (빨강)\r\n\r\ntype Size = 'sm' | 'md' | 'lg'\r\n\r\ntype Trigger = 'hover' | 'focus' | 'click' | 'manual'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    content?: string\r\n    side?: 'top' | 'right' | 'bottom' | 'left'\r\n    align?: 'start' | 'center' | 'end'\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 툴팁 크기 */\r\n    size?: Size\r\n    /** 툴팁 비활성화 */\r\n    disabled?: boolean\r\n    /** 표시 지연 시간 (ms) */\r\n    delay?: number\r\n    /** 툴팁 최대 너비 */\r\n    maxWidth?: string | number\r\n    /** 툴팁 트리거 타입 */\r\n    trigger?: Trigger\r\n  }>(),\r\n  {\r\n    side: 'top',\r\n    align: 'center',\r\n    styletype: 'default',\r\n    size: 'md',\r\n    disabled: false,\r\n    delay: 200,\r\n    maxWidth: '200px',\r\n    trigger: 'hover',\r\n  },\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: 'bg-blue-500 text-white border-blue-600',\r\n  },\r\n  success: { \r\n    class: 'bg-green-500 text-white border-green-600',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-500 text-white border-amber-600',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-500 text-white border-red-600',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<Size, { class: string }> = {\r\n  sm: { \r\n    class: 'text-xs px-2 py-1',\r\n  },\r\n  md: { \r\n    class: 'text-sm px-3 py-1.5',\r\n  },\r\n  lg: { \r\n    class: 'text-base px-4 py-2',\r\n  },\r\n}\r\n\r\n// click과 manual 트리거를 위한 상태 관리\r\nconst isOpen = ref(false)\r\n\r\n// 각 트리거 타입별 핸들러\r\nconst handleClick = (event: MouseEvent) => {\r\n  console.log('Click handler called, trigger:', props.trigger)\r\n  if (props.trigger === 'click') {\r\n    console.log('Toggling tooltip, current state:', isOpen.value)\r\n    isOpen.value = !isOpen.value\r\n    console.log('New state:', isOpen.value)\r\n  } else if (props.trigger === 'focus') {\r\n    // focus 트리거에서는 클릭 이벤트 무시\r\n    event.preventDefault()\r\n    event.stopPropagation()\r\n  }\r\n}\r\n\r\n// delay를 위한 타이머 관리\r\nlet hoverTimer: number | null = null\r\n\r\nconst handleMouseEnter = () => {\r\n  if (props.trigger === 'hover') {\r\n    // 기존 타이머가 있으면 취소\r\n    if (hoverTimer) {\r\n      clearTimeout(hoverTimer)\r\n    }\r\n    // delay 적용\r\n    hoverTimer = setTimeout(() => {\r\n      isOpen.value = true\r\n    }, props.delay)\r\n  }\r\n}\r\n\r\nconst handleMouseLeave = () => {\r\n  if (props.trigger === 'hover') {\r\n    // 타이머 취소\r\n    if (hoverTimer) {\r\n      clearTimeout(hoverTimer)\r\n      hoverTimer = null\r\n    }\r\n    isOpen.value = false\r\n  }\r\n}\r\n\r\nconst handleFocus = () => {\r\n  if (props.trigger === 'focus') {\r\n    isOpen.value = true\r\n  }\r\n}\r\n\r\nconst handleBlur = () => {\r\n  if (props.trigger === 'focus') {\r\n    isOpen.value = false\r\n  }\r\n}\r\n\r\n// 트리거 타입에 따른 Tooltip 설정 계산\r\nconst tooltipConfig = computed(() => {\r\n  const config: any = {\r\n    disabled: props.disabled,\r\n  }\r\n  \r\n  // 모든 트리거 타입에 대해 수동 제어\r\n  config.open = isOpen.value\r\n  \r\n  return config\r\n})\r\n\r\n// 외부 클릭 감지를 위한 핸들러\r\nconst handleOutsideClick = (event: Event) => {\r\n  if (props.trigger === 'hover' && isOpen.value) {\r\n    const target = event.target as HTMLElement\r\n    const tooltipElement = document.querySelector('[data-tooltip-trigger]')\r\n    if (tooltipElement && !tooltipElement.contains(target)) {\r\n      isOpen.value = false\r\n    }\r\n  }\r\n}\r\n\r\n// manual 트리거를 위한 메서드들\r\nconst showTooltip = () => {\r\n  if (props.trigger === 'manual') {\r\n    isOpen.value = true\r\n  }\r\n}\r\n\r\nconst hideTooltip = () => {\r\n  if (props.trigger === 'manual') {\r\n    isOpen.value = false\r\n  }\r\n}\r\n\r\n// 외부에서 사용할 수 있도록 expose\r\ndefineExpose({\r\n  showTooltip,\r\n  hideTooltip,\r\n})\r\n\r\n// 외부 클릭 감지를 위한 이벤트 리스너 등록/해제\r\nonMounted(() => {\r\n  if (props.trigger === 'hover') {\r\n    document.addEventListener('click', handleOutsideClick)\r\n  }\r\n})\r\n\r\nonUnmounted(() => {\r\n  if (props.trigger === 'hover') {\r\n    document.removeEventListener('click', handleOutsideClick)\r\n  }\r\n  \r\n  // 타이머 정리\r\n  if (hoverTimer) {\r\n    clearTimeout(hoverTimer)\r\n  }\r\n})\r\n\r\n/** 최종 바인딩: 직접 넘긴 class가 있으면 styletype과 size 기본값과 병합 */\r\nconst mapped = computed(() => {\r\n  const stylePreset = STYLE_PRESETS[props.styletype!]\r\n  const sizePreset = SIZE_PRESETS[props.size!]\r\n  const finalClass = [stylePreset.class, sizePreset.class, props.class].filter(Boolean).join(' ')\r\n  \r\n  // maxWidth 스타일 처리\r\n  const maxWidthStyle = typeof props.maxWidth === 'number' \r\n    ? `${props.maxWidth}px` \r\n    : props.maxWidth\r\n  \r\n  return {\r\n    side: props.side,\r\n    align: props.align,\r\n    class: finalClass,\r\n    style: {\r\n      maxWidth: maxWidthStyle,\r\n    },\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <TooltipProvider :delayDuration=\"props.delay\">\r\n    <Tooltip v-bind=\"tooltipConfig\">\r\n      <TooltipTrigger \r\n        as-child\r\n        :data-tooltip-trigger=\"true\"\r\n        @click=\"handleClick\"\r\n        @mouseenter=\"handleMouseEnter\"\r\n        @mouseleave=\"handleMouseLeave\"\r\n        @focus=\"handleFocus\"\r\n        @blur=\"handleBlur\"\r\n      >\r\n        <slot name=\"trigger\" />\r\n      </TooltipTrigger>\r\n      <TooltipContent v-bind=\"mapped\">\r\n        {{ props.content }}\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  </TooltipProvider>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","isOpen","ref","handleClick","event","hoverTimer","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","tooltipConfig","computed","config","handleOutsideClick","target","tooltipElement","__expose","onMounted","onUnmounted","mapped","stylePreset","sizePreset","finalClass","maxWidthStyle","_createBlock","TooltipProvider","_createVNode","Tooltip","TooltipTrigger","_renderSlot","_ctx","TooltipContent","_createTextVNode","_toDisplayString"],"mappings":"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"}