@ps1ui/core 0.0.0 → 0.0.1

package/dist/components/Td/Td.mjs

@@ -0,0 +1,13 @@
+import { cx } from "../../utils/cx.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Td/Td.tsx
+function Td({ className, ...rest }) {
+	return /* @__PURE__ */ jsx("td", {
+		...rest,
+		className: cx("ps1ui-td", className)
+	});
+}
+//#endregion
+export { Td };
+
+//# sourceMappingURL=Td.mjs.map

package/dist/components/Td/Td.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Td.mjs","names":[],"sources":["../../../src/components/Td/Td.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\n// Thin typed wrapper for `<td>` inside a `<Table>`. Data-cell styling lives\n// on `.ps1ui-table td` in Table.css, so a bare `<td>` continues to render\n// identically — Td exists to give call sites a stable class hook\n// (`.ps1ui-td`) and a documented API surface for what belongs inside a\n// `<Table>` (same contract as ListItem inside List).\nexport type TdProps = ComponentProps<\"td\">;\n\nexport function Td({ className, ...rest }: TdProps) {\n  return <td {...rest} className={cx(\"ps1ui-td\", className)} />;\n}\n"],"mappings":";;;AAUA,SAAgB,GAAG,EAAE,WAAW,GAAG,QAAiB;CAClD,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAM,WAAW,GAAG,YAAY,SAAS;CAAI,CAAA;AAC9D"}

package/dist/components/Text/Text.d.mts

@@ -0,0 +1,23 @@
+import { Responsive } from "../../utils/responsive.mjs";
+import { FontWeight } from "../../utils/typography.mjs";
+import { CSSProperties, ComponentPropsWithoutRef } from "react";
+//#region src/components/Text/Text.d.ts
+type TextElement = "p" | "span" | "div" | "label" | "strong" | "em" | "small";
+type TextVariant = "body" | "muted" | "subtle" | "primary" | "accent";
+type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
+type TextWeight = FontWeight;
+type TextOwnProps<E extends TextElement> = {
+  as?: E;
+  variant?: TextVariant;
+  size?: Responsive<TextSize>;
+  weight?: Responsive<TextWeight>;
+  truncate?: boolean;
+};
+type TextProps<E extends TextElement = "p"> = TextOwnProps<E> & Omit<ComponentPropsWithoutRef<E>, keyof TextOwnProps<E>>;
+declare function Text<E extends TextElement = "p">({ as, variant, size, weight, truncate, className, style, ...rest }: TextProps<E>): import("react").ReactElement<Omit<TextProps<E>, "as" | "className" | "size" | "style" | "truncate" | "variant" | "weight"> & {
+  className: string;
+  style: CSSProperties;
+}, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { Text, TextElement, TextProps, TextSize, TextVariant, TextWeight };
+//# sourceMappingURL=Text.d.mts.map

package/dist/components/Text/Text.mjs

@@ -0,0 +1,34 @@
+import { cx } from "../../utils/cx.mjs";
+import { resolveResponsive } from "../../utils/responsive.mjs";
+import { fontSizeToVar, weightToValue } from "../../utils/typography.mjs";
+import { createElement } from "react";
+//#region src/components/Text/Text.tsx
+const INLINE_TEXT_ELEMENTS = {
+	p: false,
+	div: false,
+	span: true,
+	label: true,
+	strong: true,
+	em: true,
+	small: true
+};
+function Text({ as, variant = "body", size, weight, truncate = false, className, style, ...rest }) {
+	const tag = as ?? "p";
+	const sizeVars = resolveResponsive(size, "--_text-size", fontSizeToVar);
+	const weightVars = resolveResponsive(weight, "--_text-weight", weightToValue);
+	const classes = cx("ps1ui-text", `ps1ui-text--${variant}`, truncate && "ps1ui-text--truncate", truncate && INLINE_TEXT_ELEMENTS[tag] && "ps1ui-text--truncate-inline", className);
+	const mergedStyle = {
+		...style,
+		...sizeVars,
+		...weightVars
+	};
+	return createElement(tag, {
+		...rest,
+		className: classes,
+		style: mergedStyle
+	});
+}
+//#endregion
+export { Text };
+
+//# sourceMappingURL=Text.mjs.map

