@j-solution/components 1.0.0

package/components/organisms/JSidebarSimple/JDynamicMenuItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JDynamicMenuItem.vue.js","sources":["../../../../../src/components/organisms/JSidebarSimple/JDynamicMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { useRouter } from 'vue-router'\r\nimport type { SidebarMenuItem, MenuPermission, MenuClickEvent } from '@/types/sidebar-menu.types'\r\nimport JIcon from '@/components/atoms/JIcon.vue'\r\nimport { cn, hasMenuPermission } from '@/lib/utils'\r\n\r\n/**\r\n * JDynamicMenuItem - 재귀적 메뉴 아이템 컴포넌트\r\n * Recursive Menu Item Component\r\n * \r\n * @description\r\n * 다단계 메뉴 구조를 재귀적으로 렌더링하는 컴포넌트입니다.\r\n * 폴더 타입 메뉴는 확장/축소가 가능하고, 링크 타입 메뉴는 클릭 시 라우팅합니다.\r\n */\r\n\r\ntype StyleType = 'default' | 'minimal'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 메뉴 아이템 */\r\n    item: SidebarMenuItem\r\n    /** 메뉴 레벨 (들여쓰기용, 0부터 시작) */\r\n    level?: number\r\n    /** 권한 목록 */\r\n    permissions?: MenuPermission[]\r\n    /** 활성화된 메뉴 경로 */\r\n    activePath?: string\r\n    /** 확장된 메뉴 키 목록 */\r\n    expandedKeys?: Set<number | string>\r\n    /** 즐겨찾기 메뉴 키 목록 */\r\n    favorites?: (number | string)[]\r\n    /** 즐겨찾기 변경 핸들러 */\r\n    onFavoriteToggle?: (menuKey: number | string | undefined) => void\r\n    /** 즐겨찾기 확인 함수 */\r\n    isFavorite?: (menuKey: number | string | undefined) => boolean\r\n    /** 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 추가 CSS 클래스 */\r\n    className?: string\r\n    /** 최대 깊이 제한 (무한 루프 방지, 기본값: 10) */\r\n    maxDepth?: number\r\n  }>(),\r\n  {\r\n    level: 0,\r\n    permissions: () => [],\r\n    expandedKeys: () => new Set(),\r\n    favorites: () => [],\r\n    styletype: 'default',\r\n    maxDepth: 10,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** 메뉴 클릭 이벤트 */\r\n  menuClick: [event: MenuClickEvent]\r\n  /** 확장 상태 변경 이벤트 */\r\n  expandChange: [menuKey: number | string | undefined, expanded: boolean]\r\n}>()\r\n\r\nconst router = useRouter()\r\n\r\n/**\r\n * 권한 체크 함수\r\n * Permission check function\r\n * hasMenuPermission 유틸리티 함수를 사용하여 일관성 유지\r\n */\r\nconst checkPermission = computed(() => {\r\n  return hasMenuPermission(props.item.menuKey, props.permissions)\r\n})\r\n\r\n/**\r\n * 메뉴가 활성화되어 있는지 여부\r\n */\r\nconst isActive = computed(() => {\r\n  if (!props.item.path || !props.activePath) return false\r\n  return props.activePath === props.item.path\r\n})\r\n\r\n/**\r\n * 메뉴 타입이 폴더인지 여부\r\n * 순환 참조 방지: children이 유효한 배열인지 확인\r\n */\r\nconst isFolder = computed(() => {\r\n  return props.item.menuType === 'F' || (Array.isArray(props.item.children) && props.item.children.length > 0)\r\n})\r\n\r\n/**\r\n * 메뉴가 확장되어 있는지 여부\r\n */\r\nconst isExpanded = computed(() => {\r\n  if (!isFolder.value) return false\r\n  const key = props.item.menuKey || props.item.label\r\n  return props.expandedKeys?.has(key) ?? false\r\n})\r\n\r\n/**\r\n * 메뉴가 비활성화되어 있는지 여부\r\n */\r\nconst isDisabled = computed(() => {\r\n  return props.item.disabled || !checkPermission.value\r\n})\r\n\r\n/**\r\n * 레벨별 들여쓰기 스타일\r\n * Tailwind의 표준 클래스는 제한적이므로 인라인 스타일 사용\r\n */\r\nconst indentStyle = computed(() => {\r\n  const basePadding = 12 // 기본 패딩 (px)\r\n  const level = props.level || 0\r\n  const levelPadding = level * 16 // 레벨당 16px\r\n  const totalPadding = basePadding + levelPadding\r\n  return { paddingLeft: `${totalPadding}px` }\r\n})\r\n\r\n/**\r\n * 메뉴 클릭 핸들러\r\n */\r\nconst handleMenuClick = (event: MouseEvent) => {\r\n  if (isDisabled.value) {\r\n    event.preventDefault()\r\n    return\r\n  }\r\n\r\n  if (isFolder.value) {\r\n    // 폴더 타입: 확장/축소 토글\r\n    const key = props.item.menuKey || props.item.label\r\n    const newExpanded = !isExpanded.value\r\n    emit('expandChange', key, newExpanded)\r\n  } else if (props.item.path) {\r\n    // 링크 타입: 라우팅\r\n    router.push(props.item.path)\r\n    \r\n    // 메뉴 클릭 이벤트 발생\r\n    emit('menuClick', {\r\n      menuItem: props.item,\r\n      path: [props.item], // 단순화된 경로 (필요시 부모 경로 포함하도록 확장 가능)\r\n      event,\r\n    })\r\n  }\r\n}\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  itemClass: string\r\n  labelClass: string\r\n  iconSize: 'sm' | 'md'\r\n}> = {\r\n  default: {\r\n    itemClass: 'flex items-center gap-2 py-2 rounded-md cursor-pointer transition-colors group',\r\n    labelClass: 'flex-1 truncate',\r\n    iconSize: 'sm',\r\n  },\r\n  minimal: {\r\n    itemClass: 'flex items-center gap-1.5 py-1.5 rounded-md cursor-pointer transition-colors group',\r\n    labelClass: 'flex-1 truncate text-xs',\r\n    iconSize: 'sm', // JIcon은 'xs'를 지원하지 않으므로 'sm' 사용\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\n/**\r\n * Chevron 아이콘 컴포넌트\r\n */\r\nconst ChevronIcon = computed(() => {\r\n  return isExpanded.value ? 'chevronDown' : 'chevronRight'\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"cn('w-full', className)\">\r\n    <!-- 메뉴 아이템 -->\r\n    <div\r\n      :class=\"cn(\r\n        preset.itemClass,\r\n        {\r\n          'bg-accent text-accent-foreground': isActive,\r\n          'hover:bg-accent/50': !isDisabled && !isActive,\r\n          'opacity-50 cursor-not-allowed': isDisabled,\r\n          'font-medium': isActive,\r\n        }\r\n      )\"\r\n      :style=\"indentStyle\"\r\n      @click=\"handleMenuClick\"\r\n    >\r\n      <!-- Chevron 아이콘 (폴더 타입만) -->\r\n      <JIcon\r\n        v-if=\"isFolder\"\r\n        :name=\"ChevronIcon\"\r\n        :size=\"preset.iconSize\"\r\n        class=\"flex-shrink-0\"\r\n      />\r\n      <span v-else class=\"w-4 flex-shrink-0\" /> <!-- 폴더가 아닐 때 공간 확보 -->\r\n\r\n      <!-- 메뉴 아이콘 -->\r\n      <JIcon\r\n        v-if=\"item.icon\"\r\n        :name=\"item.icon\"\r\n        :size=\"preset.iconSize\"\r\n        class=\"flex-shrink-0\"\r\n      />\r\n\r\n      <!-- 메뉴 라벨 -->\r\n      <span :class=\"preset.labelClass\">{{ item.label }}</span>\r\n      \r\n      <!-- 즐겨찾기 버튼 (menuType이 L인 경우만) -->\r\n      <button\r\n        v-if=\"item.menuKey && item.menuType === 'L' && onFavoriteToggle\"\r\n        :class=\"cn(\r\n          'opacity-0 group-hover:opacity-100 transition-opacity hover:bg-accent rounded flex-shrink-0',\r\n          props.styletype === 'minimal' ? 'p-0.5' : 'p-1',\r\n          isFavorite && isFavorite(item.menuKey) && 'opacity-100'\r\n        )\"\r\n        @click.stop=\"onFavoriteToggle(item.menuKey)\"\r\n      >\r\n        <JIcon\r\n          :name=\"isFavorite && isFavorite(item.menuKey) ? 'star' : 'star'\"\r\n          :size=\"preset.iconSize\"\r\n          :class=\"isFavorite && isFavorite(item.menuKey) ? 'text-yellow-500 fill-yellow-500' : 'text-muted-foreground'\"\r\n        />\r\n      </button>\r\n    </div>\r\n\r\n    <!-- 하위 메뉴 (폴더 타입이고 확장된 경우) -->\r\n    <!-- 깊이 제한 체크: maxDepth를 초과하지 않는 경우에만 렌더링 -->\r\n    <div\r\n      v-if=\"isFolder && isExpanded && item.children && Array.isArray(item.children) && item.children.length > 0 && (level + 1) < maxDepth\"\r\n      class=\"w-full\"\r\n    >\r\n      <JDynamicMenuItem\r\n        v-for=\"(child, index) in item.children\"\r\n        :key=\"child.menuKey || child.label || index\"\r\n        :item=\"child\"\r\n        :level=\"level + 1\"\r\n        :max-depth=\"maxDepth\"\r\n        :permissions=\"permissions\"\r\n        :active-path=\"activePath\"\r\n        :expanded-keys=\"expandedKeys\"\r\n        :favorites=\"favorites\"\r\n        :on-favorite-toggle=\"onFavoriteToggle\"\r\n        :is-favorite=\"isFavorite\"\r\n        :styletype=\"styletype\"\r\n        @menu-click=\"emit('menuClick', $event)\"\r\n        @expand-change=\"(menuKey, expanded) => emit('expandChange', menuKey, expanded)\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","emit","__emit","router","useRouter","checkPermission","computed","hasMenuPermission","isActive","isFolder","isExpanded","key","isDisabled","indentStyle","handleMenuClick","event","newExpanded","STYLE_PRESETS","preset","ChevronIcon","_createElementBlock","_normalizeClass","_unref","cn","_createElementVNode","_createBlock","JIcon","_openBlock","_hoisted_1","_toDisplayString","_cache","_withModifiers","$event","_createVNode","_hoisted_2","_Fragment","child","index","_component_JDynamicMenuItem","menuKey","expanded"],"mappings":"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"}

package/components/organisms/JSidebarSimple/JDynamicMenuItem.vue2.cjs

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

package/components/organisms/JSidebarSimple/JDynamicMenuItem.vue2.cjs.map

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

package/components/organisms/JSidebarSimple/JDynamicMenuItem.vue2.js

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

package/components/organisms/JSidebarSimple/JDynamicMenuItem.vue2.js.map

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

package/components/organisms/JSidebarSimple.vue.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./JSidebarSimple.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-f4f33c97"]]);exports.default=u;
+//# sourceMappingURL=JSidebarSimple.vue.cjs.map

package/components/organisms/JSidebarSimple.vue.cjs.map

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

package/components/organisms/JSidebarSimple.vue.js

@@ -0,0 +1,13 @@
+import o from "./JSidebarSimple.vue2.js";
+/* empty css                    */
+const r = (r_comp, r_opts) => {
+  const r_merged = r_comp.__vccOpts || r_comp;
+  for (const [r_key, r_val] of r_opts)
+    r_merged[r_key] = r_val;
+  return r_merged;
+};
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f4f33c97"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=JSidebarSimple.vue.js.map

package/components/organisms/JSidebarSimple.vue.js.map

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

package/components/organisms/JSidebarSimple.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("vue-router"),x=require("./JSidebarSimple/JDynamicMenuItem.vue.cjs"),f=require("../../lib/utils.cjs"),S=e.defineComponent({__name:"JSidebarSimple",props:{menuItems:{},permissions:{default:()=>[]},searchQuery:{default:""},styletype:{default:"default"},class:{},width:{default:"250px"},isVisible:{type:Boolean,default:!0}},emits:["menuClick"],setup(u,{emit:p}){const t=u,v=p,C=E.useRoute(),b=e.computed(()=>C.path),c=e.ref(new Set),m=e.computed(()=>{if(!Array.isArray(t.menuItems)||t.menuItems.length===0)return[];if(!t.searchQuery||t.searchQuery.trim()==="")return t.menuItems;const r=t.searchQuery.toLowerCase().trim(),i=a=>{const n=[];if(!Array.isArray(a))return n;for(const s of a){const d=s.label?.toLowerCase().includes(r)??!1;let l;s.children&&Array.isArray(s.children)&&s.children.length>0&&(l=i(s.children)),(d||Array.isArray(l)&&l.length>0)&&n.push({...s,children:l})}return n};return i(t.menuItems)});e.watch(()=>m.value,r=>{if(!t.searchQuery||t.searchQuery.trim()==="")return;(n=>{const s=new Set,d=l=>{if(Array.isArray(l)){for(const o of l)if(o.children&&Array.isArray(o.children)&&o.children.length>0){const A=o.menuKey||o.label;s.add(A),d(o.children)}}};return d(n),s})(r).forEach(n=>{c.value.add(n)})},{immediate:!1});const k=(r,i)=>{r&&(i?c.value.add(r):c.value.delete(r))},g=r=>{v("menuClick",r)},h={default:{containerClass:"h-full bg-background border-r border-border overflow-y-auto",menuPaddingClass:"p-2"},minimal:{containerClass:"h-full bg-background border-r border-border overflow-y-auto",menuPaddingClass:"p-1"}},y=e.computed(()=>h[t.styletype]??h.default),w=e.computed(()=>f.cn(y.value.containerClass,t.class));return(r,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("aside",{class:e.normalizeClass(w.value),style:e.normalizeStyle({width:u.width})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f.cn)(y.value.menuPaddingClass,"space-y-1"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(a,n)=>(e.openBlock(),e.createBlock(x.default,{key:a.menuKey||a.label||n,item:a,level:0,permissions:u.permissions,"active-path":b.value,"expanded-keys":c.value,styletype:u.styletype,onMenuClick:g,onExpandChange:k},null,8,["item","permissions","active-path","expanded-keys","styletype"]))),128))],2)],6),[[e.vShow,t.isVisible]])]),_:1}))}});exports.default=S;
+//# sourceMappingURL=JSidebarSimple.vue2.cjs.map

