typewritingclass 0.2.1 → 0.2.3

package/dist/chunk-L3IF2OVA.cjs

@@ -0,0 +1,354 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk75ZPJI57cjs = require('./chunk-75ZPJI57.cjs');
+
+// src/theme/colors.ts
+var colors_exports = {};
+_chunk75ZPJI57cjs.__export.call(void 0, colors_exports, {
+  amber: () => amber,
+  black: () => black,
+  blue: () => blue,
+  currentColor: () => currentColor,
+  cyan: () => cyan,
+  emerald: () => emerald,
+  fuchsia: () => fuchsia,
+  gray: () => gray,
+  green: () => green,
+  indigo: () => indigo,
+  lime: () => lime,
+  neutral: () => neutral,
+  orange: () => orange,
+  pink: () => pink,
+  purple: () => purple,
+  red: () => red,
+  rose: () => rose,
+  sky: () => sky,
+  slate: () => slate,
+  stone: () => stone,
+  teal: () => teal,
+  transparent: () => transparent,
+  violet: () => violet,
+  white: () => white,
+  yellow: () => yellow,
+  zinc: () => zinc
+});
+var slate = {
+  50: "#f8fafc",
+  100: "#f1f5f9",
+  200: "#e2e8f0",
+  300: "#cbd5e1",
+  400: "#94a3b8",
+  500: "#64748b",
+  600: "#475569",
+  700: "#334155",
+  800: "#1e293b",
+  900: "#0f172a",
+  950: "#020617"
+};
+var gray = {
+  50: "#f9fafb",
+  100: "#f3f4f6",
+  200: "#e5e7eb",
+  300: "#d1d5db",
+  400: "#9ca3af",
+  500: "#6b7280",
+  600: "#4b5563",
+  700: "#374151",
+  800: "#1f2937",
+  900: "#111827",
+  950: "#030712"
+};
+var zinc = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#a1a1aa",
+  500: "#71717a",
+  600: "#52525b",
+  700: "#3f3f46",
+  800: "#27272a",
+  900: "#18181b",
+  950: "#09090b"
+};
+var neutral = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#e5e5e5",
+  300: "#d4d4d4",
+  400: "#a3a3a3",
+  500: "#737373",
+  600: "#525252",
+  700: "#404040",
+  800: "#262626",
+  900: "#171717",
+  950: "#0a0a0a"
+};
+var stone = {
+  50: "#fafaf9",
+  100: "#f5f5f4",
+  200: "#e7e5e4",
+  300: "#d6d3d1",
+  400: "#a8a29e",
+  500: "#78716c",
+  600: "#57534e",
+  700: "#44403c",
+  800: "#292524",
+  900: "#1c1917",
+  950: "#0c0a09"
+};
+var red = {
+  50: "#fef2f2",
+  100: "#fee2e2",
+  200: "#fecaca",
+  300: "#fca5a5",
+  400: "#f87171",
+  500: "#ef4444",
+  600: "#dc2626",
+  700: "#b91c1c",
+  800: "#991b1b",
+  900: "#7f1d1d",
+  950: "#450a0a"
+};
+var orange = {
+  50: "#fff7ed",
+  100: "#ffedd5",
+  200: "#fed7aa",
+  300: "#fdba74",
+  400: "#fb923c",
+  500: "#f97316",
+  600: "#ea580c",
+  700: "#c2410c",
+  800: "#9a3412",
+  900: "#7c2d12",
+  950: "#431407"
+};
+var amber = {
+  50: "#fffbeb",
+  100: "#fef3c7",
+  200: "#fde68a",
+  300: "#fcd34d",
+  400: "#fbbf24",
+  500: "#f59e0b",
+  600: "#d97706",
+  700: "#b45309",
+  800: "#92400e",
+  900: "#78350f",
+  950: "#451a03"
+};
+var yellow = {
+  50: "#fefce8",
+  100: "#fef9c3",
+  200: "#fef08a",
+  300: "#fde047",
+  400: "#facc15",
+  500: "#eab308",
+  600: "#ca8a04",
+  700: "#a16207",
+  800: "#854d0e",
+  900: "#713f12",
+  950: "#422006"
+};
+var lime = {
+  50: "#f7fee7",
+  100: "#ecfccb",
+  200: "#d9f99d",
+  300: "#bef264",
+  400: "#a3e635",
+  500: "#84cc16",
+  600: "#65a30d",
+  700: "#4d7c0f",
+  800: "#3f6212",
+  900: "#365314",
+  950: "#1a2e05"
+};
+var green = {
+  50: "#f0fdf4",
+  100: "#dcfce7",
+  200: "#bbf7d0",
+  300: "#86efac",
+  400: "#4ade80",
+  500: "#22c55e",
+  600: "#16a34a",
+  700: "#15803d",
+  800: "#166534",
+  900: "#14532d",
+  950: "#052e16"
+};
+var emerald = {
+  50: "#ecfdf5",
+  100: "#d1fae5",
+  200: "#a7f3d0",
+  300: "#6ee7b7",
+  400: "#34d399",
+  500: "#10b981",
+  600: "#059669",
+  700: "#047857",
+  800: "#065f46",
+  900: "#064e3b",
+  950: "#022c22"
+};
+var teal = {
+  50: "#f0fdfa",
+  100: "#ccfbf1",
+  200: "#99f6e4",
+  300: "#5eead4",
+  400: "#2dd4bf",
+  500: "#14b8a6",
+  600: "#0d9488",
+  700: "#0f766e",
+  800: "#115e59",
+  900: "#134e4a",
+  950: "#042f2e"
+};
+var cyan = {
+  50: "#ecfeff",
+  100: "#cffafe",
+  200: "#a5f3fc",
+  300: "#67e8f9",
+  400: "#22d3ee",
+  500: "#06b6d4",
+  600: "#0891b2",
+  700: "#0e7490",
+  800: "#155e75",
+  900: "#164e63",
+  950: "#083344"
+};
+var sky = {
+  50: "#f0f9ff",
+  100: "#e0f2fe",
+  200: "#bae6fd",
+  300: "#7dd3fc",
+  400: "#38bdf8",
+  500: "#0ea5e9",
+  600: "#0284c7",
+  700: "#0369a1",
+  800: "#075985",
+  900: "#0c4a6e",
+  950: "#082f49"
+};
+var blue = {
+  50: "#eff6ff",
+  100: "#dbeafe",
+  200: "#bfdbfe",
+  300: "#93c5fd",
+  400: "#60a5fa",
+  500: "#3b82f6",
+  600: "#2563eb",
+  700: "#1d4ed8",
+  800: "#1e40af",
+  900: "#1e3a8a",
+  950: "#172554"
+};
+var indigo = {
+  50: "#eef2ff",
+  100: "#e0e7ff",
+  200: "#c7d2fe",
+  300: "#a5b4fc",
+  400: "#818cf8",
+  500: "#6366f1",
+  600: "#4f46e5",
+  700: "#4338ca",
+  800: "#3730a3",
+  900: "#312e81",
+  950: "#1e1b4b"
+};
+var violet = {
+  50: "#f5f3ff",
+  100: "#ede9fe",
+  200: "#ddd6fe",
+  300: "#c4b5fd",
+  400: "#a78bfa",
+  500: "#8b5cf6",
+  600: "#7c3aed",
+  700: "#6d28d9",
+  800: "#5b21b6",
+  900: "#4c1d95",
+  950: "#2e1065"
+};
+var purple = {
+  50: "#faf5ff",
+  100: "#f3e8ff",
+  200: "#e9d5ff",
+  300: "#d8b4fe",
+  400: "#c084fc",
+  500: "#a855f7",
+  600: "#9333ea",
+  700: "#7e22ce",
+  800: "#6b21a8",
+  900: "#581c87",
+  950: "#3b0764"
+};
+var fuchsia = {
+  50: "#fdf4ff",
+  100: "#fae8ff",
+  200: "#f5d0fe",
+  300: "#f0abfc",
+  400: "#e879f9",
+  500: "#d946ef",
+  600: "#c026d3",
+  700: "#a21caf",
+  800: "#86198f",
+  900: "#701a75",
+  950: "#4a044e"
+};
+var pink = {
+  50: "#fdf2f8",
+  100: "#fce7f3",
+  200: "#fbcfe8",
+  300: "#f9a8d4",
+  400: "#f472b6",
+  500: "#ec4899",
+  600: "#db2777",
+  700: "#be185d",
+  800: "#9d174d",
+  900: "#831843",
+  950: "#500724"
+};
+var rose = {
+  50: "#fff1f2",
+  100: "#ffe4e6",
+  200: "#fecdd3",
+  300: "#fda4af",
+  400: "#fb7185",
+  500: "#f43f5e",
+  600: "#e11d48",
+  700: "#be123c",
+  800: "#9f1239",
+  900: "#881337",
+  950: "#4c0519"
+};
+var white = "#ffffff";
+var black = "#000000";
+var transparent = "transparent";
+var currentColor = "currentColor";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.slate = slate; exports.gray = gray; exports.zinc = zinc; exports.neutral = neutral; exports.stone = stone; exports.red = red; exports.orange = orange; exports.amber = amber; exports.yellow = yellow; exports.lime = lime; exports.green = green; exports.emerald = emerald; exports.teal = teal; exports.cyan = cyan; exports.sky = sky; exports.blue = blue; exports.indigo = indigo; exports.violet = violet; exports.purple = purple; exports.fuchsia = fuchsia; exports.pink = pink; exports.rose = rose; exports.white = white; exports.black = black; exports.transparent = transparent; exports.currentColor = currentColor; exports.colors_exports = colors_exports;

