typewritingclass 0.2.2 → 0.2.3

package/dist/borders-pzt8w5Wv.d.cts

@@ -0,0 +1,24 @@
+declare const none = "0px";
+declare const sm = "0.125rem";
+declare const DEFAULT = "0.25rem";
+declare const md = "0.375rem";
+declare const lg = "0.5rem";
+declare const xl = "0.75rem";
+declare const _2xl = "1rem";
+declare const _3xl = "1.5rem";
+declare const full = "9999px";
+
+declare const borders_DEFAULT: typeof DEFAULT;
+declare const borders__2xl: typeof _2xl;
+declare const borders__3xl: typeof _3xl;
+declare const borders_full: typeof full;
+declare const borders_lg: typeof lg;
+declare const borders_md: typeof md;
+declare const borders_none: typeof none;
+declare const borders_sm: typeof sm;
+declare const borders_xl: typeof xl;
+declare namespace borders {
+  export { borders_DEFAULT as DEFAULT, borders__2xl as _2xl, borders__3xl as _3xl, borders_full as full, borders_lg as lg, borders_md as md, borders_none as none, borders_sm as sm, borders_xl as xl };
+}
+
+export { DEFAULT as D, _2xl as _, _3xl as a, borders as b, full as f, lg as l, md as m, none as n, sm as s, xl as x };

package/dist/borders-pzt8w5Wv.d.ts

@@ -0,0 +1,24 @@
+declare const none = "0px";
+declare const sm = "0.125rem";
+declare const DEFAULT = "0.25rem";
+declare const md = "0.375rem";
+declare const lg = "0.5rem";
+declare const xl = "0.75rem";
+declare const _2xl = "1rem";
+declare const _3xl = "1.5rem";
+declare const full = "9999px";
+
+declare const borders_DEFAULT: typeof DEFAULT;
+declare const borders__2xl: typeof _2xl;
+declare const borders__3xl: typeof _3xl;
+declare const borders_full: typeof full;
+declare const borders_lg: typeof lg;
+declare const borders_md: typeof md;
+declare const borders_none: typeof none;
+declare const borders_sm: typeof sm;
+declare const borders_xl: typeof xl;
+declare namespace borders {
+  export { borders_DEFAULT as DEFAULT, borders__2xl as _2xl, borders__3xl as _3xl, borders_full as full, borders_lg as lg, borders_md as md, borders_none as none, borders_sm as sm, borders_xl as xl };
+}
+
+export { DEFAULT as D, _2xl as _, _3xl as a, borders as b, full as f, lg as l, md as m, none as n, sm as s, xl as x };

package/dist/chunk-34VD2OBF.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk75ZPJI57cjs = require('./chunk-75ZPJI57.cjs');
+
+// src/theme/spacing.ts
+var spacing_exports = {};
+_chunk75ZPJI57cjs.__export.call(void 0, 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);
+}
+
+
+
+
+
+
+exports.resolveSpacing = resolveSpacing; exports.spacing_exports = spacing_exports; exports.injectTheme = injectTheme; exports.setTheme = setTheme;

package/dist/chunk-6CEDQ6GF.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk75ZPJI57cjs = require('./chunk-75ZPJI57.cjs');
+
+// src/theme/shadows.ts
+var shadows_exports = {};
+_chunk75ZPJI57cjs.__export.call(void 0, shadows_exports, {
+  DEFAULT: () => DEFAULT,
+  _2xl: () => _2xl,
+  inner: () => inner,
+  lg: () => lg,
+  md: () => md,
+  none: () => none,
+  sm: () => sm,
+  xl: () => xl
+});
+var sm = "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+var DEFAULT = "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+var md = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+var lg = "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+var xl = "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+var _2xl = "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+var inner = "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+var none = "0 0 #0000";
+
+
+
+
+
+
+
+
+
+
+
+exports.sm = sm; exports.DEFAULT = DEFAULT; exports.md = md; exports.lg = lg; exports.xl = xl; exports._2xl = _2xl; exports.inner = inner; exports.none = none; exports.shadows_exports = shadows_exports;

package/dist/chunk-75ZPJI57.cjs

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

package/dist/chunk-ATLK64TQ.js

