@j-solution/components 1.0.0

package/components/molecules/JButtonGroup.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as S, useSlots as b, computed as y, h as k, cloneVNode as w, createBlock as m, openBlock as u, unref as d, withCtx as v, createVNode as O, createElementBlock as z, renderSlot as $, Fragment as g, renderList as A, resolveDynamicComponent as P } from "vue";
+import "../shadcn/index.js";
+import j from "../shadcn/ButtonGroupSeparator.vue.js";
+import _ from "../shadcn/ButtonGroup.vue.js";
+const F = /* @__PURE__ */ S({
+  __name: "JButtonGroup",
+  props: {
+    orientation: { default: "horizontal" },
+    showButtonSeparators: { type: Boolean, default: !0 }
+  },
+  setup(h) {
+    const a = h, B = b(), p = y(() => a.showButtonSeparators), l = (t) => !t || typeof t != "object" ? !1 : (t.props?.styletype || t.props?.styletype) === "outline", C = y(() => {
+      const t = B.default?.() || [];
+      if (!p.value) return t;
+      const n = [];
+      return t.forEach((o, r) => {
+        if (r > 0) {
+          const i = t[r - 1], c = l(i), e = l(o);
+          c || e || n.push(k(j, {
+            orientation: a.orientation === "vertical" ? "horizontal" : "vertical"
+          }));
+        }
+        let f = o;
+        if (l(o)) {
+          const i = r > 0 ? t[r - 1] : null;
+          if (!(i ? l(i) : !1) && r > 0) {
+            const e = o.props?.class || o.props?.class || "";
+            let s;
+            typeof e == "string" ? s = `${e} !border-l` : Array.isArray(e) ? s = [...e, "!border-l"] : e && typeof e == "object" ? s = { ...e, "!border-l": !0 } : s = [e, "!border-l"].filter(Boolean), f = w(o, {
+              ...o.props,
+              class: s
+            });
+          }
+        }
+        n.push(f);
+      }), n;
+    });
+    return (t, n) => (u(), m(d(_), {
+      orientation: a.orientation ?? "horizontal"
+    }, {
+      default: v(() => [
+        O(d(_), {
+          orientation: a.orientation ?? "horizontal"
+        }, {
+          default: v(() => [
+            p.value ? (u(!0), z(g, { key: 0 }, A(C.value, (o, r) => (u(), m(P(o), { key: r }))), 128)) : $(t.$slots, "default", { key: 1 })
+          ]),
+          _: 3
+        }, 8, ["orientation"])
+      ]),
+      _: 3
+    }, 8, ["orientation"]));
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=JButtonGroup.vue.js.map

package/components/molecules/JButtonGroup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JButtonGroup.vue.js","sources":["../../../../src/components/molecules/JButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { h, useSlots, computed, cloneVNode, type VNode } from 'vue'\r\nimport type { ButtonGroupVariants } from '@/components/shadcn/button-group-variants'\r\nimport { ButtonGroup, ButtonGroupSeparator } from '@/components/shadcn'\r\n\r\n// -------------------------\r\n// props 및 기본값 선언\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    orientation?: ButtonGroupVariants['orientation']  // 수평/수직\r\n    showButtonSeparators?: boolean         // 버튼 사이 separator 표시 여부 (기본값: true)\r\n  }>(),\r\n  {\r\n    orientation: 'horizontal',\r\n    showButtonSeparators: true\r\n  }\r\n)\r\n\r\n// useSlots로 하위 슬롯 노드 접근\r\nconst slots = useSlots()\r\n\r\n// 버튼 사이 separator 표시 여부\r\nconst shouldShowButtonSeparators = computed(() => props.showButtonSeparators)\r\n\r\n// 버튼의 styletype이 outline인지 확인\r\nconst isButtonOutline = (child: any): boolean => {\r\n  if (!child || typeof child !== 'object') return false\r\n  \r\n  // props에서 styletype 확인\r\n  const styletype = child.props?.styletype || child.props?.['styletype']\r\n  return styletype === 'outline'\r\n}\r\n\r\n// slot으로 받은 버튼 리스트에 버튼 사이마다 separator를 자동 삽입\r\n// outline 버튼의 양옆에는 구분선을 넣지 않음 (outline은 자체 경계가 있어 구분선이 중복됨)\r\n// outline 버튼이 양옆에 구분선이 없을 때는 왼쪽 border를 복원해야 함\r\nconst slotWithSeparators = computed(() => {\r\n  const children = slots.default?.() || []\r\n  if (!shouldShowButtonSeparators.value) return children\r\n  \r\n  const result: VNode[] = []\r\n  children.forEach((child: VNode, idx: number) => {\r\n    if (idx > 0) {\r\n      // 이전 버튼과 현재 버튼 확인\r\n      const prevChild = children[idx - 1]\r\n      const isPrevOutline = isButtonOutline(prevChild)\r\n      const isCurrentOutline = isButtonOutline(child)\r\n      \r\n      // outline 버튼이 포함되지 않을 때만 구분선 추가\r\n      // (outline 버튼은 자체 경계가 있어 양옆에 구분선이 필요 없음)\r\n      if (!(isPrevOutline || isCurrentOutline)) {\r\n        result.push(h(ButtonGroupSeparator, {\r\n          orientation: props.orientation === 'vertical' ? 'horizontal' : 'vertical'\r\n        }))\r\n      }\r\n    }\r\n    \r\n    // outline 버튼이 양옆에 구분선이 없을 때 왼쪽 border 복원\r\n    let childToAdd = child\r\n    if (isButtonOutline(child)) {\r\n      const prevChild = idx > 0 ? children[idx - 1] : null\r\n      const isPrevOutline = prevChild ? isButtonOutline(prevChild) : false\r\n      \r\n      // 이전 버튼이 outline이 아니고 (구분선이 없음), 현재 버튼이 첫 번째가 아니면 왼쪽 border 복원\r\n      if (!isPrevOutline && idx > 0) {\r\n        // VNode를 복제하면서 class 추가\r\n        const existingClass = child.props?.class || child.props?.['class'] || ''\r\n        let newClass: string | Array<string | object> | object\r\n        \r\n        if (typeof existingClass === 'string') {\r\n          // 문자열인 경우: 공백으로 구분하여 추가\r\n          newClass = `${existingClass} !border-l`\r\n        } else if (Array.isArray(existingClass)) {\r\n          // 배열인 경우: 새 클래스를 배열에 추가\r\n          newClass = [...existingClass, '!border-l']\r\n        } else if (existingClass && typeof existingClass === 'object') {\r\n          // 객체인 경우: 객체에 border-l 클래스 추가\r\n          newClass = { ...existingClass, '!border-l': true }\r\n        } else {\r\n          // 기타 경우: 배열로 변환\r\n          newClass = [existingClass, '!border-l'].filter(Boolean)\r\n        }\r\n        \r\n        // cloneVNode를 사용하여 VNode를 복제하고 props 수정\r\n        childToAdd = cloneVNode(child, {\r\n          ...child.props,\r\n          class: newClass\r\n        })\r\n      }\r\n    }\r\n    \r\n    result.push(childToAdd)\r\n  })\r\n  return result\r\n})\r\n</script>\r\n\r\n<template>\r\n  <!-- 바깥 ButtonGroup: 버튼 모음 내부 그룹을 수직/수평으로 감쌈 -->\r\n  <ButtonGroup :orientation=\"props.orientation ?? 'horizontal'\">\r\n    <!-- 내부 ButtonGroup: 버튼들 렌더 + 필요시 버튼 사이 separator 자동 삽입 -->\r\n    <ButtonGroup :orientation=\"props.orientation ?? 'horizontal'\">\r\n      <template v-if=\"shouldShowButtonSeparators\">\r\n        <template v-for=\"(vnode, _idx) in slotWithSeparators\" :key=\"_idx\">\r\n          <component :is=\"vnode\" />\r\n        </template>\r\n      </template>\r\n      <slot v-else />\r\n    </ButtonGroup>\r\n  </ButtonGroup>\r\n</template>\r\n\r\n\r\n"],"names":["props","__props","slots","useSlots","shouldShowButtonSeparators","computed","isButtonOutline","child","slotWithSeparators","children","result","idx","prevChild","isPrevOutline","isCurrentOutline","h","ButtonGroupSeparator","childToAdd","existingClass","newClass","cloneVNode","_createBlock","_unref","ButtonGroup","_createVNode","_openBlock","_createElementBlock","_Fragment","_renderList","vnode","_idx","_resolveDynamicComponent","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAOA,UAAMA,IAAQC,GAYRC,IAAQC,EAAA,GAGRC,IAA6BC,EAAS,MAAML,EAAM,oBAAoB,GAGtEM,IAAkB,CAACC,MACnB,CAACA,KAAS,OAAOA,KAAU,WAAiB,MAG9BA,EAAM,OAAO,aAAaA,EAAM,OAAQ,eACrC,WAMjBC,IAAqBH,EAAS,MAAM;AACxC,YAAMI,IAAWP,EAAM,UAAA,KAAe,CAAA;AACtC,UAAI,CAACE,EAA2B,MAAO,QAAOK;AAE9C,YAAMC,IAAkB,CAAA;AACxB,aAAAD,EAAS,QAAQ,CAACF,GAAcI,MAAgB;AAC9C,YAAIA,IAAM,GAAG;AAEX,gBAAMC,IAAYH,EAASE,IAAM,CAAC,GAC5BE,IAAgBP,EAAgBM,CAAS,GACzCE,IAAmBR,EAAgBC,CAAK;AAI9C,UAAMM,KAAiBC,KACrBJ,EAAO,KAAKK,EAAEC,GAAsB;AAAA,YAClC,aAAahB,EAAM,gBAAgB,aAAa,eAAe;AAAA,UAAA,CAChE,CAAC;AAAA,QAEN;AAGA,YAAIiB,IAAaV;AACjB,YAAID,EAAgBC,CAAK,GAAG;AAC1B,gBAAMK,IAAYD,IAAM,IAAIF,EAASE,IAAM,CAAC,IAAI;AAIhD,cAAI,EAHkBC,IAAYN,EAAgBM,CAAS,IAAI,OAGzCD,IAAM,GAAG;AAE7B,kBAAMO,IAAgBX,EAAM,OAAO,SAASA,EAAM,OAAQ,SAAY;AACtE,gBAAIY;AAEJ,YAAI,OAAOD,KAAkB,WAE3BC,IAAW,GAAGD,CAAa,eAClB,MAAM,QAAQA,CAAa,IAEpCC,IAAW,CAAC,GAAGD,GAAe,WAAW,IAChCA,KAAiB,OAAOA,KAAkB,WAEnDC,IAAW,EAAE,GAAGD,GAAe,aAAa,GAAA,IAG5CC,IAAW,CAACD,GAAe,WAAW,EAAE,OAAO,OAAO,GAIxDD,IAAaG,EAAWb,GAAO;AAAA,cAC7B,GAAGA,EAAM;AAAA,cACT,OAAOY;AAAA,YAAA,CACR;AAAA,UACH;AAAA,QACF;AAEA,QAAAT,EAAO,KAAKO,CAAU;AAAA,MACxB,CAAC,GACMP;AAAA,IACT,CAAC;2BAKCW,EAUcC,EAAAC,CAAA,GAAA;AAAA,MAVA,aAAavB,EAAM,eAAW;AAAA,IAAA;iBAE1C,MAOc;AAAA,QAPdwB,EAOcF,EAAAC,CAAA,GAAA;AAAA,UAPA,aAAavB,EAAM,eAAW;AAAA,QAAA;qBAC1C,MAIW;AAAA,YAJKI,EAAA,SACdqB,EAAA,EAAA,GAAAC,EAEWC,GAAA,EAAA,KAAA,EAAA,GAAAC,EAFuBpB,EAAA,OAAkB,CAAlCqB,GAAOC,YACvBT,EAAyBU,EAATF,CAAK,GAAA,EAAA,KADqCC,GAAI,aAIlEE,EAAeC,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;AAAA,UAAA;;;;;;;;"}

package/components/molecules/JButtonGroup.vue2.cjs

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

package/components/molecules/JButtonGroup.vue2.cjs.map

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

package/components/molecules/JButtonGroup.vue2.js

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

package/components/molecules/JButtonGroup.vue2.js.map

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

package/components/molecules/JCard.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 o=require("../../lib/utils.cjs"),a=require("../shadcn/Card.vue.cjs"),n=require("../shadcn/CardHeader.vue.cjs"),c=require("../shadcn/CardTitle.vue.cjs"),l=require("../shadcn/CardDescription.vue.cjs"),i=require("../shadcn/CardContent.vue.cjs"),s=require("../shadcn/CardFooter.vue.cjs"),d=e.defineComponent({__name:"JCard",props:{class:{},title:{},description:{},footer:{}},setup(t){const r=t;return(u,_)=>(e.openBlock(),e.createBlock(e.unref(a.default),{class:e.normalizeClass(e.unref(o.cn)(r.class))},{default:e.withCtx(()=>[t.title||t.description?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0},{default:e.withCtx(()=>[t.title?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})):e.createCommentVNode("",!0),t.description?(e.openBlock(),e.createBlock(e.unref(l.default),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.description),1)]),_:1})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3}),t.footer?(e.openBlock(),e.createBlock(e.unref(s.default),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.footer),1)]),_:1})):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.default=d;
+//# sourceMappingURL=JCard.vue.cjs.map

