@mitcsutt/kiln-ui 0.1.0

package/dist/components/typography/SectionHeader/SectionHeader.js

@@ -0,0 +1,42 @@
+import { cx as e } from "../../../utils/cx.js";
+import { Heading as t } from "../Heading/Heading.js";
+import n from "./SectionHeader.module.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/typography/SectionHeader/SectionHeader.tsx
+var o = r(function({ title: r, level: o = 2, size: s, description: c, actions: l, kicker: u, divider: d = !1, as: f = "div", titleId: p, className: m, ...h }, g) {
+	return /* @__PURE__ */ a(f, {
+		ref: g,
+		className: e(n.header, m),
+		"data-divider": d || void 0,
+		"data-has-actions": l ? !0 : void 0,
+		...h,
+		children: [/* @__PURE__ */ a("hgroup", {
+			className: n.titles,
+			children: [
+				u ? /* @__PURE__ */ i("p", {
+					className: n.kicker,
+					children: u
+				}) : null,
+				/* @__PURE__ */ i(t, {
+					id: p,
+					level: o,
+					size: s,
+					className: n.title,
+					children: r
+				}),
+				c ? /* @__PURE__ */ i("div", {
+					className: n.description,
+					children: c
+				}) : null
+			]
+		}), l ? /* @__PURE__ */ i("div", {
+			className: n.actions,
+			children: l
+		}) : null]
+	});
+});
+//#endregion
+export { o as SectionHeader };
+
+//# sourceMappingURL=SectionHeader.js.map

package/dist/components/typography/SectionHeader/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","names":["styles","SectionHeader_module_default","SectionHeader","forwardRef","Comp","rest","cx","className","divider","actions","kicker","Heading","titleId","title","description"],"sources":["../../../../src/components/typography/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { cx } from '#utils/cx'\nimport type { Responsive } from '#utils/responsive'\nimport { Heading, type HeadingLevel, type HeadingSize } from '#components/typography/Heading'\nimport styles from './SectionHeader.module.css'\n\nexport type SectionHeaderElement = 'div' | 'header'\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  /** The section or page title. Rendered as a <Heading>. */\n  title: ReactNode\n  /** Heading level. Default 2 (use 1 for a page header). */\n  level?: HeadingLevel\n  /** Heading size; defaults from `level`. Responsive. */\n  size?: Responsive<HeadingSize>\n  /** A sentence or two under the title. */\n  description?: ReactNode\n  /** Buttons or links. Right of the title from `md` up; below it on small screens. */\n  actions?: ReactNode\n  /**\n   * Small context above the title — only when it tells the reader something\n   * (\"2025–26 financial year\", \"Sprint 2\"). Plain muted text, never a tracked-caps eyebrow.\n   */\n  kicker?: ReactNode\n  /** A hairline under the header. */\n  divider?: boolean\n  as?: SectionHeaderElement\n  /** Id for the heading, so a surrounding <section aria-labelledby> can point at it. */\n  titleId?: string\n}\n\n/**\n * The title block for a page or section: optional kicker, heading, description and\n * actions. Title, kicker and description are grouped in an <hgroup>.\n *\n * <SectionHeader title=\"September invoices\" description=\"$4,182.60 of $5,200 target\" actions={<Button>Export CSV</Button>} />\n */\nexport const SectionHeader = forwardRef<HTMLElement, SectionHeaderProps>(function SectionHeader(\n  {\n    title,\n    level = 2,\n    size,\n    description,\n    actions,\n    kicker,\n    divider = false,\n    as: Comp = 'div',\n    titleId,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <Comp\n      // @ts-expect-error — polymorphic ref across a union of intrinsic elements is safe here\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-divider={divider || undefined}\n      data-has-actions={actions ? true : undefined}\n      {...rest}\n    >\n      <hgroup className={styles.titles}>\n        {kicker ? <p className={styles.kicker}>{kicker}</p> : null}\n        <Heading id={titleId} level={level} size={size} className={styles.title}>\n          {title}\n        </Heading>\n        {description ? <div className={styles.description}>{description}</div> : null}\n      </hgroup>\n      {actions ? <div className={styles.actions}>{actions}</div> : null}\n    </Comp>\n  )\n})\n"],"mappings":";;;;;;AAqCA,IAAaE,IAAgBC,EAA4C,SACvE,EACE,UACA,WAAQ,GACR,SACA,gBACA,YACA,WACA,aAAU,IACV,IAAIC,IAAO,OACX,YACA,cACA,GAAGC,KAEL,GACA;CACA,OACE,kBAACD,GAAD;EAEO;EACL,WAAWE,EAAGN,EAAO,QAAQO,CAAS;EACtC,gBAAcC,KAAW,KAAA;EACzB,oBAAkBC,IAAU,KAAO,KAAA;EACnC,GAAIJ;EANN,UAAA,CAQE,kBAAC,UAAD;GAAQ,WAAWL,EAAO;GAA1B,UAAA;IACGU,IAAS,kBAAC,KAAD;KAAG,WAAWV,EAAO;KAAS,UAAAU;IAAU,CAAA,IAAI;IACtD,kBAACC,GAAD;KAAS,IAAIC;KAAgB;KAAa;KAAM,WAAWZ,EAAO;KAC/D,UAAAa;IACM,CAAA;IACRC,IAAc,kBAAC,OAAD;KAAK,WAAWd,EAAO;KAAc,UAAAc;IAAiB,CAAA,IAAI;GACnE;EACP,CAAA,GAAAL,IAAU,kBAAC,OAAD;GAAK,WAAWT,EAAO;GAAU,UAAAS;EAAa,CAAA,IAAI,IACzD;;AAEV,CAAC"}

package/dist/components/typography/SectionHeader/SectionHeader.module.js

@@ -0,0 +1,13 @@
+//#region src/components/typography/SectionHeader/SectionHeader.module.css
+var e = "kiln-SectionHeader__header", t = "kiln-SectionHeader__titles", n = "kiln-SectionHeader__kicker", r = "kiln-SectionHeader__title", i = "kiln-SectionHeader__description", a = "kiln-SectionHeader__actions", o = {
+	header: e,
+	titles: t,
+	kicker: n,
+	title: r,
+	description: i,
+	actions: a
+};
+//#endregion
+export { a as actions, o as default, i as description, e as header, n as kicker, r as title, t as titles };
+
+//# sourceMappingURL=SectionHeader.module.js.map

package/dist/components/typography/SectionHeader/SectionHeader.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.module.js","names":["header","titles","kicker","title","description","actions","SectionHeader_module_default"],"sources":["../../../../src/components/typography/SectionHeader/SectionHeader.module.css"],"sourcesContent":["/*\n * Intrinsic layout, no breakpoint: the text block and actions share a wrapping flex\n * row. With room (≈ md and up, or a wide container), actions sit right, bottom-aligned\n * with the text so they read as the section's verb; when the text block would drop\n * below its minimum measure, actions wrap underneath.\n *\n * Component tokens:\n *   --section-header-gap   space between text block and actions, default var(--space-5)\n */\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--space-4) var(--section-header-gap, var(--space-5));\n}\n\n.header[data-divider] {\n  padding-block-end: var(--space-5);\n  border-block-end: var(--border-width) solid var(--color-line);\n}\n\n.titles {\n  flex: 999 1 min(100%, 22rem);\n  display: flex;\n  flex-direction: column;\n  min-inline-size: 0;\n  margin: 0;\n}\n\n.kicker {\n  margin: 0 0 var(--space-2);\n  color: var(--color-ink-muted);\n  font-family: var(--font-text);\n  font-size: var(--text-sm);\n  font-weight: 500;\n  line-height: var(--leading-snug);\n}\n\n.title {\n  max-inline-size: 24em;\n}\n\n.description {\n  max-inline-size: 60ch;\n  margin-block-start: var(--space-3);\n  color: var(--color-ink-muted);\n  font-family: var(--font-text);\n  font-size: var(--text-md);\n  line-height: var(--leading-body);\n  text-wrap: pretty;\n}\n.description > :where(p) {\n  margin: 0;\n}\n\n.actions {\n  flex: 0 1 auto;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-3);\n}\n"],"mappings":""}