@@ -0,0 +1,85 @@
+// src/theme/createTheme.ts
+function varName(...parts) {
+  return `--twc-${parts.join("-")}`;
+}
+function varRef(name) {
+  return `var(${name})`;
+}
+function createTheme(config) {
+  const name = config.name ?? "default";
+  const properties = [];
+  const colorVars = {};
+  const spacingVars = {};
+  const typographyVars = { textSizes: {}, fontWeights: {} };
+  const borderVars = {};
+  const shadowVars = {};
+  if (config.colors) {
+    for (const [colorName, scale] of Object.entries(config.colors)) {
+      colorVars[colorName] = {};
+      for (const [shade, hex] of Object.entries(scale)) {
+        const vn = varName("color", colorName, shade);
+        properties.push(`  ${vn}: ${hex};`);
+        colorVars[colorName][shade] = varRef(vn);
+      }
+    }
+  }
+  if (config.spacing) {
+    for (const [key, value] of Object.entries(config.spacing)) {
+      const vn = varName("spacing", key);
+      properties.push(`  ${vn}: ${value};`);
+      spacingVars[key] = varRef(vn);
+    }
+  }
+  if (config.typography?.textSizes) {
+    for (const [sizeName, size] of Object.entries(config.typography.textSizes)) {
+      const fsvn = varName("text", sizeName, "fs");
+      const lhvn = varName("text", sizeName, "lh");
+      properties.push(`  ${fsvn}: ${size.fontSize};`);
+      properties.push(`  ${lhvn}: ${size.lineHeight};`);
+      typographyVars.textSizes[sizeName] = {
+        fontSize: varRef(fsvn),
+        lineHeight: varRef(lhvn)
+      };
+    }
+  }
+  if (config.typography?.fontWeights) {
+    for (const [weightName, weight] of Object.entries(config.typography.fontWeights)) {
+      const vn = varName("font", weightName);
+      properties.push(`  ${vn}: ${weight};`);
+      typographyVars.fontWeights[weightName] = varRef(vn);
+    }
+  }
+  if (config.borders) {
+    for (const [borderName, value] of Object.entries(config.borders)) {
+      const vn = varName("border", borderName);
+      properties.push(`  ${vn}: ${value};`);
+      borderVars[borderName] = varRef(vn);
+    }
+  }
+  if (config.shadows) {
+    for (const [shadowName, value] of Object.entries(config.shadows)) {
+      const vn = varName("shadow", shadowName);
+      properties.push(`  ${vn}: ${value};`);
+      shadowVars[shadowName] = varRef(vn);
+    }
+  }
+  const selector = name === "default" ? ":root" : `[data-theme="${name}"]`;
+  const cssText = properties.length > 0 ? `${selector} {
+${properties.join("\n")}
+}` : "";
+  return {
+    name,
+    cssText,
+    vars: {
+      colors: colorVars,
+      spacing: spacingVars,
+      typography: typographyVars,
+      borders: borderVars,
+      shadows: shadowVars
+    }
+  };
+}
+
+export {
+  createTheme
+};

package/dist/chunk-BAZLFQIV.cjs

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/theme/createTheme.ts
+function varName(...parts) {
+  return `--twc-${parts.join("-")}`;
+}
+function varRef(name) {
+  return `var(${name})`;
+}
+function createTheme(config) {
+  const name = _nullishCoalesce(config.name, () => ( "default"));
+  const properties = [];
+  const colorVars = {};
+  const spacingVars = {};
+  const typographyVars = { textSizes: {}, fontWeights: {} };
+  const borderVars = {};
+  const shadowVars = {};
+  if (config.colors) {
+    for (const [colorName, scale] of Object.entries(config.colors)) {
+      colorVars[colorName] = {};
+      for (const [shade, hex] of Object.entries(scale)) {
+        const vn = varName("color", colorName, shade);
+        properties.push(`  ${vn}: ${hex};`);
+        colorVars[colorName][shade] = varRef(vn);
+      }
+    }
+  }
+  if (config.spacing) {
+    for (const [key, value] of Object.entries(config.spacing)) {
+      const vn = varName("spacing", key);
+      properties.push(`  ${vn}: ${value};`);
+      spacingVars[key] = varRef(vn);
+    }
+  }
+  if (_optionalChain([config, 'access', _ => _.typography, 'optionalAccess', _2 => _2.textSizes])) {
+    for (const [sizeName, size] of Object.entries(config.typography.textSizes)) {
+      const fsvn = varName("text", sizeName, "fs");
+      const lhvn = varName("text", sizeName, "lh");
+      properties.push(`  ${fsvn}: ${size.fontSize};`);
+      properties.push(`  ${lhvn}: ${size.lineHeight};`);
+      typographyVars.textSizes[sizeName] = {
+        fontSize: varRef(fsvn),
+        lineHeight: varRef(lhvn)
+      };
+    }
+  }
+  if (_optionalChain([config, 'access', _3 => _3.typography, 'optionalAccess', _4 => _4.fontWeights])) {
+    for (const [weightName, weight] of Object.entries(config.typography.fontWeights)) {
+      const vn = varName("font", weightName);
+      properties.push(`  ${vn}: ${weight};`);
+      typographyVars.fontWeights[weightName] = varRef(vn);
+    }
+  }
+  if (config.borders) {
+    for (const [borderName, value] of Object.entries(config.borders)) {
+      const vn = varName("border", borderName);
+      properties.push(`  ${vn}: ${value};`);
+      borderVars[borderName] = varRef(vn);
+    }
+  }
+  if (config.shadows) {
+    for (const [shadowName, value] of Object.entries(config.shadows)) {
+      const vn = varName("shadow", shadowName);
+      properties.push(`  ${vn}: ${value};`);
+      shadowVars[shadowName] = varRef(vn);
+    }
+  }
+  const selector = name === "default" ? ":root" : `[data-theme="${name}"]`;
+  const cssText = properties.length > 0 ? `${selector} {
+${properties.join("\n")}
+}` : "";
+  return {
+    name,
+    cssText,
+    vars: {
+      colors: colorVars,
+      spacing: spacingVars,
+      typography: typographyVars,
+      borders: borderVars,
+      shadows: shadowVars
+    }
+  };
+}
+
+
+
+exports.createTheme = createTheme;