package/components/molecules/JCard.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JCard.vue.cjs","sources":["../../../../src/components/molecules/JCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/shadcn'\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Card 자체의 클래스 */\r\n    class?: HTMLAttributes[\"class\"]\r\n    /** 카드 제목 */\r\n    title?: string\r\n    /** 카드 설명 */\r\n    description?: string\r\n    /** 카드 푸터 텍스트 */\r\n    footer?: string\r\n  }>(),\r\n  {}\r\n)\r\n</script>\r\n\r\n<template>\r\n  <Card :class=\"cn(props.class)\">\r\n    <!-- Header가 있는 경우에만 렌더링 -->\r\n    <CardHeader v-if=\"title || description\">\r\n      <CardTitle v-if=\"title\">{{ title }}</CardTitle>\r\n      <CardDescription v-if=\"description\">{{ description }}</CardDescription>\r\n    </CardHeader>\r\n\r\n    <!-- Content -->\r\n    <CardContent>\r\n      <slot />\r\n    </CardContent>\r\n\r\n    <!-- Footer가 있는 경우에만 렌더링 -->\r\n    <CardFooter v-if=\"footer\">\r\n      {{ footer }}\r\n    </CardFooter>\r\n  </Card>\r\n</template>\r\n"],"names":["props","__props","_createBlock","_unref","Card","_normalizeClass","cn","CardHeader","CardTitle","CardDescription","_createVNode","CardContent","_renderSlot","_ctx","CardFooter"],"mappings":"oiBAKA,MAAMA,EAAQC,8BAgBZC,EAAAA,YAgBOC,EAAAA,MAAAC,EAAAA,OAAA,EAAA,CAhBA,MAAKC,EAAAA,eAAEF,EAAAA,MAAAG,EAAAA,EAAA,EAAGN,EAAM,KAAK,CAAA,CAAA,qBAE1B,IAGa,CAHKC,EAAA,OAASA,EAAA,2BAA3BC,cAGaC,EAAAA,MAAAI,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAFX,IAA+C,CAA9BN,EAAA,qBAAjBC,EAAAA,YAA+CC,QAAAK,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAAvB,IAAW,qCAARP,EAAA,KAAK,EAAA,CAAA,CAAA,sCACTA,EAAA,2BAAvBC,EAAAA,YAAuEC,QAAAM,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBAAnC,IAAiB,qCAAdR,EAAA,WAAW,EAAA,CAAA,CAAA,2EAIpDS,EAAAA,YAEcP,EAAAA,MAAAQ,SAAA,EAAA,KAAA,mBADZ,IAAQ,CAARC,aAAQC,EAAA,OAAA,SAAA,CAAA,SAIQZ,EAAA,sBAAlBC,EAAAA,YAEaC,QAAAW,EAAAA,OAAA,EAAA,CAAA,IAAA,GAAA,mBADX,IAAY,qCAATb,EAAA,MAAM,EAAA,CAAA,CAAA"}