package/dist/components/typography/SectionHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { SectionHeader } from './SectionHeader.js';
+export type { SectionHeaderProps, SectionHeaderElement } from './SectionHeader.js';

package/dist/components/typography/Text/Text.d.ts

@@ -0,0 +1,35 @@
+import { type HTMLAttributes } from 'react';
+import { type Responsive } from '../../../utils/responsive.js';
+export type TextSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type TextTone = 'default' | 'muted' | 'subtle' | 'accent' | 'positive' | 'caution' | 'critical' | 'inverse';
+export type TextWeight = 'regular' | 'medium' | 'strong';
+export type TextAlign = 'start' | 'center' | 'end';
+/** Line-length cap from the width tokens: `narrow` 32rem · `text` 42rem · `content` 68rem. */
+export type TextMeasure = 'narrow' | 'text' | 'content';
+export type TextElement = 'p' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'small' | 'time';
+export interface TextProps extends HTMLAttributes<HTMLElement> {
+    /** Step on the type scale. Omit to inherit the surrounding size. Responsive. */
+    size?: Responsive<TextSize>;
+    /** Colour role. Omit to inherit. Status tones use the AA-safe `-text` variants. */
+    tone?: TextTone;
+    /** Omit to inherit (so `as="strong"` stays bold). */
+    weight?: TextWeight;
+    /** Tabular lining figures in the theme's numeric face — for anything that aligns or updates. */
+    numeric?: boolean;
+    /** `true` clips to one line with an ellipsis; a number clamps to that many lines. */
+    truncate?: boolean | number;
+    align?: TextAlign;
+    /** Cap the line length with a `--width-*` token (`max-inline-size`). Default: none. */
+    measure?: TextMeasure;
+    as?: TextElement;
+    /** For `as="label"`. */
+    htmlFor?: string;
+    /** For `as="time"`. */
+    dateTime?: string;
+}
+/**
+ * Body text. Paragraphs by default; any inline role via `as`.
+ *
+ * <Text size="sm" tone="muted">Updated 3 minutes ago</Text>
+ */
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/typography/Text/Text.js

