maz-ui 4.7.5 → 4.7.6

package/dist/components/MazPopover.js

@@ -1,326 +1 @@
-import { defineComponent, useAttrs, useTemplateRef, computed, useModel, nextTick, watch, onMounted, onBeforeUnmount, onUnmounted, openBlock, createElementBlock, Fragment, normalizeStyle, normalizeClass, unref, createElementVNode, mergeProps, renderSlot, createCommentVNode, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, mergeModels } from "vue";
-import { offset, hide, shift, autoPlacement, flip, useFloating, autoUpdate } from "@floating-ui/vue";
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { vClickOutside as directive } from "../directives/vClickOutside.js";
-import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPopover.-QaA_4Xd.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby", "aria-controls"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "MazPopover",
-  inheritAttrs: !1,
-  __name: "MazPopover",
-  props: /* @__PURE__ */ mergeModels({
-    modelValue: { type: Boolean },
-    position: { default: "auto" },
-    preferPosition: {},
-    fallbackPosition: {},
-    trigger: { default: "click" },
-    role: { default: "dialog" },
-    ariaLabel: {},
-    announceChanges: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    offset: { default: 8 },
-    delay: { default: 0 },
-    hoverDelay: { default: 150 },
-    transition: { default: "scale-pop" },
-    teleportTo: { default: "body" },
-    overlayClass: { type: [Boolean, null, String, Object, Array] },
-    panelClass: { type: [Boolean, null, String, Object, Array] },
-    panelStyle: { type: [Boolean, null, String, Object, Array] },
-    closeOnClickOutside: { type: Boolean, default: !0 },
-    closeOnEscape: { type: Boolean, default: !0 },
-    persistent: { type: Boolean, default: !1 },
-    id: {},
-    ariaLabelledby: {},
-    ariaDescribedby: {},
-    color: { default: "background" },
-    trapFocus: { type: Boolean, default: !0 },
-    keepOpenOnHover: { type: Boolean, default: !1 },
-    block: { type: Boolean, default: !1 },
-    positionReference: {}
-  }, {
-    modelValue: { default: !1 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["update:model-value", "open", "close", "after-close-animation", "toggle"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emits = __emit, triggerId = useInstanceUniqId({
-      componentName: "MazPopover",
-      providedId: __props.id
-    }), attrs = useAttrs(), triggerRef = useTemplateRef("trigger"), panelRef = useTemplateRef("panel"), middleware = computed(() => {
-      const middleware2 = [
-        offset(__props.offset),
-        hide(),
-        shift({ padding: 5 })
-      ];
-      return __props.position === "auto" && !__props.preferPosition && !__props.fallbackPosition ? middleware2.push(autoPlacement({
-        allowedPlacements: ["top", "bottom", "left", "right"]
-      })) : middleware2.push(flip({
-        fallbackPlacements: __props.fallbackPosition ? [__props.fallbackPosition] : void 0
-      })), middleware2;
-    }), floatingPosition = computed(() => __props.position === "auto" ? __props.preferPosition : __props.position), transitionName = computed(() => ["scale-pop", "scale-fade"].includes(__props.transition) ? `maz-${__props.transition}` : __props.transition), positionRef = computed(() => {
-      if (!__props.positionReference)
-        return triggerRef.value;
-      if (typeof __props.positionReference == "string") {
-        const withinTrigger = triggerRef.value?.querySelector(__props.positionReference);
-        return withinTrigger || (isClient() ? document.querySelector(__props.positionReference) : null);
-      }
-      return __props.positionReference;
-    }), reference = computed(() => positionRef.value || triggerRef.value), { floatingStyles, placement, update, middlewareData } = useFloating(
-      reference,
-      panelRef,
-      {
-        placement: floatingPosition,
-        middleware,
-        transform: !1,
-        whileElementsMounted: autoUpdate
-      }
-    ), computedPosition = computed(() => placement.value ?? floatingPosition.value), isOpen = useModel(__props, "modelValue");
-    let openTimeout = null, closeTimeout = null, initialFocusElement = null, ignoreNextClickOutside = !1;
-    const panelId = computed(() => `${triggerId.value}-panel`), rootStyles = computed(() => attrs.style), panelStyles = computed(() => ({
-      ...floatingStyles.value,
-      pointerEvents: isOpen.value ? "auto" : "none"
-    })), isTouchDevice = computed(() => isClient() ? "ontouchstart" in globalThis || navigator.maxTouchPoints > 0 : !1), effectiveTrigger = computed(() => __props.trigger === "adaptive" ? isTouchDevice.value ? "click" : "hover" : __props.trigger), triggerEvents = computed(() => {
-      if (__props.disabled || effectiveTrigger.value === "manual")
-        return {};
-      const events = {};
-      return effectiveTrigger.value === "hover" && (events.onMouseenter = () => {
-        clearCloseTimeout(), open();
-      }, events.onMouseleave = close), effectiveTrigger.value === "click" && (events.onClick = toggle), events;
-    }), panelEvents = computed(() => effectiveTrigger.value !== "hover" ? {} : {
-      onMouseenter: () => {
-        __props.keepOpenOnHover && clearCloseTimeout();
-      },
-      onMouseleave: () => {
-        __props.keepOpenOnHover && close();
-      }
-    }), panelClasses = computed(() => [
-      __props.overlayClass,
-      __props.panelClass,
-      `--position-${computedPosition.value}`,
-      `--${getColor(__props.color)}`
-    ]);
-    function cleanup() {
-      clearOpenTimeout(), clearCloseTimeout(), isClient() && document.removeEventListener("keydown", onKeydown);
-    }
-    function open() {
-      __props.disabled || (clearCloseTimeout(), effectiveTrigger.value === "click" && (ignoreNextClickOutside = !0), __props.delay > 0 ? openTimeout = setTimeout(() => {
-        setOpen(!0);
-      }, __props.delay) : setOpen(!0));
-    }
-    function close() {
-      clearOpenTimeout(), __props.delay > 0 && effectiveTrigger.value === "hover" ? closeTimeout = setTimeout(() => {
-        setOpen(!1);
-      }, __props.delay) : effectiveTrigger.value === "hover" && __props.keepOpenOnHover ? closeTimeout = setTimeout(() => {
-        setOpen(!1);
-      }, __props.hoverDelay) : setOpen(!1);
-    }
-    function toggle() {
-      isOpen.value ? close() : open();
-    }
-    function setOpen(value) {
-      isOpen.value = value, ignoreNextClickOutside = !1, value ? (emits("open"), emits("toggle", value), nextTick(() => {
-        update(), setupFocusTrap();
-      })) : (emits("toggle", value), emits("close"), __props.trapFocus && restoreFocus());
-    }
-    function clearOpenTimeout() {
-      openTimeout && (clearTimeout(openTimeout), openTimeout = null);
-    }
-    function clearCloseTimeout() {
-      closeTimeout && (clearTimeout(closeTimeout), closeTimeout = null);
-    }
-    function getTransformOrigin(position) {
-      switch (position) {
-        case "top":
-          return "center bottom";
-        case "top-start":
-          return "left bottom";
-        case "top-end":
-          return "right bottom";
-        case "bottom":
-          return "center top";
-        case "bottom-start":
-          return "left top";
-        case "bottom-end":
-          return "right top";
-        case "left":
-          return "right center";
-        case "left-start":
-          return "right top";
-        case "left-end":
-          return "right bottom";
-        case "right":
-          return "left center";
-        case "right-start":
-          return "left top";
-        case "right-end":
-          return "left bottom";
-        default:
-          return "center";
-      }
-    }
-    function setupFocusTrap() {
-      __props.role === "tooltip" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || (initialFocusElement = document.activeElement, nextTick(() => {
-        const focusableElements = panelRef.value?.querySelectorAll(
-          'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
-        );
-        focusableElements && focusableElements.length > 0 ? focusableElements[0].focus({ preventScroll: !0 }) : panelRef.value?.focus({ preventScroll: !0 });
-      }));
-    }
-    function restoreFocus() {
-      __props.role === "tooltip" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || nextTick(() => {
-        initialFocusElement?.focus({ preventScroll: !0 });
-      });
-    }
-    function onKeydown(event) {
-      isOpen.value && (event.key === "Escape" && __props.closeOnEscape && !__props.persistent && (event.preventDefault(), close()), event.key === "Tab" && __props.trapFocus && handleTrapFocus(event));
-    }
-    function handleTrapFocus(event) {
-      if (!panelRef.value || !isClient())
-        return;
-      const focusableElements = panelRef.value.querySelectorAll(
-        'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
-      );
-      if (focusableElements.length === 0)
-        return;
-      const firstElement = focusableElements[0], lastElement = focusableElements[focusableElements.length - 1];
-      event.shiftKey ? document.activeElement === firstElement && (event.preventDefault(), lastElement.focus()) : document.activeElement === lastElement && (event.preventDefault(), firstElement.focus());
-    }
-    function onClickOutside(event) {
-      if (effectiveTrigger.value !== "manual") {
-        if (ignoreNextClickOutside) {
-          ignoreNextClickOutside = !1;
-          return;
-        }
-        if (__props.closeOnClickOutside && !__props.persistent) {
-          if (triggerRef.value && triggerRef.value.contains(event.target))
-            return;
-          close();
-        }
-      }
-    }
-    return watch(isOpen, (value, oldValue) => {
-      !isClient() || value === oldValue || (value ? open() : oldValue && !value && close());
-    }, { immediate: !0 }), watch(() => __props.position, () => {
-      isOpen.value && nextTick(() => update());
-    }), onMounted(() => {
-      document.addEventListener("keydown", onKeydown);
-    }), onBeforeUnmount(cleanup), onUnmounted(cleanup), __expose({
-      /**
-       * Open the popover
-       * @description Programmatically open the popover
-       * @usage `mazPopoverInstance.value?.open()`
-       */
-      open,
-      /**
-       * Close the popover
-       * @description Programmatically close the popover
-       * @usage `mazPopoverInstance.value?.close()`
-       */
-      close,
-      /**
-       * Toggle the popover
-       * @description Programmatically toggle the popover open/close state
-       * @usage `mazPopoverInstance.value?.toggle()`
-       */
-      toggle,
-      /**
-       * Check if the popover is open
-       * @type {ModelRef<boolean>}
-       * @description Reactive reference to the popover open state
-       * @usage `const isPopoverOpen = mazPopoverInstance.value?.isOpen`
-       */
-      isOpen,
-      /**
-       * Update the popover position
-       * @description Manually recalculate and update the popover position
-       * @usage `mazPopoverInstance.value?.updatePosition()`
-       */
-      updatePosition: update,
-      /**
-       * Panel reference
-       * @type {Ref<HTMLElement>}
-       * @description Reference to the popover panel element
-       * @usage `mazPopoverInstance.value?.panelRef`
-       */
-      panelRef
-    }), (_ctx, _cache) => (openBlock(), createElementBlock(Fragment, null, [
-      _ctx.$slots.trigger ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["m-popover m-reset-css", [
-          unref(attrs).class,
-          {
-            "--open": isOpen.value,
-            "--disabled": __props.disabled,
-            "--block": __props.block
-          }
-        ]]),
-        style: normalizeStyle(rootStyles.value)
-      }, [
-        createElementVNode("div", mergeProps({
-          id: unref(triggerId),
-          ref: "trigger",
-          role: "button",
-          class: "m-popover-trigger",
-          "aria-expanded": __props.role === "dialog" || __props.role === "menu" ? isOpen.value : void 0,
-          "aria-haspopup": __props.role === "dialog" ? "dialog" : void 0,
-          "aria-describedby": __props.role === "tooltip" && isOpen.value ? panelId.value : __props.ariaDescribedby,
-          "aria-labelledby": __props.ariaLabelledby,
-          "aria-controls": panelId.value
-        }, triggerEvents.value), [
-          renderSlot(_ctx.$slots, "trigger", {
-            open,
-            close,
-            toggle,
-            isOpen: isOpen.value,
-            trigger: effectiveTrigger.value
-          }, void 0, !0)
-        ], 16, _hoisted_1)
-      ], 6)) : createCommentVNode("", !0),
-      (openBlock(), createBlock(Teleport, { to: __props.teleportTo }, [
-        createVNode(Transition, {
-          name: transitionName.value,
-          appear: "",
-          onAfterLeave: _cache[0] || (_cache[0] = ($event) => emits("after-close-animation"))
-        }, {
-          default: withCtx(() => [
-            isOpen.value ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
-              key: 0,
-              id: panelId.value,
-              ref: "panel",
-              role: __props.role,
-              "aria-label": __props.ariaLabel,
-              "aria-labelledby": __props.role === "dialog" ? __props.ariaLabelledby || unref(triggerId) : void 0,
-              "aria-describedby": __props.role === "dialog" ? __props.ariaDescribedby : void 0,
-              "aria-modal": __props.role === "dialog" ? "true" : void 0,
-              tabindex: __props.role === "dialog" ? "-1" : void 0,
-              class: ["m-popover-panel", panelClasses.value],
-              "aria-live": __props.announceChanges ? "polite" : void 0,
-              style: [
-                __props.panelStyle,
-                panelStyles.value,
-                {
-                  transformOrigin: getTransformOrigin(computedPosition.value),
-                  visibility: unref(middlewareData).hide?.referenceHidden ? "hidden" : "visible"
-                }
-              ]
-            }, panelEvents.value), [
-              renderSlot(_ctx.$slots, "default", {
-                open,
-                close,
-                toggle,
-                isOpen: isOpen.value
-              }, void 0, !0)
-            ], 16, _hoisted_2)), [
-              [unref(directive), onClickOutside]
-            ]) : createCommentVNode("", !0)
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ], 8, ["to"]))
-    ], 64));
-  }
-}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08b18b31"]]);
-export {
-  MazPopover as default
-};
+import{t as MazPopover_default}from"../chunks/MazPopover.Co8BEopX.js";export{MazPopover_default as default};

