@returnless/focus-ui 0.0.49 → 0.0.50

package/dist/focus-ui.js

@@ -1,5 +1,5 @@
 import * as ld from "vue";
-import { defineComponent as H, ref as ue, provide as Ze, openBlock as $, createElementBlock as B, renderSlot as G, inject as Ve, createBlock as se, Transition as Yc, withCtx as te, withDirectives as _r, createElementVNode as J, unref as S, vShow as vi, computed as ee, getCurrentScope as rl, onScopeDispose as Jc, toRef as Ps, readonly as nl, customRef as Lv, onMounted as Vt, nextTick as mt, getCurrentInstance as Sn, watch as lt, shallowRef as Ba, watchEffect as Wn, normalizeClass as xe, createVNode as ie, createCommentVNode as be, shallowReadonly as jo, onUnmounted as yi, resolveComponent as Fv, normalizeProps as Zc, guardReactiveProps as Nv, resolveDynamicComponent as tr, mergeProps as vt, normalizeStyle as yt, createTextVNode as Ye, toDisplayString as Ce, Comment as zv, cloneVNode as jv, h as br, toRefs as ol, reactive as Uv, markRaw as Au, watchSyncEffect as Vv, withKeys as El, withModifiers as $u, effectScope as oh, Fragment as Pt, renderList as Xt, toHandlerKey as qv, camelize as ih, mergeDefaults as Wv, watchPostEffect as Hv, onBeforeUnmount as Gv, mergeModels as dr, useModel as pr, vModelCheckbox as ah, vModelText as Kv, vModelRadio as sh, useSlots as Yv, vModelSelect as Jv } from "vue";
+import { defineComponent as H, ref as ue, provide as Ze, openBlock as $, createElementBlock as B, renderSlot as G, inject as Ue, createBlock as se, Transition as Yc, withCtx as te, withDirectives as _r, createElementVNode as J, unref as S, vShow as vi, computed as ee, getCurrentScope as rl, onScopeDispose as Jc, toRef as Ps, readonly as nl, customRef as Lv, onMounted as Vt, nextTick as mt, getCurrentInstance as Sn, watch as lt, shallowRef as Ba, watchEffect as Wn, normalizeClass as xe, createVNode as ie, createCommentVNode as be, shallowReadonly as jo, onUnmounted as yi, resolveComponent as Fv, normalizeProps as Zc, guardReactiveProps as Nv, resolveDynamicComponent as tr, mergeProps as vt, normalizeStyle as yt, createTextVNode as Ye, toDisplayString as Ce, Comment as zv, cloneVNode as jv, h as br, toRefs as ol, reactive as Uv, markRaw as Au, watchSyncEffect as Vv, withKeys as El, withModifiers as $u, effectScope as oh, Fragment as Pt, renderList as Xt, toHandlerKey as qv, camelize as ih, mergeDefaults as Wv, watchPostEffect as Hv, onBeforeUnmount as Gv, mergeModels as dr, useModel as pr, vModelCheckbox as ah, vModelText as Kv, vModelRadio as sh, useSlots as Yv, vModelSelect as Jv } from "vue";
 const Zv = { class: "w-full" }, xD = /* @__PURE__ */ H({
   __name: "Accordion",
   props: {
@@ -14,7 +14,7 @@ const Zv = { class: "w-full" }, xD = /* @__PURE__ */ H({
 }), Xv = ["id"], Qv = { class: "py-3" }, SD = /* @__PURE__ */ H({
   __name: "AccordionContent",
   setup(t) {
-    const e = Ve("accordionItemActive"), r = Ve("accordionItemId");
+    const e = Ue("accordionItemActive"), r = Ue("accordionItemId");
     function n(l) {
       l.style.height = "0";
     }
@@ -8108,14 +8108,14 @@ var Xy = function(e) {
   return new zy.default(e);
 };
 Je.universal = Xy;
-var qe = {};
-qe.__esModule = !0;
-qe.isNode = ff;
-qe.isPseudoElement = Yh;
-qe.isPseudoClass = ub;
-qe.isContainer = cb;
-qe.isNamespace = fb;
-qe.isUniversal = qe.isTag = qe.isString = qe.isSelector = qe.isRoot = qe.isPseudo = qe.isNesting = qe.isIdentifier = qe.isComment = qe.isCombinator = qe.isClassName = qe.isAttribute = void 0;
+var Ve = {};
+Ve.__esModule = !0;
+Ve.isNode = ff;
+Ve.isPseudoElement = Yh;
+Ve.isPseudoClass = ub;
+Ve.isContainer = cb;
+Ve.isNamespace = fb;
+Ve.isUniversal = Ve.isTag = Ve.isString = Ve.isSelector = Ve.isRoot = Ve.isPseudo = Ve.isNesting = Ve.isIdentifier = Ve.isComment = Ve.isCombinator = Ve.isClassName = Ve.isAttribute = void 0;
 var tt = Be, Kt, Qy = (Kt = {}, Kt[tt.ATTRIBUTE] = !0, Kt[tt.CLASS] = !0, Kt[tt.COMBINATOR] = !0, Kt[tt.COMMENT] = !0, Kt[tt.ID] = !0, Kt[tt.NESTING] = !0, Kt[tt.PSEUDO] = !0, Kt[tt.ROOT] = !0, Kt[tt.SELECTOR] = !0, Kt[tt.STRING] = !0, Kt[tt.TAG] = !0, Kt[tt.UNIVERSAL] = !0, Kt);
 function ff(t) {
   return typeof t == "object" && Qy[t.type];
@@ -8124,29 +8124,29 @@ function Sr(t, e) {
   return ff(e) && e.type === t;
 }
 var Gh = Sr.bind(null, tt.ATTRIBUTE);
-qe.isAttribute = Gh;
+Ve.isAttribute = Gh;
 var eb = Sr.bind(null, tt.CLASS);
-qe.isClassName = eb;
+Ve.isClassName = eb;
 var tb = Sr.bind(null, tt.COMBINATOR);
-qe.isCombinator = tb;
+Ve.isCombinator = tb;
 var rb = Sr.bind(null, tt.COMMENT);
-qe.isComment = rb;
+Ve.isComment = rb;
 var nb = Sr.bind(null, tt.ID);
-qe.isIdentifier = nb;
+Ve.isIdentifier = nb;
 var ob = Sr.bind(null, tt.NESTING);
-qe.isNesting = ob;
+Ve.isNesting = ob;
 var df = Sr.bind(null, tt.PSEUDO);
-qe.isPseudo = df;
+Ve.isPseudo = df;
 var ib = Sr.bind(null, tt.ROOT);
-qe.isRoot = ib;
+Ve.isRoot = ib;
 var ab = Sr.bind(null, tt.SELECTOR);
-qe.isSelector = ab;
+Ve.isSelector = ab;
 var sb = Sr.bind(null, tt.STRING);
-qe.isString = sb;
+Ve.isString = sb;
 var Kh = Sr.bind(null, tt.TAG);
-qe.isTag = Kh;
+Ve.isTag = Kh;
 var lb = Sr.bind(null, tt.UNIVERSAL);
-qe.isUniversal = lb;
+Ve.isUniversal = lb;
 function Yh(t) {
   return df(t) && t.value && (t.value.startsWith("::") || t.value.toLowerCase() === ":before" || t.value.toLowerCase() === ":after" || t.value.toLowerCase() === ":first-letter" || t.value.toLowerCase() === ":first-line");
 }
@@ -8169,7 +8169,7 @@ function fb(t) {
   Object.keys(r).forEach(function(o) {
     o === "default" || o === "__esModule" || o in t && t[o] === r[o] || (t[o] = r[o]);
   });
-  var n = qe;
+  var n = Ve;
   Object.keys(n).forEach(function(o) {
     o === "default" || o === "__esModule" || o in t && t[o] === n[o] || (t[o] = n[o]);
   });
@@ -9906,7 +9906,7 @@ function AD() {
 const R1 = { class: "border-b dark:border-zinc-700" }, $D = /* @__PURE__ */ H({
   __name: "AccordionItem",
   setup(t) {
-    const e = Ke("accordionItem"), r = Ve("activeAccordionItem"), n = ee(() => r.value === e);
+    const e = Ke("accordionItem"), r = Ue("activeAccordionItem"), n = ee(() => r.value === e);
     return Ze("accordionItemId", e), Ze("accordionItemActive", n), (o, i) => ($(), B("div", R1, [
       G(o.$slots, "default")
     ]));
@@ -10142,7 +10142,7 @@ function La(t, e) {
     J("path", { d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z" })
   ]);
 }
-const Ue = /* @__PURE__ */ H({
+const qe = /* @__PURE__ */ H({
   __name: "TextStyle",
   props: {
     subdued: { type: Boolean, default: !1 },
@@ -10162,7 +10162,7 @@ const Ue = /* @__PURE__ */ H({
 }), K1 = ["aria-controls", "aria-expanded"], Y1 = { class: "py-3 group-hover:underline" }, ED = /* @__PURE__ */ H({
   __name: "AccordionTrigger",
   setup(t) {
-    const e = Ve("activeAccordionItem"), r = Ve("accordionItemId"), n = Ve("accordionItemActive");
+    const e = Ue("activeAccordionItem"), r = Ue("accordionItemId"), n = Ue("accordionItemActive");
     function o() {
       e.value = e.value !== r ? r : null;
     }
@@ -10173,7 +10173,7 @@ const Ue = /* @__PURE__ */ H({
       onClick: o
     }, [
       J("span", Y1, [
-        ie(S(Ue), { strong: "" }, {
+        ie(S(qe), { strong: "" }, {
           default: te(() => [
             G(i.$slots, "default")
           ]),
@@ -11486,7 +11486,7 @@ const Pm = /* @__PURE__ */ H({
 }), Rw = ["id"], Lw = /* @__PURE__ */ H({
   __name: "PopperArrow",
   setup(t) {
-    const e = Ve("popperArrowId");
+    const e = Ue("popperArrowId");
     return (r, n) => ($(), B("div", {
       id: S(e),
       class: "w-2 h-2 rotate-45 bg-black",
@@ -11498,7 +11498,7 @@ const Pm = /* @__PURE__ */ H({
 }), Fw = ["id", "data-state"], Im = /* @__PURE__ */ H({
   __name: "PopperBody",
   setup(t) {
-    const e = Ve("popperBodyId"), r = Ve("popperBodyVisible");
+    const e = Ue("popperBodyId"), r = Ue("popperBodyVisible");
     return (n, o) => ($(), B("div", {
       id: S(e),
       class: xe(["absolute z-10 will-change-[transform,opacity] data-[state=closed]:animate-hide data-[state=open]:animate-slideDownAndFade", {
@@ -11513,7 +11513,7 @@ const Pm = /* @__PURE__ */ H({
 }), Nw = ["id"], Dm = /* @__PURE__ */ H({
   __name: "PopperTrigger",
   setup(t) {
-    const e = Ve("popperTriggerId");
+    const e = Ue("popperTriggerId");
     return (r, n) => ($(), B("span", {
       id: S(e),
       class: "inline-block"
@@ -11721,7 +11721,7 @@ const Yw = {
       class: "-my-2 inline-flex rounded bg-slate-200 px-2 py-1 text-xs text-white",
       style: yt(r.value)
     }, [
-      ie(S(Ue), { strong: "" }, {
+      ie(S(qe), { strong: "" }, {
         default: te(() => [
           J("div", Jw, [
             G(n.$slots, "default")
@@ -11896,7 +11896,7 @@ const PD = /* @__PURE__ */ Pe(o_, [["render", a_]]), ID = /* @__PURE__ */ H({
 }), MD = /* @__PURE__ */ H({
   __name: "AlertDescription",
   setup(t) {
-    const e = Ve("alertVariant"), r = ee(() => ({
+    const e = Ue("alertVariant"), r = ee(() => ({
       "text-red-900/80 dark:text-red-300": e === "destructive",
       "text-yellow-900/80 dark:text-yellow-300": e === "warning",
       "text-gray-900/80 dark:text-zinc-300": e === "default"
@@ -11911,7 +11911,7 @@ const PD = /* @__PURE__ */ Pe(o_, [["render", a_]]), ID = /* @__PURE__ */ H({
   __name: "AlertTitle",
   setup(t) {
     return (e, r) => ($(), B("h5", u_, [
-      ie(S(Ue), { strong: "" }, {
+      ie(S(qe), { strong: "" }, {
         default: te(() => [
           G(e.$slots, "default")
         ]),
@@ -11959,7 +11959,7 @@ const PD = /* @__PURE__ */ Pe(o_, [["render", a_]]), ID = /* @__PURE__ */ H({
 }), FD = /* @__PURE__ */ H({
   __name: "AlertDialogCancelButton",
   setup(t) {
-    const e = Ve("cancelAlertDialog");
+    const e = Ue("cancelAlertDialog");
     return (r, n) => ($(), se(S(wr), {
       variant: "secondary",
       onClick: S(e)
@@ -11998,9 +11998,9 @@ const PD = /* @__PURE__ */ Pe(o_, [["render", a_]]), ID = /* @__PURE__ */ H({
 }), zD = /* @__PURE__ */ H({
   __name: "AlertDialogDescription",
   setup(t) {
-    const e = Ve("alertDialogLabelledBy");
+    const e = Ue("alertDialogLabelledBy");
     return (r, n) => ($(), B("p", null, [
-      ie(S(Ue), {
+      ie(S(qe), {
         id: S(e),
         subdued: ""
       }, {
@@ -17439,7 +17439,7 @@ const W2 = q2({
 }), VD = /* @__PURE__ */ H({
   __name: "AlertDialogTitle",
   setup(t) {
-    const e = Ve("alertDialogLabelledBy");
+    const e = Ue("alertDialogLabelledBy");
     return (r, n) => ($(), se(S(Oi), {
       id: S(e),
       level: "h2"
@@ -17475,7 +17475,7 @@ const W2 = q2({
 function Zn(t, e) {
   const r = typeof t == "string" && !e ? `${t}Context` : e, n = Symbol(r);
   return [(o) => {
-    const i = Ve(n, o);
+    const i = Ue(n, o);
     if (i || i === null)
       return i;
     throw new Error(
@@ -19251,7 +19251,7 @@ const fS = { class: "flex w-full flex-col" }, KD = /* @__PURE__ */ H({
       class: xe(["inline-flex rounded bg-slate-200", n.value]),
       style: yt(r.value)
     }, [
-      ie(S(Ue), { strong: "" }, {
+      ie(S(qe), { strong: "" }, {
         default: te(() => [
           J("div", hS, [
             G(o.$slots, "default")
@@ -19270,7 +19270,7 @@ const fS = { class: "flex w-full flex-col" }, KD = /* @__PURE__ */ H({
 }), QD = /* @__PURE__ */ H({
   __name: "BadgeContent",
   setup(t) {
-    return (e, r) => ($(), se(S(Ue), { strong: "" }, {
+    return (e, r) => ($(), se(S(qe), { strong: "" }, {
       default: te(() => [
         G(e.$slots, "default")
       ]),
@@ -20882,7 +20882,7 @@ const nT = /* @__PURE__ */ Pe(eT, [["render", rT]]), oT = ["aria-labelledby"], i
           class: "h-2 w-2 rounded-full flex-shrink-0",
           style: yt({ backgroundColor: S(n) })
         }, null, 4),
-        ie(S(Ue), {
+        ie(S(qe), {
           id: S(r),
           class: "whitespace-nowrap",
           strong: ""
@@ -20898,7 +20898,7 @@ const nT = /* @__PURE__ */ Pe(eT, [["render", rT]]), oT = ["aria-labelledby"], i
 }), aT = { class: "flex justify-end" }, sT = /* @__PURE__ */ H({
   __name: "BarChartLegend",
   setup(t) {
-    const e = Ve("barChartCategories"), r = Ve("barChartHiddenCategories");
+    const e = Ue("barChartCategories"), r = Ue("barChartHiddenCategories");
     function n(o) {
       const i = o.accessorKey;
       e.length !== 1 && (r.value = r.value.includes(i) ? r.value.filter((a) => a !== i) : [...r.value, i]);
@@ -20927,7 +20927,7 @@ const nT = /* @__PURE__ */ Pe(eT, [["render", rT]]), oT = ["aria-labelledby"], i
 }), lT = { class: "px-4 pt-3" }, uT = { class: "px-4 py-3" }, cT = { class: "flex items-center space-x-2" }, fT = /* @__PURE__ */ H({
   __name: "BarChartTooltip",
   setup(t, { expose: e }) {
-    const r = Ve("barChartHighlightedRecord"), n = Ve("barChartLabelAccessorKey"), o = Ve("barChartCategories"), i = ue();
+    const r = Ue("barChartHighlightedRecord"), n = Ue("barChartLabelAccessorKey"), o = Ue("barChartCategories"), i = ue();
     e({
       $tooltip: i
     });
@@ -20939,7 +20939,7 @@ const nT = /* @__PURE__ */ Pe(eT, [["render", rT]]), oT = ["aria-labelledby"], i
     }, [
       S(r) ? ($(), B(Pt, { key: 0 }, [
         J("div", lT, [
-          ie(S(Ue), { strong: "" }, {
+          ie(S(qe), { strong: "" }, {
             default: te(() => [
               Ye(Ce(a.value), 1)
             ]),
@@ -21118,7 +21118,7 @@ const Uf = /* @__PURE__ */ Pe(TT, [["render", CT]]), u8 = /* @__PURE__ */ H({
   __name: "CardDescription",
   setup(t) {
     return (e, r) => ($(), B("p", null, [
-      ie(S(Ue), { subdued: "" }, {
+      ie(S(qe), { subdued: "" }, {
         default: te(() => [
           G(e.$slots, "default")
         ]),
@@ -25814,7 +25814,7 @@ const m8 = /* @__PURE__ */ Pe(uP, [["render", fP]]), dP = { class: "flex items-c
             style: yt({ backgroundColor: l.color })
           }, null, 4),
           J("div", null, [
-            ie(S(Ue), {
+            ie(S(qe), {
               subdued: "",
               strong: ""
             }, {
@@ -25824,13 +25824,13 @@ const m8 = /* @__PURE__ */ Pe(uP, [["render", fP]]), dP = { class: "flex items-c
               _: 2
             }, 1024),
             J("div", vP, [
-              ie(S(Ue), { strong: "" }, {
+              ie(S(qe), { strong: "" }, {
                 default: te(() => [
                   Ye(Ce(l.value), 1)
                 ]),
                 _: 2
               }, 1024),
-              ie(S(Ue), { subdued: "" }, {
+              ie(S(qe), { subdued: "" }, {
                 default: te(() => [
                   Ye(" (" + Ce(l.percentage) + "%) ", 1)
                 ]),
@@ -25841,7 +25841,7 @@ const m8 = /* @__PURE__ */ Pe(uP, [["render", fP]]), dP = { class: "flex items-c
         ], 42, gP))), 128)),
         J("li", null, [
           a[2] || (a[2] = Ye(" Total ")),
-          ie(S(Ue), { strong: "" }, {
+          ie(S(qe), { strong: "" }, {
             default: te(() => [
               Ye(Ce(n.value), 1)
             ]),
@@ -25862,15 +25862,10 @@ const m8 = /* @__PURE__ */ Pe(uP, [["render", fP]]), dP = { class: "flex items-c
     const e = t, r = ee(() => e.labelHidden ? _i : "label");
     return (n, o) => ($(), se(tr(r.value), {
       for: n.labelFor,
-      class: "block w-fit cursor-pointer truncate text-sm leading-0 align-baseline"
+      class: "block w-fit cursor-pointer truncate align-baseline text-sm font-medium"
     }, {
       default: te(() => [
-        ie(S(Ue), { strong: "" }, {
-          default: te(() => [
-            Ye(Ce(n.label), 1)
-          ]),
-          _: 1
-        })
+        Ye(Ce(n.label), 1)
       ]),
       _: 1
     }, 8, ["for"]));
@@ -25956,7 +25951,7 @@ const m8 = /* @__PURE__ */ Pe(uP, [["render", fP]]), dP = { class: "flex items-c
           label: a.label,
           "label-for": S(o)
         }, null, 8, ["label", "label-for"]),
-        a.helpText ? ($(), se(S(Ue), {
+        a.helpText ? ($(), se(S(qe), {
           key: 0,
           subdued: ""
         }, {
@@ -25976,7 +25971,7 @@ const m8 = /* @__PURE__ */ Pe(uP, [["render", fP]]), dP = { class: "flex items-c
   setup(t) {
     return (e, r) => ($(), B("div", $P, [
       e.label ? ($(), B("p", EP, [
-        ie(S(Ue), {
+        ie(S(qe), {
           subdued: "",
           strong: ""
         }, {
@@ -27454,7 +27449,7 @@ const A8 = /* @__PURE__ */ Pe(s4, [["render", u4]]), c4 = ["data-sortable-id"],
     id: {}
   },
   setup(t) {
-    const e = Ve("sortable");
+    const e = Ue("sortable");
     return (r, n) => ($(), B("li", {
       class: "flex items-center justify-between bg-white dark:bg-zinc-950 px-4 py-3 space-x-4",
       "data-sortable-id": r.id
@@ -27501,7 +27496,7 @@ function g4(t, e) {
 const nh = /* @__PURE__ */ Pe(h4, [["render", g4]]), v4 = { class: "w-full" }, y4 = { class: "[&_tr]:bg-slate-50 shadow relative" }, b4 = { class: "[&_tr:last-child]:border-0" }, O8 = /* @__PURE__ */ H({
   __name: "DataTable",
   setup(t) {
-    const e = Ve("dataTableColumns"), r = Ve("dataTableRows");
+    const e = Ue("dataTableColumns"), r = Ue("dataTableRows");
     return (n, o) => ($(), se(S(Uf), null, {
       default: te(() => [
         J("table", v4, [
@@ -27629,7 +27624,7 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
 }), k4 = /* @__PURE__ */ H({
   __name: "TextFieldPasswordIcon",
   setup(t) {
-    const e = Ve("internalInputType");
+    const e = Ue("internalInputType");
     function r() {
       e.value = e.value === "password" ? "text" : "password";
     }
@@ -27771,7 +27766,7 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const e = pr(t, "modelValue"), r = Ve("datePickerLocale"), {
+    const e = pr(t, "modelValue"), r = Ue("datePickerLocale"), {
       displayDate: n,
       grid: o,
       monthName: i,
@@ -27867,7 +27862,7 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
   __name: "DescriptionListDescription",
   setup(t) {
     return (e, r) => ($(), B("dd", U4, [
-      ie(S(Ue), { subdued: "" }, {
+      ie(S(qe), { subdued: "" }, {
         default: te(() => [
           G(e.$slots, "default")
         ]),
@@ -27878,7 +27873,7 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
 }), I8 = /* @__PURE__ */ H({
   __name: "DescriptionListItem",
   setup(t) {
-    const e = Ve("descriptionListAlignment"), r = ee(() => [
+    const e = Ue("descriptionListAlignment"), r = ee(() => [
       { "grid-cols-4 gap-4 py-3": e === "horizontal" },
       { "py-2": e === "vertical" }
     ]);
@@ -27892,7 +27887,7 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
   __name: "DescriptionListTerm",
   setup(t) {
     return (e, r) => ($(), B("dt", null, [
-      ie(S(Ue), { strong: "" }, {
+      ie(S(qe), { strong: "" }, {
         default: te(() => [
           G(e.$slots, "default")
         ]),
@@ -27935,7 +27930,7 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
 }), B8 = /* @__PURE__ */ H({
   __name: "DialogCancelButton",
   setup(t) {
-    const e = Ve("cancelDialog");
+    const e = Ue("cancelDialog");
     return (r, n) => ($(), se(S(wr), {
       variant: "secondary",
       onClick: S(e)
@@ -27949,7 +27944,7 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
 }), W4 = { class: "absolute top-4 right-4" }, R8 = /* @__PURE__ */ H({
   __name: "DialogContent",
   setup(t) {
-    const e = Ve("cancelDialog"), r = ue(null);
+    const e = Ue("cancelDialog"), r = ue(null);
     return fl(r, () => e()), (n, o) => ($(), B("div", {
       ref_key: "target",
       ref: r,
@@ -27974,9 +27969,9 @@ const Rv = /* @__PURE__ */ Pe(S4, [["render", $4]]), E4 = {
 }), L8 = /* @__PURE__ */ H({
   __name: "DialogDescription",
   setup(t) {
-    const e = Ve("dialogLabelledBy");
+    const e = Ue("dialogLabelledBy");
     return (r, n) => ($(), B("p", null, [
-      ie(S(Ue), {
+      ie(S(qe), {
         id: S(e),
         subdued: ""
       }, {
@@ -28034,7 +28029,7 @@ const z8 = /* @__PURE__ */ Pe(J4, [["render", X4]]), Q4 = { class: "mb-4 overflo
 }), U8 = /* @__PURE__ */ H({
   __name: "DialogTitle",
   setup(t) {
-    const e = Ve("dialogLabelledBy");
+    const e = Ue("dialogLabelledBy");
     return (r, n) => ($(), se(S(Oi), {
       id: S(e),
       level: "h2"
@@ -28079,7 +28074,7 @@ const z8 = /* @__PURE__ */ Pe(J4, [["render", X4]]), Q4 = { class: "mb-4 overflo
 }), tI = { class: "absolute right-4 top-4" }, q8 = /* @__PURE__ */ H({
   __name: "DrawerContent",
   setup(t) {
-    const e = Ve("cancelDialog"), r = ue(null);
+    const e = Ue("cancelDialog"), r = ue(null);
     return fl(r, () => e()), (n, o) => ($(), B("div", {
       ref_key: "target",
       ref: r,
@@ -28104,7 +28099,7 @@ const z8 = /* @__PURE__ */ Pe(J4, [["render", X4]]), Q4 = { class: "mb-4 overflo
 }), W8 = /* @__PURE__ */ H({
   __name: "DrawerDescription",
   setup(t) {
-    return (e, r) => ($(), se(S(Ue), { subdued: "" }, {
+    return (e, r) => ($(), se(S(qe), { subdued: "" }, {
       default: te(() => [
         G(e.$slots, "default")
       ]),
@@ -28230,7 +28225,7 @@ const Z8 = /* @__PURE__ */ Pe(uI, [["render", fI]]), X8 = /* @__PURE__ */ H({
   __name: "EmptyStateDescription",
   setup(t) {
     return (e, r) => ($(), B("p", null, [
-      ie(S(Ue), { subdued: "" }, {
+      ie(S(qe), { subdued: "" }, {
         default: te(() => [
           G(e.$slots, "default")
         ]),
@@ -28296,7 +28291,7 @@ const oM = /* @__PURE__ */ Pe(EI, [["render", TI]]), kI = { class: "block" }, iM
   __name: "FeedItemDateIndicator",
   setup(t) {
     return (e, r) => ($(), B("div", kI, [
-      ie(S(Ue), { subdued: "" }, {
+      ie(S(qe), { subdued: "" }, {
         default: te(() => [
           G(e.$slots, "default")
         ]),
@@ -28563,7 +28558,7 @@ const sM = /* @__PURE__ */ Pe(PI, [["render", DI]]), MI = { class: "w-full" }, B
     return (e, r) => ($(), se(S(td), null, {
       default: te(() => [
         J("div", NI, [
-          ie(S(Ue), { subdued: "" }, {
+          ie(S(qe), { subdued: "" }, {
             default: te(() => [
               Ye(Ce(e.title), 1)
             ]),
@@ -28675,7 +28670,7 @@ const bM = /* @__PURE__ */ Pe(GI, [["render", JI]]), ZI = { class: "pb-8" }, XI
   },
   setup(t) {
     return (e, r) => ($(), B("div", ZI, [
-      e.label ? ($(), se(S(Ue), {
+      e.label ? ($(), se(S(qe), {
         key: 0,
         strong: ""
       }, {
@@ -28729,7 +28724,7 @@ const xM = /* @__PURE__ */ Pe(r6, [["render", n6]]), SM = /* @__PURE__ */ H({
   __name: "PageDescription",
   setup(t) {
     return (e, r) => ($(), B("p", null, [
-      ie(S(Ue), { subdued: "" }, {
+      ie(S(qe), { subdued: "" }, {
         default: te(() => [
           G(e.$slots, "default")
         ]),
@@ -28987,7 +28982,7 @@ const PM = /* @__PURE__ */ Pe(w6, [["render", _6]]), x6 = { class: "flex items-s
           label: o.label,
           "label-for": S(n)
         }, null, 8, ["label", "label-for"]),
-        o.helpText ? ($(), se(S(Ue), {
+        o.helpText ? ($(), se(S(qe), {
           key: 0,
           subdued: ""
         }, {
@@ -29122,7 +29117,7 @@ const BM = /* @__PURE__ */ Pe(I6, [["render", D6]]), M6 = { class: "w-full" }, B
     return (e, r) => ($(), B("div", j6, [
       r[0] || (r[0] = J("div", { class: "w-full shrink-0 h-[1px] bg-slate-300 dark:bg-zinc-700" }, null, -1)),
       e.label ? ($(), B("span", U6, [
-        ie(S(Ue), { subdued: "" }, {
+        ie(S(qe), { subdued: "" }, {
           default: te(() => [
             Ye(Ce(e.label), 1)
           ]),
@@ -29188,7 +29183,7 @@ const BM = /* @__PURE__ */ Pe(I6, [["render", D6]]), M6 = { class: "w-full" }, B
         class: "size-3 rounded-full dark:text-white",
         style: yt({ backgroundColor: n.value.backgroundColor })
       }, null, 4),
-      ie(S(Ue), { strong: "" }, {
+      ie(S(qe), { strong: "" }, {
         default: te(() => [
           J("span", { id: S(r) }, [
             G(i.$slots, "default")
@@ -29268,7 +29263,7 @@ const BM = /* @__PURE__ */ Pe(I6, [["render", D6]]), M6 = { class: "w-full" }, B
         ], 10, Z6)
       ]),
       J("div", X6, [
-        ie(S(Ue), { subdued: "" }, {
+        ie(S(qe), { subdued: "" }, {
           default: te(() => [
             Ye(Ce(s.label), 1)
           ]),
@@ -29294,7 +29289,7 @@ const BM = /* @__PURE__ */ Pe(I6, [["render", D6]]), M6 = { class: "w-full" }, B
     active: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = Ke("tabItem"), n = Ve("activeTabItem");
+    const e = t, r = Ke("tabItem"), n = Ue("activeTabItem");
     Vt(() => {
       e.active && (n.value = r);
     });
@@ -29309,7 +29304,7 @@ const BM = /* @__PURE__ */ Pe(I6, [["render", D6]]), M6 = { class: "w-full" }, B
       role: "tab",
       onClick: o
     }, [
-      ie(S(Ue), { strong: "" }, {
+      ie(S(qe), { strong: "" }, {
         default: te(() => [
           G(a.$slots, "default")
         ]),
@@ -29333,7 +29328,7 @@ const BM = /* @__PURE__ */ Pe(I6, [["render", D6]]), M6 = { class: "w-full" }, B
       class: "inline-flex items-center rounded bg-slate-200 py-1 pr-1 pl-2 text-xs",
       style: yt(r.value)
     }, [
-      ie(S(Ue), { strong: "" }, {
+      ie(S(qe), { strong: "" }, {
         default: te(() => [
           J("div", tD, [
             G(n.$slots, "default")
@@ -29462,7 +29457,7 @@ const HM = /* @__PURE__ */ Pe(oD, [["render", aD]]), sD = { class: "flex items-s
           label: a.label,
           "label-for": S(n)
         }, null, 8, ["label", "label-for"]),
-        a.helpText ? ($(), se(S(Ue), {
+        a.helpText ? ($(), se(S(qe), {
           key: 0,
           subdued: ""
         }, {
@@ -29688,7 +29683,7 @@ export {
   UM as Tabs,
   qM as Tag,
   ad as TextField,
-  Ue as TextStyle,
+  qe as TextStyle,
   WM as Toast,
   HM as ToastGroup,
   GM as Toggle,

package/dist/focus-ui.umd.cjs

@@ -27,7 +27,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 
 Please specify a more appropriate element using the "as" attribute. For example:
 
-<Link href="${a}" method="${i}" as="button">...</Link>`),o.h(t.as,{...r,...n==="a"?{href:a}:{},onClick:c=>{$B(c)&&(c.preventDefault(),od.visit(a,{data:s,method:i,replace:t.replace,preserveScroll:t.preserveScroll,preserveState:t.preserveState??i!=="get",only:t.only,except:t.except,headers:t.headers,onCancelToken:r.onCancelToken||(()=>({})),onBefore:r.onBefore||(()=>({})),onStart:r.onStart||(()=>({})),onProgress:r.onProgress||(()=>({})),onFinish:r.onFinish||(()=>({})),onCancel:r.onCancel||(()=>({})),onSuccess:r.onSuccess||(()=>({})),onError:r.onError||(()=>({}))}))}},e)}}}),kg=CB;const TB={class:"ml-1 hidden text-black group-hover:block"},Ag=o.defineComponent({__name:"CardHelp",props:{label:{},href:{default:void 0},onClick:{type:Function,default:void 0}},setup(t){const e=t;return(r,n)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.href?o.unref(kg):"button"),o.mergeProps({href:r.href,class:"group ml-2 flex shrink-0 items-center rounded-full border border-transparent p-1 pr-2 text-xs font-normal leading-none text-slate-500 hover:border-slate-300 hover:bg-slate-100 dark:text-zinc-400",target:r.href?"_blank":void 0},r.$attrs,{onClick:r.onClick}),{default:o.withCtx(()=>[o.createVNode(o.unref(Xf),{class:"size-4 group-hover:text-brand-500"}),o.createElementVNode("span",TB,o.toDisplayString(r.label),1)]),_:1},16,["href","target","onClick"]))}}),OB={class:"mb-4 size-14 overflow-hidden rounded-md border bg-white bg-gradient-to-tl from-slate-100 to-50% p-1 shadow"},BB=o.defineComponent({__name:"CardIcon",props:{alt:{},source:{}},setup(t){return(e,r)=>(o.openBlock(),o.createElementBlock("div",OB,[o.createVNode(o.unref($o),{fit:"contain"},{default:o.withCtx(()=>[o.createVNode(o.unref(Pn),{source:e.source,alt:e.alt,class:"rounded"},null,8,["source","alt"])]),_:1})]))}}),PB=o.defineComponent({__name:"CardLayout",props:{columns:{default:1}},setup(t){const e=t,r=o.computed(()=>[{"grid-cols-1":e.columns===1},{"grid-cols-2":e.columns===2},{"grid-cols-3":e.columns===3}]);return(n,i)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["grid gap-[var(--grid-gap)]",r.value])},[o.renderSlot(n.$slots,"default")],2))}}),Cs=o.defineComponent({__name:"CardSection",props:{flush:{type:Boolean,default:!1},alignment:{default:"start"}},setup(t){const e=t,r=o.computed(()=>[{"py-6":e.flush},{"p-6":!e.flush},{"justify-start":e.alignment==="start"},{"justify-end":e.alignment==="end"}]);return(n,i)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([r.value,"inline-flex h-full flex-col"])},[o.renderSlot(n.$slots,"default")],2))}}),IB={class:"relative bg-slate-200"},DB={key:0,class:"absolute inset-0"},NB=o.defineComponent({__name:"CardMedia",props:{alt:{},ratio:{default:16/9},source:{},subdued:{type:Boolean,default:!1}},setup(t){const e=o.ref(!1);function r(){e.value=!0}return(n,i)=>(o.openBlock(),o.createElementBlock("div",IB,[o.createVNode(o.unref($o),{ratio:n.ratio},{default:o.withCtx(()=>[o.withDirectives(o.createVNode(o.unref(Pn),{alt:n.alt,source:n.source,class:o.normalizeClass({"opacity-30 grayscale":n.subdued}),onError:r},null,8,["alt","source","class"]),[[o.vShow,!e.value]])]),_:1},8,["ratio"]),n.$slots.default?(o.openBlock(),o.createElementBlock("div",DB,[o.createVNode(Cs,null,{default:o.withCtx(()=>[o.renderSlot(n.$slots,"default")]),_:3})])):o.createCommentVNode("",!0)]))}}),RB={},LB={class:"relative flex h-0 items-center"};function FB(t,e){return o.openBlock(),o.createElementBlock("div",LB,e[0]||(e[0]=[o.createElementVNode("div",{class:"h-px w-full shrink-0 bg-slate-300 dark:bg-zinc-700"},null,-1)]))}const zB=be(RB,[["render",FB]]),VB={class:"flex items-center"},jB={class:"truncate"},UB=o.defineComponent({__name:"CardTitle",props:{cardHelp:{default:null}},setup(t){return(e,r)=>(o.openBlock(),o.createBlock(o.unref(Ln),{level:"h2"},{default:o.withCtx(()=>[o.createElementVNode("span",VB,[o.createElementVNode("span",jB,[o.renderSlot(e.$slots,"default")]),e.cardHelp?(o.openBlock(),o.createBlock(o.unref(Ag),o.normalizeProps(o.mergeProps({key:0},e.cardHelp)),null,16)):o.createCommentVNode("",!0)])]),_:3}))}}),qB={class:"h-4 rounded flex [&>*]:flex-shrink-0 overflow-hidden mb-4"},WB=["onMouseenter"],HB=["onMouseenter"],GB={class:"space-x-1"},KB=o.defineComponent({__name:"CategoryBar",props:{categories:{}},setup(t){const e=t,r=o.ref(null),n=o.computed(()=>e.categories.reduce((a,s)=>a+s.value,0)),i=o.computed(()=>e.categories.map(a=>({...a,percentage:(a.value/n.value*100).toFixed(1),color:We(a.color,"500")})));return(a,s)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",qB,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,(c,l)=>(o.openBlock(),o.createElementBlock("div",{key:l,class:o.normalizeClass([{"opacity-50":r.value!==null&&r.value!==l},"h-full w-10 bg-red-500 transition-opacity duration-100"]),style:o.normalizeStyle({width:`${c.percentage}%`,backgroundColor:c.color}),onMouseenter:u=>r.value=l,onMouseleave:s[0]||(s[0]=u=>r.value=null)},null,46,WB))),128))]),o.createElementVNode("ul",null,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,(c,l)=>(o.openBlock(),o.createElementBlock("li",{key:l,class:o.normalizeClass(["flex pb-2 transition-opacity duration-100 space-x-2",{"opacity-50":r.value!==null&&r.value!==l}]),onMouseenter:u=>r.value=l,onMouseleave:s[1]||(s[1]=u=>r.value=null)},[o.createElementVNode("div",{class:"rounded-full size-2 mt-1.5",style:o.normalizeStyle({backgroundColor:c.color})},null,4),o.createElementVNode("div",null,[o.createVNode(o.unref(Oe),{subdued:"",strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(c.label),1)]),_:2},1024),o.createElementVNode("div",GB,[o.createVNode(o.unref(Oe),{strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(c.value),1)]),_:2},1024),o.createVNode(o.unref(Oe),{subdued:""},{default:o.withCtx(()=>[o.createTextVNode(" ("+o.toDisplayString(c.percentage)+"%) ",1)]),_:2},1024)])])],42,HB))),128)),o.createElementVNode("li",null,[s[2]||(s[2]=o.createTextVNode(" Total ")),o.createVNode(o.unref(Oe),{strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(n.value),1)]),_:1})])])],64))}}),fn=o.defineComponent({__name:"InputLabel",props:{label:{},labelFor:{},labelHidden:{type:Boolean,default:!1}},setup(t){const e=t,r=o.computed(()=>e.labelHidden?Bn:"label");return(n,i)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(r.value),{for:n.labelFor,class:"block w-fit cursor-pointer truncate text-sm leading-0 align-baseline"},{default:o.withCtx(()=>[o.createVNode(o.unref(Oe),{strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(n.label),1)]),_:1})]),_:1},8,["for"]))}}),YB=["aria-checked","aria-labelledby"],JB={class:"relative"},ZB=["id","value"],XB={class:"pointer-events-none invisible absolute inset-0 z-10 flex size-4 items-center justify-center rounded bg-brand-500 text-white peer-checked:visible"},QB={key:0,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},MB={key:1,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e3={key:0,class:"-mt-[2px] space-y-1"},t3=o.defineComponent({__name:"Checkbox",props:o.mergeModels({helpText:{default:null},id:{default:null},indeterminate:{type:Boolean},label:{},labelHidden:{type:Boolean,default:!1},value:{type:[String,Number,Boolean]}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=o.ref(null),n=o.useModel(t,"modelValue"),i=e.id||Pe("checkbox"),a=o.computed(()=>Array.isArray(n.value)?n.value.includes(e.value):n.value);return(s,c)=>(o.openBlock(),o.createElementBlock("div",{"aria-checked":a.value,"aria-labelledby":o.unref(i),class:"flex items-start space-x-2",role:"checkbox"},[o.createElementVNode("div",JB,[o.withDirectives(o.createElementVNode("input",{id:o.unref(i),ref_key:"$checkboxElement",ref:r,"onUpdate:modelValue":c[0]||(c[0]=l=>n.value=l),class:o.normalizeClass([o.unref(vt)("focus"),"peer block size-4 shrink-0 appearance-none rounded border border-slate-400 bg-white text-brand-500 shadow-sm dark:border-zinc-700 dark:bg-zinc-800 dark:text-blue-500"]),value:s.value,type:"checkbox"},null,10,ZB),[[o.vModelCheckbox,n.value]]),o.createElementVNode("div",XB,[s.indeterminate?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("svg",QB,c[1]||(c[1]=[o.createElementVNode("path",{d:"M11.2 5.59998L6.79999 9.99998L4.79999 7.99998",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)]))),s.indeterminate?(o.openBlock(),o.createElementBlock("svg",MB,c[2]||(c[2]=[o.createElementVNode("line",{stroke:"currentColor","stroke-linecap":"round","stroke-width":"2",x1:"4",x2:"12",y1:"8",y2:"8"},null,-1)]))):o.createCommentVNode("",!0)])]),s.labelHidden?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",e3,[o.createVNode(o.unref(fn),{label:s.label,"label-for":o.unref(i)},null,8,["label","label-for"]),s.helpText?(o.openBlock(),o.createBlock(o.unref(Oe),{key:0,subdued:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(s.helpText),1)]),_:1})):o.createCommentVNode("",!0)]))],8,YB))}}),r3={class:"space-y-2"},n3={key:0},o3=o.defineComponent({__name:"CheckboxGroup",props:{label:{default:null}},setup(t){return(e,r)=>(o.openBlock(),o.createElementBlock("div",r3,[e.label?(o.openBlock(),o.createElementBlock("p",n3,[o.createVNode(o.unref(Oe),{subdued:"",strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(e.label),1)]),_:1})])):o.createCommentVNode("",!0),o.renderSlot(e.$slots,"default")]))}}),i3=["id"],a3=o.defineComponent({__name:"Collapsible",props:{id:{},open:{type:Boolean,default:!1}},setup(t){function e(a){a.style.height="0"}function r(a){a.style.height=a.scrollHeight+"px"}function n(a){a.style.height=a.scrollHeight+"px"}function i(a){a.style.height="0"}return(a,s)=>(o.openBlock(),o.createBlock(o.Transition,{onEnter:r,onLeave:i,onBeforeEnter:e,onBeforeLeave:n},{default:o.withCtx(()=>[o.withDirectives(o.createElementVNode("div",{id:a.id,class:"transition-all duration-200 ease-in-out overflow-hidden",role:"region"},[o.renderSlot(a.$slots,"default")],8,i3),[[o.vShow,a.open]])]),_:3}))}}),s3=["id"],Pi=o.defineComponent({__name:"InlineError",props:{id:{},message:{}},setup(t){return(e,r)=>(o.openBlock(),o.createElementBlock("div",{id:e.id,class:"flex items-center text-red-600 space-x-2"},[r[0]||(r[0]=o.createElementVNode("svg",{viewBox:"0 0 20 20",class:"fill-current w-5 h-5",focusable:"false","aria-hidden":"true"},[o.createElementVNode("path",{d:"M10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75Z"}),o.createElementVNode("path",{d:"M11 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}),o.createElementVNode("path",{"fill-rule":"evenodd",d:"M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-1.5 0a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Z"})],-1)),o.createElementVNode("span",null,o.toDisplayString(e.message),1)],8,s3))}}),l3={class:"w-full"},c3={class:"block cursor-pointer px-2 py-1.5"},u3={class:"font-mono"},d3=["id","name"],f3={class:"text-sm text-slate-500"},p3=o.defineComponent({__name:"ColorInput",props:o.mergeModels({disabled:{type:Boolean,default:!1},error:{default:null},helpText:{default:null},id:{default:null},label:{},labelHidden:{type:Boolean,default:!1},name:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=o.useModel(t,"modelValue"),n=e.id||Pe("colorInput"),i=o.computed(()=>e.error?Pe("colorInputError"):void 0),a=o.computed(()=>[{"mt-1":!e.labelHidden},{"pointer-events-none bg-slate-50 cursor-not-allowed":e.disabled},{"bg-white cursor-pointer":!e.disabled},...vt("focusWithin")]);return(s,c)=>(o.openBlock(),o.createElementBlock("div",l3,[o.createVNode(o.unref(fn),{id:`${o.unref(n)}-label`,label:s.label,"label-for":o.unref(n),"label-hidden":s.labelHidden,"aria-disabled":s.disabled},null,8,["id","label","label-for","label-hidden","aria-disabled"]),o.createElementVNode("label",{class:o.normalizeClass(["relative flex w-full items-center rounded border shadow-sm",a.value])},[o.createElementVNode("span",c3,[o.createElementVNode("span",{class:"block rounded size-6",style:o.normalizeStyle({backgroundColor:r.value})},null,4)]),o.createElementVNode("span",u3,o.toDisplayString(r.value),1),o.createVNode(o.unref(Bn),null,{default:o.withCtx(()=>[o.withDirectives(o.createElementVNode("input",{id:o.unref(n),"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),name:s.name,type:"color"},null,8,d3),[[o.vModelText,r.value]])]),_:1})],2),s.error&&i.value?(o.openBlock(),o.createBlock(o.unref(Pi),{key:0,id:i.value,message:s.error},null,8,["id","message"])):o.createCommentVNode("",!0),o.createElementVNode("p",f3,o.toDisplayString(s.helpText),1)]))}}),h3=["value"],m3=be(o.defineComponent({__name:"ColorPalette",props:o.mergeModels({colors:{},rows:{default:2}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=o.useModel(t,"modelValue"),n=o.computed(()=>({gridTemplateColumns:`repeat(${Math.round(e.colors.length/e.rows)}, minmax(0, 1fr))`}));function i(a){return We(a,"500")}return(a,s)=>(o.openBlock(),o.createElementBlock("ul",{class:"grid gap-x-4 gap-y-2",style:o.normalizeStyle(n.value)},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.colors,c=>(o.openBlock(),o.createElementBlock("li",{key:c},[o.withDirectives(o.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=l=>r.value=l),value:c,class:"flex size-6 cursor-pointer appearance-none items-center justify-center rounded-full bg-gradient-to-tr from-white/20 shadow-inner transition-opacity duration-100 hover:opacity-50",type:"radio",style:o.normalizeStyle({backgroundColor:i(c)})},null,12,h3),[[o.vModelRadio,r.value]])]))),128))],4))}}),[["__scopeId","data-v-55656b4c"]]);/**!
+<Link href="${a}" method="${i}" as="button">...</Link>`),o.h(t.as,{...r,...n==="a"?{href:a}:{},onClick:c=>{$B(c)&&(c.preventDefault(),od.visit(a,{data:s,method:i,replace:t.replace,preserveScroll:t.preserveScroll,preserveState:t.preserveState??i!=="get",only:t.only,except:t.except,headers:t.headers,onCancelToken:r.onCancelToken||(()=>({})),onBefore:r.onBefore||(()=>({})),onStart:r.onStart||(()=>({})),onProgress:r.onProgress||(()=>({})),onFinish:r.onFinish||(()=>({})),onCancel:r.onCancel||(()=>({})),onSuccess:r.onSuccess||(()=>({})),onError:r.onError||(()=>({}))}))}},e)}}}),kg=CB;const TB={class:"ml-1 hidden text-black group-hover:block"},Ag=o.defineComponent({__name:"CardHelp",props:{label:{},href:{default:void 0},onClick:{type:Function,default:void 0}},setup(t){const e=t;return(r,n)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.href?o.unref(kg):"button"),o.mergeProps({href:r.href,class:"group ml-2 flex shrink-0 items-center rounded-full border border-transparent p-1 pr-2 text-xs font-normal leading-none text-slate-500 hover:border-slate-300 hover:bg-slate-100 dark:text-zinc-400",target:r.href?"_blank":void 0},r.$attrs,{onClick:r.onClick}),{default:o.withCtx(()=>[o.createVNode(o.unref(Xf),{class:"size-4 group-hover:text-brand-500"}),o.createElementVNode("span",TB,o.toDisplayString(r.label),1)]),_:1},16,["href","target","onClick"]))}}),OB={class:"mb-4 size-14 overflow-hidden rounded-md border bg-white bg-gradient-to-tl from-slate-100 to-50% p-1 shadow"},BB=o.defineComponent({__name:"CardIcon",props:{alt:{},source:{}},setup(t){return(e,r)=>(o.openBlock(),o.createElementBlock("div",OB,[o.createVNode(o.unref($o),{fit:"contain"},{default:o.withCtx(()=>[o.createVNode(o.unref(Pn),{source:e.source,alt:e.alt,class:"rounded"},null,8,["source","alt"])]),_:1})]))}}),PB=o.defineComponent({__name:"CardLayout",props:{columns:{default:1}},setup(t){const e=t,r=o.computed(()=>[{"grid-cols-1":e.columns===1},{"grid-cols-2":e.columns===2},{"grid-cols-3":e.columns===3}]);return(n,i)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["grid gap-[var(--grid-gap)]",r.value])},[o.renderSlot(n.$slots,"default")],2))}}),Cs=o.defineComponent({__name:"CardSection",props:{flush:{type:Boolean,default:!1},alignment:{default:"start"}},setup(t){const e=t,r=o.computed(()=>[{"py-6":e.flush},{"p-6":!e.flush},{"justify-start":e.alignment==="start"},{"justify-end":e.alignment==="end"}]);return(n,i)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([r.value,"inline-flex h-full flex-col"])},[o.renderSlot(n.$slots,"default")],2))}}),IB={class:"relative bg-slate-200"},DB={key:0,class:"absolute inset-0"},NB=o.defineComponent({__name:"CardMedia",props:{alt:{},ratio:{default:16/9},source:{},subdued:{type:Boolean,default:!1}},setup(t){const e=o.ref(!1);function r(){e.value=!0}return(n,i)=>(o.openBlock(),o.createElementBlock("div",IB,[o.createVNode(o.unref($o),{ratio:n.ratio},{default:o.withCtx(()=>[o.withDirectives(o.createVNode(o.unref(Pn),{alt:n.alt,source:n.source,class:o.normalizeClass({"opacity-30 grayscale":n.subdued}),onError:r},null,8,["alt","source","class"]),[[o.vShow,!e.value]])]),_:1},8,["ratio"]),n.$slots.default?(o.openBlock(),o.createElementBlock("div",DB,[o.createVNode(Cs,null,{default:o.withCtx(()=>[o.renderSlot(n.$slots,"default")]),_:3})])):o.createCommentVNode("",!0)]))}}),RB={},LB={class:"relative flex h-0 items-center"};function FB(t,e){return o.openBlock(),o.createElementBlock("div",LB,e[0]||(e[0]=[o.createElementVNode("div",{class:"h-px w-full shrink-0 bg-slate-300 dark:bg-zinc-700"},null,-1)]))}const zB=be(RB,[["render",FB]]),VB={class:"flex items-center"},jB={class:"truncate"},UB=o.defineComponent({__name:"CardTitle",props:{cardHelp:{default:null}},setup(t){return(e,r)=>(o.openBlock(),o.createBlock(o.unref(Ln),{level:"h2"},{default:o.withCtx(()=>[o.createElementVNode("span",VB,[o.createElementVNode("span",jB,[o.renderSlot(e.$slots,"default")]),e.cardHelp?(o.openBlock(),o.createBlock(o.unref(Ag),o.normalizeProps(o.mergeProps({key:0},e.cardHelp)),null,16)):o.createCommentVNode("",!0)])]),_:3}))}}),qB={class:"h-4 rounded flex [&>*]:flex-shrink-0 overflow-hidden mb-4"},WB=["onMouseenter"],HB=["onMouseenter"],GB={class:"space-x-1"},KB=o.defineComponent({__name:"CategoryBar",props:{categories:{}},setup(t){const e=t,r=o.ref(null),n=o.computed(()=>e.categories.reduce((a,s)=>a+s.value,0)),i=o.computed(()=>e.categories.map(a=>({...a,percentage:(a.value/n.value*100).toFixed(1),color:We(a.color,"500")})));return(a,s)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",qB,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,(c,l)=>(o.openBlock(),o.createElementBlock("div",{key:l,class:o.normalizeClass([{"opacity-50":r.value!==null&&r.value!==l},"h-full w-10 bg-red-500 transition-opacity duration-100"]),style:o.normalizeStyle({width:`${c.percentage}%`,backgroundColor:c.color}),onMouseenter:u=>r.value=l,onMouseleave:s[0]||(s[0]=u=>r.value=null)},null,46,WB))),128))]),o.createElementVNode("ul",null,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,(c,l)=>(o.openBlock(),o.createElementBlock("li",{key:l,class:o.normalizeClass(["flex pb-2 transition-opacity duration-100 space-x-2",{"opacity-50":r.value!==null&&r.value!==l}]),onMouseenter:u=>r.value=l,onMouseleave:s[1]||(s[1]=u=>r.value=null)},[o.createElementVNode("div",{class:"rounded-full size-2 mt-1.5",style:o.normalizeStyle({backgroundColor:c.color})},null,4),o.createElementVNode("div",null,[o.createVNode(o.unref(Oe),{subdued:"",strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(c.label),1)]),_:2},1024),o.createElementVNode("div",GB,[o.createVNode(o.unref(Oe),{strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(c.value),1)]),_:2},1024),o.createVNode(o.unref(Oe),{subdued:""},{default:o.withCtx(()=>[o.createTextVNode(" ("+o.toDisplayString(c.percentage)+"%) ",1)]),_:2},1024)])])],42,HB))),128)),o.createElementVNode("li",null,[s[2]||(s[2]=o.createTextVNode(" Total ")),o.createVNode(o.unref(Oe),{strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(n.value),1)]),_:1})])])],64))}}),fn=o.defineComponent({__name:"InputLabel",props:{label:{},labelFor:{},labelHidden:{type:Boolean,default:!1}},setup(t){const e=t,r=o.computed(()=>e.labelHidden?Bn:"label");return(n,i)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(r.value),{for:n.labelFor,class:"block w-fit cursor-pointer truncate align-baseline text-sm font-medium"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(n.label),1)]),_:1},8,["for"]))}}),YB=["aria-checked","aria-labelledby"],JB={class:"relative"},ZB=["id","value"],XB={class:"pointer-events-none invisible absolute inset-0 z-10 flex size-4 items-center justify-center rounded bg-brand-500 text-white peer-checked:visible"},QB={key:0,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},MB={key:1,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e3={key:0,class:"-mt-[2px] space-y-1"},t3=o.defineComponent({__name:"Checkbox",props:o.mergeModels({helpText:{default:null},id:{default:null},indeterminate:{type:Boolean},label:{},labelHidden:{type:Boolean,default:!1},value:{type:[String,Number,Boolean]}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=o.ref(null),n=o.useModel(t,"modelValue"),i=e.id||Pe("checkbox"),a=o.computed(()=>Array.isArray(n.value)?n.value.includes(e.value):n.value);return(s,c)=>(o.openBlock(),o.createElementBlock("div",{"aria-checked":a.value,"aria-labelledby":o.unref(i),class:"flex items-start space-x-2",role:"checkbox"},[o.createElementVNode("div",JB,[o.withDirectives(o.createElementVNode("input",{id:o.unref(i),ref_key:"$checkboxElement",ref:r,"onUpdate:modelValue":c[0]||(c[0]=l=>n.value=l),class:o.normalizeClass([o.unref(vt)("focus"),"peer block size-4 shrink-0 appearance-none rounded border border-slate-400 bg-white text-brand-500 shadow-sm dark:border-zinc-700 dark:bg-zinc-800 dark:text-blue-500"]),value:s.value,type:"checkbox"},null,10,ZB),[[o.vModelCheckbox,n.value]]),o.createElementVNode("div",XB,[s.indeterminate?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("svg",QB,c[1]||(c[1]=[o.createElementVNode("path",{d:"M11.2 5.59998L6.79999 9.99998L4.79999 7.99998",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)]))),s.indeterminate?(o.openBlock(),o.createElementBlock("svg",MB,c[2]||(c[2]=[o.createElementVNode("line",{stroke:"currentColor","stroke-linecap":"round","stroke-width":"2",x1:"4",x2:"12",y1:"8",y2:"8"},null,-1)]))):o.createCommentVNode("",!0)])]),s.labelHidden?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",e3,[o.createVNode(o.unref(fn),{label:s.label,"label-for":o.unref(i)},null,8,["label","label-for"]),s.helpText?(o.openBlock(),o.createBlock(o.unref(Oe),{key:0,subdued:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(s.helpText),1)]),_:1})):o.createCommentVNode("",!0)]))],8,YB))}}),r3={class:"space-y-2"},n3={key:0},o3=o.defineComponent({__name:"CheckboxGroup",props:{label:{default:null}},setup(t){return(e,r)=>(o.openBlock(),o.createElementBlock("div",r3,[e.label?(o.openBlock(),o.createElementBlock("p",n3,[o.createVNode(o.unref(Oe),{subdued:"",strong:""},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(e.label),1)]),_:1})])):o.createCommentVNode("",!0),o.renderSlot(e.$slots,"default")]))}}),i3=["id"],a3=o.defineComponent({__name:"Collapsible",props:{id:{},open:{type:Boolean,default:!1}},setup(t){function e(a){a.style.height="0"}function r(a){a.style.height=a.scrollHeight+"px"}function n(a){a.style.height=a.scrollHeight+"px"}function i(a){a.style.height="0"}return(a,s)=>(o.openBlock(),o.createBlock(o.Transition,{onEnter:r,onLeave:i,onBeforeEnter:e,onBeforeLeave:n},{default:o.withCtx(()=>[o.withDirectives(o.createElementVNode("div",{id:a.id,class:"transition-all duration-200 ease-in-out overflow-hidden",role:"region"},[o.renderSlot(a.$slots,"default")],8,i3),[[o.vShow,a.open]])]),_:3}))}}),s3=["id"],Pi=o.defineComponent({__name:"InlineError",props:{id:{},message:{}},setup(t){return(e,r)=>(o.openBlock(),o.createElementBlock("div",{id:e.id,class:"flex items-center text-red-600 space-x-2"},[r[0]||(r[0]=o.createElementVNode("svg",{viewBox:"0 0 20 20",class:"fill-current w-5 h-5",focusable:"false","aria-hidden":"true"},[o.createElementVNode("path",{d:"M10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75Z"}),o.createElementVNode("path",{d:"M11 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}),o.createElementVNode("path",{"fill-rule":"evenodd",d:"M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-1.5 0a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Z"})],-1)),o.createElementVNode("span",null,o.toDisplayString(e.message),1)],8,s3))}}),l3={class:"w-full"},c3={class:"block cursor-pointer px-2 py-1.5"},u3={class:"font-mono"},d3=["id","name"],f3={class:"text-sm text-slate-500"},p3=o.defineComponent({__name:"ColorInput",props:o.mergeModels({disabled:{type:Boolean,default:!1},error:{default:null},helpText:{default:null},id:{default:null},label:{},labelHidden:{type:Boolean,default:!1},name:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=o.useModel(t,"modelValue"),n=e.id||Pe("colorInput"),i=o.computed(()=>e.error?Pe("colorInputError"):void 0),a=o.computed(()=>[{"mt-1":!e.labelHidden},{"pointer-events-none bg-slate-50 cursor-not-allowed":e.disabled},{"bg-white cursor-pointer":!e.disabled},...vt("focusWithin")]);return(s,c)=>(o.openBlock(),o.createElementBlock("div",l3,[o.createVNode(o.unref(fn),{id:`${o.unref(n)}-label`,label:s.label,"label-for":o.unref(n),"label-hidden":s.labelHidden,"aria-disabled":s.disabled},null,8,["id","label","label-for","label-hidden","aria-disabled"]),o.createElementVNode("label",{class:o.normalizeClass(["relative flex w-full items-center rounded border shadow-sm",a.value])},[o.createElementVNode("span",c3,[o.createElementVNode("span",{class:"block rounded size-6",style:o.normalizeStyle({backgroundColor:r.value})},null,4)]),o.createElementVNode("span",u3,o.toDisplayString(r.value),1),o.createVNode(o.unref(Bn),null,{default:o.withCtx(()=>[o.withDirectives(o.createElementVNode("input",{id:o.unref(n),"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),name:s.name,type:"color"},null,8,d3),[[o.vModelText,r.value]])]),_:1})],2),s.error&&i.value?(o.openBlock(),o.createBlock(o.unref(Pi),{key:0,id:i.value,message:s.error},null,8,["id","message"])):o.createCommentVNode("",!0),o.createElementVNode("p",f3,o.toDisplayString(s.helpText),1)]))}}),h3=["value"],m3=be(o.defineComponent({__name:"ColorPalette",props:o.mergeModels({colors:{},rows:{default:2}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=o.useModel(t,"modelValue"),n=o.computed(()=>({gridTemplateColumns:`repeat(${Math.round(e.colors.length/e.rows)}, minmax(0, 1fr))`}));function i(a){return We(a,"500")}return(a,s)=>(o.openBlock(),o.createElementBlock("ul",{class:"grid gap-x-4 gap-y-2",style:o.normalizeStyle(n.value)},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.colors,c=>(o.openBlock(),o.createElementBlock("li",{key:c},[o.withDirectives(o.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=l=>r.value=l),value:c,class:"flex size-6 cursor-pointer appearance-none items-center justify-center rounded-full bg-gradient-to-tr from-white/20 shadow-inner transition-opacity duration-100 hover:opacity-50",type:"radio",style:o.normalizeStyle({backgroundColor:i(c)})},null,12,h3),[[o.vModelRadio,r.value]])]))),128))],4))}}),[["__scopeId","data-v-55656b4c"]]);/**!
  * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@returnless/focus-ui",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "license": "MIT",
   "type": "module",
   "scripts": {