@@ -0,0 +1,27 @@
+import { cx as e } from "../../../utils/cx.js";
+import { baseValue as t, mergeStyles as n, responsiveVars as r } from "../../../utils/responsive.js";
+import i from "./Text.module.js";
+import { forwardRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/typography/Text/Text.tsx
+var s = a(function({ size: a, tone: s, weight: c, numeric: l = !1, truncate: u, align: d, measure: f, as: p = "p", className: m, style: h, ...g }, _) {
+	let v = u === !0 ? 1 : typeof u == "number" && u > 0 ? u : void 0, y = a !== void 0 && typeof a != "string";
+	return /* @__PURE__ */ o(p, {
+		ref: _,
+		className: e(i.text, m),
+		"data-size": t(a),
+		"data-responsive": y || void 0,
+		"data-tone": s,
+		"data-weight": c,
+		"data-numeric": l || void 0,
+		"data-truncate": v === void 0 ? void 0 : v === 1 ? "line" : "lines",
+		"data-align": d,
+		"data-measure": f,
+		style: n(y ? r("text-size", a, (e) => `var(--text-${e})`) : void 0, v !== void 0 && v > 1 ? { "--text-lines": v } : void 0, h),
+		...g
+	});
+});
+//#endregion
+export { s as Text };
+
+//# sourceMappingURL=Text.js.map

package/dist/components/typography/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","names":["styles","Text_module_default","Text","forwardRef","Comp","rest","lines","truncate","responsive","size","cx","className","baseValue","tone","weight","numeric","align","measure","mergeStyles","responsiveVars","s","style"],"sources":["../../../../src/components/typography/Text/Text.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { cx } from '#utils/cx'\nimport { baseValue, mergeStyles, responsiveVars, type Responsive } from '#utils/responsive'\nimport styles from './Text.module.css'\n\nexport type TextSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TextTone =\n  'default' | 'muted' | 'subtle' | 'accent' | 'positive' | 'caution' | 'critical' | 'inverse'\nexport type TextWeight = 'regular' | 'medium' | 'strong'\nexport type TextAlign = 'start' | 'center' | 'end'\n/** Line-length cap from the width tokens: `narrow` 32rem · `text` 42rem · `content` 68rem. */\nexport type TextMeasure = 'narrow' | 'text' | 'content'\nexport type TextElement = 'p' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'small' | 'time'\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  /** Step on the type scale. Omit to inherit the surrounding size. Responsive. */\n  size?: Responsive<TextSize>\n  /** Colour role. Omit to inherit. Status tones use the AA-safe `-text` variants. */\n  tone?: TextTone\n  /** Omit to inherit (so `as=\"strong\"` stays bold). */\n  weight?: TextWeight\n  /** Tabular lining figures in the theme's numeric face — for anything that aligns or updates. */\n  numeric?: boolean\n  /** `true` clips to one line with an ellipsis; a number clamps to that many lines. */\n  truncate?: boolean | number\n  align?: TextAlign\n  /** Cap the line length with a `--width-*` token (`max-inline-size`). Default: none. */\n  measure?: TextMeasure\n  as?: TextElement\n  /** For `as=\"label\"`. */\n  htmlFor?: string\n  /** For `as=\"time\"`. */\n  dateTime?: string\n}\n\n/**\n * Body text. Paragraphs by default; any inline role via `as`.\n *\n * <Text size=\"sm\" tone=\"muted\">Updated 3 minutes ago</Text>\n */\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  {\n    size,\n    tone,\n    weight,\n    numeric = false,\n    truncate,\n    align,\n    measure,\n    as: Comp = 'p',\n    className,\n    style,\n    ...rest\n  },\n  ref,\n) {\n  const lines =\n    truncate === true ? 1 : typeof truncate === 'number' && truncate > 0 ? truncate : undefined\n  const responsive = size !== undefined && typeof size !== 'string'\n  return (\n    <Comp\n      // @ts-expect-error — polymorphic ref across a union of intrinsic elements is safe here\n      ref={ref}\n      className={cx(styles.text, className)}\n      data-size={baseValue(size)}\n      data-responsive={responsive || undefined}\n      data-tone={tone}\n      data-weight={weight}\n      data-numeric={numeric || undefined}\n      data-truncate={lines === undefined ? undefined : lines === 1 ? 'line' : 'lines'}\n      data-align={align}\n      data-measure={measure}\n      style={mergeStyles(\n        responsive ? responsiveVars('text-size', size, (s) => `var(--text-${s})`) : undefined,\n        lines !== undefined && lines > 1 ? ({ '--text-lines': lines } as CSSProperties) : undefined,\n        style,\n      )}\n      {...rest}\n    />\n  )\n})\n"],"mappings":";;;;;;AAwCA,IAAaE,IAAOC,EAAmC,SACrD,EACE,SACA,SACA,WACA,aAAU,IACV,aACA,UACA,YACA,IAAIC,IAAO,KACX,cACA,UACA,GAAGC,KAEL,GACA;CACA,IAAMC,IACJC,MAAa,KAAO,IAAI,OAAOA,KAAa,YAAYA,IAAW,IAAIA,IAAW,KAAA,GAC9EC,IAAaC,MAAS,KAAA,KAAa,OAAOA,KAAS;CACzD,OACE,kBAACL,GAAD;EAEO;EACL,WAAWM,EAAGV,EAAO,MAAMW,CAAS;EACpC,aAAWC,EAAUH,CAAI;EACzB,mBAAiBD,KAAc,KAAA;EAC/B,aAAWK;EACX,eAAaC;EACb,gBAAcC,KAAW,KAAA;EACzB,iBAAeT,MAAU,KAAA,IAAY,KAAA,IAAYA,MAAU,IAAI,SAAS;EACxE,cAAYU;EACZ,gBAAcC;EACd,OAAOC,EACLV,IAAaW,EAAe,aAAaV,IAAO,MAAM,cAAcW,EAAE,EAAE,IAAI,KAAA,GAC5Ed,MAAU,KAAA,KAAaA,IAAQ,IAAK,EAAE,gBAAgBA,EAAM,IAAsB,KAAA,GAClFe,CACF;EACA,GAAIhB;CACL,CAAA;AAEL,CAAC"}

package/dist/components/typography/Text/Text.module.js

@@ -0,0 +1,6 @@
+//#region src/components/typography/Text/Text.module.css
+var e = "kiln-Text__text", t = { text: e };
+//#endregion
+export { t as default, e as text };
+
+//# sourceMappingURL=Text.module.js.map

package/dist/components/typography/Text/Text.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.module.js","names":["text","Text_module_default"],"sources":["../../../../src/components/typography/Text/Text.module.css"],"sourcesContent":["/*\n * Body text. Everything is opt-in: with no props a <Text> inherits size, colour and\n * weight, so it composes inside buttons, table cells and list rows.\n * Responsive size reads --text-size-{base..xl} (Stack pattern) when data-responsive.\n *\n * Component tokens:\n *   --text-weight-medium   default 500\n *   --text-weight-strong   default 650\n */\n.text {\n  --_lh: var(--leading-body);\n  margin: 0;\n}\n.text[data-tone] {\n  color: var(--_ink);\n}\n\n/* Scalar sizes */\n.text[data-size] {\n  font-size: var(--_fs);\n  line-height: var(--_lh);\n}\n.text[data-size='2xs'] {\n  --_fs: var(--text-2xs);\n}\n.text[data-size='xs'] {\n  --_fs: var(--text-xs);\n}\n.text[data-size='sm'] {\n  --_fs: var(--text-sm);\n}\n.text[data-size='md'] {\n  --_fs: var(--text-md);\n}\n.text[data-size='lg'] {\n  --_fs: var(--text-lg);\n  --_lh: calc((var(--leading-body) + var(--leading-snug)) / 2);\n}\n.text[data-size='xl'] {\n  --_fs: var(--text-xl);\n  --_lh: var(--leading-snug);\n}\n\n/* Responsive sizes */\n.text[data-responsive] {\n  --_fs: var(--text-size-base);\n}\n@media (min-width: 40em) {\n  .text[data-responsive] {\n    --_fs: var(--text-size-sm);\n  }\n}\n@media (min-width: 48em) {\n  .text[data-responsive] {\n    --_fs: var(--text-size-md);\n  }\n}\n@media (min-width: 64em) {\n  .text[data-responsive] {\n    --_fs: var(--text-size-lg);\n  }\n}\n@media (min-width: 80em) {\n  .text[data-responsive] {\n    --_fs: var(--text-size-xl);\n  }\n}\n\n/* Tones */\n.text[data-tone='default'] {\n  --_ink: var(--color-ink);\n}\n.text[data-tone='muted'] {\n  --_ink: var(--color-ink-muted);\n}\n.text[data-tone='subtle'] {\n  --_ink: var(--color-ink-subtle);\n}\n.text[data-tone='accent'] {\n  --_ink: var(--color-accent-text);\n}\n.text[data-tone='positive'] {\n  --_ink: var(--tone-positive-text);\n}\n.text[data-tone='caution'] {\n  --_ink: var(--tone-caution-text);\n}\n.text[data-tone='critical'] {\n  --_ink: var(--tone-critical-text);\n}\n.text[data-tone='inverse'] {\n  --_ink: var(--color-ink-inverse);\n}\n\n/* Weights */\n.text[data-weight='regular'] {\n  font-weight: 400;\n}\n.text[data-weight='medium'] {\n  font-weight: var(--text-weight-medium, 500);\n}\n.text[data-weight='strong'] {\n  font-weight: var(--text-weight-strong, 650);\n}\n\n/* Numbers: the theme's figure face, always tabular + lining */\n.text[data-numeric] {\n  font-family: var(--font-numeric);\n  font-stretch: var(--numeric-stretch);\n  font-variant-numeric: tabular-nums lining-nums;\n  font-feature-settings:\n    'tnum' 1,\n    'lnum' 1;\n}\n\n/* Alignment */\n.text[data-align='start'] {\n  text-align: start;\n}\n.text[data-align='center'] {\n  text-align: center;\n}\n.text[data-align='end'] {\n  text-align: end;\n}\n\n/* Truncation */\n.text[data-truncate='line'] {\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  min-inline-size: 0;\n}\n.text[data-truncate='lines'] {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--text-lines);\n  line-clamp: var(--text-lines);\n}\n\n/* Measure: cap the line length with the width tokens. */\n.text[data-measure='narrow'] {\n  max-inline-size: var(--width-narrow);\n}\n.text[data-measure='text'] {\n  max-inline-size: var(--width-text);\n}\n.text[data-measure='content'] {\n  max-inline-size: var(--width-content);\n}\n"],"mappings":""}

package/dist/components/typography/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './Text.js';
+export type { TextProps, TextSize, TextTone, TextWeight, TextAlign, TextMeasure, TextElement, } from './Text.js';

package/dist/icons/Icon.d.ts

@@ -0,0 +1,14 @@
+import { type SVGProps } from 'react';
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'inherit';
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
+    /** `inherit` (default) sizes to the surrounding font-size (1em). */
+    size?: IconSize;
+    /** Accessible name. Omit for decorative icons (the default) — they're aria-hidden. */
+    label?: string;
+}
+/**
+ * Base for the library's own glyphs. 20×20 grid, stroke weight is a theme token
+ * (`--icon-stroke`), so Fiesta icons are chunky and Monograph icons are fine-lined.
+ * Consumers may pass any SVG/icon node where a component accepts `icon` props.
+ */
+export declare function createIcon(displayName: string, paths: React.ReactNode): import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/icons/Icon.js

