@j-solution/components 1.0.0

package/components/atoms/JImage.vue2.cjs

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

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

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

package/components/atoms/JImage.vue2.js

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

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

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

package/components/atoms/JInput.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue");require("../shadcn/index.cjs");const i=require("../shadcn/Input.vue.cjs"),p=l.defineComponent({__name:"JInput",props:{modelValue:{},type:{default:"text"},placeholder:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},id:{},class:{},styletype:{default:"default"}},emits:["update:modelValue","change","focus","blur"],setup(o,{emit:d}){const e=o,r=d,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:"h-8 text-xs px-2"},lg:{class:"h-12 text-base px-4"}},n=l.computed(()=>{const t=e.styletype||"default",a=[(u[t]??u.default)?.class,e.class].filter(Boolean).join(" ");return{type:e.type,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,name:e.name,id:e.id,class:a}}),c=t=>{r("update:modelValue",t),r("change",t)};return(t,s)=>(l.openBlock(),l.createBlock(l.unref(i.default),l.mergeProps(n.value,{"model-value":o.modelValue,"onUpdate:modelValue":c,onFocus:s[0]||(s[0]=a=>r("focus",a)),onBlur:s[1]||(s[1]=a=>r("blur",a))}),{default:l.withCtx(()=>[l.renderSlot(t.$slots,"default")]),_:3},16,["model-value"]))}});exports.default=p;
+//# sourceMappingURL=JInput.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JInput.vue.cjs","sources":["../../../../src/components/atoms/JInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Input } 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 | number\r\n    type?: 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    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    type: 'text',\r\n    placeholder: '',\r\n    disabled: false,\r\n    readonly: 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  '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 }> = {\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: 'h-8 text-xs px-2',\r\n  },\r\n  lg: { \r\n    class: 'h-12 text-base px-4',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 class가 있으면 styletype 기본값과 병합 */\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  \r\n  return {\r\n    type: props.type,\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    class: finalClass,\r\n  }\r\n})\r\n\r\nconst handleInput = (value: string | number) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Input \r\n    v-bind=\"mapped\" \r\n    :model-value=\"modelValue\" \r\n    @update:model-value=\"handleInput\"\r\n    @focus=\"emit('focus', $event)\"\r\n    @blur=\"emit('blur', $event)\"\r\n  >\r\n    <slot />\r\n  </Input>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","mapped","computed","styleKey","finalClass","handleInput","value","_createBlock","_unref","Input","_mergeProps","_cache","$event","_renderSlot","_ctx"],"mappings":"2hBAYA,MAAMA,EAAQC,EAwBRC,EAAOC,EAUPC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,MAAO,CACL,MAAO,mDAAA,EAET,QAAS,CACP,MAAO,+CAAA,EAET,QAAS,CACP,MAAO,+CAAA,EAET,GAAI,CACF,MAAO,kBAAA,EAET,GAAI,CACF,MAAO,qBAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWP,EAAM,WAAa,UAE9BQ,EAAa,EADJJ,EAAcG,CAAQ,GAAKH,EAAc,UAC5B,MAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAExE,MAAO,CACL,KAAMA,EAAM,KACZ,YAAaA,EAAM,YACnB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,KAAMA,EAAM,KACZ,GAAIA,EAAM,GACV,MAAOQ,CAAA,CAEX,CAAC,EAEKC,EAAeC,GAA2B,CAC9CR,EAAK,oBAAqBQ,CAAK,EAC/BR,EAAK,SAAUQ,CAAK,CACtB,8BAIEC,EAAAA,YAQQC,EAAAA,MAAAC,EAAAA,OAAA,EARRC,EAAAA,WAQQT,EAAA,MAPQ,CACb,cAAaJ,EAAA,WACb,sBAAoBQ,EACpB,QAAKM,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEd,EAAI,QAAUc,CAAM,GAC3B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEd,EAAI,OAASc,CAAM,EAAA,sBAE1B,IAAQ,CAARC,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JInput.vue.js