package/components/molecules/JCard.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent as l, createBlock as r, openBlock as i, unref as e, normalizeClass as s, withCtx as o, createCommentVNode as a, createVNode as d, createTextVNode as m, toDisplayString as f, renderSlot as u } from "vue";
+import "../shadcn/index.js";
+import { cn as _ } from "../../lib/utils.js";
+import $ from "../shadcn/Card.vue.js";
+import k from "../shadcn/CardHeader.vue.js";
+import p from "../shadcn/CardTitle.vue.js";
+import y from "../shadcn/CardDescription.vue.js";
+import C from "../shadcn/CardContent.vue.js";
+import x from "../shadcn/CardFooter.vue.js";
+const T = /* @__PURE__ */ l({
+  __name: "JCard",
+  props: {
+    class: {},
+    title: {},
+    description: {},
+    footer: {}
+  },
+  setup(t) {
+    const n = t;
+    return (c, N) => (i(), r(e($), {
+      class: s(e(_)(n.class))
+    }, {
+      default: o(() => [
+        t.title || t.description ? (i(), r(e(k), { key: 0 }, {
+          default: o(() => [
+            t.title ? (i(), r(e(p), { key: 0 }, {
+              default: o(() => [
+                m(f(t.title), 1)
+              ]),
+              _: 1
+            })) : a("", !0),
+            t.description ? (i(), r(e(y), { key: 1 }, {
+              default: o(() => [
+                m(f(t.description), 1)
+              ]),
+              _: 1
+            })) : a("", !0)
+          ]),
+          _: 1
+        })) : a("", !0),
+        d(e(C), null, {
+          default: o(() => [
+            u(c.$slots, "default")
+          ]),
+          _: 3
+        }),
+        t.footer ? (i(), r(e(x), { key: 1 }, {
+          default: o(() => [
+            m(f(t.footer), 1)
+          ]),
+          _: 1
+        })) : a("", !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=JCard.vue.js.map

package/components/molecules/JCard.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JCard.vue.js","sources":["../../../../src/components/molecules/JCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/shadcn'\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Card 자체의 클래스 */\r\n    class?: HTMLAttributes[\"class\"]\r\n    /** 카드 제목 */\r\n    title?: string\r\n    /** 카드 설명 */\r\n    description?: string\r\n    /** 카드 푸터 텍스트 */\r\n    footer?: string\r\n  }>(),\r\n  {}\r\n)\r\n</script>\r\n\r\n<template>\r\n  <Card :class=\"cn(props.class)\">\r\n    <!-- Header가 있는 경우에만 렌더링 -->\r\n    <CardHeader v-if=\"title || description\">\r\n      <CardTitle v-if=\"title\">{{ title }}</CardTitle>\r\n      <CardDescription v-if=\"description\">{{ description }}</CardDescription>\r\n    </CardHeader>\r\n\r\n    <!-- Content -->\r\n    <CardContent>\r\n      <slot />\r\n    </CardContent>\r\n\r\n    <!-- Footer가 있는 경우에만 렌더링 -->\r\n    <CardFooter v-if=\"footer\">\r\n      {{ footer }}\r\n    </CardFooter>\r\n  </Card>\r\n</template>\r\n"],"names":["props","__props","_createBlock","_unref","Card","_normalizeClass","cn","CardHeader","CardTitle","CardDescription","_createVNode","CardContent","_renderSlot","_ctx","CardFooter"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC;2BAgBZC,EAgBOC,EAAAC,CAAA,GAAA;AAAA,MAhBA,OAAKC,EAAEF,EAAAG,CAAA,EAAGN,EAAM,KAAK,CAAA;AAAA,IAAA;iBAE1B,MAGa;AAAA,QAHKC,EAAA,SAASA,EAAA,oBAA3BC,EAGaC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBAFX,MAA+C;AAAA,YAA9BN,EAAA,cAAjBC,EAA+CC,EAAAK,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBAAvB,MAAW;AAAA,oBAARP,EAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;;YACTA,EAAA,oBAAvBC,EAAuEC,EAAAM,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBAAnC,MAAiB;AAAA,oBAAdR,EAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;;;;;QAIpDS,EAEcP,EAAAQ,CAAA,GAAA,MAAA;AAAA,qBADZ,MAAQ;AAAA,YAARC,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;QAIQZ,EAAA,eAAlBC,EAEaC,EAAAW,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBADX,MAAY;AAAA,gBAATb,EAAA,MAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;;"}

package/components/molecules/JCard.vue2.cjs

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

package/components/molecules/JCard.vue2.cjs.map

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

package/components/molecules/JCard.vue2.js

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

package/components/molecules/JCard.vue2.js.map

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

package/components/molecules/JContextMenu.vue.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JContextMenu.vue2.cjs");;/* empty css                    */const t = (t_comp, t_opts) => {
+  const t_merged = t_comp.__vccOpts || t_comp;
+  for (const [t_key, t_val] of t_opts)
+    t_merged[t_key] = t_val;
+  return t_merged;
+};,u=t(e.default,[["__scopeId","data-v-3df93fe9"]]);exports.default=u;
+//# sourceMappingURL=JContextMenu.vue.cjs.map

package/components/molecules/JContextMenu.vue.cjs.map

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

package/components/molecules/JContextMenu.vue.js

@@ -0,0 +1,13 @@
+import o from "./JContextMenu.vue2.js";
+/* empty css                  */
+const t = (t_comp, t_opts) => {
+  const t_merged = t_comp.__vccOpts || t_comp;
+  for (const [t_key, t_val] of t_opts)
+    t_merged[t_key] = t_val;
+  return t_merged;
+};
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3df93fe9"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=JContextMenu.vue.js.map

package/components/molecules/JContextMenu.vue.js.map

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

package/components/molecules/JContextMenu.vue2.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 p=require("../atoms/JKbd.vue.cjs"),C=require("../shadcn/ContextMenu.vue.cjs"),v=require("../shadcn/ContextMenuTrigger.vue.cjs"),y=require("../shadcn/ContextMenuContent.vue.cjs"),B=require("../shadcn/ContextMenuLabel.vue.cjs"),g=require("../shadcn/ContextMenuGroup.vue.cjs"),x=require("../shadcn/ContextMenuSub.vue.cjs"),m=require("../shadcn/ContextMenuSubTrigger.vue.cjs"),b=require("../shadcn/ContextMenuSubContent.vue.cjs"),f=require("../shadcn/ContextMenuItem.vue.cjs"),a=require("../shadcn/ContextMenuSeparator.vue.cjs"),N=e.defineComponent({__name:"JContextMenu",props:{items:{default:()=>[]},disabled:{type:Boolean,default:!1},class:{}},emits:["select","open","close"],setup(c,{emit:k}){const s=c,o=k,d=e.computed(()=>s.items),i=l=>{l.disabled||(o("select",l.id),l.onClick&&l.onClick())};return(l,n)=>(e.openBlock(),e.createBlock(e.unref(C.default),null,{default:e.withCtx(()=>[e.createVNode(e.unref(v.default),{disabled:c.disabled,class:e.normalizeClass(s.class)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},8,["disabled","class"]),e.createVNode(e.unref(y.default),{onPointerDownOutside:n[0]||(n[0]=u=>o("close")),onEscapeKeyDown:n[1]||(n[1]=u=>o("close")),onFocusOutside:n[2]||(n[2]=u=>o("close"))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(u,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:_},[u.label?(e.openBlock(),e.createBlock(e.unref(B.default),{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1024)):e.createCommentVNode("",!0),e.createVNode(e.unref(g.default),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.items,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.id},[t.children&&t.children.length>0?(e.openBlock(),e.createBlock(e.unref(x.default),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{disabled:t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["disabled"]),e.createVNode(e.unref(b.default),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.id},[e.createVNode(e.unref(f.default),{disabled:r.disabled,onClick:V=>i(r)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"item",{item:r},()=>[e.createTextVNode(e.toDisplayString(r.label),1)],!0),r.shortcut?(e.openBlock(),e.createBlock(p.default,{key:0,size:"sm",class:"ml-auto"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.shortcut),1)]),_:2},1024)):e.createCommentVNode("",!0)]),_:2},1032,["disabled","onClick"]),r.separator?(e.openBlock(),e.createBlock(e.unref(a.default),{key:0})):e.createCommentVNode("",!0)],64))),128))]),_:2},1024)]),_:2},1024)):(e.openBlock(),e.createBlock(e.unref(f.default),{key:1,disabled:t.disabled,onClick:r=>i(t)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"item",{item:t},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0),t.shortcut?(e.openBlock(),e.createBlock(p.default,{key:0,size:"sm",class:"ml-auto"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.shortcut),1)]),_:2},1024)):e.createCommentVNode("",!0)]),_:2},1032,["disabled","onClick"])),t.separator?(e.openBlock(),e.createBlock(e.unref(a.default),{key:2})):e.createCommentVNode("",!0)],64))),128))]),_:2},1024),_<d.value.length-1?(e.openBlock(),e.createBlock(e.unref(a.default),{key:1})):e.createCommentVNode("",!0)],64))),128))]),_:3})]),_:3}))}});exports.default=N;
+//# sourceMappingURL=JContextMenu.vue2.cjs.map