package/components/organisms/JSidebarSimple.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSidebarSimple.vue2.cjs","sources":["../../../../src/components/organisms/JSidebarSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, computed, watch } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport type { SidebarMenuItem, MenuPermission, MenuClickEvent } from '@/types/sidebar-menu.types'\r\nimport JDynamicMenuItem from './JSidebarSimple/JDynamicMenuItem.vue'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/**\r\n * JSidebarSimple - 간단한 사이드바 컴포넌트\r\n * Simple Sidebar Component\r\n * \r\n * @description\r\n * 다단계 메뉴 구조를 지원하는 기본 사이드바 컴포넌트입니다.\r\n * 권한 체크, 메뉴 검색 등의 기능을 제공합니다.\r\n * \r\n * @example\r\n * ```vue\r\n * <JSidebarSimple\r\n *   :menu-items=\"menuItems\"\r\n *   :permissions=\"userPermissions\"\r\n *   @menu-click=\"handleMenuClick\"\r\n * />\r\n * ```\r\n * \r\n * @example JSON 메뉴 데이터 예시\r\n * ```json\r\n * [\r\n *   {\r\n *     \"label\": \"대시보드\",\r\n *     \"icon\": \"house\",\r\n *     \"menuType\": \"L\",\r\n *     \"menuKey\": 1,\r\n *     \"path\": \"/dashboard\"\r\n *   },\r\n *   {\r\n *     \"label\": \"재고 관리\",\r\n *     \"icon\": \"package\",\r\n *     \"menuType\": \"F\",\r\n *     \"menuKey\": 2,\r\n *     \"children\": [\r\n *       {\r\n *         \"label\": \"재고 현황\",\r\n *         \"menuType\": \"L\",\r\n *         \"menuKey\": 21,\r\n *         \"path\": \"/inventory/status\"\r\n *       },\r\n *       {\r\n *         \"label\": \"입고 관리\",\r\n *         \"menuType\": \"L\",\r\n *         \"menuKey\": 22,\r\n *         \"path\": \"/inventory/receiving\"\r\n *       }\r\n *     ]\r\n *   }\r\n * ]\r\n * ```\r\n */\r\n\r\ntype StyleType = 'default' | 'minimal'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 메뉴 아이템 목록 */\r\n    menuItems: SidebarMenuItem[]\r\n    /** 권한 목록 */\r\n    permissions?: MenuPermission[]\r\n    /** 검색어 */\r\n    searchQuery?: string\r\n    /** 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 너비 */\r\n    width?: string\r\n    /** 표시 여부 */\r\n    isVisible?: boolean\r\n  }>(),\r\n  {\r\n    permissions: () => [],\r\n    searchQuery: '',\r\n    styletype: 'default',\r\n    width: '250px',\r\n    isVisible: true,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** 메뉴 클릭 이벤트 */\r\n  menuClick: [event: MenuClickEvent]\r\n}>()\r\n\r\n// vue-router가 설정되지 않은 경우를 대비 (Storybook에서 router가 제공됨)\r\nconst route = useRoute()\r\n\r\n/**\r\n * 현재 활성화된 경로\r\n */\r\nconst activePath = computed(() => route.path)\r\n\r\n/**\r\n * 확장된 메뉴 키 목록 (Set)\r\n */\r\nconst expandedKeys = ref<Set<number | string>>(new Set())\r\n\r\n/**\r\n * 검색어로 필터링된 메뉴 아이템\r\n * 재귀적으로 children까지 검색\r\n */\r\nconst filteredMenuItems = computed(() => {\r\n  if (!Array.isArray(props.menuItems) || props.menuItems.length === 0) {\r\n    return []\r\n  }\r\n\r\n  if (!props.searchQuery || props.searchQuery.trim() === '') {\r\n    return props.menuItems\r\n  }\r\n\r\n  const query = props.searchQuery.toLowerCase().trim()\r\n\r\n  /**\r\n   * 메뉴 아이템을 재귀적으로 검색\r\n   */\r\n  const searchInMenu = (items: SidebarMenuItem[]): SidebarMenuItem[] => {\r\n    const result: SidebarMenuItem[] = []\r\n\r\n    if (!Array.isArray(items)) {\r\n      return result\r\n    }\r\n\r\n    for (const item of items) {\r\n      const matchesLabel = item.label?.toLowerCase().includes(query) ?? false\r\n\r\n      // 하위 메뉴 검색\r\n      let filteredChildren: SidebarMenuItem[] | undefined = undefined\r\n      if (item.children && Array.isArray(item.children) && item.children.length > 0) {\r\n        filteredChildren = searchInMenu(item.children)\r\n      }\r\n\r\n      // 현재 메뉴나 하위 메뉴 중 하나라도 매칭되면 포함\r\n      if (matchesLabel || (Array.isArray(filteredChildren) && filteredChildren.length > 0)) {\r\n        result.push({\r\n          ...item,\r\n          children: filteredChildren,\r\n        })\r\n      }\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  return searchInMenu(props.menuItems)\r\n})\r\n\r\n/**\r\n * 검색 결과에 따라 부모 메뉴 자동 확장\r\n * computed 외부에서 watch를 통해 처리\r\n */\r\nwatch(\r\n  () => filteredMenuItems.value,\r\n  (filtered) => {\r\n    if (!props.searchQuery || props.searchQuery.trim() === '') {\r\n      return\r\n    }\r\n\r\n    // 검색 결과에서 매칭된 하위 메뉴가 있는 부모를 찾아 확장\r\n    const findParentsWithMatches = (items: SidebarMenuItem[]): Set<number | string> => {\r\n      const keysToExpand = new Set<number | string>()\r\n\r\n      const traverse = (menuItems: SidebarMenuItem[]): void => {\r\n        if (!Array.isArray(menuItems)) {\r\n          return\r\n        }\r\n\r\n        for (const item of menuItems) {\r\n          if (item.children && Array.isArray(item.children) && item.children.length > 0) {\r\n            const key = item.menuKey || item.label\r\n            keysToExpand.add(key)\r\n            traverse(item.children)\r\n          }\r\n        }\r\n      }\r\n\r\n      traverse(items)\r\n      return keysToExpand\r\n    }\r\n\r\n    const keysToExpand = findParentsWithMatches(filtered)\r\n    keysToExpand.forEach(key => {\r\n      expandedKeys.value.add(key)\r\n    })\r\n  },\r\n  { immediate: false }\r\n)\r\n\r\n/**\r\n * 확장 상태 변경 핸들러\r\n */\r\nconst handleExpandChange = (menuKey: number | string | undefined, expanded: boolean) => {\r\n  if (!menuKey) return\r\n\r\n  if (expanded) {\r\n    expandedKeys.value.add(menuKey)\r\n  } else {\r\n    expandedKeys.value.delete(menuKey)\r\n  }\r\n}\r\n\r\n/**\r\n * 메뉴 클릭 핸들러\r\n */\r\nconst handleMenuClick = (event: MenuClickEvent) => {\r\n  emit('menuClick', event)\r\n}\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  containerClass: string\r\n  menuPaddingClass: string\r\n}> = {\r\n  default: {\r\n    containerClass: 'h-full bg-background border-r border-border overflow-y-auto',\r\n    menuPaddingClass: 'p-2',\r\n  },\r\n  minimal: {\r\n    containerClass: 'h-full bg-background border-r border-border overflow-y-auto',\r\n    menuPaddingClass: 'p-1',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\n/**\r\n * 루트 클래스\r\n */\r\nconst rootClasses = computed(() => {\r\n  return cn(\r\n    preset.value.containerClass,\r\n    props.class\r\n  )\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Transition name=\"slide\">\r\n    <aside v-show=\"props.isVisible\" :class=\"rootClasses\" :style=\"{ width }\">\r\n      <div :class=\"cn(preset.menuPaddingClass, 'space-y-1')\">\r\n        <JDynamicMenuItem\r\n          v-for=\"(item, index) in filteredMenuItems\"\r\n          :key=\"item.menuKey || item.label || index\"\r\n          :item=\"item\"\r\n          :level=\"0\"\r\n          :permissions=\"permissions\"\r\n          :active-path=\"activePath\"\r\n          :expanded-keys=\"expandedKeys\"\r\n          :styletype=\"styletype\"\r\n          @menu-click=\"handleMenuClick\"\r\n          @expand-change=\"handleExpandChange\"\r\n        />\r\n      </div>\r\n    </aside>\r\n  </Transition>\r\n</template>\r\n\r\n<style scoped>\r\n.slide-enter-active,\r\n.slide-leave-active {\r\n  transition: transform 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n.slide-enter-from,\r\n.slide-leave-to {\r\n  transform: translateX(-100%);\r\n  opacity: 0;\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","route","useRoute","activePath","computed","expandedKeys","ref","filteredMenuItems","query","searchInMenu","items","result","item","matchesLabel","filteredChildren","watch","filtered","keysToExpand","traverse","menuItems","key","handleExpandChange","menuKey","expanded","handleMenuClick","event","STYLE_PRESETS","preset","rootClasses","cn","_createBlock","_Transition","_createElementVNode","_normalizeClass","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","index","JDynamicMenuItem","_vShow"],"mappings":"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"}