@@ -0,0 +1,30 @@
+import { cx as e } from "../utils/cx.js";
+import t from "./Icon.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/icons/Icon.tsx
+function i(i, a) {
+	let o = n(function({ size: n = "inherit", label: i, className: o, ...s }, c) {
+		return /* @__PURE__ */ r("svg", {
+			ref: c,
+			viewBox: "0 0 20 20",
+			fill: "none",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: e(t.icon, o),
+			"data-size": n,
+			"aria-hidden": !i || void 0,
+			"aria-label": i,
+			role: i ? "img" : void 0,
+			focusable: "false",
+			...s,
+			children: a
+		});
+	});
+	return o.displayName = i, o;
+}
+//#endregion
+export { i as createIcon };
+
+//# sourceMappingURL=Icon.js.map

package/dist/icons/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["styles","Icon_module_default","createIcon","Component","forwardRef","rest","cx","className","size","label","paths","displayName"],"sources":["../../src/icons/Icon.tsx"],"sourcesContent":["import { forwardRef, type SVGProps } from 'react'\nimport { cx } from '#utils/cx'\nimport styles from './Icon.module.css'\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'inherit'\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {\n  /** `inherit` (default) sizes to the surrounding font-size (1em). */\n  size?: IconSize\n  /** Accessible name. Omit for decorative icons (the default) — they're aria-hidden. */\n  label?: string\n}\n\n/**\n * Base for the library's own glyphs. 20×20 grid, stroke weight is a theme token\n * (`--icon-stroke`), so Fiesta icons are chunky and Monograph icons are fine-lined.\n * Consumers may pass any SVG/icon node where a component accepts `icon` props.\n */\nexport function createIcon(displayName: string, paths: React.ReactNode) {\n  const Component = forwardRef<SVGSVGElement, IconProps>(function Icon(\n    { size = 'inherit', label, className, ...rest },\n    ref,\n  ) {\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 20 20\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={cx(styles.icon, className)}\n        data-size={size}\n        aria-hidden={label ? undefined : true}\n        aria-label={label}\n        role={label ? 'img' : undefined}\n        focusable=\"false\"\n        {...rest}\n      >\n        {paths}\n      </svg>\n    )\n  })\n  Component.displayName = displayName\n  return Component\n}\n"],"mappings":";;;;;AAkBA,SAAgBE,EAAW,GAAqB,GAAwB;CACtE,IAAMC,IAAYC,EAAqC,SACrD,EAAE,UAAO,WAAW,UAAO,cAAW,GAAGC,KACzC,GACA;EACA,OACE,kBAAC,OAAD;GACO;GACL,SAAQ;GACR,MAAK;GACL,QAAO;GACP,eAAc;GACd,gBAAe;GACf,WAAWC,EAAGN,EAAO,MAAMO,CAAS;GACpC,aAAWC;GACX,eAAa,MAAQ,KAAA;GACrB,cAAYC;GACZ,MAAMA,IAAQ,QAAQ,KAAA;GACtB,WAAU;GACV,GAAIJ;GAEH,UAAAK;EACE,CAAA;CAET,CAAC;CAED,OADA,EAAU,cAAcC,GACjBR;AACT"}

