typewritingclass 0.2.2 → 0.2.3

package/dist/chunk-PTY5FTFB.cjs

@@ -0,0 +1,80 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// 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]
+  };
+}
+
+
+
+
+
+
+
+
+
+exports.createRule = createRule; exports.createDynamicRule = createDynamicRule; exports.combineRules = combineRules; exports.wrapWithSelector = wrapWithSelector; exports.wrapWithMediaQuery = wrapWithMediaQuery; exports.wrapWithSelectorTemplate = wrapWithSelectorTemplate; exports.wrapWithSupportsQuery = wrapWithSupportsQuery;

package/dist/chunk-T776FXQK.js

@@ -0,0 +1,53 @@
+// 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");
+}
+
+export {
+  register,
+  onChange,
+  generateCSS
+};

package/dist/chunk-TAAEIXRF.js

@@ -0,0 +1,74 @@
+import {
+  __export
+} from "./chunk-MLKGABMK.js";
+
+// src/theme/spacing.ts
+var spacing_exports = {};
+__export(spacing_exports, {
+  resolveSpacing: () => resolveSpacing,
+  spacingScale: () => spacingScale
+});
+var spacingScale = {
+  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"
+};
+function resolveSpacing(value) {
+  if (typeof value === "string") return value;
+  if (value in spacingScale) return spacingScale[value];
+  return `${value * 0.25}rem`;
+}
+
+// src/theme/inject-theme.ts
+var themeStyleEl = null;
+function injectTheme(cssText) {
+  if (typeof document === "undefined") return;
+  if (!themeStyleEl) {
+    themeStyleEl = document.createElement("style");
+    themeStyleEl.id = "twc-theme";
+    document.head.appendChild(themeStyleEl);
+  }
+  themeStyleEl.textContent += (themeStyleEl.textContent ? "\n" : "") + cssText;
+}
+function setTheme(name) {
+  if (typeof document === "undefined") return;
+  document.documentElement.setAttribute("data-theme", name);
+}
+
+export {
+  resolveSpacing,
+  spacing_exports,
+  injectTheme,
+  setTheme
+};

package/dist/chunk-TUUH2FJY.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk75ZPJI57cjs = require('./chunk-75ZPJI57.cjs');
+
+// src/theme/borders.ts
+var borders_exports = {};
+_chunk75ZPJI57cjs.__export.call(void 0, borders_exports, {
+  DEFAULT: () => DEFAULT,
+  _2xl: () => _2xl,
+  _3xl: () => _3xl,
+  full: () => full,
+  lg: () => lg,
+  md: () => md,
+  none: () => none,
+  sm: () => sm,
+  xl: () => xl
+});
+var none = "0px";
+var sm = "0.125rem";
+var DEFAULT = "0.25rem";
+var md = "0.375rem";
+var lg = "0.5rem";
+var xl = "0.75rem";
+var _2xl = "1rem";
+var _3xl = "1.5rem";
+var full = "9999px";
+
+
+
+
+
+
+
+
+
+
+
+
+exports.none = none; exports.sm = sm; exports.DEFAULT = DEFAULT; exports.md = md; exports.lg = lg; exports.xl = xl; exports._2xl = _2xl; exports._3xl = _3xl; exports.full = full; exports.borders_exports = borders_exports;

package/dist/chunk-U2LSMKZS.js

@@ -0,0 +1,60 @@
+import {
+  __export
+} from "./chunk-MLKGABMK.js";
+
+// src/theme/sizes.ts
+var sizes_exports = {};
+__export(sizes_exports, {
+  auto: () => auto,
+  fit: () => fit,
+  full: () => full,
+  max: () => max,
+  maxWidths: () => maxWidths,
+  min: () => min,
+  screen: () => screen,
+  screenH: () => screenH
+});
+var full = "100%";
+var screen = "100vw";
+var screenH = "100vh";
+var min = "min-content";
+var max = "max-content";
+var fit = "fit-content";
+var auto = "auto";
+var maxWidths = {
+  none: "none",
+  0: "0rem",
+  xs: "20rem",
+  sm: "24rem",
+  md: "28rem",
+  lg: "32rem",
+  xl: "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  "5xl": "64rem",
+  "6xl": "72rem",
+  "7xl": "80rem",
+  full: "100%",
+  min: "min-content",
+  max: "max-content",
+  fit: "fit-content",
+  prose: "65ch",
+  screenSm: "640px",
+  screenMd: "768px",
+  screenLg: "1024px",
+  screenXl: "1280px",
+  screen2xl: "1536px"
+};
+
+export {
+  full,
+  screen,
+  screenH,
+  min,
+  max,
+  fit,
+  auto,
+  maxWidths,
+  sizes_exports
+};

package/dist/chunk-UUUE7HRN.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk75ZPJI57cjs = require('./chunk-75ZPJI57.cjs');
+
+// src/theme/sizes.ts
+var sizes_exports = {};
+_chunk75ZPJI57cjs.__export.call(void 0, sizes_exports, {
+  auto: () => auto,
+  fit: () => fit,
+  full: () => full,
+  max: () => max,
+  maxWidths: () => maxWidths,
+  min: () => min,
+  screen: () => screen,
+  screenH: () => screenH
+});
+var full = "100%";
+var screen = "100vw";
+var screenH = "100vh";
+var min = "min-content";
+var max = "max-content";
+var fit = "fit-content";
+var auto = "auto";
+var maxWidths = {
+  none: "none",
+  0: "0rem",
+  xs: "20rem",
+  sm: "24rem",
+  md: "28rem",
+  lg: "32rem",
+  xl: "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  "5xl": "64rem",
+  "6xl": "72rem",
+  "7xl": "80rem",
+  full: "100%",
+  min: "min-content",
+  max: "max-content",
+  fit: "fit-content",
+  prose: "65ch",
+  screenSm: "640px",
+  screenMd: "768px",
+  screenLg: "1024px",
+  screenXl: "1280px",
+  screen2xl: "1536px"
+};
+
+
+
+
+
+
+
+
+
+
+
+exports.full = full; exports.screen = screen; exports.screenH = screenH; exports.min = min; exports.max = max; exports.fit = fit; exports.auto = auto; exports.maxWidths = maxWidths; exports.sizes_exports = sizes_exports;

package/dist/chunk-UUVUSZJS.cjs

@@ -0,0 +1,113 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk75ZPJI57cjs = require('./chunk-75ZPJI57.cjs');
+
+// src/theme/typography.ts
+var typography_exports = {};
+_chunk75ZPJI57cjs.__export.call(void 0, 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"
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.xs = xs; exports.sm = sm; exports.base = base; exports.lg = lg; exports.xl = xl; exports._2xl = _2xl; exports._3xl = _3xl; exports._4xl = _4xl; exports._5xl = _5xl; exports._6xl = _6xl; exports._7xl = _7xl; exports._8xl = _8xl; exports._9xl = _9xl; exports.thin = thin; exports.extralight = extralight; exports.light = light; exports.normal = normal; exports.medium = medium; exports.semibold = semibold; exports.bold = bold; exports.extrabold = extrabold; exports.black_ = black_; exports.fontFamilies = fontFamilies; exports.letterSpacings = letterSpacings; exports.lineHeights = lineHeights; exports.typography_exports = typography_exports;