package/components/organisms/JSidebarSimple.vue2.js

@@ -0,0 +1,110 @@
+import { defineComponent as I, computed as d, ref as M, watch as Q, createBlock as p, openBlock as m, Transition as T, withCtx as L, withDirectives as B, createElementVNode as v, normalizeStyle as _, normalizeClass as C, unref as V, createElementBlock as z, Fragment as R, renderList as W, vShow as q } from "vue";
+import { useRoute as D } from "vue-router";
+import F from "./JSidebarSimple/JDynamicMenuItem.vue.js";
+import { cn as b } from "../../lib/utils.js";
+const $ = /* @__PURE__ */ I({
+  __name: "JSidebarSimple",
+  props: {
+    menuItems: {},
+    permissions: { default: () => [] },
+    searchQuery: { default: "" },
+    styletype: { default: "default" },
+    class: {},
+    width: { default: "250px" },
+    isVisible: { type: Boolean, default: !0 }
+  },
+  emits: ["menuClick"],
+  setup(o, { emit: k }) {
+    const e = o, g = k, w = D(), x = d(() => w.path), c = M(/* @__PURE__ */ new Set()), h = d(() => {
+      if (!Array.isArray(e.menuItems) || e.menuItems.length === 0)
+        return [];
+      if (!e.searchQuery || e.searchQuery.trim() === "")
+        return e.menuItems;
+      const r = e.searchQuery.toLowerCase().trim(), l = (s) => {
+        const t = [];
+        if (!Array.isArray(s))
+          return t;
+        for (const n of s) {
+          const u = n.label?.toLowerCase().includes(r) ?? !1;
+          let a;
+          n.children && Array.isArray(n.children) && n.children.length > 0 && (a = l(n.children)), (u || Array.isArray(a) && a.length > 0) && t.push({
+            ...n,
+            children: a
+          });
+        }
+        return t;
+      };
+      return l(e.menuItems);
+    });
+    Q(
+      () => h.value,
+      (r) => {
+        if (!e.searchQuery || e.searchQuery.trim() === "")
+          return;
+        ((t) => {
+          const n = /* @__PURE__ */ new Set(), u = (a) => {
+            if (Array.isArray(a)) {
+              for (const i of a)
+                if (i.children && Array.isArray(i.children) && i.children.length > 0) {
+                  const P = i.menuKey || i.label;
+                  n.add(P), u(i.children);
+                }
+            }
+          };
+          return u(t), n;
+        })(r).forEach((t) => {
+          c.value.add(t);
+        });
+      },
+      { immediate: !1 }
+    );
+    const A = (r, l) => {
+      r && (l ? c.value.add(r) : c.value.delete(r));
+    }, E = (r) => {
+      g("menuClick", r);
+    }, f = {
+      default: {
+        containerClass: "h-full bg-background border-r border-border overflow-y-auto",
+        menuPaddingClass: "p-2"
+      },
+      minimal: {
+        containerClass: "h-full bg-background border-r border-border overflow-y-auto",
+        menuPaddingClass: "p-1"
+      }
+    }, y = d(() => f[e.styletype] ?? f.default), S = d(() => b(
+      y.value.containerClass,
+      e.class
+    ));
+    return (r, l) => (m(), p(T, { name: "slide" }, {
+      default: L(() => [
+        B(v("aside", {
+          class: C(S.value),
+          style: _({ width: o.width })
+        }, [
+          v("div", {
+            class: C(V(b)(y.value.menuPaddingClass, "space-y-1"))
+          }, [
+            (m(!0), z(R, null, W(h.value, (s, t) => (m(), p(F, {
+              key: s.menuKey || s.label || t,
+              item: s,
+              level: 0,
+              permissions: o.permissions,
+              "active-path": x.value,
+              "expanded-keys": c.value,
+              styletype: o.styletype,
+              onMenuClick: E,
+              onExpandChange: A
+            }, null, 8, ["item", "permissions", "active-path", "expanded-keys", "styletype"]))), 128))
+          ], 2)
+        ], 6), [
+          [q, e.isVisible]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=JSidebarSimple.vue2.js.map

package/components/organisms/JSidebarSimple.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSidebarSimple.vue2.js","sources":["../../../../src/components/organisms/JSidebarSimple.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, computed, watch } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport type { SidebarMenuItem, MenuPermission, MenuClickEvent } from '@/types/sidebar-menu.types'\r\nimport JDynamicMenuItem from './JSidebarSimple/JDynamicMenuItem.vue'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/**\r\n * JSidebarSimple - 간단한 사이드바 컴포넌트\r\n * Simple Sidebar Component\r\n * \r\n * @description\r\n * 다단계 메뉴 구조를 지원하는 기본 사이드바 컴포넌트입니다.\r\n * 권한 체크, 메뉴 검색 등의 기능을 제공합니다.\r\n * \r\n * @example\r\n * ```vue\r\n * <JSidebarSimple\r\n *   :menu-items=\"menuItems\"\r\n *   :permissions=\"userPermissions\"\r\n *   @menu-click=\"handleMenuClick\"\r\n * />\r\n * ```\r\n * \r\n * @example JSON 메뉴 데이터 예시\r\n * ```json\r\n * [\r\n *   {\r\n *     \"label\": \"대시보드\",\r\n *     \"icon\": \"house\",\r\n *     \"menuType\": \"L\",\r\n *     \"menuKey\": 1,\r\n *     \"path\": \"/dashboard\"\r\n *   },\r\n *   {\r\n *     \"label\": \"재고 관리\",\r\n *     \"icon\": \"package\",\r\n *     \"menuType\": \"F\",\r\n *     \"menuKey\": 2,\r\n *     \"children\": [\r\n *       {\r\n *         \"label\": \"재고 현황\",\r\n *         \"menuType\": \"L\",\r\n *         \"menuKey\": 21,\r\n *         \"path\": \"/inventory/status\"\r\n *       },\r\n *       {\r\n *         \"label\": \"입고 관리\",\r\n *         \"menuType\": \"L\",\r\n *         \"menuKey\": 22,\r\n *         \"path\": \"/inventory/receiving\"\r\n *       }\r\n *     ]\r\n *   }\r\n * ]\r\n * ```\r\n */\r\n\r\ntype StyleType = 'default' | 'minimal'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 메뉴 아이템 목록 */\r\n    menuItems: SidebarMenuItem[]\r\n    /** 권한 목록 */\r\n    permissions?: MenuPermission[]\r\n    /** 검색어 */\r\n    searchQuery?: string\r\n    /** 스타일 타입 */\r\n    styletype?: StyleType\r\n    /** 추가 CSS 클래스 */\r\n    class?: string\r\n    /** 너비 */\r\n    width?: string\r\n    /** 표시 여부 */\r\n    isVisible?: boolean\r\n  }>(),\r\n  {\r\n    permissions: () => [],\r\n    searchQuery: '',\r\n    styletype: 'default',\r\n    width: '250px',\r\n    isVisible: true,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** 메뉴 클릭 이벤트 */\r\n  menuClick: [event: MenuClickEvent]\r\n}>()\r\n\r\n// vue-router가 설정되지 않은 경우를 대비 (Storybook에서 router가 제공됨)\r\nconst route = useRoute()\r\n\r\n/**\r\n * 현재 활성화된 경로\r\n */\r\nconst activePath = computed(() => route.path)\r\n\r\n/**\r\n * 확장된 메뉴 키 목록 (Set)\r\n */\r\nconst expandedKeys = ref<Set<number | string>>(new Set())\r\n\r\n/**\r\n * 검색어로 필터링된 메뉴 아이템\r\n * 재귀적으로 children까지 검색\r\n */\r\nconst filteredMenuItems = computed(() => {\r\n  if (!Array.isArray(props.menuItems) || props.menuItems.length === 0) {\r\n    return []\r\n  }\r\n\r\n  if (!props.searchQuery || props.searchQuery.trim() === '') {\r\n    return props.menuItems\r\n  }\r\n\r\n  const query = props.searchQuery.toLowerCase().trim()\r\n\r\n  /**\r\n   * 메뉴 아이템을 재귀적으로 검색\r\n   */\r\n  const searchInMenu = (items: SidebarMenuItem[]): SidebarMenuItem[] => {\r\n    const result: SidebarMenuItem[] = []\r\n\r\n    if (!Array.isArray(items)) {\r\n      return result\r\n    }\r\n\r\n    for (const item of items) {\r\n      const matchesLabel = item.label?.toLowerCase().includes(query) ?? false\r\n\r\n      // 하위 메뉴 검색\r\n      let filteredChildren: SidebarMenuItem[] | undefined = undefined\r\n      if (item.children && Array.isArray(item.children) && item.children.length > 0) {\r\n        filteredChildren = searchInMenu(item.children)\r\n      }\r\n\r\n      // 현재 메뉴나 하위 메뉴 중 하나라도 매칭되면 포함\r\n      if (matchesLabel || (Array.isArray(filteredChildren) && filteredChildren.length > 0)) {\r\n        result.push({\r\n          ...item,\r\n          children: filteredChildren,\r\n        })\r\n      }\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  return searchInMenu(props.menuItems)\r\n})\r\n\r\n/**\r\n * 검색 결과에 따라 부모 메뉴 자동 확장\r\n * computed 외부에서 watch를 통해 처리\r\n */\r\nwatch(\r\n  () => filteredMenuItems.value,\r\n  (filtered) => {\r\n    if (!props.searchQuery || props.searchQuery.trim() === '') {\r\n      return\r\n    }\r\n\r\n    // 검색 결과에서 매칭된 하위 메뉴가 있는 부모를 찾아 확장\r\n    const findParentsWithMatches = (items: SidebarMenuItem[]): Set<number | string> => {\r\n      const keysToExpand = new Set<number | string>()\r\n\r\n      const traverse = (menuItems: SidebarMenuItem[]): void => {\r\n        if (!Array.isArray(menuItems)) {\r\n          return\r\n        }\r\n\r\n        for (const item of menuItems) {\r\n          if (item.children && Array.isArray(item.children) && item.children.length > 0) {\r\n            const key = item.menuKey || item.label\r\n            keysToExpand.add(key)\r\n            traverse(item.children)\r\n          }\r\n        }\r\n      }\r\n\r\n      traverse(items)\r\n      return keysToExpand\r\n    }\r\n\r\n    const keysToExpand = findParentsWithMatches(filtered)\r\n    keysToExpand.forEach(key => {\r\n      expandedKeys.value.add(key)\r\n    })\r\n  },\r\n  { immediate: false }\r\n)\r\n\r\n/**\r\n * 확장 상태 변경 핸들러\r\n */\r\nconst handleExpandChange = (menuKey: number | string | undefined, expanded: boolean) => {\r\n  if (!menuKey) return\r\n\r\n  if (expanded) {\r\n    expandedKeys.value.add(menuKey)\r\n  } else {\r\n    expandedKeys.value.delete(menuKey)\r\n  }\r\n}\r\n\r\n/**\r\n * 메뉴 클릭 핸들러\r\n */\r\nconst handleMenuClick = (event: MenuClickEvent) => {\r\n  emit('menuClick', event)\r\n}\r\n\r\n/**\r\n * 스타일 프리셋\r\n */\r\nconst STYLE_PRESETS: Record<StyleType, {\r\n  containerClass: string\r\n  menuPaddingClass: string\r\n}> = {\r\n  default: {\r\n    containerClass: 'h-full bg-background border-r border-border overflow-y-auto',\r\n    menuPaddingClass: 'p-2',\r\n  },\r\n  minimal: {\r\n    containerClass: 'h-full bg-background border-r border-border overflow-y-auto',\r\n    menuPaddingClass: 'p-1',\r\n  },\r\n}\r\n\r\nconst preset = computed(() => {\r\n  return STYLE_PRESETS[props.styletype] ?? STYLE_PRESETS.default\r\n})\r\n\r\n/**\r\n * 루트 클래스\r\n */\r\nconst rootClasses = computed(() => {\r\n  return cn(\r\n    preset.value.containerClass,\r\n    props.class\r\n  )\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Transition name=\"slide\">\r\n    <aside v-show=\"props.isVisible\" :class=\"rootClasses\" :style=\"{ width }\">\r\n      <div :class=\"cn(preset.menuPaddingClass, 'space-y-1')\">\r\n        <JDynamicMenuItem\r\n          v-for=\"(item, index) in filteredMenuItems\"\r\n          :key=\"item.menuKey || item.label || index\"\r\n          :item=\"item\"\r\n          :level=\"0\"\r\n          :permissions=\"permissions\"\r\n          :active-path=\"activePath\"\r\n          :expanded-keys=\"expandedKeys\"\r\n          :styletype=\"styletype\"\r\n          @menu-click=\"handleMenuClick\"\r\n          @expand-change=\"handleExpandChange\"\r\n        />\r\n      </div>\r\n    </aside>\r\n  </Transition>\r\n</template>\r\n\r\n<style scoped>\r\n.slide-enter-active,\r\n.slide-leave-active {\r\n  transition: transform 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n.slide-enter-from,\r\n.slide-leave-to {\r\n  transform: translateX(-100%);\r\n  opacity: 0;\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","route","useRoute","activePath","computed","expandedKeys","ref","filteredMenuItems","query","searchInMenu","items","result","item","matchesLabel","filteredChildren","watch","filtered","keysToExpand","traverse","menuItems","key","handleExpandChange","menuKey","expanded","handleMenuClick","event","STYLE_PRESETS","preset","rootClasses","cn","_createBlock","_Transition","_createElementVNode","_normalizeClass","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","index","JDynamicMenuItem","_vShow"],"mappings":"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"}

package/components/shadcn/Accordion.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("reka-ui"),u=e.defineComponent({__name:"Accordion",props:{collapsible:{type:Boolean},disabled:{type:Boolean},dir:{},orientation:{},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{},type:{},modelValue:{},defaultValue:{}},emits:["update:modelValue"],setup(t,{emit:r}){const n=t,a=r,l=o.useForwardPropsEmits(n,a);return(s,i)=>(e.openBlock(),e.createBlock(e.unref(o.AccordionRoot),e.normalizeProps(e.guardReactiveProps(e.unref(l))),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16))}});exports.default=u;
+//# sourceMappingURL=Accordion.vue.cjs.map

package/components/shadcn/Accordion.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue.cjs","sources":["../../../../src/components/shadcn/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionRootEmits, AccordionRootProps } from \"reka-ui\"\r\nimport {\r\n  AccordionRoot,\r\n\r\n  useForwardPropsEmits,\r\n} from \"reka-ui\"\r\n\r\nconst props = defineProps<AccordionRootProps>()\r\nconst emits = defineEmits<AccordionRootEmits>()\r\n\r\nconst forwarded = useForwardPropsEmits(props, emits)\r\n</script>\r\n\r\n<template>\r\n  <AccordionRoot v-bind=\"forwarded\">\r\n    <slot />\r\n  </AccordionRoot>\r\n</template>\r\n"],"names":["props","__props","emits","__emit","forwarded","useForwardPropsEmits","_openBlock","_createBlock","_unref","_renderSlot","_ctx"],"mappings":"+ZAQA,MAAMA,EAAQC,EACRC,EAAQC,EAERC,EAAYC,EAAAA,qBAAqBL,EAAOE,CAAK,gBAIjDI,YAAA,EAAAC,cAEgBC,EAAAA,6DAFOA,EAAAA,MAAAJ,CAAA,CAAS,CAAA,EAAA,mBAC9B,IAAQ,CAARK,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/shadcn/Accordion.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, createBlock as s, openBlock as l, unref as e, normalizeProps as p, guardReactiveProps as i, withCtx as d, renderSlot as c } from "vue";
+import { useForwardPropsEmits as m, AccordionRoot as u } from "reka-ui";
+const w = /* @__PURE__ */ n({
+  __name: "Accordion",
+  props: {
+    collapsible: { type: Boolean },
+    disabled: { type: Boolean },
+    dir: {},
+    orientation: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    type: {},
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: t }) {
+    const r = m(o, t);
+    return (a, _) => (l(), s(e(u), p(i(e(r))), {
+      default: d(() => [
+        c(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=Accordion.vue.js.map

package/components/shadcn/Accordion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue.js","sources":["../../../../src/components/shadcn/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionRootEmits, AccordionRootProps } from \"reka-ui\"\r\nimport {\r\n  AccordionRoot,\r\n\r\n  useForwardPropsEmits,\r\n} from \"reka-ui\"\r\n\r\nconst props = defineProps<AccordionRootProps>()\r\nconst emits = defineEmits<AccordionRootEmits>()\r\n\r\nconst forwarded = useForwardPropsEmits(props, emits)\r\n</script>\r\n\r\n<template>\r\n  <AccordionRoot v-bind=\"forwarded\">\r\n    <slot />\r\n  </AccordionRoot>\r\n</template>\r\n"],"names":["forwarded","useForwardPropsEmits","__props","__emit","_openBlock","_createBlock","_unref","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAYC,EAHJC,GACAC,CAEqC;sBAIjDC,EAAA,GAAAC,EAEgBC,UAFOA,EAAAN,CAAA,CAAS,CAAA,GAAA;AAAA,iBAC9B,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/shadcn/Accordion.vue2.cjs

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

package/components/shadcn/Accordion.vue2.cjs.map

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

package/components/shadcn/Accordion.vue2.js

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

package/components/shadcn/Accordion.vue2.js.map

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

package/components/shadcn/AccordionContent.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vueuse/core"),s=require("reka-ui"),c=require("../../lib/utils.cjs"),l=e.defineComponent({__name:"AccordionContent",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{},class:{}},setup(o){const t=o,n=a.reactiveOmit(t,"class");return(r,i)=>(e.openBlock(),e.createBlock(e.unref(s.AccordionContent),e.mergeProps(e.unref(n),{class:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c.cn)("pb-4 pt-0",t.class))},[e.renderSlot(r.$slots,"default")],2)]),_:3},16))}});exports.default=l;
+//# sourceMappingURL=AccordionContent.vue.cjs.map

package/components/shadcn/AccordionContent.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.vue.cjs","sources":["../../../../src/components/shadcn/AccordionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionContentProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { reactiveOmit } from \"@vueuse/core\"\r\nimport { AccordionContent } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<AccordionContentProps & { class?: HTMLAttributes[\"class\"] }>()\r\n\r\nconst delegatedProps = reactiveOmit(props, \"class\")\r\n</script>\r\n\r\n<template>\r\n  <AccordionContent\r\n    v-bind=\"delegatedProps\"\r\n    class=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\r\n  >\r\n    <div :class=\"cn('pb-4 pt-0', props.class)\">\r\n      <slot />\r\n    </div>\r\n  </AccordionContent>\r\n</template>\r\n"],"names":["props","__props","delegatedProps","reactiveOmit","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_normalizeClass","cn","_renderSlot","_ctx"],"mappings":"mVAOA,MAAMA,EAAQC,EAERC,EAAiBC,EAAAA,aAAaH,EAAO,OAAO,gBAIhDI,EAAAA,UAAA,EAAAC,EAAAA,YAOmBC,EAAAA,0BAPnBC,EAAAA,WAOmBD,EAAAA,SANK,CACtB,MAAM,0HAAA,CAA0H,EAAA,mBAEhI,IAEM,CAFNE,EAAAA,mBAEM,MAAA,CAFA,MAAKC,EAAAA,eAAEH,QAAAI,EAAAA,EAAA,EAAE,YAAcV,EAAM,KAAK,CAAA,CAAA,GACtCW,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/shadcn/AccordionContent.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as r, createBlock as s, openBlock as c, unref as e, mergeProps as l, withCtx as i, createElementVNode as d, normalizeClass as p, renderSlot as m } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { AccordionContent as u } from "reka-ui";
+import { cn as C } from "../../lib/utils.js";
+const x = /* @__PURE__ */ r({
+  __name: "AccordionContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(t) {
+    const o = t, a = f(o, "class");
+    return (n, _) => (c(), s(e(u), l(e(a), { class: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
+      default: i(() => [
+        d("div", {
+          class: p(e(C)("pb-4 pt-0", o.class))
+        }, [
+          m(n.$slots, "default")
+        ], 2)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=AccordionContent.vue.js.map

package/components/shadcn/AccordionContent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.vue.js","sources":["../../../../src/components/shadcn/AccordionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionContentProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { reactiveOmit } from \"@vueuse/core\"\r\nimport { AccordionContent } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<AccordionContentProps & { class?: HTMLAttributes[\"class\"] }>()\r\n\r\nconst delegatedProps = reactiveOmit(props, \"class\")\r\n</script>\r\n\r\n<template>\r\n  <AccordionContent\r\n    v-bind=\"delegatedProps\"\r\n    class=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\r\n  >\r\n    <div :class=\"cn('pb-4 pt-0', props.class)\">\r\n      <slot />\r\n    </div>\r\n  </AccordionContent>\r\n</template>\r\n"],"names":["props","__props","delegatedProps","reactiveOmit","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_normalizeClass","cn","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAiBC,EAAaH,GAAO,OAAO;sBAIhDI,EAAA,GAAAC,EAOmBC,MAPnBC,EAOmBD,MANK,EACtB,OAAM,2HAAA,CAA0H,GAAA;AAAA,iBAEhI,MAEM;AAAA,QAFNE,EAEM,OAAA;AAAA,UAFA,OAAKC,EAAEH,EAAAI,CAAA,EAAE,aAAcV,EAAM,KAAK,CAAA;AAAA,QAAA;UACtCW,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/components/shadcn/AccordionContent.vue2.cjs

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

package/components/shadcn/AccordionContent.vue2.cjs.map

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

package/components/shadcn/AccordionContent.vue2.js

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

package/components/shadcn/AccordionContent.vue2.js.map

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

package/components/shadcn/AccordionItem.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vueuse/core"),r=require("reka-ui"),l=require("../../lib/utils.cjs"),u=e.defineComponent({__name:"AccordionItem",props:{disabled:{type:Boolean},value:{},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{},class:{}},setup(s){const o=s,t=a.reactiveOmit(o,"class"),n=r.useForwardProps(t);return(c,d)=>(e.openBlock(),e.createBlock(e.unref(r.AccordionItem),e.mergeProps(e.unref(n),{class:e.unref(l.cn)("border-b",o.class)}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["class"]))}});exports.default=u;
+//# sourceMappingURL=AccordionItem.vue.cjs.map

package/components/shadcn/AccordionItem.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.vue.cjs","sources":["../../../../src/components/shadcn/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionItemProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { reactiveOmit } from \"@vueuse/core\"\r\nimport { AccordionItem, useForwardProps } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<AccordionItemProps & { class?: HTMLAttributes[\"class\"] }>()\r\n\r\nconst delegatedProps = reactiveOmit(props, \"class\")\r\n\r\nconst forwardedProps = useForwardProps(delegatedProps)\r\n</script>\r\n\r\n<template>\r\n  <AccordionItem\r\n    v-bind=\"forwardedProps\"\r\n    :class=\"cn('border-b', props.class)\"\r\n  >\r\n    <slot />\r\n  </AccordionItem>\r\n</template>\r\n"],"names":["props","__props","delegatedProps","reactiveOmit","forwardedProps","useForwardProps","_createBlock","_unref","AccordionItem","_mergeProps","cn","_renderSlot","_ctx"],"mappings":"oXAOA,MAAMA,EAAQC,EAERC,EAAiBC,EAAAA,aAAaH,EAAO,OAAO,EAE5CI,EAAiBC,EAAAA,gBAAgBH,CAAc,8BAInDI,EAAAA,YAKgBC,EAAAA,MAAAC,EAAAA,aAAA,EALhBC,EAAAA,WAKgBF,QAAAH,CAAA,EAJQ,CACrB,MAAOG,EAAAA,MAAAG,EAAAA,EAAA,EAAE,WAAaV,EAAM,KAAK,CAAA,sBAElC,IAAQ,CAARW,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/shadcn/AccordionItem.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as n, createBlock as c, openBlock as l, unref as o, mergeProps as p, withCtx as d, renderSlot as m } from "vue";
+import { reactiveOmit as i } from "@vueuse/core";
+import { useForwardProps as f, AccordionItem as u } from "reka-ui";
+import { cn as _ } from "../../lib/utils.js";
+const y = /* @__PURE__ */ n({
+  __name: "AccordionItem",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const e = r, t = i(e, "class"), s = f(t);
+    return (a, B) => (l(), c(o(u), p(o(s), {
+      class: o(_)("border-b", e.class)
+    }), {
+      default: d(() => [
+        m(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=AccordionItem.vue.js.map

package/components/shadcn/AccordionItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.vue.js","sources":["../../../../src/components/shadcn/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionItemProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { reactiveOmit } from \"@vueuse/core\"\r\nimport { AccordionItem, useForwardProps } from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<AccordionItemProps & { class?: HTMLAttributes[\"class\"] }>()\r\n\r\nconst delegatedProps = reactiveOmit(props, \"class\")\r\n\r\nconst forwardedProps = useForwardProps(delegatedProps)\r\n</script>\r\n\r\n<template>\r\n  <AccordionItem\r\n    v-bind=\"forwardedProps\"\r\n    :class=\"cn('border-b', props.class)\"\r\n  >\r\n    <slot />\r\n  </AccordionItem>\r\n</template>\r\n"],"names":["props","__props","delegatedProps","reactiveOmit","forwardedProps","useForwardProps","_createBlock","_unref","AccordionItem","_mergeProps","cn","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAiBC,EAAaH,GAAO,OAAO,GAE5CI,IAAiBC,EAAgBH,CAAc;2BAInDI,EAKgBC,EAAAC,CAAA,GALhBC,EAKgBF,EAAAH,CAAA,GAJQ;AAAA,MACrB,OAAOG,EAAAG,CAAA,EAAE,YAAaV,EAAM,KAAK;AAAA,IAAA;iBAElC,MAAQ;AAAA,QAARW,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/components/shadcn/AccordionItem.vue2.cjs

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

package/components/shadcn/AccordionItem.vue2.cjs.map

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

package/components/shadcn/AccordionItem.vue2.js

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

package/components/shadcn/AccordionItem.vue2.js.map

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

package/components/shadcn/AccordionTrigger.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vueuse/core"),c=require("lucide-vue-next"),o=require("reka-ui"),i=require("../../lib/utils.cjs"),l=e.defineComponent({__name:"AccordionTrigger",props:{asChild:{type:Boolean},as:{},class:{}},setup(s){const r=s,n=a.reactiveOmit(r,"class");return(t,u)=>(e.openBlock(),e.createBlock(e.unref(o.AccordionHeader),{class:"flex"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.AccordionTrigger),e.mergeProps(e.unref(n),{class:e.unref(i.cn)("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",r.class)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"icon",{},()=>[e.createVNode(e.unref(c.ChevronDown),{class:"h-4 w-4 shrink-0 transition-transform duration-200"})])]),_:3},16,["class"])]),_:3}))}});exports.default=l;
+//# sourceMappingURL=AccordionTrigger.vue.cjs.map

package/components/shadcn/AccordionTrigger.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.vue.cjs","sources":["../../../../src/components/shadcn/AccordionTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionTriggerProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { reactiveOmit } from \"@vueuse/core\"\r\nimport { ChevronDown } from \"lucide-vue-next\"\r\nimport {\r\n  AccordionHeader,\r\n  AccordionTrigger,\r\n\r\n} from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes[\"class\"] }>()\r\n\r\nconst delegatedProps = reactiveOmit(props, \"class\")\r\n</script>\r\n\r\n<template>\r\n  <AccordionHeader class=\"flex\">\r\n    <AccordionTrigger\r\n      v-bind=\"delegatedProps\"\r\n      :class=\"\r\n        cn(\r\n          'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\r\n          props.class,\r\n        )\r\n      \"\r\n    >\r\n      <slot />\r\n      <slot name=\"icon\">\r\n        <ChevronDown\r\n          class=\"h-4 w-4 shrink-0 transition-transform duration-200\"\r\n        />\r\n      </slot>\r\n    </AccordionTrigger>\r\n  </AccordionHeader>\r\n</template>\r\n"],"names":["props","__props","delegatedProps","reactiveOmit","_createBlock","_unref","AccordionHeader","_createVNode","AccordionTrigger","_mergeProps","cn","_renderSlot","_ctx","ChevronDown"],"mappings":"sVAYA,MAAMA,EAAQC,EAERC,EAAiBC,EAAAA,aAAaH,EAAO,OAAO,8BAIhDI,EAAAA,YAiBkBC,EAAAA,MAAAC,EAAAA,eAAA,EAAA,CAjBD,MAAM,QAAM,mBAC3B,IAemB,CAfnBC,EAAAA,YAemBF,EAAAA,MAAAG,EAAAA,gBAAA,EAfnBC,EAAAA,WAemBJ,EAAAA,MAAAH,CAAA,EAdK,CACrB,MAAiBG,EAAAA,MAAAK,IAAA,iIAA0JV,EAAM,KAAA,uBAOlL,IAAQ,CAARW,aAAQC,EAAA,OAAA,SAAA,EACRD,EAAAA,WAIOC,mBAJP,IAIO,CAHLL,EAAAA,YAEEF,EAAAA,MAAAQ,EAAAA,WAAA,EAAA,CADA,MAAM,qDAAoD,CAAA"}

package/components/shadcn/AccordionTrigger.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as c, createBlock as l, openBlock as m, unref as e, withCtx as t, createVNode as s, mergeProps as d, renderSlot as n } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { ChevronDown as p } from "lucide-vue-next";
+import { AccordionHeader as u, AccordionTrigger as g } from "reka-ui";
+import { cn as h } from "../../lib/utils.js";
+const y = /* @__PURE__ */ c({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const o = a, i = f(o, "class");
+    return (r, _) => (m(), l(e(u), { class: "flex" }, {
+      default: t(() => [
+        s(e(g), d(e(i), {
+          class: e(h)(
+            "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+            o.class
+          )
+        }), {
+          default: t(() => [
+            n(r.$slots, "default"),
+            n(r.$slots, "icon", {}, () => [
+              s(e(p), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })
+            ])
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=AccordionTrigger.vue.js.map

package/components/shadcn/AccordionTrigger.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.vue.js","sources":["../../../../src/components/shadcn/AccordionTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AccordionTriggerProps } from \"reka-ui\"\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport { reactiveOmit } from \"@vueuse/core\"\r\nimport { ChevronDown } from \"lucide-vue-next\"\r\nimport {\r\n  AccordionHeader,\r\n  AccordionTrigger,\r\n\r\n} from \"reka-ui\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes[\"class\"] }>()\r\n\r\nconst delegatedProps = reactiveOmit(props, \"class\")\r\n</script>\r\n\r\n<template>\r\n  <AccordionHeader class=\"flex\">\r\n    <AccordionTrigger\r\n      v-bind=\"delegatedProps\"\r\n      :class=\"\r\n        cn(\r\n          'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\r\n          props.class,\r\n        )\r\n      \"\r\n    >\r\n      <slot />\r\n      <slot name=\"icon\">\r\n        <ChevronDown\r\n          class=\"h-4 w-4 shrink-0 transition-transform duration-200\"\r\n        />\r\n      </slot>\r\n    </AccordionTrigger>\r\n  </AccordionHeader>\r\n</template>\r\n"],"names":["props","__props","delegatedProps","reactiveOmit","_createBlock","_unref","AccordionHeader","_createVNode","AccordionTrigger","_mergeProps","cn","_renderSlot","_ctx","ChevronDown"],"mappings":";;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAERC,IAAiBC,EAAaH,GAAO,OAAO;2BAIhDI,EAiBkBC,EAAAC,CAAA,GAAA,EAjBD,OAAM,UAAM;AAAA,iBAC3B,MAemB;AAAA,QAfnBC,EAemBF,EAAAG,CAAA,GAfnBC,EAemBJ,EAAAH,CAAA,GAdK;AAAA,UACrB,OAAiBG,EAAAK,CAAA;AAAA;YAA0JV,EAAM;AAAA,UAAA;AAAA;qBAOlL,MAAQ;AAAA,YAARW,EAAQC,EAAA,QAAA,SAAA;AAAA,YACRD,EAIOC,sBAJP,MAIO;AAAA,cAHLL,EAEEF,EAAAQ,CAAA,GAAA,EADA,OAAM,sDAAoD;AAAA,YAAA;;;;;;;;;"}

package/components/shadcn/AccordionTrigger.vue2.cjs

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

package/components/shadcn/AccordionTrigger.vue2.cjs.map

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

package/components/shadcn/AccordionTrigger.vue2.js

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

package/components/shadcn/AccordionTrigger.vue2.js.map

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

package/components/shadcn/Alert.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../lib/utils.cjs"),s=require("./alert-variants.cjs"),l=e.defineComponent({__name:"Alert",props:{class:{},variant:{}},setup(r){const t=r;return(a,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.cn)(e.unref(s.alertVariants)({variant:r.variant}),t.class)),role:"alert"},[e.renderSlot(a.$slots,"default")],2))}});exports.default=l;
+//# sourceMappingURL=Alert.vue.cjs.map

package/components/shadcn/Alert.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.vue.cjs","sources":["../../../../src/components/shadcn/Alert.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport type { AlertVariants } from \"./alert-variants\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport { alertVariants } from \"./alert-variants\"\r\n\r\nconst props = defineProps<{\r\n  class?: HTMLAttributes[\"class\"]\r\n  variant?: AlertVariants[\"variant\"]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"cn(alertVariants({ variant }), props.class)\" role=\"alert\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","_createElementBlock","_normalizeClass","_unref","alertVariants","_renderSlot","_ctx"],"mappings":"+QAMA,MAAMA,EAAQC,8BAOZC,EAAAA,mBAEM,MAAA,CAFA,MAAKC,EAAAA,eAAEC,EAAAA,YAAGA,EAAAA,MAAAC,EAAAA,aAAA,WAAgBJ,EAAA,OAAA,CAAO,EAAKD,EAAM,KAAK,CAAA,EAAG,KAAK,OAAA,GAC7DM,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/components/shadcn/Alert.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as n, createElementBlock as o, openBlock as s, normalizeClass as l, unref as e, renderSlot as c } from "vue";
+import { cn as i } from "../../lib/utils.js";
+import { alertVariants as m } from "./alert-variants.js";
+const v = /* @__PURE__ */ n({
+  __name: "Alert",
+  props: {
+    class: {},
+    variant: {}
+  },
+  setup(r) {
+    const t = r;
+    return (a, p) => (s(), o("div", {
+      class: l(e(i)(e(m)({ variant: r.variant }), t.class)),
+      role: "alert"
+    }, [
+      c(a.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=Alert.vue.js.map

package/components/shadcn/Alert.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.vue.js","sources":["../../../../src/components/shadcn/Alert.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { HTMLAttributes } from \"vue\"\r\nimport type { AlertVariants } from \"./alert-variants\"\r\nimport { cn } from \"@/lib/utils\"\r\nimport { alertVariants } from \"./alert-variants\"\r\n\r\nconst props = defineProps<{\r\n  class?: HTMLAttributes[\"class\"]\r\n  variant?: AlertVariants[\"variant\"]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"cn(alertVariants({ variant }), props.class)\" role=\"alert\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n"],"names":["props","__props","_createElementBlock","_normalizeClass","_unref","alertVariants","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAMA,UAAMA,IAAQC;2BAOZC,EAEM,OAAA;AAAA,MAFA,OAAKC,EAAEC,KAAGA,EAAAC,CAAA,aAAgBJ,EAAA,QAAA,CAAO,GAAKD,EAAM,KAAK,CAAA;AAAA,MAAG,MAAK;AAAA,IAAA;MAC7DM,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/components/shadcn/Alert.vue2.cjs

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

package/components/shadcn/Alert.vue2.cjs.map

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

package/components/shadcn/Alert.vue2.js

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

package/components/shadcn/Alert.vue2.js.map

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