package/dist/icons/Icon.module.js

@@ -0,0 +1,6 @@
+//#region src/icons/Icon.module.css
+var e = "kiln-Icon__icon", t = { icon: e };
+//#endregion
+export { t as default, e as icon };
+
+//# sourceMappingURL=Icon.module.js.map

package/dist/icons/Icon.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.module.js","names":["icon","Icon_module_default"],"sources":["../../src/icons/Icon.module.css"],"sourcesContent":[".icon {\n  flex: none;\n  inline-size: 1em;\n  block-size: 1em;\n  stroke-width: var(--icon-stroke, 1.5);\n}\n\n.icon[data-size='xs'] {\n  inline-size: 0.75rem;\n  block-size: 0.75rem;\n}\n.icon[data-size='sm'] {\n  inline-size: 1rem;\n  block-size: 1rem;\n}\n.icon[data-size='md'] {\n  inline-size: 1.25rem;\n  block-size: 1.25rem;\n}\n.icon[data-size='lg'] {\n  inline-size: 1.5rem;\n  block-size: 1.5rem;\n}\n"],"mappings":""}

package/dist/icons/icons.d.ts

@@ -0,0 +1,26 @@
+export declare const ChevronDownIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronUpIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CheckIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CloseIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const PlusIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const MinusIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ArrowUpRightIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SearchIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const InfoIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const WarningIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ErrorIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CircleCheckIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const MenuIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const MoreIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CopyIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SunIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const MoonIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SystemIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const StarIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const EyeIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const EyeOffIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const UploadIcon: import("react").ForwardRefExoticComponent<import("./Icon.js").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/icons/icons.js

