@gspa/ui 0.1.3 → 0.1.4

package/dist/layouts/AuthLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../components/Typography.cjs"),i=require("../components/Divider.cjs"),u=require("../_plugin-vue_export-helper-BHFhmbuH.cjs"),m={class:"relative min-h-screen overflow-hidden"},g={class:"relative z-10 mx-auto flex min-h-screen w-full max-w-[1400px] items-center px-4 py-4 sm:px-8 sm:py-6 lg:px-14"},p={class:"hidden w-full max-w-4xl pr-10 lg:block"},y={class:"ml-auto w-full max-w-[460px]"},x={class:"overflow-hidden rounded-sm ui-surface"},h={class:"px-1 sm:pt-2"},f={class:"flex items-start justify-between gap-2"},k=["src","alt"],v=["src","alt"],N={key:0},b={class:"px-5 py-4 sm:px-6 sm:py-2"},V={class:"space-y-4"},S={key:0,class:"px-5 pb-4 sm:px-6 sm:pb-5"},w={key:0,class:"text-right"},B={key:1,class:"px-6 pb-6 sm:px-8 sm:pb-8"},E={__name:"AuthLayout",props:{title:{type:String,default:"Login to your account:"},subtitle:{type:String,default:null},logoUrl:{type:String,default:null},secondaryLogoUrl:{type:String,default:null},secondaryLogoAlt:{type:String,default:"Secondary logo"},quote:{type:String,default:"MANAGEMENT IS DOING THINGS RIGHT, BUT LEADERSHIP IS DOING RIGHT THINGS"},backgroundImage:{type:String,default:null},backgroundOpacity:{type:Number,default:1},appName:{type:String,default:"Application"},appVersion:{type:String,default:"0.0.1"},copyright:{type:String,default:null},showFooter:{type:Boolean,default:!0}},setup(t){const a=t,r=e.computed(()=>new Date().getFullYear()),s=e.computed(()=>{const o=Number.isFinite(a.backgroundOpacity)?Math.min(1,Math.max(0,a.backgroundOpacity)):1;return{backgroundImage:a.backgroundImage?`url(${JSON.stringify(a.backgroundImage)})`:void 0,opacity:o}}),c=e.computed(()=>{const o=String(a.appVersion??"").trim();return o?o.toLowerCase().startsWith("v")?o:`v${o}`:"v0.0.0"});return e.onMounted(()=>{document.documentElement.classList.add("auth-page"),document.body.classList.add("auth-page")}),e.onBeforeUnmount(()=>{document.documentElement.classList.remove("auth-page"),document.body.classList.remove("auth-page")}),(o,n)=>{const d=e.resolveComponent("router-view");return e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",{class:"absolute inset-0 bg-cover bg-center",style:e.normalizeStyle(s.value)},null,4),n[0]||(n[0]=e.createElementVNode("div",{class:"absolute inset-0"},null,-1)),e.createElementVNode("div",g,[e.createElementVNode("section",p,[t.quote?(e.openBlock(),e.createBlock(l.default,{key:0,variant:"body-xl",class:"max-w-3xl text-2xl leading-[1.4] font-light tracking-wide text-white/90 xl:text-[38px]"},{default:e.withCtx(()=>[e.createTextVNode(' "'+e.toDisplayString(t.quote)+'" ',1)]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("section",y,[e.createElementVNode("div",x,[e.createElementVNode("div",h,[e.createElementVNode("div",f,[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:`${t.appName} logo`,class:"h-16 w-auto max-w-[220px] object-contain sm:h-36"},null,8,k)):e.createCommentVNode("",!0),t.secondaryLogoUrl?(e.openBlock(),e.createElementBlock("img",{key:1,src:t.secondaryLogoUrl,alt:t.secondaryLogoAlt,class:"h-8 w-auto object-contain sm:h-32"},null,8,v)):e.createCommentVNode("",!0)]),o.$slots["card-header"]||t.title?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(o.$slots,"card-header",{},()=>[e.createVNode(l.default,{variant:"text-xl",align:"center",class:"font-normal leading-tight text-[#1f2328] text-center"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1}),t.subtitle?(e.openBlock(),e.createBlock(l.default,{key:0,variant:"body-sm",class:"mt-1 text-xs leading-normal text-[#5f6a74]"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.subtitle),1)]),_:1})):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)]),e.createVNode(i.default,{size:"sm",class:"my-0 bg-[#c7ccd2]"}),e.createElementVNode("div",b,[e.createElementVNode("div",V,[e.createVNode(d)])]),o.$slots.links||t.showFooter?(e.openBlock(),e.createElementBlock("div",S,[o.$slots.links?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(o.$slots,"links",{},void 0,!0)])):e.createCommentVNode("",!0),t.showFooter?(e.openBlock(),e.createBlock(l.default,{key:1,variant:"body-md",class:"mt-2 text-right text-xs font-light leading-none text-[#5f6a74] sm:text-[14px]"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:1})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),o.$slots["card-footer"]?(e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(o.$slots,"card-footer",{},void 0,!0)])):e.createCommentVNode("",!0)]),t.showFooter&&t.copyright?(e.openBlock(),e.createBlock(l.default,{key:0,variant:"body-md",class:"mt-3 text-center text-sm font-light leading-none text-white sm:text-[16px]"},{default:e.withCtx(()=>[e.createTextVNode(" © "+e.toDisplayString(t.copyright)+" "+e.toDisplayString(r.value),1)]),_:1})):e.createCommentVNode("",!0)])])])}}},C=u._export_sfc(E,[["__scopeId","data-v-909fd474"]]);exports.default=C;

package/dist/layouts/AuthLayout.js

