@floegence/floe-webapp-core 0.50.6 → 0.51.0

package/dist/components/ui/Radio.js

@@ -1,15 +1,15 @@
-import { createComponent as t, spread as E, mergeProps as S, insert as l, effect as b, className as g, template as m } from "solid-js/web";
-import { splitProps as R, For as q, Switch as B, Match as z, Show as f, createContext as D, createUniqueId as G, useContext as F } from "solid-js";
-import { cn as i } from "../../utils/cn.js";
-var H = /* @__PURE__ */ m("<div role=radiogroup>"), U = /* @__PURE__ */ m("<input type=radio>"), V = /* @__PURE__ */ m("<div><div>"), y = /* @__PURE__ */ m("<span>"), A = /* @__PURE__ */ m('<div class="flex flex-col">'), J = /* @__PURE__ */ m('<label><div class="relative flex items-center justify-center pt-0.5">'), K = /* @__PURE__ */ m("<label><span class=font-medium>"), Q = /* @__PURE__ */ m('<div class="absolute top-2 right-2"><svg class="w-4 h-4 text-primary"fill=currentColor viewBox="0 0 20 20"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"clip-rule=evenodd>'), T = /* @__PURE__ */ m('<label><div class="flex items-start gap-3"><div class="flex items-center justify-center pt-0.5"><div><div></div></div></div><div class="flex flex-col flex-1 min-w-0">'), W = /* @__PURE__ */ m('<div class="absolute top-1.5 right-1.5"><div class="w-2 h-2 rounded-full bg-primary">'), X = /* @__PURE__ */ m("<label>"), Y = /* @__PURE__ */ m("<div>");
-const M = D();
-function Z() {
-  const x = F(M);
-  if (!x)
+import { createComponent as l, spread as G, mergeProps as I, insert as a, effect as g, className as f, setAttribute as p, template as m } from "solid-js/web";
+import { splitProps as j, createUniqueId as M, For as A, Switch as B, Match as R, Show as x, createContext as D, useContext as F } from "solid-js";
+import { cn as c } from "../../utils/cn.js";
+var H = /* @__PURE__ */ m("<div role=radiogroup>"), U = /* @__PURE__ */ m("<input data-floe-choice-input type=radio>"), V = /* @__PURE__ */ m("<div data-floe-surface=inset data-floe-surface-part=indicator><div data-floe-surface=flat data-floe-surface-part=radio-dot>"), $ = /* @__PURE__ */ m("<span>"), J = /* @__PURE__ */ m('<div class="flex flex-col">'), K = /* @__PURE__ */ m('<label><div class="relative flex items-center justify-center pt-0.5">'), Q = /* @__PURE__ */ m("<label data-floe-surface-part=choice><span class=font-medium>"), T = /* @__PURE__ */ m('<div class="absolute top-2 right-2"><svg class="w-4 h-4 text-primary"fill=currentColor viewBox="0 0 20 20"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"clip-rule=evenodd>'), W = /* @__PURE__ */ m('<label data-floe-surface-part=choice><div class="flex items-start gap-3"><div class="flex items-center justify-center pt-0.5"></div><div class="flex flex-col flex-1 min-w-0">'), X = /* @__PURE__ */ m('<div class="absolute top-1.5 right-1.5"><div class="w-2 h-2 rounded-full bg-primary">'), Y = /* @__PURE__ */ m("<label data-floe-surface-part=choice>"), Z = /* @__PURE__ */ m("<div>");
+const O = D();
+function ee() {
+  const y = F(O);
+  if (!y)
     throw new Error("RadioOption must be used within a RadioGroup");
-  return x;
+  return y;
 }
-const v = {
+const C = {
   sm: {
     outer: "w-3.5 h-3.5",
     inner: "w-1.5 h-1.5",
@@ -28,15 +28,15 @@ const v = {
     label: "text-sm",
     description: "text-xs"
   }
-}, ee = {
+}, re = {
   sm: "px-2.5 py-1 text-xs",
   md: "px-3 py-1.5 text-xs",
   lg: "px-4 py-2 text-sm"
-}, re = {
+}, te = {
   sm: "p-2.5",
   md: "p-3",
   lg: "p-4"
-}, P = {
+}, E = {
   sm: {
     container: "p-3 min-w-[80px]",
     icon: "w-5 h-5"
@@ -50,222 +50,246 @@ const v = {
     icon: "w-8 h-8"
   }
 };
-function te(x) {
-  const [o, e] = R(x, ["value", "onChange", "size", "orientation", "variant", "disabled", "name", "class", "children"]), h = () => o.name ?? G(), _ = () => o.variant ?? "default", d = {
-    value: () => o.value,
-    onChange: (a) => o.onChange?.(a),
-    size: () => o.size ?? "md",
+function ne(y) {
+  const [s, t] = j(y, ["value", "onChange", "size", "orientation", "variant", "disabled", "name", "class", "children"]), w = M(), k = () => s.name ?? w, _ = () => s.variant ?? "default", v = {
+    value: () => s.value,
+    onChange: (u) => s.onChange?.(u),
+    size: () => s.size ?? "md",
     variant: _,
-    disabled: () => o.disabled ?? !1,
-    name: h
-  }, w = () => {
-    const a = _(), u = o.orientation === "horizontal";
-    return a === "button" ? i("inline-flex rounded-md border border-border overflow-hidden", u ? "flex-row" : "flex-col") : a === "card" || a === "tile" ? i("grid gap-2", u ? "grid-flow-col auto-cols-fr" : "grid-cols-1") : i("flex", u ? "flex-row flex-wrap gap-4" : "flex-col gap-2");
+    disabled: () => s.disabled ?? !1,
+    name: k
+  }, h = () => {
+    const u = _(), d = s.orientation === "horizontal";
+    return u === "button" ? c("inline-flex rounded-md border border-border overflow-hidden", d ? "flex-row" : "flex-col") : u === "card" || u === "tile" ? c("grid gap-2", d ? "grid-flow-col auto-cols-fr" : "grid-cols-1") : c("flex", d ? "flex-row flex-wrap gap-4" : "flex-col gap-2");
   };
-  return t(M.Provider, {
-    value: d,
+  return l(O.Provider, {
+    value: v,
     get children() {
-      var a = H();
-      return E(a, S({
+      var u = H();
+      return G(u, I({
+        get "data-floe-surface"() {
+          return _() === "button" ? "inset" : void 0;
+        },
+        get "data-floe-surface-part"() {
+          return _() === "button" ? "rail" : void 0;
+        },
         get class() {
-          return i(w(), o.class);
+          return c(h(), s.class);
         }
-      }, e), !1, !0), l(a, () => o.children), a;
+      }, t), !1, !0), a(u, () => s.children), u;
     }
   });
 }
-function ne(x) {
-  const o = Z(), [e, h] = R(x, ["value", "label", "description", "icon", "size", "class", "disabled", "id"]), _ = () => e.id ?? G(), d = () => e.size ?? o.size(), w = () => o.variant(), a = () => e.disabled ?? o.disabled(), u = () => o.value() === e.value, N = () => {
-    a() || o.onChange(e.value);
-  }, $ = (r) => (() => {
-    var n = U();
-    return n.addEventListener("change", N), E(n, S({
+function oe(y) {
+  const s = ee(), [t, w] = j(y, ["value", "label", "description", "icon", "size", "class", "disabled", "id"]), k = M(), _ = () => t.id ?? k, v = () => t.size ?? s.size(), h = () => s.variant(), u = () => t.disabled ?? s.disabled(), d = () => s.value() === t.value, q = () => {
+    u() || s.onChange(t.value);
+  }, S = (e) => (() => {
+    var r = U();
+    return r.addEventListener("change", q), G(r, I({
       get id() {
         return _();
       },
       get name() {
-        return o.name();
+        return s.name();
       },
       get value() {
-        return e.value;
+        return t.value;
       },
       get checked() {
-        return u();
+        return d();
       },
       get disabled() {
-        return a();
+        return u();
       },
       get class() {
-        return r.class ?? "sr-only peer";
+        return e.class ?? "sr-only peer";
       }
-    }, h), !1, !1), n;
-  })(), O = () => (() => {
-    var r = V(), n = r.firstChild;
-    return b((p) => {
-      var s = i("rounded-full border-2 transition-colors duration-150", "flex items-center justify-center", v[d()].outer, u() ? "border-primary bg-primary" : "border-input bg-background hover:border-primary/50", a() && "cursor-not-allowed", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2"), C = i("rounded-full bg-primary-foreground transition-transform duration-150", v[d()].inner, u() ? "scale-100" : "scale-0");
-      return s !== p.e && g(r, p.e = s), C !== p.t && g(n, p.t = C), p;
+    }, w), !1, !1), r;
+  })(), L = () => (() => {
+    var e = V(), r = e.firstChild;
+    return g((n) => {
+      var i = d() ? "true" : void 0, o = c("rounded-full border-2 transition-colors duration-150", "flex items-center justify-center", C[v()].outer, d() ? "border-primary bg-primary" : c("border-input bg-background", h() === "default" && "hover:border-primary/50"), u() && "cursor-not-allowed", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2"), b = c("rounded-full bg-primary-foreground transition-transform duration-150", C[v()].inner, d() ? "scale-100" : "scale-0");
+      return i !== n.e && p(e, "data-floe-selected", n.e = i), o !== n.t && f(e, n.t = o), b !== n.a && f(r, n.a = b), n;
     }, {
       e: void 0,
-      t: void 0
-    }), r;
+      t: void 0,
+      a: void 0
+    }), e;
   })();
-  return t(B, {
+  return l(B, {
     get children() {
-      return [t(z, {
+      return [l(R, {
         get when() {
-          return w() === "default";
+          return h() === "default";
         },
         get children() {
-          var r = J(), n = r.firstChild;
-          return l(n, t($, {}), null), l(n, t(O, {}), null), l(r, t(f, {
+          var e = K(), r = e.firstChild;
+          return a(r, l(S, {}), null), a(r, l(L, {}), null), a(e, l(x, {
             get when() {
-              return e.label || e.description;
+              return t.label || t.description;
             },
             get children() {
-              var p = A();
-              return l(p, t(f, {
+              var n = J();
+              return a(n, l(x, {
                 get when() {
-                  return e.label;
+                  return t.label;
                 },
                 get children() {
-                  var s = y();
-                  return l(s, () => e.label), b(() => g(s, i("text-foreground", v[d()].label))), s;
+                  var i = $();
+                  return a(i, () => t.label), g(() => f(i, c("text-foreground", C[v()].label))), i;
                 }
-              }), null), l(p, t(f, {
+              }), null), a(n, l(x, {
                 get when() {
-                  return e.description;
+                  return t.description;
                 },
                 get children() {
-                  var s = y();
-                  return l(s, () => e.description), b(() => g(s, i("text-muted-foreground", v[d()].description))), s;
+                  var i = $();
+                  return a(i, () => t.description), g(() => f(i, c("text-muted-foreground", C[v()].description))), i;
                 }
-              }), null), p;
+              }), null), n;
             }
-          }), null), b(() => g(r, i("inline-flex items-start gap-2 cursor-pointer select-none", a() && "opacity-50 cursor-not-allowed", e.class))), r;
+          }), null), g(() => f(e, c("inline-flex items-start gap-2 cursor-pointer select-none", u() && "opacity-50 cursor-not-allowed", t.class))), e;
         }
-      }), t(z, {
+      }), l(R, {
         get when() {
-          return w() === "button";
+          return h() === "button";
         },
         get children() {
-          var r = K(), n = r.firstChild;
-          return l(r, t($, {
+          var e = Q(), r = e.firstChild;
+          return a(e, l(S, {
             class: "sr-only"
-          }), n), l(n, () => e.label), b(() => g(r, i("cursor-pointer select-none transition-colors duration-150", "border-r border-border last:border-r-0", ee[d()], u() ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted", a() && "opacity-50 cursor-not-allowed", e.class))), r;
+          }), r), a(r, () => t.label), g((n) => {
+            var i = d() ? "inset" : "raised", o = d() ? "true" : void 0, b = h(), z = c("cursor-pointer select-none transition-colors duration-150", "border-r border-border last:border-r-0", re[v()], d() ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted", u() && "opacity-50 cursor-not-allowed", t.class);
+            return i !== n.e && p(e, "data-floe-surface", n.e = i), o !== n.t && p(e, "data-floe-selected", n.t = o), b !== n.a && p(e, "data-floe-choice-variant", n.a = b), z !== n.o && f(e, n.o = z), n;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), e;
         }
-      }), t(z, {
+      }), l(R, {
         get when() {
-          return w() === "card";
+          return h() === "card";
         },
         get children() {
-          var r = T(), n = r.firstChild, p = n.firstChild, s = p.firstChild, C = s.firstChild, k = p.nextSibling;
-          return l(r, t($, {}), n), l(k, t(f, {
+          var e = W(), r = e.firstChild, n = r.firstChild, i = n.nextSibling;
+          return a(e, l(S, {}), r), a(n, l(L, {})), a(i, l(x, {
             get when() {
-              return e.label;
+              return t.label;
             },
             get children() {
-              var c = y();
-              return l(c, () => e.label), b(() => g(c, i("font-medium text-foreground", v[d()].label))), c;
+              var o = $();
+              return a(o, () => t.label), g(() => f(o, c("font-medium text-foreground", C[v()].label))), o;
             }
-          }), null), l(k, t(f, {
+          }), null), a(i, l(x, {
             get when() {
-              return e.description;
+              return t.description;
             },
             get children() {
-              var c = y();
-              return l(c, () => e.description), b(() => g(c, i("text-muted-foreground mt-0.5", v[d()].description))), c;
+              var o = $();
+              return a(o, () => t.description), g(() => f(o, c("text-muted-foreground mt-0.5", C[v()].description))), o;
             }
-          }), null), l(r, t(f, {
+          }), null), a(e, l(x, {
             get when() {
-              return u();
+              return d();
             },
             get children() {
-              return Q();
+              return T();
             }
-          }), null), b((c) => {
-            var j = i("relative cursor-pointer select-none rounded-lg border-2 transition-all duration-150", re[d()], u() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", a() && "opacity-50 cursor-not-allowed", e.class), I = i("rounded-full border-2 transition-colors duration-150", "flex items-center justify-center", v[d()].outer, u() ? "border-primary bg-primary" : "border-input bg-background", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2"), L = i("rounded-full bg-primary-foreground transition-transform duration-150", v[d()].inner, u() ? "scale-100" : "scale-0");
-            return j !== c.e && g(r, c.e = j), I !== c.t && g(s, c.t = I), L !== c.a && g(C, c.a = L), c;
+          }), null), g((o) => {
+            var b = d() ? "inset" : "raised", z = d() ? "true" : void 0, N = h(), P = c("relative cursor-pointer select-none rounded-lg border-2 transition-all duration-150", te[v()], d() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", u() && "opacity-50 cursor-not-allowed", t.class);
+            return b !== o.e && p(e, "data-floe-surface", o.e = b), z !== o.t && p(e, "data-floe-selected", o.t = z), N !== o.a && p(e, "data-floe-choice-variant", o.a = N), P !== o.o && f(e, o.o = P), o;
           }, {
             e: void 0,
             t: void 0,
-            a: void 0
-          }), r;
+            a: void 0,
+            o: void 0
+          }), e;
         }
-      }), t(z, {
+      }), l(R, {
         get when() {
-          return w() === "tile";
+          return h() === "tile";
         },
         get children() {
-          var r = X();
-          return l(r, t($, {
+          var e = Y();
+          return a(e, l(S, {
             class: "sr-only"
-          }), null), l(r, t(f, {
+          }), null), a(e, l(x, {
             get when() {
-              return e.icon;
+              return t.icon;
             },
-            children: (n) => {
-              const p = n();
+            children: (r) => {
+              const n = r();
               return (() => {
-                var s = Y();
-                return l(s, t(p, {
+                var i = Z();
+                return a(i, l(n, {
                   get class() {
-                    return P[d()].icon;
+                    return E[v()].icon;
                   }
-                })), b(() => g(s, i("mb-2 transition-colors duration-150", u() ? "text-primary" : "text-muted-foreground"))), s;
+                })), g(() => f(i, c("mb-2 transition-colors duration-150", d() ? "text-primary" : "text-muted-foreground"))), i;
               })();
             }
-          }), null), l(r, t(f, {
+          }), null), a(e, l(x, {
             get when() {
-              return e.label;
+              return t.label;
             },
             get children() {
-              var n = y();
-              return l(n, () => e.label), b(() => g(n, i("font-medium transition-colors duration-150", v[d()].label, u() ? "text-primary" : "text-foreground"))), n;
+              var r = $();
+              return a(r, () => t.label), g(() => f(r, c("font-medium transition-colors duration-150", C[v()].label, d() ? "text-primary" : "text-foreground"))), r;
             }
-          }), null), l(r, t(f, {
+          }), null), a(e, l(x, {
             get when() {
-              return e.description;
+              return t.description;
             },
             get children() {
-              var n = y();
-              return l(n, () => e.description), b(() => g(n, i("text-muted-foreground mt-0.5", v[d()].description))), n;
+              var r = $();
+              return a(r, () => t.description), g(() => f(r, c("text-muted-foreground mt-0.5", C[v()].description))), r;
             }
-          }), null), l(r, t(f, {
+          }), null), a(e, l(x, {
             get when() {
-              return u();
+              return d();
             },
             get children() {
-              return W();
+              return X();
             }
-          }), null), b(() => g(r, i("relative flex flex-col items-center justify-center cursor-pointer select-none", "rounded-lg border-2 transition-all duration-150 text-center", P[d()].container, u() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", a() && "opacity-50 cursor-not-allowed", e.class))), r;
+          }), null), g((r) => {
+            var n = d() ? "inset" : "raised", i = d() ? "true" : void 0, o = h(), b = c("relative flex flex-col items-center justify-center cursor-pointer select-none", "rounded-lg border-2 transition-all duration-150 text-center", E[v()].container, d() ? "border-primary bg-primary/5" : "border-border bg-background hover:border-primary/50 hover:bg-muted/50", u() && "opacity-50 cursor-not-allowed", t.class);
+            return n !== r.e && p(e, "data-floe-surface", r.e = n), i !== r.t && p(e, "data-floe-selected", r.t = i), o !== r.a && p(e, "data-floe-choice-variant", r.a = o), b !== r.o && f(e, r.o = b), r;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), e;
         }
       })];
     }
   });
 }
-function ae(x) {
-  const [o, e] = R(x, ["options"]);
-  return t(te, S(e, {
+function de(y) {
+  const [s, t] = j(y, ["options"]);
+  return l(ne, I(t, {
     get children() {
-      return t(q, {
+      return l(A, {
         get each() {
-          return o.options;
+          return s.options;
         },
-        children: (h) => t(ne, {
+        children: (w) => l(oe, {
           get value() {
-            return h.value;
+            return w.value;
           },
           get label() {
-            return h.label;
+            return w.label;
           },
           get description() {
-            return h.description;
+            return w.description;
           },
           get icon() {
-            return h.icon;
+            return w.icon;
           },
           get disabled() {
-            return h.disabled;
+            return w.disabled;
           }
         })
       });
@@ -273,7 +297,7 @@ function ae(x) {
   }));
 }
 export {
-  te as RadioGroup,
-  ae as RadioList,
-  ne as RadioOption
+  ne as RadioGroup,
+  de as RadioList,
+  oe as RadioOption
 };

package/dist/components/ui/SegmentedControl.js

@@ -1,8 +1,8 @@
-import { spread as y, mergeProps as _, insert as i, createComponent as b, memo as C, effect as k, setAttribute as w, className as $, template as g, delegateEvents as z } from "solid-js/web";
-import { splitProps as S, For as P } from "solid-js";
-import { cn as v } from "../../utils/cn.js";
-var A = /* @__PURE__ */ g("<div role=group>"), D = /* @__PURE__ */ g('<button type=button role=radio><span class="inline-flex items-center gap-1.5">');
-const E = {
+import { spread as _, mergeProps as k, insert as l, createComponent as v, memo as w, effect as z, setAttribute as b, className as $, template as p, delegateEvents as S } from "solid-js/web";
+import { splitProps as P, For as A } from "solid-js";
+import { cn as g } from "../../utils/cn.js";
+var D = /* @__PURE__ */ p("<div role=group data-floe-surface=inset data-floe-surface-part=rail>"), E = /* @__PURE__ */ p('<button type=button role=radio data-floe-surface-part=segment><span class="inline-flex items-center gap-1.5">');
+const F = {
   sm: {
     container: "p-0.5 gap-0.5",
     button: "px-2 py-1 text-[11px]",
@@ -19,45 +19,46 @@ const E = {
     icon: "w-4 h-4"
   }
 };
-function q(f) {
-  const [e, p] = S(f, ["value", "onChange", "options", "size", "disabled", "class"]), x = () => e.size ?? "md", s = () => E[x()], h = (n, t) => {
-    e.disabled || t || n !== e.value && e.onChange(n);
+function B(x) {
+  const [t, h] = P(x, ["value", "onChange", "options", "size", "disabled", "class"]), y = () => t.size ?? "md", s = () => F[y()], C = (n, r) => {
+    t.disabled || r || n !== t.value && t.onChange(n);
   };
   return (() => {
-    var n = A();
-    return y(n, _({
+    var n = D();
+    return _(n, k({
       get class() {
-        return v("floe-segmented-control inline-flex items-center rounded-lg border", s().container, e.disabled && "opacity-50 pointer-events-none", e.class);
+        return g("floe-segmented-control inline-flex items-center rounded-lg border", s().container, t.disabled && "opacity-50 pointer-events-none", t.class);
       }
-    }, p), !1, !0), i(n, b(P, {
+    }, h), !1, !0), l(n, v(A, {
       get each() {
-        return e.options;
+        return t.options;
       },
-      children: (t) => {
-        const l = () => e.value === t.value, a = () => e.disabled || t.disabled;
+      children: (r) => {
+        const a = () => t.value === r.value, i = () => t.disabled || r.disabled;
         return (() => {
-          var o = D(), c = o.firstChild;
-          return o.$$click = () => h(t.value, t.disabled), i(c, (() => {
-            var r = C(() => !!t.icon);
-            return () => r() && b(t.icon, {
+          var o = E(), c = o.firstChild;
+          return o.$$click = () => C(r.value, r.disabled), l(c, (() => {
+            var e = w(() => !!r.icon);
+            return () => e() && v(r.icon, {
               get class() {
                 return s().icon;
               }
             });
-          })(), null), i(c, () => t.label, null), k((r) => {
-            var d = l(), u = a(), m = v("floe-segmented-control__item font-medium rounded-md transition-[background-color,border-color,color,box-shadow] duration-150 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", s().button, "border", l() && "floe-segmented-control__item--active", a() && "cursor-not-allowed opacity-50");
-            return d !== r.e && w(o, "aria-checked", r.e = d), u !== r.t && (o.disabled = r.t = u), m !== r.a && $(o, r.a = m), r;
+          })(), null), l(c, () => r.label, null), z((e) => {
+            var d = a() ? "raised" : "flat", u = a(), f = i(), m = g("floe-segmented-control__item font-medium rounded-md transition-[background-color,border-color,color,box-shadow] duration-150 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", s().button, "border", a() && "floe-segmented-control__item--active", i() && "cursor-not-allowed opacity-50");
+            return d !== e.e && b(o, "data-floe-surface", e.e = d), u !== e.t && b(o, "aria-checked", e.t = u), f !== e.a && (o.disabled = e.a = f), m !== e.o && $(o, e.o = m), e;
           }, {
             e: void 0,
             t: void 0,
-            a: void 0
+            a: void 0,
+            o: void 0
           }), o;
         })();
       }
     })), n;
   })();
 }
-z(["click"]);
+S(["click"]);
 export {
-  q as SegmentedControl
+  B as SegmentedControl
 };