@floegence/floe-webapp-core 0.50.6 → 0.51.0

package/dist/components/ui/Stepper.js

@@ -1,8 +1,8 @@
-import { insert as l, createComponent as c, memo as V, effect as b, className as x, mergeProps as A, template as p, setAttribute as L, delegateEvents as D } from "solid-js/web";
-import { splitProps as W, createMemo as z, For as N, Show as v, createSignal as O } from "solid-js";
-import { cn as d } from "../../utils/cn.js";
+import { insert as a, createComponent as s, memo as V, effect as b, className as x, mergeProps as A, template as h, setAttribute as z, delegateEvents as D } from "solid-js/web";
+import { splitProps as I, createMemo as $, For as N, Show as v, createSignal as O } from "solid-js";
+import { cn as m } from "../../utils/cn.js";
 import { Check as T } from "../icons/index.js";
-var $ = /* @__PURE__ */ p("<div>"), M = /* @__PURE__ */ p("<span>"), U = /* @__PURE__ */ p('<span class="text-muted-foreground/60 font-normal">(Optional)'), q = /* @__PURE__ */ p("<p>"), B = /* @__PURE__ */ p("<div><div><span>"), G = /* @__PURE__ */ p("<nav aria-label=Progress>"), H = /* @__PURE__ */ p('<div class="flex items-center w-full">'), J = /* @__PURE__ */ p("<div class=mt-2>"), K = /* @__PURE__ */ p('<div class="flex flex-col items-center">'), Q = /* @__PURE__ */ p('<div class="flex-1 pb-4">'), R = /* @__PURE__ */ p('<div class="flex flex-col h-full"><div class="flex-shrink-0 mb-6"></div><div>');
+var U = /* @__PURE__ */ h("<div data-floe-surface-part=step>"), L = /* @__PURE__ */ h("<span>"), q = /* @__PURE__ */ h('<span class="text-muted-foreground/60 font-normal">(Optional)'), B = /* @__PURE__ */ h("<p>"), G = /* @__PURE__ */ h("<div><div><span>"), H = /* @__PURE__ */ h("<div data-floe-surface=inset data-floe-surface-part=progress-track>"), J = /* @__PURE__ */ h("<nav aria-label=Progress>"), K = /* @__PURE__ */ h('<div class="flex items-center w-full">'), Q = /* @__PURE__ */ h("<div class=mt-2>"), R = /* @__PURE__ */ h('<div class="flex flex-col items-center">'), X = /* @__PURE__ */ h('<div class="flex-1 pb-4">'), W = /* @__PURE__ */ h("<div>"), Y = /* @__PURE__ */ h('<div class="flex flex-col h-full"><div class="flex-shrink-0 mb-6"></div><div>');
 const F = {
   sm: {
     indicator: "w-6 h-6 text-[10px]",
@@ -32,42 +32,42 @@ const F = {
     gap: "gap-2"
   }
 };
-function j(t) {
-  const e = () => F[t.size], o = () => t.status === "completed", s = () => t.status === "current", i = () => d("flex items-center justify-center rounded-full transition-all duration-200", "font-medium select-none flex-shrink-0", e().indicator, t.clickable && !t.step.disabled ? "cursor-pointer hover:scale-110" : t.step.disabled ? "cursor-not-allowed opacity-50" : ""), h = () => t.variant === "dots" ? d("w-3 h-3 md:w-4 md:h-4", o() && "bg-primary", s() && "bg-primary ring-4 ring-primary/20", !o() && !s() && "bg-muted") : t.variant === "minimal" ? d("border-2", o() && "border-primary bg-primary text-primary-foreground", s() && "border-primary text-primary bg-transparent", !o() && !s() && "border-muted text-muted-foreground bg-transparent") : d(o() && "bg-primary text-primary-foreground shadow-sm", s() && "bg-primary text-primary-foreground shadow-md ring-4 ring-primary/20", !o() && !s() && "bg-muted text-muted-foreground"), u = () => {
+function M(t) {
+  const e = () => F[t.size], i = () => t.status === "completed", c = () => t.status === "current", o = () => m("flex items-center justify-center rounded-full transition-all duration-200", "font-medium select-none flex-shrink-0", e().indicator, t.clickable && !t.step.disabled ? "cursor-pointer hover:scale-110" : t.step.disabled ? "cursor-not-allowed opacity-50" : ""), p = () => t.variant === "dots" ? m("w-3 h-3 md:w-4 md:h-4", i() && "bg-primary", c() && "bg-primary ring-4 ring-primary/20", !i() && !c() && "bg-muted") : t.variant === "minimal" ? m("border-2", i() && "border-primary bg-primary text-primary-foreground", c() && "border-primary text-primary bg-transparent", !i() && !c() && "border-muted text-muted-foreground bg-transparent") : m(i() && "bg-primary text-primary-foreground shadow-sm", c() && "bg-primary text-primary-foreground shadow-md ring-4 ring-primary/20", !i() && !c() && "bg-muted text-muted-foreground"), u = () => {
     t.clickable && !t.step.disabled && t.onClick && t.onClick();
   };
   return (() => {
-    var n = $();
+    var n = U();
     return n.$$keydown = (r) => {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), u());
-    }, n.$$click = u, l(n, c(v, {
+    }, n.$$click = u, a(n, s(v, {
       get when() {
         return t.variant !== "dots";
       },
       get children() {
-        return c(v, {
+        return s(v, {
           get when() {
-            return V(() => !!o())() && !t.step.icon;
+            return V(() => !!i())() && !t.step.icon;
           },
           get fallback() {
-            return c(v, {
+            return s(v, {
               get when() {
                 return t.step.icon;
               },
               get fallback() {
                 return (() => {
-                  var r = M();
-                  return l(r, () => t.index + 1), r;
+                  var r = L();
+                  return a(r, () => t.index + 1), r;
                 })();
               },
               get children() {
-                var r = M();
-                return l(r, () => t.step.icon), b(() => x(r, e().iconSize)), r;
+                var r = L();
+                return a(r, () => t.step.icon), b(() => x(r, e().iconSize)), r;
               }
             });
           },
           get children() {
-            return c(T, {
+            return s(T, {
               get class() {
                 return e().iconSize;
               }
@@ -76,237 +76,239 @@ function j(t) {
         });
       }
     })), b((r) => {
-      var m = d(i(), h()), C = t.clickable ? "button" : void 0, S = t.clickable && !t.step.disabled ? 0 : void 0;
-      return m !== r.e && x(n, r.e = m), C !== r.t && L(n, "role", r.t = C), S !== r.a && L(n, "tabindex", r.a = S), r;
+      var g = c() || i() ? "raised" : "inset", C = c() ? "current" : i() ? "completed" : "pending", k = m(o(), p()), d = t.clickable ? "button" : void 0, l = t.clickable && !t.step.disabled ? 0 : void 0;
+      return g !== r.e && z(n, "data-floe-surface", r.e = g), C !== r.t && z(n, "data-floe-step-state", r.t = C), k !== r.a && x(n, r.a = k), d !== r.o && z(n, "role", r.o = d), l !== r.i && z(n, "tabindex", r.i = l), r;
     }, {
       e: void 0,
       t: void 0,
-      a: void 0
+      a: void 0,
+      o: void 0,
+      i: void 0
     }), n;
   })();
 }
-function E(t) {
-  const e = () => F[t.size], o = () => t.status === "current", s = () => t.status === "upcoming";
+function j(t) {
+  const e = () => F[t.size], i = () => t.status === "current", c = () => t.status === "upcoming";
   return (() => {
-    var i = B(), h = i.firstChild, u = h.firstChild;
-    return l(u, () => t.step.label), l(h, c(v, {
+    var o = G(), p = o.firstChild, u = p.firstChild;
+    return a(u, () => t.step.label), a(p, s(v, {
       get when() {
         return t.step.optional;
       },
       get children() {
-        return U();
+        return q();
       }
-    }), null), l(i, c(v, {
+    }), null), a(o, s(v, {
       get when() {
         return t.step.description;
       },
       get children() {
-        var n = q();
-        return l(n, () => t.step.description), b(() => x(n, d(e().description, "text-muted-foreground", s() && "opacity-60", t.step.disabled && "opacity-50"))), n;
+        var n = B();
+        return a(n, () => t.step.description), b(() => x(n, m(e().description, "text-muted-foreground", c() && "opacity-60", t.step.disabled && "opacity-50"))), n;
       }
     }), null), b((n) => {
-      var r = d("flex flex-col", e().gap, t.orientation === "horizontal" ? "items-center text-center" : "items-start"), m = d("flex items-center gap-1", e().label, "font-medium transition-colors duration-200", o() && "text-foreground", !o() && "text-muted-foreground", t.step.disabled && "opacity-50");
-      return r !== n.e && x(i, n.e = r), m !== n.t && x(h, n.t = m), n;
+      var r = m("flex flex-col", e().gap, t.orientation === "horizontal" ? "items-center text-center" : "items-start"), g = m("flex items-center gap-1", e().label, "font-medium transition-colors duration-200", i() && "text-foreground", !i() && "text-muted-foreground", t.step.disabled && "opacity-50");
+      return r !== n.e && x(o, n.e = r), g !== n.t && x(p, n.t = g), n;
     }, {
       e: void 0,
       t: void 0
-    }), i;
+    }), o;
   })();
 }
-function I(t) {
+function E(t) {
   const e = () => F[t.size];
   return (() => {
-    var o = $();
-    return b(() => x(o, d("transition-colors duration-300", t.orientation === "horizontal" ? d("flex-1", e().connector) : d(e().connectorVertical, "mx-auto"), t.completed ? "bg-primary" : "bg-muted"))), o;
+    var i = H();
+    return b(() => x(i, m("transition-colors duration-300", t.orientation === "horizontal" ? m("flex-1", e().connector) : m(e().connectorVertical, "mx-auto"), t.completed ? "bg-primary" : "bg-muted"))), i;
   })();
 }
-function X(t) {
-  const [e] = W(t, ["steps", "currentStep", "onStepClick", "variant", "orientation", "size", "showConnector", "allowClickCompleted", "allowClickFuture", "class"]), o = () => e.variant ?? "default", s = () => e.orientation ?? "horizontal", i = () => e.size ?? "md", h = () => e.showConnector ?? !0, u = () => e.allowClickCompleted ?? !0, n = () => e.allowClickFuture ?? !1, r = z(() => typeof e.currentStep == "function" ? e.currentStep() : e.currentStep), m = (g) => {
-    const a = r();
-    return g < a ? "completed" : g === a ? "current" : "upcoming";
-  }, C = (g) => {
+function Z(t) {
+  const [e] = I(t, ["steps", "currentStep", "onStepClick", "variant", "orientation", "size", "showConnector", "allowClickCompleted", "allowClickFuture", "class"]), i = () => e.variant ?? "default", c = () => e.orientation ?? "horizontal", o = () => e.size ?? "md", p = () => e.showConnector ?? !0, u = () => e.allowClickCompleted ?? !0, n = () => e.allowClickFuture ?? !1, r = $(() => typeof e.currentStep == "function" ? e.currentStep() : e.currentStep), g = (d) => {
+    const l = r();
+    return d < l ? "completed" : d === l ? "current" : "upcoming";
+  }, C = (d) => {
     if (!e.onStepClick) return !1;
-    const a = m(g);
-    return a === "completed" ? u() : a === "upcoming" ? n() : !1;
-  }, S = (g, a) => {
-    C(g) && !a.disabled && e.onStepClick?.(g, a);
+    const l = g(d);
+    return l === "completed" ? u() : l === "upcoming" ? n() : !1;
+  }, k = (d, l) => {
+    C(d) && !l.disabled && e.onStepClick?.(d, l);
   };
   return (() => {
-    var g = G();
-    return l(g, c(N, {
+    var d = J();
+    return a(d, s(N, {
       get each() {
         return e.steps;
       },
-      children: (a, w) => {
-        const k = () => m(w()), P = () => C(w()), _ = () => w() === e.steps.length - 1;
+      children: (l, w) => {
+        const S = () => g(w()), P = () => C(w()), _ = () => w() === e.steps.length - 1;
         return (() => {
-          var y = $();
-          return l(y, c(v, {
+          var y = W();
+          return a(y, s(v, {
             get when() {
-              return s() === "horizontal";
+              return c() === "horizontal";
             },
             get children() {
               return [(() => {
-                var f = H();
-                return l(f, c(j, {
-                  step: a,
+                var f = K();
+                return a(f, s(M, {
+                  step: l,
                   get index() {
                     return w();
                   },
                   get status() {
-                    return k();
+                    return S();
                   },
                   get variant() {
-                    return o();
+                    return i();
                   },
                   get size() {
-                    return i();
+                    return o();
                   },
-                  onClick: () => S(w(), a),
+                  onClick: () => k(w(), l),
                   get clickable() {
                     return P();
                   }
-                }), null), l(f, c(v, {
+                }), null), a(f, s(v, {
                   get when() {
-                    return V(() => !!h())() && !_();
+                    return V(() => !!p())() && !_();
                   },
                   get children() {
-                    return c(I, {
+                    return s(E, {
                       get completed() {
-                        return k() === "completed";
+                        return S() === "completed";
                       },
                       get size() {
-                        return i();
+                        return o();
                       },
                       orientation: "horizontal"
                     });
                   }
                 }), null), f;
               })(), (() => {
-                var f = J();
-                return l(f, c(E, {
-                  step: a,
+                var f = Q();
+                return a(f, s(j, {
+                  step: l,
                   get status() {
-                    return k();
+                    return S();
                   },
                   get size() {
-                    return i();
+                    return o();
                   },
                   orientation: "horizontal"
                 })), f;
               })()];
             }
-          }), null), l(y, c(v, {
+          }), null), a(y, s(v, {
             get when() {
-              return s() === "vertical";
+              return c() === "vertical";
             },
             get children() {
               return [(() => {
-                var f = K();
-                return l(f, c(j, {
-                  step: a,
+                var f = R();
+                return a(f, s(M, {
+                  step: l,
                   get index() {
                     return w();
                   },
                   get status() {
-                    return k();
+                    return S();
                   },
                   get variant() {
-                    return o();
+                    return i();
                   },
                   get size() {
-                    return i();
+                    return o();
                   },
-                  onClick: () => S(w(), a),
+                  onClick: () => k(w(), l),
                   get clickable() {
                     return P();
                   }
-                }), null), l(f, c(v, {
+                }), null), a(f, s(v, {
                   get when() {
-                    return V(() => !!h())() && !_();
+                    return V(() => !!p())() && !_();
                   },
                   get children() {
-                    return c(I, {
+                    return s(E, {
                       get completed() {
-                        return k() === "completed";
+                        return S() === "completed";
                       },
                       get size() {
-                        return i();
+                        return o();
                       },
                       orientation: "vertical"
                     });
                   }
                 }), null), f;
               })(), (() => {
-                var f = Q();
-                return l(f, c(E, {
-                  step: a,
+                var f = X();
+                return a(f, s(j, {
+                  step: l,
                   get status() {
-                    return k();
+                    return S();
                   },
                   get size() {
-                    return i();
+                    return o();
                   },
                   orientation: "vertical"
                 })), f;
               })()];
             }
-          }), null), b(() => x(y, d("flex", s() === "horizontal" ? d("flex-col items-center", !_() && "flex-1") : "flex-row items-start gap-3"))), y;
+          }), null), b(() => x(y, m("flex", c() === "horizontal" ? m("flex-col items-center", !_() && "flex-1") : "flex-row items-start gap-3"))), y;
         })();
       }
-    })), b(() => x(g, d("flex", s() === "horizontal" ? "flex-row items-start justify-between" : "flex-col", e.class))), g;
+    })), b(() => x(d, m("flex", c() === "horizontal" ? "flex-row items-start justify-between" : "flex-col", e.class))), d;
   })();
 }
-function rt(t) {
-  const [e, o] = W(t, ["steps", "footer", "contentClass", "footerClass"]), s = () => e.steps.map(({
+function it(t) {
+  const [e, i] = I(t, ["steps", "footer", "contentClass", "footerClass"]), c = () => e.steps.map(({
     content: u,
     ...n
-  }) => n), i = z(() => typeof t.currentStep == "function" ? t.currentStep() : t.currentStep), h = () => e.steps[i()]?.content;
+  }) => n), o = $(() => typeof t.currentStep == "function" ? t.currentStep() : t.currentStep), p = () => e.steps[o()]?.content;
   return (() => {
-    var u = R(), n = u.firstChild, r = n.nextSibling;
-    return l(n, c(X, A(o, {
+    var u = Y(), n = u.firstChild, r = n.nextSibling;
+    return a(n, s(Z, A(i, {
       get steps() {
-        return s();
+        return c();
       }
-    }))), l(r, h), l(u, c(v, {
+    }))), a(r, p), a(u, s(v, {
       get when() {
         return e.footer;
       },
       get children() {
-        var m = $();
-        return l(m, () => e.footer), b(() => x(m, d("flex-shrink-0 mt-6", e.footerClass))), m;
+        var g = W();
+        return a(g, () => e.footer), b(() => x(g, m("flex-shrink-0 mt-6", e.footerClass))), g;
       }
-    }), null), b(() => x(r, d("flex-1 min-h-0", e.contentClass))), u;
+    }), null), b(() => x(r, m("flex-1 min-h-0", e.contentClass))), u;
   })();
 }
-function nt(t) {
+function ot(t) {
   const {
     totalSteps: e,
-    initialStep: o = 0,
-    onStepChange: s
-  } = t, [i, h] = O(o), u = (g) => {
-    const a = Math.max(0, Math.min(g, e - 1));
-    h(a), s?.(a);
+    initialStep: i = 0,
+    onStepChange: c
+  } = t, [o, p] = O(i), u = (d) => {
+    const l = Math.max(0, Math.min(d, e - 1));
+    p(l), c?.(l);
   }, n = () => {
-    i() < e - 1 && u(i() + 1);
+    o() < e - 1 && u(o() + 1);
   }, r = () => {
-    i() > 0 && u(i() - 1);
-  }, m = z(() => i() === 0), C = z(() => i() === e - 1);
+    o() > 0 && u(o() - 1);
+  }, g = $(() => o() === 0), C = $(() => o() === e - 1);
   return {
-    currentStep: i,
+    currentStep: o,
     nextStep: n,
     prevStep: r,
     goToStep: u,
-    isFirstStep: m,
+    isFirstStep: g,
     isLastStep: C,
     reset: () => {
-      u(o);
+      u(i);
     }
   };
 }
 D(["click", "keydown"]);
 export {
-  X as Stepper,
-  rt as Wizard,
-  nt as useWizard
+  Z as Stepper,
+  it as Wizard,
+  ot as useWizard
 };

package/dist/components/ui/Switch.js

@@ -1,8 +1,8 @@
-import { insert as l, createComponent as n, effect as d, className as a, template as u, spread as P, mergeProps as S } from "solid-js/web";
-import { splitProps as z, Show as o, createUniqueId as T } from "solid-js";
-import { cn as c } from "../../utils/cn.js";
-var H = /* @__PURE__ */ u('<div class="relative inline-flex items-center shrink-0"><input type=checkbox role=switch class="sr-only peer"><div><div>'), f = /* @__PURE__ */ u("<span>"), L = /* @__PURE__ */ u('<div class="flex flex-col justify-center min-h-0">'), j = /* @__PURE__ */ u("<label>");
-const q = {
+import { insert as a, createComponent as n, effect as d, className as s, template as u, spread as z, mergeProps as T, setAttribute as H } from "solid-js/web";
+import { splitProps as I, createUniqueId as L, Show as c } from "solid-js";
+import { cn as o } from "../../utils/cn.js";
+var j = /* @__PURE__ */ u('<div class="relative inline-flex items-center shrink-0"><input data-floe-choice-input type=checkbox role=switch class="sr-only peer"><div data-floe-surface=inset data-floe-surface-part=switch-track><div data-floe-surface=raised data-floe-surface-part=switch-thumb>'), x = /* @__PURE__ */ u("<span>"), q = /* @__PURE__ */ u('<div class="flex flex-col justify-center min-h-0">'), A = /* @__PURE__ */ u("<label>");
+const E = {
   sm: {
     track: "w-7 h-4",
     thumb: "w-3 h-3",
@@ -28,15 +28,15 @@ const q = {
     trackHeight: 24
   }
 };
-function U(x) {
-  const [e, v] = z(x, ["checked", "onChange", "size", "label", "description", "labelPosition", "class", "disabled", "id"]), k = () => e.id ?? T(), w = () => e.size ?? "md", i = () => q[w()], h = () => e.labelPosition ?? "right", _ = (t) => {
+function D(v) {
+  const [e, k] = I(v, ["checked", "onChange", "size", "label", "description", "labelPosition", "class", "disabled", "id"]), w = L(), C = () => e.id ?? w, _ = () => e.size ?? "md", i = () => E[_()], g = () => e.labelPosition ?? "right", $ = (t) => {
     const r = t.target;
     e.onChange?.(r.checked);
-  }, $ = () => (() => {
-    var t = H(), r = t.firstChild, b = r.nextSibling, y = b.firstChild;
-    return r.addEventListener("change", _), P(r, S({
+  }, y = () => (() => {
+    var t = j(), r = t.firstChild, h = r.nextSibling, S = h.firstChild;
+    return r.addEventListener("change", $), z(r, T({
       get id() {
-        return k();
+        return C();
       },
       get checked() {
         return e.checked;
@@ -47,57 +47,58 @@ function U(x) {
       get "aria-checked"() {
         return e.checked;
       }
-    }, v), !1, !1), d((s) => {
-      var p = c("rounded-full transition-colors duration-200 cursor-pointer", i().track, e.checked ? "bg-primary" : "bg-input", e.disabled && "opacity-50 cursor-not-allowed", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2"), m = c("rounded-full bg-background shadow-sm transition-transform duration-200", i().thumb, "absolute top-0.5 left-0.5", e.checked && i().thumbTranslate);
-      return p !== s.e && a(b, s.e = p), m !== s.t && a(y, s.t = m), s;
+    }, k), !1, !1), d((l) => {
+      var f = e.checked ? "true" : void 0, m = o("rounded-full transition-colors duration-200 cursor-pointer", i().track, e.checked ? "bg-primary" : "bg-input", e.disabled && "cursor-not-allowed", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2"), p = o("rounded-full bg-background shadow-sm transition-transform duration-200", i().thumb, "absolute top-0.5 left-0.5", e.checked ? i().thumbTranslate : "translate-x-0");
+      return f !== l.e && H(h, "data-floe-selected", l.e = f), m !== l.t && s(h, l.t = m), p !== l.a && s(S, l.a = p), l;
     }, {
       e: void 0,
-      t: void 0
+      t: void 0,
+      a: void 0
     }), t;
-  })(), g = () => n(o, {
+  })(), b = () => n(c, {
     get when() {
       return e.label || e.description;
     },
     get children() {
-      var t = L();
-      return l(t, n(o, {
+      var t = q();
+      return a(t, n(c, {
         get when() {
           return e.label;
         },
         get children() {
-          var r = f();
-          return l(r, () => e.label), d(() => a(r, c("text-foreground", i().label))), r;
+          var r = x();
+          return a(r, () => e.label), d(() => s(r, o("text-foreground", i().label))), r;
         }
-      }), null), l(t, n(o, {
+      }), null), a(t, n(c, {
         get when() {
           return e.description;
         },
         get children() {
-          var r = f();
-          return l(r, () => e.description), d(() => a(r, c("text-muted-foreground", i().description))), r;
+          var r = x();
+          return a(r, () => e.description), d(() => s(r, o("text-muted-foreground", i().description))), r;
         }
       }), null), t;
     }
-  }), C = () => e.description ? "items-start" : "items-center";
+  }), P = () => e.description ? "items-start" : "items-center";
   return (() => {
-    var t = j();
-    return l(t, n(o, {
+    var t = A();
+    return a(t, n(c, {
       get when() {
-        return h() === "left";
+        return g() === "left";
       },
       get children() {
-        return n(g, {});
+        return n(b, {});
       }
-    }), null), l(t, n($, {}), null), l(t, n(o, {
+    }), null), a(t, n(y, {}), null), a(t, n(c, {
       get when() {
-        return h() === "right";
+        return g() === "right";
       },
       get children() {
-        return n(g, {});
+        return n(b, {});
       }
-    }), null), d(() => a(t, c("inline-flex gap-2 cursor-pointer select-none", C(), e.disabled && "opacity-50 cursor-not-allowed", e.class))), t;
+    }), null), d(() => s(t, o("inline-flex gap-2 cursor-pointer select-none", P(), e.disabled && "opacity-50 cursor-not-allowed", e.class))), t;
   })();
 }
 export {
-  U as Switch
+  D as Switch
 };