package/{src/theme/animations.ts → dist/chunk-L7AJQJBR.js}

@@ -1,11 +1,19 @@
-export const spin = 'spin 1s linear infinite'
-export const ping = 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite'
-export const pulse = 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite'
-export const bounce = 'bounce 1s infinite'
-
-export const keyframes = {
+// src/theme/animations.ts
+var spin = "spin 1s linear infinite";
+var ping = "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite";
+var pulse = "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+var bounce = "bounce 1s infinite";
+var keyframes = {
   spin: `@keyframes spin { to { transform: rotate(360deg); } }`,
   ping: `@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }`,
   pulse: `@keyframes pulse { 50% { opacity: .5; } }`,
-  bounce: `@keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } }`,
-}
+  bounce: `@keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } }`
+};
+
+export {
+  spin,
+  ping,
+  pulse,
+  bounce,
+  keyframes
+};

package/dist/chunk-LARVCDO3.js

@@ -0,0 +1,113 @@
+import {
+  __export
+} from "./chunk-MLKGABMK.js";
+
+// src/theme/typography.ts
+var typography_exports = {};
+__export(typography_exports, {
+  _2xl: () => _2xl,
+  _3xl: () => _3xl,
+  _4xl: () => _4xl,
+  _5xl: () => _5xl,
+  _6xl: () => _6xl,
+  _7xl: () => _7xl,
+  _8xl: () => _8xl,
+  _9xl: () => _9xl,
+  base: () => base,
+  black_: () => black_,
+  bold: () => bold,
+  extrabold: () => extrabold,
+  extralight: () => extralight,
+  fontFamilies: () => fontFamilies,
+  letterSpacings: () => letterSpacings,
+  lg: () => lg,
+  light: () => light,
+  lineHeights: () => lineHeights,
+  medium: () => medium,
+  normal: () => normal,
+  semibold: () => semibold,
+  sm: () => sm,
+  thin: () => thin,
+  xl: () => xl,
+  xs: () => xs
+});
+var xs = { fontSize: "0.75rem", lineHeight: "1rem" };
+var sm = { fontSize: "0.875rem", lineHeight: "1.25rem" };
+var base = { fontSize: "1rem", lineHeight: "1.5rem" };
+var lg = { fontSize: "1.125rem", lineHeight: "1.75rem" };
+var xl = { fontSize: "1.25rem", lineHeight: "1.75rem" };
+var _2xl = { fontSize: "1.5rem", lineHeight: "2rem" };
+var _3xl = { fontSize: "1.875rem", lineHeight: "2.25rem" };
+var _4xl = { fontSize: "2.25rem", lineHeight: "2.5rem" };
+var _5xl = { fontSize: "3rem", lineHeight: "1" };
+var _6xl = { fontSize: "3.75rem", lineHeight: "1" };
+var _7xl = { fontSize: "4.5rem", lineHeight: "1" };
+var _8xl = { fontSize: "6rem", lineHeight: "1" };
+var _9xl = { fontSize: "8rem", lineHeight: "1" };
+var thin = "100";
+var extralight = "200";
+var light = "300";
+var normal = "400";
+var medium = "500";
+var semibold = "600";
+var bold = "700";
+var extrabold = "800";
+var black_ = "900";
+var fontFamilies = {
+  sans: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+  serif: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
+  mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+};
+var letterSpacings = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+var lineHeights = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2",
+  "3": ".75rem",
+  "4": "1rem",
+  "5": "1.25rem",
+  "6": "1.5rem",
+  "7": "1.75rem",
+  "8": "2rem",
+  "9": "2.25rem",
+  "10": "2.5rem"
+};
+
+export {
+  xs,
+  sm,
+  base,
+  lg,
+  xl,
+  _2xl,
+  _3xl,
+  _4xl,
+  _5xl,
+  _6xl,
+  _7xl,
+  _8xl,
+  _9xl,
+  thin,
+  extralight,
+  light,
+  normal,
+  medium,
+  semibold,
+  bold,
+  extrabold,
+  black_,
+  fontFamilies,
+  letterSpacings,
+  lineHeights,
+  typography_exports
+};

