cisse-vue-ui 0.5.17 → 0.5.22

package/dist/PageLayout.vue_vue_type_script_setup_true_lang-kT7np2ir.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-kT7np2ir.js","sources":["../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport MenuItem from '@/components/core/MenuItem.vue'\nimport Dropdown from '@/components/core/Dropdown.vue'\nimport type { MenuItemProps } from '@/types'\n\nexport interface UserMenuItem {\n  label: string\n  icon?: string\n  link?: string\n  action?: () => void\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Menu items for the sidebar */\n    menuItems?: MenuItemProps[]\n    /** App/brand name displayed in sidebar */\n    appName?: string\n    /** App icon (iconify icon name) */\n    appIcon?: string\n    /** Whether sidebar is open (v-model:sidebarOpen) */\n    sidebarOpen?: boolean\n    /** Whether dark mode is enabled (v-model:dark) */\n    dark?: boolean\n    /** Show dark mode toggle in header */\n    showDarkToggle?: boolean\n    /** Primary color class for sidebar background */\n    sidebarClass?: string\n    /** Current route path for menu active state (pass useRoute().path) */\n    currentPath?: string\n    /** User display name */\n    userName?: string\n    /** User avatar (initials or image URL) */\n    userAvatar?: string\n    /** User menu items (dropdown) */\n    userMenuItems?: UserMenuItem[]\n  }>(),\n  {\n    menuItems: () => [],\n    appName: 'App',\n    appIcon: 'lucide:box',\n    sidebarOpen: true,\n    dark: false,\n    showDarkToggle: true,\n    sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\n    currentPath: undefined,\n    userName: undefined,\n    userAvatar: undefined,\n    userMenuItems: () => [],\n  },\n)\n\nconst emit = defineEmits<{\n  'update:sidebarOpen': [value: boolean]\n  'update:dark': [value: boolean]\n}>()\n\nconst internalSidebarOpen = ref(props.sidebarOpen)\nconst internalDark = ref(props.dark)\n\nconst sidebarOpenModel = computed({\n  get: () => props.sidebarOpen ?? internalSidebarOpen.value,\n  set: (value: boolean) => {\n    internalSidebarOpen.value = value\n    emit('update:sidebarOpen', value)\n  },\n})\n\nconst darkModel = computed({\n  get: () => props.dark ?? internalDark.value,\n  set: (value: boolean) => {\n    internalDark.value = value\n    emit('update:dark', value)\n  },\n})\n\nconst toggleSidebar = () => {\n  sidebarOpenModel.value = !sidebarOpenModel.value\n}\n\nconst toggleDark = () => {\n  darkModel.value = !darkModel.value\n}\n\n// Try to resolve RouterView\nconst routerViewComponent = computed(() => {\n  try {\n    const RouterView = resolveComponent('RouterView')\n    if (typeof RouterView !== 'string') {\n      return RouterView\n    }\n  } catch {\n    // RouterView not available\n  }\n  return null\n})\n\n// Try to resolve RouterLink\nconst routerLinkComponent = computed(() => {\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst getLinkProps = (link: string) => {\n  if (routerLinkComponent.value === 'a') {\n    return { href: link }\n  }\n  return { to: link }\n}\n\nconst handleUserMenuClick = (item: UserMenuItem) => {\n  if (item.action) {\n    item.action()\n  }\n}\n</script>\n\n<template>\n  <div class=\"font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900\">\n    <!-- Backdrop for mobile -->\n    <div\n      v-if=\"sidebarOpenModel\"\n      class=\"absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20\"\n      @click=\"sidebarOpenModel = false\"\n    />\n\n    <!-- Sidebar -->\n    <aside\n      :class=\"[\n        sidebarOpenModel ? 'lg:w-60' : '-translate-x-76 lg:w-16 lg:translate-x-0',\n        sidebarClass,\n      ]\"\n      class=\"@container absolute z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out lg:relative\"\n    >\n      <!-- Sidebar Header -->\n      <div class=\"flex h-16 items-center px-3\">\n        <div class=\"flex flex-1 items-center justify-center gap-3\">\n          <slot name=\"logo\">\n            <div\n              class=\"bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20\"\n            >\n              <Icon\n                class=\"size-5 text-white\"\n                :icon=\"appIcon\"\n              />\n            </div>\n            <span\n              :class=\"sidebarOpenModel ? 'block' : 'hidden'\"\n              class=\"font-outfit flex-1 text-lg font-semibold text-white\"\n            >\n              {{ appName }}\n            </span>\n          </slot>\n        </div>\n\n        <button\n          class=\"rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden\"\n          @click=\"toggleSidebar\"\n        >\n          <Icon\n            class=\"size-6 text-white\"\n            icon=\"lucide:menu\"\n          />\n        </button>\n      </div>\n\n      <!-- Menu Items -->\n      <div\n        :class=\"sidebarOpenModel ? 'items-start' : 'items-center'\"\n        class=\"flex flex-1 flex-col gap-8 px-2 lg:justify-center\"\n      >\n        <slot\n          name=\"menu\"\n          :current-path=\"currentPath\"\n        >\n          <MenuItem\n            v-for=\"(item, index) in menuItems\"\n            :key=\"index\"\n            :menu-item=\"item\"\n            :expanded=\"sidebarOpenModel\"\n            :current-path=\"currentPath\"\n          />\n        </slot>\n      </div>\n\n      <!-- Sidebar Footer -->\n      <div class=\"flex flex-col gap-3 px-3 pb-3\">\n        <slot name=\"sidebar-footer\" />\n      </div>\n    </aside>\n\n    <!-- Main Content Area -->\n    <div class=\"flex flex-1 flex-col min-w-0\">\n      <!-- Header -->\n      <header\n        class=\"flex h-16 items-center justify-between border-b border-slate-200 bg-white px-4 dark:border-slate-800 dark:bg-slate-950\"\n      >\n        <div>\n          <button\n            class=\"rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\n            @click=\"toggleSidebar\"\n          >\n            <Icon\n              class=\"size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100\"\n              icon=\"lucide:menu\"\n            />\n          </button>\n        </div>\n\n        <div class=\"flex-1\">\n          <slot name=\"header-center\" />\n        </div>\n\n        <div class=\"flex items-center gap-3\">\n          <slot name=\"header-actions\" />\n\n          <button\n            v-if=\"showDarkToggle\"\n            class=\"flex items-center justify-center rounded-lg bg-gray-100 p-2 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\n            @click=\"toggleDark\"\n          >\n            <Icon\n              :icon=\"darkModel ? 'lucide:sun' : 'lucide:moon'\"\n              class=\"size-5 text-gray-900 dark:text-gray-100\"\n            />\n          </button>\n\n          <!-- User Menu -->\n          <Dropdown\n            v-if=\"userName || userAvatar\"\n            align=\"right\"\n          >\n            <template #trigger>\n              <button\n                class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\n              >\n                <div\n                  class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\n                >\n                  {{ userAvatar || '?' }}\n                </div>\n                <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\n                  {{ userName }}\n                </span>\n                <Icon\n                  icon=\"lucide:chevron-down\"\n                  class=\"size-4 text-gray-500\"\n                />\n              </button>\n            </template>\n\n            <template #default=\"{ close }\">\n              <div class=\"min-w-48 py-1\">\n                <component\n                  :is=\"item.link ? routerLinkComponent : 'button'\"\n                  v-for=\"item in userMenuItems\"\n                  :key=\"item.label\"\n                  v-bind=\"item.link ? getLinkProps(item.link) : {}\"\n                  class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800\"\n                  @click=\"handleUserMenuClick(item); close()\"\n                >\n                  <Icon\n                    v-if=\"item.icon\"\n                    :icon=\"item.icon\"\n                    class=\"size-4\"\n                  />\n                  {{ item.label }}\n                </component>\n              </div>\n            </template>\n          </Dropdown>\n        </div>\n      </header>\n\n      <!-- Page Content -->\n      <div class=\"flex flex-1 flex-col overflow-y-auto overflow-x-hidden\">\n        <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full\">\n          <slot>\n            <component\n              :is=\"routerViewComponent\"\n              v-if=\"routerViewComponent\"\n            />\n          </slot>\n        </main>\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\n\nexport interface PageBreadcrumb {\n  label: string\n  link: string\n}\n\ndefineProps<{\n  /** Page title */\n  title?: string\n  /** Page description */\n  description?: string\n  /** Breadcrumb navigation items */\n  breadcrumbs?: PageBreadcrumb[]\n}>()\n\n// Try to resolve RouterLink\nconst linkComponent = computed(() => {\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst getLinkProps = (link: string) => {\n  if (linkComponent.value === 'a') {\n    return { href: link }\n  }\n  return { to: link }\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-4\">\n    <!-- Breadcrumbs -->\n    <nav\n      v-if=\"breadcrumbs && breadcrumbs.length > 0\"\n      aria-label=\"Breadcrumb\"\n    >\n      <ol class=\"flex items-center\">\n        <li\n          v-for=\"(breadcrumb, index) in breadcrumbs\"\n          :key=\"index\"\n          class=\"flex items-center\"\n        >\n          <span\n            v-if=\"index > 0\"\n            class=\"mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600\"\n          >\n            /\n          </span>\n\n          <slot\n            name=\"breadcrumb\"\n            :breadcrumb=\"breadcrumb\"\n            :index=\"index\"\n            :is-last=\"index === breadcrumbs.length - 1\"\n          >\n            <component\n              :is=\"linkComponent\"\n              v-bind=\"getLinkProps(breadcrumb.link)\"\n              :class=\"[\n                'text-sm transition-colors',\n                index < breadcrumbs.length - 1\n                  ? 'font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100'\n                  : 'text-gray-400 dark:text-gray-600',\n              ]\"\n            >\n              {{ breadcrumb.label }}\n            </component>\n          </slot>\n        </li>\n      </ol>\n    </nav>\n\n    <!-- Page Header -->\n    <div class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\n      <div class=\"flex flex-col gap-1 min-w-0 flex-1\">\n        <h1\n          v-if=\"title\"\n          class=\"text-2xl font-bold text-gray-900 dark:text-gray-100 truncate\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </h1>\n\n        <p\n          v-if=\"description\"\n          class=\"text-sm text-gray-600 dark:text-gray-400\"\n        >\n          <slot name=\"description\">\n            {{ description }}\n          </slot>\n        </p>\n      </div>\n\n      <div class=\"flex items-center gap-2 flex-wrap flex-shrink-0\">\n        <slot name=\"actions\" />\n      </div>\n    </div>\n\n    <!-- Page Content -->\n    <div class=\"flex-1\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_renderSlot","_hoisted_4","_createVNode","_unref","_Fragment","_renderList","_createBlock","MenuItem","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","Dropdown","_hoisted_10","_toDisplayString","_withCtx","_resolveDynamicComponent","_mergeProps","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAwCd,UAAM,OAAO;AAKb,UAAM,sBAAsB,IAAI,MAAM,WAAW;AACjD,UAAM,eAAe,IAAI,MAAM,IAAI;AAEnC,UAAM,mBAAmB,SAAS;AAAA,MAChC,KAAK,MAAM,MAAM,eAAe,oBAAoB;AAAA,MACpD,KAAK,CAAC,UAAmB;AACvB,4BAAoB,QAAQ;AAC5B,aAAK,sBAAsB,KAAK;AAAA,MAClC;AAAA,IAAA,CACD;AAED,UAAM,YAAY,SAAS;AAAA,MACzB,KAAK,MAAM,MAAM,QAAQ,aAAa;AAAA,MACtC,KAAK,CAAC,UAAmB;AACvB,qBAAa,QAAQ;AACrB,aAAK,eAAe,KAAK;AAAA,MAC3B;AAAA,IAAA,CACD;AAED,UAAM,gBAAgB,MAAM;AAC1B,uBAAiB,QAAQ,CAAC,iBAAiB;AAAA,IAC7C;AAEA,UAAM,aAAa,MAAM;AACvB,gBAAU,QAAQ,CAAC,UAAU;AAAA,IAC/B;AAGA,UAAM,sBAAsB,SAAS,MAAM;AACzC,UAAI;AACF,cAAM,aAAa,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,sBAAsB,SAAS,MAAM;AACzC,UAAI;AACF,cAAM,aAAa,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,CAAC,SAAiB;AACrC,UAAI,oBAAoB,UAAU,KAAK;AACrC,eAAO,EAAE,MAAM,KAAA;AAAA,MACjB;AACA,aAAO,EAAE,IAAI,KAAA;AAAA,IACf;AAEA,UAAM,sBAAsB,CAAC,SAAuB;AAClD,UAAI,KAAK,QAAQ;AACf,aAAK,OAAA;AAAA,MACP;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBAwKM,OAxKNC,cAwKM;AAAA,QArKI,iBAAA,sBADRD,mBAIE,OAAA;AAAA;UAFA,OAAM;AAAA,UACL,+CAAO,iBAAA,QAAgB;AAAA,QAAA;QAI1BE,mBA8DQ,SAAA;AAAA,UA7DL,OAAKC,eAAA,CAAA;AAAA,YAAY,iBAAA,QAAgB,YAAA;AAAA,YAAmE,QAAA;AAAA,UAAA,GAI/F,gIAAgI,CAAA;AAAA,QAAA;UAGtID,mBA6BM,OA7BNE,cA6BM;AAAA,YA5BJF,mBAiBM,OAjBNG,cAiBM;AAAA,cAhBJC,WAeO,yBAfP,MAeO;AAAA,gBAdLJ,mBAOM,OAPNK,cAOM;AAAA,kBAJJC,YAGEC,MAAA,IAAA,GAAA;AAAA,oBAFA,OAAM;AAAA,oBACL,MAAM,QAAA;AAAA,kBAAA;;gBAGXP,mBAKO,QAAA;AAAA,kBAJJ,OAAKC,eAAA,CAAE,iBAAA,QAAgB,UAAA,UAClB,qDAAqD,CAAA;AAAA,gBAAA,mBAExD,QAAA,OAAO,GAAA,CAAA;AAAA,cAAA;;YAKhBD,mBAQS,UAAA;AAAA,cAPP,OAAM;AAAA,cACL,SAAO;AAAA,YAAA;cAERM,YAGEC,MAAA,IAAA,GAAA;AAAA,gBAFA,OAAM;AAAA,gBACN,MAAK;AAAA,cAAA;;;UAMXP,mBAgBM,OAAA;AAAA,YAfH,OAAKC,eAAA,CAAE,iBAAA,QAAgB,gBAAA,gBAClB,mDAAmD,CAAA;AAAA,UAAA;YAEzDG,WAWO,KAAA,QAAA,QAAA,EATJ,aAAc,QAAA,YAAA,GAFjB,MAWO;AAAA,eAPLP,UAAA,IAAA,GAAAC,mBAMEU,UAAA,MAAAC,WALwB,QAAA,WAAS,CAAzB,MAAM,UAAK;oCADrBC,YAMEC,aAAA;AAAA,kBAJC,KAAK;AAAA,kBACL,aAAW;AAAA,kBACX,UAAU,iBAAA;AAAA,kBACV,gBAAc,QAAA;AAAA,gBAAA;;;;UAMrBX,mBAEM,OAFNY,cAEM;AAAA,YADJR,WAA8B,KAAA,QAAA,gBAAA;AAAA,UAAA;;QAKlCJ,mBA6FM,OA7FNa,cA6FM;AAAA,UA3FJb,mBA8ES,UA9ETc,cA8ES;AAAA,YA3EPd,mBAUM,OAAA,MAAA;AAAA,cATJA,mBAQS,UAAA;AAAA,gBAPP,OAAM;AAAA,gBACL,SAAO;AAAA,cAAA;gBAERM,YAGEC,MAAA,IAAA,GAAA;AAAA,kBAFA,OAAM;AAAA,kBACN,MAAK;AAAA,gBAAA;;;YAKXP,mBAEM,OAFNe,cAEM;AAAA,cADJX,WAA6B,KAAA,QAAA,eAAA;AAAA,YAAA;YAG/BJ,mBA0DM,OA1DNgB,cA0DM;AAAA,cAzDJZ,WAA8B,KAAA,QAAA,gBAAA;AAAA,cAGtB,QAAA,+BADRN,mBASS,UAAA;AAAA;gBAPP,OAAM;AAAA,gBACL,SAAO;AAAA,cAAA;gBAERQ,YAGEC,MAAA,IAAA,GAAA;AAAA,kBAFC,MAAM,UAAA,QAAS,eAAA;AAAA,kBAChB,OAAM;AAAA,gBAAA;;cAMF,QAAA,YAAY,QAAA,2BADpBG,YA0CWO,aAAA;AAAA;gBAxCT,OAAM;AAAA,cAAA;gBAEK,iBACT,MAeS;AAAA,kBAfTjB,mBAeS,UAfTkB,eAeS;AAAA,oBAZPlB,mBAIM,OAJN,aAIMmB,gBADD,QAAA,cAAU,GAAA,GAAA,CAAA;AAAA,oBAEfnB,mBAEO,QAFP,aAEOmB,gBADF,QAAA,QAAQ,GAAA,CAAA;AAAA,oBAEbb,YAGEC,MAAA,IAAA,GAAA;AAAA,sBAFA,MAAK;AAAA,sBACL,OAAM;AAAA,oBAAA;;;gBAKD,SAAOa,QAChB,CAgBM,EAjBc,YAAK;AAAA,kBACzBpB,mBAgBM,OAhBN,aAgBM;AAAA,sCAfJF,mBAcYU,UAAA,MAAAC,WAZK,QAAA,eAAa,CAArB,SAAI;AAFb,6BAAAZ,UAAA,GAAAa,YAcYW,wBAbL,KAAK,OAAO,oBAAA,mBADnBC,WAcY;AAAA,wBAXT,KAAK,KAAK;AAAA,sBAAA,GACH,EAAA,SAAA,KAAA,GAAA,KAAK,OAAO,aAAa,KAAK,IAAI,IAAA,IAAA;AAAA,wBAC1C,OAAM;AAAA,wBACL,SAAK,CAAA,WAAA;AAAE,8CAAoB,IAAI;AAAG,gCAAA;AAAA,wBAAK;AAAA,sBAAA;yCAExC,MAIE;AAAA,0BAHM,KAAK,qBADbZ,YAIEH,MAAA,IAAA,GAAA;AAAA;4BAFC,MAAM,KAAK;AAAA,4BACZ,OAAM;AAAA,0BAAA;0CACN,MACFY,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA,wBAAA;;;;;;;;;;UASzBnB,mBASM,OATN,aASM;AAAA,YARJA,mBAOO,QAPP,aAOO;AAAA,cANLI,WAKO,4BALP,MAKO;AAAA,gBAFG,oBAAA,SAFRP,UAAA,GAAAa,YAGEW,wBAFK,oBAAA,KAAmB,GAAA,EAAA,KAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9QtC,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI;AACF,cAAM,aAAa,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,eAAe,CAAC,SAAiB;AACrC,UAAI,cAAc,UAAU,KAAK;AAC/B,eAAO,EAAE,MAAM,KAAA;AAAA,MACjB;AACA,aAAO,EAAE,IAAI,KAAA;AAAA,IACf;;AAIE,aAAAxB,UAAA,GAAAC,mBAyEM,OAzEN,YAyEM;AAAA,QAtEI,QAAA,eAAe,QAAA,YAAY,SAAM,KADzCD,aAAAC,mBAsCM,OAtCN,YAsCM;AAAA,UAlCJE,mBAiCK,MAjCL,YAiCK;AAAA,aAhCHH,UAAA,IAAA,GAAAC,mBA+BKU,UAAA,MAAAC,WA9B2B,QAAA,aAAW,CAAjC,YAAY,UAAK;kCAD3BX,mBA+BK,MAAA;AAAA,gBA7BF,KAAK;AAAA,gBACN,OAAM;AAAA,cAAA;gBAGE,QAAK,kBADbA,mBAKO,QALP,YAGC,KAED;gBAEAM,WAkBO,KAAA,QAAA,cAAA;AAAA,kBAhBJ;AAAA,kBACA;AAAA,kBACA,QAAS,UAAU,QAAA,YAAY,SAAM;AAAA,gBAAA,GAJxC,MAkBO;AAAA,gCAZLM,YAWYW,wBAVL,mBAAa,GADpBC,WAWY,mBATF,aAAa,WAAW,IAAI,GAAA;AAAA,oBACnC,OAAK;AAAA;sBAAiE,QAAQ,QAAA,YAAY,SAAM;;;qCAOjG,MAAsB;AAAA,sBAAnBC,gBAAAJ,gBAAA,WAAW,KAAK,GAAA,CAAA;AAAA,oBAAA;;;;;;;;QAQ7BnB,mBAwBM,OAxBN,YAwBM;AAAA,UAvBJA,mBAkBM,OAlBN,YAkBM;AAAA,YAhBI,QAAA,SADRH,UAAA,GAAAC,mBAOK,MAPL,YAOK;AAAA,cAHHM,WAEO,0BAFP,MAEO;AAAA,gDADF,QAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;YAKJ,QAAA,eADRP,UAAA,GAAAC,mBAOI,KAPJ,YAOI;AAAA,cAHFM,WAEO,gCAFP,MAEO;AAAA,gDADF,QAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;;UAKpBJ,mBAEM,OAFN,YAEM;AAAA,YADJI,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAK3BJ,mBAEM,OAFN,aAEM;AAAA,UADJI,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-kT7np2ir.js","sources":["../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { ref, computed, resolveComponent } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport MenuItem from '@/components/core/MenuItem.vue'\r\nimport Dropdown from '@/components/core/Dropdown.vue'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nexport interface UserMenuItem {\r\n  label: string\r\n  icon?: string\r\n  link?: string\r\n  action?: () => void\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Menu items for the sidebar */\r\n    menuItems?: MenuItemProps[]\r\n    /** App/brand name displayed in sidebar */\r\n    appName?: string\r\n    /** App icon (iconify icon name) */\r\n    appIcon?: string\r\n    /** Whether sidebar is open (v-model:sidebarOpen) */\r\n    sidebarOpen?: boolean\r\n    /** Whether dark mode is enabled (v-model:dark) */\r\n    dark?: boolean\r\n    /** Show dark mode toggle in header */\r\n    showDarkToggle?: boolean\r\n    /** Primary color class for sidebar background */\r\n    sidebarClass?: string\r\n    /** Current route path for menu active state (pass useRoute().path) */\r\n    currentPath?: string\r\n    /** User display name */\r\n    userName?: string\r\n    /** User avatar (initials or image URL) */\r\n    userAvatar?: string\r\n    /** User menu items (dropdown) */\r\n    userMenuItems?: UserMenuItem[]\r\n  }>(),\r\n  {\r\n    menuItems: () => [],\r\n    appName: 'App',\r\n    appIcon: 'lucide:box',\r\n    sidebarOpen: true,\r\n    dark: false,\r\n    showDarkToggle: true,\r\n    sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\r\n    currentPath: undefined,\r\n    userName: undefined,\r\n    userAvatar: undefined,\r\n    userMenuItems: () => [],\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:sidebarOpen': [value: boolean]\r\n  'update:dark': [value: boolean]\r\n}>()\r\n\r\nconst internalSidebarOpen = ref(props.sidebarOpen)\r\nconst internalDark = ref(props.dark)\r\n\r\nconst sidebarOpenModel = computed({\r\n  get: () => props.sidebarOpen ?? internalSidebarOpen.value,\r\n  set: (value: boolean) => {\r\n    internalSidebarOpen.value = value\r\n    emit('update:sidebarOpen', value)\r\n  },\r\n})\r\n\r\nconst darkModel = computed({\r\n  get: () => props.dark ?? internalDark.value,\r\n  set: (value: boolean) => {\r\n    internalDark.value = value\r\n    emit('update:dark', value)\r\n  },\r\n})\r\n\r\nconst toggleSidebar = () => {\r\n  sidebarOpenModel.value = !sidebarOpenModel.value\r\n}\r\n\r\nconst toggleDark = () => {\r\n  darkModel.value = !darkModel.value\r\n}\r\n\r\n// Try to resolve RouterView\r\nconst routerViewComponent = computed(() => {\r\n  try {\r\n    const RouterView = resolveComponent('RouterView')\r\n    if (typeof RouterView !== 'string') {\r\n      return RouterView\r\n    }\r\n  } catch {\r\n    // RouterView not available\r\n  }\r\n  return null\r\n})\r\n\r\n// Try to resolve RouterLink\r\nconst routerLinkComponent = computed(() => {\r\n  try {\r\n    const RouterLink = resolveComponent('RouterLink')\r\n    if (typeof RouterLink !== 'string') {\r\n      return RouterLink\r\n    }\r\n  } catch {\r\n    // RouterLink not available\r\n  }\r\n  return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n  if (routerLinkComponent.value === 'a') {\r\n    return { href: link }\r\n  }\r\n  return { to: link }\r\n}\r\n\r\nconst handleUserMenuClick = (item: UserMenuItem) => {\r\n  if (item.action) {\r\n    item.action()\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900\">\r\n    <!-- Backdrop for mobile -->\r\n    <div\r\n      v-if=\"sidebarOpenModel\"\r\n      class=\"absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20\"\r\n      @click=\"sidebarOpenModel = false\"\r\n    />\r\n\r\n    <!-- Sidebar -->\r\n    <aside\r\n      :class=\"[\r\n        sidebarOpenModel ? 'lg:w-60' : '-translate-x-76 lg:w-16 lg:translate-x-0',\r\n        sidebarClass,\r\n      ]\"\r\n      class=\"@container absolute z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out lg:relative\"\r\n    >\r\n      <!-- Sidebar Header -->\r\n      <div class=\"flex h-16 items-center px-3\">\r\n        <div class=\"flex flex-1 items-center justify-center gap-3\">\r\n          <slot name=\"logo\">\r\n            <div\r\n              class=\"bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20\"\r\n            >\r\n              <Icon\r\n                class=\"size-5 text-white\"\r\n                :icon=\"appIcon\"\r\n              />\r\n            </div>\r\n            <span\r\n              :class=\"sidebarOpenModel ? 'block' : 'hidden'\"\r\n              class=\"font-outfit flex-1 text-lg font-semibold text-white\"\r\n            >\r\n              {{ appName }}\r\n            </span>\r\n          </slot>\r\n        </div>\r\n\r\n        <button\r\n          class=\"rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden\"\r\n          @click=\"toggleSidebar\"\r\n        >\r\n          <Icon\r\n            class=\"size-6 text-white\"\r\n            icon=\"lucide:menu\"\r\n          />\r\n        </button>\r\n      </div>\r\n\r\n      <!-- Menu Items -->\r\n      <div\r\n        :class=\"sidebarOpenModel ? 'items-start' : 'items-center'\"\r\n        class=\"flex flex-1 flex-col gap-8 px-2 lg:justify-center\"\r\n      >\r\n        <slot\r\n          name=\"menu\"\r\n          :current-path=\"currentPath\"\r\n        >\r\n          <MenuItem\r\n            v-for=\"(item, index) in menuItems\"\r\n            :key=\"index\"\r\n            :menu-item=\"item\"\r\n            :expanded=\"sidebarOpenModel\"\r\n            :current-path=\"currentPath\"\r\n          />\r\n        </slot>\r\n      </div>\r\n\r\n      <!-- Sidebar Footer -->\r\n      <div class=\"flex flex-col gap-3 px-3 pb-3\">\r\n        <slot name=\"sidebar-footer\" />\r\n      </div>\r\n    </aside>\r\n\r\n    <!-- Main Content Area -->\r\n    <div class=\"flex flex-1 flex-col min-w-0\">\r\n      <!-- Header -->\r\n      <header\r\n        class=\"flex h-16 items-center justify-between border-b border-slate-200 bg-white px-4 dark:border-slate-800 dark:bg-slate-950\"\r\n      >\r\n        <div>\r\n          <button\r\n            class=\"rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\r\n            @click=\"toggleSidebar\"\r\n          >\r\n            <Icon\r\n              class=\"size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100\"\r\n              icon=\"lucide:menu\"\r\n            />\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"flex-1\">\r\n          <slot name=\"header-center\" />\r\n        </div>\r\n\r\n        <div class=\"flex items-center gap-3\">\r\n          <slot name=\"header-actions\" />\r\n\r\n          <button\r\n            v-if=\"showDarkToggle\"\r\n            class=\"flex items-center justify-center rounded-lg bg-gray-100 p-2 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\r\n            @click=\"toggleDark\"\r\n          >\r\n            <Icon\r\n              :icon=\"darkModel ? 'lucide:sun' : 'lucide:moon'\"\r\n              class=\"size-5 text-gray-900 dark:text-gray-100\"\r\n            />\r\n          </button>\r\n\r\n          <!-- User Menu -->\r\n          <Dropdown\r\n            v-if=\"userName || userAvatar\"\r\n            align=\"right\"\r\n          >\r\n            <template #trigger>\r\n              <button\r\n                class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\r\n              >\r\n                <div\r\n                  class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\r\n                >\r\n                  {{ userAvatar || '?' }}\r\n                </div>\r\n                <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\r\n                  {{ userName }}\r\n                </span>\r\n                <Icon\r\n                  icon=\"lucide:chevron-down\"\r\n                  class=\"size-4 text-gray-500\"\r\n                />\r\n              </button>\r\n            </template>\r\n\r\n            <template #default=\"{ close }\">\r\n              <div class=\"min-w-48 py-1\">\r\n                <component\r\n                  :is=\"item.link ? routerLinkComponent : 'button'\"\r\n                  v-for=\"item in userMenuItems\"\r\n                  :key=\"item.label\"\r\n                  v-bind=\"item.link ? getLinkProps(item.link) : {}\"\r\n                  class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800\"\r\n                  @click=\"handleUserMenuClick(item); close()\"\r\n                >\r\n                  <Icon\r\n                    v-if=\"item.icon\"\r\n                    :icon=\"item.icon\"\r\n                    class=\"size-4\"\r\n                  />\r\n                  {{ item.label }}\r\n                </component>\r\n              </div>\r\n            </template>\r\n          </Dropdown>\r\n        </div>\r\n      </header>\r\n\r\n      <!-- Page Content -->\r\n      <div class=\"flex flex-1 flex-col overflow-y-auto overflow-x-hidden\">\r\n        <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full\">\r\n          <slot>\r\n            <component\r\n              :is=\"routerViewComponent\"\r\n              v-if=\"routerViewComponent\"\r\n            />\r\n          </slot>\r\n        </main>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent } from 'vue'\r\n\r\nexport interface PageBreadcrumb {\r\n  label: string\r\n  link: string\r\n}\r\n\r\ndefineProps<{\r\n  /** Page title */\r\n  title?: string\r\n  /** Page description */\r\n  description?: string\r\n  /** Breadcrumb navigation items */\r\n  breadcrumbs?: PageBreadcrumb[]\r\n}>()\r\n\r\n// Try to resolve RouterLink\r\nconst linkComponent = computed(() => {\r\n  try {\r\n    const RouterLink = resolveComponent('RouterLink')\r\n    if (typeof RouterLink !== 'string') {\r\n      return RouterLink\r\n    }\r\n  } catch {\r\n    // RouterLink not available\r\n  }\r\n  return 'a'\r\n})\r\n\r\nconst getLinkProps = (link: string) => {\r\n  if (linkComponent.value === 'a') {\r\n    return { href: link }\r\n  }\r\n  return { to: link }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"flex flex-col gap-4\">\r\n    <!-- Breadcrumbs -->\r\n    <nav\r\n      v-if=\"breadcrumbs && breadcrumbs.length > 0\"\r\n      aria-label=\"Breadcrumb\"\r\n    >\r\n      <ol class=\"flex items-center\">\r\n        <li\r\n          v-for=\"(breadcrumb, index) in breadcrumbs\"\r\n          :key=\"index\"\r\n          class=\"flex items-center\"\r\n        >\r\n          <span\r\n            v-if=\"index > 0\"\r\n            class=\"mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600\"\r\n          >\r\n            /\r\n          </span>\r\n\r\n          <slot\r\n            name=\"breadcrumb\"\r\n            :breadcrumb=\"breadcrumb\"\r\n            :index=\"index\"\r\n            :is-last=\"index === breadcrumbs.length - 1\"\r\n          >\r\n            <component\r\n              :is=\"linkComponent\"\r\n              v-bind=\"getLinkProps(breadcrumb.link)\"\r\n              :class=\"[\r\n                'text-sm transition-colors',\r\n                index < breadcrumbs.length - 1\r\n                  ? 'font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100'\r\n                  : 'text-gray-400 dark:text-gray-600',\r\n              ]\"\r\n            >\r\n              {{ breadcrumb.label }}\r\n            </component>\r\n          </slot>\r\n        </li>\r\n      </ol>\r\n    </nav>\r\n\r\n    <!-- Page Header -->\r\n    <div class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\r\n      <div class=\"flex flex-col gap-1 min-w-0 flex-1\">\r\n        <h1\r\n          v-if=\"title\"\r\n          class=\"text-2xl font-bold text-gray-900 dark:text-gray-100 truncate\"\r\n        >\r\n          <slot name=\"title\">\r\n            {{ title }}\r\n          </slot>\r\n        </h1>\r\n\r\n        <p\r\n          v-if=\"description\"\r\n          class=\"text-sm text-gray-600 dark:text-gray-400\"\r\n        >\r\n          <slot name=\"description\">\r\n            {{ description }}\r\n          </slot>\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"flex items-center gap-2 flex-wrap flex-shrink-0\">\r\n        <slot name=\"actions\" />\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Page Content -->\r\n    <div class=\"flex-1\">\r\n      <slot />\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_renderSlot","_hoisted_4","_createVNode","_unref","_Fragment","_renderList","_createBlock","MenuItem","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","Dropdown","_hoisted_10","_toDisplayString","_withCtx","_resolveDynamicComponent","_mergeProps","_createTextVNode"],"mappings":"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"}

