@typlog/ui 0.13.0 → 0.13.1

package/addons.js

@@ -386,7 +386,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             page: page.value,
             "onUpdate:page": _cache[4] || (_cache[4] = ($event) => page.value = $event),
             total: allIcons.value.length,
-            "items-per-page": _ctx.perpage
+            "items-per-page": __props.perpage
           }, null, 8, ["page", "total", "items-per-page"])
         ])) : createCommentVNode("", true)
       ]);
@@ -480,7 +480,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "element",
         ref: element,
-        class: normalizeClass(["ui-Turnstile", `r-size-${_ctx.size}`])
+        class: normalizeClass(["ui-Turnstile", `r-size-${__props.size}`])
       }, null, 2);
     };
   }

package/components.js

@@ -305,9 +305,7 @@ function render$d(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M11.782 4.032a.575.575 0 1 0-.813-.814L7.5 6.687L4.032 3.218a.575.575 0 0 0-.814.814L6.687 7.5l-3.469 3.468a.575.575 0 0 0 .814.814L7.5 8.313l3.469 3.469a.575.575 0 0 0 .813-.814L8.313 7.5z",
-      "clip-rule": "evenodd"
+      d: "M10.969 3.219a.574.574 0 1 1 .812.812L8.313 7.5l3.468 3.469l.074.09a.575.575 0 0 1-.796.796l-.09-.074L7.5 8.312l-3.469 3.47a.574.574 0 1 1-.812-.813L6.688 7.5l-3.47-3.469l-.073-.09a.575.575 0 0 1 .796-.797l.09.075L7.5 6.687z"
     }, null, -1)
   ])]);
 }
@@ -471,17 +469,14 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TooltipRoot), {
-        open: props.open,
         "default-open": props.defaultOpen,
         "delay-duration": props.delayDuration,
         "disable-hoverable-content": props.disableHoverableContent,
         "disable-closing-trigger": props.disableClosingTrigger,
         disabled: props.disabled,
-        "ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => emits("update:open", $event))
+        "ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus
       }, {
         default: withCtx(() => [
           createVNode(unref(TooltipTrigger), mergeProps({
@@ -532,7 +527,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["open", "default-open", "delay-duration", "disable-hoverable-content", "disable-closing-trigger", "disabled", "ignore-non-keyboard-focus"]);
+      }, 8, ["default-open", "delay-duration", "disable-hoverable-content", "disable-closing-trigger", "disabled", "ignore-non-keyboard-focus"]);
     };
   }
 });
@@ -1028,9 +1023,7 @@ function render$c(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$s, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M4.182 6.182a.45.45 0 0 1 .636 0L7.5 8.864l2.682-2.682a.45.45 0 0 1 .636.636l-3 3a.45.45 0 0 1-.636 0l-3-3a.45.45 0 0 1 0-.636",
-      "clip-rule": "evenodd"
+      d: "M7.5 9.95a.45.45 0 0 0 .319-.132l3-3a.45.45 0 0 0-.637-.637L7.5 8.863L4.82 6.181l-.07-.057a.451.451 0 0 0-.625.624l.058.07l3 3a.45.45 0 0 0 .318.132"
     }, null, -1)
   ])]);
 }
@@ -1645,9 +1638,7 @@ function render$b(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$n, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707",
-      "clip-rule": "evenodd"
+      d: "M11.158 6.135a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75l-.066-.077a.5.5 0 0 1 .67-.715l.08.062L7.5 9.564z"
     }, null, -1)
   ])]);
 }
@@ -1712,9 +1703,7 @@ function render$a(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M11.467 3.727c.289.189.37.576.181.865l-4.25 6.5a.625.625 0 0 1-.944.12l-2.75-2.5a.625.625 0 0 1 .841-.925l2.208 2.007l3.849-5.886a.625.625 0 0 1 .865-.181",
-      "clip-rule": "evenodd"
+      d: "M10.602 3.908a.626.626 0 0 1 1.046.684l-4.25 6.5a.626.626 0 0 1-.944.12l-2.75-2.5l-.084-.094a.626.626 0 0 1 .823-.906l.103.075l2.207 2.006z"
     }, null, -1)
   ])]);
 }
@@ -1900,8 +1889,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     }, { deep: true });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxAnchor), {
-        class: normalizeClass(["ui-ComboboxField", `r-variant-${_ctx.variant}`]),
-        "data-radius": _ctx.radius,
+        class: normalizeClass(["ui-ComboboxField", `r-variant-${__props.variant}`]),
+        "data-radius": __props.radius,
         "data-multiple": unref(context).multiple.value || void 0
       }, {
         default: withCtx(() => [
@@ -2569,9 +2558,7 @@ function render$9(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M6.158 3.135a.5.5 0 0 1 .707.023l3.75 4a.5.5 0 0 1 0 .684l-3.75 4a.5.5 0 1 1-.73-.684L9.566 7.5l-3.43-3.658a.5.5 0 0 1 .023-.707",
-      "clip-rule": "evenodd"
+      d: "M6.159 11.865a.5.5 0 0 0 .707-.023l3.75-4a.5.5 0 0 0 0-.684l-3.75-4l-.077-.066a.5.5 0 0 0-.715.67l.061.08L9.565 7.5l-3.43 3.658a.5.5 0 0 0 .024.707"
     }, null, -1)
   ])]);
 }
