@jonmilner/ui 0.1.0 → 0.1.1

package/dist/tokens/scales.d.mts

@@ -25,6 +25,11 @@ export declare const tokens: {
     lg: string;
     xl: string;
   };
+  container: {
+    prose: string;
+    page: string;
+    wide: string;
+  };
   radius: {
     none: string;
     sm: string;

package/dist/tokens/scales.mjs

@@ -23,13 +23,17 @@ var e = (e) => `${e / 16}rem`, t = Object.fromEntries([
 	lg: e(48),
 	xl: e(56)
 }, r = {
+	prose: e(640),
+	page: e(1024),
+	wide: e(1280)
+}, i = {
 	none: "0",
 	sm: e(4),
 	med: e(8),
 	lg: e(12),
 	xl: e(16),
 	full: "9999px"
-}, i = {
+}, a = {
 	xs: e(12),
 	sm: e(14),
 	med: e(16),
@@ -38,16 +42,16 @@ var e = (e) => `${e / 16}rem`, t = Object.fromEntries([
 	"2xl": e(24),
 	"3xl": e(30),
 	"4xl": e(36)
-}, a = {
+}, o = {
 	regular: "400",
 	medium: "500",
 	semibold: "600",
 	bold: "700"
-}, o = {
+}, s = {
 	sm: "1.25",
 	med: "1.5",
 	lg: "1.75"
-}, s = {
+}, c = {
 	base: "0",
 	raised: "1",
 	dropdown: "1000",
@@ -57,42 +61,43 @@ var e = (e) => `${e / 16}rem`, t = Object.fromEntries([
 	popover: "1400",
 	toast: "1500",
 	tooltip: "1600"
-}, c = {
+}, l = {
 	fast: "120ms",
 	med: "200ms",
 	slow: "320ms"
-}, l = {
+}, u = {
 	standard: "cubic-bezier(0.2, 0, 0, 1)",
 	enter: "cubic-bezier(0, 0, 0, 1)",
 	exit: "cubic-bezier(0.3, 0, 1, 1)"
-}, u = {
+}, d = {
 	sm: e(4),
 	med: e(8),
 	lg: e(16)
-}, d = {
+}, f = {
 	sm: "0.02",
 	med: "0.05",
 	lg: "0.1"
-}, f = (e) => `color-mix(in srgb, var(--color-shadow) ${e}%, transparent)`, p = {
-	sm: `0 1px 2px ${f(12)}`,
-	med: `0 2px 8px ${f(14)}, 0 1px 2px ${f(8)}`,
-	lg: `0 8px 24px ${f(16)}, 0 2px 6px ${f(8)}`
-}, m = "0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent)";
-`${m}${f(40)}`, `${m}${f(48)}${f(32)}`, `${m}${f(56)}${f(32)}`, c.fast, c.fast, c.fast;
-var h = {
+}, p = (e) => `color-mix(in srgb, var(--color-shadow) ${e}%, transparent)`, m = {
+	sm: `0 1px 2px ${p(12)}`,
+	med: `0 2px 8px ${p(14)}, 0 1px 2px ${p(8)}`,
+	lg: `0 8px 24px ${p(16)}, 0 2px 6px ${p(8)}`
+}, h = "0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent)";
+`${h}${p(40)}`, `${h}${p(48)}${p(32)}`, `${h}${p(56)}${p(32)}`, l.fast, l.fast, l.fast;
+var g = {
 	space: t,
 	size: n,
-	radius: r,
-	fontSize: i,
-	fontWeight: a,
-	lineHeight: o,
-	zIndex: s,
-	duration: c,
-	easing: l,
-	distance: u,
-	scale: d,
+	container: r,
+	radius: i,
+	fontSize: a,
+	fontWeight: o,
+	lineHeight: s,
+	zIndex: c,
+	duration: l,
+	easing: u,
+	distance: d,
+	scale: f,
 	dir: "1",
-	shadow: p
+	shadow: m
 };
 //#endregion
-export { u as distance, c as duration, l as easing, i as fontSize, a as fontWeight, o as lineHeight, r as radius, d as scale, p as shadow, n as size, t as space, h as tokens, s as zIndex };
+export { r as container, d as distance, l as duration, u as easing, a as fontSize, o as fontWeight, s as lineHeight, i as radius, f as scale, m as shadow, n as size, t as space, g as tokens, c as zIndex };

package/dist/types.d.mts

@@ -1,3 +1,7 @@
+import { ComponentPropsWithRef, ElementType } from "react";
 //#region src/types.d.ts
 export type OmitEach<P, K extends PropertyKey> = P extends unknown ? Omit<P, K> : never;
+export type PolymorphicProps<T extends ElementType, Own = object, Omitted extends PropertyKey = never> = {
+  as?: T;
+} & Own & OmitEach<ComponentPropsWithRef<T>, "as" | keyof Own | Omitted>;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jonmilner/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "files": [
     "dist",
     "THIRD_PARTY_NOTICES.md"