package/components/molecules/JContextMenu.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JContextMenu.vue2.cjs","sources":["../../../../src/components/molecules/JContextMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport {\r\n  ContextMenu,\r\n  ContextMenuContent,\r\n  ContextMenuGroup,\r\n  ContextMenuItem,\r\n  ContextMenuLabel,\r\n  ContextMenuSeparator,\r\n  ContextMenuSub,\r\n  ContextMenuSubContent,\r\n  ContextMenuSubTrigger,\r\n  ContextMenuTrigger\r\n} from '@/components/shadcn'\r\nimport JKbd from '@/components/atoms/JKbd.vue'\r\nimport type { JContextMenuProps, ContextMenuItem as ContextMenuItemType } from '@/types/context-menu.types'\r\n\r\n/**\r\n * JContextMenu 컴포넌트\r\n * \r\n * shadcn-vue의 Context Menu를 래핑한 사용하기 쉬운 컨텍스트 메뉴 컴포넌트입니다.\r\n * 우클릭 시 나타나는 메뉴를 간단하게 구현할 수 있습니다.\r\n * \r\n * @reference https://www.shadcn-vue.com/docs/components/context-menu.html\r\n * \r\n * @emits select - 메뉴 아이템 선택 시\r\n * @emits open - 메뉴 열림\r\n * @emits close - 메뉴 닫힘\r\n */\r\n\r\nconst props = withDefaults(defineProps<JContextMenuProps>(), {\r\n  items: () => [],\r\n  disabled: false\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  select: [itemId: string]\r\n  open: []\r\n  close: []\r\n}>()\r\n\r\n/**\r\n * 메뉴 구조 계산 - items를 그대로 사용\r\n */\r\nconst menuStructure = computed(() => {\r\n  return props.items\r\n})\r\n\r\n/**\r\n * 아이템 클릭 핸들러\r\n */\r\nconst handleItemClick = (item: ContextMenuItemType) => {\r\n  if (item.disabled) return\r\n  \r\n  emit('select', item.id)\r\n  \r\n  if (item.onClick) {\r\n    item.onClick()\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <ContextMenu>\r\n    <ContextMenuTrigger :disabled=\"disabled\" :class=\"props.class\">\r\n      <slot />\r\n    </ContextMenuTrigger>\r\n    \r\n    <ContextMenuContent\r\n      @pointer-down-outside=\"emit('close')\"\r\n      @escape-key-down=\"emit('close')\"\r\n      @focus-outside=\"emit('close')\"\r\n    >\r\n      <template v-for=\"(group, groupIndex) in menuStructure\" :key=\"groupIndex\">\r\n        <!-- 그룹 라벨 -->\r\n        <ContextMenuLabel v-if=\"group.label\">\r\n          {{ group.label }}\r\n        </ContextMenuLabel>\r\n        \r\n        <ContextMenuGroup>\r\n          <template v-for=\"item in group.items\" :key=\"item.id\">\r\n            <!-- 서브메뉴가 있는 경우 -->\r\n            <ContextMenuSub v-if=\"item.children && item.children.length > 0\">\r\n              <ContextMenuSubTrigger :disabled=\"item.disabled\">\r\n                {{ item.label }}\r\n              </ContextMenuSubTrigger>\r\n              <ContextMenuSubContent>\r\n                <template v-for=\"subItem in item.children\" :key=\"subItem.id\">\r\n                  <!-- 일반 서브 아이템 -->\r\n                  <ContextMenuItem\r\n                    :disabled=\"subItem.disabled\"\r\n                    @click=\"handleItemClick(subItem)\"\r\n                  >\r\n                    <slot name=\"item\" :item=\"subItem\">\r\n                      {{ subItem.label }}\r\n                    </slot>\r\n                    <JKbd v-if=\"subItem.shortcut\" size=\"sm\" class=\"ml-auto\">\r\n                      {{ subItem.shortcut }}\r\n                    </JKbd>\r\n                  </ContextMenuItem>\r\n                  <ContextMenuSeparator v-if=\"subItem.separator\" />\r\n                </template>\r\n              </ContextMenuSubContent>\r\n            </ContextMenuSub>\r\n\r\n            <!-- 일반 아이템 -->\r\n            <ContextMenuItem\r\n              v-else\r\n              :disabled=\"item.disabled\"\r\n              @click=\"handleItemClick(item)\"\r\n            >\r\n              <slot name=\"item\" :item=\"item\">\r\n                {{ item.label }}\r\n              </slot>\r\n              <JKbd v-if=\"item.shortcut\" size=\"sm\" class=\"ml-auto\">\r\n                {{ item.shortcut }}\r\n              </JKbd>\r\n            </ContextMenuItem>\r\n            <ContextMenuSeparator v-if=\"item.separator\" />\r\n          </template>\r\n        </ContextMenuGroup>\r\n        \r\n        <!-- 그룹 구분선 -->\r\n        <ContextMenuSeparator v-if=\"groupIndex < menuStructure.length - 1\" />\r\n      </template>\r\n    </ContextMenuContent>\r\n  </ContextMenu>\r\n</template>\r\n\r\n<style scoped>\r\n/* 추가 스타일이 필요한 경우 여기에 작성 */\r\n</style>\r\n\r\n"],"names":["props","__props","emit","__emit","menuStructure","computed","handleItemClick","item","_createBlock","_unref","ContextMenu","_createVNode","ContextMenuTrigger","_normalizeClass","_renderSlot","_ctx","ContextMenuContent","_openBlock","_createElementBlock","_Fragment","_renderList","group","groupIndex","ContextMenuLabel","_createTextVNode","_toDisplayString","ContextMenuGroup","ContextMenuSub","ContextMenuSubTrigger","ContextMenuSubContent","subItem","ContextMenuItem","$event","JKbd","ContextMenuSeparator"],"mappings":"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"}

package/components/molecules/JContextMenu.vue2.js

@@ -0,0 +1,138 @@
+import { defineComponent as N, computed as S, createBlock as s, openBlock as e, unref as t, withCtx as r, createVNode as i, normalizeClass as V, renderSlot as k, createElementBlock as u, Fragment as f, renderList as $, createCommentVNode as c, createTextVNode as m, toDisplayString as _ } from "vue";
+import "../shadcn/index.js";
+import w from "../atoms/JKbd.vue.js";
+import E from "../shadcn/ContextMenu.vue.js";
+import F from "../shadcn/ContextMenuTrigger.vue.js";
+import O from "../shadcn/ContextMenuContent.vue.js";
+import g from "../shadcn/ContextMenuLabel.vue.js";
+import x from "../shadcn/ContextMenuGroup.vue.js";
+import J from "../shadcn/ContextMenuSub.vue.js";
+import K from "../shadcn/ContextMenuSubTrigger.vue.js";
+import L from "../shadcn/ContextMenuSubContent.vue.js";
+import z from "../shadcn/ContextMenuItem.vue.js";
+import y from "../shadcn/ContextMenuSeparator.vue.js";
+const Z = /* @__PURE__ */ N({
+  __name: "JContextMenu",
+  props: {
+    items: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    class: {}
+  },
+  emits: ["select", "open", "close"],
+  setup(b, { emit: D }) {
+    const C = b, p = D, v = S(() => C.items), h = (a) => {
+      a.disabled || (p("select", a.id), a.onClick && a.onClick());
+    };
+    return (a, n) => (e(), s(t(E), null, {
+      default: r(() => [
+        i(t(F), {
+          disabled: b.disabled,
+          class: V(C.class)
+        }, {
+          default: r(() => [
+            k(a.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["disabled", "class"]),
+        i(t(O), {
+          onPointerDownOutside: n[0] || (n[0] = (d) => p("close")),
+          onEscapeKeyDown: n[1] || (n[1] = (d) => p("close")),
+          onFocusOutside: n[2] || (n[2] = (d) => p("close"))
+        }, {
+          default: r(() => [
+            (e(!0), u(f, null, $(v.value, (d, B) => (e(), u(f, { key: B }, [
+              d.label ? (e(), s(t(g), { key: 0 }, {
+                default: r(() => [
+                  m(_(d.label), 1)
+                ]),
+                _: 2
+              }, 1024)) : c("", !0),
+              i(t(x), null, {
+                default: r(() => [
+                  (e(!0), u(f, null, $(d.items, (l) => (e(), u(f, {
+                    key: l.id
+                  }, [
+                    l.children && l.children.length > 0 ? (e(), s(t(J), { key: 0 }, {
+                      default: r(() => [
+                        i(t(K), {
+                          disabled: l.disabled
+                        }, {
+                          default: r(() => [
+                            m(_(l.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled"]),
+                        i(t(L), null, {
+                          default: r(() => [
+                            (e(!0), u(f, null, $(l.children, (o) => (e(), u(f, {
+                              key: o.id
+                            }, [
+                              i(t(z), {
+                                disabled: o.disabled,
+                                onClick: (M) => h(o)
+                              }, {
+                                default: r(() => [
+                                  k(a.$slots, "item", { item: o }, () => [
+                                    m(_(o.label), 1)
+                                  ], !0),
+                                  o.shortcut ? (e(), s(w, {
+                                    key: 0,
+                                    size: "sm",
+                                    class: "ml-auto"
+                                  }, {
+                                    default: r(() => [
+                                      m(_(o.shortcut), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024)) : c("", !0)
+                                ]),
+                                _: 2
+                              }, 1032, ["disabled", "onClick"]),
+                              o.separator ? (e(), s(t(y), { key: 0 })) : c("", !0)
+                            ], 64))), 128))
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024)) : (e(), s(t(z), {
+                      key: 1,
+                      disabled: l.disabled,
+                      onClick: (o) => h(l)
+                    }, {
+                      default: r(() => [
+                        k(a.$slots, "item", { item: l }, () => [
+                          m(_(l.label), 1)
+                        ], !0),
+                        l.shortcut ? (e(), s(w, {
+                          key: 0,
+                          size: "sm",
+                          class: "ml-auto"
+                        }, {
+                          default: r(() => [
+                            m(_(l.shortcut), 1)
+                          ]),
+                          _: 2
+                        }, 1024)) : c("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "onClick"])),
+                    l.separator ? (e(), s(t(y), { key: 2 })) : c("", !0)
+                  ], 64))), 128))
+                ]),
+                _: 2
+              }, 1024),
+              B < v.value.length - 1 ? (e(), s(t(y), { key: 1 })) : c("", !0)
+            ], 64))), 128))
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  Z as default
+};
+//# sourceMappingURL=JContextMenu.vue2.js.map

package/components/molecules/JContextMenu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JContextMenu.vue2.js","sources":["../../../../src/components/molecules/JContextMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport {\r\n  ContextMenu,\r\n  ContextMenuContent,\r\n  ContextMenuGroup,\r\n  ContextMenuItem,\r\n  ContextMenuLabel,\r\n  ContextMenuSeparator,\r\n  ContextMenuSub,\r\n  ContextMenuSubContent,\r\n  ContextMenuSubTrigger,\r\n  ContextMenuTrigger\r\n} from '@/components/shadcn'\r\nimport JKbd from '@/components/atoms/JKbd.vue'\r\nimport type { JContextMenuProps, ContextMenuItem as ContextMenuItemType } from '@/types/context-menu.types'\r\n\r\n/**\r\n * JContextMenu 컴포넌트\r\n * \r\n * shadcn-vue의 Context Menu를 래핑한 사용하기 쉬운 컨텍스트 메뉴 컴포넌트입니다.\r\n * 우클릭 시 나타나는 메뉴를 간단하게 구현할 수 있습니다.\r\n * \r\n * @reference https://www.shadcn-vue.com/docs/components/context-menu.html\r\n * \r\n * @emits select - 메뉴 아이템 선택 시\r\n * @emits open - 메뉴 열림\r\n * @emits close - 메뉴 닫힘\r\n */\r\n\r\nconst props = withDefaults(defineProps<JContextMenuProps>(), {\r\n  items: () => [],\r\n  disabled: false\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  select: [itemId: string]\r\n  open: []\r\n  close: []\r\n}>()\r\n\r\n/**\r\n * 메뉴 구조 계산 - items를 그대로 사용\r\n */\r\nconst menuStructure = computed(() => {\r\n  return props.items\r\n})\r\n\r\n/**\r\n * 아이템 클릭 핸들러\r\n */\r\nconst handleItemClick = (item: ContextMenuItemType) => {\r\n  if (item.disabled) return\r\n  \r\n  emit('select', item.id)\r\n  \r\n  if (item.onClick) {\r\n    item.onClick()\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <ContextMenu>\r\n    <ContextMenuTrigger :disabled=\"disabled\" :class=\"props.class\">\r\n      <slot />\r\n    </ContextMenuTrigger>\r\n    \r\n    <ContextMenuContent\r\n      @pointer-down-outside=\"emit('close')\"\r\n      @escape-key-down=\"emit('close')\"\r\n      @focus-outside=\"emit('close')\"\r\n    >\r\n      <template v-for=\"(group, groupIndex) in menuStructure\" :key=\"groupIndex\">\r\n        <!-- 그룹 라벨 -->\r\n        <ContextMenuLabel v-if=\"group.label\">\r\n          {{ group.label }}\r\n        </ContextMenuLabel>\r\n        \r\n        <ContextMenuGroup>\r\n          <template v-for=\"item in group.items\" :key=\"item.id\">\r\n            <!-- 서브메뉴가 있는 경우 -->\r\n            <ContextMenuSub v-if=\"item.children && item.children.length > 0\">\r\n              <ContextMenuSubTrigger :disabled=\"item.disabled\">\r\n                {{ item.label }}\r\n              </ContextMenuSubTrigger>\r\n              <ContextMenuSubContent>\r\n                <template v-for=\"subItem in item.children\" :key=\"subItem.id\">\r\n                  <!-- 일반 서브 아이템 -->\r\n                  <ContextMenuItem\r\n                    :disabled=\"subItem.disabled\"\r\n                    @click=\"handleItemClick(subItem)\"\r\n                  >\r\n                    <slot name=\"item\" :item=\"subItem\">\r\n                      {{ subItem.label }}\r\n                    </slot>\r\n                    <JKbd v-if=\"subItem.shortcut\" size=\"sm\" class=\"ml-auto\">\r\n                      {{ subItem.shortcut }}\r\n                    </JKbd>\r\n                  </ContextMenuItem>\r\n                  <ContextMenuSeparator v-if=\"subItem.separator\" />\r\n                </template>\r\n              </ContextMenuSubContent>\r\n            </ContextMenuSub>\r\n\r\n            <!-- 일반 아이템 -->\r\n            <ContextMenuItem\r\n              v-else\r\n              :disabled=\"item.disabled\"\r\n              @click=\"handleItemClick(item)\"\r\n            >\r\n              <slot name=\"item\" :item=\"item\">\r\n                {{ item.label }}\r\n              </slot>\r\n              <JKbd v-if=\"item.shortcut\" size=\"sm\" class=\"ml-auto\">\r\n                {{ item.shortcut }}\r\n              </JKbd>\r\n            </ContextMenuItem>\r\n            <ContextMenuSeparator v-if=\"item.separator\" />\r\n          </template>\r\n        </ContextMenuGroup>\r\n        \r\n        <!-- 그룹 구분선 -->\r\n        <ContextMenuSeparator v-if=\"groupIndex < menuStructure.length - 1\" />\r\n      </template>\r\n    </ContextMenuContent>\r\n  </ContextMenu>\r\n</template>\r\n\r\n<style scoped>\r\n/* 추가 스타일이 필요한 경우 여기에 작성 */\r\n</style>\r\n\r\n"],"names":["props","__props","emit","__emit","menuStructure","computed","handleItemClick","item","_createBlock","_unref","ContextMenu","_createVNode","ContextMenuTrigger","_normalizeClass","_renderSlot","_ctx","ContextMenuContent","_openBlock","_createElementBlock","_Fragment","_renderList","group","groupIndex","ContextMenuLabel","_createTextVNode","_toDisplayString","ContextMenuGroup","ContextMenuSub","ContextMenuSubTrigger","ContextMenuSubContent","subItem","ContextMenuItem","$event","JKbd","ContextMenuSeparator"],"mappings":"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"}

package/components/molecules/JFormField.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");require("lucide-vue-next");const h=require("../atoms/JInput.vue.cjs"),F=require("../atoms/JTextarea.vue.cjs"),N=require("../atoms/JCheckbox.vue.cjs"),z=require("../atoms/JCombo.vue.cjs"),T=require("../atoms/JSearchCombo.vue.cjs"),S=require("../atoms/JRadio.vue.cjs"),J=require("../atoms/JSwitch.vue.cjs"),M=require("../atoms/JDatepicker.vue.cjs");require("clsx");require("tailwind-merge");require("../shadcn/badge-variants.cjs");require("@vueuse/core");require("reka-ui");;/* empty css                        */require("../shadcn/avatar-variants.cjs");require("ag-grid-vue3");require("ag-grid-community");require("ag-grid-enterprise");;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                                                                                                            */;/* empty css                    */const i=require("../shadcn/FieldGroup.vue.cjs"),g=require("../shadcn/Field.vue.cjs"),k=require("../shadcn/FieldLabel.vue.cjs"),C=require("../shadcn/FieldContent.vue.cjs"),P=require("../shadcn/FieldDescription.vue.cjs"),E=require("../shadcn/FieldError.vue.cjs"),L={key:0,class:"text-destructive ml-1"},j=e.defineComponent({__name:"JFormField",props:{label:{},description:{},errorMsg:{},type:{default:"input"},inlineLabel:{},orientation:{default:"vertical"},labelAlign:{default:"left"},labelWidth:{default:"8rem"},id:{},modelValue:{},placeholder:{},disabled:{type:Boolean},readonly:{type:Boolean},required:{type:Boolean},name:{},styleType:{},inputType:{},options:{},multiple:{type:Boolean},radioDirection:{default:"horizontal"}},emits:["update:modelValue","change","focus","blur"],setup(r,{expose:x,emit:b}){const q=["label","description","errorMsg","type","inlineLabel","orientation","labelAlign","labelWidth","radioDirection"],l=r,u=b,o=e.ref(""),c=e.computed(()=>l.errorMsg||o.value),s=e.computed(()=>{const t={},a=l;for(const n in a)q.includes(n)||(t[n]=a[n]);if(l.inputType&&l.type==="input"&&(t.type=l.inputType,delete t.inputType,!l.placeholder)){const n={text:"텍스트를 입력하세요",email:"이메일을 입력하세요",password:"비밀번호를 입력하세요",tel:"전화번호를 입력하세요",url:"URL을 입력하세요",number:"숫자를 입력하세요",search:"검색어를 입력하세요",date:"날짜를 선택하세요",time:"시간을 선택하세요","datetime-local":"날짜와 시간을 선택하세요",month:"월을 선택하세요",week:"주를 선택하세요"};t.placeholder=n[l.inputType]||"입력하세요"}return l.radioDirection&&l.type==="radio"&&(t.styletype=l.radioDirection,delete t.radioDirection),t}),d=t=>{if(!l.required)return;o.value="";const a=t!==void 0?t:l.modelValue;l.type==="checkbox"||l.type==="switch"?a!=="Y"&&(o.value="필수 항목입니다."):(a==null||a==="")&&(o.value="필수 입력 항목입니다.")},B=e.computed(()=>!(l.modelValue!==null&&l.modelValue!==void 0&&l.modelValue!=="")),p=t=>{u("update:modelValue",t),d(t)},f=t=>{u("change",t),d(t)},_=t=>{u("focus",t)},m=t=>{B.value&&d(),u("blur",t)},V=e.computed(()=>{const t={left:"justify-start",middle:"justify-center",right:"justify-end"},a={left:"text-left",middle:"text-center",right:"text-right"};return l.orientation==="horizontal"?t[l.labelAlign]:a[l.labelAlign]}),w=e.computed(()=>{switch(l.styleType){case"sm":return"form-density-sm";case"lg":return"form-density-lg";default:return"form-density-md"}}),v=e.computed(()=>{const t="h-[var(--ctl-h)] leading-[var(--ctl-h)]";return l.type==="datepicker"?`${t} max-w-xs`:l.type==="radio"&&l.radioDirection==="vertical"?"":t}),D={input:h.default,textarea:F.default,checkbox:N.default,switch:J.default,combo:z.default,radio:S.default,searchCombo:T.default,datepicker:M.default},y=e.computed(()=>D[l.type]||h.default);return x({clearError:()=>{o.value=""}}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["space-y-2",w.value])},[e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.createVNode(e.unref(g.default),{class:e.normalizeClass([r.orientation==="horizontal"?"grid grid-cols-[var(--label-w,8rem)_1fr] items-start space-y-0 gap-2":"space-y-1 gap-1"]),style:e.normalizeStyle(r.orientation==="horizontal"?`--label-w:${r.labelWidth};`:"")},{default:e.withCtx(()=>[e.createVNode(e.unref(k.default),{for:r.id,class:e.normalizeClass([r.orientation==="horizontal"?"flex items-center h-[var(--ctl-h)] w-full":"flex items-center",V.value])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.label)+" ",1),r.required?(e.openBlock(),e.createElementBlock("span",L,"*")):e.createCommentVNode("",!0)]),_:1},8,["for","class"]),e.createVNode(e.unref(C.default),{class:e.normalizeClass([r.orientation==="horizontal"?"min-h-[var(--ctl-h)] flex flex-col justify-start gap-0.5 mt-0":"space-y-2 gap-0"])},{default:e.withCtx(()=>[r.type==="checkbox"||r.type==="switch"?(e.openBlock(),e.createBlock(e.unref(i.default),{key:0,"data-slot":"checkbox-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.default),{orientation:"horizontal",class:"flex gap-2 space-y-0 h-[var(--ctl-h)] leading-[var(--ctl-h)] items-center"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps(s.value,{"onUpdate:modelValue":p,onChange:f,onFocus:_,onBlur:m}),null,16)),r.inlineLabel?(e.openBlock(),e.createBlock(e.unref(k.default),{key:0,for:r.id,class:"font-normal m-0 h-[var(--ctl-h)] leading-[var(--ctl-h)]"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.inlineLabel),1)]),_:1},8,["for"])):e.createCommentVNode("",!0)]),_:1})]),_:1})):r.type==="radio"?(e.openBlock(),e.createBlock(e.unref(i.default),{key:1},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps(s.value,{"onUpdate:modelValue":p,onChange:f,onFocus:_,onBlur:m,class:v.value}),null,16,["class"]))]),_:1})):(e.openBlock(),e.createBlock(e.unref(i.default),{key:2},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps(s.value,{"onUpdate:modelValue":p,onChange:f,onFocus:_,onBlur:m,class:v.value}),null,16,["class"]))]),_:1})),r.description||c.value?(e.openBlock(),e.createBlock(e.unref(C.default),{key:3},{default:e.withCtx(()=>[r.description?(e.openBlock(),e.createBlock(e.unref(P.default),{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.description),1)]),_:1})):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createBlock(e.unref(E.default),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:1})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0)]),_:1},8,["class"])]),_:1},8,["class","style"])]),_:1})],2))}});exports.default=j;
+//# sourceMappingURL=JFormField.vue.cjs.map

