@namroodinc/liquid-editorial 0.0.0-stage → 0.1.0

package/dist/components/FieldAffix/index.js

@@ -0,0 +1,45 @@
+/* empty css                          */
+import { useLayoutEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/FieldAffix/index.tsx
+function a(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function o({ lead: o, trail: s, isTrailInteractive: c = !1, className: l, children: u }) {
+	let d = t(null), f = t(null), [p, m] = n({
+		start: 0,
+		end: 0
+	});
+	e(() => {
+		let e = () => m({
+			start: d.current?.offsetWidth ?? 0,
+			end: f.current?.offsetWidth ?? 0
+		});
+		if (e(), typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(e);
+		return d.current && t.observe(d.current), f.current && t.observe(f.current), () => t.disconnect();
+	}, [o, s]);
+	let h = {};
+	return o && (h["--field-pad-start"] = `calc(${p.start}px + var(--field-affix-gap) * 2)`), s && (h["--field-pad-end"] = `calc(${p.end}px + var(--field-affix-gap) * 2)`), /* @__PURE__ */ i("span", {
+		className: a("ds-field-affix", l),
+		style: h,
+		children: [
+			o && /* @__PURE__ */ r("span", {
+				className: "ds-field-affix__lead",
+				ref: d,
+				children: o
+			}),
+			u,
+			s && /* @__PURE__ */ r("span", {
+				className: "ds-field-affix__trail",
+				ref: f,
+				"data-interactive": c || void 0,
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { o as FieldAffix };
+
+//# sourceMappingURL=index.js.map

package/dist/components/FieldAffix/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["cx","parts","FieldAffix","leadRef","useRef","trailRef","pad","setPad","useState","measure","observer","lead","trail","style","className","children","isTrailInteractive"],"sources":["../../../src/components/FieldAffix/index.tsx"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport \"../Field/style.css\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport interface FieldAffixProps {\n  /** Node pinned to the start of the field — a glyph, a currency mark. */\n  lead?: ReactNode;\n  /** Node pinned to the end of the field — a unit, a clear button. */\n  trail?: ReactNode;\n  /** Set when the trailing node is interactive, so it can take the pointer. */\n  isTrailInteractive?: boolean;\n  className?: string;\n  /** The field itself — one `.ds-field-skin` control. */\n  children: ReactNode;\n}\n\n/**\n * The one way a field carries something beside its text. Both affixes are\n * measured, and the control's inline padding is reserved from that measurement\n * — so content never runs under a glyph, whatever the affix holds.\n */\nexport function FieldAffix({\n  lead,\n  trail,\n  isTrailInteractive = false,\n  className,\n  children,\n}: FieldAffixProps) {\n  const leadRef = useRef<HTMLSpanElement | null>(null);\n  const trailRef = useRef<HTMLSpanElement | null>(null);\n  const [pad, setPad] = useState<{ start: number; end: number }>({ start: 0, end: 0 });\n\n  useLayoutEffect(() => {\n    const measure = () =>\n      setPad({\n        start: leadRef.current?.offsetWidth ?? 0,\n        end: trailRef.current?.offsetWidth ?? 0,\n      });\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measure);\n    if (leadRef.current) observer.observe(leadRef.current);\n    if (trailRef.current) observer.observe(trailRef.current);\n    return () => observer.disconnect();\n  }, [lead, trail]);\n\n  const style: Record<string, string> = {};\n  if (lead) style[\"--field-pad-start\"] = `calc(${pad.start}px + var(--field-affix-gap) * 2)`;\n  if (trail) style[\"--field-pad-end\"] = `calc(${pad.end}px + var(--field-affix-gap) * 2)`;\n\n  return (\n    <span className={cx(\"ds-field-affix\", className)} style={style}>\n      {lead && (\n        <span className=\"ds-field-affix__lead\" ref={leadRef}>\n          {lead}\n        </span>\n      )}\n      {children}\n      {trail && (\n        <span\n          className=\"ds-field-affix__trail\"\n          ref={trailRef}\n          data-interactive={isTrailInteractive || undefined}\n        >\n          {trail}\n        </span>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;AASA,SAASA,EAAG,GAAGC,GAAuC;CACpD,OAAOA,EAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACvC;AAmBA,SAAgBC,EAAW,EACzB,SACA,UACA,wBAAqB,IACrB,cACA,eACkB;CAClB,IAAMC,IAAUC,EAA+B,IAAI,GAC7CC,IAAWD,EAA+B,IAAI,GAC9C,CAACE,GAAKC,KAAUC,EAAyC;EAAE,OAAO;EAAG,KAAK;CAAE,CAAC;CAEnF,QAAsB;EACpB,IAAMC,UACJF,EAAO;GACL,OAAOJ,EAAQ,SAAS,eAAe;GACvC,KAAKE,EAAS,SAAS,eAAe;EACxC,CAAC;EAEH,IADAI,EAAQ,GACJ,OAAO,iBAAmB,KAAa;EAC3C,IAAMC,IAAW,IAAI,eAAeD,CAAO;EAG3C,OAFIN,EAAQ,WAASO,EAAS,QAAQP,EAAQ,OAAO,GACjDE,EAAS,WAASK,EAAS,QAAQL,EAAS,OAAO,SAC1CK,EAAS,WAAW;CACnC,GAAG,CAACC,GAAMC,CAAK,CAAC;CAEhB,IAAMC,IAAgC,CAAC;CAIvC,OAHIF,MAAM,EAAM,uBAAuB,QAAQL,EAAI,MAAM,oCACrDM,MAAO,EAAM,qBAAqB,QAAQN,EAAI,IAAI,oCAGpD,kBAAC,QAAD;EAAM,WAAWN,EAAG,kBAAkBc,CAAS;EAAU;EAAzD,UAAA;GACGH,KACC,kBAAC,QAAD;IAAM,WAAU;IAAuB,KAAKR;IACzC,UAAAQ;GACG,CAAA;GAEPI;GACAH,KACC,kBAAC,QAAD;IACE,WAAU;IACV,KAAKP;IACL,oBAAkBW,KAAsB,KAAA;IAEvC,UAAAJ;GACG,CAAA;EAEJ;;AAEV"}

package/dist/components/FieldAffix/style.css

@@ -0,0 +1,54 @@
+@layer components {
+  .ds-field-affix {
+    --field-affix-gap: 10px;
+
+    position: relative;
+    display: flex;
+    align-items: center;
+    inline-size: 100%;
+    min-inline-size: 0;
+  }
+
+  /* The measured reservation. Beats the sized padding on the field skin so a
+   * field with an affix never prints its text under one. */
+  .ds-field-affix > input.ds-field-skin[data-size],
+  .ds-field-affix > .ds-field-skin {
+    padding-inline: var(--field-pad-start, var(--field-affix-gap))
+      var(--field-pad-end, var(--field-affix-gap));
+  }
+
+  .ds-field-affix__lead,
+  .ds-field-affix__trail {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    gap: var(--space-1);
+    color: var(--color-text-muted);
+    font-size: var(--field-font-size-md);
+    pointer-events: none;
+  }
+
+  .ds-field-affix:has(> .ds-field-skin[data-size="sm"]) .ds-field-affix__lead,
+  .ds-field-affix:has(> .ds-field-skin[data-size="sm"]) .ds-field-affix__trail {
+    font-size: var(--field-font-size-sm);
+  }
+
+  .ds-field-affix:has(> .ds-field-skin[data-size="md"]) .ds-field-affix__lead,
+  .ds-field-affix:has(> .ds-field-skin[data-size="md"]) .ds-field-affix__trail,
+  .ds-field-affix:has(> .ds-field-skin[data-size="lg"]) .ds-field-affix__lead,
+  .ds-field-affix:has(> .ds-field-skin[data-size="lg"]) .ds-field-affix__trail {
+    font-size: var(--field-font-size-md);
+  }
+
+  .ds-field-affix__lead {
+    inset-inline-start: var(--field-affix-gap);
+  }
+
+  .ds-field-affix__trail {
+    inset-inline-end: var(--field-affix-gap);
+  }
+
+  .ds-field-affix__trail[data-interactive] {
+    pointer-events: auto;
+  }
+}

package/dist/components/Grid/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.forwardRef)(function({columns:e=`auto`,gap:n=`md`,rowGap:r,minColumnWidth:i=`var(--asset-tile-min-width)`,align:a=`stretch`,as:o=`div`,className:s,style:c,...l},u){return(0,t.jsx)(o,{ref:u,className:[`ds-grid`,`ds-grid--cols-${e}`,`ds-grid--gap-${n}`,r?`ds-grid--row-gap-${r}`:null,`ds-grid--align-${a}`,s].filter(Boolean).join(` `),style:{"--grid-min-column":i,...c},...l})}),r=(0,e.forwardRef)(function({span:e=1,as:n=`div`,className:r,...i},a){return(0,t.jsx)(n,{ref:a,className:[`ds-grid__item`,`ds-grid__item--span-${e}`,r].filter(Boolean).join(` `),...i})}),i=(0,e.forwardRef)(function({direction:e=`vertical`,gap:n=`md`,align:r=`stretch`,justify:i=`start`,wrap:a=!1,as:o=`div`,className:s,...c},l){return(0,t.jsx)(o,{ref:l,className:[`ds-stack`,`ds-stack--${e}`,`ds-grid--gap-${n}`,`ds-stack--align-${r}`,`ds-stack--justify-${i}`,a?`ds-stack--wrap`:null,s].filter(Boolean).join(` `),...c})});exports.Grid=n,exports.GridItem=r,exports.Stack=i;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Grid/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","TagEl","react","react_jsx_runtime","Grid","asTag","rest","columns","gap","rowGap","align","className","minColumnWidth","style","GridItem","span","Stack","direction","justify","wrap"],"sources":["../../../src/components/Grid/index.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ElementType, type HTMLAttributes } from \"react\";\nimport \"./style.css\";\n\n/** Gap steps map onto the spacing scale — never a raw pixel value. */\nexport type GapSize = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/** Column counts the system offers. `auto` fills by minimum column width. */\nexport type GridColumns = 1 | 2 | 3 | 4 | 6 | 12 | \"auto\";\n\nexport type GridAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  /** Columns at the widest. Narrow containers step down automatically. */\n  columns?: GridColumns;\n  /** Space between every child, in both axes. */\n  gap?: GapSize;\n  /** Override the row gap when rows should breathe differently. */\n  rowGap?: GapSize;\n  /** Smallest a column may get before the grid drops one, for `columns=\"auto\"`. */\n  minColumnWidth?: string;\n  align?: GridAlign;\n  /** Render as a different element — `ul`, `section`, and so on. */\n  as?: \"div\" | \"ul\" | \"ol\" | \"section\";\n}\n\n/**\n * A spacing wrapper. Put things inside it and they take their rhythm from the\n * wrapper's `gap` — no margins on the children, ever. Columns step down on\n * their own inside a narrow container, so a Grid is safe anywhere.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(\n  {\n    columns = \"auto\",\n    gap = \"md\",\n    rowGap,\n    minColumnWidth = \"var(--asset-tile-min-width)\",\n    align = \"stretch\",\n    as: asTag = \"div\",\n    className,\n    style,\n    ...rest\n  },\n  ref,\n) {\n  const TagEl = asTag as ElementType;\n  return (\n    <TagEl\n      ref={ref as never}\n      className={[\n        \"ds-grid\",\n        `ds-grid--cols-${columns}`,\n        `ds-grid--gap-${gap}`,\n        rowGap ? `ds-grid--row-gap-${rowGap}` : null,\n        `ds-grid--align-${align}`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={{ \"--grid-min-column\": minColumnWidth, ...style } as CSSProperties}\n      {...rest}\n    />\n  );\n});\n\nexport interface GridItemProps extends HTMLAttributes<HTMLDivElement> {\n  /** How many columns this child takes. `full` spans the whole row. */\n  span?: 1 | 2 | 3 | 4 | 6 | 12 | \"full\";\n  as?: \"div\" | \"li\" | \"article\" | \"section\";\n}\n\n/** Only needed when one child should be wider than the rest. */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(function GridItem(\n  { span = 1, as: asTag = \"div\", className, ...rest },\n  ref,\n) {\n  const TagEl = asTag as ElementType;\n  return (\n    <TagEl\n      ref={ref as never}\n      className={[\"ds-grid__item\", `ds-grid__item--span-${span}`, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n});\n\nexport type StackDirection = \"vertical\" | \"horizontal\";\n\nexport interface StackProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: StackDirection;\n  gap?: GapSize;\n  align?: \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\n  justify?: \"start\" | \"center\" | \"end\" | \"between\";\n  wrap?: boolean;\n  as?: \"div\" | \"ul\" | \"ol\" | \"section\" | \"header\" | \"footer\";\n}\n\n/** The one-axis version of Grid: same gap scale, no columns. */\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(function Stack(\n  {\n    direction = \"vertical\",\n    gap = \"md\",\n    align = \"stretch\",\n    justify = \"start\",\n    wrap = false,\n    as: asTag = \"div\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const TagEl = asTag as ElementType;\n  return (\n    <TagEl\n      ref={ref as never}\n      className={[\n        \"ds-stack\",\n        `ds-stack--${direction}`,\n        `ds-grid--gap-${gap}`,\n        `ds-stack--align-${align}`,\n        `ds-stack--justify-${justify}`,\n        wrap ? \"ds-stack--wrap\" : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n});\n"],"mappings":"A,yHA8BA,IAAaI,GAAA,EAAOJ,EAAAA,WAAAA,CAAsC,SACxD,CACE,UAAU,OACV,MAAM,KACN,SACA,iBAAiB,8BACjB,QAAQ,UACR,GAAIK,EAAQ,MACZ,YACA,QACA,GAAGC,GAEL,EACA,CAEA,OACE,EAAAH,EAAA,IAAA,CAACF,EAAD,CACO,MACL,UAAW,CACT,UACA,iBAAiBM,IACjB,gBAAgBC,IAChBC,EAAS,oBAAoBA,IAAW,KACxC,kBAAkBC,IAClBC,CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EACX,MAAO,CAAE,oBAAqBC,EAAgB,GAAGC,CAAM,EACvD,GAAIP,CACL,CAAA,CAEL,CAAC,EASYQ,GAAA,EAAWd,EAAAA,WAAAA,CAA0C,SAChE,CAAE,OAAO,EAAG,GAAIK,EAAQ,MAAO,YAAW,GAAGC,GAC7C,EACA,CAEA,OACE,EAAAH,EAAA,IAAA,CAACF,EAAD,CACO,MACL,UAAW,CAAC,gBAAiB,uBAAuBc,IAAQJ,CAAS,CAAC,CACnE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EACX,GAAIL,CACL,CAAA,CAEL,CAAC,EAcYU,GAAA,EAAQhB,EAAAA,WAAAA,CAAuC,SAC1D,CACE,YAAY,WACZ,MAAM,KACN,QAAQ,UACR,UAAU,QACV,OAAO,GACP,GAAIK,EAAQ,MACZ,YACA,GAAGC,GAEL,EACA,CAEA,OACE,EAAAH,EAAA,IAAA,CAACF,EAAD,CACO,MACL,UAAW,CACT,WACA,aAAagB,IACb,gBAAgBT,IAChB,mBAAmBE,IACnB,qBAAqBQ,IACrBC,EAAO,iBAAmB,KAC1BR,CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EACX,GAAIL,CACL,CAAA,CAEL,CAAC,E"}

package/dist/components/Grid/index.d.cts

@@ -0,0 +1,44 @@
+import { type HTMLAttributes } from "react";
+/** Gap steps map onto the spacing scale — never a raw pixel value. */
+export type GapSize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+/** Column counts the system offers. `auto` fills by minimum column width. */
+export type GridColumns = 1 | 2 | 3 | 4 | 6 | 12 | "auto";
+export type GridAlign = "start" | "center" | "end" | "stretch";
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /** Columns at the widest. Narrow containers step down automatically. */
+    columns?: GridColumns;
+    /** Space between every child, in both axes. */
+    gap?: GapSize;
+    /** Override the row gap when rows should breathe differently. */
+    rowGap?: GapSize;
+    /** Smallest a column may get before the grid drops one, for `columns="auto"`. */
+    minColumnWidth?: string;
+    align?: GridAlign;
+    /** Render as a different element — `ul`, `section`, and so on. */
+    as?: "div" | "ul" | "ol" | "section";
+}
+/**
+ * A spacing wrapper. Put things inside it and they take their rhythm from the
+ * wrapper's `gap` — no margins on the children, ever. Columns step down on
+ * their own inside a narrow container, so a Grid is safe anywhere.
+ */
+export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** How many columns this child takes. `full` spans the whole row. */
+    span?: 1 | 2 | 3 | 4 | 6 | 12 | "full";
+    as?: "div" | "li" | "article" | "section";
+}
+/** Only needed when one child should be wider than the rest. */
+export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export type StackDirection = "vertical" | "horizontal";
+export interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    direction?: StackDirection;
+    gap?: GapSize;
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    justify?: "start" | "center" | "end" | "between";
+    wrap?: boolean;
+    as?: "div" | "ul" | "ol" | "section" | "header" | "footer";
+}
+/** The one-axis version of Grid: same gap scale, no columns. */
+export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.cts.map

package/dist/components/Grid/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,aAAa,CAAC;AAErB,sEAAsE;AACtE,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAExE,6EAA6E;AAC7E,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,wEAAwE;IACxE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CACtC;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,sGAgCf,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,qEAAqE;IACrE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IACvC,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC;CAC3C;AAED,gEAAgE;AAChE,eAAO,MAAM,QAAQ,0GAcnB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC5D;AAED,gEAAgE;AAChE,eAAO,MAAM,KAAK,uGA+BhB,CAAC"}

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,44 @@
+import { type HTMLAttributes } from "react";
+/** Gap steps map onto the spacing scale — never a raw pixel value. */
+export type GapSize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+/** Column counts the system offers. `auto` fills by minimum column width. */
+export type GridColumns = 1 | 2 | 3 | 4 | 6 | 12 | "auto";
+export type GridAlign = "start" | "center" | "end" | "stretch";
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /** Columns at the widest. Narrow containers step down automatically. */
+    columns?: GridColumns;
+    /** Space between every child, in both axes. */
+    gap?: GapSize;
+    /** Override the row gap when rows should breathe differently. */
+    rowGap?: GapSize;
+    /** Smallest a column may get before the grid drops one, for `columns="auto"`. */
+    minColumnWidth?: string;
+    align?: GridAlign;
+    /** Render as a different element — `ul`, `section`, and so on. */
+    as?: "div" | "ul" | "ol" | "section";
+}
+/**
+ * A spacing wrapper. Put things inside it and they take their rhythm from the
+ * wrapper's `gap` — no margins on the children, ever. Columns step down on
+ * their own inside a narrow container, so a Grid is safe anywhere.
+ */
+export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** How many columns this child takes. `full` spans the whole row. */
+    span?: 1 | 2 | 3 | 4 | 6 | 12 | "full";
+    as?: "div" | "li" | "article" | "section";
+}
+/** Only needed when one child should be wider than the rest. */
+export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export type StackDirection = "vertical" | "horizontal";
+export interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    direction?: StackDirection;
+    gap?: GapSize;
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    justify?: "start" | "center" | "end" | "between";
+    wrap?: boolean;
+    as?: "div" | "ul" | "ol" | "section" | "header" | "footer";
+}
+/** The one-axis version of Grid: same gap scale, no columns. */
+export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,aAAa,CAAC;AAErB,sEAAsE;AACtE,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAExE,6EAA6E;AAC7E,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,wEAAwE;IACxE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CACtC;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,sGAgCf,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,qEAAqE;IACrE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IACvC,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC;CAC3C;AAED,gEAAgE;AAChE,eAAO,MAAM,QAAQ,0GAcnB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC5D;AAED,gEAAgE;AAChE,eAAO,MAAM,KAAK,uGA+BhB,CAAC"}

