@drjoshcsimmons/scl 0.1.0 → 0.1.1

package/dist/index36.js

@@ -1,68 +1,37 @@
-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"
+import { jsx as n } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as t } from "./index59.js";
+import { cva as m } from "./index45.js";
+import { cn as p } from "./index2.js";
+const f = m(
+  "inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-primary/20 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50 border-2 border-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground data-[state=off]:bg-transparent data-[state=off]:text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
   }
-};
+), d = s.forwardRef(({ className: e, variant: r, size: a, ...i }, o) => /* @__PURE__ */ n(
+  t,
+  {
+    ref: o,
+    className: p(f({ variant: r, size: a, className: e })),
+    ...i
+  }
+));
+d.displayName = t.displayName;
 export {
-  e as typography
+  d as Toggle,
+  f as toggleVariants
 };

package/dist/index37.js

@@ -1,51 +1,25 @@
-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"
-};
+import { jsx as a } from "react/jsx-runtime";
+import * as d from "react";
+import { Root as s, Trigger as n, Portal as m, Content as e, Provider as l } from "./index73.js";
+import { cn as p } from "./index2.js";
+const f = ({ children: o, ...t }) => /* @__PURE__ */ a(l, { delayDuration: 100, skipDelayDuration: 300, ...t, children: o });
+f.displayName = "TooltipProvider";
+const u = s, x = n, c = d.forwardRef(({ className: o, sideOffset: t = 4, ...i }, r) => /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
+  e,
+  {
+    ref: r,
+    sideOffset: t,
+    className: p(
+      "z-50 overflow-hidden bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      o
+    ),
+    ...i
+  }
+) }));
+c.displayName = e.displayName;
 export {
-  e as borderRadius,
-  r as spacing
+  u as Tooltip,
+  c as TooltipContent,
+  f as TooltipProvider,
+  x as TooltipTrigger
 };

package/dist/index38.js

@@ -1,102 +1,41 @@
-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)"
-  }
+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 {
-  t as animations
+  r as colors,
+  e as palette
 };

package/dist/index39.js

@@ -1,13 +1,68 @@
-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 = {
+  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"
+  }
 };
 export {
-  x as shadows
+  e as typography
 };

package/dist/index4.js

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import * as n from "react";
-import { Root as c, Item as l, Header as f, Trigger as i, Content as d } from "./index44.js";
+import { Root as c, Item as l, Header as f, Trigger as i, Content as d } from "./index47.js";
 import { cn as s } from "./index2.js";
-import p from "./index45.js";
+import p from "./index48.js";
 const R = c, N = n.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
   l,
   {
     ref: t,
-    className: s("border-b", e),
+    className: s("border-b-2 w-full", e),
     ...o
   }
 ));
@@ -28,7 +28,7 @@ const x = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__
   }
 ) }));
 x.displayName = i.displayName;
-const g = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(
+const w = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(
   d,
   {
     ref: r,
@@ -37,10 +37,10 @@ const g = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__
     children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", e), children: o })
   }
 ));
-g.displayName = d.displayName;
+w.displayName = d.displayName;
 export {
   R as Accordion,
-  g as AccordionContent,
+  w as AccordionContent,
   N as AccordionItem,
   x as AccordionTrigger
 };

package/dist/index40.js

@@ -1,17 +1,51 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+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"
+};
 export {
-  i as clsx,
-  i as default
+  e as borderRadius,
+  r as spacing
 };