fluency-v8-components 1.3.4 → 1.3.6

package/dist/{index-Dxs_Gn5T.mjs → index-BBxccHNP.mjs}

@@ -45,7 +45,7 @@ function M$(e, t, n, r, i, a) {
       K("input", ps({
         type: n.type,
         class: [
-          "flex-1 border-0 text-sm bg-transparent p-0.5 focus:ring-0",
+          "flex-1 border-0 text-sm bg-transparent p-0.5 focus:ring-0 focus:outline-none",
           n.readonly ? "disabled" : ""
         ],
         value: e.$attrs.modelValue
@@ -3117,7 +3117,7 @@ const yH = { class: "flex items-center" }, bH = {
             onChange: s[0] || (s[0] = (o) => n.value = o.target.value),
             displayValue: (o) => o
           }, null, 8, ["displayValue"]),
-          he(J(cg), { class: "input-block absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white p-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
+          he(J(cg), { class: "input-block absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white p-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm" }, {
             default: Me(() => [
               r.value && !i.value.some((o) => o.value === r.value) ? (q(), Je(J(mh), {
                 key: 0,
@@ -3664,7 +3664,7 @@ function ZH(e, t, n, r, i, a) {
     K("input", ps({
       type: "text",
       class: [
-        "input-block pr-8",
+        "pl-3 input-block pr-8",
         n.error ? "ring-red-600 " : "",
         n.readonly ? "disabled" : ""
       ],
@@ -3740,7 +3740,7 @@ function nj(e, t, n, r, i, a) {
     Di(K("input", ps({
       type: "text",
       class: [
-        "input-block pr-8",
+        "pl-3 input-block pr-8",
         n.error ? "ring-red-600 " : "",
         n.readonly ? "disabled" : ""
       ],
@@ -4092,7 +4092,7 @@ function Cj(e, t, n, r, i, a) {
               { trim: !0 }
             ]
           ]),
-          he(o, { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          he(o, { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-hidden" }, {
             default: Me(() => [
               he(s, {
                 class: "icon-md text-gray-400",
@@ -4282,7 +4282,7 @@ const vSe = /* @__PURE__ */ xr(bj, [["render", Cj]]), Sj = { class: "relative w-
             onAfterLeave: c[3] || (c[3] = (p) => a.value = "")
           }, {
             default: Me(() => [
-              he(J(cg), { class: "input-block absolute z-20 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white p-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
+              he(J(cg), { class: "input-block absolute z-20 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white p-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm" }, {
                 default: Me(() => [
                   o.value.length === 0 && a.value !== "" ? (q(), de("div", {
                     key: 0,
@@ -4338,7 +4338,7 @@ function Qj(e, t, n, r, i, a) {
       K("input", ps({
         type: "checkbox",
         class: [
-          "icon-md rounded border-gray-400 text-indigo-600 focus:ring-indigo-600",
+          "icon-md rounded-sm border-gray-400 text-indigo-600 focus:ring-indigo-600",
           e.$attrs.disabled ? "cursor-not-allowed" : "cursor-pointer"
         ],
         checked: e.$attrs.modelValue
@@ -18101,7 +18101,7 @@ const EU = {
                             K("div", DX, [
                               K("button", {
                                 type: "button",
-                                class: "relative rounded-md bg-sky-700 text-sky-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white",
+                                class: "relative rounded-md bg-sky-700 text-sky-200 hover:text-white focus:outline-hidden focus:ring-2 focus:ring-white",
                                 onClick: u
                               }, [
                                 f[3] || (f[3] = K("span", { class: "absolute -inset-2.5" }, null, -1)),
@@ -18141,7 +18141,7 @@ const EU = {
       _: 1
     }, 8, ["show"]));
   }
-}), PX = { class: "relative isolate inline-flex rounded-md shadow-sm" }, R4 = {
+}), PX = { class: "relative isolate inline-flex rounded-md shadow-xs" }, R4 = {
   __name: "ActionButtons",
   props: {
     add: {
@@ -18557,7 +18557,7 @@ const EU = {
       }, null, 8, ["tooltip", "showingTooltip", "direction"])
     ], 42, jX));
   }
-}, qX = { class: "circle-btn std-white outline outline-slate-200 p-3 m-2 dark:std-dark" }, KX = ["src"], RSe = /* @__PURE__ */ xt({
+}, qX = { class: "circle-btn std-white outline outline-2 outline-slate-200 p-3 m-2 dark:std-dark" }, KX = ["src"], RSe = /* @__PURE__ */ xt({
   __name: "ImageButton",
   props: {
     src: {
@@ -18568,7 +18568,7 @@ const EU = {
   setup(e) {
     return (t, n) => (q(), de("button", qX, [
       K("img", {
-        class: "h-8 w-8",
+        class: "icon-xl",
         src: e.src
       }, null, 8, KX)
     ]));
@@ -19013,7 +19013,7 @@ const EU = {
       default: Me(() => [
         K("div", null, [
           he(J(Cu), {
-            class: "inline-flex w-full justify-center rounded-md bg-white dark:bg-transparent px-3 py-1 text-sm font-semibold text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:hoverdark-bg-hover",
+            class: "inline-flex w-full justify-center rounded-md bg-white dark:bg-transparent px-3 py-1 text-sm font-semibold text-gray-900 dark:text-white shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:hoverdark-bg-hover",
             disabled: e.disabled,
             onClick: p[0] || (p[0] = (h) => d(h))
           }, {
@@ -19056,7 +19056,7 @@ const EU = {
         }, {
           default: Me(() => [
             he(J(Su), {
-              class: "absolute z-10 w-30 origin-top-right rounded-sm bg-white dark:bg-zinc-800 shadow-lg ring-1 ring-black dark:ring-gray-300 ring-opacity-5 focus:outline-none",
+              class: "absolute z-10 w-30 origin-top-right rounded-xs bg-white dark:bg-zinc-800 shadow-lg ring-1 ring-black dark:ring-gray-300/5 focus:outline-hidden",
               style: { transform: "translateX(-60px)" }
             }, {
               default: Me(() => [
@@ -19120,7 +19120,7 @@ const EU = {
                     l.value ? (q(), de("div", {
                       key: 0,
                       class: st([
-                        "absolute top-0 w-80 rounded-sm bg-white dark:bg-zinc-800 shadow-lg ring-1 ring-black dark:ring-gray-300 ring-opacity-5",
+                        "absolute top-0 w-80 rounded-xs bg-white dark:bg-zinc-800 shadow-lg ring-1 ring-black dark:ring-gray-300/5",
                         { "left-full": e.subItemDirection === "right" },
                         { "right-full": e.subItemDirection === "left" }
                       ])
@@ -19155,7 +19155,7 @@ const EU = {
     const t = e, n = ze(() => typeof t.score == "string" ? t.score : t.score === 0 ? "none" : t.score < 1e3 ? "low" : t.score < 2e3 ? "medium" : t.score < 4e3 ? "serious" : t.score < 8e3 ? "high" : "critical");
     return (r, i) => (q(), de("div", {
       class: st([
-        "text-left justify-start inline-flex items-center rounded mx-2 px-2 py-0.5 text-xs font-medium bg-slate-200 dark:bg-slate-700",
+        "text-left justify-start inline-flex items-center rounded-sm mx-2 px-2 py-0.5 text-xs font-medium bg-slate-200 dark:bg-slate-700",
         { "score-none": n.value === "none" },
         { "score-low": n.value === "low" },
         { "score-medium": n.value === "medium" },
@@ -19316,7 +19316,7 @@ const EU = {
                 default: Me(() => [
                   e.dict.length ? (q(), Je(J(cg), {
                     key: 0,
-                    class: "absolute z-10 max-h-56 w-full overflow-auto bg-slate-100 dark:dark-bg p-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 sm:text-md"
+                    class: "absolute z-10 max-h-56 w-full overflow-auto bg-slate-100 dark:dark-bg p-1 text-base shadow-lg ring-1 ring-black/5 sm:text-md"
                   }, {
                     default: Me(() => [
                       (q(!0), de(gt, null, tn(a.value, (d) => (q(), Je(J(mh), {
@@ -19439,7 +19439,7 @@ const EU = {
       ])
     ]));
   }
-}, yJ = { class: "isolate inline-flex rounded-md shadow-sm rounded-md" }, bJ = ["onClick"], XSe = {
+}, yJ = { class: "isolate inline-flex rounded-md shadow-xs rounded-md" }, bJ = ["onClick"], XSe = {
   __name: "ButtonToggle",
   props: {
     options: Array,
@@ -19545,7 +19545,7 @@ const EU = {
         e.readonly ? "cursor-not-allowed" : "cursor-pointer",
         { "h-6 w-9": n.size === "sm" },
         { "h-8 w-[52px]": n.size === "md" },
-        "relative inline-flex flex-shrink-0 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:ring-offset-1"
+        "relative inline-flex flex-shrink-0 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-hidden focus:ring-2 focus:ring-indigo-600 focus:ring-offset-1"
       ],
       disabled: n.readonly,
       "onUpdate:modelValue": o[0] || (o[0] = (l) => r("toggle")),
@@ -19559,7 +19559,7 @@ const EU = {
             e.forceActive || s.$attrs.modelValue === e.powerState ? n.size === "sm" ? "translate-x-3" : "translate-x-5" : "translate-x-0",
             { "h-5 w-5": n.size === "sm" },
             { "h-7 w-7": n.size === "md" },
-            "pointer-events-none relative inline-block transform rounded-full bg-gray-100 shadow ring-0 transition duration-200 ease-in-out"
+            "pointer-events-none relative inline-block transform rounded-full bg-gray-100 shadow-sm ring-0 transition duration-200 ease-in-out"
           ])
         }, [
           K("span", {
@@ -19610,7 +19610,7 @@ const EU = {
       __: [5]
     }, 16, ["class", "disabled"]));
   }
-}, FJ = { class: "bg-gray-200 dark:bg-gray-500 rounded-xl shadow-sm overflow-hidden p-1" }, LJ = {
+}, FJ = { class: "bg-gray-200 dark:bg-gray-500 rounded-xl shadow-xs overflow-hidden p-1" }, LJ = {
   key: 0,
   class: "relative text-green-900 font-medium text-sm"
 }, UJ = {
@@ -19676,7 +19676,7 @@ const EU = {
   class: "flex items-center bg-neutral-200 dark:dark-bg justify-between px-4 py-3 sm:px-6 rounded-lg",
   "aria-label": "Pagination"
 }, PJ = { class: "hidden sm:block" }, $J = { class: "text-sm" }, RJ = { class: "font-medium" }, HJ = { class: "font-medium" }, jJ = { class: "font-medium" }, VJ = { class: "flex flex-1 space-x-3 sm:justify-end" }, qJ = {
-  class: "isolate inline-flex -space-x-px rounded-md shadow-sm",
+  class: "isolate inline-flex -space-x-px rounded-md shadow-xs",
   "aria-label": "Pagination"
 }, KJ = ["onClick"], FU = {
   __name: "Pagination",
@@ -19887,14 +19887,14 @@ const EU = {
     const n = e, r = t;
     return (i, a) => (q(), de("div", {
       class: st([
-        { "disabled-box dark:dark-disabled-box": n.disabled },
+        { "disabled-box": n.disabled },
         { "selected-green-box": n.inUse && n.selected && !n.disabled },
         {
-          "green-box dark:dark-green-box": n.inUse && !n.selected && !n.disabled
+          "green-box": n.inUse && !n.selected && !n.disabled
         },
         { "selected-blue-box": !n.inUse && n.selected && !n.disabled },
         {
-          "blue-box dark:dark-blue-box": !n.inUse && !n.selected && !n.disabled
+          "blue-box": !n.inUse && !n.selected && !n.disabled
         },
         "box"
       ]),
@@ -19952,7 +19952,7 @@ const EU = {
                 { "bg-gray-200": a },
                 s ? "white-bg-hover text-black dark:text-white dark:bg-slate-800" : "white-bg dark:bg-slate-600 dark:text-white",
                 "cursor-pointer"
-              ], "relative flex shadow-md focus:outline-none"])
+              ], "relative flex shadow-md focus:outline-hidden"])
             }, [
               he(J(uH), { as: "template" }, {
                 default: Me(() => [
@@ -19990,7 +19990,7 @@ const EU = {
       e.size > 1 ? (q(), de("button", {
         key: 0,
         type: "button",
-        class: "absolute top-0 start-0 z-30 flex items-center justify-center h-full cursor-pointer group focus:outline-none",
+        class: "absolute top-0 start-0 z-30 flex items-center justify-center h-full cursor-pointer group focus:outline-hidden",
         onClick: a
       }, [
         he(J(cL), { class: "icon-lg" })
@@ -19998,7 +19998,7 @@ const EU = {
       e.size > 1 ? (q(), de("button", {
         key: 1,
         type: "button",
-        class: "absolute top-0 end-0 z-30 flex items-center justify-center h-full cursor-pointer group focus:outline-none",
+        class: "absolute top-0 end-0 z-30 flex items-center justify-center h-full cursor-pointer group focus:outline-hidden",
         onClick: s
       }, [
         he(J(fL), { class: "icon-lg" })
@@ -20109,7 +20109,7 @@ const EU = {
               "leave-to-class": "transform opacity-0 scale-95"
             }, {
               default: Me(() => [
-                he(J(Su), { class: "absolute right-0 z-10 mt-0.5 w-32 origin-top-right rounded-md py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none bg-white dark:bg-black" }, {
+                he(J(Su), { class: "absolute right-0 z-10 mt-0.5 w-32 origin-top-right rounded-md py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-hidden bg-white dark:bg-black" }, {
                   default: Me(() => [
                     (q(!0), de(gt, null, tn(e.menuItems, (a) => (q(), Je(J(jo), null, {
                       default: Me(({ active: s }) => [
@@ -20349,7 +20349,7 @@ const xee = { class: "fixed inset-0 overflow-hidden" }, _ee = { class: "absolute
               "leave-to": "opacity-0"
             }, {
               default: Me(() => i[2] || (i[2] = [
-                K("div", { class: "fixed inset-0 bg-opacity-50 bg-gray-500 transition-opacity" }, null, -1)
+                K("div", { class: "fixed inset-0 bg-gray-500/50 transition-opacity" }, null, -1)
               ])),
               _: 1,
               __: [2]
@@ -20381,7 +20381,7 @@ const xee = { class: "fixed inset-0 overflow-hidden" }, _ee = { class: "absolute
                                 K("div", Fee, [
                                   K("button", {
                                     type: "button",
-                                    class: "relative rounded-md bg-sky-700 text-sky-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white",
+                                    class: "relative rounded-md bg-sky-700 text-sky-200 hover:text-white focus:outline-hidden focus:ring-2 focus:ring-white",
                                     onClick: i[0] || (i[0] = (a) => n("close"))
                                   }, [
                                     i[3] || (i[3] = K("span", { class: "absolute -inset-2.5" }, null, -1)),
@@ -20423,9 +20423,9 @@ const xee = { class: "fixed inset-0 overflow-hidden" }, _ee = { class: "absolute
       _: 3
     }, 8, ["show"]));
   }
-}, Qee = { class: "w-full" }, Dee = { class: "table-frame3" }, Pee = { class: "std-table dark:dark-std-table" }, $ee = { key: 0 }, Ree = {
+}, Qee = { class: "w-full" }, Dee = { class: "table-frame3" }, Pee = { class: "std-table" }, $ee = { key: 0 }, Ree = {
   key: 1,
-  class: "std-table-body dark:dark-std-table-body"
+  class: "std-table-body"
 }, J2 = {
   __name: "Table",
   props: {
@@ -20508,7 +20508,7 @@ const xee = { class: "fixed inset-0 overflow-hidden" }, _ee = { class: "absolute
     return (n, r) => (q(), de("td", {
       colspan: t.colspan,
       class: st([
-        "table-font dark:dark-table-font",
+        "table-font",
         {
           "cursor-pointer hover:white-bg-hover dark:hover:dark-bg-hover": t.hover
         },
@@ -20745,7 +20745,7 @@ const xee = { class: "fixed inset-0 overflow-hidden" }, _ee = { class: "absolute
               "leave-to": "opacity-0"
             }, {
               default: Me(() => o[1] || (o[1] = [
-                K("div", { class: "fixed inset-0 bg-opacity-75 bg-gray-500 transition-opacity" }, null, -1)
+                K("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
               ])),
               _: 1,
               __: [1]
@@ -26453,7 +26453,7 @@ const poe = { class: "col" }, dke = {
 }, Ioe = {
   key: 1,
   class: "flex flex-shrink-0 px-1 py-1"
-}, Toe = { class: "relative isolate inline-flex rounded-md shadow-sm" }, Noe = /* @__PURE__ */ xt({
+}, Toe = { class: "relative isolate inline-flex rounded-md shadow-xs" }, Noe = /* @__PURE__ */ xt({
   __name: "Facet",
   props: {
     tree: {
@@ -26611,7 +26611,7 @@ const poe = { class: "col" }, dke = {
       ])) : At("", !0)
     ]));
   }
-}), hke = /* @__PURE__ */ xr(Noe, [["__scopeId", "data-v-404d4643"]]), Ooe = [
+}), hke = /* @__PURE__ */ xr(Noe, [["__scopeId", "data-v-0f89cff2"]]), Ooe = [
   // { label: "Minute", value: "minute" },
   { label: "Hourly", value: "hourly" },
   { label: "Daily", value: "daily" },
@@ -26947,7 +26947,7 @@ const vke = /* @__PURE__ */ xr(nle, [["render", ale]]), sle = { class: "py-1" },
                     default: Me(({ active: l }) => [
                       K("span", {
                         class: st([
-                          l ? "outline-none white-bg-hover dark:dark-bg-hover" : "",
+                          l ? "outline-hidden white-bg-hover dark:dark-bg-hover" : "",
                           {
                             "bg-gray-400 dark:bg-slate-800": e.current.label === o.label
                           },
@@ -41251,7 +41251,7 @@ function Sye(e, t, n, r, i, a) {
     }, 8, ["open", "title", "onClose", "onHide"])
   ], 64);
 }
-const Uke = /* @__PURE__ */ xr(bye, [["render", Sye]]), kye = { class: "w-full select-none std-table dark:dark-std-table" }, Eye = { class: "text-left bg-neutral-200 dark:dark-bg" }, Fye = { class: "std-table-body dark:dark-std-table-body" }, Ike = {
+const Uke = /* @__PURE__ */ xr(bye, [["render", Sye]]), kye = { class: "w-full select-none std-table" }, Eye = { class: "text-left bg-neutral-200 dark:dark-bg" }, Fye = { class: "std-table-body" }, Ike = {
   __name: "ArgumentTable",
   props: {
     data: Object,
@@ -41814,7 +41814,7 @@ const Uke = /* @__PURE__ */ xr(bye, [["render", Sye]]), kye = { class: "w-full s
           onChange: l[0] || (l[0] = (A) => a.value = A.target.value),
           displayValue: (A) => A.label
         }, null, 8, ["displayValue"]),
-        he(J(mv), { class: "absolute inset-y-0 right-0 flex items-center pr-2" }, {
+        he(J(mv), { class: "input-icon" }, {
           default: Me(() => [
             he(J(CZ), { class: "icon-md" })
           ]),
@@ -41888,7 +41888,7 @@ const Uke = /* @__PURE__ */ xr(bye, [["render", Sye]]), kye = { class: "w-full s
         class: "relative ml-auto mt-1.5"
       }, {
         default: Me(() => [
-          he(J(Cu), { class: "rounded-full ring-2 size-7 ring-black dark:ring-white text-sm" }, {
+          he(J(Cu), { class: "rounded-full ring-2 w-7 h-7 ring-black dark:ring-white text-sm" }, {
             default: Me(() => [
               dr(Ye(r.value), 1)
             ]),
@@ -42161,7 +42161,7 @@ const Uke = /* @__PURE__ */ xr(bye, [["render", Sye]]), kye = { class: "w-full s
         (q(!0), de(gt, null, tn(n.value, (A) => (q(), de("tr", null, [
           (q(!0), de(gt, null, tn(e.data.columns, (u) => (q(), de("td", {
             key: u.name,
-            class: "table-font dark:dark-table-font break-all"
+            class: "table-font break-all"
           }, Ye(u.unit ? s(A[u.name], u.unit) : A[u.name]), 1))), 128))
         ]))), 256))
       ]),
@@ -42347,13 +42347,17 @@ const Uke = /* @__PURE__ */ xr(bye, [["render", Sye]]), kye = { class: "w-full s
   },
   setup(e) {
     const t = e, n = _e(0);
-    return t.obj.table.rows[0] && (n.value = t.obj.table.rows[0][t.config.field] || 0), (r, i) => (q(), de("div", fbe, [
+    t.obj.table.rows[0] && (n.value = t.obj.table.rows[0][t.config.field] || 0);
+    function r(i, a) {
+      return a === "Data" ? si(i) + "B" : a === "Readable Numbers" ? ai(i.toPrecision(3)) : a === "comma" ? i.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") : a === "comma_data" ? i.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "B" : i;
+    }
+    return (i, a) => (q(), de("div", fbe, [
       K("span", {
         class: st([
           "flex items-center justify-center content-center h-full overflow-hidden",
           e.layout.w > 4 ? "text-7xl" : "text-5xl"
         ])
-      }, Ye(e.config.format === "Data" ? J(si)(n.value) + "B" : e.config.format === "Readable Numbers" ? J(ai)(n.value.toPrecision(3)) : n.value), 3)
+      }, Ye(r(n.value, e.config.format)), 3)
     ]));
   }
 };
@@ -44972,7 +44976,7 @@ const Ewe = {
       }, null, 8, ["data", "names", "id", "height", "width", "theme"]))
     ]));
   }
-}, $we = { class: "std-table dark:dark-std-table whitespace-nowrap" }, Rwe = { key: 0 }, Hwe = { class: "std-table-body dark:dark-std-table-body" }, jwe = {
+}, $we = { class: "std-table whitespace-nowrap" }, Rwe = { key: 0 }, Hwe = { class: "std-table-body" }, jwe = {
   __name: "Table",
   props: {
     config: Object,
@@ -45221,6 +45225,8 @@ const Wwe = /* @__PURE__ */ xr(Gwe, [["render", Ywe]]), Zwe = {
     const n = _e(e.entry), r = [
       { label: "Default", value: "default" },
       { label: "Compact", value: "Readable Numbers" },
+      { label: "Thousands Seperated", value: "comma" },
+      { label: "Thousands Seperated (Data)", value: "comma_data" },
       { label: "Data", value: "Data" }
     ];
     return (i, a) => (q(), de(gt, null, [
@@ -45730,7 +45736,7 @@ const Wwe = /* @__PURE__ */ xr(Gwe, [["render", Ywe]]), Zwe = {
       })
     ], 64));
   }
-}, k5e = { class: "w-full select-none std-table dark:dark-std-table" }, E5e = { class: "text-left bg-neutral-200 dark:dark-bg" }, F5e = { class: "std-table-body dark:dark-std-table-body" }, L5e = {
+}, k5e = { class: "w-full select-none std-table" }, E5e = { class: "text-left bg-neutral-200 dark:dark-bg" }, F5e = { class: "std-table-body" }, L5e = {
   __name: "Table",
   props: {
     object: Object,
@@ -62702,7 +62708,7 @@ function(e) {
   var A = l.getContext("2d");
   A.fillStyle = "#fff", A.fillRect(0, 0, l.width, l.height);
   var u = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, d = this;
-  return (Bn.canvg ? Promise.resolve(Bn.canvg) : import("./index.es-YeMpD96e.mjs")).catch(function(f) {
+  return (Bn.canvg ? Promise.resolve(Bn.canvg) : import("./index.es-D_XhLSeH.mjs")).catch(function(f) {
     return Promise.reject(new Error("Could not load canvg: " + f));
   }).then(function(f) {
     return f.default ? f.default : f;
@@ -63621,7 +63627,7 @@ const iSe = (e, t) => {
               "leave-to-class": "transform opacity-0 scale-95"
             }, {
               default: Me(() => [
-                he(J(Su), { class: "absolute right-0 z-10 mt-0.5 w-32 origin-top-right rounded-md py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none bg-white dark:bg-black" }, {
+                he(J(Su), { class: "absolute right-0 z-10 mt-0.5 w-32 origin-top-right rounded-md py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-hidden bg-white dark:bg-black" }, {
                   default: Me(() => [
                     he(J(jo), null, {
                       default: Me(({ active: f }) => [

package/dist/index.css

@@ -1 +1 @@
-.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog,.token.timestamp{color:#6a9955}.token.errors{color:#c10015}.token.punctuation,.language-html .language-css,.language-html .language-javascript{color:#fdbe23}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name,.token.brackets{color:#e9d299}.token.builtinfunction{color:#ce92d8}.token.keyword,.token.curlybraces{color:#569cd6}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}.list-style[data-v-1065ac64]{background:#303030;color:#fff;font-size:14px}.x-center[data-v-59ba8a5f]{transform:translate(-50%)}.left-tooltip[data-v-59ba8a5f]{transform:translate(-120%)}.right-tooltip[data-v-59ba8a5f]{transform:translate(20%)}.primary[data-v-404d4643]{font-weight:400;padding-top:5px}.primary[data-v-404d4643]:first-child{font-weight:400}
+.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog,.token.timestamp{color:#6a9955}.token.errors{color:#c10015}.token.punctuation,.language-html .language-css,.language-html .language-javascript{color:#fdbe23}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name,.token.brackets{color:#e9d299}.token.builtinfunction{color:#ce92d8}.token.keyword,.token.curlybraces{color:#569cd6}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}.list-style[data-v-1065ac64]{background:#303030;color:#fff;font-size:14px}.x-center[data-v-59ba8a5f]{transform:translate(-50%)}.left-tooltip[data-v-59ba8a5f]{transform:translate(-120%)}.right-tooltip[data-v-59ba8a5f]{transform:translate(20%)}.primary[data-v-0f89cff2]{font-weight:400;padding-top:5px}.primary[data-v-0f89cff2]:first-child{font-weight:400}

package/dist/{index.es-YeMpD96e.mjs → index.es-D_XhLSeH.mjs}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-Dxs_Gn5T.mjs";
+import { c as Da, _ as Va, g as il } from "./index-BBxccHNP.mjs";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "fluency-v8-components",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "main": "dist/fluency-v8-components.umd.js",
   "module": "dist/fluency-v8-components.es.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "scripts": {
     "build": "vite build",

package/src/assets/images/ai.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>ai</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="icon" fill="#0097f5" transform="translate(64.000000, 64.000000)"> <path d="M320,64 L320,320 L64,320 L64,64 L320,64 Z M171.749388,128 L146.817842,128 L99.4840387,256 L121.976629,256 L130.913039,230.977 L187.575039,230.977 L196.319607,256 L220.167172,256 L171.749388,128 Z M260.093778,128 L237.691519,128 L237.691519,256 L260.093778,256 L260.093778,128 Z M159.094727,149.47526 L181.409039,213.333 L137.135039,213.333 L159.094727,149.47526 Z M341.333333,256 L384,256 L384,298.666667 L341.333333,298.666667 L341.333333,256 Z M85.3333333,341.333333 L128,341.333333 L128,384 L85.3333333,384 L85.3333333,341.333333 Z M170.666667,341.333333 L213.333333,341.333333 L213.333333,384 L170.666667,384 L170.666667,341.333333 Z M85.3333333,0 L128,0 L128,42.6666667 L85.3333333,42.6666667 L85.3333333,0 Z M256,341.333333 L298.666667,341.333333 L298.666667,384 L256,384 L256,341.333333 Z M170.666667,0 L213.333333,0 L213.333333,42.6666667 L170.666667,42.6666667 L170.666667,0 Z M256,0 L298.666667,0 L298.666667,42.6666667 L256,42.6666667 L256,0 Z M341.333333,170.666667 L384,170.666667 L384,213.333333 L341.333333,213.333333 L341.333333,170.666667 Z M0,256 L42.6666667,256 L42.6666667,298.666667 L0,298.666667 L0,256 Z M341.333333,85.3333333 L384,85.3333333 L384,128 L341.333333,128 L341.333333,85.3333333 Z M0,170.666667 L42.6666667,170.666667 L42.6666667,213.333333 L0,213.333333 L0,170.666667 Z M0,85.3333333 L42.6666667,85.3333333 L42.6666667,128 L0,128 L0,85.3333333 Z" id="Combined-Shape"> </path> </g> </g> </g></svg>

package/src/assets/images/github-dark.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" fill-rule="evenodd"><path d="m8.20003216 0c-4.5281696 0-8.20003216 3.67233045-8.20003216 8.2025137 0 3.6241466 2.34955472 6.6987785 5.60770169 7.7833978.40979259.0759104.5602814-.1779394.5602814-.3946059 0-.195566-.00765306-.84177-.01112588-1.5271516-2.28132027.4961843-2.76269151-.9677944-2.76269151-.9677944-.37300645-.948109-.91045728-1.2001576-.91045728-1.2001576-.74395492-.5091149.05607959-.4986933.05607959-.4986933.82344388.0578979 1.25703171.8453083 1.25703171.8453083.73134987 1.2540026 1.9182821.8914335 2.38621225.6819077.07357231-.5302154.28612167-.8920125.52060124-1.0968421-1.82130043-.2074672-3.73598109-.9107972-3.73598109-4.05374848 0-.89548638.32033536-1.62725057.84492391-2.20166134-.08514837-.20663091-.36580356-1.04087425.07942464-2.17071817 0 0 .68858276-.22046205 2.25559569.8408051.6540475-.18179917 1.35555686-.27289175 2.0524358-.27597964.69687893.00308789 1.39890278.09418047 2.05423654.27597964 1.5651479-1.06126715 2.252766-.8408051 2.252766-.8408051.4463215 1.12984392.1655376 1.96408726.0803893 2.17071817.5257461.57441077.8438949 1.30611063.8438949 2.20166134 0 3.15041368-1.9182821 3.84415838-3.74421295 4.04718668.29409628.2545575.55616545.7537654.55616545 1.5189817 0 1.0974854-.0095181 1.9808133-.0095181 2.2510031 0 .2182748.1475948.4740546.5633041.3935122 3.2563462-1.0858415 5.6029426-4.1593798 5.6029426-7.7823041 0-4.53018325-3.6713481-8.2025137-8.19996784-8.2025137"/><path d="m3.07518929 11.6824029c-.01787762.0408541-.08159856.0531168-.13950928.0251063-.05905999-.0268489-.09226129-.0826118-.07310669-.1236596.01755837-.0420803.08127932-.0538267.14021161-.025558.05918769.0267843.09289978.0830636.07240436.1241113m.40045868.3611685c-.03881997.0364008-.11473601.0194912-.16626186-.0380143-.05324977-.0573765-.06321015-.1340506-.02381554-.1710323.0400331-.0363363.11365058-.0193621.16702804.0380789.05324977.0580219.06359325.1342442.02298552.1710322m.27480455.4620452c-.04992964.0350455-.1315282.0021944-.18190478-.0709945-.04986579-.0731243-.04986579-.1608994.00108543-.1960739.05056812-.0351746.13088971-.0035497.18196863.0690583.04980194.0744151.04980194.1621902-.00121313.1980747m.46462657.5351695c-.0446302.0496962-.13963698.0364009-.209232-.0314957-.07112739-.0663476-.09098432-.1605121-.04622642-.2102728.04514099-.0498253.14072241-.03582.21082822.0314957.07068044.0662185.09226128.161093.04469405.2102728m.60036877.1807134c-.01960153.0644113-.11116048.0937127-.20335792.0663476-.09206974-.0282042-.15234286-.1037166-.1337629-.1688379.01915459-.0648632.11109663-.0953908.20399641-.0660894.09194204.0280751.15234286.1030065.13318826.1685797m.68337202.0766095c.00229855.0678966-.07591604.1241759-.17271058.1254021-.09736918.0021299-.17609455-.0527941-.17711613-.1195289 0-.068542.07642682-.124305.17373215-.1259185.09679454-.0019362.17609456.0526005.17609456.1200453m.67130462-.0260098c.01162045.0662185-.05567602.1342442-.15176823.1523155-.09449599.0174259-.18196862-.0234282-.19403602-.0890659-.01174815-.0678965.05682529-.1358576.15112974-.1534772.09628375-.0169096.18241557.0229119.19467451.0902276" fill-rule="nonzero"/></g></svg>

package/src/assets/images/github.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>

package/src/assets/images/high-priority.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#C10015"><path d="M480-120q-33 0-56.5-23.5T400-200q0-33 23.5-56.5T480-280q33 0 56.5 23.5T560-200q0 33-23.5 56.5T480-120Zm-80-240v-480h160v480H400Z"/></svg>

package/src/assets/images/power-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#C10015"><path d="M380-120v-120L240-380v-220q0-24 11-45t32-32l77 77h-40v186l140 140v74h40v-74l37-37L56-792l56-56 736 736-56 56-198-198-14 14v120H380Zm306-268-46-46v-166H474L320-754v-86h80v160h160v-160h80v200l-40-40h40q33 0 56.5 23.5T720-600v178l-34 34ZM558-516Zm-130 97Z"/></svg>

package/src/assets/images/save.svg

@@ -0,0 +1 @@
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5.75C3 4.23122 4.23122 3 5.75 3H15.7145C16.5764 3 17.4031 3.34241 18.0126 3.9519L20.0481 5.98744C20.6576 6.59693 21 7.42358 21 8.28553V18.25C21 19.7688 19.7688 21 18.25 21H5.75C4.23122 21 3 19.7688 3 18.25V5.75ZM5.75 4.5C5.05964 4.5 4.5 5.05964 4.5 5.75V18.25C4.5 18.9404 5.05964 19.5 5.75 19.5H6V14.25C6 13.0074 7.00736 12 8.25 12H15.75C16.9926 12 18 13.0074 18 14.25V19.5H18.25C18.9404 19.5 19.5 18.9404 19.5 18.25V8.28553C19.5 7.8214 19.3156 7.37629 18.9874 7.0481L16.9519 5.01256C16.6918 4.75246 16.3582 4.58269 16 4.52344V7.25C16 8.49264 14.9926 9.5 13.75 9.5H9.25C8.00736 9.5 7 8.49264 7 7.25V4.5H5.75ZM16.5 19.5V14.25C16.5 13.8358 16.1642 13.5 15.75 13.5H8.25C7.83579 13.5 7.5 13.8358 7.5 14.25V19.5H16.5ZM8.5 4.5V7.25C8.5 7.66421 8.83579 8 9.25 8H13.75C14.1642 8 14.5 7.66421 14.5 7.25V4.5H8.5Z" fill="#FFFFFF"/></svg>

package/src/assets/index.ts

@@ -0,0 +1,15 @@
+import ai from './images/ai.svg';
+import githubDark from './images/github-dark.svg';
+import github from './images/github.svg';
+import highPriority from './images/high-priority.svg';
+import powerOff from './images/power-off.svg';
+import save from './images/save.svg';
+
+export {
+  ai,
+  githubDark,
+  github,
+  highPriority,
+  powerOff,
+  save,
+};