@drjoshcsimmons/scl 0.1.0 → 0.1.1

package/dist/index67.js

@@ -1,832 +1,132 @@
-import { parser as b } from "./index115.js";
-import { LanguageSupport as w, LRLanguage as v, indentNodeProp as y, foldNodeProp as k, continuedIndent as x, foldInside as z, syntaxTree as S } from "./index72.js";
-import { NodeWeakMap as q, IterMode as C } from "./index113.js";
-let c = null;
-function u() {
-  if (!c && typeof document == "object" && document.body) {
-    let { style: t } = document.body, a = [], o = /* @__PURE__ */ new Set();
-    for (let r in t)
-      r != "cssText" && r != "cssFloat" && typeof t[r] == "string" && (/[A-Z]/.test(r) && (r = r.replace(/[A-Z]/g, (e) => "-" + e.toLowerCase())), o.has(r) || (a.push(r), o.add(r)));
-    c = a.sort().map((r) => ({ type: "property", label: r, apply: r + ": " }));
+import * as r from "react";
+import { composeEventHandlers as T } from "./index78.js";
+import { useComposedRefs as P } from "./index77.js";
+import { createContextScope as I } from "./index76.js";
+import { useControllableState as M } from "./index81.js";
+import { usePrevious as H } from "./index85.js";
+import { useSize as j } from "./index86.js";
+import { Primitive as y } from "./index82.js";
+import { jsxs as A, jsx as m } from "react/jsx-runtime";
+var h = "Switch", [U] = I(h), [q, z] = U(h), R = r.forwardRef(
+  (t, a) => {
+    const {
+      __scopeSwitch: e,
+      name: c,
+      checked: o,
+      defaultChecked: v,
+      required: i,
+      disabled: n,
+      value: p = "on",
+      onCheckedChange: w,
+      form: s,
+      ...S
+    } = t, [d, u] = r.useState(null), b = P(a, (f) => u(f)), C = r.useRef(!1), k = d ? s || !!d.closest("form") : !0, [l, B] = M({
+      prop: o,
+      defaultProp: v ?? !1,
+      onChange: w,
+      caller: h
+    });
+    return /* @__PURE__ */ A(q, { scope: e, checked: l, disabled: n, children: [
+      /* @__PURE__ */ m(
+        y.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": l,
+          "aria-required": i,
+          "data-state": g(l),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: p,
+          ...S,
+          ref: b,
+          onClick: T(t.onClick, (f) => {
+            B((N) => !N), k && (C.current = f.isPropagationStopped(), C.current || f.stopPropagation());
+          })
+        }
+      ),
+      k && /* @__PURE__ */ m(
+        x,
+        {
+          control: d,
+          bubbles: !C.current,
+          name: c,
+          value: p,
+          checked: l,
+          required: i,
+          disabled: n,
+          form: s,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
   }
-  return c || [];
-}
-const p = /* @__PURE__ */ [
-  "active",
-  "after",
-  "any-link",
-  "autofill",
-  "backdrop",
-  "before",
-  "checked",
-  "cue",
-  "default",
-  "defined",
-  "disabled",
-  "empty",
-  "enabled",
-  "file-selector-button",
-  "first",
-  "first-child",
-  "first-letter",
-  "first-line",
-  "first-of-type",
-  "focus",
-  "focus-visible",
-  "focus-within",
-  "fullscreen",
-  "has",
-  "host",
-  "host-context",
-  "hover",
-  "in-range",
-  "indeterminate",
-  "invalid",
-  "is",
-  "lang",
-  "last-child",
-  "last-of-type",
-  "left",
-  "link",
-  "marker",
-  "modal",
-  "not",
-  "nth-child",
-  "nth-last-child",
-  "nth-last-of-type",
-  "nth-of-type",
-  "only-child",
-  "only-of-type",
-  "optional",
-  "out-of-range",
-  "part",
-  "placeholder",
-  "placeholder-shown",
-  "read-only",
-  "read-write",
-  "required",
-  "right",
-  "root",
-  "scope",
-  "selection",
-  "slotted",
-  "target",
-  "target-text",
-  "valid",
-  "visited",
-  "where"
-].map((t) => ({ type: "class", label: t })), m = /* @__PURE__ */ [
-  "above",
-  "absolute",
-  "activeborder",
-  "additive",
-  "activecaption",
-  "after-white-space",
-  "ahead",
-  "alias",
-  "all",
-  "all-scroll",
-  "alphabetic",
-  "alternate",
-  "always",
-  "antialiased",
-  "appworkspace",
-  "asterisks",
-  "attr",
-  "auto",
-  "auto-flow",
-  "avoid",
-  "avoid-column",
-  "avoid-page",
-  "avoid-region",
-  "axis-pan",
-  "background",
-  "backwards",
-  "baseline",
-  "below",
-  "bidi-override",
-  "blink",
-  "block",
-  "block-axis",
-  "bold",
-  "bolder",
-  "border",
-  "border-box",
-  "both",
-  "bottom",
-  "break",
-  "break-all",
-  "break-word",
-  "bullets",
-  "button",
-  "button-bevel",
-  "buttonface",
-  "buttonhighlight",
-  "buttonshadow",
-  "buttontext",
-  "calc",
-  "capitalize",
-  "caps-lock-indicator",
-  "caption",
-  "captiontext",
-  "caret",
-  "cell",
-  "center",
-  "checkbox",
-  "circle",
-  "cjk-decimal",
-  "clear",
-  "clip",
-  "close-quote",
-  "col-resize",
-  "collapse",
-  "color",
-  "color-burn",
-  "color-dodge",
-  "column",
-  "column-reverse",
-  "compact",
-  "condensed",
-  "contain",
-  "content",
-  "contents",
-  "content-box",
-  "context-menu",
-  "continuous",
-  "copy",
-  "counter",
-  "counters",
-  "cover",
-  "crop",
-  "cross",
-  "crosshair",
-  "currentcolor",
-  "cursive",
-  "cyclic",
-  "darken",
-  "dashed",
-  "decimal",
-  "decimal-leading-zero",
-  "default",
-  "default-button",
-  "dense",
-  "destination-atop",
-  "destination-in",
-  "destination-out",
-  "destination-over",
-  "difference",
-  "disc",
-  "discard",
-  "disclosure-closed",
-  "disclosure-open",
-  "document",
-  "dot-dash",
-  "dot-dot-dash",
-  "dotted",
-  "double",
-  "down",
-  "e-resize",
-  "ease",
-  "ease-in",
-  "ease-in-out",
-  "ease-out",
-  "element",
-  "ellipse",
-  "ellipsis",
-  "embed",
-  "end",
-  "ethiopic-abegede-gez",
-  "ethiopic-halehame-aa-er",
-  "ethiopic-halehame-gez",
-  "ew-resize",
-  "exclusion",
-  "expanded",
-  "extends",
-  "extra-condensed",
-  "extra-expanded",
-  "fantasy",
-  "fast",
-  "fill",
-  "fill-box",
-  "fixed",
-  "flat",
-  "flex",
-  "flex-end",
-  "flex-start",
-  "footnotes",
-  "forwards",
-  "from",
-  "geometricPrecision",
-  "graytext",
-  "grid",
-  "groove",
-  "hand",
-  "hard-light",
-  "help",
-  "hidden",
-  "hide",
-  "higher",
-  "highlight",
-  "highlighttext",
-  "horizontal",
-  "hsl",
-  "hsla",
-  "hue",
-  "icon",
-  "ignore",
-  "inactiveborder",
-  "inactivecaption",
-  "inactivecaptiontext",
-  "infinite",
-  "infobackground",
-  "infotext",
-  "inherit",
-  "initial",
-  "inline",
-  "inline-axis",
-  "inline-block",
-  "inline-flex",
-  "inline-grid",
-  "inline-table",
-  "inset",
-  "inside",
-  "intrinsic",
-  "invert",
-  "italic",
-  "justify",
-  "keep-all",
-  "landscape",
-  "large",
-  "larger",
-  "left",
-  "level",
-  "lighter",
-  "lighten",
-  "line-through",
-  "linear",
-  "linear-gradient",
-  "lines",
-  "list-item",
-  "listbox",
-  "listitem",
-  "local",
-  "logical",
-  "loud",
-  "lower",
-  "lower-hexadecimal",
-  "lower-latin",
-  "lower-norwegian",
-  "lowercase",
-  "ltr",
-  "luminosity",
-  "manipulation",
-  "match",
-  "matrix",
-  "matrix3d",
-  "medium",
-  "menu",
-  "menutext",
-  "message-box",
-  "middle",
-  "min-intrinsic",
-  "mix",
-  "monospace",
-  "move",
-  "multiple",
-  "multiple_mask_images",
-  "multiply",
-  "n-resize",
-  "narrower",
-  "ne-resize",
-  "nesw-resize",
-  "no-close-quote",
-  "no-drop",
-  "no-open-quote",
-  "no-repeat",
-  "none",
-  "normal",
-  "not-allowed",
-  "nowrap",
-  "ns-resize",
-  "numbers",
-  "numeric",
-  "nw-resize",
-  "nwse-resize",
-  "oblique",
-  "opacity",
-  "open-quote",
-  "optimizeLegibility",
-  "optimizeSpeed",
-  "outset",
-  "outside",
-  "outside-shape",
-  "overlay",
-  "overline",
-  "padding",
-  "padding-box",
-  "painted",
-  "page",
-  "paused",
-  "perspective",
-  "pinch-zoom",
-  "plus-darker",
-  "plus-lighter",
-  "pointer",
-  "polygon",
-  "portrait",
-  "pre",
-  "pre-line",
-  "pre-wrap",
-  "preserve-3d",
-  "progress",
-  "push-button",
-  "radial-gradient",
-  "radio",
-  "read-only",
-  "read-write",
-  "read-write-plaintext-only",
-  "rectangle",
-  "region",
-  "relative",
-  "repeat",
-  "repeating-linear-gradient",
-  "repeating-radial-gradient",
-  "repeat-x",
-  "repeat-y",
-  "reset",
-  "reverse",
-  "rgb",
-  "rgba",
-  "ridge",
-  "right",
-  "rotate",
-  "rotate3d",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "round",
-  "row",
-  "row-resize",
-  "row-reverse",
-  "rtl",
-  "run-in",
-  "running",
-  "s-resize",
-  "sans-serif",
-  "saturation",
-  "scale",
-  "scale3d",
-  "scaleX",
-  "scaleY",
-  "scaleZ",
-  "screen",
-  "scroll",
-  "scrollbar",
-  "scroll-position",
-  "se-resize",
-  "self-start",
-  "self-end",
-  "semi-condensed",
-  "semi-expanded",
-  "separate",
-  "serif",
-  "show",
-  "single",
-  "skew",
-  "skewX",
-  "skewY",
-  "skip-white-space",
-  "slide",
-  "slider-horizontal",
-  "slider-vertical",
-  "sliderthumb-horizontal",
-  "sliderthumb-vertical",
-  "slow",
-  "small",
-  "small-caps",
-  "small-caption",
-  "smaller",
-  "soft-light",
-  "solid",
-  "source-atop",
-  "source-in",
-  "source-out",
-  "source-over",
-  "space",
-  "space-around",
-  "space-between",
-  "space-evenly",
-  "spell-out",
-  "square",
-  "start",
-  "static",
-  "status-bar",
-  "stretch",
-  "stroke",
-  "stroke-box",
-  "sub",
-  "subpixel-antialiased",
-  "svg_masks",
-  "super",
-  "sw-resize",
-  "symbolic",
-  "symbols",
-  "system-ui",
-  "table",
-  "table-caption",
-  "table-cell",
-  "table-column",
-  "table-column-group",
-  "table-footer-group",
-  "table-header-group",
-  "table-row",
-  "table-row-group",
-  "text",
-  "text-bottom",
-  "text-top",
-  "textarea",
-  "textfield",
-  "thick",
-  "thin",
-  "threeddarkshadow",
-  "threedface",
-  "threedhighlight",
-  "threedlightshadow",
-  "threedshadow",
-  "to",
-  "top",
-  "transform",
-  "translate",
-  "translate3d",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "transparent",
-  "ultra-condensed",
-  "ultra-expanded",
-  "underline",
-  "unidirectional-pan",
-  "unset",
-  "up",
-  "upper-latin",
-  "uppercase",
-  "url",
-  "var",
-  "vertical",
-  "vertical-text",
-  "view-box",
-  "visible",
-  "visibleFill",
-  "visiblePainted",
-  "visibleStroke",
-  "visual",
-  "w-resize",
-  "wait",
-  "wave",
-  "wider",
-  "window",
-  "windowframe",
-  "windowtext",
-  "words",
-  "wrap",
-  "wrap-reverse",
-  "x-large",
-  "x-small",
-  "xor",
-  "xx-large",
-  "xx-small"
-].map((t) => ({ type: "keyword", label: t })).concat(/* @__PURE__ */ [
-  "aliceblue",
-  "antiquewhite",
-  "aqua",
-  "aquamarine",
-  "azure",
-  "beige",
-  "bisque",
-  "black",
-  "blanchedalmond",
-  "blue",
-  "blueviolet",
-  "brown",
-  "burlywood",
-  "cadetblue",
-  "chartreuse",
-  "chocolate",
-  "coral",
-  "cornflowerblue",
-  "cornsilk",
-  "crimson",
-  "cyan",
-  "darkblue",
-  "darkcyan",
-  "darkgoldenrod",
-  "darkgray",
-  "darkgreen",
-  "darkkhaki",
-  "darkmagenta",
-  "darkolivegreen",
-  "darkorange",
-  "darkorchid",
-  "darkred",
-  "darksalmon",
-  "darkseagreen",
-  "darkslateblue",
-  "darkslategray",
-  "darkturquoise",
-  "darkviolet",
-  "deeppink",
-  "deepskyblue",
-  "dimgray",
-  "dodgerblue",
-  "firebrick",
-  "floralwhite",
-  "forestgreen",
-  "fuchsia",
-  "gainsboro",
-  "ghostwhite",
-  "gold",
-  "goldenrod",
-  "gray",
-  "grey",
-  "green",
-  "greenyellow",
-  "honeydew",
-  "hotpink",
-  "indianred",
-  "indigo",
-  "ivory",
-  "khaki",
-  "lavender",
-  "lavenderblush",
-  "lawngreen",
-  "lemonchiffon",
-  "lightblue",
-  "lightcoral",
-  "lightcyan",
-  "lightgoldenrodyellow",
-  "lightgray",
-  "lightgreen",
-  "lightpink",
-  "lightsalmon",
-  "lightseagreen",
-  "lightskyblue",
-  "lightslategray",
-  "lightsteelblue",
-  "lightyellow",
-  "lime",
-  "limegreen",
-  "linen",
-  "magenta",
-  "maroon",
-  "mediumaquamarine",
-  "mediumblue",
-  "mediumorchid",
-  "mediumpurple",
-  "mediumseagreen",
-  "mediumslateblue",
-  "mediumspringgreen",
-  "mediumturquoise",
-  "mediumvioletred",
-  "midnightblue",
-  "mintcream",
-  "mistyrose",
-  "moccasin",
-  "navajowhite",
-  "navy",
-  "oldlace",
-  "olive",
-  "olivedrab",
-  "orange",
-  "orangered",
-  "orchid",
-  "palegoldenrod",
-  "palegreen",
-  "paleturquoise",
-  "palevioletred",
-  "papayawhip",
-  "peachpuff",
-  "peru",
-  "pink",
-  "plum",
-  "powderblue",
-  "purple",
-  "rebeccapurple",
-  "red",
-  "rosybrown",
-  "royalblue",
-  "saddlebrown",
-  "salmon",
-  "sandybrown",
-  "seagreen",
-  "seashell",
-  "sienna",
-  "silver",
-  "skyblue",
-  "slateblue",
-  "slategray",
-  "snow",
-  "springgreen",
-  "steelblue",
-  "tan",
-  "teal",
-  "thistle",
-  "tomato",
-  "turquoise",
-  "violet",
-  "wheat",
-  "white",
-  "whitesmoke",
-  "yellow",
-  "yellowgreen"
-].map((t) => ({ type: "constant", label: t }))), F = /* @__PURE__ */ [
-  "a",
-  "abbr",
-  "address",
-  "article",
-  "aside",
-  "b",
-  "bdi",
-  "bdo",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "header",
-  "hgroup",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "label",
-  "legend",
-  "li",
-  "main",
-  "meter",
-  "nav",
-  "ol",
-  "output",
-  "p",
-  "pre",
-  "ruby",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "template",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "tr",
-  "u",
-  "ul"
-].map((t) => ({ type: "type", label: t })), N = /* @__PURE__ */ [
-  "@charset",
-  "@color-profile",
-  "@container",
-  "@counter-style",
-  "@font-face",
-  "@font-feature-values",
-  "@font-palette-values",
-  "@import",
-  "@keyframes",
-  "@layer",
-  "@media",
-  "@namespace",
-  "@page",
-  "@position-try",
-  "@property",
-  "@scope",
-  "@starting-style",
-  "@supports",
-  "@view-transition"
-].map((t) => ({ type: "keyword", label: t })), s = /^(\w[\w-]*|-\w[\w-]*|)$/, L = /^-(-[\w-]*)?$/;
-function A(t, a) {
-  var o;
-  if ((t.name == "(" || t.type.isError) && (t = t.parent || t), t.name != "ArgList")
-    return !1;
-  let r = (o = t.parent) === null || o === void 0 ? void 0 : o.firstChild;
-  return (r == null ? void 0 : r.name) != "Callee" ? !1 : a.sliceString(r.from, r.to) == "var";
-}
-const f = /* @__PURE__ */ new q(), P = ["Declaration"];
-function T(t) {
-  for (let a = t; ; ) {
-    if (a.type.isTop)
-      return a;
-    if (!(a = a.parent))
-      return t;
-  }
-}
-function h(t, a, o) {
-  if (a.to - a.from > 4096) {
-    let r = f.get(a);
-    if (r)
-      return r;
-    let e = [], l = /* @__PURE__ */ new Set(), i = a.cursor(C.IncludeAnonymous);
-    if (i.firstChild())
-      do
-        for (let n of h(t, i.node, o))
-          l.has(n.label) || (l.add(n.label), e.push(n));
-      while (i.nextSibling());
-    return f.set(a, e), e;
-  } else {
-    let r = [], e = /* @__PURE__ */ new Set();
-    return a.cursor().iterate((l) => {
-      var i;
-      if (o(l) && l.matchContext(P) && ((i = l.node.nextSibling) === null || i === void 0 ? void 0 : i.name) == ":") {
-        let n = t.sliceString(l.from, l.to);
-        e.has(n) || (e.add(n), r.push({ label: n, type: "variable" }));
+);
+R.displayName = h;
+var E = "SwitchThumb", _ = r.forwardRef(
+  (t, a) => {
+    const { __scopeSwitch: e, ...c } = t, o = z(E, e);
+    return /* @__PURE__ */ m(
+      y.span,
+      {
+        "data-state": g(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...c,
+        ref: a
       }
-    }), r;
+    );
   }
-}
-const B = (t) => (a) => {
-  let { state: o, pos: r } = a, e = S(o).resolveInner(r, -1), l = e.type.isError && e.from == e.to - 1 && o.doc.sliceString(e.from, e.to) == "-";
-  if (e.name == "PropertyName" || (l || e.name == "TagName") && /^(Block|Styles)$/.test(e.resolve(e.to).name))
-    return { from: e.from, options: u(), validFor: s };
-  if (e.name == "ValueName")
-    return { from: e.from, options: m, validFor: s };
-  if (e.name == "PseudoClassName")
-    return { from: e.from, options: p, validFor: s };
-  if (t(e) || (a.explicit || l) && A(e, o.doc))
-    return {
-      from: t(e) || l ? e.from : r,
-      options: h(o.doc, T(e), t),
-      validFor: L
-    };
-  if (e.name == "TagName") {
-    for (let { parent: d } = e; d; d = d.parent)
-      if (d.name == "Block")
-        return { from: e.from, options: u(), validFor: s };
-    return { from: e.from, options: F, validFor: s };
-  }
-  if (e.name == "AtKeyword")
-    return { from: e.from, options: N, validFor: s };
-  if (!a.explicit)
-    return null;
-  let i = e.resolve(r), n = i.childBefore(r);
-  return n && n.name == ":" && i.name == "PseudoClassSelector" ? { from: r, options: p, validFor: s } : n && n.name == ":" && i.name == "Declaration" || i.name == "ArgList" ? { from: r, options: m, validFor: s } : i.name == "Block" || i.name == "Styles" ? { from: r, options: u(), validFor: s } : null;
-}, I = /* @__PURE__ */ B((t) => t.name == "VariableName"), g = /* @__PURE__ */ v.define({
-  name: "css",
-  parser: /* @__PURE__ */ b.configure({
-    props: [
-      /* @__PURE__ */ y.add({
-        Declaration: /* @__PURE__ */ x()
-      }),
-      /* @__PURE__ */ k.add({
-        "Block KeyframeList": z
-      })
-    ]
-  }),
-  languageData: {
-    commentTokens: { block: { open: "/*", close: "*/" } },
-    indentOnInput: /^\s*\}$/,
-    wordChars: "-"
+);
+_.displayName = E;
+var L = "SwitchBubbleInput", x = r.forwardRef(
+  ({
+    __scopeSwitch: t,
+    control: a,
+    checked: e,
+    bubbles: c = !0,
+    ...o
+  }, v) => {
+    const i = r.useRef(null), n = P(i, v), p = H(e), w = j(a);
+    return r.useEffect(() => {
+      const s = i.current;
+      if (!s) return;
+      const S = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(
+        S,
+        "checked"
+      ).set;
+      if (p !== e && u) {
+        const b = new Event("click", { bubbles: c });
+        u.call(s, e), s.dispatchEvent(b);
+      }
+    }, [p, e, c]), /* @__PURE__ */ m(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...o,
+        tabIndex: -1,
+        ref: n,
+        style: {
+          ...o.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
   }
-});
-function j() {
-  return new w(g, g.data.of({ autocomplete: I }));
+);
+x.displayName = L;
+function g(t) {
+  return t ? "checked" : "unchecked";
 }
+var Q = R, V = _;
 export {
-  j as css,
-  I as cssCompletionSource,
-  g as cssLanguage,
-  B as defineCSSCompletionSource
+  Q as Root,
+  R as Switch,
+  _ as SwitchThumb,
+  V as Thumb
 };