@drjoshcsimmons/scl 0.1.14 → 0.2.1

package/dist/index39.js

@@ -1,68 +1,41 @@
 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"
-  }
+  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 {
-  e as typography
+  r as colors,
+  e as palette
 };

package/dist/index4.js

@@ -1,46 +1,39 @@
-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 "./index47.js";
-import { cn as s } from "./index2.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-2 w-full", e),
-    ...o
-  }
-));
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Root as c, Content as n, Item as l, Header as f, Trigger as d } from "./index45.js";
+import * as s from "react";
+import { cn as i } from "./index2.js";
+import p from "./index46.js";
+const v = c, N = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ r(l, { ref: o, className: i("border-b-2 w-full", e), ...t }));
 N.displayName = "AccordionItem";
-const x = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(f, { className: "flex", children: /* @__PURE__ */ m(
-  i,
+const x = s.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ r(f, { className: "flex", children: /* @__PURE__ */ m(
+  d,
   {
-    ref: r,
-    className: s(
-      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+    ref: a,
+    className: i(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium hover:underline text-left [&[data-state=open]>svg]:rotate-180",
       e
     ),
-    ...t,
+    ...o,
     children: [
-      o,
-      /* @__PURE__ */ a(p, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      t,
+      /* @__PURE__ */ r(p, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
     ]
   }
 ) }));
-x.displayName = i.displayName;
-const w = n.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(
-  d,
+x.displayName = d.displayName;
+const h = s.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ r(
+  n,
   {
-    ref: r,
-    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...t,
-    children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", e), children: o })
+    ref: a,
+    className: "overflow-hidden text-sm data-[state=closed]:h-0 data-[state=closed]:invisible",
+    ...o,
+    children: /* @__PURE__ */ r("div", { className: i("pb-4 pt-0", e), children: t })
   }
 ));
-w.displayName = d.displayName;
+h.displayName = n.displayName;
 export {
-  R as Accordion,
-  w as AccordionContent,
+  v as Accordion,
+  h as AccordionContent,
   N as AccordionItem,
   x as AccordionTrigger
 };

package/dist/index40.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/index41.js

@@ -1,102 +1,51 @@
-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 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 {
-  t as animations
+  e as borderRadius,
+  r as spacing
 };

package/dist/index42.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
 };