@@ -2589,11 +2576,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        _ctx.variant == "chevron" ? (openBlock(), createBlock(unref(NextIcon), {
+        __props.variant == "chevron" ? (openBlock(), createBlock(unref(NextIcon), {
           key: 0,
           class: "ui-AccordionIndicator-chevron"
         })) : createCommentVNode("", true),
-        _ctx.variant == "plus" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
+        __props.variant == "plus" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
           createElementVNode("span", { class: "ui-AccordionIndicator-plus-1" }, null, -1),
           createElementVNode("span", { class: "ui-AccordionIndicator-plus-2" }, null, -1)
         ])])) : createCommentVNode("", true)
@@ -2661,8 +2648,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(CollapsibleRoot), mergeProps({
         class: ["ui-CollapsibleRoot", unref(resetClass)]
       }, unref(forwarded), {
-        "data-accent-color": _ctx.color,
-        "data-radius": _ctx.radius
+        "data-accent-color": __props.color,
+        "data-radius": __props.radius
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -2697,9 +2684,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           createElementVNode("span", _hoisted_1$c, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          _ctx.indicator !== "none" ? (openBlock(), createBlock(_sfc_main$b, {
+          __props.indicator !== "none" ? (openBlock(), createBlock(_sfc_main$b, {
             key: 0,
-            "data-side": _ctx.indicator
+            "data-side": __props.indicator
           }, null, 8, ["data-side"])) : createCommentVNode("", true)
         ]),
         _: 3
@@ -2736,9 +2723,7 @@ function render$8(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M6.854 3.854a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L3.207 7.5zm6 0a.5.5 0 0 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L9.207 7.5z",
-      "clip-rule": "evenodd"
+      d: "M6.225 3.082a.5.5 0 0 1 .693.694l-.065.078L3.207 7.5l3.646 3.647l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-4-4a.5.5 0 0 1 0-.707l4-4zm6 0a.5.5 0 0 1 .693.694l-.064.078L9.207 7.5l3.646 3.647l.065.078a.5.5 0 0 1-.693.693l-.079-.064l-4-4a.5.5 0 0 1 0-.707l4-4z"
     }, null, -1)
   ])]);
 }
@@ -2752,9 +2737,7 @@ function render$7(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M2.146 11.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 1 0-.708.708L5.793 7.5zm6 0a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 1 0-.708.708L11.793 7.5z",
-      "clip-rule": "evenodd"
+      d: "M2.147 3.147a.5.5 0 0 1 .629-.065l.078.065l4 4a.5.5 0 0 1 0 .707l-4 4l-.078.064a.5.5 0 0 1-.694-.693l.065-.078L5.793 7.5L2.147 3.854l-.065-.078a.5.5 0 0 1 .065-.63m6 0a.5.5 0 0 1 .629-.065l.078.065l4 4a.5.5 0 0 1 0 .707l-4 4l-.078.064a.5.5 0 0 1-.694-.693l.065-.078L11.793 7.5L8.147 3.854l-.065-.078a.5.5 0 0 1 .065-.63"
     }, null, -1)
   ])]);
 }
@@ -2768,9 +2751,7 @@ function render$6(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M8.842 3.135a.5.5 0 0 1 .023.707L5.435 7.5l3.43 3.658a.5.5 0 0 1-.73.684l-3.75-4a.5.5 0 0 1 0-.684l3.75-4a.5.5 0 0 1 .707-.023",
-      "clip-rule": "evenodd"
+      d: "M8.212 3.092a.5.5 0 0 1 .715.67l-.062.08L5.435 7.5l3.43 3.658l.062.08a.501.501 0 0 1-.715.67l-.077-.066l-3.75-4a.5.5 0 0 1 0-.684l3.75-4z"
     }, null, -1)
   ])]);
 }
@@ -2784,9 +2765,7 @@ function render$5(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M3.625 7.5a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0m5 0a1.125 1.125 0 1 1-2.25 0a1.125 1.125 0 0 1 2.25 0M12.5 8.625a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25",
-      "clip-rule": "evenodd"
+      d: "M2.5 6.375a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25m5 0a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25m5 0a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25"
     }, null, -1)
   ])]);
 }
@@ -2817,15 +2796,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         class: "ui-PaginationEllipsis ui-Button",
         as: "button",
         type: "button",