package/dist/components/Text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport { resolveResponsive, type Responsive } from \"../../utils/responsive\";\nimport { fontSizeToVar, weightToValue, type FontWeight } from \"../../utils/typography\";\n\nexport type TextElement = \"p\" | \"span\" | \"div\" | \"label\" | \"strong\" | \"em\" | \"small\";\n\nexport type TextVariant = \"body\" | \"muted\" | \"subtle\" | \"primary\" | \"accent\";\nexport type TextSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n// TextWeight is a re-export of the shared FontWeight scale. Keeping a\n// component-local alias preserves the public type name (backwards compat)\n// while the underlying scale stays single-sourced in utils/typography.ts.\nexport type TextWeight = FontWeight;\n\ntype TextOwnProps<E extends TextElement> = {\n  as?: E;\n  variant?: TextVariant;\n  size?: Responsive<TextSize>;\n  weight?: Responsive<TextWeight>;\n  truncate?: boolean;\n};\n\n// Deliberate exception to the general \"use ComponentProps<'tag'>\" rule other components follow.\n// With the polymorphic `as` prop, TypeScript cannot narrow the `ref` prop's type against the\n// resolved element E — allowing `ref` here would silently accept mismatched ref types\n// (e.g. a ref typed for HTMLParagraphElement on `<Text as=\"span\" ref={…} />`). Keeping `ref`\n// out of the prop type entirely is safer than a misleading loose type; don't switch this\n// to ComponentProps for consistency with the other components.\nexport type TextProps<E extends TextElement = \"p\"> = TextOwnProps<E> &\n  Omit<ComponentPropsWithoutRef<E>, keyof TextOwnProps<E>>;\n\n// Exhaustive over TextElement so adding a tag without classifying it fails to typecheck,\n// instead of silently leaving truncate's inline-block fix un-applied for that tag.\nconst INLINE_TEXT_ELEMENTS: Record<TextElement, boolean> = {\n  p: false,\n  div: false,\n  span: true,\n  label: true,\n  strong: true,\n  em: true,\n  small: true,\n};\n\nexport function Text<E extends TextElement = \"p\">({\n  as,\n  variant = \"body\",\n  size,\n  weight,\n  truncate = false,\n  className,\n  style,\n  ...rest\n}: TextProps<E>) {\n  const tag = as ?? \"p\";\n  const sizeVars = resolveResponsive(size, \"--_text-size\", fontSizeToVar);\n  const weightVars = resolveResponsive(weight, \"--_text-weight\", weightToValue);\n\n  const classes = cx(\n    \"ps1ui-text\",\n    `ps1ui-text--${variant}`,\n    truncate && \"ps1ui-text--truncate\",\n    truncate && INLINE_TEXT_ELEMENTS[tag] && \"ps1ui-text--truncate-inline\",\n    className,\n  );\n\n  // Caller style first, resolved vars last: `--_*` is the reserved internal\n  // prefix and wins on purpose — responsive values are prop-controlled. Cast\n  // because csstype has no index signature for `--*` keys (React 19 included).\n  const mergedStyle: CSSProperties = {\n    ...style,\n    ...sizeVars,\n    ...weightVars,\n  } as CSSProperties;\n\n  return createElement(tag, { ...rest, className: classes, style: mergedStyle });\n}\n"],"mappings":";;;;;AAkCA,MAAM,uBAAqD;CACzD,GAAG;CACH,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,OAAO;AACT;AAEA,SAAgB,KAAkC,EAChD,IACA,UAAU,QACV,MACA,QACA,WAAW,OACX,WACA,OACA,GAAG,QACY;CACf,MAAM,MAAM,MAAM;CAClB,MAAM,WAAW,kBAAkB,MAAM,gBAAgB,aAAa;CACtE,MAAM,aAAa,kBAAkB,QAAQ,kBAAkB,aAAa;CAE5E,MAAM,UAAU,GACd,cACA,eAAe,WACf,YAAY,wBACZ,YAAY,qBAAqB,QAAQ,+BACzC,SACF;CAKA,MAAM,cAA6B;EACjC,GAAG;EACH,GAAG;EACH,GAAG;CACL;CAEA,OAAO,cAAc,KAAK;EAAE,GAAG;EAAM,WAAW;EAAS,OAAO;CAAY,CAAC;AAC/E"}

package/dist/components/Th/Th.d.mts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+//#region src/components/Th/Th.d.ts
+type ThProps = ComponentProps<"th">;
+declare function Th({ className, ...rest }: ThProps): import("react").JSX.Element;
+//#endregion
+export { Th, ThProps };
+//# sourceMappingURL=Th.d.mts.map

package/dist/components/Th/Th.mjs

@@ -0,0 +1,13 @@
+import { cx } from "../../utils/cx.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Th/Th.tsx
+function Th({ className, ...rest }) {
+	return /* @__PURE__ */ jsx("th", {
+		...rest,
+		className: cx("ps1ui-th", className)
+	});
+}
+//#endregion
+export { Th };
+
+//# sourceMappingURL=Th.mjs.map

