@cdx-ui/components 0.0.1-beta.99 → 0.1.0

package/lib/commonjs/utils/WrapStringChild.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WrapStringChild = WrapStringChild;
-var _react = require("react");
-var _Text = require("../components/Text");
-var _jsxRuntime = require("react/jsx-runtime");
-/** @deprecated Users should wrap their own children in a Text component themselves */
-function WrapStringChild({
-  children,
-  textProps
-}) {
-  return _react.Children.map(children, child => {
-    return typeof child === 'string' || typeof child === 'number' || /*#__PURE__*/(0, _react.isValidElement)(child) && child.type === _react.Fragment && child.props && typeof child.props === 'object' && 'children' in child.props && (typeof child.props.children === 'string' || typeof child.props.children === 'number') ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
-      ...textProps,
-      children: child
-    }) : child;
-  });
-}
-//# sourceMappingURL=WrapStringChild.js.map

package/lib/commonjs/utils/WrapStringChild.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_Text","_jsxRuntime","WrapStringChild","children","textProps","Children","map","child","isValidElement","type","Fragment","props","jsx","Text"],"sourceRoot":"../../../src","sources":["utils/WrapStringChild.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA0D,IAAAE,WAAA,GAAAF,OAAA;AAO1D;AACO,SAASG,eAAeA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,EAAa;EACxF,OAAOC,eAAQ,CAACC,GAAG,CAACH,QAAQ,EAAGI,KAAK,IAAK;IACvC,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAC9B,OAAOA,KAAK,KAAK,QAAQ,IACxB,iBAAAC,qBAAc,EAACD,KAAK,CAAC,IACpBA,KAAK,CAACE,IAAI,KAAKC,eAAQ,IACvBH,KAAK,CAACI,KAAK,IACX,OAAOJ,KAAK,CAACI,KAAK,KAAK,QAAQ,IAC/B,UAAU,IAAIJ,KAAK,CAACI,KAAK,KACxB,OAAOJ,KAAK,CAACI,KAAK,CAACR,QAAQ,KAAK,QAAQ,IAAI,OAAOI,KAAK,CAACI,KAAK,CAACR,QAAQ,KAAK,QAAQ,CAAE,gBACzF,IAAAF,WAAA,CAAAW,GAAA,EAACZ,KAAA,CAAAa,IAAI;MAAA,GAAKT,SAAS;MAAAD,QAAA,EAAGI;IAAK,CAAO,CAAC,GAEnCA,KACD;EACH,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/metro/withCdxMetroConfig.js

@@ -1,6 +0,0 @@
-"use strict";
-
-/** @deprecated Use `withForgeMetroConfig` instead. Will be removed in a future major release. */
-export { withForgeMetroConfig as withCdxMetroConfig } from './withForgeMetroConfig';
-/** @deprecated Use `ForgeMetroConfigOptions` instead. Will be removed in a future major release. */
-//# sourceMappingURL=withCdxMetroConfig.js.map

package/lib/module/metro/withCdxMetroConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["withForgeMetroConfig","withCdxMetroConfig"],"sourceRoot":"../../../src","sources":["metro/withCdxMetroConfig.ts"],"mappings":";;AAAA;AACA,SAASA,oBAAoB,IAAIC,kBAAkB,QAAQ,wBAAwB;AACnF","ignoreList":[]}

package/lib/module/metro/withForgeMetroConfig.js

@@ -1,20 +0,0 @@
-"use strict";
-
-import { withUniwindConfig } from 'uniwind/metro';
-/**
- * Wraps a Metro config with Forge UI's styling-layer configuration.
- *
- * Today this delegates to Uniwind. If the styling layer is swapped (see
- * `docs/research/uniwind-to-nativewind-contingency.md`), only the internals
- * of this function change — consuming Metro configs stay the same.
- *
- * Must be the **outermost** Metro config wrapper (after any other wrappers
- * like `withStorybook`).
- */
-export function withForgeMetroConfig(config, options) {
-  return withUniwindConfig(config, {
-    cssEntryFile: options.cssEntryFile,
-    dtsFile: options.generatedTypesFile
-  });
-}
-//# sourceMappingURL=withForgeMetroConfig.js.map