@@ -0,0 +1,68 @@
+import { defineComponent as c, computed as i, createBlock as p, openBlock as f, unref as m, mergeProps as y, withCtx as b, renderSlot as g } from "vue";
+import "../shadcn/index.js";
+import x from "../shadcn/Input.vue.js";
+const V = /* @__PURE__ */ c({
+  __name: "JInput",
+  props: {
+    modelValue: {},
+    type: { default: "text" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {},
+    class: {},
+    styletype: { default: "default" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(o, { emit: d }) {
+    const e = o, a = d, r = {
+      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: "h-8 text-xs px-2"
+      },
+      lg: {
+        class: "h-12 text-base px-4"
+      }
+    }, n = i(() => {
+      const l = e.styletype || "default", s = [(r[l] ?? r.default)?.class, e.class].filter(Boolean).join(" ");
+      return {
+        type: e.type,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        name: e.name,
+        id: e.id,
+        class: s
+      };
+    }), u = (l) => {
+      a("update:modelValue", l), a("change", l);
+    };
+    return (l, t) => (f(), p(m(x), y(n.value, {
+      "model-value": o.modelValue,
+      "onUpdate:modelValue": u,
+      onFocus: t[0] || (t[0] = (s) => a("focus", s)),
+      onBlur: t[1] || (t[1] = (s) => a("blur", s))
+    }), {
+      default: b(() => [
+        g(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["model-value"]));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=JInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JInput.vue.js","sources":["../../../../src/components/atoms/JInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Input } 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 | number\r\n    type?: 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    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n  }>(),\r\n  {\r\n    type: 'text',\r\n    placeholder: '',\r\n    disabled: false,\r\n    readonly: 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  '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 }> = {\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: 'h-8 text-xs px-2',\r\n  },\r\n  lg: { \r\n    class: 'h-12 text-base px-4',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 직접 넘긴 class가 있으면 styletype 기본값과 병합 */\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  \r\n  return {\r\n    type: props.type,\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    class: finalClass,\r\n  }\r\n})\r\n\r\nconst handleInput = (value: string | number) => {\r\n  emit('update:modelValue', value)\r\n  emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Input \r\n    v-bind=\"mapped\" \r\n    :model-value=\"modelValue\" \r\n    @update:model-value=\"handleInput\"\r\n    @focus=\"emit('focus', $event)\"\r\n    @blur=\"emit('blur', $event)\"\r\n  >\r\n    <slot />\r\n  </Input>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","STYLE_PRESETS","mapped","computed","styleKey","finalClass","handleInput","value","_createBlock","_unref","Input","_mergeProps","_cache","$event","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAwBRC,IAAOC,GAUPC,IAAsD;AAAA,MAC1D,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,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,aAAa,WAE9BQ,IAAa,EADJJ,EAAcG,CAAQ,KAAKH,EAAc,UAC5B,OAAOJ,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAExE,aAAO;AAAA,QACL,MAAMA,EAAM;AAAA,QACZ,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,MAAMA,EAAM;AAAA,QACZ,IAAIA,EAAM;AAAA,QACV,OAAOQ;AAAA,MAAA;AAAA,IAEX,CAAC,GAEKC,IAAc,CAACC,MAA2B;AAC9C,MAAAR,EAAK,qBAAqBQ,CAAK,GAC/BR,EAAK,UAAUQ,CAAK;AAAA,IACtB;2BAIEC,EAQQC,EAAAC,CAAA,GARRC,EAQQT,EAAA,OAPQ;AAAA,MACb,eAAaJ,EAAA;AAAA,MACb,uBAAoBQ;AAAA,MACpB,SAAKM,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEd,EAAI,SAAUc,CAAM;AAAA,MAC3B,QAAID,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEd,EAAI,QAASc,CAAM;AAAA,IAAA;iBAE1B,MAAQ;AAAA,QAARC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/atoms/JInput.vue2.cjs

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

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

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

package/components/atoms/JInput.vue2.js

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

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

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

package/components/atoms/JKbd.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../shadcn/Kbd.vue.cjs"),u=e.defineComponent({__name:"JKbd",props:{class:{},styletype:{default:"default"},size:{default:"md"}},setup(a){const s=a,l={default:{class:""},primary:{class:"bg-blue-100 text-blue-800 border-blue-200"},success:{class:"bg-green-100 text-green-800 border-green-200"},warning:{class:"bg-amber-100 text-amber-800 border-amber-200"},danger:{class:"bg-red-100 text-red-800 border-red-200"}},c={sm:{class:"h-4 px-1 text-xs"},md:{class:"h-5 px-1.5 text-sm"},lg:{class:"h-6 px-2 text-base"}},o=e.computed(()=>{const t=l[s.styletype],r=c[s.size];return{class:[t.class,r.class,s.class].filter(Boolean).join(" ")}});return(t,r)=>(e.openBlock(),e.createBlock(n.default,e.normalizeProps(e.guardReactiveProps(o.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}});exports.default=u;
+//# sourceMappingURL=JKbd.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JKbd.vue.cjs","sources":["../../../../src/components/atoms/JKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Kbd from '@/components/shadcn/Kbd.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 SizeType = 'sm' | 'md' | 'lg'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 키보드 키 크기 */\r\n    size?: SizeType\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    size: 'md',\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-100 text-blue-800 border-blue-200',\r\n  },\r\n  success: { \r\n    class: 'bg-green-100 text-green-800 border-green-200',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-100 text-amber-800 border-amber-200',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-100 text-red-800 border-red-200',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, { class: string }> = {\r\n  sm: { \r\n    class: 'h-4 px-1 text-xs',\r\n  },\r\n  md: { \r\n    class: 'h-5 px-1.5 text-sm',\r\n  },\r\n  lg: { \r\n    class: 'h-6 px-2 text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 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  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Kbd v-bind=\"mapped\">\r\n    <slot />\r\n  </Kbd>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","stylePreset","sizePreset","_openBlock","_createBlock","Kbd","_renderSlot","_ctx"],"mappings":"qRAaA,MAAMA,EAAQC,EAiBRC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,QAAS,CACP,MAAO,2CAAA,EAET,QAAS,CACP,MAAO,8CAAA,EAET,QAAS,CACP,MAAO,8CAAA,EAET,OAAQ,CACN,MAAO,wCAAA,CACT,EAMIC,EAAoD,CACxD,GAAI,CACF,MAAO,kBAAA,EAET,GAAI,CACF,MAAO,oBAAA,EAET,GAAI,CACF,MAAO,oBAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAcJ,EAAcF,EAAM,SAAU,EAC5CO,EAAaJ,EAAaH,EAAM,IAAK,EAG3C,MAAO,CACL,MAHiB,CAACM,EAAY,MAAOC,EAAW,MAAOP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAGrF,CAEX,CAAC,gBAICQ,EAAAA,UAAA,EAAAC,EAAAA,YAEMC,EAAAA,8CAFON,EAAA,KAAM,CAAA,EAAA,mBACjB,IAAQ,CAARO,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JKbd.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent as c, computed as n, createBlock as d, openBlock as p, normalizeProps as m, guardReactiveProps as u, withCtx as i, renderSlot as b } from "vue";
+import f from "../shadcn/Kbd.vue.js";
+const S = /* @__PURE__ */ c({
+  __name: "JKbd",
+  props: {
+    class: {},
+    styletype: { default: "default" },
+    size: { default: "md" }
+  },
+  setup(r) {
+    const e = r, a = {
+      default: { class: "" },
+      primary: {
+        class: "bg-blue-100 text-blue-800 border-blue-200"
+      },
+      success: {
+        class: "bg-green-100 text-green-800 border-green-200"
+      },
+      warning: {
+        class: "bg-amber-100 text-amber-800 border-amber-200"
+      },
+      danger: {
+        class: "bg-red-100 text-red-800 border-red-200"
+      }
+    }, l = {
+      sm: {
+        class: "h-4 px-1 text-xs"
+      },
+      md: {
+        class: "h-5 px-1.5 text-sm"
+      },
+      lg: {
+        class: "h-6 px-2 text-base"
+      }
+    }, o = n(() => {
+      const s = a[e.styletype], t = l[e.size];
+      return {
+        class: [s.class, t.class, e.class].filter(Boolean).join(" ")
+      };
+    });
+    return (s, t) => (p(), d(f, m(u(o.value)), {
+      default: i(() => [
+        b(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=JKbd.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JKbd.vue.js","sources":["../../../../src/components/atoms/JKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Kbd from '@/components/shadcn/Kbd.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 SizeType = 'sm' | 'md' | 'lg'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    class?: string\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** 키보드 키 크기 */\r\n    size?: SizeType\r\n  }>(),\r\n  {\r\n    styletype: 'default',\r\n    size: 'md',\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-100 text-blue-800 border-blue-200',\r\n  },\r\n  success: { \r\n    class: 'bg-green-100 text-green-800 border-green-200',\r\n  },\r\n  warning: { \r\n    class: 'bg-amber-100 text-amber-800 border-amber-200',\r\n  },\r\n  danger: { \r\n    class: 'bg-red-100 text-red-800 border-red-200',\r\n  },\r\n}\r\n\r\n/**\r\n * size -> class 매핑\r\n */\r\nconst SIZE_PRESETS: Record<SizeType, { class: string }> = {\r\n  sm: { \r\n    class: 'h-4 px-1 text-xs',\r\n  },\r\n  md: { \r\n    class: 'h-5 px-1.5 text-sm',\r\n  },\r\n  lg: { \r\n    class: 'h-6 px-2 text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: 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  return {\r\n    class: finalClass,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Kbd v-bind=\"mapped\">\r\n    <slot />\r\n  </Kbd>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","SIZE_PRESETS","mapped","computed","stylePreset","sizePreset","_openBlock","_createBlock","Kbd","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAaA,UAAMA,IAAQC,GAiBRC,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,GAMIC,IAAoD;AAAA,MACxD,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAcJ,EAAcF,EAAM,SAAU,GAC5CO,IAAaJ,EAAaH,EAAM,IAAK;AAG3C,aAAO;AAAA,QACL,OAHiB,CAACM,EAAY,OAAOC,EAAW,OAAOP,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAGrF;AAAA,IAEX,CAAC;sBAICQ,EAAA,GAAAC,EAEMC,OAFON,EAAA,KAAM,CAAA,GAAA;AAAA,iBACjB,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/atoms/JKbd.vue2.cjs

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

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

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

package/components/atoms/JKbd.vue2.js

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

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

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

package/components/atoms/JLabel.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const u=require("../shadcn/Label.vue.cjs"),n={key:0,class:"text-red-500 mr-1"},d={key:1,class:"text-red-500 mr-1"},i=e.defineComponent({__name:"JLabel",props:{text:{default:""},required:{type:Boolean,default:!1},styletype:{default:"default"},for:{}},setup(t){const s=t,l={default:{class:""},required:{class:"text-red-600"},optional:{class:"text-gray-500"},error:{class:"text-red-600"},success:{class:"text-green-600"},warning:{class:"text-amber-600"},sm:{class:"text-xs"},lg:{class:"text-base"}},a=e.computed(()=>{const r=s.styletype||"default",o=l[r]??l.default;return{for:s.for,class:o?.class||""}}),c=e.computed(()=>s.text?s.text:"");return(r,o)=>(e.openBlock(),e.createBlock(e.unref(u.default),e.mergeProps(a.value,{class:["text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",a.value.class]}),{default:e.withCtx(()=>[t.required&&t.styletype==="required"?(e.openBlock(),e.createElementBlock("span",n,"*")):t.required?(e.openBlock(),e.createElementBlock("span",d,"*")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(c.value)+" ",1),e.renderSlot(r.$slots,"default")]),_:3},16,["class"]))}});exports.default=i;
+//# sourceMappingURL=JLabel.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JLabel.vue.cjs","sources":["../../../../src/components/atoms/JLabel.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Label } from '@/components/shadcn'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'required' // 필수 필드 표시 (빨간 별표)\r\n  | 'optional' // 선택 필드 표시 (회색 텍스트)\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    /** 라벨 텍스트 */\r\n    text?: string\r\n    /** 필수 필드 여부 */\r\n    required?: boolean\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** HTML for 속성 (연결할 input의 id) */\r\n    for?: string\r\n  }>(),\r\n  {\r\n    text: '',\r\n    required: false,\r\n    styletype: 'default',\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  required: { \r\n    class: 'text-red-600',\r\n  },\r\n  optional: { \r\n    class: 'text-gray-500',\r\n  },\r\n  error: { \r\n    class: 'text-red-600',\r\n  },\r\n  success: { \r\n    class: 'text-green-600',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-600',\r\n  },\r\n  sm: { \r\n    class: 'text-xs',\r\n  },\r\n  lg: { \r\n    class: 'text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype에 따른 클래스 적용 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  \r\n  return {\r\n    for: props.for,\r\n    class: preset?.class || '',\r\n  }\r\n})\r\n\r\nconst displayText = computed(() => {\r\n  if (props.text) {\r\n    return props.text\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Label \r\n    v-bind=\"mapped\"\r\n    :class=\"[\r\n      'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\r\n      mapped.class\r\n    ]\"\r\n  >\r\n    <span v-if=\"required && styletype === 'required'\" class=\"text-red-500 mr-1\">*</span>\r\n    <span v-else-if=\"required\" class=\"text-red-500 mr-1\">*</span>\r\n    {{ displayText }}\r\n    <slot />\r\n  </Label>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","displayText","_createBlock","_unref","Label","_mergeProps","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":"qaAeA,MAAMA,EAAQC,EAqBRC,EAAsD,CAC1D,QAAS,CAAE,MAAO,EAAA,EAClB,SAAU,CACR,MAAO,cAAA,EAET,SAAU,CACR,MAAO,eAAA,EAET,MAAO,CACL,MAAO,cAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,QAAS,CACP,MAAO,gBAAA,EAET,GAAI,CACF,MAAO,SAAA,EAET,GAAI,CACF,MAAO,WAAA,CACT,EAIIC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWL,EAAM,WAAa,UAC9BM,EAASJ,EAAcG,CAAQ,GAAKH,EAAc,QAExD,MAAO,CACL,IAAKF,EAAM,IACX,MAAOM,GAAQ,OAAS,EAAA,CAE5B,CAAC,EAEKC,EAAcH,EAAAA,SAAS,IACvBJ,EAAM,KACDA,EAAM,KAER,EACR,8BAICQ,EAAAA,YAWQC,EAAAA,MAAAC,EAAAA,OAAA,EAXRC,EAAAA,WAWQR,EAAA,MAVQ,CACb,MAAK,8FAAgHA,EAAA,MAAO,KAAA,uBAK7H,IAAoF,CAAxEF,EAAA,UAAYA,EAAA,YAAS,0BAAjCW,EAAAA,mBAAoF,OAApFC,EAA4E,GAAC,GAC5DZ,EAAA,wBAAjBW,EAAAA,mBAA6D,OAA7DE,EAAqD,GAAC,iDAAO,IAC7DC,kBAAGR,EAAA,KAAW,EAAG,IACjB,CAAA,EAAAS,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JLabel.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as u, computed as c, createBlock as i, openBlock as r, unref as f, mergeProps as m, withCtx as p, createElementBlock as n, createCommentVNode as x, createTextVNode as y, renderSlot as g, toDisplayString as _ } from "vue";
+import "../shadcn/index.js";
+import b from "../shadcn/Label.vue.js";
+const k = {
+  key: 0,
+  class: "text-red-500 mr-1"
+}, q = {
+  key: 1,
+  class: "text-red-500 mr-1"
+}, E = /* @__PURE__ */ u({
+  __name: "JLabel",
+  props: {
+    text: { default: "" },
+    required: { type: Boolean, default: !1 },
+    styletype: { default: "default" },
+    for: {}
+  },
+  setup(e) {
+    const t = e, a = {
+      default: { class: "" },
+      required: {
+        class: "text-red-600"
+      },
+      optional: {
+        class: "text-gray-500"
+      },
+      error: {
+        class: "text-red-600"
+      },
+      success: {
+        class: "text-green-600"
+      },
+      warning: {
+        class: "text-amber-600"
+      },
+      sm: {
+        class: "text-xs"
+      },
+      lg: {
+        class: "text-base"
+      }
+    }, l = c(() => {
+      const s = t.styletype || "default", o = a[s] ?? a.default;
+      return {
+        for: t.for,
+        class: o?.class || ""
+      };
+    }), d = c(() => t.text ? t.text : "");
+    return (s, o) => (r(), i(f(b), m(l.value, {
+      class: [
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        l.value.class
+      ]
+    }), {
+      default: p(() => [
+        e.required && e.styletype === "required" ? (r(), n("span", k, "*")) : e.required ? (r(), n("span", q, "*")) : x("", !0),
+        y(" " + _(d.value) + " ", 1),
+        g(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=JLabel.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JLabel.vue.js","sources":["../../../../src/components/atoms/JLabel.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Label } from '@/components/shadcn'\r\n\r\ntype StyleType =\r\n  | 'default'   // 기본 스타일\r\n  | 'required' // 필수 필드 표시 (빨간 별표)\r\n  | 'optional' // 선택 필드 표시 (회색 텍스트)\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    /** 라벨 텍스트 */\r\n    text?: string\r\n    /** 필수 필드 여부 */\r\n    required?: boolean\r\n    /** 스타일 프리셋 */\r\n    styletype?: StyleType\r\n    /** HTML for 속성 (연결할 input의 id) */\r\n    for?: string\r\n  }>(),\r\n  {\r\n    text: '',\r\n    required: false,\r\n    styletype: 'default',\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  required: { \r\n    class: 'text-red-600',\r\n  },\r\n  optional: { \r\n    class: 'text-gray-500',\r\n  },\r\n  error: { \r\n    class: 'text-red-600',\r\n  },\r\n  success: { \r\n    class: 'text-green-600',\r\n  },\r\n  warning: { \r\n    class: 'text-amber-600',\r\n  },\r\n  sm: { \r\n    class: 'text-xs',\r\n  },\r\n  lg: { \r\n    class: 'text-base',\r\n  },\r\n}\r\n\r\n/** 최종 바인딩: styletype에 따른 클래스 적용 */\r\nconst mapped = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\r\n  \r\n  return {\r\n    for: props.for,\r\n    class: preset?.class || '',\r\n  }\r\n})\r\n\r\nconst displayText = computed(() => {\r\n  if (props.text) {\r\n    return props.text\r\n  }\r\n  return ''\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Label \r\n    v-bind=\"mapped\"\r\n    :class=\"[\r\n      'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\r\n      mapped.class\r\n    ]\"\r\n  >\r\n    <span v-if=\"required && styletype === 'required'\" class=\"text-red-500 mr-1\">*</span>\r\n    <span v-else-if=\"required\" class=\"text-red-500 mr-1\">*</span>\r\n    {{ displayText }}\r\n    <slot />\r\n  </Label>\r\n</template>\r\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","displayText","_createBlock","_unref","Label","_mergeProps","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GAqBRC,IAAsD;AAAA,MAC1D,SAAS,EAAE,OAAO,GAAA;AAAA,MAClB,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,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,MAAA;AAAA,MAET,IAAI;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT,GAIIC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWL,EAAM,aAAa,WAC9BM,IAASJ,EAAcG,CAAQ,KAAKH,EAAc;AAExD,aAAO;AAAA,QACL,KAAKF,EAAM;AAAA,QACX,OAAOM,GAAQ,SAAS;AAAA,MAAA;AAAA,IAE5B,CAAC,GAEKC,IAAcH,EAAS,MACvBJ,EAAM,OACDA,EAAM,OAER,EACR;2BAICQ,EAWQC,EAAAC,CAAA,GAXRC,EAWQR,EAAA,OAVQ;AAAA,MACb,OAAK;AAAA;QAAgHA,EAAA,MAAO;AAAA,MAAA;AAAA;iBAK7H,MAAoF;AAAA,QAAxEF,EAAA,YAAYA,EAAA,cAAS,mBAAjCW,EAAoF,QAApFC,GAA4E,GAAC,KAC5DZ,EAAA,iBAAjBW,EAA6D,QAA7DE,GAAqD,GAAC;UAAO,MAC7DC,EAAGR,EAAA,KAAW,IAAG,KACjB,CAAA;AAAA,QAAAS,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/atoms/JLabel.vue2.cjs

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

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

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

package/components/atoms/JLabel.vue2.js

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

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

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

package/components/atoms/JLink.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const c=require("../shadcn/Button.vue.cjs"),u=e.defineComponent({__name:"JLink",props:{href:{},text:{},target:{},styletype:{default:"default"},disabled:{type:Boolean,default:!1},class:{}},setup(s){const t=s,n={default:{variant:"link",class:"text-primary underline-offset-4 hover:underline"},primary:{variant:"link",class:"text-primary-foreground bg-primary hover:bg-primary/90"},secondary:{variant:"link",class:"text-secondary-foreground bg-secondary hover:bg-secondary/80"},destructive:{variant:"link",class:"text-destructive hover:text-destructive/90"},outline:{variant:"outline",class:"border border-input bg-background hover:bg-accent hover:text-accent-foreground"},ghost:{variant:"ghost",class:"hover:bg-accent hover:text-accent-foreground"},sm:{variant:"link",size:"sm",class:"h-8 px-3 text-xs"},lg:{variant:"link",size:"lg",class:"h-12 px-8 text-base"}},o=e.computed(()=>{const r=t.styletype||"default",a=n[r]??n.default,i=[a?.class,t.class].filter(Boolean).join(" ");return{variant:a?.variant||"link",size:a?.size||"default",class:i,disabled:t.disabled}}),l=e.computed(()=>{const r={as:"a"};return t.href&&(r.href=t.href),t.target&&(r.target=t.target),r});return(r,a)=>(e.openBlock(),e.createBlock(e.unref(c.default),e.normalizeProps(e.guardReactiveProps({...o.value,...l.value})),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])]),_:3},16))}});exports.default=u;
+//# sourceMappingURL=JLink.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JLink.vue.cjs","sources":["../../../../src/components/atoms/JLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Button } from '@/components/shadcn'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'sm' | 'lg'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 링크 URL */\n    href?: string\n    /** 링크 텍스트 */\n    text?: string\n    /** 새 탭에서 열기 */\n    target?: '_blank' | '_self' | '_parent' | '_top'\n    /** 링크 스타일 테마 */\n    styletype?: StyleType\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    disabled: false,\n  },\n)\n\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; size?: string; class?: string }> = {\n  default: { variant: 'link', class: 'text-primary underline-offset-4 hover:underline' },\n  primary: { variant: 'link', class: 'text-primary-foreground bg-primary hover:bg-primary/90' },\n  secondary: { variant: 'link', class: 'text-secondary-foreground bg-secondary hover:bg-secondary/80' },\n  destructive: { variant: 'link', class: 'text-destructive hover:text-destructive/90' },\n  outline: { variant: 'outline', class: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },\n  ghost: { variant: 'ghost', class: 'hover:bg-accent hover:text-accent-foreground' },\n  sm: { variant: 'link', size: 'sm', class: 'h-8 px-3 text-xs' },\n  lg: { variant: 'link', size: 'lg', class: 'h-12 px-8 text-base' },\n}\n\nconst mapped = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\n\n  return {\n    variant: (preset?.variant || 'link') as 'link' | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost',\n    size: (preset?.size || 'default') as 'default' | 'sm' | 'lg' | 'icon',\n    class: finalClass,\n    disabled: props.disabled,\n  }\n})\n\nconst linkProps = computed(() => {\n  const baseProps: Record<string, any> = {\n    as: 'a',\n  }\n\n  if (props.href) {\n    baseProps.href = props.href\n  }\n\n  if (props.target) {\n    baseProps.target = props.target\n  }\n\n  return baseProps\n})\n</script>\n\n<template>\n  <Button v-bind=\"{ ...mapped, ...linkProps }\">\n    <slot>{{ text }}</slot>\n  </Button>\n</template>\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","linkProps","baseProps","_createBlock","_unref","Button","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx"],"mappings":"uWAMA,MAAMA,EAAQC,EAqBRC,EAAwF,CAC5F,QAAS,CAAE,QAAS,OAAQ,MAAO,iDAAA,EACnC,QAAS,CAAE,QAAS,OAAQ,MAAO,wDAAA,EACnC,UAAW,CAAE,QAAS,OAAQ,MAAO,8DAAA,EACrC,YAAa,CAAE,QAAS,OAAQ,MAAO,4CAAA,EACvC,QAAS,CAAE,QAAS,UAAW,MAAO,gFAAA,EACtC,MAAO,CAAE,QAAS,QAAS,MAAO,8CAAA,EAClC,GAAI,CAAE,QAAS,OAAQ,KAAM,KAAM,MAAO,kBAAA,EAC1C,GAAI,CAAE,QAAS,OAAQ,KAAM,KAAM,MAAO,qBAAA,CAAsB,EAG5DC,EAASC,EAAAA,SAAS,IAAM,CAC5B,MAAMC,EAAWL,EAAM,WAAa,UAC9BM,EAASJ,EAAcG,CAAQ,GAAKH,EAAc,QAClDK,EAAa,CAACD,GAAQ,MAAON,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAExE,MAAO,CACL,QAAUM,GAAQ,SAAW,OAC7B,KAAOA,GAAQ,MAAQ,UACvB,MAAOC,EACP,SAAUP,EAAM,QAAA,CAEpB,CAAC,EAEKQ,EAAYJ,EAAAA,SAAS,IAAM,CAC/B,MAAMK,EAAiC,CACrC,GAAI,GAAA,EAGN,OAAIT,EAAM,OACRS,EAAU,KAAOT,EAAM,MAGrBA,EAAM,SACRS,EAAU,OAAST,EAAM,QAGpBS,CACT,CAAC,8BAICC,EAAAA,YAESC,EAAAA,MAAAC,EAAAA,OAAA,EAAAC,EAAAA,eAAAC,EAAAA,mBAAA,CAAA,GAFYX,EAAA,MAAM,GAAKK,EAAA,KAAA,CAAS,CAAA,EAAA,mBACvC,IAAuB,CAAvBO,EAAAA,WAAuBC,sBAAvB,IAAuB,qCAAdf,EAAA,IAAI,EAAA,CAAA,CAAA"}

package/components/atoms/JLink.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as c, computed as n, createBlock as d, openBlock as u, unref as f, normalizeProps as p, guardReactiveProps as v, withCtx as g, renderSlot as m, createTextVNode as h, toDisplayString as x } from "vue";
+import "../shadcn/index.js";
+import y from "../shadcn/Button.vue.js";
+const z = /* @__PURE__ */ c({
+  __name: "JLink",
+  props: {
+    href: {},
+    text: {},
+    target: {},
+    styletype: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    class: {}
+  },
+  setup(a) {
+    const e = a, s = {
+      default: { variant: "link", class: "text-primary underline-offset-4 hover:underline" },
+      primary: { variant: "link", class: "text-primary-foreground bg-primary hover:bg-primary/90" },
+      secondary: { variant: "link", class: "text-secondary-foreground bg-secondary hover:bg-secondary/80" },
+      destructive: { variant: "link", class: "text-destructive hover:text-destructive/90" },
+      outline: { variant: "outline", class: "border border-input bg-background hover:bg-accent hover:text-accent-foreground" },
+      ghost: { variant: "ghost", class: "hover:bg-accent hover:text-accent-foreground" },
+      sm: { variant: "link", size: "sm", class: "h-8 px-3 text-xs" },
+      lg: { variant: "link", size: "lg", class: "h-12 px-8 text-base" }
+    }, o = n(() => {
+      const t = e.styletype || "default", r = s[t] ?? s.default, i = [r?.class, e.class].filter(Boolean).join(" ");
+      return {
+        variant: r?.variant || "link",
+        size: r?.size || "default",
+        class: i,
+        disabled: e.disabled
+      };
+    }), l = n(() => {
+      const t = {
+        as: "a"
+      };
+      return e.href && (t.href = e.href), e.target && (t.target = e.target), t;
+    });
+    return (t, r) => (u(), d(f(y), p(v({ ...o.value, ...l.value })), {
+      default: g(() => [
+        m(t.$slots, "default", {}, () => [
+          h(x(a.text), 1)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=JLink.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JLink.vue.js","sources":["../../../../src/components/atoms/JLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Button } from '@/components/shadcn'\n\ntype StyleType = 'default' | 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'sm' | 'lg'\n\nconst props = withDefaults(\n  defineProps<{\n    /** 링크 URL */\n    href?: string\n    /** 링크 텍스트 */\n    text?: string\n    /** 새 탭에서 열기 */\n    target?: '_blank' | '_self' | '_parent' | '_top'\n    /** 링크 스타일 테마 */\n    styletype?: StyleType\n    /** 비활성화 상태 */\n    disabled?: boolean\n    /** 추가 CSS 클래스 */\n    class?: string\n  }>(),\n  {\n    styletype: 'default',\n    disabled: false,\n  },\n)\n\nconst STYLE_PRESETS: Record<StyleType, { variant?: string; size?: string; class?: string }> = {\n  default: { variant: 'link', class: 'text-primary underline-offset-4 hover:underline' },\n  primary: { variant: 'link', class: 'text-primary-foreground bg-primary hover:bg-primary/90' },\n  secondary: { variant: 'link', class: 'text-secondary-foreground bg-secondary hover:bg-secondary/80' },\n  destructive: { variant: 'link', class: 'text-destructive hover:text-destructive/90' },\n  outline: { variant: 'outline', class: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground' },\n  ghost: { variant: 'ghost', class: 'hover:bg-accent hover:text-accent-foreground' },\n  sm: { variant: 'link', size: 'sm', class: 'h-8 px-3 text-xs' },\n  lg: { variant: 'link', size: 'lg', class: 'h-12 px-8 text-base' },\n}\n\nconst mapped = computed(() => {\n  const styleKey = props.styletype || 'default'\n  const preset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS.default\n  const finalClass = [preset?.class, props.class].filter(Boolean).join(' ')\n\n  return {\n    variant: (preset?.variant || 'link') as 'link' | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost',\n    size: (preset?.size || 'default') as 'default' | 'sm' | 'lg' | 'icon',\n    class: finalClass,\n    disabled: props.disabled,\n  }\n})\n\nconst linkProps = computed(() => {\n  const baseProps: Record<string, any> = {\n    as: 'a',\n  }\n\n  if (props.href) {\n    baseProps.href = props.href\n  }\n\n  if (props.target) {\n    baseProps.target = props.target\n  }\n\n  return baseProps\n})\n</script>\n\n<template>\n  <Button v-bind=\"{ ...mapped, ...linkProps }\">\n    <slot>{{ text }}</slot>\n  </Button>\n</template>\n"],"names":["props","__props","STYLE_PRESETS","mapped","computed","styleKey","preset","finalClass","linkProps","baseProps","_createBlock","_unref","Button","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAqBRC,IAAwF;AAAA,MAC5F,SAAS,EAAE,SAAS,QAAQ,OAAO,kDAAA;AAAA,MACnC,SAAS,EAAE,SAAS,QAAQ,OAAO,yDAAA;AAAA,MACnC,WAAW,EAAE,SAAS,QAAQ,OAAO,+DAAA;AAAA,MACrC,aAAa,EAAE,SAAS,QAAQ,OAAO,6CAAA;AAAA,MACvC,SAAS,EAAE,SAAS,WAAW,OAAO,iFAAA;AAAA,MACtC,OAAO,EAAE,SAAS,SAAS,OAAO,+CAAA;AAAA,MAClC,IAAI,EAAE,SAAS,QAAQ,MAAM,MAAM,OAAO,mBAAA;AAAA,MAC1C,IAAI,EAAE,SAAS,QAAQ,MAAM,MAAM,OAAO,sBAAA;AAAA,IAAsB,GAG5DC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWL,EAAM,aAAa,WAC9BM,IAASJ,EAAcG,CAAQ,KAAKH,EAAc,SAClDK,IAAa,CAACD,GAAQ,OAAON,EAAM,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAExE,aAAO;AAAA,QACL,SAAUM,GAAQ,WAAW;AAAA,QAC7B,MAAOA,GAAQ,QAAQ;AAAA,QACvB,OAAOC;AAAA,QACP,UAAUP,EAAM;AAAA,MAAA;AAAA,IAEpB,CAAC,GAEKQ,IAAYJ,EAAS,MAAM;AAC/B,YAAMK,IAAiC;AAAA,QACrC,IAAI;AAAA,MAAA;AAGN,aAAIT,EAAM,SACRS,EAAU,OAAOT,EAAM,OAGrBA,EAAM,WACRS,EAAU,SAAST,EAAM,SAGpBS;AAAA,IACT,CAAC;2BAICC,EAESC,EAAAC,CAAA,GAAAC,EAAAC,EAAA,EAAA,GAFYX,EAAA,OAAM,GAAKK,EAAA,MAAA,CAAS,CAAA,GAAA;AAAA,iBACvC,MAAuB;AAAA,QAAvBO,EAAuBC,yBAAvB,MAAuB;AAAA,cAAdf,EAAA,IAAI,GAAA,CAAA;AAAA,QAAA;;;;;;"}

package/components/atoms/JLink.vue2.cjs

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

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

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

package/components/atoms/JLink.vue2.js

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

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

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

package/components/atoms/JPopover.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../shadcn/index.cjs");const f=require("../shadcn/Popover.vue.cjs"),m=require("../shadcn/PopoverTrigger.vue.cjs"),g=require("../shadcn/PopoverContent.vue.cjs"),b=e.defineComponent({__name:"JPopover",props:{open:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},styletype:{default:"default"},position:{default:"bottom"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0}},emits:["update:open","openChange"],setup(l,{emit:r}){const t=l,a=r,d={default:{class:"w-72 p-4"},"default-sm":{class:"w-48 p-2"},"default-lg":{class:"w-96 p-6"},"default-xl":{class:"w-[32rem] p-8"},card:{class:"w-72 p-4 border-2 shadow-lg"},"card-sm":{class:"w-48 p-2 border-2 shadow-lg"},"card-lg":{class:"w-96 p-6 border-2 shadow-lg"},"card-xl":{class:"w-[32rem] p-8 border-2 shadow-lg"},minimal:{class:"w-72 p-4 border-0 shadow-sm"},"minimal-sm":{class:"w-48 p-2 border-0 shadow-sm"},"minimal-lg":{class:"w-96 p-6 border-0 shadow-sm"},"minimal-xl":{class:"w-[32rem] p-8 border-0 shadow-sm"},outlined:{class:"w-72 p-4 border-2 border-gray-300"},"outlined-sm":{class:"w-48 p-2 border-2 border-gray-300"},"outlined-lg":{class:"w-96 p-6 border-2 border-gray-300"},"outlined-xl":{class:"w-[32rem] p-8 border-2 border-gray-300"}},n=e.computed(()=>t.open!==void 0?{open:t.open,disabled:t.disabled,modal:t.modal}:{defaultOpen:!1,disabled:t.disabled,modal:t.modal}),i=e.computed(()=>({disabled:t.disabled})),u=e.computed(()=>{const o={side:t.position,align:t.align,sideOffset:t.sideOffset,alignOffset:t.alignOffset,avoidCollisions:!0,collisionSide:!0,collisionAlign:!0,collisionPadding:0,sticky:"partial",hideWhenDetached:!1};return t.modal===!0&&(o.onInteractOutside=s=>{s.preventDefault(),s.stopPropagation()}),o}),p=e.computed(()=>{const o=t.styletype||"default";return(d[o]??d.default)?.class||""}),c=o=>{a("update:open",o),a("openChange",o)};return(o,s)=>(e.openBlock(),e.createBlock(e.unref(f.default),e.mergeProps(n.value,{"onUpdate:open":c}),{default:e.withCtx(()=>[e.createVNode(e.unref(m.default),e.mergeProps(i.value,{"as-child":""}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"trigger")]),_:3},16),e.createVNode(e.unref(g.default),e.mergeProps(u.value,{class:["z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",p.value]}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["class"])]),_:3},16))}});exports.default=b;
+//# sourceMappingURL=JPopover.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JPopover.vue.cjs","sources":["../../../../src/components/atoms/JPopover.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/shadcn'\r\n\r\ntype StyleType =\r\n  | 'default'     // 기본 스타일 (중간 크기)\r\n  | 'default-sm'  // 기본 스타일 (작은 크기)\r\n  | 'default-lg'  // 기본 스타일 (큰 크기)\r\n  | 'default-xl'  // 기본 스타일 (매우 큰 크기)\r\n  | 'card'        // 카드 스타일 (중간 크기)\r\n  | 'card-sm'     // 카드 스타일 (작은 크기)\r\n  | 'card-lg'     // 카드 스타일 (큰 크기)\r\n  | 'card-xl'     // 카드 스타일 (매우 큰 크기)\r\n  | 'minimal'     // 최소한의 스타일 (중간 크기)\r\n  | 'minimal-sm'  // 최소한의 스타일 (작은 크기)\r\n  | 'minimal-lg'  // 최소한의 스타일 (큰 크기)\r\n  | 'minimal-xl'  // 최소한의 스타일 (매우 큰 크기)\r\n  | 'outlined'    // 테두리 스타일 (중간 크기)\r\n  | 'outlined-sm' // 테두리 스타일 (작은 크기)\r\n  | 'outlined-lg' // 테두리 스타일 (큰 크기)\r\n  | 'outlined-xl' // 테두리 스타일 (매우 큰 크기)\r\n\r\ntype PositionType =\r\n  | 'top'       // 위쪽\r\n  | 'bottom'    // 아래쪽\r\n  | 'left'      // 왼쪽\r\n  | 'right'     // 오른쪽\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 팝오버 열림 상태 */\r\n    open?: boolean\r\n    /** 비활성화 상태 */\r\n    disabled?: boolean\r\n    /** 모달 모드 여부 */\r\n    modal?: boolean\r\n    /** 스타일 프리셋 (크기 포함) */\r\n    styletype?: StyleType\r\n    /** 위치 프리셋 */\r\n    position?: PositionType\r\n    /** 정렬 방식 */\r\n    align?: 'start' | 'center' | 'end'\r\n    /** 사이드 오프셋 */\r\n    sideOffset?: number\r\n    /** 정렬 오프셋 */\r\n    alignOffset?: number\r\n  }>(),\r\n  {\r\n    open: undefined,\r\n    disabled: false,\r\n    modal: false, // modal 기본값 false\r\n    styletype: 'default',\r\n    position: 'bottom',\r\n    align: 'center',\r\n    sideOffset: 4,\r\n    alignOffset: 0,\r\n  },\r\n)\r\n\r\nconst emits = defineEmits<{\r\n  /** 열림 상태 변경 이벤트 */\r\n  'update:open': [open: boolean]\r\n  /** 열림 이벤트 */\r\n  openChange: [open: boolean]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑 (크기 포함)\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  // 기본 스타일\r\n  'default': { class: 'w-72 p-4' },\r\n  'default-sm': { class: 'w-48 p-2' },\r\n  'default-lg': { class: 'w-96 p-6' },\r\n  'default-xl': { class: 'w-[32rem] p-8' },\r\n  \r\n  // 카드 스타일\r\n  'card': { class: 'w-72 p-4 border-2 shadow-lg' },\r\n  'card-sm': { class: 'w-48 p-2 border-2 shadow-lg' },\r\n  'card-lg': { class: 'w-96 p-6 border-2 shadow-lg' },\r\n  'card-xl': { class: 'w-[32rem] p-8 border-2 shadow-lg' },\r\n  \r\n  // 미니멀 스타일\r\n  'minimal': { class: 'w-72 p-4 border-0 shadow-sm' },\r\n  'minimal-sm': { class: 'w-48 p-2 border-0 shadow-sm' },\r\n  'minimal-lg': { class: 'w-96 p-6 border-0 shadow-sm' },\r\n  'minimal-xl': { class: 'w-[32rem] p-8 border-0 shadow-sm' },\r\n  \r\n  // 아웃라인 스타일\r\n  'outlined': { class: 'w-72 p-4 border-2 border-gray-300' },\r\n  'outlined-sm': { class: 'w-48 p-2 border-2 border-gray-300' },\r\n  'outlined-lg': { class: 'w-96 p-6 border-2 border-gray-300' },\r\n  'outlined-xl': { class: 'w-[32rem] p-8 border-2 border-gray-300' },\r\n}\r\n\r\n/** 최종 바인딩: Popover 루트에 전달할 props */\r\nconst rootProps = computed(() => {\r\n  \r\n  // open이 제공되면 controlled component\r\n  // open이 없으면 defaultOpen=false (uncontrolled, 기본 닫힘)\r\n  if (props.open !== undefined) {\r\n    return {\r\n      open: props.open,\r\n      disabled: props.disabled,\r\n      modal: props.modal,\r\n    }\r\n  } else {\r\n    return {\r\n      defaultOpen: false,\r\n      disabled: props.disabled,\r\n      modal: props.modal,\r\n    }\r\n  }\r\n})\r\n\r\n/** PopoverTrigger에 전달할 props */\r\nconst triggerProps = computed(() => {\r\n  return {\r\n    disabled: props.disabled,\r\n  }\r\n})\r\n\r\n/** PopoverContent에 전달할 props */\r\nconst contentProps = computed(() => {\r\n  const propsObj: Record<string, any> = {\r\n    side: props.position,\r\n    align: props.align,\r\n    sideOffset: props.sideOffset,\r\n    alignOffset: props.alignOffset,\r\n    avoidCollisions: true,\r\n    collisionSide: true,\r\n    collisionAlign: true,\r\n    collisionPadding: 0,\r\n    sticky: 'partial',\r\n    hideWhenDetached: false,\r\n  }\r\n  \r\n  // modal이 true일 때 외부 클릭을 막음\r\n  if (props.modal === true) {\r\n    propsObj.onInteractOutside = (event: Event) => {\r\n      event.preventDefault()\r\n      event.stopPropagation()\r\n    }\r\n  }\r\n  \r\n  return propsObj\r\n})\r\n\r\n/** PopoverContent에 전달할 클래스 */\r\nconst contentClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const stylePreset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS['default']\r\n  return stylePreset?.class || ''\r\n})\r\n\r\nconst handleOpenChange = (open: boolean) => {\r\n  emits('update:open', open)\r\n  emits('openChange', open)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Popover \r\n    v-bind=\"rootProps\"\r\n    @update:open=\"handleOpenChange\"\r\n  >\r\n    <PopoverTrigger v-bind=\"triggerProps\" as-child>\r\n      <slot name=\"trigger\" />\r\n    </PopoverTrigger>\r\n    <PopoverContent \r\n      v-bind=\"contentProps\"\r\n      :class=\"[\r\n        'z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\r\n        contentClass\r\n      ]\"\r\n    >\r\n      <slot />\r\n    </PopoverContent>\r\n  </Popover>\r\n</template>\r\n"],"names":["props","__props","emits","__emit","STYLE_PRESETS","rootProps","computed","triggerProps","contentProps","propsObj","event","contentClass","styleKey","handleOpenChange","open","_openBlock","_createBlock","_unref","_mergeProps","_createVNode","_renderSlot","_ctx","PopoverContent"],"mappings":"unBA6BA,MAAMA,EAAQC,EA+BRC,EAAQC,EAURC,EAAsD,CAE1D,QAAW,CAAE,MAAO,UAAA,EACpB,aAAc,CAAE,MAAO,UAAA,EACvB,aAAc,CAAE,MAAO,UAAA,EACvB,aAAc,CAAE,MAAO,eAAA,EAGvB,KAAQ,CAAE,MAAO,6BAAA,EACjB,UAAW,CAAE,MAAO,6BAAA,EACpB,UAAW,CAAE,MAAO,6BAAA,EACpB,UAAW,CAAE,MAAO,kCAAA,EAGpB,QAAW,CAAE,MAAO,6BAAA,EACpB,aAAc,CAAE,MAAO,6BAAA,EACvB,aAAc,CAAE,MAAO,6BAAA,EACvB,aAAc,CAAE,MAAO,kCAAA,EAGvB,SAAY,CAAE,MAAO,mCAAA,EACrB,cAAe,CAAE,MAAO,mCAAA,EACxB,cAAe,CAAE,MAAO,mCAAA,EACxB,cAAe,CAAE,MAAO,wCAAA,CAAyC,EAI7DC,EAAYC,EAAAA,SAAS,IAIrBN,EAAM,OAAS,OACV,CACL,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,KAAA,EAGR,CACL,YAAa,GACb,SAAUA,EAAM,SAChB,MAAOA,EAAM,KAAA,CAGlB,EAGKO,EAAeD,EAAAA,SAAS,KACrB,CACL,SAAUN,EAAM,QAAA,EAEnB,EAGKQ,EAAeF,EAAAA,SAAS,IAAM,CAClC,MAAMG,EAAgC,CACpC,KAAMT,EAAM,SACZ,MAAOA,EAAM,MACb,WAAYA,EAAM,WAClB,YAAaA,EAAM,YACnB,gBAAiB,GACjB,cAAe,GACf,eAAgB,GAChB,iBAAkB,EAClB,OAAQ,UACR,iBAAkB,EAAA,EAIpB,OAAIA,EAAM,QAAU,KAClBS,EAAS,kBAAqBC,GAAiB,CAC7CA,EAAM,eAAA,EACNA,EAAM,gBAAA,CACR,GAGKD,CACT,CAAC,EAGKE,EAAeL,EAAAA,SAAS,IAAM,CAClC,MAAMM,EAAWZ,EAAM,WAAa,UAEpC,OADoBI,EAAcQ,CAAQ,GAAKR,EAAc,UACzC,OAAS,EAC/B,CAAC,EAEKS,EAAoBC,GAAkB,CAC1CZ,EAAM,cAAeY,CAAI,EACzBZ,EAAM,aAAcY,CAAI,CAC1B,gBAIEC,YAAA,EAAAC,cAgBUC,EAAAA,iBAhBVC,aAgBUb,QAfS,CAChB,gBAAaQ,CAAA,CAAgB,EAAA,mBAE9B,IAEiB,CAFjBM,cAEiBF,EAAAA,iBAFjBC,EAAAA,WAEiBX,QAFmB,CAAE,WAAA,EAAA,CAAQ,EAAA,mBAC5C,IAAuB,CAAvBa,aAAuBC,EAAA,OAAA,SAAA,CAAA,YAEzBF,EAAAA,YAQiBF,EAAAA,MAAAK,EAAAA,OAAA,EARjBJ,EAAAA,WAQiBV,EAAA,MAPK,CACnB,MAAK,qbAA2cG,EAAA,KAAA,uBAKjd,IAAQ,CAARS,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/atoms/JPopover.vue.js

@@ -0,0 +1,100 @@
+import { defineComponent as h, computed as t, createBlock as y, openBlock as _, unref as s, mergeProps as d, withCtx as l, createVNode as i, renderSlot as p } from "vue";
+import "../shadcn/index.js";
+import v from "../shadcn/Popover.vue.js";
+import O from "../shadcn/PopoverTrigger.vue.js";
+import P from "../shadcn/PopoverContent.vue.js";
+const k = /* @__PURE__ */ h({
+  __name: "JPopover",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    modal: { type: Boolean, default: !1 },
+    styletype: { default: "default" },
+    position: { default: "bottom" },
+    align: { default: "center" },
+    sideOffset: { default: 4 },
+    alignOffset: { default: 0 }
+  },
+  emits: ["update:open", "openChange"],
+  setup(f, { emit: m }) {
+    const e = f, r = m, n = {
+      // 기본 스타일
+      default: { class: "w-72 p-4" },
+      "default-sm": { class: "w-48 p-2" },
+      "default-lg": { class: "w-96 p-6" },
+      "default-xl": { class: "w-[32rem] p-8" },
+      // 카드 스타일
+      card: { class: "w-72 p-4 border-2 shadow-lg" },
+      "card-sm": { class: "w-48 p-2 border-2 shadow-lg" },
+      "card-lg": { class: "w-96 p-6 border-2 shadow-lg" },
+      "card-xl": { class: "w-[32rem] p-8 border-2 shadow-lg" },
+      // 미니멀 스타일
+      minimal: { class: "w-72 p-4 border-0 shadow-sm" },
+      "minimal-sm": { class: "w-48 p-2 border-0 shadow-sm" },
+      "minimal-lg": { class: "w-96 p-6 border-0 shadow-sm" },
+      "minimal-xl": { class: "w-[32rem] p-8 border-0 shadow-sm" },
+      // 아웃라인 스타일
+      outlined: { class: "w-72 p-4 border-2 border-gray-300" },
+      "outlined-sm": { class: "w-48 p-2 border-2 border-gray-300" },
+      "outlined-lg": { class: "w-96 p-6 border-2 border-gray-300" },
+      "outlined-xl": { class: "w-[32rem] p-8 border-2 border-gray-300" }
+    }, c = t(() => e.open !== void 0 ? {
+      open: e.open,
+      disabled: e.disabled,
+      modal: e.modal
+    } : {
+      defaultOpen: !1,
+      disabled: e.disabled,
+      modal: e.modal
+    }), u = t(() => ({
+      disabled: e.disabled
+    })), g = t(() => {
+      const o = {
+        side: e.position,
+        align: e.align,
+        sideOffset: e.sideOffset,
+        alignOffset: e.alignOffset,
+        avoidCollisions: !0,
+        collisionSide: !0,
+        collisionAlign: !0,
+        collisionPadding: 0,
+        sticky: "partial",
+        hideWhenDetached: !1
+      };
+      return e.modal === !0 && (o.onInteractOutside = (a) => {
+        a.preventDefault(), a.stopPropagation();
+      }), o;
+    }), b = t(() => {
+      const o = e.styletype || "default";
+      return (n[o] ?? n.default)?.class || "";
+    }), w = (o) => {
+      r("update:open", o), r("openChange", o);
+    };
+    return (o, a) => (_(), y(s(v), d(c.value, { "onUpdate:open": w }), {
+      default: l(() => [
+        i(s(O), d(u.value, { "as-child": "" }), {
+          default: l(() => [
+            p(o.$slots, "trigger")
+          ]),
+          _: 3
+        }, 16),
+        i(s(P), d(g.value, {
+          class: [
+            "z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+            b.value
+          ]
+        }), {
+          default: l(() => [
+            p(o.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=JPopover.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JPopover.vue.js","sources":["../../../../src/components/atoms/JPopover.vue"],"sourcesContent":["<!-- TODO: 컴포넌트 래핑 초안 - 스타일 및 기능 개선 필요 -->\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/shadcn'\r\n\r\ntype StyleType =\r\n  | 'default'     // 기본 스타일 (중간 크기)\r\n  | 'default-sm'  // 기본 스타일 (작은 크기)\r\n  | 'default-lg'  // 기본 스타일 (큰 크기)\r\n  | 'default-xl'  // 기본 스타일 (매우 큰 크기)\r\n  | 'card'        // 카드 스타일 (중간 크기)\r\n  | 'card-sm'     // 카드 스타일 (작은 크기)\r\n  | 'card-lg'     // 카드 스타일 (큰 크기)\r\n  | 'card-xl'     // 카드 스타일 (매우 큰 크기)\r\n  | 'minimal'     // 최소한의 스타일 (중간 크기)\r\n  | 'minimal-sm'  // 최소한의 스타일 (작은 크기)\r\n  | 'minimal-lg'  // 최소한의 스타일 (큰 크기)\r\n  | 'minimal-xl'  // 최소한의 스타일 (매우 큰 크기)\r\n  | 'outlined'    // 테두리 스타일 (중간 크기)\r\n  | 'outlined-sm' // 테두리 스타일 (작은 크기)\r\n  | 'outlined-lg' // 테두리 스타일 (큰 크기)\r\n  | 'outlined-xl' // 테두리 스타일 (매우 큰 크기)\r\n\r\ntype PositionType =\r\n  | 'top'       // 위쪽\r\n  | 'bottom'    // 아래쪽\r\n  | 'left'      // 왼쪽\r\n  | 'right'     // 오른쪽\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 팝오버 열림 상태 */\r\n    open?: boolean\r\n    /** 비활성화 상태 */\r\n    disabled?: boolean\r\n    /** 모달 모드 여부 */\r\n    modal?: boolean\r\n    /** 스타일 프리셋 (크기 포함) */\r\n    styletype?: StyleType\r\n    /** 위치 프리셋 */\r\n    position?: PositionType\r\n    /** 정렬 방식 */\r\n    align?: 'start' | 'center' | 'end'\r\n    /** 사이드 오프셋 */\r\n    sideOffset?: number\r\n    /** 정렬 오프셋 */\r\n    alignOffset?: number\r\n  }>(),\r\n  {\r\n    open: undefined,\r\n    disabled: false,\r\n    modal: false, // modal 기본값 false\r\n    styletype: 'default',\r\n    position: 'bottom',\r\n    align: 'center',\r\n    sideOffset: 4,\r\n    alignOffset: 0,\r\n  },\r\n)\r\n\r\nconst emits = defineEmits<{\r\n  /** 열림 상태 변경 이벤트 */\r\n  'update:open': [open: boolean]\r\n  /** 열림 이벤트 */\r\n  openChange: [open: boolean]\r\n}>()\r\n\r\n/**\r\n * styletype -> class 매핑 (크기 포함)\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, { class: string }> = {\r\n  // 기본 스타일\r\n  'default': { class: 'w-72 p-4' },\r\n  'default-sm': { class: 'w-48 p-2' },\r\n  'default-lg': { class: 'w-96 p-6' },\r\n  'default-xl': { class: 'w-[32rem] p-8' },\r\n  \r\n  // 카드 스타일\r\n  'card': { class: 'w-72 p-4 border-2 shadow-lg' },\r\n  'card-sm': { class: 'w-48 p-2 border-2 shadow-lg' },\r\n  'card-lg': { class: 'w-96 p-6 border-2 shadow-lg' },\r\n  'card-xl': { class: 'w-[32rem] p-8 border-2 shadow-lg' },\r\n  \r\n  // 미니멀 스타일\r\n  'minimal': { class: 'w-72 p-4 border-0 shadow-sm' },\r\n  'minimal-sm': { class: 'w-48 p-2 border-0 shadow-sm' },\r\n  'minimal-lg': { class: 'w-96 p-6 border-0 shadow-sm' },\r\n  'minimal-xl': { class: 'w-[32rem] p-8 border-0 shadow-sm' },\r\n  \r\n  // 아웃라인 스타일\r\n  'outlined': { class: 'w-72 p-4 border-2 border-gray-300' },\r\n  'outlined-sm': { class: 'w-48 p-2 border-2 border-gray-300' },\r\n  'outlined-lg': { class: 'w-96 p-6 border-2 border-gray-300' },\r\n  'outlined-xl': { class: 'w-[32rem] p-8 border-2 border-gray-300' },\r\n}\r\n\r\n/** 최종 바인딩: Popover 루트에 전달할 props */\r\nconst rootProps = computed(() => {\r\n  \r\n  // open이 제공되면 controlled component\r\n  // open이 없으면 defaultOpen=false (uncontrolled, 기본 닫힘)\r\n  if (props.open !== undefined) {\r\n    return {\r\n      open: props.open,\r\n      disabled: props.disabled,\r\n      modal: props.modal,\r\n    }\r\n  } else {\r\n    return {\r\n      defaultOpen: false,\r\n      disabled: props.disabled,\r\n      modal: props.modal,\r\n    }\r\n  }\r\n})\r\n\r\n/** PopoverTrigger에 전달할 props */\r\nconst triggerProps = computed(() => {\r\n  return {\r\n    disabled: props.disabled,\r\n  }\r\n})\r\n\r\n/** PopoverContent에 전달할 props */\r\nconst contentProps = computed(() => {\r\n  const propsObj: Record<string, any> = {\r\n    side: props.position,\r\n    align: props.align,\r\n    sideOffset: props.sideOffset,\r\n    alignOffset: props.alignOffset,\r\n    avoidCollisions: true,\r\n    collisionSide: true,\r\n    collisionAlign: true,\r\n    collisionPadding: 0,\r\n    sticky: 'partial',\r\n    hideWhenDetached: false,\r\n  }\r\n  \r\n  // modal이 true일 때 외부 클릭을 막음\r\n  if (props.modal === true) {\r\n    propsObj.onInteractOutside = (event: Event) => {\r\n      event.preventDefault()\r\n      event.stopPropagation()\r\n    }\r\n  }\r\n  \r\n  return propsObj\r\n})\r\n\r\n/** PopoverContent에 전달할 클래스 */\r\nconst contentClass = computed(() => {\r\n  const styleKey = props.styletype || 'default'\r\n  const stylePreset = STYLE_PRESETS[styleKey] ?? STYLE_PRESETS['default']\r\n  return stylePreset?.class || ''\r\n})\r\n\r\nconst handleOpenChange = (open: boolean) => {\r\n  emits('update:open', open)\r\n  emits('openChange', open)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Popover \r\n    v-bind=\"rootProps\"\r\n    @update:open=\"handleOpenChange\"\r\n  >\r\n    <PopoverTrigger v-bind=\"triggerProps\" as-child>\r\n      <slot name=\"trigger\" />\r\n    </PopoverTrigger>\r\n    <PopoverContent \r\n      v-bind=\"contentProps\"\r\n      :class=\"[\r\n        'z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\r\n        contentClass\r\n      ]\"\r\n    >\r\n      <slot />\r\n    </PopoverContent>\r\n  </Popover>\r\n</template>\r\n"],"names":["props","__props","emits","__emit","STYLE_PRESETS","rootProps","computed","triggerProps","contentProps","propsObj","event","contentClass","styleKey","handleOpenChange","open","_openBlock","_createBlock","_unref","_mergeProps","_createVNode","_renderSlot","_ctx","PopoverContent"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,UAAMA,IAAQC,GA+BRC,IAAQC,GAURC,IAAsD;AAAA;AAAA,MAE1D,SAAW,EAAE,OAAO,WAAA;AAAA,MACpB,cAAc,EAAE,OAAO,WAAA;AAAA,MACvB,cAAc,EAAE,OAAO,WAAA;AAAA,MACvB,cAAc,EAAE,OAAO,gBAAA;AAAA;AAAA,MAGvB,MAAQ,EAAE,OAAO,8BAAA;AAAA,MACjB,WAAW,EAAE,OAAO,8BAAA;AAAA,MACpB,WAAW,EAAE,OAAO,8BAAA;AAAA,MACpB,WAAW,EAAE,OAAO,mCAAA;AAAA;AAAA,MAGpB,SAAW,EAAE,OAAO,8BAAA;AAAA,MACpB,cAAc,EAAE,OAAO,8BAAA;AAAA,MACvB,cAAc,EAAE,OAAO,8BAAA;AAAA,MACvB,cAAc,EAAE,OAAO,mCAAA;AAAA;AAAA,MAGvB,UAAY,EAAE,OAAO,oCAAA;AAAA,MACrB,eAAe,EAAE,OAAO,oCAAA;AAAA,MACxB,eAAe,EAAE,OAAO,oCAAA;AAAA,MACxB,eAAe,EAAE,OAAO,yCAAA;AAAA,IAAyC,GAI7DC,IAAYC,EAAS,MAIrBN,EAAM,SAAS,SACV;AAAA,MACL,MAAMA,EAAM;AAAA,MACZ,UAAUA,EAAM;AAAA,MAChB,OAAOA,EAAM;AAAA,IAAA,IAGR;AAAA,MACL,aAAa;AAAA,MACb,UAAUA,EAAM;AAAA,MAChB,OAAOA,EAAM;AAAA,IAAA,CAGlB,GAGKO,IAAeD,EAAS,OACrB;AAAA,MACL,UAAUN,EAAM;AAAA,IAAA,EAEnB,GAGKQ,IAAeF,EAAS,MAAM;AAClC,YAAMG,IAAgC;AAAA,QACpC,MAAMT,EAAM;AAAA,QACZ,OAAOA,EAAM;AAAA,QACb,YAAYA,EAAM;AAAA,QAClB,aAAaA,EAAM;AAAA,QACnB,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACR,kBAAkB;AAAA,MAAA;AAIpB,aAAIA,EAAM,UAAU,OAClBS,EAAS,oBAAoB,CAACC,MAAiB;AAC7C,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AAAA,MACR,IAGKD;AAAA,IACT,CAAC,GAGKE,IAAeL,EAAS,MAAM;AAClC,YAAMM,IAAWZ,EAAM,aAAa;AAEpC,cADoBI,EAAcQ,CAAQ,KAAKR,EAAc,UACzC,SAAS;AAAA,IAC/B,CAAC,GAEKS,IAAmB,CAACC,MAAkB;AAC1C,MAAAZ,EAAM,eAAeY,CAAI,GACzBZ,EAAM,cAAcY,CAAI;AAAA,IAC1B;sBAIEC,EAAA,GAAAC,EAgBUC,MAhBVC,EAgBUb,SAfS,EAChB,iBAAaQ,EAAA,CAAgB,GAAA;AAAA,iBAE9B,MAEiB;AAAA,QAFjBM,EAEiBF,MAFjBC,EAEiBX,SAFmB,EAAE,YAAA,GAAA,CAAQ,GAAA;AAAA,qBAC5C,MAAuB;AAAA,YAAvBa,EAAuBC,EAAA,QAAA,SAAA;AAAA,UAAA;;;QAEzBF,EAQiBF,EAAAK,CAAA,GARjBJ,EAQiBV,EAAA,OAPK;AAAA,UACnB,OAAK;AAAA;YAA2cG,EAAA;AAAA,UAAA;AAAA;qBAKjd,MAAQ;AAAA,YAARS,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}

package/components/atoms/JPopover.vue2.cjs

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