-        "aria-label": ellipsisPage.value,
-        value: `Page ${ellipsisPage.value}`,
+        value: ellipsisPage.value,
+        "aria-label": `Page ${ellipsisPage.value}`,
         onClick: withModifiers(onSelect, ["prevent"])
       }, {
         default: withCtx(() => [
           createVNode(unref(EllipsisIcon))
         ]),
         _: 1
-      }, 8, ["aria-label", "value"]);
+      }, 8, ["value", "aria-label"]);
     };
   }
 });
@@ -2865,7 +2844,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(PaginationRoot), mergeProps(unref(forwarded), {
         class: ["ui-PaginationRoot", unref(resetClass)],
-        "data-accent-color": _ctx.color
+        "data-accent-color": __props.color
       }), {
         default: withCtx(() => [
           createVNode(unref(PaginationList), { class: "ui-PaginationList" }, {
@@ -2935,7 +2914,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-// @__NO_SIDE_EFFECTS__
 function createGlobalState(stateFactory) {
   let initialized = false;
   let state;
@@ -2950,7 +2928,7 @@ function createGlobalState(stateFactory) {
 }
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 let count = 0;
-const useToastManager = /* @__PURE__ */ createGlobalState(() => {
+const useToastManager = createGlobalState(() => {
   const messages = ref([]);
   const add = (msg, category) => {
     const id = count++;
@@ -3156,18 +3134,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ToastRoot), {
         ref_key: "toastRef",
         ref: toastRef,
-        key: _ctx.message.id,
+        key: __props.message.id,
         class: "ui-ToastItem",
-        duration: _ctx.message.duration,
+        duration: __props.message.duration,
         "data-expanded": paused.value,
-        "data-visible": _ctx.index < 3,
+        "data-visible": __props.index < 3,
         style: normalizeStyle(styleVars.value),
         "onUpdate:open": onOpenChange,
         onPause,
         onResume
       }, {
         default: withCtx(() => [
-          _ctx.message.category ? (openBlock(), createElementBlock("div", {
+          __props.message.category ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ui-ToastIcon",
             "data-accent-color": categoryColor.value
@@ -3177,36 +3155,36 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$1, [
             createVNode(unref(ToastTitle), { class: "ui-ToastTitle" }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.message.title), 1)
+                createTextVNode(toDisplayString(__props.message.title), 1)
               ]),
               _: 1
             }),
-            _ctx.message.description ? (openBlock(), createBlock(unref(ToastDescription), {
+            __props.message.description ? (openBlock(), createBlock(unref(ToastDescription), {
               key: 0,
               class: "ui-ToastDescription"
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.message.description), 1)
+                createTextVNode(toDisplayString(__props.message.description), 1)
               ]),
               _: 1
             })) : createCommentVNode("", true)
           ]),
-          _ctx.message.action ? (openBlock(), createBlock(unref(ToastAction), {
+          __props.message.action ? (openBlock(), createBlock(unref(ToastAction), {
             key: 1,
             class: "ui-ToastAction",
-            "alt-text": _ctx.message.action.altText || _ctx.message.action.label,
+            "alt-text": __props.message.action.altText || __props.message.action.label,
             "as-child": "",
-            onClick: _ctx.message.action.onClick
+            onClick: __props.message.action.onClick
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$13, {
-                variant: _ctx.message.action.variant || "soft",
-                radius: _ctx.message.action.radius,
-                size: _ctx.message.action.size || "1",
-                color: _ctx.message.action.color
+                variant: __props.message.action.variant || "soft",
+                radius: __props.message.action.radius,
+                size: __props.message.action.size || "1",
+                color: __props.message.action.color
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.message.action.label), 1)
+                  createTextVNode(toDisplayString(__props.message.action.label), 1)
                 ]),
                 _: 1
               }, 8, ["variant", "radius", "size", "color"])
@@ -3275,7 +3253,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$$, null, {
                 default: withCtx(() => [
                   createVNode(unref(ToastViewport), mergeProps({ class: "ui-ToastViewport" }, _ctx.$attrs, {
-                    class: `r-size-${_ctx.size}`,
+                    class: `r-size-${__props.size}`,
                     "data-x-position": xPosition.value,
                     "data-y-position": yPosition.value
                   }), null, 16, ["class", "data-x-position", "data-y-position"])
@@ -3430,11 +3408,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), {
-        class: normalizeClass(["ui-SavingIndicator", `r-size-${_ctx.size}`]),
+        class: normalizeClass(["ui-SavingIndicator", `r-size-${__props.size}`]),
         "data-status": props.status
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { status: _ctx.status }, () => [
+          renderSlot(_ctx.$slots, "default", { status: __props.status }, () => [
             props.status === "saving" ? (openBlock(), createBlock(SpinnerIcon, { key: 0 })) : props.status === "saved" ? (openBlock(), createBlock(unref(CheckIcon), { key: 1 })) : createCommentVNode("", true)
           ])
         ]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typlog/ui",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "license": "MIT",
   "type": "module",
   "description": "Themed components for Reka UI with Radix colors.",