@als-tp/als-react-ts-ui 0.5.0 → 0.5.2

package/dist/als-react-ts-ui258.js

@@ -1,127 +1,51 @@
-import * as t from "react";
-import * as h from "react-dom";
-import { isNode as M } from "./als-react-ts-ui339.js";
-import { useId as D } from "./als-react-ts-ui325.js";
-import { useIsoLayoutEffect as V } from "./als-react-ts-ui193.js";
-import { FocusGuard as S } from "./als-react-ts-ui358.js";
-import { createChangeEventDetails as w } from "./als-react-ts-ui246.js";
-import { createAttribute as G } from "./als-react-ts-ui376.js";
-import { useRenderElement as _ } from "./als-react-ts-ui189.js";
-import { ownerVisuallyHidden as j } from "./als-react-ts-ui260.js";
-import { jsxs as T, jsx as P } from "react/jsx-runtime";
-import { enableFocusInside as I, isOutsideEvent as g, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./als-react-ts-ui361.js";
-import { EMPTY_OBJECT as H } from "./als-react-ts-ui303.js";
-import { focusOut as J } from "./als-react-ts-ui248.js";
-const F = /* @__PURE__ */ t.createContext(null);
-process.env.NODE_ENV !== "production" && (F.displayName = "PortalContext");
-const Y = () => t.useContext(F), k = G("portal");
-function z(N = {}) {
+import * as o from "react";
+import { formatNumber as M } from "./als-react-ts-ui491.js";
+import { useRenderElement as v } from "./als-react-ts-ui220.js";
+import { useSliderRootContext as V } from "./als-react-ts-ui554.js";
+import { sliderStateAttributesMapping as b } from "./als-react-ts-ui553.js";
+const N = /* @__PURE__ */ o.forwardRef(function(i, m) {
   const {
-    ref: f,
-    container: s,
-    componentProps: b = H,
-    elementProps: E,
-    elementState: x
-  } = N, d = D(), m = Y()?.portalNode, [e, c] = t.useState(null), [p, u] = t.useState(null), n = t.useRef(null);
-  V(() => {
-    if (s === null) {
-      n.current && (n.current = null, u(null), c(null));
-      return;
-    }
-    if (d == null)
-      return;
-    const a = (s && (M(s) ? s : s.current)) ?? m ?? document.body;
-    if (a == null) {
-      n.current && (n.current = null, u(null), c(null));
-      return;
-    }
-    n.current !== a && (n.current = a, u(null), c(a));
-  }, [s, m, d]);
-  const i = _("div", b, {
-    ref: [f, u],
-    state: x,
+    "aria-live": f = "off",
+    render: S,
+    className: g,
+    children: a,
+    ...p
+  } = i, {
+    thumbMap: u,
+    state: d,
+    values: r,
+    formatOptionsRef: s,
+    locale: l
+  } = V(), c = o.useMemo(() => {
+    let t = "";
+    for (const e of u.values())
+      e?.inputId && (t += `${e.inputId} `);
+    return t.trim() === "" ? void 0 : t.trim();
+  }, [u]), n = o.useMemo(() => {
+    const t = [];
+    for (let e = 0; e < r.length; e += 1)
+      t.push(M(r[e], l, s.current ?? void 0));
+    return t;
+  }, [s, l, r]), h = o.useMemo(() => {
+    const t = [];
+    for (let e = 0; e < r.length; e += 1)
+      t.push(n[e] || r[e]);
+    return t.join(" – ");
+  }, [r, n]);
+  return v("output", i, {
+    state: d,
+    ref: m,
     props: [{
-      id: d,
-      [k]: ""
-    }, E]
-  });
-  return {
-    portalNode: p,
-    portalSubtree: e && i ? /* @__PURE__ */ h.createPortal(i, e) : null
-  };
-}
-const K = /* @__PURE__ */ t.forwardRef(function(f, s) {
-  const {
-    children: b,
-    container: E,
-    className: x,
-    render: d,
-    renderGuards: R,
-    ...m
-  } = f, {
-    portalNode: e,
-    portalSubtree: c
-  } = z({
-    container: E,
-    ref: s,
-    componentProps: f,
-    elementProps: m
-  }), p = t.useRef(null), u = t.useRef(null), n = t.useRef(null), i = t.useRef(null), [o, a] = t.useState(null), C = o?.modal, O = o?.open, v = typeof R == "boolean" ? R : !!o && !o.modal && o.open && !!e;
-  t.useEffect(() => {
-    if (!e || C)
-      return;
-    function r(l) {
-      e && g(l) && (l.type === "focusin" ? I : B)(e);
-    }
-    return e.addEventListener("focusin", r, !0), e.addEventListener("focusout", r, !0), () => {
-      e.removeEventListener("focusin", r, !0), e.removeEventListener("focusout", r, !0);
-    };
-  }, [e, C]), t.useEffect(() => {
-    !e || O || I(e);
-  }, [O, e]);
-  const L = t.useMemo(() => ({
-    beforeOutsideRef: p,
-    afterOutsideRef: u,
-    beforeInsideRef: n,
-    afterInsideRef: i,
-    portalNode: e,
-    setFocusManagerState: a
-  }), [e]);
-  return /* @__PURE__ */ T(t.Fragment, {
-    children: [c, /* @__PURE__ */ T(F.Provider, {
-      value: L,
-      children: [v && e && /* @__PURE__ */ P(S, {
-        "data-type": "outside",
-        ref: p,
-        onFocus: (r) => {
-          if (g(r, e))
-            n.current?.focus();
-          else {
-            const l = o ? o.domReference : null;
-            q(l)?.focus();
-          }
-        }
-      }), v && e && /* @__PURE__ */ P("span", {
-        "aria-owns": e.id,
-        style: j
-      }), e && /* @__PURE__ */ h.createPortal(b, e), v && e && /* @__PURE__ */ P(S, {
-        "data-type": "outside",
-        ref: u,
-        onFocus: (r) => {
-          if (g(r, e))
-            i.current?.focus();
-          else {
-            const l = o ? o.domReference : null;
-            A(l)?.focus(), o?.closeOnFocusOut && o?.onOpenChange(!1, w(J, r.nativeEvent));
-          }
-        }
-      })]
-    })]
+      // off by default because it will keep announcing when the slider is being dragged
+      // and also when the value is changing (but not yet committed)
+      "aria-live": f,
+      children: typeof a == "function" ? a(n, r) : h,
+      htmlFor: c
+    }, p],
+    stateAttributesMapping: b
   });
 });
-process.env.NODE_ENV !== "production" && (K.displayName = "FloatingPortal");
+process.env.NODE_ENV !== "production" && (N.displayName = "SliderValue");
 export {
-  K as FloatingPortal,
-  z as useFloatingPortalNode,
-  Y as usePortalContext
+  N as SliderValue
 };

package/dist/als-react-ts-ui259.js

@@ -1,7 +1,192 @@
-function o(r, ...a) {
-  const e = new URL(`https://base-ui.com/production-error/${r}`);
-  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
+import * as t from "react";
+import { ownerDocument as Ve } from "./als-react-ts-ui372.js";
+import { useControlled as Ie } from "./als-react-ts-ui292.js";
+import { useStableCallback as d } from "./als-react-ts-ui223.js";
+import { useValueAsRef as De } from "./als-react-ts-ui336.js";
+import { useIsoLayoutEffect as Pe } from "./als-react-ts-ui224.js";
+import { warn as Me } from "./als-react-ts-ui293.js";
+import { createChangeEventDetails as X, createGenericEventDetails as Ne } from "./als-react-ts-ui273.js";
+import { useValueChanged as Te } from "./als-react-ts-ui406.js";
+import { useBaseUiId as Le } from "./als-react-ts-ui276.js";
+import { useRenderElement as Oe } from "./als-react-ts-ui220.js";
+import { clamp as Be } from "./als-react-ts-ui521.js";
+import { areArraysEqual as Z } from "./als-react-ts-ui438.js";
+import { CompositeList as Ue } from "./als-react-ts-ui294.js";
+import { useField as Fe } from "./als-react-ts-ui403.js";
+import { useFieldRootContext as ke } from "./als-react-ts-ui398.js";
+import { useFormContext as je } from "./als-react-ts-ui402.js";
+import { useLabelableContext as qe } from "./als-react-ts-ui399.js";
+import { asc as we } from "./als-react-ts-ui550.js";
+import { getSliderValue as _e } from "./als-react-ts-ui551.js";
+import { validateMinimumDistance as ze } from "./als-react-ts-ui552.js";
+import { sliderStateAttributesMapping as Ge } from "./als-react-ts-ui553.js";
+import { SliderRootContext as He } from "./als-react-ts-ui554.js";
+import { jsx as Y } from "react/jsx-runtime";
+import { none as Je, keyboard as Ke, inputChange as Qe } from "./als-react-ts-ui275.js";
+import { activeElement as We } from "./als-react-ts-ui330.js";
+function Xe(i) {
+  return "key" in i ? Ke : Qe;
 }
+function Ye(i, l) {
+  return typeof i == "number" && typeof l == "number" ? i === l : Array.isArray(i) && Array.isArray(l) ? Z(i, l) : !1;
+}
+const Ze = /* @__PURE__ */ t.forwardRef(function(l, $) {
+  const {
+    "aria-labelledby": ee,
+    className: $e,
+    defaultValue: te,
+    disabled: re = !1,
+    id: oe,
+    format: ne,
+    largeStep: T = 10,
+    locale: L,
+    render: et,
+    max: n = 100,
+    min: o = 0,
+    minStepsBetweenValues: f = 0,
+    name: ae,
+    onValueChange: se,
+    onValueCommitted: ie,
+    orientation: v = "horizontal",
+    step: p = 1,
+    thumbCollisionBehavior: O = "push",
+    thumbAlignment: S = "center",
+    value: le,
+    ...ue
+  } = l, B = Le(oe), me = d(se), A = d(ie), {
+    clearErrors: ce
+  } = je(), {
+    state: U,
+    disabled: de,
+    name: fe,
+    setTouched: pe,
+    setDirty: be,
+    validityData: he,
+    shouldValidateOnChange: ge,
+    validation: m
+  } = ke(), {
+    labelId: ve
+  } = qe(), E = ee ?? ve, u = de || re, b = fe ?? ae, [r, Re] = Ie({
+    controlled: le,
+    default: te ?? o,
+    name: "Slider"
+  }), x = t.useRef(null), R = t.useRef(null), V = t.useRef([]), F = t.useRef(null), k = t.useRef(null), j = t.useRef(-1), q = t.useRef(null), y = t.useRef(null), I = t.useRef("none"), w = De(ne), [h, ye] = t.useState(-1), [_, Ce] = t.useState(-1), [C, z] = t.useState(!1), [G, Se] = t.useState(() => /* @__PURE__ */ new Map()), [H, J] = t.useState([void 0, void 0]), D = d((e) => {
+    ye(e), e !== -1 && Ce(e);
+  });
+  Fe({
+    id: B,
+    commit: m.commit,
+    value: r,
+    controlRef: R,
+    name: b,
+    getValue: () => r
+  }), Te(r, () => {
+    ce(b), ge() ? m.commit(r) : m.commit(r, !0);
+    const e = he.initialValue;
+    let a;
+    Array.isArray(r) && Array.isArray(e) ? a = !Z(r, e) : a = r !== e, be(a);
+  });
+  const K = d((e) => {
+    e && (R.current = e);
+  }), P = Array.isArray(r), g = t.useMemo(() => P ? r.slice().sort(we) : [Be(r, o, n)], [n, o, P, r]), M = d((e, a) => {
+    if (Number.isNaN(e) || Ye(e, r))
+      return;
+    const s = a ?? X(Je, void 0, void 0, {
+      activeThumbIndex: -1
+    });
+    I.current = s.reason;
+    const c = new event.constructor(event.type, event);
+    Object.defineProperty(c, "target", {
+      writable: !0,
+      value: {
+        value: e,
+        name: b
+      }
+    }), s.event = c, y.current = e, me(e, s), !s.isCanceled && Re(e);
+  }), Q = d((e, a, s) => {
+    const c = _e(e, a, o, n, P, g);
+    if (ze(c, p, f)) {
+      const W = Xe(s);
+      M(c, X(W, s.nativeEvent, void 0, {
+        activeThumbIndex: a
+      })), pe(!0);
+      const xe = y.current ?? c;
+      A(xe, Ne(W, s.nativeEvent));
+    }
+  });
+  process.env.NODE_ENV !== "production" && o >= n && Me("Slider `max` must be greater than `min`."), Pe(() => {
+    const e = We(Ve(x.current));
+    u && e && x.current?.contains(e) && e.blur();
+  }, [u]), u && h !== -1 && D(-1);
+  const N = t.useMemo(() => ({
+    ...U,
+    activeThumbIndex: h,
+    disabled: u,
+    dragging: C,
+    orientation: v,
+    max: n,
+    min: o,
+    minStepsBetweenValues: f,
+    step: p,
+    values: g
+  }), [U, h, u, C, n, o, f, v, p, g]), Ae = t.useMemo(() => ({
+    active: h,
+    controlRef: R,
+    disabled: u,
+    dragging: C,
+    validation: m,
+    formatOptionsRef: w,
+    handleInputChange: Q,
+    indicatorPosition: H,
+    inset: S !== "center",
+    labelId: E,
+    largeStep: T,
+    lastUsedThumbIndex: _,
+    lastChangedValueRef: y,
+    lastChangeReasonRef: I,
+    locale: L,
+    max: n,
+    min: o,
+    minStepsBetweenValues: f,
+    name: b,
+    onValueCommitted: A,
+    orientation: v,
+    pressedInputRef: F,
+    pressedThumbCenterOffsetRef: k,
+    pressedThumbIndexRef: j,
+    pressedValuesRef: q,
+    registerFieldControlRef: K,
+    renderBeforeHydration: S === "edge",
+    setActive: D,
+    setDragging: z,
+    setIndicatorPosition: J,
+    setValue: M,
+    state: N,
+    step: p,
+    thumbCollisionBehavior: O,
+    thumbMap: G,
+    thumbRefs: V,
+    values: g
+  }), [h, R, E, u, C, m, w, Q, H, T, _, y, I, L, n, o, f, b, A, v, F, k, j, q, K, D, z, J, M, N, p, O, S, G, V, g]), Ee = Oe("div", l, {
+    state: N,
+    ref: [$, x],
+    props: [{
+      "aria-labelledby": E,
+      id: B,
+      role: "group"
+    }, m.getValidationProps, ue],
+    stateAttributesMapping: Ge
+  });
+  return /* @__PURE__ */ Y(He.Provider, {
+    value: Ae,
+    children: /* @__PURE__ */ Y(Ue, {
+      elementsRef: V,
+      onMapChange: Se,
+      children: Ee
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (Ze.displayName = "SliderRoot");
 export {
-  o as default
+  Ze as SliderRoot
 };

package/dist/als-react-ts-ui260.js

@@ -1,23 +1,16 @@
-const n = 500, t = 500, i = {
-  style: {
-    transition: "none"
-  }
-}, I = "data-base-ui-click-trigger", o = {
-  fallbackAxisSide: "none"
-}, s = {
-  fallbackAxisSide: "end"
-}, e = {
-  clipPath: "inset(50%)",
-  position: "fixed",
-  top: 0,
-  left: 0
+const e = "_toggle_1lewf_2", g = {
+  toggle: e,
+  "toggle--disabled": "_toggle--disabled_1lewf_31",
+  "toggle--pressed": "_toggle--pressed_1lewf_43",
+  "toggle--sm": "_toggle--sm_1lewf_62",
+  "toggle--md": "_toggle--md_1lewf_68",
+  "toggle--lg": "_toggle--lg_1lewf_74",
+  "toggle--default": "_toggle--default_1lewf_81",
+  "toggle--primary": "_toggle--primary_1lewf_86",
+  "toggle--success": "_toggle--success_1lewf_97",
+  "toggle--error": "_toggle--error_1lewf_108"
 };
 export {
-  I as CLICK_TRIGGER_IDENTIFIER,
-  i as DISABLED_TRANSITIONS_STYLE,
-  o as DROPDOWN_COLLISION_AVOIDANCE,
-  t as PATIENT_CLICK_THRESHOLD,
-  s as POPUP_COLLISION_AVOIDANCE,
-  n as TYPEAHEAD_RESET_MS,
-  e as ownerVisuallyHidden
+  g as default,
+  e as toggle
 };

package/dist/als-react-ts-ui261.js

@@ -1,83 +1,66 @@
-import * as g from "react";
-import { useStableCallback as a } from "./als-react-ts-ui192.js";
-import { useIsoLayoutEffect as o } from "./als-react-ts-ui193.js";
-import { useTransitionStatus as f } from "./als-react-ts-ui344.js";
-import { useOpenChangeComplete as m } from "./als-react-ts-ui253.js";
-function d(n, t) {
-  const e = g.useRef(null);
-  return g.useCallback((r) => {
-    if (n !== void 0 && (e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null), r !== null))
-      return e.current = n, t.context.triggerElements.add(n, r), () => {
-        e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null);
-      };
-  }, [t, n]);
-}
-function x(n, t, e, r) {
-  const i = e.useState("isMountedByTrigger", n), l = d(n, e), c = a((u) => {
-    const s = l(u);
-    return u !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
-      activeTriggerId: n,
-      activeTriggerElement: u,
-      ...r
-    }), s;
-  });
-  return o(() => {
-    i && e.update({
-      activeTriggerElement: t,
-      ...r
-    });
-  }, [i, e, t, ...Object.values(r)]), {
-    registerTrigger: c,
-    isMountedByThisTrigger: i
-  };
-}
-function C(n) {
-  const t = n.useState("open");
-  o(() => {
-    if (t && !n.select("activeTriggerId") && n.context.triggerElements.size === 1) {
-      const e = n.context.triggerElements.entries().next();
-      if (!e.done) {
-        const [r, i] = e.value;
-        n.update({
-          activeTriggerId: r,
-          activeTriggerElement: i
-        });
-      }
-    }
-  }, [t, n]);
-}
-function S(n, t, e) {
+import * as f from "react";
+import { useStableCallback as y } from "./als-react-ts-ui223.js";
+import { useControlled as G } from "./als-react-ts-ui292.js";
+import { useRenderElement as O } from "./als-react-ts-ui220.js";
+import { useToggleGroupContext as S } from "./als-react-ts-ui542.js";
+import { useButton as j } from "./als-react-ts-ui274.js";
+import { CompositeItem as w } from "./als-react-ts-ui488.js";
+import { createChangeEventDetails as D } from "./als-react-ts-ui273.js";
+import { jsx as I } from "react/jsx-runtime";
+import { none as M } from "./als-react-ts-ui275.js";
+const _ = /* @__PURE__ */ f.forwardRef(function(a, i) {
   const {
-    mounted: r,
-    setMounted: i,
-    transitionStatus: l
-  } = f(n);
-  t.useSyncedValues({
-    mounted: r,
-    transitionStatus: l
-  });
-  const c = a(() => {
-    i(!1), t.update({
-      activeTriggerId: null,
-      activeTriggerElement: null,
-      mounted: !1
-    }), e?.(), t.context.onOpenChangeComplete?.(!1);
-  }), u = t.useState("preventUnmountingOnClose");
-  return m({
-    enabled: !u,
-    open: n,
-    ref: t.context.popupRef,
-    onComplete() {
-      n || c();
-    }
+    className: m,
+    defaultPressed: c = !1,
+    disabled: g = !1,
+    form: z,
+    // never participates in form validation
+    onPressedChange: P,
+    pressed: C,
+    render: b,
+    type: A,
+    // cannot change button type
+    value: v,
+    nativeButton: x = !0,
+    ...E
+  } = a, r = v ?? "", e = S(), N = e?.value ?? [], T = e ? void 0 : c, n = (g || e?.disabled) ?? !1, [o, h] = G({
+    controlled: e && r ? N?.indexOf(r) > -1 : C,
+    default: T,
+    name: "Toggle",
+    state: "pressed"
+  }), R = y((s, t) => {
+    e?.setGroupValue?.(r, s, t), P?.(s, t);
   }), {
-    forceUnmount: c,
-    transitionStatus: l
-  };
-}
+    getButtonProps: B,
+    buttonRef: V
+  } = j({
+    disabled: n,
+    native: x
+  }), l = f.useMemo(() => ({
+    disabled: n,
+    pressed: o
+  }), [n, o]), d = [V, i], p = [{
+    "aria-pressed": o,
+    onClick(s) {
+      const t = !o, u = D(M, s.nativeEvent);
+      R(t, u), !u.isCanceled && h(t);
+    }
+  }, E, B], k = O("button", a, {
+    enabled: !e,
+    state: l,
+    ref: d,
+    props: p
+  });
+  return e ? /* @__PURE__ */ I(w, {
+    tag: "button",
+    render: b,
+    className: m,
+    state: l,
+    refs: d,
+    props: p
+  }) : k;
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "Toggle");
 export {
-  C as useImplicitActiveTrigger,
-  S as useOpenStateTransitions,
-  x as useTriggerDataForwarding,
-  d as useTriggerRegistration
+  _ as Toggle
 };

package/dist/als-react-ts-ui262.js

@@ -1,66 +1,31 @@
-import * as O from "react";
-import { useAnimationFrame as P } from "./als-react-ts-ui346.js";
-import { useTimeout as b } from "./als-react-ts-ui195.js";
-import { createChangeEventDetails as v } from "./als-react-ts-ui246.js";
-import { isTypeableElement as I } from "./als-react-ts-ui331.js";
-import { EMPTY_OBJECT as x } from "./als-react-ts-ui303.js";
-import { isMouseLikePointerType as R } from "./als-react-ts-ui295.js";
-import { triggerPress as k } from "./als-react-ts-ui248.js";
-function L(d, M = {}) {
-  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
-    enabled: h = !0,
-    event: a = "click",
-    toggle: g = !0,
-    ignoreMouse: y = !1,
-    stickIfOpen: E = !0,
-    touchOpenDelay: n = 0
-  } = M, i = O.useRef(void 0), w = P(), m = b(), C = O.useMemo(() => ({
-    onPointerDown(t) {
-      i.current = t.pointerType;
-    },
-    onMouseDown(t) {
-      const o = i.current, r = t.nativeEvent, u = e.select("open");
-      if (t.button !== 0 || a === "click" || R(o, !0) && y)
-        return;
-      const s = T.current.openEvent, f = s?.type, l = e.select("domReferenceElement") !== t.currentTarget, c = u && l || !(u && g && (!(s && E) || f === "click" || f === "mousedown"));
-      if (I(r.target)) {
-        const p = v(k, r, r.target);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-        return;
-      }
-      const D = t.currentTarget;
-      w.request(() => {
-        const p = v(k, r, D);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-      });
-    },
-    onClick(t) {
-      if (a === "mousedown-only")
-        return;
-      const o = i.current;
-      if (a === "mousedown" && o) {
-        i.current = void 0;
-        return;
-      }
-      if (R(o, !0) && y)
-        return;
-      const r = e.select("open"), u = T.current.openEvent, s = u?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = r && f || !(r && g && (!(u && E) || s === "click" || s === "mousedown" || s === "keydown" || s === "keyup")), c = v(k, t.nativeEvent, t.currentTarget);
-      l && o === "touch" && n > 0 ? m.start(n, () => {
-        e.setOpen(!0, c);
-      }) : e.setOpen(l, c);
-    },
-    onKeyDown() {
-      i.current = void 0;
-    }
-  }), [T, a, y, e, E, g, w, m, n]);
-  return O.useMemo(() => h ? {
-    reference: C
-  } : x, [h, C]);
-}
+const _ = "_container_z6vxp_6", t = "_labelContainer_z6vxp_26", i = "_label_z6vxp_26", s = "_required_z6vxp_46", c = "_description_z6vxp_51", e = "_thumb_z6vxp_145", n = {
+  container: _,
+  "container--left": "_container--left_z6vxp_12",
+  "container--right": "_container--right_z6vxp_16",
+  "container--disabled": "_container--disabled_z6vxp_20",
+  labelContainer: t,
+  label: i,
+  required: s,
+  description: c,
+  switch: "_switch_z6vxp_61",
+  "switch--primary": "_switch--primary_z6vxp_93",
+  "switch--success": "_switch--success_z6vxp_101",
+  "switch--warning": "_switch--warning_z6vxp_109",
+  "switch--error": "_switch--error_z6vxp_117",
+  "switch--sm": "_switch--sm_z6vxp_126",
+  "switch--md": "_switch--md_z6vxp_132",
+  "switch--lg": "_switch--lg_z6vxp_138",
+  thumb: e,
+  "thumb--sm": "_thumb--sm_z6vxp_158",
+  "thumb--md": "_thumb--md_z6vxp_163",
+  "thumb--lg": "_thumb--lg_z6vxp_168"
+};
 export {
-  L as useClick
+  _ as container,
+  n as default,
+  c as description,
+  i as label,
+  t as labelContainer,
+  s as required,
+  e as thumb
 };