@drjoshcsimmons/scl 0.3.1 → 0.4.1

package/dist/index28.js

@@ -1,26 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Root as p, Trigger as l, Portal as n, Content as i, Provider as s } from "./index71.js";
-import * as m from "react";
-import { cx as c } from "./index2.js";
+import { jsx as e } from "react/jsx-runtime";
+import { Root as o } from "./index68.js";
+import * as l from "react";
+import { cx as s } from "./index2.js";
 /* empty css        */
-const d = ({
-  children: o,
-  ...t
-}) => /* @__PURE__ */ r(s, { delayDuration: 100, skipDelayDuration: 300, ...t, children: o });
-d.displayName = "TooltipProvider";
-const P = p, R = l, T = m.forwardRef(({ className: o, sideOffset: t = 4, ...e }, a) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
-  i,
+const p = l.forwardRef(({ className: m, size: r = "default", ...t }, a) => /* @__PURE__ */ e(
+  o,
   {
     ref: a,
-    sideOffset: t,
-    className: c("scl-tooltip-content", o),
-    ...e
+    className: s("scl-toggle", `scl-toggle--${r}`, m),
+    ...t
   }
-) }));
-T.displayName = i.displayName;
+));
+p.displayName = o.displayName;
 export {
-  P as Tooltip,
-  T as TooltipContent,
-  d as TooltipProvider,
-  R as TooltipTrigger
+  p as Toggle
 };

package/dist/index29.js

@@ -1,102 +1,26 @@
-const t = {
-  keyframes: {
-    "accordion-down": {
-      from: { height: "0" },
-      to: { height: "var(--radix-accordion-content-height)" }
-    },
-    "accordion-up": {
-      from: { height: "var(--radix-accordion-content-height)" },
-      to: { height: "0" }
-    },
-    "collapsible-down": {
-      from: { height: "0" },
-      to: { height: "var(--radix-collapsible-content-height)" }
-    },
-    "collapsible-up": {
-      from: { height: "var(--radix-collapsible-content-height)" },
-      to: { height: "0" }
-    },
-    "fade-in": {
-      from: { opacity: "0" },
-      to: { opacity: "1" }
-    },
-    "fade-out": {
-      from: { opacity: "1" },
-      to: { opacity: "0" }
-    },
-    "slide-in-from-top": {
-      from: { transform: "translateY(-100%)" },
-      to: { transform: "translateY(0)" }
-    },
-    "slide-in-from-bottom": {
-      from: { transform: "translateY(100%)" },
-      to: { transform: "translateY(0)" }
-    },
-    "slide-in-from-left": {
-      from: { transform: "translateX(-100%)" },
-      to: { transform: "translateX(0)" }
-    },
-    "slide-in-from-right": {
-      from: { transform: "translateX(100%)" },
-      to: { transform: "translateX(0)" }
-    },
-    "zoom-in": {
-      from: { opacity: "0", transform: "scale(0.95)" },
-      to: { opacity: "1", transform: "scale(1)" }
-    },
-    "zoom-out": {
-      from: { opacity: "1", transform: "scale(1)" },
-      to: { opacity: "0", transform: "scale(0.95)" }
-    },
-    spin: {
-      from: { transform: "rotate(0deg)" },
-      to: { transform: "rotate(360deg)" }
-    },
-    ping: {
-      "75%, 100%": { transform: "scale(2)", opacity: "0" }
-    },
-    pulse: {
-      "0%, 100%": { opacity: "1" },
-      "50%": { opacity: "0.5" }
-    },
-    bounce: {
-      "0%, 100%": {
-        transform: "translateY(-25%)",
-        animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)"
-      },
-      "50%": {
-        transform: "translateY(0)",
-        animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)"
-      }
-    },
-    // Terminal-style animations from source app
-    flash: {
-      "0%, 100%": { opacity: "1" },
-      "50%": { opacity: "0" }
-    },
-    marquee: {
-      "0%": { transform: "translateX(100%)" },
-      "100%": { transform: "translateX(-100%)" }
-    }
-  },
-  durations: {
-    fastest: "50ms",
-    faster: "100ms",
-    fast: "150ms",
-    normal: "200ms",
-    slow: "300ms",
-    slower: "400ms",
-    slowest: "500ms"
-  },
-  easings: {
-    linear: "linear",
-    in: "cubic-bezier(0.4, 0, 1, 1)",
-    out: "cubic-bezier(0, 0, 0.2, 1)",
-    inOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-    // Custom easing from source app
-    smooth: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+import { jsx as r } from "react/jsx-runtime";
+import { Root as p, Trigger as l, Portal as n, Content as i, Provider as s } from "./index61.js";
+import * as m from "react";
+import { cx as c } from "./index2.js";
+/* empty css        */
+const d = ({
+  children: o,
+  ...t
+}) => /* @__PURE__ */ r(s, { delayDuration: 100, skipDelayDuration: 300, ...t, children: o });
+d.displayName = "TooltipProvider";
+const P = p, R = l, T = m.forwardRef(({ className: o, sideOffset: t = 4, ...e }, a) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(
+  i,
+  {
+    ref: a,
+    sideOffset: t,
+    className: c("scl-tooltip-content", o),
+    ...e
   }
-};
+) }));
+T.displayName = i.displayName;
 export {
-  t as animations
+  P as Tooltip,
+  T as TooltipContent,
+  d as TooltipProvider,
+  R as TooltipTrigger
 };