package/dist/cisse-vue-ui.css

@@ -1,83 +1,83 @@
 
-.slider-input[data-v-c25e2c2a] {
+.slider-input[data-v-a411f1b4] {
   height: 0.5rem;
 }
-.slider-input[data-v-c25e2c2a]::-webkit-slider-runnable-track {
-  height: 0.5rem;
-  border-radius: 9999px;
+.slider-input[data-v-a411f1b4]::-webkit-slider-runnable-track {
+  height: 0.5rem;
+  border-radius: 9999px;
   background-color: #e5e7eb;
 }
-.dark .slider-input[data-v-c25e2c2a]::-webkit-slider-runnable-track {
+.dark .slider-input[data-v-a411f1b4]::-webkit-slider-runnable-track {
   background-color: #374151;
 }
-.slider-input[data-v-c25e2c2a]::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 9999px;
-  background-color: var(--color-primary, #3b82f6);
-  border: 2px solid white;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  margin-top: -0.375rem;
+.slider-input[data-v-a411f1b4]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 9999px;
+  background-color: var(--color-primary, #3b82f6);
+  border: 2px solid white;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  margin-top: -0.375rem;
   cursor: pointer;
 }
-.slider-input[data-v-c25e2c2a]::-moz-range-track {
-  height: 0.5rem;
-  border-radius: 9999px;
+.slider-input[data-v-a411f1b4]::-moz-range-track {
+  height: 0.5rem;
+  border-radius: 9999px;
   background-color: #e5e7eb;
 }
-.dark .slider-input[data-v-c25e2c2a]::-moz-range-track {
+.dark .slider-input[data-v-a411f1b4]::-moz-range-track {
   background-color: #374151;
 }
-.slider-input[data-v-c25e2c2a]::-moz-range-thumb {
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 9999px;
-  background-color: var(--color-primary, #3b82f6);
-  border: 2px solid white;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+.slider-input[data-v-a411f1b4]::-moz-range-thumb {
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 9999px;
+  background-color: var(--color-primary, #3b82f6);
+  border: 2px solid white;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   cursor: pointer;
 }
-.slider-input[data-v-c25e2c2a]:focus::-webkit-slider-thumb {
+.slider-input[data-v-a411f1b4]:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
 }
-.slider-input[data-v-c25e2c2a]:focus::-moz-range-thumb {
+.slider-input[data-v-a411f1b4]:focus::-moz-range-thumb {
   box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
-}
+}
 
-.bg-stripes[data-v-7ff636cf] {
-  background-image: linear-gradient(
-    45deg,
-    rgba(255, 255, 255, 0.15) 25%,
-    transparent 25%,
-    transparent 50%,
-    rgba(255, 255, 255, 0.15) 50%,
-    rgba(255, 255, 255, 0.15) 75%,
-    transparent 75%,
-    transparent
-  );
+.bg-stripes[data-v-546a3ae5] {
+  background-image: linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.15) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.15) 50%,
+    rgba(255, 255, 255, 0.15) 75%,
+    transparent 75%,
+    transparent
+  );
   background-size: 1rem 1rem;
 }
-.animate-stripes[data-v-7ff636cf] {
-  animation: stripes-7ff636cf 1s linear infinite;
+.animate-stripes[data-v-546a3ae5] {
+  animation: stripes-546a3ae5 1s linear infinite;
 }
-@keyframes stripes-7ff636cf {
-from {
+@keyframes stripes-546a3ae5 {
+from {
     background-position: 1rem 0;
 }
-to {
+to {
     background-position: 0 0;
 }
 }
-.animate-indeterminate[data-v-7ff636cf] {
-  animation: indeterminate-7ff636cf 1.5s ease-in-out infinite;
+.animate-indeterminate[data-v-546a3ae5] {
+  animation: indeterminate-546a3ae5 1.5s ease-in-out infinite;
 }
-@keyframes indeterminate-7ff636cf {
-0% {
+@keyframes indeterminate-546a3ae5 {
+0% {
     transform: translateX(-100%);
 }
-100% {
+100% {
     transform: translateX(400%);
 }
-}
+}

package/dist/components/core/AccordionItem.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as AccordionItem } from './AccordionItem.vue';
+declare const meta: Meta<typeof AccordionItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const Disabled: Story;
+export declare const OpenByDefault: Story;
+export declare const MultipleItems: Story;

package/dist/components/core/Avatar.vue.d.ts

@@ -14,7 +14,7 @@ type __VLS_Props = {
     rounded?: 'full' | 'lg' | 'md';
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: AvatarSize;
     rounded: "full" | "lg" | "md";
+    size: AvatarSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/core/Button.vue.d.ts

@@ -36,9 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    type: "button" | "submit" | "reset";
     variant: ButtonVariant;
     size: ButtonSize;
-    type: "button" | "submit" | "reset";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/core/CardComponent.stories.d.ts

@@ -8,3 +8,6 @@ export declare const WithTitle: Story;
 export declare const WithTitleAndDescription: Story;
 export declare const WithActions: Story;
 export declare const CustomSlots: Story;
+export declare const Loading: Story;
+export declare const LoadingWithAvatar: Story;
+export declare const LoadingWithActions: Story;

package/dist/components/core/CardComponent.vue.d.ts

@@ -3,6 +3,14 @@ type __VLS_Props = {
     description?: string;
     titleClass?: string;
     dividerClass?: string;
+    /** Show loading skeleton */
+    loading?: boolean;
+    /** Number of skeleton lines */
+    loadingLines?: number;
+    /** Show avatar in skeleton */
+    loadingAvatar?: boolean;
+    /** Show actions in skeleton */
+    loadingActions?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -14,10 +22,15 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    loading: boolean;
+    loadingLines: number;
+    loadingAvatar: boolean;
+    loadingActions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/core/DarkModeToggle.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as DarkModeToggle } from './DarkModeToggle.vue';
+declare const meta: Meta<typeof DarkModeToggle>;
+export default meta;
+type Story = StoryObj<typeof DarkModeToggle>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const WithLabel: Story;
+export declare const WithLabelSmall: Story;
+export declare const WithLabelLarge: Story;
+export declare const CustomIcons: Story;
+export declare const AllSizes: Story;
+export declare const AllSizesWithLabel: Story;

package/dist/components/core/DarkModeToggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/core/DarkModeToggle.vue.d.ts

@@ -0,0 +1,21 @@
+export type DarkModeToggleSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    /** Toggle size */
+    size?: DarkModeToggleSize;
+    /** Light mode icon */
+    lightIcon?: string;
+    /** Dark mode icon */
+    darkIcon?: string;
+    /** Show label */
+    showLabel?: boolean;
+    /** Storage key for persistence */
+    storageKey?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: DarkModeToggleSize;
+    storageKey: string;
+    lightIcon: string;
+    darkIcon: string;
+    showLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/core/MobileList.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as MobileList } from './MobileList.vue';
+declare const meta: Meta<typeof MobileList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAvatar: Story;
+export declare const WithActions: Story;
+export declare const Selectable: Story;
+export declare const WithStatusBadge: Story;
+export declare const Empty: Story;
+export declare const Loading: Story;
+export declare const LoadingCustomItems: Story;

package/dist/components/core/MobileList.vue.d.ts

@@ -23,6 +23,10 @@ type __VLS_Props = {
     selectedItems?: Set<string>;
     /** Filter function to determine if an item is selectable */
     selectableFilter?: (item: ItemType) => boolean;
+    /** Show loading skeleton */
+    loading?: boolean;
+    /** Number of skeleton items to show when loading */
+    loadingItems?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -68,8 +72,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((id: string) => any) | undefined;
     onSelectAll?: (() => any) | undefined;
 }>, {
+    loading: boolean;
     selectable: boolean;
     keyField: string;
+    loadingItems: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/core/ResponsiveList.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as ResponsiveList } from './ResponsiveList.vue';
+declare const meta: Meta<typeof ResponsiveList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAvatar: Story;
+export declare const WithStatusBadge: Story;
+export declare const WithActions: Story;
+export declare const Selectable: Story;
+export declare const SortableColumns: Story;
+export declare const CustomBreakpoint: Story;
+export declare const Empty: Story;
+export declare const Loading: Story;
+export declare const LoadingCustomRows: Story;

package/dist/components/core/ResponsiveList.vue.d.ts

@@ -46,6 +46,10 @@ type __VLS_Props = {
     sortBy?: string;
     /** Current sort direction */
     sortDirection?: SortDirection;
+    /** Show loading skeleton */
+    loading?: boolean;
+    /** Number of skeleton rows/items to show when loading */
+    loadingRows?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -109,8 +113,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((id: string) => any) | undefined;
     onSelectAll?: (() => any) | undefined;
 }>, {
+    loading: boolean;
     selectable: boolean;
     keyField: string;
+    loadingRows: number;
     breakpoint: "sm" | "md" | "lg" | "xl" | "2xl";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/core/TabPanel.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as TabPanel } from './TabPanel.vue';
+declare const meta: Meta<typeof TabPanel>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithRichContent: Story;
+export declare const WithForm: Story;

package/dist/components/core/TableAction.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as TableAction } from './TableAction.vue';
+declare const meta: Meta<typeof TableAction>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const WithLink: Story;
+export declare const AllColors: Story;
+export declare const CommonActions: Story;
+export declare const InTableRow: Story;

package/dist/components/core/TableComponent.stories.d.ts

@@ -12,3 +12,5 @@ export declare const WithActions: Story;
 export declare const WithCustomSlot: Story;
 export declare const EmptyState: Story;
 export declare const NestedProperties: Story;
+export declare const Loading: Story;
+export declare const LoadingCustomRows: Story;

package/dist/components/core/TableComponent.vue.d.ts

@@ -21,6 +21,10 @@ type __VLS_Props = {
     sortBy?: string;
     /** Current sort direction */
     sortDirection?: SortDirection;
+    /** Show loading skeleton */
+    loading?: boolean;
+    /** Number of skeleton rows to show when loading */
+    loadingRows?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -49,8 +53,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((id: string) => any) | undefined;
     onSelectAll?: (() => any) | undefined;
 }>, {
+    loading: boolean;
     selectable: boolean;
     keyField: string;
+    loadingRows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/core/index.cjs

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Timeline_vue_vue_type_script_setup_true_lang = require("../../Timeline.vue_vue_type_script_setup_true_lang-CqeiZOID.cjs");
+const DarkModeToggle_vue_vue_type_script_setup_true_lang = require("../../DarkModeToggle.vue_vue_type_script_setup_true_lang-BoB48313.cjs");
 const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
-exports.Accordion = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$16;
-exports.AccordionItem = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$17;
-exports.AutocompleteComponent = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$4;
-exports.Avatar = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$7;
-exports.Breadcrumb = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$15;
-exports.Button = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.CardComponent = Timeline_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.CollapsibleCard = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$11;
-exports.Drawer = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$14;
-exports.MobileList = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$2;
-exports.Popover = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$13;
-exports.ResponsiveList = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.Stepper = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.TabPanel = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$9;
-exports.TableAction = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$5;
-exports.TableComponent = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.Tabs = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$8;
-exports.Timeline = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$18;
-exports.Tooltip = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$12;
+const Button_vue_vue_type_script_setup_true_lang = require("../../Button.vue_vue_type_script_setup_true_lang-DrGM65ny.cjs");
+exports.Accordion = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$15;
+exports.AccordionItem = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$16;
+exports.AutocompleteComponent = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.Avatar = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$6;
+exports.Breadcrumb = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$14;
+exports.CardComponent = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.CollapsibleCard = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$10;
+exports.DarkModeToggle = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$18;
+exports.Drawer = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$13;
+exports.MobileList = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.Popover = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$12;
+exports.ResponsiveList = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.Stepper = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.TabPanel = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$8;
+exports.TableAction = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.TableComponent = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.Tabs = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$7;
+exports.Timeline = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$17;
+exports.Tooltip = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$11;
 exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.Button = Button_vue_vue_type_script_setup_true_lang._sfc_main;
 //# sourceMappingURL=index.cjs.map

package/dist/components/core/index.cjs.map

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

package/dist/components/core/index.d.ts

@@ -20,6 +20,7 @@ export { default as Breadcrumb } from './Breadcrumb.vue';
 export { default as Accordion } from './Accordion.vue';
 export { default as AccordionItem } from './AccordionItem.vue';
 export { default as Timeline } from './Timeline.vue';
+export { default as DarkModeToggle } from './DarkModeToggle.vue';
 export type { ButtonVariant, ButtonSize } from './Button.vue';
 export type { DrawerPosition, DrawerSize } from './Drawer.vue';
 export type { BreadcrumbItem } from './Breadcrumb.vue';
@@ -33,3 +34,4 @@ export type { Tab } from './Tabs.vue';
 export type { DropdownItem } from './Dropdown.vue';
 export type { MobileListColumn } from './MobileList.vue';
 export type { ResponsiveListColumn } from './ResponsiveList.vue';
+export type { DarkModeToggleSize } from './DarkModeToggle.vue';

package/dist/components/core/index.js

@@ -1,28 +1,30 @@
-import { p, q, d, g, o, f, _, k, n, b, m, c, j, i, e, a, h, r, l } from "../../Timeline.vue_vue_type_script_setup_true_lang-CuPF4MPe.js";
+import { o, p, d, f, n, _, j, r, m, b, l, c, i, h, e, a, g, q, k } from "../../DarkModeToggle.vue_vue_type_script_setup_true_lang-43fxlbro.js";
 import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js";
 import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { _ as _4 } from "../../Button.vue_vue_type_script_setup_true_lang-DKE8elsf.js";
 export {
-  p as Accordion,
-  q as AccordionItem,
+  o as Accordion,
+  p as AccordionItem,
   d as AutocompleteComponent,
-  g as Avatar,
-  o as Breadcrumb,
-  f as Button,
+  f as Avatar,
+  n as Breadcrumb,
+  _4 as Button,
   _ as CardComponent,
-  k as CollapsibleCard,
-  n as Drawer,
+  j as CollapsibleCard,
+  r as DarkModeToggle,
+  m as Drawer,
   a2 as Dropdown,
   _2 as MenuItem,
   b as MobileList,
-  m as Popover,
+  l as Popover,
   c as ResponsiveList,
   _3 as StatusBadge,
-  j as Stepper,
-  i as TabPanel,
+  i as Stepper,
+  h as TabPanel,
   e as TableAction,
   a as TableComponent,
-  h as Tabs,
-  r as Timeline,
-  l as Tooltip
+  g as Tabs,
+  q as Timeline,
+  k as Tooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/components/core/index.js.map

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

package/dist/components/feedback/CardSkeleton.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as CardSkeleton } from './CardSkeleton.vue';
+declare const meta: Meta<typeof CardSkeleton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAvatar: Story;
+export declare const WithActions: Story;
+export declare const Full: Story;
+export declare const SingleLine: Story;
+export declare const Grid: Story;

package/dist/components/feedback/CardSkeleton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/feedback/CardSkeleton.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Props = {
     showActions?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    lines: number;
     showAvatar: boolean;
+    lines: number;
     showActions: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;