@@ -0,0 +1,190 @@
+import { computed as m, onMounted as b, onBeforeUnmount as k, resolveComponent as w, createElementBlock as n, openBlock as o, createElementVNode as s, normalizeStyle as S, createBlock as u, createCommentVNode as a, withCtx as r, createTextVNode as c, toDisplayString as l, createVNode as g, renderSlot as y } from "vue";
+import d from "../components/Typography.js";
+import N from "../components/Divider.js";
+import { _ as I } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const L = { class: "relative min-h-screen overflow-hidden" }, $ = { class: "relative z-10 mx-auto flex min-h-screen w-full max-w-[1400px] items-center px-4 py-4 sm:px-8 sm:py-6 lg:px-14" }, _ = { class: "hidden w-full max-w-4xl pr-10 lg:block" }, A = { class: "ml-auto w-full max-w-[460px]" }, E = { class: "overflow-hidden rounded-sm ui-surface" }, U = { class: "px-1 sm:pt-2" }, G = { class: "flex items-start justify-between gap-2" }, T = ["src", "alt"], V = ["src", "alt"], B = { key: 0 }, F = { class: "px-5 py-4 sm:px-6 sm:py-2" }, O = { class: "space-y-4" }, D = {
+  key: 0,
+  class: "px-5 pb-4 sm:px-6 sm:pb-5"
+}, H = {
+  key: 0,
+  class: "text-right"
+}, M = {
+  key: 1,
+  class: "px-6 pb-6 sm:px-8 sm:pb-8"
+}, C = {
+  __name: "AuthLayout",
+  props: {
+    title: {
+      type: String,
+      default: "Login to your account:"
+    },
+    subtitle: {
+      type: String,
+      default: null
+    },
+    logoUrl: {
+      type: String,
+      default: null
+    },
+    secondaryLogoUrl: {
+      type: String,
+      default: null
+    },
+    secondaryLogoAlt: {
+      type: String,
+      default: "Secondary logo"
+    },
+    quote: {
+      type: String,
+      default: "MANAGEMENT IS DOING THINGS RIGHT, BUT LEADERSHIP IS DOING RIGHT THINGS"
+    },
+    backgroundImage: {
+      type: String,
+      default: null
+    },
+    backgroundOpacity: {
+      type: Number,
+      default: 1
+    },
+    appName: {
+      type: String,
+      default: "Application"
+    },
+    appVersion: {
+      type: String,
+      default: "0.0.1"
+    },
+    copyright: {
+      type: String,
+      default: null
+    },
+    showFooter: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(t) {
+    const i = t, h = m(() => (/* @__PURE__ */ new Date()).getFullYear()), x = m(() => {
+      const e = Number.isFinite(i.backgroundOpacity) ? Math.min(1, Math.max(0, i.backgroundOpacity)) : 1;
+      return {
+        backgroundImage: i.backgroundImage ? `url(${JSON.stringify(i.backgroundImage)})` : void 0,
+        opacity: e
+      };
+    }), p = m(() => {
+      const e = String(i.appVersion ?? "").trim();
+      return e ? e.toLowerCase().startsWith("v") ? e : `v${e}` : "v0.0.0";
+    });
+    return b(() => {
+      document.documentElement.classList.add("auth-page"), document.body.classList.add("auth-page");
+    }), k(() => {
+      document.documentElement.classList.remove("auth-page"), document.body.classList.remove("auth-page");
+    }), (e, f) => {
+      const v = w("router-view");
+      return o(), n("div", L, [
+        s("div", {
+          class: "absolute inset-0 bg-cover bg-center",
+          style: S(x.value)
+        }, null, 4),
+        f[0] || (f[0] = s("div", { class: "absolute inset-0" }, null, -1)),
+        s("div", $, [
+          s("section", _, [
+            t.quote ? (o(), u(d, {
+              key: 0,
+              variant: "body-xl",
+              class: "max-w-3xl text-2xl leading-[1.4] font-light tracking-wide text-white/90 xl:text-[38px]"
+            }, {
+              default: r(() => [
+                c(' "' + l(t.quote) + '" ', 1)
+              ]),
+              _: 1
+            })) : a("", !0)
+          ]),
+          s("section", A, [
+            s("div", E, [
+              s("div", U, [
+                s("div", G, [
+                  t.logoUrl ? (o(), n("img", {
+                    key: 0,
+                    src: t.logoUrl,
+                    alt: `${t.appName} logo`,
+                    class: "h-16 w-auto max-w-[220px] object-contain sm:h-36"
+                  }, null, 8, T)) : a("", !0),
+                  t.secondaryLogoUrl ? (o(), n("img", {
+                    key: 1,
+                    src: t.secondaryLogoUrl,
+                    alt: t.secondaryLogoAlt,
+                    class: "h-8 w-auto object-contain sm:h-32"
+                  }, null, 8, V)) : a("", !0)
+                ]),
+                e.$slots["card-header"] || t.title ? (o(), n("div", B, [
+                  y(e.$slots, "card-header", {}, () => [
+                    g(d, {
+                      variant: "text-xl",
+                      align: "center",
+                      class: "font-normal leading-tight text-[#1f2328] text-center"
+                    }, {
+                      default: r(() => [
+                        c(l(t.title), 1)
+                      ]),
+                      _: 1
+                    }),
+                    t.subtitle ? (o(), u(d, {
+                      key: 0,
+                      variant: "body-sm",
+                      class: "mt-1 text-xs leading-normal text-[#5f6a74]"
+                    }, {
+                      default: r(() => [
+                        c(l(t.subtitle), 1)
+                      ]),
+                      _: 1
+                    })) : a("", !0)
+                  ], !0)
+                ])) : a("", !0)
+              ]),
+              g(N, {
+                size: "sm",
+                class: "my-0 bg-[#c7ccd2]"
+              }),
+              s("div", F, [
+                s("div", O, [
+                  g(v)
+                ])
+              ]),
+              e.$slots.links || t.showFooter ? (o(), n("div", D, [
+                e.$slots.links ? (o(), n("div", H, [
+                  y(e.$slots, "links", {}, void 0, !0)
+                ])) : a("", !0),
+                t.showFooter ? (o(), u(d, {
+                  key: 1,
+                  variant: "body-md",
+                  class: "mt-2 text-right text-xs font-light leading-none text-[#5f6a74] sm:text-[14px]"
+                }, {
+                  default: r(() => [
+                    c(l(p.value), 1)
+                  ]),
+                  _: 1
+                })) : a("", !0)
+              ])) : a("", !0),
+              e.$slots["card-footer"] ? (o(), n("div", M, [
+                y(e.$slots, "card-footer", {}, void 0, !0)
+              ])) : a("", !0)
+            ]),
+            t.showFooter && t.copyright ? (o(), u(d, {
+              key: 0,
+              variant: "body-md",
+              class: "mt-3 text-center text-sm font-light leading-none text-white sm:text-[16px]"
+            }, {
+              default: r(() => [
+                c(" © " + l(t.copyright) + " " + l(h.value), 1)
+              ]),
+              _: 1
+            })) : a("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+}, Y = /* @__PURE__ */ I(C, [["__scopeId", "data-v-909fd474"]]);
+export {
+  Y as default
+};

package/dist/layouts/DashboardLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),S=require("vue-router"),F=require("../components/Sidebar.cjs"),J=require("../components/Header.cjs"),W=require("../lib/theme.cjs"),Y={class:"min-h-screen ui-surface-muted"},$={class:"p-6"},G={class:"mb-4 text-sm ui-text-muted"},K={__name:"DashboardLayout",props:{user:{type:Object,default:()=>({name:"John Doe",email:"john@example.com",role:"Administrator"})},initialSection:{type:String,default:"Dashboard"},initialPage:{type:String,default:"Overview"}},emits:["navigate","search","profile-action","logout","company-change","company-theme-save"],setup(y,{expose:M,emit:L}){const w=S.useRouter(),b=S.useRoute(),o=y,h=a.ref(null),l=a.ref(o.initialSection),c=a.ref(o.initialPage),u=a.ref(b.path),s=a.ref(!1),i=a.ref([]),p=a.ref(null),d=a.ref(null),A=[{company_id:101,company_name:"Acme Holdings Ltd",company_role:"Primary",theme:{primary:"#1d4ed8",secondary:["#0ea5e9","#22c55e","#f59e0b"]}},{company_id:102,company_name:"Bluewave Logistics",company_role:"Subsidiary",theme:{primary:"#0f766e",secondary:["#14b8a6","#6366f1","#f97316"]}},{company_id:103,company_name:"Northwind Services",company_role:"Partner",theme:{primary:"#7c3aed",secondary:["#a855f7","#3b82f6","#ef4444"]}}],r=L,D=[{name:"profile",label:"Profile",route:"profile",icon:"user"},{name:"settings",label:"Settings",route:"settings",icon:"cog"}],P=[{type:"section",label:"Dashboard"},{type:"link",name:"dashboard",label:"Dashboard",route:"/dashboard",icon:"home"},{type:"link",name:"analytics",label:"Analytics",route:"/analytics",icon:"user",badge:"2"},{type:"section",label:"Management"},{type:"link",name:"users",label:"User Management",icon:"users",subItems:[{name:"all-users",label:"All Users",route:"/users",icon:"user"},{name:"roles",label:"Roles & Permissions",route:"/users/roles",icon:"shield"},{name:"activity",label:"User Activity",route:"/users/activity",icon:"activity"}]},{type:"link",name:"roles",label:"Roles & Permissions",route:"/roles",icon:"cogs"}],f=a.computed(()=>130),m=a.computed(()=>Array.isArray(o.user?.companies)&&o.user.companies.length>0?o.user.companies:i.value.length>0?i.value:A),g=a.computed(()=>d.value||o.user?.currentCompany||o.user?.company||p.value||m.value[0]||null),N=({companies:e=[],currentCompany:t=null}={})=>{i.value=Array.isArray(e)?e:[],p.value=t||i.value[0]||null,d.value=p.value},R=({companyId:e,theme:t})=>{!e||!t||(i.value=m.value.map(n=>(n?.company_id||n?.companyId||n?.id)!==e?n:{...n,theme:t}),r("company-theme-save",{company_id:e,theme:t}))};a.provide("dashboardLayout",{currentSection:l,currentPage:c,setCompanySwitcherDemoData:N,updateCompanyThemeInDemoData:R});const k=e=>!e||typeof e!="object"?null:e.theme||e.company_theme||null,_=e=>!e||typeof e!="object"?"":e.logo||e.company_logo||"",T=a.computed(()=>o.user?.companyLogo||o.user?.company_logo||o.user?.brandLogo||""),U=a.computed(()=>_(g.value)||_(m.value[0])||""),x=a.computed(()=>o.user?.logoUrl||o.user?.appLogo||"/applogo.png"),V=a.computed(()=>{const e="eBoard",t=String(u.value||"").replace(/^\/+|\/+$/g,"");if(!t)return e;const n=t.split("/").filter(Boolean).map(C=>C.replace(/[-_]+/g," ").replace(/\b\w/g,z=>z.toUpperCase()));return[e,...n].join(" / ")}),B=()=>{s.value=!s.value},O=e=>{s.value=e},v=e=>{e.route&&w.push(e.route),r("navigate",e)},j=e=>{const n={"/dashboard":{section:"Dashboard",page:"Overview"},"/analytics":{section:"Dashboard",page:"Analytics"},"/users":{section:"Management",page:"Users"},"/roles":{section:"Management",page:"Roles & Permissions"},"/management":{section:"Management",page:"Settings"},"/management/system-settings":{section:"Management",page:"System Settings"},"/management/user-management":{section:"Management",page:"User Management"},"/management/permissions":{section:"Management",page:"Permissions"},"/management/audit-logs":{section:"Management",page:"Audit Logs"},"/management/backup":{section:"Management",page:"Backup & Restore"}}[e]||{section:"Dashboard",page:"Overview"};l.value=n.section,c.value=n.page},E=e=>{r("search",e)},q=e=>{r("profile-action",e)},I=()=>{r("logout")},H=e=>{d.value=e,r("company-change",e)};return a.watch(g,e=>{W.setTheme(k(e),{persist:!1})},{immediate:!0}),a.watch(()=>b.path,e=>{u.value=e,j(e)},{immediate:!0}),M({navigate:v,updateCurrentPage:(e,t)=>{l.value=e,c.value=t}}),(e,t)=>{const n=a.resolveComponent("router-view");return a.openBlock(),a.createElementBlock("div",Y,[a.createVNode(F.default,{ref_key:"sidebarRef",ref:h,"sidebar-width":f.value,header:{title:"Risk & Compliance"},"navigation-items":P,"mobile-open":s.value,"current-path":u.value,onNavigate:v,"onUpdate:mobileOpen":O},null,8,["sidebar-width","mobile-open","current-path"]),a.createVNode(J.default,{"sidebar-width":f.value,"current-section":l.value,"current-page":c.value,"current-route":u.value,user:y.user,notifications:[],"profile-menu-items":D,"mobile-open":s.value,"current-company":g.value,"company-logo":T.value,"current-company-logo":U.value,companies:m.value,"logo-url":x.value,"show-search":!1,"settings-route":"/management/system-settings",onSearch:E,onProfileAction:q,onLogout:I,onNavigate:v,onToggleMobileSidebar:B,onCompanyChange:H},null,8,["sidebar-width","current-section","current-page","current-route","user","mobile-open","current-company","company-logo","current-company-logo","companies","logo-url"]),a.createElementVNode("main",{class:"transition-all duration-300 ease-in-out pt-14 min-h-screen",style:a.normalizeStyle({marginLeft:h.value?.contentMarginLeft+"px"})},[a.createElementVNode("div",$,[a.createElementVNode("p",G,[t[0]||(t[0]=a.createElementVNode("span",{class:"font-semibold ui-text"},"You are here:",-1)),a.createTextVNode(" "+a.toDisplayString(V.value),1)]),a.createVNode(n)])],4)])}}};exports.default=K;

package/dist/layouts/DashboardLayout.js

@@ -0,0 +1,244 @@
+import { ref as t, computed as r, provide as W, watch as L, resolveComponent as Y, createElementBlock as $, openBlock as q, createVNode as b, createElementVNode as g, normalizeStyle as G, createTextVNode as K, toDisplayString as Q } from "vue";
+import { useRouter as X, useRoute as Z } from "vue-router";
+import ee from "../components/Sidebar.js";
+import ae from "../components/Header.js";
+import { setTheme as oe } from "../lib/theme.js";
+const ne = { class: "min-h-screen ui-surface-muted" }, te = { class: "p-6" }, re = { class: "mb-4 text-sm ui-text-muted" }, ge = {
+  __name: "DashboardLayout",
+  props: {
+    user: {
+      type: Object,
+      default: () => ({
+        name: "John Doe",
+        email: "john@example.com",
+        role: "Administrator"
+      })
+    },
+    initialSection: {
+      type: String,
+      default: "Dashboard"
+    },
+    initialPage: {
+      type: String,
+      default: "Overview"
+    }
+  },
+  emits: [
+    "navigate",
+    "search",
+    "profile-action",
+    "logout",
+    "company-change",
+    "company-theme-save"
+  ],
+  setup(f, { expose: w, emit: A }) {
+    const P = X(), _ = Z(), o = f, C = t(null), c = t(o.initialSection), u = t(o.initialPage), m = t(_.path), i = t(!1), l = t([]), d = t(null), v = t(null), k = [
+      {
+        company_id: 101,
+        company_name: "Acme Holdings Ltd",
+        company_role: "Primary",
+        theme: {
+          primary: "#1d4ed8",
+          secondary: ["#0ea5e9", "#22c55e", "#f59e0b"]
+        }
+      },
+      {
+        company_id: 102,
+        company_name: "Bluewave Logistics",
+        company_role: "Subsidiary",
+        theme: {
+          primary: "#0f766e",
+          secondary: ["#14b8a6", "#6366f1", "#f97316"]
+        }
+      },
+      {
+        company_id: 103,
+        company_name: "Northwind Services",
+        company_role: "Partner",
+        theme: {
+          primary: "#7c3aed",
+          secondary: ["#a855f7", "#3b82f6", "#ef4444"]
+        }
+      }
+    ], s = A, R = [
+      {
+        name: "profile",
+        label: "Profile",
+        route: "profile",
+        icon: "user"
+      },
+      {
+        name: "settings",
+        label: "Settings",
+        route: "settings",
+        icon: "cog"
+      }
+    ], x = [
+      {
+        type: "section",
+        label: "Dashboard"
+      },
+      {
+        type: "link",
+        name: "dashboard",
+        label: "Dashboard",
+        route: "/dashboard",
+        icon: "home"
+      },
+      {
+        type: "link",
+        name: "analytics",
+        label: "Analytics",
+        route: "/analytics",
+        icon: "user",
+        badge: "2"
+      },
+      {
+        type: "section",
+        label: "Management"
+      },
+      {
+        type: "link",
+        name: "users",
+        label: "User Management",
+        icon: "users",
+        subItems: [
+          {
+            name: "all-users",
+            label: "All Users",
+            route: "/users",
+            icon: "user"
+          },
+          {
+            name: "roles",
+            label: "Roles & Permissions",
+            route: "/users/roles",
+            icon: "shield"
+          },
+          {
+            name: "activity",
+            label: "User Activity",
+            route: "/users/activity",
+            icon: "activity"
+          }
+        ]
+      },
+      {
+        type: "link",
+        name: "roles",
+        label: "Roles & Permissions",
+        route: "/roles",
+        icon: "cogs"
+      }
+    ], S = r(() => 130), p = r(() => Array.isArray(o.user?.companies) && o.user.companies.length > 0 ? o.user.companies : l.value.length > 0 ? l.value : k), y = r(() => v.value || o.user?.currentCompany || o.user?.company || d.value || p.value[0] || null);
+    W("dashboardLayout", {
+      currentSection: c,
+      currentPage: u,
+      setCompanySwitcherDemoData: ({ companies: e = [], currentCompany: a = null } = {}) => {
+        l.value = Array.isArray(e) ? e : [], d.value = a || l.value[0] || null, v.value = d.value;
+      },
+      updateCompanyThemeInDemoData: ({ companyId: e, theme: a }) => {
+        !e || !a || (l.value = p.value.map((n) => (n?.company_id || n?.companyId || n?.id) !== e ? n : { ...n, theme: a }), s("company-theme-save", { company_id: e, theme: a }));
+      }
+    });
+    const T = (e) => !e || typeof e != "object" ? null : e.theme || e.company_theme || null, M = (e) => !e || typeof e != "object" ? "" : e.logo || e.company_logo || "", U = r(() => o.user?.companyLogo || o.user?.company_logo || o.user?.brandLogo || ""), B = r(() => M(y.value) || M(p.value[0]) || ""), N = r(() => o.user?.logoUrl || o.user?.appLogo || "/applogo.png"), O = r(() => {
+      const e = "eBoard", a = String(m.value || "").replace(/^\/+|\/+$/g, "");
+      if (!a) return e;
+      const n = a.split("/").filter(Boolean).map(
+        (D) => D.replace(/[-_]+/g, " ").replace(/\b\w/g, (J) => J.toUpperCase())
+      );
+      return [e, ...n].join(" / ");
+    }), j = () => {
+      i.value = !i.value;
+    }, I = (e) => {
+      i.value = e;
+    }, h = (e) => {
+      e.route && P.push(e.route), s("navigate", e);
+    }, E = (e) => {
+      const n = {
+        "/dashboard": { section: "Dashboard", page: "Overview" },
+        "/analytics": { section: "Dashboard", page: "Analytics" },
+        "/users": { section: "Management", page: "Users" },
+        "/roles": { section: "Management", page: "Roles & Permissions" },
+        "/management": { section: "Management", page: "Settings" },
+        "/management/system-settings": { section: "Management", page: "System Settings" },
+        "/management/user-management": { section: "Management", page: "User Management" },
+        "/management/permissions": { section: "Management", page: "Permissions" },
+        "/management/audit-logs": { section: "Management", page: "Audit Logs" },
+        "/management/backup": { section: "Management", page: "Backup & Restore" }
+      }[e] || { section: "Dashboard", page: "Overview" };
+      c.value = n.section, u.value = n.page;
+    }, V = (e) => {
+      s("search", e);
+    }, H = (e) => {
+      s("profile-action", e);
+    }, z = () => {
+      s("logout");
+    }, F = (e) => {
+      v.value = e, s("company-change", e);
+    };
+    return L(y, (e) => {
+      oe(T(e), { persist: !1 });
+    }, { immediate: !0 }), L(() => _.path, (e) => {
+      m.value = e, E(e);
+    }, { immediate: !0 }), w({
+      navigate: h,
+      updateCurrentPage: (e, a) => {
+        c.value = e, u.value = a;
+      }
+    }), (e, a) => {
+      const n = Y("router-view");
+      return q(), $("div", ne, [
+        b(ee, {
+          ref_key: "sidebarRef",
+          ref: C,
+          "sidebar-width": S.value,
+          header: { title: "Risk & Compliance" },
+          "navigation-items": x,
+          "mobile-open": i.value,
+          "current-path": m.value,
+          onNavigate: h,
+          "onUpdate:mobileOpen": I
+        }, null, 8, ["sidebar-width", "mobile-open", "current-path"]),
+        b(ae, {
+          "sidebar-width": S.value,
+          "current-section": c.value,
+          "current-page": u.value,
+          "current-route": m.value,
+          user: f.user,
+          notifications: [],
+          "profile-menu-items": R,
+          "mobile-open": i.value,
+          "current-company": y.value,
+          "company-logo": U.value,
+          "current-company-logo": B.value,
+          companies: p.value,
+          "logo-url": N.value,
+          "show-search": !1,
+          "settings-route": "/management/system-settings",
+          onSearch: V,
+          onProfileAction: H,
+          onLogout: z,
+          onNavigate: h,
+          onToggleMobileSidebar: j,
+          onCompanyChange: F
+        }, null, 8, ["sidebar-width", "current-section", "current-page", "current-route", "user", "mobile-open", "current-company", "company-logo", "current-company-logo", "companies", "logo-url"]),
+        g("main", {
+          class: "transition-all duration-300 ease-in-out pt-14 min-h-screen",
+          style: G({ marginLeft: C.value?.contentMarginLeft + "px" })
+        }, [
+          g("div", te, [
+            g("p", re, [
+              a[0] || (a[0] = g("span", { class: "font-semibold ui-text" }, "You are here:", -1)),
+              K(" " + Q(O.value), 1)
+            ]),
+            b(n)
+          ])
+        ], 4)
+      ]);
+    };
+  }
+};
+export {
+  ge as default
+};

package/dist/layouts/DefaultLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m={class:"min-h-screen ui-surface-muted"},u={class:"flex-1"},p={key:0,class:"ui-surface border-b ui-border-strong"},b={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"},v={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"},x={__name:"DefaultLayout",props:{navigationItems:{type:Array,default:()=>[{label:"Home",href:"/",active:!0},{label:"About",href:"/about"},{label:"Services",href:"/services"},{label:"Contact",href:"/contact"}]},breadcrumbItems:{type:Array,default:()=>[]},showBreadcrumb:{type:Boolean,default:!1}},setup(n){return(t,o)=>{const r=e.resolveComponent("Logo"),s=e.resolveComponent("MainNavigation"),a=e.resolveComponent("Button"),l=e.resolveComponent("Header"),d=e.resolveComponent("Breadcrumb"),i=e.resolveComponent("Text"),c=e.resolveComponent("Footer");return e.openBlock(),e.createElementBlock("div",m,[e.createVNode(l,null,{logo:e.withCtx(()=>[e.renderSlot(t.$slots,"logo",{},()=>[e.createVNode(r)])]),navigation:e.withCtx(()=>[e.renderSlot(t.$slots,"navigation",{},()=>[e.createVNode(s,{items:n.navigationItems},null,8,["items"])])]),actions:e.withCtx(()=>[e.renderSlot(t.$slots,"header-actions",{},()=>[e.createVNode(a,{variant:"ghost",size:"sm"},{default:e.withCtx(()=>[...o[0]||(o[0]=[e.createTextVNode(" Sign In ",-1)])]),_:1}),e.createVNode(a,{size:"sm"},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createTextVNode(" Get Started ",-1)])]),_:1})])]),_:3}),e.createElementVNode("main",u,[n.showBreadcrumb?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",b,[e.renderSlot(t.$slots,"breadcrumb",{},()=>[e.createVNode(d,{items:n.breadcrumbItems},null,8,["items"])])])])):e.createCommentVNode("",!0),e.createElementVNode("div",v,[e.renderSlot(t.$slots,"default")])]),e.createVNode(c,null,{brand:e.withCtx(()=>[e.renderSlot(t.$slots,"footer-brand",{},()=>[e.createVNode(r,{class:"mb-4"}),e.createVNode(i,{class:"ui-text max-w-md"},{default:e.withCtx(()=>[...o[2]||(o[2]=[e.createTextVNode(" Your application description goes here. ",-1)])]),_:1})])]),_:3})])}}};exports.default=x;

package/dist/layouts/DefaultLayout.js

@@ -0,0 +1,94 @@
+import { resolveComponent as t, createElementBlock as d, openBlock as u, createVNode as e, createElementVNode as l, withCtx as o, renderSlot as n, createTextVNode as i, createCommentVNode as v } from "vue";
+const x = { class: "min-h-screen ui-surface-muted" }, h = { class: "flex-1" }, y = {
+  key: 0,
+  class: "ui-surface border-b ui-border-strong"
+}, B = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, w = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, $ = {
+  __name: "DefaultLayout",
+  props: {
+    navigationItems: {
+      type: Array,
+      default: () => [
+        { label: "Home", href: "/", active: !0 },
+        { label: "About", href: "/about" },
+        { label: "Services", href: "/services" },
+        { label: "Contact", href: "/contact" }
+      ]
+    },
+    breadcrumbItems: {
+      type: Array,
+      default: () => []
+    },
+    showBreadcrumb: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    return (s, a) => {
+      const m = t("Logo"), p = t("MainNavigation"), c = t("Button"), b = t("Header"), f = t("Breadcrumb"), _ = t("Text"), g = t("Footer");
+      return u(), d("div", x, [
+        e(b, null, {
+          logo: o(() => [
+            n(s.$slots, "logo", {}, () => [
+              e(m)
+            ])
+          ]),
+          navigation: o(() => [
+            n(s.$slots, "navigation", {}, () => [
+              e(p, { items: r.navigationItems }, null, 8, ["items"])
+            ])
+          ]),
+          actions: o(() => [
+            n(s.$slots, "header-actions", {}, () => [
+              e(c, {
+                variant: "ghost",
+                size: "sm"
+              }, {
+                default: o(() => [...a[0] || (a[0] = [
+                  i(" Sign In ", -1)
+                ])]),
+                _: 1
+              }),
+              e(c, { size: "sm" }, {
+                default: o(() => [...a[1] || (a[1] = [
+                  i(" Get Started ", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 3
+        }),
+        l("main", h, [
+          r.showBreadcrumb ? (u(), d("div", y, [
+            l("div", B, [
+              n(s.$slots, "breadcrumb", {}, () => [
+                e(f, { items: r.breadcrumbItems }, null, 8, ["items"])
+              ])
+            ])
+          ])) : v("", !0),
+          l("div", w, [
+            n(s.$slots, "default")
+          ])
+        ]),
+        e(g, null, {
+          brand: o(() => [
+            n(s.$slots, "footer-brand", {}, () => [
+              e(m, { class: "mb-4" }),
+              e(_, { class: "ui-text max-w-md" }, {
+                default: o(() => [...a[2] || (a[2] = [
+                  i(" Your application description goes here. ", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+};
+export {
+  $ as default
+};

package/dist/layouts/ErrorLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../_plugin-vue_export-helper-BHFhmbuH.cjs"),R={name:"ErrorLayout",props:{errorType:{type:[String,Number],default:"404"},errorCode:{type:[String,Number],default:null},errorTitle:{type:String,default:null},errorMessage:{type:String,default:null},brandName:{type:String,default:"Software Technologies"},showLogo:{type:Boolean,default:!0},showBackground:{type:Boolean,default:!0},showDefaultIllustration:{type:Boolean,default:!0},showDefaultActions:{type:Boolean,default:!0},showHomeButton:{type:Boolean,default:!0},showBackButton:{type:Boolean,default:!0},showRetryButton:{type:Boolean,default:!1},showSupportButton:{type:Boolean,default:!1},showAdditionalInfo:{type:Boolean,default:!1},homeUrl:{type:String,default:"/"},homeButtonText:{type:String,default:"Go Home"},backButtonText:{type:String,default:"Go Back"},retryButtonText:{type:String,default:"Try Again"},helpText:{type:String,default:null},supportUrl:{type:String,default:null}},emits:["retry","back","contact-support"],setup(o,{emit:n}){const r=e.getCurrentInstance(),t=e.inject("$router",null)||r?.appContext.app.config.globalProperties?.$router,i=e.ref(!1),u=e.ref(!1),l=e.ref(navigator.onLine),d=e.ref(`err_${Date.now()}_${Math.random().toString(36).substr(2,9)}`),f=e.ref(!1),c=()=>{l.value=navigator.onLine};e.onMounted(()=>{window.addEventListener("online",c),window.addEventListener("offline",c)}),e.onUnmounted(()=>{window.removeEventListener("online",c),window.removeEventListener("offline",c)});const g=e.computed(()=>{const s={404:{title:"Page Not Found",message:"Sorry, we couldn't find the page you're looking for.",icon:"🔍",color:"#64748b",homeButtonIcon:"🏠",additionalInfo:{title:"What can you do?",items:[{icon:"✓",iconColor:"green-500",text:"Check the URL for typos"},{icon:"✓",iconColor:"green-500",text:"Go back to the previous page"},{icon:"✓",iconColor:"green-500",text:"Visit our homepage"}]}},403:{title:"Unauthorized Access",message:"You are not authorized to view this page.",icon:"🚫",color:"#ef4444",homeButtonIcon:"🔐",additionalInfo:{title:"Why am I seeing this?",items:[{icon:"⚠️",iconColor:"yellow-500",text:"You may need to log in to access this page"},{icon:"⚠️",iconColor:"yellow-500",text:"Your account might not have the required permissions"},{icon:"⚠️",iconColor:"yellow-500",text:"Contact support if you believe this is an error"}]}},401:{title:"Authentication Required",message:"You need to log in to access this resource.",icon:"🔐",color:"#f59e0b",homeButtonIcon:"🔐",additionalInfo:{title:"How to proceed?",items:[{icon:"✓",iconColor:"blue-500",text:"Log in with your credentials"},{icon:"✓",iconColor:"blue-500",text:"Create an account if you don't have one"},{icon:"✓",iconColor:"blue-500",text:"Reset your password if you forgot it"}]}},500:{title:"Internal Server Error",message:"Something went wrong on our end. Please try again later.",icon:"🔧",color:"#ef4444",homeButtonIcon:"🏠",additionalInfo:{title:"What happened?",items:[{icon:"⚠️",iconColor:"red-500",text:"Our servers are experiencing issues"},{icon:"⚠️",iconColor:"red-500",text:"The problem is temporary"},{icon:"⚠️",iconColor:"red-500",text:"Try refreshing the page or come back later"}]}},503:{title:"Service Unavailable",message:"The service is temporarily unavailable. Please try again later.",icon:"🔧",color:"#f59e0b",homeButtonIcon:"🏠",additionalInfo:{title:"Service Status",items:[{icon:"⚠️",iconColor:"amber-500",text:"We're performing scheduled maintenance"},{icon:"⚠️",iconColor:"amber-500",text:"Normal service will resume shortly"},{icon:"⚠️",iconColor:"amber-500",text:"Check our status page for updates"}]}},network:{title:"Network Error",message:"Unable to connect to the server. Please check your internet connection.",icon:"📶",color:"#ef4444",homeButtonIcon:"🏠",additionalInfo:{title:"Connection Issues",items:[{icon:"⚠️",iconColor:"red-500",text:"Check your internet connection"},{icon:"⚠️",iconColor:"red-500",text:"Try refreshing the page"},{icon:"⚠️",iconColor:"red-500",text:"Contact your network administrator"}]}}};return s[o.errorType]||s[404]}),a=e.computed(()=>g.value),y=e.computed(()=>o.errorTitle||a.value.title),p=e.computed(()=>o.errorMessage||a.value.message),h=e.computed(()=>a.value.homeButtonIcon||"🏠"),C=e.computed(()=>o.showAdditionalInfo?a.value.additionalInfo:null),m=()=>{t?t.push(o.homeUrl):window.location.href=o.homeUrl},k=()=>{t&&window.history.length>1?t.back():window.history.length>1?window.history.back():m(),n("back")},x=async()=>{i.value=!0;try{await new Promise(s=>setTimeout(s,1e3)),window.location.reload()}catch(s){console.error("Retry failed:",s)}finally{i.value=!1}n("retry")},B=e.computed(()=>["min-h-screen relative flex items-center justify-center","px-4 sm:px-6 lg:px-8"]),b=e.computed(()=>["absolute inset-0 -z-10"]),w=e.computed(()=>["w-full max-w-2xl mx-auto text-center"]),v=e.computed(()=>["mb-8"]),E=e.computed(()=>["space-y-8"]),N=e.computed(()=>["flex justify-center mb-6"]),S=e.computed(()=>["w-32 h-32 flex items-center justify-center"]),V=e.computed(()=>["space-y-4"]),I=e.computed(()=>["text-6xl font-bold ui-text mb-4"]),T=e.computed(()=>["text-3xl font-bold ui-text"]),D=e.computed(()=>["text-lg ui-text max-w-lg mx-auto"]),z=e.computed(()=>["mt-8"]),_=e.computed(()=>["mt-8"]),L=e.computed(()=>["mt-6"]);return{isRetrying:i,reportSent:u,isOnline:l,errorId:d,isDev:f,errorConfig:a,title:y,message:p,homeButtonIcon:h,additionalInfoConfig:C,goHome:m,goBack:k,retry:x,layoutClasses:B,backgroundClasses:b,contentClasses:w,headerClasses:v,errorContentClasses:E,illustrationClasses:N,iconContainerClasses:S,detailsClasses:V,codeClasses:I,titleClasses:T,messageClasses:D,actionsClasses:z,additionalInfoClasses:_,helpClasses:L}}},U={class:"flex justify-center"},H={class:"flex items-center gap-3"},A={class:"text-2xl font-bold ui-text"},P={key:1,class:"ui-danger-soft border border-(--ui-danger-soft) rounded-lg p-4 mx-auto max-w-md mb-6"},M={class:"flex flex-col sm:flex-row gap-4 justify-center"},O=["disabled"],q={key:0,class:"animate-spin"},G={key:1},W=["disabled"],Y={key:0},F={key:1},J={key:0,class:"mt-8 max-w-md mx-auto"},K={class:"rounded-lg shadow-sm p-6"},Q={class:"text-lg font-semibold ui-text mb-4"},X={class:"space-y-3"},Z={class:"text-sm ui-text"},$=["href"],ee={key:5,class:"text-xs ui-text font-mono mt-4"};function te(o,n,r,t,i,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.layoutClasses)},[r.showBackground?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.backgroundClasses)},[e.renderSlot(o.$slots,"background",{},()=>[n[4]||(n[4]=e.createElementVNode("div",{class:"absolute inset-0 bg-linear-to-br from-(--ui-surface) to-(--ui-surface)"},null,-1))])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(t.contentClasses)},[o.$slots.header||r.showLogo?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.headerClasses)},[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("div",U,[e.renderSlot(o.$slots,"logo",{},()=>[e.createElementVNode("div",H,[n[5]||(n[5]=e.createElementVNode("div",{class:"w-10 h-10 ui-primary-bg rounded-xl flex items-center justify-center"},[e.createElementVNode("span",{class:"ui-text font-bold text-lg"},"STL")],-1)),e.createElementVNode("span",A,e.toDisplayString(r.brandName),1)])])])])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(t.errorContentClasses)},[o.$slots.illustration||r.showDefaultIllustration?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.illustrationClasses)},[e.renderSlot(o.$slots,"illustration",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(t.iconContainerClasses)},[e.createElementVNode("div",{class:"text-8xl",style:e.normalizeStyle({color:t.errorConfig.color})},e.toDisplayString(t.errorConfig.icon),5)],2)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(t.detailsClasses)},[r.errorCode?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.codeClasses)},e.toDisplayString(r.errorCode),3)):e.createCommentVNode("",!0),e.createElementVNode("h1",{class:e.normalizeClass(t.titleClasses)},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),e.createElementVNode("p",{class:e.normalizeClass(t.messageClasses)},[e.renderSlot(o.$slots,"message",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)])],2)],2),t.isOnline?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",P,[...n[6]||(n[6]=[e.createElementVNode("div",{class:"flex items-center justify-center gap-2 ui-danger"},[e.createElementVNode("span",{class:"w-3 h-3 ui-danger-bg rounded-full animate-pulse"}),e.createElementVNode("span",{class:"font-medium"},"No Internet Connection")],-1)])])),o.$slots.actions||r.showDefaultActions?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(t.actionsClasses)},[e.renderSlot(o.$slots,"actions",{},()=>[e.createElementVNode("div",M,[r.showHomeButton?(e.openBlock(),e.createElementBlock("button",{key:0,class:"ui-primary-bg ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-primary-strong) transition-colors flex items-center justify-center gap-2",onClick:n[0]||(n[0]=(...l)=>t.goHome&&t.goHome(...l))},[e.createElementVNode("span",null,e.toDisplayString(t.homeButtonIcon),1),e.createTextVNode(" "+e.toDisplayString(r.homeButtonText),1)])):e.createCommentVNode("",!0),r.showBackButton?(e.openBlock(),e.createElementBlock("button",{key:1,class:"border ui-border-strong ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-surface) transition-colors flex items-center justify-center gap-2",onClick:n[1]||(n[1]=(...l)=>t.goBack&&t.goBack(...l))},[n[7]||(n[7]=e.createElementVNode("span",null,"←",-1)),e.createTextVNode(" "+e.toDisplayString(r.backButtonText),1)])):e.createCommentVNode("",!0),r.showRetryButton?(e.openBlock(),e.createElementBlock("button",{key:2,disabled:t.isRetrying||!t.isOnline,class:"border ui-border-strong ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-surface) transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",onClick:n[2]||(n[2]=(...l)=>t.retry&&t.retry(...l))},[t.isRetrying?(e.openBlock(),e.createElementBlock("span",q,"↻")):(e.openBlock(),e.createElementBlock("span",G,"🔄")),e.createTextVNode(" "+e.toDisplayString(t.isRetrying?"Retrying...":r.retryButtonText),1)],8,O)):e.createCommentVNode("",!0),r.showSupportButton?(e.openBlock(),e.createElementBlock("button",{key:3,disabled:t.reportSent,class:"ui-bg ui-text px-6 py-3 rounded-lg font-medium hover:bg-(--ui-bg) transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",onClick:n[3]||(n[3]=l=>o.$emit("contact-support"))},[t.reportSent?(e.openBlock(),e.createElementBlock("span",Y,"✓")):(e.openBlock(),e.createElementBlock("span",F,"📝")),e.createTextVNode(" "+e.toDisplayString(t.reportSent?"Report Sent":"Contact Support"),1)],8,W)):e.createCommentVNode("",!0)])])],2)):e.createCommentVNode("",!0),o.$slots["additional-info"]||r.showAdditionalInfo?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(t.additionalInfoClasses)},[e.renderSlot(o.$slots,"additional-info",{},()=>[t.additionalInfoConfig?(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",K,[e.createElementVNode("h3",Q,e.toDisplayString(t.additionalInfoConfig.title),1),e.createElementVNode("ul",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.additionalInfoConfig.items,(l,d)=>(e.openBlock(),e.createElementBlock("li",{key:d,class:"flex items-start gap-3 text-sm ui-text"},[e.createElementVNode("span",{class:e.normalizeClass(`w-4 h-4 text-${l.iconColor||"slate-400"} shrink-0 mt-0.5`)},e.toDisplayString(l.icon),3),e.createElementVNode("span",null,e.toDisplayString(l.text),1)]))),128))])])])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),o.$slots.help||r.helpText?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(t.helpClasses)},[e.renderSlot(o.$slots,"help",{},()=>[e.createElementVNode("p",Z,[e.createTextVNode(e.toDisplayString(r.helpText)+" ",1),r.supportUrl?(e.openBlock(),e.createElementBlock("a",{key:0,href:r.supportUrl,class:"ui-primary hover:text-(--ui-primary) underline ml-1"},[...n[8]||(n[8]=[e.createElementVNode("span",{class:"inline-block w-4 h-4 mr-1"},"❓",-1),e.createTextVNode(" Get Help ",-1)])],8,$)):e.createCommentVNode("",!0)])])],2)):e.createCommentVNode("",!0),t.isDev?(e.openBlock(),e.createElementBlock("div",ee," Error ID: "+e.toDisplayString(t.errorId),1)):e.createCommentVNode("",!0)],2)],2)],2)}const oe=j._export_sfc(R,[["render",te]]);exports.default=oe;