package/lib/module/metro/withForgeMetroConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["withUniwindConfig","withForgeMetroConfig","config","options","cssEntryFile","dtsFile","generatedTypesFile"],"sourceRoot":"../../../src","sources":["metro/withForgeMetroConfig.ts"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,eAAe;AASjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,MAAS,EACTC,OAAgC,EAC7B;EACH,OAAOH,iBAAiB,CAACE,MAAM,EAAE;IAC/BE,YAAY,EAAED,OAAO,CAACC,YAAY;IAClCC,OAAO,EAAEF,OAAO,CAACG;EACnB,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/styles/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from './primitives';
-//# sourceMappingURL=index.js.map

package/lib/module/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":";;AAAA,cAAc,cAAc","ignoreList":[]}

package/lib/module/styles/primitives.js

@@ -1,155 +0,0 @@
-"use strict";
-
-// packages/components/src/styles/primitives.ts
-// Semantic constants for Forge UI component styling.
-
-// ─── Colors ──────────────────────────────────────────────
-// Surface & background
-/** @deprecated Use `bg-surface-primary` (--color-surface-primary) instead. */
-export const COLOR_BG_PRIMARY = 'bg-white';
-/** @deprecated Use `bg-surface-secondary` (--color-surface-secondary) instead. */
-export const COLOR_BG_SUBTLE = 'bg-slate-50';
-/** @deprecated Use `bg-surface-neutral-subtle` (--color-surface-neutral-subtle) instead. */
-export const COLOR_BG_MUTED = 'bg-slate-100';
-/** @deprecated Use `bg-base-950` (--color-base-950) instead. */
-export const COLOR_BG_INVERSE = 'bg-slate-900';
-
-// Border
-/** @deprecated Use `border-stroke-secondary` (--color-stroke-secondary) instead. */
-export const COLOR_BORDER_DEFAULT = 'border-slate-200';
-/** @deprecated Use `border-stroke-hover` (--color-stroke-hover) instead. */
-export const COLOR_BORDER_STRONG = 'border-slate-300';
-/** @deprecated Use `border-stroke-focus` (--color-stroke-focus) instead. */
-export const COLOR_BORDER_FOCUS = 'border-slate-900';
-/** @deprecated Use `border-stroke-danger` (--color-stroke-danger) instead. */
-export const COLOR_BORDER_INVALID = 'border-red-500';
-
-// Text
-/** @deprecated Use `text-content-primary` (--color-content-primary) instead. */
-export const COLOR_TEXT_PRIMARY = 'text-slate-900';
-/** @deprecated Use `text-content-secondary` (--color-content-secondary) instead. */
-export const COLOR_TEXT_SECONDARY = 'text-slate-500';
-/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
-export const COLOR_TEXT_MUTED = 'text-slate-400';
-/** @deprecated Use the appropriate `text-content-*-on-strong` token for the surface color, e.g. `text-content-action-on-strong` (--color-content-action-on-strong). */
-export const COLOR_TEXT_INVERSE = 'text-white';
-/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
-export const COLOR_TEXT_PLACEHOLDER = 'text-slate-400';
-/** @deprecated Use `text-content-danger` (--color-content-danger) instead. */
-export const COLOR_TEXT_INVALID = 'text-red-600';
-
-// Brand / Action
-/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
-export const COLOR_BRAND_DEFAULT = 'bg-slate-900';
-/** @deprecated Use `bg-surface-action-strong-hover` (--color-surface-action-strong-hover) instead. */
-export const COLOR_BRAND_HOVER = 'bg-slate-800';
-/** @deprecated Use `bg-surface-action-strong-active` (--color-surface-action-strong-active) instead. */
-export const COLOR_BRAND_ACTIVE = 'bg-slate-700';
-
-// Accent (for checked states, active indicators)
-/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
-export const COLOR_ACCENT_DEFAULT = 'bg-slate-900';
-/** @deprecated Use `border-stroke-action` (--color-stroke-action) instead. */
-export const COLOR_ACCENT_BORDER = 'border-slate-900';
-
-/**
- * @deprecated Use semantic token classes directly instead. Map each color key to its
- * corresponding `--color-surface-*`, `--color-stroke-*`, and `--color-content-*` tokens:
- * - `bg` → `bg-surface-{color}-strong` (--color-surface-{color}-strong)
- * - `bgHover` → `bg-surface-{color}-strong-hover` (--color-surface-{color}-strong-hover)
- * - `bgActive` → `bg-surface-{color}-strong-active` (--color-surface-{color}-strong-active)
- * - `border` → `border-stroke-{color}` (--color-stroke-{color})
- * - `text` → `text-content-{color}` (--color-content-{color})
- * - `ring` → `ring-[--color-stroke-focus]` (--color-stroke-focus)
- *
- * See Button/styles.ts for a complete migration example.
- */
-export const SEMANTIC_COLORS = {
-  action: {
-    bg: 'bg-slate-900',
-    bgHover: 'bg-slate-800',
-    bgActive: 'bg-slate-700',
-    border: 'border-slate-900',
-    text: 'text-slate-900',
-    ring: 'ring-slate-400/50'
-  },
-  danger: {
-    bg: 'bg-red-600',
-    bgHover: 'bg-red-700',
-    bgActive: 'bg-red-800',
-    border: 'border-red-600',
-    text: 'text-red-600',
-    ring: 'ring-red-400/50'
-  },
-  warning: {
-    bg: 'bg-amber-500',
-    bgHover: 'bg-amber-600',
-    bgActive: 'bg-amber-700',
-    border: 'border-amber-500',
-    text: 'text-amber-600',
-    ring: 'ring-amber-400/50'
-  },
-  success: {
-    bg: 'bg-green-600',
-    bgHover: 'bg-green-700',
-    bgActive: 'bg-green-800',
-    border: 'border-green-600',
-    text: 'text-green-600',
-    ring: 'ring-green-400/50'
-  },
-  info: {
-    bg: 'bg-sky-500',
-    bgHover: 'bg-sky-600',
-    bgActive: 'bg-sky-700',
-    border: 'border-sky-500',
-    text: 'text-sky-600',
-    ring: 'ring-sky-400/50'
-  }
-};
-
-// ─── Focus ───────────────────────────────────────────────
-/** @deprecated Use `ring-2 ring-[--color-stroke-focus] ring-offset-2` (--color-stroke-focus) instead. */
-export const FOCUS_RING = 'ring-2 ring-slate-400/50 ring-offset-2';
-
-// ─── Radius ──────────────────────────────────────────────
-/** @deprecated Use `rounded-[var(--border-radius-button)]` for buttons/inputs or `rounded-[var(--border-radius-default)]` for containers. */
-export const RADIUS_SM = 'rounded-lg';
-/** @deprecated Use `rounded-[var(--border-radius-default)]` for cards/containers. */
-export const RADIUS_MD = 'rounded-xl';
-/** @deprecated Use `rounded-[var(--border-radius-round)]` for circular elements (icon buttons, radio, pills). */
-export const RADIUS_FULL = 'rounded-full';
-
-// ─── Shadows ─────────────────────────────────────────────
-
-/** @deprecated Use `shadow-sm` directly instead */
-export const SHADOW_SM = 'shadow-sm';
-/** @deprecated Use `shadow-md` directly instead */
-export const SHADOW_MD = 'shadow-md';
-
-// ─── Sizing ──────────────────────────────────────────────
-// Unified size scale for interactive/form components (Button, Input, Select, Checkbox).
-// Only two sizes: 'default' (regular) and 'small' (compact).
-// NOTE: Text and Heading use a separate typography scale (xs/sm/md/lg/xl) — not this.
-/** @deprecated */
-export const SIZE_SCALE = {
-  default: {
-    height: 'h-10',
-    px: 'px-4',
-    gap: 'gap-2',
-    text: 'text-base'
-  },
-  small: {
-    height: 'h-8',
-    px: 'px-3',
-    gap: 'gap-1.5',
-    text: 'text-sm'
-  }
-};
-
-// ─── Transitions ─────────────────────────────────────────
-export const TRANSITION_COLORS = 'transition-colors duration-150';
-
-// ─── Disabled ────────────────────────────────────────────
-export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
-export const DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
-//# sourceMappingURL=primitives.js.map

package/lib/module/styles/primitives.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["COLOR_BG_PRIMARY","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/WrapStringChild.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import { Children, Fragment, isValidElement } from 'react';
-import { Text } from '../components/Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-/** @deprecated Users should wrap their own children in a Text component themselves */
-export function WrapStringChild({
-  children,
-  textProps
-}) {
-  return Children.map(children, child => {
-    return typeof child === 'string' || typeof child === 'number' || /*#__PURE__*/isValidElement(child) && child.type === Fragment && child.props && typeof child.props === 'object' && 'children' in child.props && (typeof child.props.children === 'string' || typeof child.props.children === 'number') ? /*#__PURE__*/_jsx(Text, {
-      ...textProps,
-      children: child
-    }) : child;
-  });
-}
-//# sourceMappingURL=WrapStringChild.js.map

package/lib/module/utils/WrapStringChild.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Children","Fragment","isValidElement","Text","jsx","_jsx","WrapStringChild","children","textProps","map","child","type","props"],"sourceRoot":"../../../src","sources":["utils/WrapStringChild.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,QAAQ,EAAEC,cAAc,QAAwB,OAAO;AAC1E,SAASC,IAAI,QAAwB,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO1D;AACA,OAAO,SAASC,eAAeA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,EAAa;EACxF,OAAOR,QAAQ,CAACS,GAAG,CAACF,QAAQ,EAAGG,KAAK,IAAK;IACvC,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAC9B,OAAOA,KAAK,KAAK,QAAQ,IACxB,aAAAR,cAAc,CAACQ,KAAK,CAAC,IACpBA,KAAK,CAACC,IAAI,KAAKV,QAAQ,IACvBS,KAAK,CAACE,KAAK,IACX,OAAOF,KAAK,CAACE,KAAK,KAAK,QAAQ,IAC/B,UAAU,IAAIF,KAAK,CAACE,KAAK,KACxB,OAAOF,KAAK,CAACE,KAAK,CAACL,QAAQ,KAAK,QAAQ,IAAI,OAAOG,KAAK,CAACE,KAAK,CAACL,QAAQ,KAAK,QAAQ,CAAE,gBACzFF,IAAA,CAACF,IAAI;MAAA,GAAKK,SAAS;MAAAD,QAAA,EAAGG;IAAK,CAAO,CAAC,GAEnCA,KACD;EACH,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/typescript/metro/withCdxMetroConfig.d.ts

@@ -1,5 +0,0 @@
-/** @deprecated Use `withForgeMetroConfig` instead. Will be removed in a future major release. */
-export { withForgeMetroConfig as withCdxMetroConfig } from './withForgeMetroConfig';
-/** @deprecated Use `ForgeMetroConfigOptions` instead. Will be removed in a future major release. */
-export type { ForgeMetroConfigOptions as CdxMetroConfigOptions } from './withForgeMetroConfig';
-//# sourceMappingURL=withCdxMetroConfig.d.ts.map

package/lib/typescript/metro/withCdxMetroConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withCdxMetroConfig.d.ts","sourceRoot":"","sources":["../../../src/metro/withCdxMetroConfig.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,OAAO,EAAE,oBAAoB,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACpF,oGAAoG;AACpG,YAAY,EAAE,uBAAuB,IAAI,qBAAqB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/typescript/metro/withForgeMetroConfig.d.ts

@@ -1,19 +0,0 @@
-import type { MetroConfig } from 'metro-config';
-export interface ForgeMetroConfigOptions {
-    /** Path to the CSS entry file (e.g., `'./global.css'`). */
-    cssEntryFile: string;
-    /** Path where generated Tailwind class type definitions are written. */
-    generatedTypesFile?: string;
-}
-/**
- * Wraps a Metro config with Forge UI's styling-layer configuration.
- *
- * Today this delegates to Uniwind. If the styling layer is swapped (see
- * `docs/research/uniwind-to-nativewind-contingency.md`), only the internals
- * of this function change — consuming Metro configs stay the same.
- *
- * Must be the **outermost** Metro config wrapper (after any other wrappers
- * like `withStorybook`).
- */
-export declare function withForgeMetroConfig<T extends MetroConfig>(config: T, options: ForgeMetroConfigOptions): T;
-//# sourceMappingURL=withForgeMetroConfig.d.ts.map

package/lib/typescript/metro/withForgeMetroConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withForgeMetroConfig.d.ts","sourceRoot":"","sources":["../../../src/metro/withForgeMetroConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,uBAAuB;IACtC,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EACxD,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,uBAAuB,GAC/B,CAAC,CAKH"}

package/lib/typescript/styles/index.d.ts

@@ -1,2 +0,0 @@
-export * from './primitives';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/styles/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/typescript/styles/primitives.d.ts

@@ -1,123 +0,0 @@
-/** @deprecated Use `bg-surface-primary` (--color-surface-primary) instead. */
-export declare const COLOR_BG_PRIMARY = "bg-white";
-/** @deprecated Use `bg-surface-secondary` (--color-surface-secondary) instead. */
-export declare const COLOR_BG_SUBTLE = "bg-slate-50";
-/** @deprecated Use `bg-surface-neutral-subtle` (--color-surface-neutral-subtle) instead. */
-export declare const COLOR_BG_MUTED = "bg-slate-100";
-/** @deprecated Use `bg-base-950` (--color-base-950) instead. */
-export declare const COLOR_BG_INVERSE = "bg-slate-900";
-/** @deprecated Use `border-stroke-secondary` (--color-stroke-secondary) instead. */
-export declare const COLOR_BORDER_DEFAULT = "border-slate-200";
-/** @deprecated Use `border-stroke-hover` (--color-stroke-hover) instead. */
-export declare const COLOR_BORDER_STRONG = "border-slate-300";
-/** @deprecated Use `border-stroke-focus` (--color-stroke-focus) instead. */
-export declare const COLOR_BORDER_FOCUS = "border-slate-900";
-/** @deprecated Use `border-stroke-danger` (--color-stroke-danger) instead. */
-export declare const COLOR_BORDER_INVALID = "border-red-500";
-/** @deprecated Use `text-content-primary` (--color-content-primary) instead. */
-export declare const COLOR_TEXT_PRIMARY = "text-slate-900";
-/** @deprecated Use `text-content-secondary` (--color-content-secondary) instead. */
-export declare const COLOR_TEXT_SECONDARY = "text-slate-500";
-/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
-export declare const COLOR_TEXT_MUTED = "text-slate-400";
-/** @deprecated Use the appropriate `text-content-*-on-strong` token for the surface color, e.g. `text-content-action-on-strong` (--color-content-action-on-strong). */
-export declare const COLOR_TEXT_INVERSE = "text-white";
-/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
-export declare const COLOR_TEXT_PLACEHOLDER = "text-slate-400";
-/** @deprecated Use `text-content-danger` (--color-content-danger) instead. */
-export declare const COLOR_TEXT_INVALID = "text-red-600";
-/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
-export declare const COLOR_BRAND_DEFAULT = "bg-slate-900";
-/** @deprecated Use `bg-surface-action-strong-hover` (--color-surface-action-strong-hover) instead. */
-export declare const COLOR_BRAND_HOVER = "bg-slate-800";
-/** @deprecated Use `bg-surface-action-strong-active` (--color-surface-action-strong-active) instead. */
-export declare const COLOR_BRAND_ACTIVE = "bg-slate-700";
-/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
-export declare const COLOR_ACCENT_DEFAULT = "bg-slate-900";
-/** @deprecated Use `border-stroke-action` (--color-stroke-action) instead. */
-export declare const COLOR_ACCENT_BORDER = "border-slate-900";
-/**
- * @deprecated Use semantic token classes directly instead. Map each color key to its
- * corresponding `--color-surface-*`, `--color-stroke-*`, and `--color-content-*` tokens:
- * - `bg` → `bg-surface-{color}-strong` (--color-surface-{color}-strong)
- * - `bgHover` → `bg-surface-{color}-strong-hover` (--color-surface-{color}-strong-hover)
- * - `bgActive` → `bg-surface-{color}-strong-active` (--color-surface-{color}-strong-active)
- * - `border` → `border-stroke-{color}` (--color-stroke-{color})
- * - `text` → `text-content-{color}` (--color-content-{color})
- * - `ring` → `ring-[--color-stroke-focus]` (--color-stroke-focus)
- *
- * See Button/styles.ts for a complete migration example.
- */
-export declare const SEMANTIC_COLORS: {
-    readonly action: {
-        readonly bg: "bg-slate-900";
-        readonly bgHover: "bg-slate-800";
-        readonly bgActive: "bg-slate-700";
-        readonly border: "border-slate-900";
-        readonly text: "text-slate-900";
-        readonly ring: "ring-slate-400/50";
-    };
-    readonly danger: {
-        readonly bg: "bg-red-600";
-        readonly bgHover: "bg-red-700";
-        readonly bgActive: "bg-red-800";
-        readonly border: "border-red-600";
-        readonly text: "text-red-600";
-        readonly ring: "ring-red-400/50";
-    };
-    readonly warning: {
-        readonly bg: "bg-amber-500";
-        readonly bgHover: "bg-amber-600";
-        readonly bgActive: "bg-amber-700";
-        readonly border: "border-amber-500";
-        readonly text: "text-amber-600";
-        readonly ring: "ring-amber-400/50";
-    };
-    readonly success: {
-        readonly bg: "bg-green-600";
-        readonly bgHover: "bg-green-700";
-        readonly bgActive: "bg-green-800";
-        readonly border: "border-green-600";
-        readonly text: "text-green-600";
-        readonly ring: "ring-green-400/50";
-    };
-    readonly info: {
-        readonly bg: "bg-sky-500";
-        readonly bgHover: "bg-sky-600";
-        readonly bgActive: "bg-sky-700";
-        readonly border: "border-sky-500";
-        readonly text: "text-sky-600";
-        readonly ring: "ring-sky-400/50";
-    };
-};
-/** @deprecated Use `ring-2 ring-[--color-stroke-focus] ring-offset-2` (--color-stroke-focus) instead. */
-export declare const FOCUS_RING = "ring-2 ring-slate-400/50 ring-offset-2";
-/** @deprecated Use `rounded-[var(--border-radius-button)]` for buttons/inputs or `rounded-[var(--border-radius-default)]` for containers. */
-export declare const RADIUS_SM = "rounded-lg";
-/** @deprecated Use `rounded-[var(--border-radius-default)]` for cards/containers. */
-export declare const RADIUS_MD = "rounded-xl";
-/** @deprecated Use `rounded-[var(--border-radius-round)]` for circular elements (icon buttons, radio, pills). */
-export declare const RADIUS_FULL = "rounded-full";
-/** @deprecated Use `shadow-sm` directly instead */
-export declare const SHADOW_SM = "shadow-sm";
-/** @deprecated Use `shadow-md` directly instead */
-export declare const SHADOW_MD = "shadow-md";
-/** @deprecated */
-export declare const SIZE_SCALE: {
-    readonly default: {
-        readonly height: "h-10";
-        readonly px: "px-4";
-        readonly gap: "gap-2";
-        readonly text: "text-base";
-    };
-    readonly small: {
-        readonly height: "h-8";
-        readonly px: "px-3";
-        readonly gap: "gap-1.5";
-        readonly text: "text-sm";
-    };
-};
-export declare const TRANSITION_COLORS = "transition-colors duration-150";
-export declare const DISABLED_OPACITY = "data-[disabled=true]:opacity-50";
-export declare const DISABLED_CURSOR = "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none";
-//# sourceMappingURL=primitives.d.ts.map

package/lib/typescript/styles/primitives.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/styles/primitives.ts"],"names":[],"mappings":"AAKA,8EAA8E;AAC9E,eAAO,MAAM,gBAAgB,aAAa,CAAC;AAC3C,kFAAkF;AAClF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAC7C,4FAA4F;AAC5F,eAAO,MAAM,cAAc,iBAAiB,CAAC;AAC7C,gEAAgE;AAChE,eAAO,MAAM,gBAAgB,iBAAiB,CAAC;AAG/C,oFAAoF;AACpF,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,4EAA4E;AAC5E,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AACtD,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AACrD,8EAA8E;AAC9E,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAGrD,gFAAgF;AAChF,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,oFAAoF;AACpF,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AACrD,kFAAkF;AAClF,eAAO,MAAM,gBAAgB,mBAAmB,CAAC;AACjD,uKAAuK;AACvK,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,kFAAkF;AAClF,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AACvD,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AAGjD,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,sGAAsG;AACtG,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAChD,wGAAwG;AACxG,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AAGjD,0FAA0F;AAC1F,eAAO,MAAM,oBAAoB,iBAAiB,CAAC;AACnD,8EAA8E;AAC9E,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyClB,CAAC;AAGX,yGAAyG;AACzG,eAAO,MAAM,UAAU,2CAA2C,CAAC;AAGnE,6IAA6I;AAC7I,eAAO,MAAM,SAAS,eAAe,CAAC;AACtC,qFAAqF;AACrF,eAAO,MAAM,SAAS,eAAe,CAAC;AACtC,iHAAiH;AACjH,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAI1C,mDAAmD;AACnD,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,mDAAmD;AACnD,eAAO,MAAM,SAAS,cAAc,CAAC;AAMrC,kBAAkB;AAClB,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAGb,CAAC;AAGX,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC"}

package/lib/typescript/utils/WrapStringChild.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from 'react';
-import { type TextProps } from '../components/Text';
-interface WrapStringChildProps {
-    children: ReactNode;
-    textProps?: TextProps;
-}
-/** @deprecated Users should wrap their own children in a Text component themselves */
-export declare function WrapStringChild({ children, textProps }: WrapStringChildProps): ReactNode;
-export {};
-//# sourceMappingURL=WrapStringChild.d.ts.map

package/lib/typescript/utils/WrapStringChild.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WrapStringChild.d.ts","sourceRoot":"","sources":["../../../src/utils/WrapStringChild.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,sFAAsF;AACtF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAexF"}

package/src/metro/withCdxMetroConfig.ts

@@ -1,4 +0,0 @@
-/** @deprecated Use `withForgeMetroConfig` instead. Will be removed in a future major release. */
-export { withForgeMetroConfig as withCdxMetroConfig } from './withForgeMetroConfig';
-/** @deprecated Use `ForgeMetroConfigOptions` instead. Will be removed in a future major release. */
-export type { ForgeMetroConfigOptions as CdxMetroConfigOptions } from './withForgeMetroConfig';

package/src/metro/withForgeMetroConfig.ts

@@ -1,29 +0,0 @@
-import type { MetroConfig } from 'metro-config';
-import { withUniwindConfig } from 'uniwind/metro';
-
-export interface ForgeMetroConfigOptions {
-  /** Path to the CSS entry file (e.g., `'./global.css'`). */
-  cssEntryFile: string;
-  /** Path where generated Tailwind class type definitions are written. */
-  generatedTypesFile?: string;
-}
-
-/**
- * Wraps a Metro config with Forge UI's styling-layer configuration.
- *
- * Today this delegates to Uniwind. If the styling layer is swapped (see
- * `docs/research/uniwind-to-nativewind-contingency.md`), only the internals
- * of this function change — consuming Metro configs stay the same.
- *
- * Must be the **outermost** Metro config wrapper (after any other wrappers
- * like `withStorybook`).
- */
-export function withForgeMetroConfig<T extends MetroConfig>(
-  config: T,
-  options: ForgeMetroConfigOptions,
-): T {
-  return withUniwindConfig(config, {
-    cssEntryFile: options.cssEntryFile,
-    dtsFile: options.generatedTypesFile,
-  }) as T;
-}

package/src/styles/index.ts

@@ -1 +0,0 @@
-export * from './primitives';

package/src/styles/primitives.ts

@@ -1,143 +0,0 @@
-// packages/components/src/styles/primitives.ts
-// Semantic constants for Forge UI component styling.
-
-// ─── Colors ──────────────────────────────────────────────
-// Surface & background
-/** @deprecated Use `bg-surface-primary` (--color-surface-primary) instead. */
-export const COLOR_BG_PRIMARY = 'bg-white';
-/** @deprecated Use `bg-surface-secondary` (--color-surface-secondary) instead. */
-export const COLOR_BG_SUBTLE = 'bg-slate-50';
-/** @deprecated Use `bg-surface-neutral-subtle` (--color-surface-neutral-subtle) instead. */
-export const COLOR_BG_MUTED = 'bg-slate-100';
-/** @deprecated Use `bg-base-950` (--color-base-950) instead. */
-export const COLOR_BG_INVERSE = 'bg-slate-900';
-
-// Border
-/** @deprecated Use `border-stroke-secondary` (--color-stroke-secondary) instead. */
-export const COLOR_BORDER_DEFAULT = 'border-slate-200';
-/** @deprecated Use `border-stroke-hover` (--color-stroke-hover) instead. */
-export const COLOR_BORDER_STRONG = 'border-slate-300';
-/** @deprecated Use `border-stroke-focus` (--color-stroke-focus) instead. */
-export const COLOR_BORDER_FOCUS = 'border-slate-900';
-/** @deprecated Use `border-stroke-danger` (--color-stroke-danger) instead. */
-export const COLOR_BORDER_INVALID = 'border-red-500';
-
-// Text
-/** @deprecated Use `text-content-primary` (--color-content-primary) instead. */
-export const COLOR_TEXT_PRIMARY = 'text-slate-900';
-/** @deprecated Use `text-content-secondary` (--color-content-secondary) instead. */
-export const COLOR_TEXT_SECONDARY = 'text-slate-500';
-/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
-export const COLOR_TEXT_MUTED = 'text-slate-400';
-/** @deprecated Use the appropriate `text-content-*-on-strong` token for the surface color, e.g. `text-content-action-on-strong` (--color-content-action-on-strong). */
-export const COLOR_TEXT_INVERSE = 'text-white';
-/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
-export const COLOR_TEXT_PLACEHOLDER = 'text-slate-400';
-/** @deprecated Use `text-content-danger` (--color-content-danger) instead. */
-export const COLOR_TEXT_INVALID = 'text-red-600';
-
-// Brand / Action
-/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
-export const COLOR_BRAND_DEFAULT = 'bg-slate-900';
-/** @deprecated Use `bg-surface-action-strong-hover` (--color-surface-action-strong-hover) instead. */
-export const COLOR_BRAND_HOVER = 'bg-slate-800';
-/** @deprecated Use `bg-surface-action-strong-active` (--color-surface-action-strong-active) instead. */
-export const COLOR_BRAND_ACTIVE = 'bg-slate-700';
-
-// Accent (for checked states, active indicators)
-/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
-export const COLOR_ACCENT_DEFAULT = 'bg-slate-900';
-/** @deprecated Use `border-stroke-action` (--color-stroke-action) instead. */
-export const COLOR_ACCENT_BORDER = 'border-slate-900';
-
-/**
- * @deprecated Use semantic token classes directly instead. Map each color key to its
- * corresponding `--color-surface-*`, `--color-stroke-*`, and `--color-content-*` tokens:
- * - `bg` → `bg-surface-{color}-strong` (--color-surface-{color}-strong)
- * - `bgHover` → `bg-surface-{color}-strong-hover` (--color-surface-{color}-strong-hover)
- * - `bgActive` → `bg-surface-{color}-strong-active` (--color-surface-{color}-strong-active)
- * - `border` → `border-stroke-{color}` (--color-stroke-{color})
- * - `text` → `text-content-{color}` (--color-content-{color})
- * - `ring` → `ring-[--color-stroke-focus]` (--color-stroke-focus)
- *
- * See Button/styles.ts for a complete migration example.
- */
-export const SEMANTIC_COLORS = {
-  action: {
-    bg: 'bg-slate-900',
-    bgHover: 'bg-slate-800',
-    bgActive: 'bg-slate-700',
-    border: 'border-slate-900',
-    text: 'text-slate-900',
-    ring: 'ring-slate-400/50',
-  },
-  danger: {
-    bg: 'bg-red-600',
-    bgHover: 'bg-red-700',
-    bgActive: 'bg-red-800',
-    border: 'border-red-600',
-    text: 'text-red-600',
-    ring: 'ring-red-400/50',
-  },
-  warning: {
-    bg: 'bg-amber-500',
-    bgHover: 'bg-amber-600',
-    bgActive: 'bg-amber-700',
-    border: 'border-amber-500',
-    text: 'text-amber-600',
-    ring: 'ring-amber-400/50',
-  },
-  success: {
-    bg: 'bg-green-600',
-    bgHover: 'bg-green-700',
-    bgActive: 'bg-green-800',
-    border: 'border-green-600',
-    text: 'text-green-600',
-    ring: 'ring-green-400/50',
-  },
-  info: {
-    bg: 'bg-sky-500',
-    bgHover: 'bg-sky-600',
-    bgActive: 'bg-sky-700',
-    border: 'border-sky-500',
-    text: 'text-sky-600',
-    ring: 'ring-sky-400/50',
-  },
-} as const;
-
-// ─── Focus ───────────────────────────────────────────────
-/** @deprecated Use `ring-2 ring-[--color-stroke-focus] ring-offset-2` (--color-stroke-focus) instead. */
-export const FOCUS_RING = 'ring-2 ring-slate-400/50 ring-offset-2';
-
-// ─── Radius ──────────────────────────────────────────────
-/** @deprecated Use `rounded-[var(--border-radius-button)]` for buttons/inputs or `rounded-[var(--border-radius-default)]` for containers. */
-export const RADIUS_SM = 'rounded-lg';
-/** @deprecated Use `rounded-[var(--border-radius-default)]` for cards/containers. */
-export const RADIUS_MD = 'rounded-xl';
-/** @deprecated Use `rounded-[var(--border-radius-round)]` for circular elements (icon buttons, radio, pills). */
-export const RADIUS_FULL = 'rounded-full';
-
-// ─── Shadows ─────────────────────────────────────────────
-
-/** @deprecated Use `shadow-sm` directly instead */
-export const SHADOW_SM = 'shadow-sm';
-/** @deprecated Use `shadow-md` directly instead */
-export const SHADOW_MD = 'shadow-md';
-
-// ─── Sizing ──────────────────────────────────────────────
-// Unified size scale for interactive/form components (Button, Input, Select, Checkbox).
-// Only two sizes: 'default' (regular) and 'small' (compact).
-// NOTE: Text and Heading use a separate typography scale (xs/sm/md/lg/xl) — not this.
-/** @deprecated */
-export const SIZE_SCALE = {
-  default: { height: 'h-10', px: 'px-4', gap: 'gap-2', text: 'text-base' },
-  small: { height: 'h-8', px: 'px-3', gap: 'gap-1.5', text: 'text-sm' },
-} as const;
-
-// ─── Transitions ─────────────────────────────────────────
-export const TRANSITION_COLORS = 'transition-colors duration-150';
-
-// ─── Disabled ────────────────────────────────────────────
-export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
-export const DISABLED_CURSOR =
-  'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';