@@ -0,0 +1,63 @@
+import { createIcon as e } from "./Icon.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/icons/icons.tsx
+var i = e("ChevronDownIcon", /* @__PURE__ */ n("path", { d: "M5.5 8 10 12.5 14.5 8" })), a = e("ChevronUpIcon", /* @__PURE__ */ n("path", { d: "M5.5 12 10 7.5 14.5 12" })), o = e("ChevronLeftIcon", /* @__PURE__ */ n("path", { d: "M12 5.5 7.5 10 12 14.5" })), s = e("ChevronRightIcon", /* @__PURE__ */ n("path", { d: "M8 5.5 12.5 10 8 14.5" })), c = e("CheckIcon", /* @__PURE__ */ n("path", { d: "M4.5 10.5 8.25 14 15.5 6.5" })), l = e("CloseIcon", /* @__PURE__ */ n("path", { d: "M5.5 5.5l9 9m0-9-9 9" })), u = e("PlusIcon", /* @__PURE__ */ n("path", { d: "M10 4.5v11M4.5 10h11" })), d = e("MinusIcon", /* @__PURE__ */ n("path", { d: "M4.5 10h11" })), f = e("ArrowLeftIcon", /* @__PURE__ */ n("path", { d: "M15.5 10h-11m4.5-4.5L4.5 10 9 14.5" })), p = e("ArrowRightIcon", /* @__PURE__ */ n("path", { d: "M4.5 10h11M11 5.5l4.5 4.5-4.5 4.5" })), m = e("ArrowUpRightIcon", /* @__PURE__ */ n("path", { d: "M6.5 13.5l7-7M7.5 6.5h6v6" })), h = e("SearchIcon", /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("circle", {
+	cx: "9",
+	cy: "9",
+	r: "4.75"
+}), /* @__PURE__ */ n("path", { d: "m12.5 12.5 3.5 3.5" })] })), g = e("InfoIcon", /* @__PURE__ */ r(t, { children: [
+	/* @__PURE__ */ n("circle", {
+		cx: "10",
+		cy: "10",
+		r: "7"
+	}),
+	/* @__PURE__ */ n("path", { d: "M10 9.25v4.25" }),
+	/* @__PURE__ */ n("path", { d: "M10 6.6v.01" })
+] })), _ = e("WarningIcon", /* @__PURE__ */ r(t, { children: [
+	/* @__PURE__ */ n("path", { d: "M10 3.5 17 16H3z" }),
+	/* @__PURE__ */ n("path", { d: "M10 8.5v3.5" }),
+	/* @__PURE__ */ n("path", { d: "M10 14.1v.01" })
+] })), v = e("ErrorIcon", /* @__PURE__ */ r(t, { children: [
+	/* @__PURE__ */ n("circle", {
+		cx: "10",
+		cy: "10",
+		r: "7"
+	}),
+	/* @__PURE__ */ n("path", { d: "M10 6.5v4.5" }),
+	/* @__PURE__ */ n("path", { d: "M10 13.6v.01" })
+] })), y = e("CircleCheckIcon", /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("circle", {
+	cx: "10",
+	cy: "10",
+	r: "7"
+}), /* @__PURE__ */ n("path", { d: "m7 10.25 2.1 2 3.9-4.25" })] })), b = e("MenuIcon", /* @__PURE__ */ n("path", { d: "M3.5 6.5h13M3.5 10h13M3.5 13.5h13" })), x = e("MoreIcon", /* @__PURE__ */ n("path", {
+	d: "M5 10v.01M10 10v.01M15 10v.01",
+	strokeWidth: "2.25"
+})), S = e("CopyIcon", /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("rect", {
+	x: "7",
+	y: "7",
+	width: "9",
+	height: "9",
+	rx: "1.5"
+}), /* @__PURE__ */ n("path", { d: "M13 4.5H5.5a1 1 0 0 0-1 1V13" })] })), C = e("SunIcon", /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("circle", {
+	cx: "10",
+	cy: "10",
+	r: "3.25"
+}), /* @__PURE__ */ n("path", { d: "M10 2.75v1.5M10 15.75v1.5M2.75 10h1.5M15.75 10h1.5M4.9 4.9l1.05 1.05M14.05 14.05l1.05 1.05M4.9 15.1l1.05-1.05M14.05 5.95l1.05-1.05" })] })), w = e("MoonIcon", /* @__PURE__ */ n("path", { d: "M15.5 12.4A6.25 6.25 0 0 1 7.6 4.5a6.25 6.25 0 1 0 7.9 7.9Z" })), T = e("SystemIcon", /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("rect", {
+	x: "3",
+	y: "4",
+	width: "14",
+	height: "9.5",
+	rx: "1.25"
+}), /* @__PURE__ */ n("path", { d: "M7.5 16.5h5M10 13.5v3" })] })), E = e("StarIcon", /* @__PURE__ */ n("path", { d: "M10 3.25 12.3 8l5.2.75-3.75 3.66.9 5.2L10 15.1l-4.65 2.5.9-5.2-3.75-3.66L7.7 8Z" })), D = e("EyeIcon", /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("path", { d: "M2.5 10S5.5 4.75 10 4.75 17.5 10 17.5 10 14.5 15.25 10 15.25 2.5 10 2.5 10Z" }), /* @__PURE__ */ n("circle", {
+	cx: "10",
+	cy: "10",
+	r: "2.25"
+})] })), O = e("EyeOffIcon", /* @__PURE__ */ r(t, { children: [
+	/* @__PURE__ */ n("path", { d: "M4.4 4.4 15.6 15.6" }),
+	/* @__PURE__ */ n("path", { d: "M8.2 5.05C8.77 4.86 9.37 4.75 10 4.75c4.5 0 7.5 5.25 7.5 5.25s-.85 1.5-2.35 2.85M6.3 6.3C4.15 7.6 2.5 10 2.5 10s3 5.25 7.5 5.25c1.1 0 2.08-.32 2.93-.8" }),
+	/* @__PURE__ */ n("path", { d: "M7.9 8.15A2.25 2.25 0 0 0 10 12.25c.42 0 .8-.1 1.15-.28" })
+] })), k = e("UploadIcon", /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("path", { d: "M10 13.25v-8.5M6.75 8 10 4.75 13.25 8" }), /* @__PURE__ */ n("path", { d: "M3.75 14.25v1a1.5 1.5 0 0 0 1.5 1.5h9.5a1.5 1.5 0 0 0 1.5-1.5v-1" })] }));
+//#endregion
+export { f as ArrowLeftIcon, p as ArrowRightIcon, m as ArrowUpRightIcon, c as CheckIcon, i as ChevronDownIcon, o as ChevronLeftIcon, s as ChevronRightIcon, a as ChevronUpIcon, y as CircleCheckIcon, l as CloseIcon, S as CopyIcon, v as ErrorIcon, D as EyeIcon, O as EyeOffIcon, g as InfoIcon, b as MenuIcon, d as MinusIcon, w as MoonIcon, x as MoreIcon, u as PlusIcon, h as SearchIcon, E as StarIcon, C as SunIcon, T as SystemIcon, k as UploadIcon, _ as WarningIcon };
+
+//# sourceMappingURL=icons.js.map