package/dist/components/MazPullToRefresh.js

@@ -1,145 +1 @@
-import { defineComponent, defineAsyncComponent, computed, ref, watch, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, createCommentVNode, createVNode, unref } from "vue";
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { isStandaloneMode } from "@maz-ui/utils/helpers/isStandaloneMode";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPullToRefresh.CqLZBqlg.css';const _hoisted_1 = {
-  key: 0,
-  class: "header-text"
-}, _hoisted_2 = {
-  key: 1,
-  class: "header-text"
-}, _hoisted_3 = {
-  key: 2,
-  class: "header-text"
-}, _hoisted_4 = { class: "maz-flex maz-flex-col maz-flex-center" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPullToRefresh",
-  props: {
-    distance: { default: 100 },
-    offset: { default: 0 },
-    onClick: { type: Function, default: void 0 },
-    containerSelector: { default: void 0 },
-    headerClass: { default: void 0 },
-    spinnerColor: { default: "contrast" },
-    disabled: { type: Boolean, default: !1 },
-    standaloneMode: { type: Boolean, default: !1 }
-  },
-  emits: ["loaded", "start", "error", "finish", "response"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), isDisabled = computed(
-      () => props.disabled || props.onClick === void 0 || props.standaloneMode && isClient() && !isStandaloneMode()
-    ), margin = ref({
-      top: 0,
-      bottom: 0
-    }), pull = ref({
-      from: -1,
-      to: -1,
-      distance: 0,
-      available: !1,
-      state: "end"
-    }), internalLoading = ref(!1), container = computed(() => {
-      if (typeof document > "u" || isDisabled.value)
-        return;
-      const element = props.containerSelector ? document.querySelector(props.containerSelector) : document.body;
-      if (!element)
-        throw new Error("MazPullToRefresh - container not found");
-      return element;
-    }), pullHeight = computed(() => pull.value.state !== "move" && pull.value.state !== "end" || isDisabled.value ? 0 : pull.value.distance > props.distance ? props.distance : pull.value.distance);
-    function updateView(container2) {
-      const { top, height } = container2.getBoundingClientRect();
-      margin.value = {
-        top,
-        bottom: window.innerHeight - (height + top + props.offset)
-      };
-    }
-    function setLoading(type) {
-      internalLoading.value = type;
-    }
-    function handleTouchStart(event) {
-      if (internalLoading.value || margin.value.top < 0 && margin.value.bottom < 0 || isDisabled.value)
-        return;
-      const item = event.touches.item(0);
-      item && (pull.value.state = "start", pull.value.from = item.pageY);
-    }
-    function handleTouchMove(event) {
-      if (internalLoading.value || pull.value.from < 0 || window.scrollY > 0 || isDisabled.value)
-        return;
-      const item = event.touches.item(0);
-      if (!item)
-        return;
-      pull.value.to = item.pageY;
-      const distance = pull.value.to - pull.value.from;
-      pull.value.distance = distance > 0 ? distance : 0, pull.value.available = pull.value.distance >= props.distance, pull.value.state = "move";
-    }
-    function handleTouchEnd() {
-      internalLoading.value || isDisabled.value || (pullHeight.value === props.distance && pull.value.state === "move" && window.scrollY <= 0 ? runAction() : resetPull());
-    }
-    function resetPull() {
-      pull.value = {
-        from: -1,
-        to: -1,
-        distance: 0,
-        available: !1,
-        state: "end"
-      };
-    }
-    async function runAction() {
-      try {
-        setLoading(!0), emits("start");
-        const response = await props.onClick?.();
-        emits("loaded"), emits("response", response);
-      } catch (error) {
-        throw emits("error", error), error;
-      } finally {
-        resetPull(), setLoading(!1), emits("finish");
-      }
-    }
-    watch(
-      () => isDisabled.value,
-      (disabled) => {
-        disabled === !0 ? removeEvents() : initComponentAndEvents();
-      },
-      { immediate: !0 }
-    );
-    function initComponentAndEvents() {
-      !container.value || isDisabled.value || document === void 0 || (container.value.addEventListener("touchstart", handleTouchStart), container.value.addEventListener("touchmove", handleTouchMove), container.value.addEventListener("touchend", handleTouchEnd), updateView(container.value));
-    }
-    function removeEvents() {
-      !container.value || document === void 0 || (container.value.removeEventListener("touchstart", handleTouchStart), container.value.removeEventListener("touchmove", handleTouchMove), container.value.removeEventListener("touchend", handleTouchEnd));
-    }
-    return onUnmounted(() => {
-      removeEvents();
-    }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-pull-to-refresh m-reset-css", { "--available": pull.value.available || pullHeight.value > 10 }])
-    }, [
-      isDisabled.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["loading-header", __props.headerClass]),
-        style: normalizeStyle({ height: `${pullHeight.value}px` })
-      }, [
-        pull.value.available ? pull.value.available && !internalLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "pull-ready", {}, () => [
-            _cache[1] || (_cache[1] = createElementVNode("span", null, " Release to refresh ", -1))
-          ], !0)
-        ])) : createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "pull-before", {}, () => [
-            _cache[0] || (_cache[0] = createElementVNode("span", null, "Pull to refresh", -1))
-          ], !0)
-        ])),
-        internalLoading.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "pull-loading", {}, () => [
-            createElementVNode("div", _hoisted_4, [
-              createVNode(unref(MazSpinner), {
-                color: __props.spinnerColor,
-                size: "2.5em"
-              }, null, 8, ["color"])
-            ])
-          ], !0)
-        ])) : createCommentVNode("", !0)
-      ], 6)),
-      renderSlot(_ctx.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-}), MazPullToRefresh = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d798244e"]]);
-export {
-  MazPullToRefresh as default
-};
+import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.DMtb6Oa3.js";export{MazPullToRefresh_default as default};