package/dist/index3.js

@@ -1,24 +1,12 @@
-import { animations as o } from "./index29.js";
-import { colors as r } from "./index30.js";
-import { palette as g } from "./index30.js";
-import { shadows as m } from "./index31.js";
-import { borderRadius as t, spacing as p } from "./index32.js";
-import { typography as i } from "./index33.js";
-const c = {
-  colors: r,
-  typography: i,
-  spacing: p,
-  borderRadius: t,
-  animations: o,
-  shadows: m
-};
+import { useState as d, useEffect as n } from "react";
+function u(e = "BigBlueTerm437") {
+  const [t, o] = d(!1);
+  return n(() => {
+    document.fonts.ready.then(() => {
+      o(document.fonts.check(`16px "${e}"`));
+    });
+  }, [e]), t;
+}
 export {
-  o as animations,
-  t as borderRadius,
-  r as colors,
-  g as palette,
-  m as shadows,
-  p as spacing,
-  c as theme,
-  i as typography
+  u as useFontLoaded
 };

package/dist/index30.js

@@ -1,41 +1,102 @@
-const e = {
-  green: "120 100% 50%",
-  // #00ff00
-  hotpink: "300 100% 50%",
-  // #ff00ff
-  yellow: "60 100% 50%",
-  // #ffff00
-  blue: "240 100% 50%",
-  // #0000ff
-  cyan: "180 100% 50%",
-  // #00ffff
-  white: "0 0% 100%",
-  // #ffffff
-  amber: "45 100% 50%",
-  // #ffbf00
-  red: "0 100% 50%",
-  // #ff0000
-  black: "0 0% 0%"
-  // #000000
-}, r = {
-  // Default semantic mappings
-  primary: e.green,
-  primaryForeground: e.black,
-  secondary: e.hotpink,
-  secondaryForeground: e.black,
-  // Core UI
-  background: e.black,
-  foreground: e.green,
-  border: e.green,
-  ring: e.green,
-  // Destructive (always red)
-  destructive: e.red,
-  destructiveForeground: e.black,
-  // Muted
-  muted: "0 0% 8%",
-  mutedForeground: e.green
+const t = {
+  keyframes: {
+    "accordion-down": {
+      from: { height: "0" },
+      to: { height: "var(--radix-accordion-content-height)" }
+    },
+    "accordion-up": {
+      from: { height: "var(--radix-accordion-content-height)" },
+      to: { height: "0" }
+    },
+    "collapsible-down": {
+      from: { height: "0" },
+      to: { height: "var(--radix-collapsible-content-height)" }
+    },
+    "collapsible-up": {
+      from: { height: "var(--radix-collapsible-content-height)" },
+      to: { height: "0" }
+    },
+    "fade-in": {
+      from: { opacity: "0" },
+      to: { opacity: "1" }
+    },
+    "fade-out": {
+      from: { opacity: "1" },
+      to: { opacity: "0" }
+    },
+    "slide-in-from-top": {
+      from: { transform: "translateY(-100%)" },
+      to: { transform: "translateY(0)" }
+    },
+    "slide-in-from-bottom": {
+      from: { transform: "translateY(100%)" },
+      to: { transform: "translateY(0)" }
+    },
+    "slide-in-from-left": {
+      from: { transform: "translateX(-100%)" },
+      to: { transform: "translateX(0)" }
+    },
+    "slide-in-from-right": {
+      from: { transform: "translateX(100%)" },
+      to: { transform: "translateX(0)" }
+    },
+    "zoom-in": {
+      from: { opacity: "0", transform: "scale(0.95)" },
+      to: { opacity: "1", transform: "scale(1)" }
+    },
+    "zoom-out": {
+      from: { opacity: "1", transform: "scale(1)" },
+      to: { opacity: "0", transform: "scale(0.95)" }
+    },
+    spin: {
+      from: { transform: "rotate(0deg)" },
+      to: { transform: "rotate(360deg)" }
+    },
+    ping: {
+      "75%, 100%": { transform: "scale(2)", opacity: "0" }
+    },
+    pulse: {
+      "0%, 100%": { opacity: "1" },
+      "50%": { opacity: "0.5" }
+    },
+    bounce: {
+      "0%, 100%": {
+        transform: "translateY(-25%)",
+        animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)"
+      },
+      "50%": {
+        transform: "translateY(0)",
+        animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)"
+      }
+    },
+    // Terminal-style animations from source app
+    flash: {
+      "0%, 100%": { opacity: "1" },
+      "50%": { opacity: "0" }
+    },
+    marquee: {
+      "0%": { transform: "translateX(100%)" },
+      "100%": { transform: "translateX(-100%)" }
+    }
+  },
+  durations: {
+    fastest: "50ms",
+    faster: "100ms",
+    fast: "150ms",
+    normal: "200ms",
+    slow: "300ms",
+    slower: "400ms",
+    slowest: "500ms"
+  },
+  easings: {
+    linear: "linear",
+    in: "cubic-bezier(0.4, 0, 1, 1)",
+    out: "cubic-bezier(0, 0, 0.2, 1)",
+    inOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+    // Custom easing from source app
+    smooth: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+  }
 };
 export {
-  r as colors,
-  e as palette
+  t as animations
 };