package/dist/icons/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":["_Fragment","ChevronDownIcon","createIcon","ChevronUpIcon","ChevronLeftIcon","ChevronRightIcon","CheckIcon","CloseIcon","PlusIcon","MinusIcon","ArrowLeftIcon","ArrowRightIcon","ArrowUpRightIcon","SearchIcon","Fragment","InfoIcon","WarningIcon","ErrorIcon","CircleCheckIcon","MenuIcon","MoreIcon","CopyIcon","SunIcon","MoonIcon","SystemIcon","StarIcon","EyeIcon","EyeOffIcon","UploadIcon"],"sources":["../../src/icons/icons.tsx"],"sourcesContent":["import { createIcon } from './Icon'\n\n/* Deliberately few. Components need these; apps bring their own set for everything else. */\n\nexport const ChevronDownIcon = createIcon('ChevronDownIcon', <path d=\"M5.5 8 10 12.5 14.5 8\" />)\nexport const ChevronUpIcon = createIcon('ChevronUpIcon', <path d=\"M5.5 12 10 7.5 14.5 12\" />)\nexport const ChevronLeftIcon = createIcon('ChevronLeftIcon', <path d=\"M12 5.5 7.5 10 12 14.5\" />)\nexport const ChevronRightIcon = createIcon('ChevronRightIcon', <path d=\"M8 5.5 12.5 10 8 14.5\" />)\nexport const CheckIcon = createIcon('CheckIcon', <path d=\"M4.5 10.5 8.25 14 15.5 6.5\" />)\nexport const CloseIcon = createIcon('CloseIcon', <path d=\"M5.5 5.5l9 9m0-9-9 9\" />)\nexport const PlusIcon = createIcon('PlusIcon', <path d=\"M10 4.5v11M4.5 10h11\" />)\nexport const MinusIcon = createIcon('MinusIcon', <path d=\"M4.5 10h11\" />)\nexport const ArrowLeftIcon = createIcon(\n  'ArrowLeftIcon',\n  <path d=\"M15.5 10h-11m4.5-4.5L4.5 10 9 14.5\" />,\n)\nexport const ArrowRightIcon = createIcon(\n  'ArrowRightIcon',\n  <path d=\"M4.5 10h11M11 5.5l4.5 4.5-4.5 4.5\" />,\n)\nexport const ArrowUpRightIcon = createIcon(\n  'ArrowUpRightIcon',\n  <path d=\"M6.5 13.5l7-7M7.5 6.5h6v6\" />,\n)\nexport const SearchIcon = createIcon(\n  'SearchIcon',\n  <>\n    <circle cx=\"9\" cy=\"9\" r=\"4.75\" />\n    <path d=\"m12.5 12.5 3.5 3.5\" />\n  </>,\n)\nexport const InfoIcon = createIcon(\n  'InfoIcon',\n  <>\n    <circle cx=\"10\" cy=\"10\" r=\"7\" />\n    <path d=\"M10 9.25v4.25\" />\n    <path d=\"M10 6.6v.01\" />\n  </>,\n)\nexport const WarningIcon = createIcon(\n  'WarningIcon',\n  <>\n    <path d=\"M10 3.5 17 16H3z\" />\n    <path d=\"M10 8.5v3.5\" />\n    <path d=\"M10 14.1v.01\" />\n  </>,\n)\nexport const ErrorIcon = createIcon(\n  'ErrorIcon',\n  <>\n    <circle cx=\"10\" cy=\"10\" r=\"7\" />\n    <path d=\"M10 6.5v4.5\" />\n    <path d=\"M10 13.6v.01\" />\n  </>,\n)\nexport const CircleCheckIcon = createIcon(\n  'CircleCheckIcon',\n  <>\n    <circle cx=\"10\" cy=\"10\" r=\"7\" />\n    <path d=\"m7 10.25 2.1 2 3.9-4.25\" />\n  </>,\n)\nexport const MenuIcon = createIcon('MenuIcon', <path d=\"M3.5 6.5h13M3.5 10h13M3.5 13.5h13\" />)\nexport const MoreIcon = createIcon(\n  'MoreIcon',\n  <path d=\"M5 10v.01M10 10v.01M15 10v.01\" strokeWidth=\"2.25\" />,\n)\nexport const CopyIcon = createIcon(\n  'CopyIcon',\n  <>\n    <rect x=\"7\" y=\"7\" width=\"9\" height=\"9\" rx=\"1.5\" />\n    <path d=\"M13 4.5H5.5a1 1 0 0 0-1 1V13\" />\n  </>,\n)\nexport const SunIcon = createIcon(\n  'SunIcon',\n  <>\n    <circle cx=\"10\" cy=\"10\" r=\"3.25\" />\n    <path d=\"M10 2.75v1.5M10 15.75v1.5M2.75 10h1.5M15.75 10h1.5M4.9 4.9l1.05 1.05M14.05 14.05l1.05 1.05M4.9 15.1l1.05-1.05M14.05 5.95l1.05-1.05\" />\n  </>,\n)\nexport const MoonIcon = createIcon(\n  'MoonIcon',\n  <path d=\"M15.5 12.4A6.25 6.25 0 0 1 7.6 4.5a6.25 6.25 0 1 0 7.9 7.9Z\" />,\n)\nexport const SystemIcon = createIcon(\n  'SystemIcon',\n  <>\n    <rect x=\"3\" y=\"4\" width=\"14\" height=\"9.5\" rx=\"1.25\" />\n    <path d=\"M7.5 16.5h5M10 13.5v3\" />\n  </>,\n)\nexport const StarIcon = createIcon(\n  'StarIcon',\n  <path d=\"M10 3.25 12.3 8l5.2.75-3.75 3.66.9 5.2L10 15.1l-4.65 2.5.9-5.2-3.75-3.66L7.7 8Z\" />,\n)\nexport const EyeIcon = createIcon(\n  'EyeIcon',\n  <>\n    <path d=\"M2.5 10S5.5 4.75 10 4.75 17.5 10 17.5 10 14.5 15.25 10 15.25 2.5 10 2.5 10Z\" />\n    <circle cx=\"10\" cy=\"10\" r=\"2.25\" />\n  </>,\n)\nexport const EyeOffIcon = createIcon(\n  'EyeOffIcon',\n  <>\n    <path d=\"M4.4 4.4 15.6 15.6\" />\n    <path d=\"M8.2 5.05C8.77 4.86 9.37 4.75 10 4.75c4.5 0 7.5 5.25 7.5 5.25s-.85 1.5-2.35 2.85M6.3 6.3C4.15 7.6 2.5 10 2.5 10s3 5.25 7.5 5.25c1.1 0 2.08-.32 2.93-.8\" />\n    <path d=\"M7.9 8.15A2.25 2.25 0 0 0 10 12.25c.42 0 .8-.1 1.15-.28\" />\n  </>,\n)\nexport const UploadIcon = createIcon(\n  'UploadIcon',\n  <>\n    <path d=\"M10 13.25v-8.5M6.75 8 10 4.75 13.25 8\" />\n    <path d=\"M3.75 14.25v1a1.5 1.5 0 0 0 1.5 1.5h9.5a1.5 1.5 0 0 0 1.5-1.5v-1\" />\n  </>,\n)\n"],"mappings":"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"}

package/dist/icons/index.d.ts

@@ -0,0 +1,3 @@
+export { createIcon } from './Icon.js';
+export type { IconProps, IconSize } from './Icon.js';
+export * from './icons.js';