package/dist/components/MazRadio.js

@@ -1,103 +1 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazRadio.BwJxf7ZC.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "value", "disabled", "name", "checked"], _hoisted_3 = { class: "m-radio__text" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazRadio",
-  props: {
-    style: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    class: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    id: { default: void 0 },
-    modelValue: { default: void 0 },
-    value: {},
-    name: {},
-    label: { default: void 0 },
-    color: { default: "primary" },
-    size: { default: "md" },
-    disabled: { type: Boolean, default: !1 },
-    error: { type: Boolean },
-    success: { type: Boolean },
-    warning: { type: Boolean },
-    hint: {}
-  },
-  emits: ["update:model-value", "change", "blur", "focus"],
-  setup(__props, { emit: __emit }) {
-    const props = __props, emits = __emit, instanceId = useInstanceUniqId({
-      componentName: "MazRadio",
-      providedId: props.id
-    }), inputRef = ref(), isFocused = ref(!1), isSelected = computed(() => props.modelValue === props.value), radioSize = computed(() => {
-      switch (props.size) {
-        case "xl":
-          return "2.25rem";
-        case "lg":
-          return "2rem";
-        case "sm":
-          return "1.425rem";
-        case "xs":
-          return "1.325rem";
-        case "mini":
-          return "1.2rem";
-        default:
-          return "1.625rem";
-      }
-    }), radioSelectedColor = computed(() => `hsl(var(--maz-${props.color}))`), radioBoxShadow = computed(() => props.error && !isFocused.value ? "hsl(var(--maz-destructive))" : props.warning && !isFocused.value ? "hsl(var(--maz-warning))" : props.success && !isFocused.value ? "hsl(var(--maz-success))" : ["transparent", "contrast"].includes(props.color) ? "hsl(var(--maz-muted))" : `hsl(var(--maz-${props.color}) / 60%)`);
-    function keyboardHandler(event) {
-      ["Space"].includes(event.code) && (event.preventDefault(), emitValue());
-    }
-    function emitValue() {
-      emits("update:model-value", props.value), emits("change", props.value);
-    }
-    function onBlur(event) {
-      isFocused.value = !1, inputRef.value?.dispatchEvent(new Event("blur")), emits("blur", event);
-    }
-    function onFocus(event) {
-      isFocused.value = !0, inputRef.value?.dispatchEvent(new Event("focus")), emits("focus", event);
-    }
-    return (_ctx, _cache) => (openBlock(), createElementBlock("label", {
-      for: unref(instanceId),
-      class: normalizeClass(["m-radio m-reset-css", [{ "--selected": isSelected.value, "--error": __props.error, "--warning": __props.warning, "--success": __props.success }, props.class]]),
-      tabindex: "0",
-      role: "radio",
-      style: normalizeStyle([__props.style, { "--radio-size": radioSize.value, "--radio-selected-color": radioSelectedColor.value, "--radio-box-shadow": radioBoxShadow.value }]),
-      "aria-checked": isSelected.value,
-      onBlur,
-      onFocus,
-      onKeydown: keyboardHandler
-    }, [
-      createElementVNode("input", mergeProps({
-        id: unref(instanceId),
-        ref_key: "inputRef",
-        ref: inputRef,
-        value: __props.value
-      }, _ctx.$attrs, {
-        tabindex: "-1",
-        disabled: __props.disabled,
-        name: __props.name,
-        type: "radio",
-        checked: isSelected.value,
-        onChange: _cache[0] || (_cache[0] = ($event) => emitValue())
-      }), null, 16, _hoisted_2),
-      _cache[1] || (_cache[1] = createElementVNode("span", null, [
-        createElementVNode("span", { class: "round" })
-      ], -1)),
-      createElementVNode("div", _hoisted_3, [
-        renderSlot(_ctx.$slots, "default", {
-          isSelected: isSelected.value,
-          value: __props.value
-        }, () => [
-          createTextVNode(toDisplayString(__props.label), 1)
-        ], !0),
-        __props.hint ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass(["m-radio__hint", {
-            "--error": __props.error,
-            "--success": __props.success,
-            "--warning": __props.warning
-          }])
-        }, toDisplayString(__props.hint), 3)) : createCommentVNode("", !0)
-      ])
-    ], 46, _hoisted_1));
-  }
-}), MazRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9c69959"]]);
-export {
-  MazRadio as default
-};
+import{t as MazRadio_default}from"../chunks/MazRadio.75ipjTw2.js";export{MazRadio_default as default};