package/dist/chunk-CB7B6PHY.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// 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); } }`
+};
+
+
+
+
+
+
+
+exports.spin = spin; exports.ping = ping; exports.pulse = pulse; exports.bounce = bounce; exports.keyframes = keyframes;

package/dist/chunk-EBHM46CV.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/theme/filters.ts
+var blur = {
+  none: "0",
+  sm: "4px",
+  DEFAULT: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "24px",
+  _2xl: "40px",
+  _3xl: "64px"
+};
+var dropShadow = {
+  sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+  DEFAULT: "0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06)",
+  md: "0 4px 3px rgb(0 0 0 / 0.07), 0 2px 2px rgb(0 0 0 / 0.06)",
+  lg: "0 10px 8px rgb(0 0 0 / 0.04), 0 4px 3px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 13px rgb(0 0 0 / 0.03), 0 8px 5px rgb(0 0 0 / 0.08)",
+  _2xl: "0 25px 25px rgb(0 0 0 / 0.15)",
+  none: "0 0 #0000"
+};
+
+
+
+
+exports.blur = blur; exports.dropShadow = dropShadow;

package/dist/chunk-IL3LVS32.js

@@ -0,0 +1,36 @@
+import {
+  __export
+} from "./chunk-MLKGABMK.js";
+
+// src/theme/shadows.ts
+var shadows_exports = {};
+__export(shadows_exports, {
+  DEFAULT: () => DEFAULT,
+  _2xl: () => _2xl,
+  inner: () => inner,
+  lg: () => lg,
+  md: () => md,
+  none: () => none,
+  sm: () => sm,
+  xl: () => xl
+});
+var sm = "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+var DEFAULT = "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+var md = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+var lg = "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+var xl = "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+var _2xl = "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+var inner = "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+var none = "0 0 #0000";
+
+export {
+  sm,
+  DEFAULT,
+  md,
+  lg,
+  xl,
+  _2xl,
+  inner,
+  none,
+  shadows_exports
+};

package/dist/chunk-JKT74FUK.js

@@ -0,0 +1,25 @@
+// src/theme/filters.ts
+var blur = {
+  none: "0",
+  sm: "4px",
+  DEFAULT: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "24px",
+  _2xl: "40px",
+  _3xl: "64px"
+};
+var dropShadow = {
+  sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+  DEFAULT: "0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06)",
+  md: "0 4px 3px rgb(0 0 0 / 0.07), 0 2px 2px rgb(0 0 0 / 0.06)",
+  lg: "0 10px 8px rgb(0 0 0 / 0.04), 0 4px 3px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 13px rgb(0 0 0 / 0.03), 0 8px 5px rgb(0 0 0 / 0.08)",
+  _2xl: "0 25px 25px rgb(0 0 0 / 0.15)",
+  none: "0 0 #0000"
+};
+
+export {
+  blur,
+  dropShadow
+};