package/components/molecules/JFormField.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JFormField.vue.cjs","sources":["../../../../src/components/molecules/JFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Field, FieldContent, FieldLabel, FieldDescription, FieldError, FieldGroup } from '@/components/shadcn'\nimport { JInput, JTextarea, JCheckbox, JSwitch, JCombo, JRadio, JSearchCombo, JDatepicker } from '@/components/atoms'\n\n// 컴포넌트 타입 정의\ntype ComponentType = 'input' | 'textarea' | 'checkbox' | 'switch' | 'combo' | 'radio' | 'searchCombo' | 'datepicker'\n\n// FormField 자체의 props (레이아웃 관련)\nconst FORM_FIELD_PROPS = [\n  'label',\n  'description',\n  'errorMsg',\n  'type',\n  'inlineLabel',\n  'orientation',\n  'labelAlign',\n  'labelWidth',\n  'radioDirection',\n] as const\n\nconst props = withDefaults(\n  defineProps<{\n    // ============ FormField 자체 props (레이아웃만) ============\n    /** 필드 레이블 */\n    label?: string\n    /** 필드 설명 (레이블 아래 표시) */\n    description?: string\n    /** 에러 메시지 */\n    errorMsg?: string\n    /** 컴포넌트 타입 (렌더링할 컴포넌트 지정) */\n    type?: ComponentType\n    /** 체크박스/스위치 타입일 때만 사용하는 옆 라벨 */\n    inlineLabel?: string\n    /** 레이블과 컨트롤의 배치 방향 */\n    orientation?: 'vertical' | 'horizontal' | 'responsive'\n    /** 레이블 텍스트 정렬 */\n    labelAlign?: 'left' | 'middle' | 'right'\n    /** 레이블 영역 너비 (horizontal orientation일 때만 적용) */\n    labelWidth?: string\n\n    // ============ 내부 컴포넌트로 전달할 공통 props ============\n    /** Input 요소의 id (label for와 연결) */\n    id?: string\n    /** v-model로 양방향 데이터 바인딩 */\n    modelValue?: any\n    /** 입력 전 표시되는 안내문 (Input/Textarea/Select/Combobox) */\n    placeholder?: string\n    /** 비활성화 상태 (전체) */\n    disabled?: boolean\n    /** 읽기 전용 상태 (Input/Textarea) */\n    readonly?: boolean\n    /** 필수 입력/선택 여부 (전체) */\n    required?: boolean\n    /** form 데이터 전송 시 키 이름 (전체) */\n    name?: string\n    /** 스타일 테마 지정 (J-prefixed 컴포넌트의 styleType) */\n    styleType?: string\n\n    // ============ Input 전용 props ============\n    /** Input 타입 (text, email, password 등) */\n    inputType?: string\n\n\n    // ============ Select/Combobox/Radio 전용 props ============\n    /** 선택 가능한 항목 배열 */\n    options?: Array<{ label: string; value: string | number; disabled?: boolean }>\n    \n    // ============ Select/Combobox 전용 props ============\n    /** 다중 선택 허용 여부 */\n    multiple?: boolean\n\n\n    // ============ Radio 전용 props ============\n    /** Radio 옵션 나열 방향 */\n    radioDirection?: 'horizontal' | 'vertical'\n  }>(),\n  {\n    type: 'input',\n    orientation: 'vertical',\n    labelAlign: 'left',\n    labelWidth: '8rem',\n    radioDirection: 'horizontal',\n  }\n)\n\n// 이벤트 정의\nconst emit = defineEmits<{\n  'update:modelValue': [value: any]\n  'change': [value: any]\n  'focus': [event: FocusEvent]\n  'blur': [event: FocusEvent]\n}>()\n\n// 내부 에러 상태 (props.error가 없을 때만 사용)\nconst internalError = ref<string>('')\n\n// 최종 에러 메시지 (외부 errorMsg가 우선)\nconst finalError = computed(() => props.errorMsg || internalError.value)\n\n// FormField 자체 props와 내부 컴포넌트 props 분리\nconst controlProps = computed(() => {\n  const result: Record<string, any> = {}\n  const propsObj = props as Record<string, any>\n  \n  for (const key in propsObj) {\n    // FormField 자체 props는 제외\n    if (!FORM_FIELD_PROPS.includes(key as any)) {\n      result[key] = propsObj[key]\n    }\n  }\n  \n  // inputType을 type으로 변환 (JInput 컴포넌트에서 사용)\n  if (props.inputType && props.type === 'input') {\n    result.type = props.inputType\n    delete result.inputType // inputType은 제거\n    \n    // placeholder가 없으면 inputType에 따라 기본값 설정\n    if (!props.placeholder) {\n      const defaultPlaceholders: Record<string, string> = {\n        'text': '텍스트를 입력하세요',\n        'email': '이메일을 입력하세요',\n        'password': '비밀번호를 입력하세요',\n        'tel': '전화번호를 입력하세요',\n        'url': 'URL을 입력하세요',\n        'number': '숫자를 입력하세요',\n        'search': '검색어를 입력하세요',\n        'date': '날짜를 선택하세요',\n        'time': '시간을 선택하세요',\n        'datetime-local': '날짜와 시간을 선택하세요',\n        'month': '월을 선택하세요',\n        'week': '주를 선택하세요',\n      }\n      \n      result.placeholder = defaultPlaceholders[props.inputType] || '입력하세요'\n    }\n  }\n  \n  // radioDirection을 styletype으로 변환 (JRadio 컴포넌트에서 사용)\n  if (props.radioDirection && props.type === 'radio') {\n    result.styletype = props.radioDirection\n    delete result.radioDirection // radioDirection은 제거\n  }\n  \n  return result\n})\n\n  // Built-in validation\n  const validateField = (currentValue?: any) => {\n    if (!props.required) return\n\n    internalError.value = ''\n\n    // 현재 값 또는 props.modelValue 사용\n    const value = currentValue !== undefined ? currentValue : props.modelValue\n\n    // Required 체크\n    if (props.type === 'checkbox' || props.type === 'switch') {\n      if (value !== 'Y') {\n        internalError.value = '필수 항목입니다.'\n      }\n    } else {\n      if (value === null || value === undefined || value === '') {\n        internalError.value = '필수 입력 항목입니다.'\n      }\n    }\n  }\n\n  // 초기 로드 시 validation 실행 (blur 이벤트에서만)\n  const shouldValidateOnMount = computed(() => {\n    // Storybook에서 초기값이 있는 경우 validation 스킵\n    if (props.modelValue !== null && props.modelValue !== undefined && props.modelValue !== '') {\n      return false\n    }\n    return true\n  })\n\n// 이벤트 핸들러\nconst handleUpdateModelValue = (value: any) => {\n  emit('update:modelValue', value)\n  \n  // 값이 변경되면 즉시 validation 실행 (현재 값 전달)\n  validateField(value)\n}\n\nconst handleChange = (value: any) => {\n  emit('change', value)\n  \n  // change 이벤트에서도 validation 실행 (현재 값 전달)\n  validateField(value)\n}\n\nconst handleFocus = (event: FocusEvent) => {\n  emit('focus', event)\n}\n\n  const handleBlur = (event: FocusEvent) => {\n    // blur 시에만 validation 실행 (초기 로드 시에는 실행하지 않음)\n    if (shouldValidateOnMount.value) {\n      validateField()\n    }\n    emit('blur', event)\n  }\n\n// 레이블 정렬 클래스 (레이블 영역 내에서 레이블의 위치 제어)\nconst labelAlignClass = computed(() => {\n  // horizontal일 때는 레이블 영역 내에서 레이블의 위치를 제어\n  const mapHorizontal = { \n    left: 'justify-start',    // 레이블 영역의 왼쪽에 레이블 위치\n    middle: 'justify-center', // 레이블 영역의 가운데에 레이블 위치\n    right: 'justify-end'      // 레이블 영역의 오른쪽에 레이블 위치 (input과 가까이)\n  }\n  // vertical일 때는 텍스트 정렬만 제어\n  const mapVertical = { left: 'text-left', middle: 'text-center', right: 'text-right' }\n  return props.orientation === 'horizontal' ? mapHorizontal[props.labelAlign] : mapVertical[props.labelAlign]\n})\n\n/** 행높이 토큰 클래스 매핑 */\nconst densityClass = computed(() => {\n  switch (props.styleType) {\n    case 'sm': return 'form-density-sm'\n    case 'lg': return 'form-density-lg'\n    default:   return 'form-density-md'\n  }\n})\n\n/** 컨트롤 클래스 (datepicker는 최대 너비 제한, radio vertical은 높이 제한 없음) */\nconst controlClass = computed(() => {\n  const baseClass = 'h-[var(--ctl-h)] leading-[var(--ctl-h)]'\n  \n  if (props.type === 'datepicker') {\n    return `${baseClass} max-w-xs`\n  }\n  \n  // Radio vertical일 때는 높이 제한 없음\n  if (props.type === 'radio' && props.radioDirection === 'vertical') {\n    return ''\n  }\n  \n  return baseClass\n})\n\n// 컴포넌트 매핑\nconst componentMap: Record<ComponentType, any> = {\n  input: JInput,\n  textarea: JTextarea,\n  checkbox: JCheckbox,\n  switch: JSwitch,\n  combo: JCombo,\n  radio: JRadio,\n  searchCombo: JSearchCombo,\n  datepicker: JDatepicker,\n}\n\n// type에 따라 렌더링할 컴포넌트 결정\nconst resolvedComponent = computed(() => {\n  return componentMap[props.type!] || JInput\n})\n\n// 외부에서 수동으로 에러 클리어 가능하도록 expose\ndefineExpose({\n  clearError: () => { internalError.value = '' }\n})\n</script>\n\n<template>\n  <div :class=\"['space-y-2', densityClass]\">\n    <FieldGroup >\n      <Field :class=\"[\n          orientation === 'horizontal'\n            ? 'grid grid-cols-[var(--label-w,8rem)_1fr] items-start space-y-0 gap-2'\n            : 'space-y-1 gap-1'\n        ]\"\n        :style=\"orientation === 'horizontal' ? `--label-w:${labelWidth};` : ''\"\n      >\n        <!-- 메인 라벨 (필수표기 포함) -->\n        <FieldLabel \n          :for=\"id\" \n          :class=\"[\n            orientation === 'horizontal'\n              ? 'flex items-center h-[var(--ctl-h)] w-full'\n              : 'flex items-center',\n            labelAlignClass\n          ]\"\n        >\n          {{ label }}\n          <span v-if=\"required\" class=\"text-destructive ml-1\">*</span>\n        </FieldLabel>\n\n        <FieldContent \n          :class=\"[\n            orientation === 'horizontal'\n            ? 'min-h-[var(--ctl-h)] flex flex-col justify-start gap-0.5 mt-0'\n            : 'space-y-2 gap-0'\n          ]\"\n        >\n          <!-- 체크박스/스위치: 항상 가로 정렬로 컨트롤 + 인라인 라벨 묶기 -->\n          <FieldGroup v-if=\"type === 'checkbox' || type === 'switch'\" data-slot=\"checkbox-group\">\n            <!-- 부모 orientation과 무관하게 수평 정렬 고정 -->\n            <Field orientation=\"horizontal\" class=\"flex gap-2 space-y-0 h-[var(--ctl-h)] leading-[var(--ctl-h)] items-center\">\n              <component\n                :is=\"resolvedComponent\"\n                v-bind=\"controlProps\"\n                @update:modelValue=\"handleUpdateModelValue\"\n                @change=\"handleChange\"\n                @focus=\"handleFocus\"\n                @blur=\"handleBlur\"\n              />\n              <FieldLabel\n                v-if=\"inlineLabel\"\n                :for=\"id\"\n                class=\"font-normal m-0 h-[var(--ctl-h)] leading-[var(--ctl-h)]\"\n              >\n                {{ inlineLabel }}\n              </FieldLabel>\n            </Field>\n          </FieldGroup>\n\n          <!-- Radio 버튼: radioDirection에 따라 분기 처리 -->\n          <FieldGroup v-else-if=\"type === 'radio'\">\n            <component\n              :is=\"resolvedComponent\"\n              v-bind=\"controlProps\"\n              @update:modelValue=\"handleUpdateModelValue\"\n              @change=\"handleChange\"\n              @focus=\"handleFocus\"\n              @blur=\"handleBlur\"\n              :class=\"controlClass\"\n            />\n          </FieldGroup>\n\n          <!-- 그 외 컨트롤: orientation 규칙 그대로 따름 -->\n          <FieldGroup v-else>\n            <component\n              :is=\"resolvedComponent\"\n              v-bind=\"controlProps\"\n              @update:modelValue=\"handleUpdateModelValue\"\n              @change=\"handleChange\"\n              @focus=\"handleFocus\"\n              @blur=\"handleBlur\"\n              :class=\"controlClass\"\n            />\n          </FieldGroup>\n          \n          <!-- 설명/에러: 항상 컨트롤 '바로 아래'에 표시 -->\n          <FieldContent v-if=\"description || finalError\">\n            <FieldDescription v-if=\"description\">\n              {{ description }}\n            </FieldDescription>\n            <FieldError v-if=\"finalError\">\n              {{ finalError }}\n            </FieldError>\n          </FieldContent>\n        </FieldContent>\n      </Field>\n    </FieldGroup>\n  </div>\n</template>\n\n\n\n<style>\n/* ⬇⬇ 높이 토큰(밀도) — 프로젝트 전역/레이아웃에 한 번 정의해두고 재사용하세요 */\n.form-density-sm { --ctl-h: 2rem;    /* 32px */ }\n.form-density-md { --ctl-h: 2.25rem; /* 36px (shadcn 기본에 근접) */ }\n.form-density-lg { --ctl-h: 2.5rem;  /* 40px */ }\n</style>"],"names":["FORM_FIELD_PROPS","props","__props","emit","__emit","internalError","ref","finalError","computed","controlProps","result","propsObj","key","defaultPlaceholders","validateField","currentValue","value","shouldValidateOnMount","handleUpdateModelValue","handleChange","handleFocus","event","handleBlur","labelAlignClass","mapHorizontal","mapVertical","densityClass","controlClass","baseClass","componentMap","JInput","JTextarea","JCheckbox","JSwitch","JCombo","JRadio","JSearchCombo","JDatepicker","resolvedComponent","__expose","_createElementBlock","_createVNode","_unref","FieldGroup","Field","_normalizeClass","_normalizeStyle","FieldLabel","_createTextVNode","_toDisplayString","_hoisted_1","FieldContent","_createBlock","_openBlock","_resolveDynamicComponent","_mergeProps","FieldDescription","FieldError"],"mappings":"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"}