package/dist/components/Grid/index.js

@@ -0,0 +1,49 @@
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Grid/index.tsx
+var n = e(function({ columns: e = "auto", gap: n = "md", rowGap: r, minColumnWidth: i = "var(--asset-tile-min-width)", align: a = "stretch", as: o = "div", className: s, style: c, ...l }, u) {
+	return /* @__PURE__ */ t(o, {
+		ref: u,
+		className: [
+			"ds-grid",
+			`ds-grid--cols-${e}`,
+			`ds-grid--gap-${n}`,
+			r ? `ds-grid--row-gap-${r}` : null,
+			`ds-grid--align-${a}`,
+			s
+		].filter(Boolean).join(" "),
+		style: {
+			"--grid-min-column": i,
+			...c
+		},
+		...l
+	});
+}), r = e(function({ span: e = 1, as: n = "div", className: r, ...i }, a) {
+	return /* @__PURE__ */ t(n, {
+		ref: a,
+		className: [
+			"ds-grid__item",
+			`ds-grid__item--span-${e}`,
+			r
+		].filter(Boolean).join(" "),
+		...i
+	});
+}), i = e(function({ direction: e = "vertical", gap: n = "md", align: r = "stretch", justify: i = "start", wrap: a = !1, as: o = "div", className: s, ...c }, l) {
+	return /* @__PURE__ */ t(o, {
+		ref: l,
+		className: [
+			"ds-stack",
+			`ds-stack--${e}`,
+			`ds-grid--gap-${n}`,
+			`ds-stack--align-${r}`,
+			`ds-stack--justify-${i}`,
+			a ? "ds-stack--wrap" : null,
+			s
+		].filter(Boolean).join(" "),
+		...c
+	});
+});
+//#endregion
+export { n as Grid, r as GridItem, i as Stack };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TagEl","Grid","forwardRef","asTag","rest","columns","gap","rowGap","align","className","minColumnWidth","style","GridItem","span","Stack","direction","justify","wrap"],"sources":["../../../src/components/Grid/index.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ElementType, type HTMLAttributes } from \"react\";\nimport \"./style.css\";\n\n/** Gap steps map onto the spacing scale — never a raw pixel value. */\nexport type GapSize = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/** Column counts the system offers. `auto` fills by minimum column width. */\nexport type GridColumns = 1 | 2 | 3 | 4 | 6 | 12 | \"auto\";\n\nexport type GridAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  /** Columns at the widest. Narrow containers step down automatically. */\n  columns?: GridColumns;\n  /** Space between every child, in both axes. */\n  gap?: GapSize;\n  /** Override the row gap when rows should breathe differently. */\n  rowGap?: GapSize;\n  /** Smallest a column may get before the grid drops one, for `columns=\"auto\"`. */\n  minColumnWidth?: string;\n  align?: GridAlign;\n  /** Render as a different element — `ul`, `section`, and so on. */\n  as?: \"div\" | \"ul\" | \"ol\" | \"section\";\n}\n\n/**\n * A spacing wrapper. Put things inside it and they take their rhythm from the\n * wrapper's `gap` — no margins on the children, ever. Columns step down on\n * their own inside a narrow container, so a Grid is safe anywhere.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(\n  {\n    columns = \"auto\",\n    gap = \"md\",\n    rowGap,\n    minColumnWidth = \"var(--asset-tile-min-width)\",\n    align = \"stretch\",\n    as: asTag = \"div\",\n    className,\n    style,\n    ...rest\n  },\n  ref,\n) {\n  const TagEl = asTag as ElementType;\n  return (\n    <TagEl\n      ref={ref as never}\n      className={[\n        \"ds-grid\",\n        `ds-grid--cols-${columns}`,\n        `ds-grid--gap-${gap}`,\n        rowGap ? `ds-grid--row-gap-${rowGap}` : null,\n        `ds-grid--align-${align}`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={{ \"--grid-min-column\": minColumnWidth, ...style } as CSSProperties}\n      {...rest}\n    />\n  );\n});\n\nexport interface GridItemProps extends HTMLAttributes<HTMLDivElement> {\n  /** How many columns this child takes. `full` spans the whole row. */\n  span?: 1 | 2 | 3 | 4 | 6 | 12 | \"full\";\n  as?: \"div\" | \"li\" | \"article\" | \"section\";\n}\n\n/** Only needed when one child should be wider than the rest. */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(function GridItem(\n  { span = 1, as: asTag = \"div\", className, ...rest },\n  ref,\n) {\n  const TagEl = asTag as ElementType;\n  return (\n    <TagEl\n      ref={ref as never}\n      className={[\"ds-grid__item\", `ds-grid__item--span-${span}`, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n});\n\nexport type StackDirection = \"vertical\" | \"horizontal\";\n\nexport interface StackProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: StackDirection;\n  gap?: GapSize;\n  align?: \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\n  justify?: \"start\" | \"center\" | \"end\" | \"between\";\n  wrap?: boolean;\n  as?: \"div\" | \"ul\" | \"ol\" | \"section\" | \"header\" | \"footer\";\n}\n\n/** The one-axis version of Grid: same gap scale, no columns. */\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(function Stack(\n  {\n    direction = \"vertical\",\n    gap = \"md\",\n    align = \"stretch\",\n    justify = \"start\",\n    wrap = false,\n    as: asTag = \"div\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const TagEl = asTag as ElementType;\n  return (\n    <TagEl\n      ref={ref as never}\n      className={[\n        \"ds-stack\",\n        `ds-stack--${direction}`,\n        `ds-grid--gap-${gap}`,\n        `ds-stack--align-${align}`,\n        `ds-stack--justify-${justify}`,\n        wrap ? \"ds-stack--wrap\" : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;AA8BA,IAAaC,IAAOC,EAAsC,SACxD,EACE,aAAU,QACV,SAAM,MACN,WACA,oBAAiB,+BACjB,WAAQ,WACR,IAAIC,IAAQ,OACZ,cACA,UACA,GAAGC,KAEL,GACA;CAEA,OACE,kBAACJ,GAAD;EACO;EACL,WAAW;GACT;GACA,iBAAiBK;GACjB,gBAAgBC;GAChBC,IAAS,oBAAoBA,MAAW;GACxC,kBAAkBC;GAClBC;EACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EACX,OAAO;GAAE,qBAAqBC;GAAgB,GAAGC;EAAM;EACvD,GAAIP;CACL,CAAA;AAEL,CAAC,GASYQ,IAAWV,EAA0C,SAChE,EAAE,UAAO,GAAG,IAAIC,IAAQ,OAAO,cAAW,GAAGC,KAC7C,GACA;CAEA,OACE,kBAACJ,GAAD;EACO;EACL,WAAW;GAAC;GAAiB,uBAAuBa;GAAQJ;EAAS,CAAC,CACnE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EACX,GAAIL;CACL,CAAA;AAEL,CAAC,GAcYU,IAAQZ,EAAuC,SAC1D,EACE,eAAY,YACZ,SAAM,MACN,WAAQ,WACR,aAAU,SACV,UAAO,IACP,IAAIC,IAAQ,OACZ,cACA,GAAGC,KAEL,GACA;CAEA,OACE,kBAACJ,GAAD;EACO;EACL,WAAW;GACT;GACA,aAAae;GACb,gBAAgBT;GAChB,mBAAmBE;GACnB,qBAAqBQ;GACrBC,IAAO,mBAAmB;GAC1BR;EACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EACX,GAAIL;CACL,CAAA;AAEL,CAAC"}