package/dist/chunk-M34ZK4IV.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/registry.ts
+var registry = /* @__PURE__ */ new Map();
+var listeners = [];
+function register(className, rule, layer) {
+  if (registry.has(className)) return;
+  registry.set(className, { rule, layer });
+  for (const cb of listeners) cb();
+}
+function onChange(callback) {
+  listeners.push(callback);
+  return () => {
+    const idx = listeners.indexOf(callback);
+    if (idx >= 0) listeners.splice(idx, 1);
+  };
+}
+function renderRule(className, rule) {
+  const decls = Object.entries(rule.declarations).map(([prop, val]) => `  ${prop}: ${val};`).join("\n");
+  let selector;
+  if (rule.selectorTemplate) {
+    selector = rule.selectorTemplate.replace(/&/g, `.${className}`);
+  } else {
+    selector = `.${className}`;
+    if (rule.selectors.length > 0) {
+      selector += rule.selectors.join("");
+    }
+  }
+  let css = `${selector} {
+${decls}
+}`;
+  for (const sq of rule.supportsQueries) {
+    css = `@supports ${sq} {
+${css}
+}`;
+  }
+  for (const mq of rule.mediaQueries) {
+    css = `@media ${mq} {
+${css}
+}`;
+  }
+  return css;
+}
+function generateCSS() {
+  const entries = [...registry.entries()].sort((a, b) => a[1].layer - b[1].layer);
+  const rules = entries.map(([className, { rule }]) => renderRule(className, rule));
+  if (rules.length === 0) return "";
+  return rules.join("\n\n");
+}
+
+
+
+
+
+exports.register = register; exports.onChange = onChange; exports.generateCSS = generateCSS;