package/dist/index31.js

@@ -1,13 +1,41 @@
-const x = {
-  none: "none",
-  sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-  DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-  "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-  inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
+const e = {
+  green: "120 100% 50%",
+  // #00ff00
+  hotpink: "300 100% 50%",
+  // #ff00ff
+  yellow: "60 100% 50%",
+  // #ffff00
+  blue: "240 100% 50%",
+  // #0000ff
+  cyan: "180 100% 50%",
+  // #00ffff
+  white: "0 0% 100%",
+  // #ffffff
+  amber: "45 100% 50%",
+  // #ffbf00
+  red: "0 100% 50%",
+  // #ff0000
+  black: "0 0% 0%"
+  // #000000
+}, r = {
+  // Default semantic mappings
+  primary: e.green,
+  primaryForeground: e.black,
+  secondary: e.hotpink,
+  secondaryForeground: e.black,
+  // Core UI
+  background: e.black,
+  foreground: e.green,
+  border: e.green,
+  ring: e.green,
+  // Destructive (always red)
+  destructive: e.red,
+  destructiveForeground: e.black,
+  // Muted
+  muted: "0 0% 8%",
+  mutedForeground: e.green
 };
 export {
-  x as shadows
+  r as colors,
+  e as palette
 };

package/dist/index32.js

@@ -1,51 +1,13 @@
-const r = {
-  px: "1px",
-  0: "0px",
-  0.5: "0.125rem",
-  1: "0.25rem",
-  1.5: "0.375rem",
-  2: "0.5rem",
-  2.5: "0.625rem",
-  3: "0.75rem",
-  3.5: "0.875rem",
-  4: "1rem",
-  5: "1.25rem",
-  6: "1.5rem",
-  7: "1.75rem",
-  8: "2rem",
-  9: "2.25rem",
-  10: "2.5rem",
-  11: "2.75rem",
-  12: "3rem",
-  14: "3.5rem",
-  16: "4rem",
-  20: "5rem",
-  24: "6rem",
-  28: "7rem",
-  32: "8rem",
-  36: "9rem",
-  40: "10rem",
-  44: "11rem",
-  48: "12rem",
-  52: "13rem",
-  56: "14rem",
-  60: "15rem",
-  64: "16rem",
-  72: "18rem",
-  80: "20rem",
-  96: "24rem"
-}, e = {
-  none: "0px",
-  sm: "calc(var(--radius) - 4px)",
-  md: "calc(var(--radius) - 2px)",
-  DEFAULT: "var(--radius)",
-  lg: "var(--radius)",
-  xl: "calc(var(--radius) + 4px)",
-  "2xl": "calc(var(--radius) + 8px)",
-  "3xl": "calc(var(--radius) + 16px)",
-  full: "9999px"
+const x = {
+  none: "none",
+  sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
 };
 export {
-  e as borderRadius,
-  r as spacing
+  x as shadows
 };

package/dist/index33.js

@@ -1,68 +1,51 @@
 const e = {
-  fontFamily: {
-    sans: [
-      "ui-sans-serif",
-      "system-ui",
-      "sans-serif",
-      '"Apple Color Emoji"',
-      '"Segoe UI Emoji"',
-      '"Segoe UI Symbol"',
-      '"Noto Color Emoji"'
-    ],
-    mono: [
-      "ui-monospace",
-      "SFMono-Regular",
-      "Menlo",
-      "Monaco",
-      "Consolas",
-      '"Liberation Mono"',
-      '"Courier New"',
-      "monospace"
-    ]
-  },
-  fontSize: {
-    xs: ["0.75rem", { lineHeight: "1rem" }],
-    sm: ["0.875rem", { lineHeight: "1.25rem" }],
-    base: ["1rem", { lineHeight: "1.5rem" }],
-    lg: ["1.125rem", { lineHeight: "1.75rem" }],
-    xl: ["1.25rem", { lineHeight: "1.75rem" }],
-    "2xl": ["1.5rem", { lineHeight: "2rem" }],
-    "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
-    "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
-    "5xl": ["3rem", { lineHeight: "1" }],
-    "6xl": ["3.75rem", { lineHeight: "1" }],
-    "7xl": ["4.5rem", { lineHeight: "1" }],
-    "8xl": ["6rem", { lineHeight: "1" }],
-    "9xl": ["8rem", { lineHeight: "1" }]
-  },
-  fontWeight: {
-    thin: "100",
-    extralight: "200",
-    light: "300",
-    normal: "400",
-    medium: "500",
-    semibold: "600",
-    bold: "700",
-    extrabold: "800",
-    black: "900"
-  },
-  letterSpacing: {
-    tighter: "-0.05em",
-    tight: "-0.025em",
-    normal: "0em",
-    wide: "0.025em",
-    wider: "0.05em",
-    widest: "0.1em"
-  },
-  lineHeight: {
-    none: "1",
-    tight: "1.25",
-    snug: "1.375",
-    normal: "1.5",
-    relaxed: "1.625",
-    loose: "2"
-  }
+  px: "1px",
+  0: "0px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+}, r = {
+  none: "0px",
+  sm: "0px",
+  md: "0px",
+  DEFAULT: "0px",
+  lg: "0px",
+  xl: "0px",
+  "2xl": "0px",
+  "3xl": "0px",
+  full: "0px"
 };
 export {
-  e as typography
+  r as borderRadius,
+  e as spacing
 };