package/dist/components/Grid/style.css

@@ -0,0 +1,226 @@
+@layer components {
+  /* One gap scale, shared by Grid and Stack. Children never carry margins —
+   * the wrapper owns all the space between things. */
+  .ds-grid--gap-none {
+    --grid-gap: 0;
+  }
+
+  .ds-grid--gap-xs {
+    --grid-gap: var(--space-1);
+  }
+
+  .ds-grid--gap-sm {
+    --grid-gap: var(--space-2);
+  }
+
+  .ds-grid--gap-md {
+    --grid-gap: var(--space-4);
+  }
+
+  .ds-grid--gap-lg {
+    --grid-gap: var(--space-6);
+  }
+
+  .ds-grid--gap-xl {
+    --grid-gap: var(--space-8);
+  }
+
+  .ds-grid--gap-2xl {
+    --grid-gap: var(--space-12);
+  }
+
+  .ds-grid--row-gap-none {
+    --grid-row-gap: 0;
+  }
+
+  .ds-grid--row-gap-xs {
+    --grid-row-gap: var(--space-1);
+  }
+
+  .ds-grid--row-gap-sm {
+    --grid-row-gap: var(--space-2);
+  }
+
+  .ds-grid--row-gap-md {
+    --grid-row-gap: var(--space-4);
+  }
+
+  .ds-grid--row-gap-lg {
+    --grid-row-gap: var(--space-6);
+  }
+
+  .ds-grid--row-gap-xl {
+    --grid-row-gap: var(--space-8);
+  }
+
+  .ds-grid--row-gap-2xl {
+    --grid-row-gap: var(--space-12);
+  }
+
+  .ds-grid {
+    display: grid;
+    gap: var(--grid-row-gap, var(--grid-gap)) var(--grid-gap);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    container-type: inline-size;
+  }
+
+  .ds-grid--cols-auto {
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--grid-min-column)), 1fr));
+  }
+
+  .ds-grid--cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .ds-grid--cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .ds-grid--cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .ds-grid--cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .ds-grid--cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .ds-grid--cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .ds-grid--align-start {
+    align-items: start;
+  }
+
+  .ds-grid--align-center {
+    align-items: center;
+  }
+
+  .ds-grid--align-end {
+    align-items: end;
+  }
+
+  .ds-grid--align-stretch {
+    align-items: stretch;
+  }
+
+  .ds-grid__item--span-1 {
+    grid-column: span 1;
+  }
+
+  .ds-grid__item--span-2 {
+    grid-column: span 2;
+  }
+
+  .ds-grid__item--span-3 {
+    grid-column: span 3;
+  }
+
+  .ds-grid__item--span-4 {
+    grid-column: span 4;
+  }
+
+  .ds-grid__item--span-6 {
+    grid-column: span 6;
+  }
+
+  .ds-grid__item--span-12 {
+    grid-column: span 12;
+  }
+
+  .ds-grid__item--span-full {
+    grid-column: 1 / -1;
+  }
+
+  /* A grid steps down inside a narrow container, not a narrow window, so it
+   * behaves the same in a page, a drawer and a modal. */
+  @container (max-width: 60rem) {
+    .ds-grid--cols-12 {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+
+    .ds-grid--cols-6 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
+    .ds-grid--cols-4 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  @container (max-width: 40rem) {
+    .ds-grid--cols-12,
+    .ds-grid--cols-6,
+    .ds-grid--cols-4,
+    .ds-grid--cols-3,
+    .ds-grid--cols-2 {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+
+    .ds-grid__item {
+      grid-column: 1 / -1;
+    }
+  }
+
+  .ds-stack {
+    display: flex;
+    gap: var(--grid-gap);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .ds-stack--vertical {
+    flex-direction: column;
+  }
+
+  .ds-stack--horizontal {
+    flex-direction: row;
+  }
+
+  .ds-stack--wrap {
+    flex-wrap: wrap;
+  }
+
+  .ds-stack--align-start {
+    align-items: flex-start;
+  }
+
+  .ds-stack--align-center {
+    align-items: center;
+  }
+
+  .ds-stack--align-end {
+    align-items: flex-end;
+  }
+
+  .ds-stack--align-stretch {
+    align-items: stretch;
+  }
+
+  .ds-stack--align-baseline {
+    align-items: baseline;
+  }
+
+  .ds-stack--justify-start {
+    justify-content: flex-start;
+  }
+
+  .ds-stack--justify-center {
+    justify-content: center;
+  }
+
+  .ds-stack--justify-end {
+    justify-content: flex-end;
+  }
+
+  .ds-stack--justify-between {
+    justify-content: space-between;
+  }
+}

package/dist/components/Icon/icons.d.cts

@@ -0,0 +1,64 @@
+/**
+ * The finite icon set. Adding a glyph means adding a line here — a visible
+ * decision rather than an import someone typed at a call site.
+ */
+export declare const icons: {
+    readonly "alert-triangle": import("lucide-react").LucideIcon;
+    readonly archive: import("lucide-react").LucideIcon;
+    readonly bold: import("lucide-react").LucideIcon;
+    readonly code: import("lucide-react").LucideIcon;
+    readonly "heading-2": import("lucide-react").LucideIcon;
+    readonly "heading-3": import("lucide-react").LucideIcon;
+    readonly italic: import("lucide-react").LucideIcon;
+    readonly "link-off": import("lucide-react").LucideIcon;
+    readonly list: import("lucide-react").LucideIcon;
+    readonly "list-ordered": import("lucide-react").LucideIcon;
+    readonly quote: import("lucide-react").LucideIcon;
+    readonly redo: import("lucide-react").LucideIcon;
+    readonly strikethrough: import("lucide-react").LucideIcon;
+    readonly undo: import("lucide-react").LucideIcon;
+    readonly "arrow-left": import("lucide-react").LucideIcon;
+    readonly "arrow-right": import("lucide-react").LucideIcon;
+    readonly calendar: import("lucide-react").LucideIcon;
+    readonly check: import("lucide-react").LucideIcon;
+    readonly "chevron-down": import("lucide-react").LucideIcon;
+    readonly "chevron-left": import("lucide-react").LucideIcon;
+    readonly "chevron-up": import("lucide-react").LucideIcon;
+    readonly minus: import("lucide-react").LucideIcon;
+    readonly "chevron-right": import("lucide-react").LucideIcon;
+    readonly clock: import("lucide-react").LucideIcon;
+    readonly copy: import("lucide-react").LucideIcon;
+    readonly download: import("lucide-react").LucideIcon;
+    readonly eye: import("lucide-react").LucideIcon;
+    readonly filter: import("lucide-react").LucideIcon;
+    readonly bell: import("lucide-react").LucideIcon;
+    readonly "chevrons-left": import("lucide-react").LucideIcon;
+    readonly "chevrons-right": import("lucide-react").LucideIcon;
+    readonly "file-text": import("lucide-react").LucideIcon;
+    readonly folder: import("lucide-react").LucideIcon;
+    readonly globe: import("lucide-react").LucideIcon;
+    readonly home: import("lucide-react").LucideIcon;
+    readonly "layout-grid": import("lucide-react").LucideIcon;
+    readonly menu: import("lucide-react").LucideIcon;
+    readonly users: import("lucide-react").LucideIcon;
+    readonly "grip-horizontal": import("lucide-react").LucideIcon;
+    readonly "grip-vertical": import("lucide-react").LucideIcon;
+    readonly image: import("lucide-react").LucideIcon;
+    readonly info: import("lucide-react").LucideIcon;
+    readonly link: import("lucide-react").LucideIcon;
+    readonly spinner: import("lucide-react").LucideIcon;
+    readonly "more-horizontal": import("lucide-react").LucideIcon;
+    readonly pencil: import("lucide-react").LucideIcon;
+    readonly plus: import("lucide-react").LucideIcon;
+    readonly "rotate-ccw": import("lucide-react").LucideIcon;
+    readonly "rotate-cw": import("lucide-react").LucideIcon;
+    readonly search: import("lucide-react").LucideIcon;
+    readonly settings: import("lucide-react").LucideIcon;
+    readonly trash: import("lucide-react").LucideIcon;
+    readonly upload: import("lucide-react").LucideIcon;
+    readonly user: import("lucide-react").LucideIcon;
+    readonly x: import("lucide-react").LucideIcon;
+};
+export type IconName = keyof typeof icons;
+export declare const iconNames: IconName[];
+//# sourceMappingURL=icons.d.cts.map

package/dist/components/Icon/icons.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/icons.ts"],"names":[],"mappings":"AA0DA;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC"}

package/dist/components/Icon/icons.d.ts

@@ -0,0 +1,64 @@
+/**
+ * The finite icon set. Adding a glyph means adding a line here — a visible
+ * decision rather than an import someone typed at a call site.
+ */
+export declare const icons: {
+    readonly "alert-triangle": import("lucide-react").LucideIcon;
+    readonly archive: import("lucide-react").LucideIcon;
+    readonly bold: import("lucide-react").LucideIcon;
+    readonly code: import("lucide-react").LucideIcon;
+    readonly "heading-2": import("lucide-react").LucideIcon;
+    readonly "heading-3": import("lucide-react").LucideIcon;
+    readonly italic: import("lucide-react").LucideIcon;
+    readonly "link-off": import("lucide-react").LucideIcon;
+    readonly list: import("lucide-react").LucideIcon;
+    readonly "list-ordered": import("lucide-react").LucideIcon;
+    readonly quote: import("lucide-react").LucideIcon;
+    readonly redo: import("lucide-react").LucideIcon;
+    readonly strikethrough: import("lucide-react").LucideIcon;
+    readonly undo: import("lucide-react").LucideIcon;
+    readonly "arrow-left": import("lucide-react").LucideIcon;
+    readonly "arrow-right": import("lucide-react").LucideIcon;
+    readonly calendar: import("lucide-react").LucideIcon;
+    readonly check: import("lucide-react").LucideIcon;
+    readonly "chevron-down": import("lucide-react").LucideIcon;
+    readonly "chevron-left": import("lucide-react").LucideIcon;
+    readonly "chevron-up": import("lucide-react").LucideIcon;
+    readonly minus: import("lucide-react").LucideIcon;
+    readonly "chevron-right": import("lucide-react").LucideIcon;
+    readonly clock: import("lucide-react").LucideIcon;
+    readonly copy: import("lucide-react").LucideIcon;
+    readonly download: import("lucide-react").LucideIcon;
+    readonly eye: import("lucide-react").LucideIcon;
+    readonly filter: import("lucide-react").LucideIcon;
+    readonly bell: import("lucide-react").LucideIcon;
+    readonly "chevrons-left": import("lucide-react").LucideIcon;
+    readonly "chevrons-right": import("lucide-react").LucideIcon;
+    readonly "file-text": import("lucide-react").LucideIcon;
+    readonly folder: import("lucide-react").LucideIcon;
+    readonly globe: import("lucide-react").LucideIcon;
+    readonly home: import("lucide-react").LucideIcon;
+    readonly "layout-grid": import("lucide-react").LucideIcon;
+    readonly menu: import("lucide-react").LucideIcon;
+    readonly users: import("lucide-react").LucideIcon;
+    readonly "grip-horizontal": import("lucide-react").LucideIcon;
+    readonly "grip-vertical": import("lucide-react").LucideIcon;
+    readonly image: import("lucide-react").LucideIcon;
+    readonly info: import("lucide-react").LucideIcon;
+    readonly link: import("lucide-react").LucideIcon;
+    readonly spinner: import("lucide-react").LucideIcon;
+    readonly "more-horizontal": import("lucide-react").LucideIcon;
+    readonly pencil: import("lucide-react").LucideIcon;
+    readonly plus: import("lucide-react").LucideIcon;
+    readonly "rotate-ccw": import("lucide-react").LucideIcon;
+    readonly "rotate-cw": import("lucide-react").LucideIcon;
+    readonly search: import("lucide-react").LucideIcon;
+    readonly settings: import("lucide-react").LucideIcon;
+    readonly trash: import("lucide-react").LucideIcon;
+    readonly upload: import("lucide-react").LucideIcon;
+    readonly user: import("lucide-react").LucideIcon;
+    readonly x: import("lucide-react").LucideIcon;
+};
+export type IconName = keyof typeof icons;
+export declare const iconNames: IconName[];
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/Icon/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/icons.ts"],"names":[],"mappings":"AA0DA;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC"}

package/dist/components/Icon/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Icon-CWsA1W83.cjs");exports.Icon=e.t;