package/dist/chunk-MLKGABMK.js

@@ -0,0 +1,9 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};

package/dist/chunk-PBQX6PVK.js

@@ -0,0 +1,80 @@
+// src/rule.ts
+function createRule(declarations) {
+  return {
+    _tag: "StyleRule",
+    declarations,
+    selectors: [],
+    mediaQueries: [],
+    supportsQueries: []
+  };
+}
+function createDynamicRule(declarations, dynamicBindings) {
+  return {
+    _tag: "StyleRule",
+    declarations,
+    selectors: [],
+    mediaQueries: [],
+    supportsQueries: [],
+    dynamicBindings
+  };
+}
+function combineRules(rules) {
+  const merged = {};
+  const selectorSet = /* @__PURE__ */ new Set();
+  const mediaQuerySet = /* @__PURE__ */ new Set();
+  const supportsQuerySet = /* @__PURE__ */ new Set();
+  let dynamicBindings;
+  for (const rule of rules) {
+    Object.assign(merged, rule.declarations);
+    for (const s of rule.selectors) selectorSet.add(s);
+    for (const mq of rule.mediaQueries) mediaQuerySet.add(mq);
+    for (const sq of rule.supportsQueries) supportsQuerySet.add(sq);
+    if (rule.dynamicBindings) {
+      if (!dynamicBindings) dynamicBindings = {};
+      Object.assign(dynamicBindings, rule.dynamicBindings);
+    }
+  }
+  const result = {
+    _tag: "StyleRule",
+    declarations: merged,
+    selectors: [...selectorSet],
+    mediaQueries: [...mediaQuerySet],
+    supportsQueries: [...supportsQuerySet]
+  };
+  if (dynamicBindings) result.dynamicBindings = dynamicBindings;
+  return result;
+}
+function wrapWithSelector(rule, selector) {
+  return {
+    ...rule,
+    selectors: [...rule.selectors, selector]
+  };
+}
+function wrapWithMediaQuery(rule, query) {
+  return {
+    ...rule,
+    mediaQueries: [...rule.mediaQueries, query]
+  };
+}
+function wrapWithSelectorTemplate(rule, template) {
+  return {
+    ...rule,
+    selectorTemplate: template
+  };
+}
+function wrapWithSupportsQuery(rule, query) {
+  return {
+    ...rule,
+    supportsQueries: [...rule.supportsQueries, query]
+  };
+}
+
+export {
+  createRule,
+  createDynamicRule,
+  combineRules,
+  wrapWithSelector,
+  wrapWithMediaQuery,
+  wrapWithSelectorTemplate,
+  wrapWithSupportsQuery
+};