@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

package/dist/chunks/button.recipe-ClmsjdZI.js

@@ -1,910 +0,0 @@
-import { c as I, A as V, B as T, K as D, L as O, D as R, d as c, b as F, x as $, e as w, i as P, z as H } from "./index-DA90Dqf9.js";
-import { t as L, i as U } from "./index-BZBgTxer.js";
-import { b as C } from "./use-locale-context-CazVZ4Kg.js";
-import { b as W } from "./config-B3QABP1-.js";
-var B = F("radio-group").parts(
-  "root",
-  "label",
-  "item",
-  "itemText",
-  "itemControl",
-  "indicator"
-), u = B.build(), h = (e) => e.ids?.root ?? `radio-group:${e.id}`, x = (e) => e.ids?.label ?? `radio-group:${e.id}:label`, S = (e, t) => e.ids?.item?.(t) ?? `radio-group:${e.id}:radio:${t}`, f = (e, t) => e.ids?.itemHiddenInput?.(t) ?? `radio-group:${e.id}:radio:input:${t}`, z = (e, t) => e.ids?.itemControl?.(t) ?? `radio-group:${e.id}:radio:control:${t}`, N = (e, t) => e.ids?.itemLabel?.(t) ?? `radio-group:${e.id}:radio:label:${t}`, E = (e) => e.ids?.indicator ?? `radio-group:${e.id}:indicator`, _ = (e) => e.getById(h(e)), q = (e, t) => e.getById(f(e, t)), K = (e) => e.getById(E(e)), M = (e) => _(e)?.querySelector("input:not(:disabled)"), G = (e) => _(e)?.querySelector("input:not(:disabled):checked"), A = (e) => {
-  const r = `input[type=radio][data-ownedby='${CSS.escape(h(e))}']:not([disabled])`;
-  return H(_(e), r);
-}, j = (e, t) => {
-  if (t)
-    return e.getById(S(e, t));
-}, J = (e) => ({
-  left: e?.offsetLeft ?? 0,
-  top: e?.offsetTop ?? 0,
-  width: e?.offsetWidth ?? 0,
-  height: e?.offsetHeight ?? 0
-}), Q = (e) => ({
-  width: `${e.width}px`,
-  height: `${e.height}px`,
-  left: `${e.left}px`,
-  top: `${e.top}px`
-});
-function oe(e, t) {
-  const { context: r, send: n, computed: l, prop: s, scope: i } = e, v = l("isDisabled"), y = s("readOnly");
-  function b(a) {
-    const o = r.get("focusedValue") === a.value, d = o && U();
-    return {
-      value: a.value,
-      invalid: !!a.invalid,
-      disabled: !!a.disabled || v,
-      checked: r.get("value") === a.value,
-      focused: o,
-      focusVisible: d,
-      hovered: r.get("hoveredValue") === a.value,
-      active: r.get("activeValue") === a.value
-    };
-  }
-  function k(a) {
-    const o = b(a);
-    return {
-      "data-focus": c(o.focused),
-      "data-focus-visible": c(o.focusVisible),
-      "data-disabled": c(o.disabled),
-      "data-readonly": c(y),
-      "data-state": o.checked ? "checked" : "unchecked",
-      "data-hover": c(o.hovered),
-      "data-invalid": c(o.invalid),
-      "data-orientation": s("orientation"),
-      "data-ssr": c(r.get("ssr"))
-    };
-  }
-  const m = () => {
-    (G(i) ?? M(i))?.focus();
-  };
-  return {
-    focus: m,
-    value: r.get("value"),
-    setValue(a) {
-      n({ type: "SET_VALUE", value: a, isTrusted: !1 });
-    },
-    clearValue() {
-      n({ type: "SET_VALUE", value: null, isTrusted: !1 });
-    },
-    getRootProps() {
-      return t.element({
-        ...u.root.attrs,
-        role: "radiogroup",
-        id: h(i),
-        "aria-labelledby": x(i),
-        "data-orientation": s("orientation"),
-        "data-disabled": c(v),
-        "aria-orientation": s("orientation"),
-        dir: s("dir"),
-        style: {
-          position: "relative"
-        }
-      });
-    },
-    getLabelProps() {
-      return t.element({
-        ...u.label.attrs,
-        dir: s("dir"),
-        "data-orientation": s("orientation"),
-        "data-disabled": c(v),
-        id: x(i),
-        onClick: m
-      });
-    },
-    getItemState: b,
-    getItemProps(a) {
-      const o = b(a);
-      return t.label({
-        ...u.item.attrs,
-        dir: s("dir"),
-        id: S(i, a.value),
-        htmlFor: f(i, a.value),
-        ...k(a),
-        onPointerMove() {
-          o.disabled || o.hovered || n({ type: "SET_HOVERED", value: a.value, hovered: !0 });
-        },
-        onPointerLeave() {
-          o.disabled || n({ type: "SET_HOVERED", value: null });
-        },
-        onPointerDown(d) {
-          o.disabled || P(d) && (o.focused && d.pointerType === "mouse" && d.preventDefault(), n({ type: "SET_ACTIVE", value: a.value, active: !0 }));
-        },
-        onPointerUp() {
-          o.disabled || n({ type: "SET_ACTIVE", value: null });
-        },
-        onClick() {
-          !o.disabled && w() && q(i, a.value)?.focus();
-        }
-      });
-    },
-    getItemTextProps(a) {
-      return t.element({
-        ...u.itemText.attrs,
-        dir: s("dir"),
-        id: N(i, a.value),
-        ...k(a)
-      });
-    },
-    getItemControlProps(a) {
-      const o = b(a);
-      return t.element({
-        ...u.itemControl.attrs,
-        dir: s("dir"),
-        id: z(i, a.value),
-        "data-active": c(o.active),
-        "aria-hidden": !0,
-        ...k(a)
-      });
-    },
-    getItemHiddenInputProps(a) {
-      const o = b(a);
-      return t.input({
-        "data-ownedby": h(i),
-        id: f(i, a.value),
-        type: "radio",
-        name: s("name") || s("id"),
-        form: s("form"),
-        value: a.value,
-        onClick(d) {
-          if (y) {
-            d.preventDefault();
-            return;
-          }
-          d.currentTarget.checked && n({ type: "SET_VALUE", value: a.value, isTrusted: !0 });
-        },
-        onBlur() {
-          n({ type: "SET_FOCUSED", value: null, focused: !1 });
-        },
-        onFocus() {
-          n({ type: "SET_FOCUSED", value: a.value, focused: !0 });
-        },
-        onKeyDown(d) {
-          d.defaultPrevented || d.key === " " && n({ type: "SET_ACTIVE", value: a.value, active: !0 });
-        },
-        onKeyUp(d) {
-          d.defaultPrevented || d.key === " " && n({ type: "SET_ACTIVE", value: null });
-        },
-        disabled: o.disabled,
-        defaultChecked: o.checked,
-        style: $
-      });
-    },
-    getIndicatorProps() {
-      const a = r.get("indicatorRect");
-      return t.element({
-        id: E(i),
-        ...u.indicator.attrs,
-        dir: s("dir"),
-        hidden: r.get("value") == null,
-        "data-disabled": c(v),
-        "data-orientation": s("orientation"),
-        style: {
-          "--transition-property": "left, top, width, height",
-          "--left": a?.left,
-          "--top": a?.top,
-          "--width": a?.width,
-          "--height": a?.height,
-          position: "absolute",
-          willChange: "var(--transition-property)",
-          transitionProperty: "var(--transition-property)",
-          transitionDuration: r.get("canIndicatorTransition") ? "var(--transition-duration, 150ms)" : "0ms",
-          transitionTimingFunction: "var(--transition-timing-function)",
-          [s("orientation") === "horizontal" ? "left" : "top"]: s("orientation") === "horizontal" ? "var(--left)" : "var(--top)"
-        }
-      });
-    }
-  };
-}
-var { not: X } = V(), ne = I({
-  props({ props: e }) {
-    return {
-      orientation: "vertical",
-      ...e
-    };
-  },
-  initialState() {
-    return "idle";
-  },
-  context({ prop: e, bindable: t }) {
-    return {
-      value: t(() => ({
-        defaultValue: e("defaultValue"),
-        value: e("value"),
-        onChange(r) {
-          e("onValueChange")?.({ value: r });
-        }
-      })),
-      activeValue: t(() => ({
-        defaultValue: null
-      })),
-      focusedValue: t(() => ({
-        defaultValue: null
-      })),
-      hoveredValue: t(() => ({
-        defaultValue: null
-      })),
-      indicatorRect: t(() => ({
-        defaultValue: {}
-      })),
-      canIndicatorTransition: t(() => ({
-        defaultValue: !1
-      })),
-      fieldsetDisabled: t(() => ({
-        defaultValue: !1
-      })),
-      ssr: t(() => ({
-        defaultValue: !0
-      }))
-    };
-  },
-  refs() {
-    return {
-      indicatorCleanup: null
-    };
-  },
-  computed: {
-    isDisabled: ({ prop: e, context: t }) => !!e("disabled") || t.get("fieldsetDisabled")
-  },
-  entry: ["syncIndicatorRect", "syncSsr"],
-  exit: ["cleanupObserver"],
-  effects: ["trackFormControlState", "trackFocusVisible"],
-  watch({ track: e, action: t, context: r }) {
-    e([() => r.get("value")], () => {
-      t(["setIndicatorTransition", "syncIndicatorRect", "syncInputElements"]);
-    });
-  },
-  on: {
-    SET_VALUE: [
-      {
-        guard: X("isTrusted"),
-        actions: ["setValue", "dispatchChangeEvent"]
-      },
-      {
-        actions: ["setValue"]
-      }
-    ],
-    SET_HOVERED: {
-      actions: ["setHovered"]
-    },
-    SET_ACTIVE: {
-      actions: ["setActive"]
-    },
-    SET_FOCUSED: {
-      actions: ["setFocused"]
-    }
-  },
-  states: {
-    idle: {}
-  },
-  implementations: {
-    guards: {
-      isTrusted: ({ event: e }) => !!e.isTrusted
-    },
-    effects: {
-      trackFormControlState({ context: e, scope: t }) {
-        return R(_(t), {
-          onFieldsetDisabledChange(r) {
-            e.set("fieldsetDisabled", r);
-          },
-          onFormReset() {
-            e.set("value", e.initial("value"));
-          }
-        });
-      },
-      trackFocusVisible({ scope: e }) {
-        return L({ root: e.getRootNode?.() });
-      }
-    },
-    actions: {
-      setValue({ context: e, event: t }) {
-        e.set("value", t.value);
-      },
-      setHovered({ context: e, event: t }) {
-        e.set("hoveredValue", t.value);
-      },
-      setActive({ context: e, event: t }) {
-        e.set("activeValue", t.value);
-      },
-      setFocused({ context: e, event: t }) {
-        e.set("focusedValue", t.value);
-      },
-      syncInputElements({ context: e, scope: t }) {
-        A(t).forEach((n) => {
-          n.checked = n.value === e.get("value");
-        });
-      },
-      setIndicatorTransition({ context: e }) {
-        e.set("canIndicatorTransition", O(e.get("value")));
-      },
-      cleanupObserver({ refs: e }) {
-        e.get("indicatorCleanup")?.();
-      },
-      syncSsr({ context: e }) {
-        e.set("ssr", !1);
-      },
-      syncIndicatorRect({ context: e, scope: t, refs: r }) {
-        if (r.get("indicatorCleanup")?.(), !K(t)) return;
-        const n = e.get("value"), l = j(t, n);
-        if (n == null || !l) {
-          e.set("canIndicatorTransition", !1), e.set("indicatorRect", {});
-          return;
-        }
-        const s = D([l], {
-          measure(i) {
-            return J(i);
-          },
-          onEntry({ rects: i }) {
-            e.set("indicatorRect", Q(i[0]));
-          }
-        });
-        r.set("indicatorCleanup", s);
-      },
-      dispatchChangeEvent({ context: e, scope: t }) {
-        A(t).forEach((n) => {
-          const l = n.value === e.get("value");
-          l !== n.checked && T(n, { checked: l });
-        });
-      }
-    }
-  }
-});
-C()([
-  "dir",
-  "disabled",
-  "form",
-  "getRootNode",
-  "id",
-  "ids",
-  "name",
-  "onValueChange",
-  "orientation",
-  "readOnly",
-  "value",
-  "defaultValue"
-]);
-C()(["value", "disabled", "invalid"]);
-const Y = {
-  xs: {
-    fontSize: "xs",
-    h: 6,
-    p: "3px 8px",
-    minW: 6
-  },
-  sm: {
-    fontSize: "sm",
-    h: 8,
-    p: "6px 12px",
-    minW: 8
-  },
-  md: {
-    fontSize: "md",
-    h: 10,
-    p: "8px 16px",
-    minW: 10
-  },
-  lg: {
-    fontSize: "lg",
-    h: 12,
-    p: "10px 20px",
-    minW: 12
-  }
-}, g = {
-  color: "text.interactive",
-  bg: "background.secondaryAlpha"
-}, p = {
-  color: "text.interactive.contrast",
-  bg: "background.secondaryAlpha.contrast"
-}, Z = {
-  primary: {
-    bg: {
-      base: "background.primary",
-      _hover: {
-        base: "background.primary.hover",
-        _disabled: "background.primary"
-      },
-      _active: {
-        base: "background.primary.pressed",
-        _hover: "background.primary.pressed"
-      }
-    },
-    color: {
-      base: "text.contrast",
-      _icon: "text.contrast"
-    }
-  },
-  primaryOnContrast: {
-    bg: {
-      base: "background.primary.contrast",
-      _hover: {
-        base: "background.primary.contrast.hover",
-        _disabled: "background.primary.contrast"
-      },
-      _active: {
-        base: "background.primary.contrast.pressed",
-        _hover: "background.primary.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _icon: "text"
-    }
-  },
-  primaryDestructive: {
-    bg: {
-      base: "background.destructive",
-      _hover: {
-        base: "background.destructive.hover",
-        _disabled: "background.destructive"
-      },
-      _active: {
-        base: "background.destructive.pressed",
-        _hover: "background.destructive.pressed"
-      }
-    },
-    color: "text.contrast",
-    _icon: {
-      color: "text.contrast"
-    }
-  },
-  primaryDestructiveOnContrast: {
-    bg: {
-      base: "background.destructive.contrast",
-      _hover: {
-        base: "background.destructive.contrast.hover",
-        _disabled: "background.destructive.contrast"
-      },
-      _active: {
-        base: "background.destructive.contrast.pressed",
-        _hover: "background.destructive.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _icon: "text"
-    }
-  },
-  secondary: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    borderColor: {
-      base: "border.strong",
-      _active: "border.focus"
-    },
-    color: {
-      base: "text",
-      _active: "text.interactive",
-      _icon: "text"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive"
-      }
-    }
-  },
-  secondaryOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    borderColor: {
-      base: "border.strong.contrast",
-      _active: "border.focus.contrast"
-    },
-    color: {
-      base: "text.contrast",
-      _active: "text.interactive.contrast",
-      _icon: "text.contrast"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive.contrast"
-      }
-    }
-  },
-  secondaryDestructive: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.pressed",
-        _hover: "background.destructiveAlpha.pressed"
-      }
-    },
-    borderColor: "border.danger",
-    color: "text.danger",
-    _icon: {
-      color: "text.danger"
-    }
-  },
-  secondaryDestructiveOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast.pressed",
-        _hover: "background.destructiveAlpha.contrast.pressed"
-      }
-    },
-    borderColor: "border.danger.contrast",
-    color: "text.danger.contrast",
-    _icon: {
-      color: "text.danger.contrast"
-    }
-  },
-  secondarySubtle: {
-    bg: {
-      base: "background",
-      _hover: {
-        base: "background.subtle",
-        _disabled: "background"
-      },
-      _active: {
-        base: g.bg,
-        _hover: g.bg
-      }
-    },
-    borderColor: {
-      base: "border",
-      _active: "border.focus.contrast"
-    },
-    color: {
-      base: "text",
-      _active: g.color,
-      _icon: "text"
-    },
-    _active: {
-      _icon: {
-        color: g.color
-      }
-    }
-  },
-  secondarySubtleOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.subtle.contrast",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: p.bg,
-        _hover: p.bg
-      }
-    },
-    borderColor: {
-      base: "border.contrast",
-      _active: "border.focus"
-    },
-    color: {
-      base: "text.contrast",
-      _active: p.color,
-      _icon: "text.contrast"
-    },
-    _active: {
-      _icon: {
-        color: p.color
-      }
-    }
-  },
-  secondarySubtleDestructive: {
-    bg: {
-      base: "background",
-      _hover: {
-        base: "background.subtle",
-        _disabled: "background"
-      },
-      _active: {
-        base: "background.destructiveAlpha",
-        _hover: "background.destructiveAlpha"
-      }
-    },
-    color: "text.danger",
-    borderColor: "border",
-    _icon: {
-      color: "text.danger"
-    }
-  },
-  secondarySubtleDestructiveOnContrast: {
-    bg: {
-      base: "background.contrast",
-      _hover: {
-        base: "background.subtle.contrast",
-        _disabled: "background.contrast"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast",
-        _hover: "background.destructiveAlpha.contrast"
-      }
-    },
-    color: "text.danger.contrast",
-    borderColor: "border.contrast",
-    _icon: {
-      color: "text.danger.contrast"
-    }
-  },
-  tertiary: {
-    bg: {
-      base: "background.alpha",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "background.alpha"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _active: "text.interactive",
-      _icon: "text"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive"
-      }
-    }
-  },
-  tertiaryOnContrast: {
-    bg: {
-      base: "background.alpha.contrast",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "background.alpha.contrast"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.contrast",
-      _active: "text.interactive.contrast",
-      _icon: "text.contrast"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive.contrast"
-      }
-    }
-  },
-  tertiaryDestructive: {
-    bg: {
-      base: "background.destructiveAlpha",
-      _hover: {
-        base: "background.destructiveAlpha.hover",
-        _disabled: "background.destructiveAlpha"
-      },
-      _active: {
-        base: "background.destructiveAlpha.pressed",
-        _hover: "background.destructiveAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text.danger",
-      _icon: "text.danger"
-    }
-  },
-  tertiaryDestructiveOnContrast: {
-    bg: {
-      base: "background.destructiveAlpha.contrast",
-      _hover: {
-        base: "background.destructiveAlpha.contrast.hover",
-        _disabled: "background.destructiveAlpha.contrast"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast.pressed",
-        _hover: "background.destructiveAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.danger.contrast",
-      _icon: "text.danger.contrast"
-    }
-  },
-  ghost: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    // Separating to override Chakra's variant
-    _hover: {
-      bg: "background.secondaryAlpha.hover"
-    },
-    color: {
-      base: "text.interactive",
-      _icon: "text.interactive"
-    }
-  },
-  ghostOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.secondaryAlpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.interactive.contrast",
-      _icon: "text.interactive.contrast"
-    }
-  },
-  ghostNeutral: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _icon: "text"
-    },
-    _active: {
-      color: "text.interactive",
-      _icon: {
-        color: "text.interactive"
-      }
-    }
-  },
-  ghostNeutralOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.contrast",
-      _icon: "text.contrast",
-      _active: "text.interactive.contrast"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive.contrast"
-      }
-    }
-  },
-  ghostDestructive: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.destructiveAlpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.pressed",
-        _hover: "background.destructiveAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text.danger",
-      _icon: "text.danger"
-    }
-  },
-  ghostDestructiveOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.destructiveAlpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast.pressed",
-        _hover: "background.destructiveAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.danger.contrast",
-      _icon: "text.danger.contrast"
-    }
-  },
-  ai: {
-    bg: {
-      base: "background.ai",
-      _hover: {
-        base: "background.ai.hover",
-        _disabled: "background.ai"
-      },
-      _active: {
-        base: "background.ai.pressed",
-        _hover: "background.ai.pressed"
-      }
-    },
-    color: {
-      base: "text.interactive",
-      _icon: "text.interactive"
-    },
-    borderWidth: "0"
-  },
-  aiSecondary: {
-    borderWidth: "2px",
-    color: {
-      base: "text.interactive",
-      _icon: "text.interactive"
-    },
-    bg: {
-      base: "linear-gradient({colors.background} 0 0) padding-box, {colors.background.ai} border-box",
-      _hover: {
-        base: "{colors.background.ai} border-box",
-        _disabled: "linear-gradient({colors.background} 0 0) padding-box, {colors.background.ai} border-box"
-      },
-      _active: {
-        base: "{colors.background.ai.hover} border-box",
-        _hover: "{colors.background.ai.hover} border-box"
-      }
-    }
-  }
-}, se = W({
-  base: {
-    borderColor: "transparent",
-    borderRadius: "base",
-    borderWidth: "1px",
-    fontWeight: "semibold",
-    letterSpacing: "0.12px",
-    lineHeight: "150%",
-    _focusVisible: {
-      boxShadow: "none !important",
-      outline: "none !important"
-    }
-  },
-  variants: {
-    variant: Z,
-    size: Y
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "primary"
-  }
-});
-export {
-  g as a,
-  B as b,
-  oe as c,
-  se as d,
-  ne as m,
-  p as s
-};
-//# sourceMappingURL=button.recipe-ClmsjdZI.js.map