package/dist/components/Th/Th.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.mjs","names":[],"sources":["../../../src/components/Th/Th.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\n// Thin typed wrapper for `<th>` inside a `<Table>`. Header-cell styling\n// lives on `.ps1ui-table th` in Table.css, so a bare `<th>` continues to\n// render identically — Th exists to give call sites a stable class hook\n// (`.ps1ui-th`) and a documented API surface for what belongs inside a\n// `<Table>` (same contract as ListItem inside List). Semantics stay native:\n// pass `scope=\"col\"` / `scope=\"row\"` exactly as you would on a raw <th>.\nexport type ThProps = ComponentProps<\"th\">;\n\nexport function Th({ className, ...rest }: ThProps) {\n  return <th {...rest} className={cx(\"ps1ui-th\", className)} />;\n}\n"],"mappings":";;;AAWA,SAAgB,GAAG,EAAE,WAAW,GAAG,QAAiB;CAClD,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAM,WAAW,GAAG,YAAY,SAAS;CAAI,CAAA;AAC9D"}

package/dist/components/Thead/Thead.d.mts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+//#region src/components/Thead/Thead.d.ts
+type TheadProps = ComponentProps<"thead">;
+declare function Thead({ className, ...rest }: TheadProps): import("react").JSX.Element;
+//#endregion
+export { Thead, TheadProps };
+//# sourceMappingURL=Thead.d.mts.map

package/dist/components/Thead/Thead.mjs

@@ -0,0 +1,13 @@
+import { cx } from "../../utils/cx.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Thead/Thead.tsx
+function Thead({ className, ...rest }) {
+	return /* @__PURE__ */ jsx("thead", {
+		...rest,
+		className: cx("ps1ui-thead", className)
+	});
+}
+//#endregion
+export { Thead };
+
+//# sourceMappingURL=Thead.mjs.map

package/dist/components/Thead/Thead.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thead.mjs","names":[],"sources":["../../../src/components/Thead/Thead.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\n// Thin typed wrapper for `<thead>` inside a `<Table>`. All header styling\n// lives on `.ps1ui-table thead th` in Table.css, so a bare `<thead>`\n// continues to render identically — Thead exists to give call sites a stable\n// class hook (`.ps1ui-thead`) and a documented API surface for what belongs\n// inside a `<Table>` (same contract as ListItem inside List).\nexport type TheadProps = ComponentProps<\"thead\">;\n\nexport function Thead({ className, ...rest }: TheadProps) {\n  return <thead {...rest} className={cx(\"ps1ui-thead\", className)} />;\n}\n"],"mappings":";;;AAUA,SAAgB,MAAM,EAAE,WAAW,GAAG,QAAoB;CACxD,OAAO,oBAAC,SAAD;EAAO,GAAI;EAAM,WAAW,GAAG,eAAe,SAAS;CAAI,CAAA;AACpE"}

package/dist/components/Tr/Tr.d.mts

@@ -0,0 +1,7 @@
+import { ComponentProps } from "react";
+//#region src/components/Tr/Tr.d.ts
+type TrProps = ComponentProps<"tr">;
+declare function Tr({ className, ...rest }: TrProps): import("react").JSX.Element;
+//#endregion
+export { Tr, TrProps };
+//# sourceMappingURL=Tr.d.mts.map

package/dist/components/Tr/Tr.mjs

@@ -0,0 +1,13 @@
+import { cx } from "../../utils/cx.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Tr/Tr.tsx
+function Tr({ className, ...rest }) {
+	return /* @__PURE__ */ jsx("tr", {
+		...rest,
+		className: cx("ps1ui-tr", className)
+	});
+}
+//#endregion
+export { Tr };
+
+//# sourceMappingURL=Tr.mjs.map

package/dist/components/Tr/Tr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tr.mjs","names":[],"sources":["../../../src/components/Tr/Tr.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cx } from \"../../utils/cx\";\n\n// Thin typed wrapper for `<tr>` inside a `<Table>`. Cell styling lives on\n// `.ps1ui-table th / td` in Table.css, so a bare `<tr>` continues to render\n// identically — Tr exists to give call sites a stable class hook\n// (`.ps1ui-tr`) and a documented API surface for what belongs inside a\n// `<Table>` (same contract as ListItem inside List).\nexport type TrProps = ComponentProps<\"tr\">;\n\nexport function Tr({ className, ...rest }: TrProps) {\n  return <tr {...rest} className={cx(\"ps1ui-tr\", className)} />;\n}\n"],"mappings":";;;AAUA,SAAgB,GAAG,EAAE,WAAW,GAAG,QAAiB;CAClD,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAM,WAAW,GAAG,YAAY,SAAS;CAAI,CAAA;AAC9D"}