@mt-gloss/ui 0.0.8 → 0.0.10

package/internals.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @internal
+ * Left Side infrastructure -- DO NOT import in application code.
+ * For library maintainers and Base/Preset component authors only.
+ *
+ * Usage: import { Color, Spacing, BaseBox } from '@mt-gloss/ui/internals';
+ */
+export { Color, type ColorValue } from './lib/dictionary/color';
+export { Spacing, type SpacingValue } from './lib/dictionary/spacing';
+export { Typography, type TypographyValue } from './lib/dictionary/typography';
+export { Elevation, type ElevationValue } from './lib/dictionary/elevation';
+export { Radius, type RadiusValue } from './lib/dictionary/radius';
+export { Motion, type MotionValue } from './lib/dictionary/motion';
+export { Breakpoint, type BreakpointValue } from './lib/dictionary/breakpoint';
+export { ZIndex, type ZIndexValue } from './lib/dictionary/z-index';
+export { Opacity, type OpacityValue } from './lib/dictionary/opacity';
+export { Border, type BorderValue } from './lib/dictionary/border';
+export type { AsProp, PolymorphicProps } from './lib/base/types';
+export { BaseBox, type BaseBoxDefinition } from './lib/base/BaseBox/BaseBox';
+export { BaseStack, type BaseStackDefinition } from './lib/base/BaseStack/BaseStack';
+export { BaseDivider, type BaseDividerDefinition } from './lib/base/BaseDivider/BaseDivider';
+export { BaseTypography, type BaseTypographyDefinition } from './lib/base/BaseTypography/BaseTypography';
+export { BaseIcon, type BaseIconDefinition } from './lib/base/BaseIcon/BaseIcon';
+export { BaseOverlay, type BaseOverlayDefinition } from './lib/base/BaseOverlay/BaseOverlay';
+export { BaseTable, BaseTableHead, BaseTableBody, BaseTableRow, BaseTableCell, type BaseTableDefinition, type BaseTableHeadDefinition, type BaseTableRowDefinition, type BaseTableCellDefinition, } from './lib/base/BaseTable/BaseTable';
+export { BaseButton, type BaseButtonDefinition } from './lib/base/BaseButton/BaseButton';
+export { BaseInput, type BaseInputDefinition } from './lib/base/BaseInput/BaseInput';
+export { BaseTextarea, type BaseTextareaDefinition } from './lib/base/BaseTextarea/BaseTextarea';
+export { BaseCheckbox, type BaseCheckboxDefinition } from './lib/base/BaseCheckbox/BaseCheckbox';
+export { BaseRadio, type BaseRadioDefinition } from './lib/base/BaseRadio/BaseRadio';
+export { BaseToggle, type BaseToggleDefinition } from './lib/base/BaseToggle/BaseToggle';
+export { BaseSelect, BaseSelectTrigger, BaseSelectDropdown, BaseSelectOption, BaseSelectGroup, type BaseSelectDefinition, type BaseSelectDropdownDefinition, } from './lib/base/BaseSelect/BaseSelect';
+export { BaseSlider, type BaseSliderDefinition } from './lib/base/BaseSlider/BaseSlider';
+export { BaseCard, BaseCardHeader, BaseCardBody, BaseCardFooter, BaseCardMedia, BaseCardTitle, BaseCardSubtitle, BaseCardActions, type BaseCardDefinition, type BaseCardHeaderDefinition, type BaseCardBodyDefinition, type BaseCardFooterDefinition, } from './lib/base/BaseCard/BaseCard';
+export { BaseAccordion, BaseAccordionItem, BaseAccordionTrigger, BaseAccordionContent, type BaseAccordionDefinition, } from './lib/base/BaseAccordion/BaseAccordion';
+export { BaseMenu, BaseMenuGroup, BaseMenuItem, BaseMenuDivider, type BaseMenuDefinition, type BaseMenuItemDefinition, } from './lib/base/BaseMenu/BaseMenu';
+export { BaseTooltip, type BaseTooltipDefinition } from './lib/base/BaseTooltip/BaseTooltip';
+export { BaseRating, type BaseRatingDefinition } from './lib/base/BaseRating/BaseRating';
+export { BaseSegmentedControl, type BaseSegmentedControlDefinition } from './lib/base/BaseSegmentedControl/BaseSegmentedControl';
+export { BaseDatePicker, BaseDatePickerHeader, BaseDatePickerCalendar, BaseDatePickerDay, type BaseDatePickerDefinition, type BaseDatePickerDayDefinition, } from './lib/base/BaseDatePicker/BaseDatePicker';
+export { BaseTimePicker, BaseTimePickerColumn, BaseTimePickerCell, type BaseTimePickerDefinition, } from './lib/base/BaseTimePicker/BaseTimePicker';
+export { BaseDateRangePicker, BaseDateRangePickerDay, type BaseDateRangePickerDefinition, } from './lib/base/BaseDateRangePicker/BaseDateRangePicker';
+export { BaseNumberInput, type BaseNumberInputDefinition } from './lib/base/BaseNumberInput/BaseNumberInput';
+export { BaseMaskedInput, type BaseMaskedInputDefinition } from './lib/base/BaseMaskedInput/BaseMaskedInput';
+export { BaseFileUpload, BaseFileUploadList, BaseFileUploadItem, type BaseFileUploadDefinition, } from './lib/base/BaseFileUpload/BaseFileUpload';
+export { BaseColorPicker, BaseColorPickerSaturation, BaseColorPickerHue, BaseColorPickerAlpha, BaseColorPickerSwatch, type BaseColorPickerDefinition, } from './lib/base/BaseColorPicker/BaseColorPicker';
+export { BaseRangeSlider, type BaseRangeSliderDefinition } from './lib/base/BaseRangeSlider/BaseRangeSlider';
+export { BaseText, type BaseTextDefinition } from './lib/base/BaseText/BaseText';
+export { BaseTitle, type BaseTitleDefinition } from './lib/base/BaseTitle/BaseTitle';
+export { BaseLabel, type BaseLabelDefinition } from './lib/base/BaseLabel/BaseLabel';
+export { BaseValue, type BaseValueDefinition } from './lib/base/BaseValue/BaseValue';
+export { BaseDialog, BaseDialogHeader, BaseDialogBody, BaseDialogActions, type BaseDialogDefinition, } from './lib/base/BaseDialog/BaseDialog';
+export { BasePopover, type BasePopoverDefinition } from './lib/base/BasePopover/BasePopover';
+export { BaseToast, type BaseToastDefinition } from './lib/base/BaseToast/BaseToast';
+export { BaseAlert, type BaseAlertDefinition } from './lib/base/BaseAlert/BaseAlert';
+export { BaseAvatar, type BaseAvatarDefinition } from './lib/base/BaseAvatar/BaseAvatar';
+export { BaseProgressBar, type BaseProgressBarDefinition } from './lib/base/BaseProgressBar/BaseProgressBar';
+export { BaseBreadcrumbs, type BaseBreadcrumbsDefinition } from './lib/base/BaseBreadcrumbs/BaseBreadcrumbs';
+export { BaseAsyncButton, type BaseAsyncButtonDefinition } from './lib/base/BaseAsyncButton/BaseAsyncButton';
+export { BaseBadge, type BaseBadgeDefinition } from './lib/base/BaseBadge/BaseBadge';
+export { BaseChip, type BaseChipDefinition } from './lib/base/BaseChip/BaseChip';
+export { BaseLink, type BaseLinkDefinition } from './lib/base/BaseLink/BaseLink';
+export { UIContext, UIContextProvider, useUIContext } from './lib/containers/UIContext';
+export type { UIContextValue, UIRegion, UIDensity } from './lib/containers/UIContext';

package/internals.js

@@ -0,0 +1,279 @@
+import { b as B } from "./UIContext-CEp38xw-.js";
+import { F as A, I, G as H, H as M, ad as $, af as R, c as E, h as F, t as O, D as U, w as z, x as W, v as L, y as j, A as G, z as V, k as X, ag as Z, a6 as q, a9 as J, a8 as K, a7 as Q, aa as Y, Q as aa, V as sa, W as ea, T as oa, $ as ta, a0 as la, e as ra, a3 as ia, a5 as da, a4 as na, g as ca, i as Ba, ah as ga, a2 as ba, J as ma, M as ua, K as pa, L as ya, a1 as ha, B as _a, ae as fa, l as va, ab as Ca, O as ka, P as Ta, n as Da, p as wa, r as xa, q as Sa, o as Na, s as Pa, d as Aa, ac as Ia, j as Ha, X as Ma, _ as $a, Y as Ra, m as Ea, N as Fa, f as Oa, C as Ua, E as za, R as Wa, S as La, a as ja, U as Ga, Z as Va, u as Xa } from "./UIContext-CEp38xw-.js";
+import { d as qa, f as Ja, e as Ka, a as Qa, B as Ya, c as as, b as ss, T as es } from "./BaseAsyncButton-XBXVlXMl.js";
+import { jsx as d, jsxs as g, Fragment as b } from "react/jsx-runtime";
+const D = {
+  DurationFast: "var(--gloss-motion-duration-fast)",
+  DurationNormal: "var(--gloss-motion-duration-normal)",
+  DurationSlow: "var(--gloss-motion-duration-slow)",
+  EasingDefault: "var(--gloss-motion-easing-default)",
+  EasingEnter: "var(--gloss-motion-easing-enter)",
+  EasingExit: "var(--gloss-motion-easing-exit)"
+}, w = {
+  Sm: "var(--gloss-breakpoint-sm)",
+  Md: "var(--gloss-breakpoint-md)",
+  Lg: "var(--gloss-breakpoint-lg)",
+  Xl: "var(--gloss-breakpoint-xl)",
+  "2xl": "var(--gloss-breakpoint-2xl)"
+}, x = {
+  Disabled: "var(--gloss-opacity-disabled)",
+  Hover: "var(--gloss-opacity-hover)",
+  Focus: "var(--gloss-opacity-focus)",
+  Overlay: "var(--gloss-opacity-overlay)"
+}, S = {
+  WidthThin: "var(--gloss-border-width-thin)",
+  WidthMedium: "var(--gloss-border-width-medium)",
+  WidthThick: "var(--gloss-border-width-thick)",
+  StyleDefault: "var(--gloss-border-style-default)"
+};
+function m(s) {
+  const { as: e, definition: a, className: t, style: l, children: r, ...n } = s, i = e || "table", o = { ...l };
+  a?.width && (o["--_width"] = a.width);
+  const c = {};
+  return a?.borderCollapse && (c["data-border-collapse"] = a.borderCollapse), a?.layout && (c["data-layout"] = a.layout), /* @__PURE__ */ d(
+    i,
+    {
+      className: t ? `gloss-base-table ${t}` : "gloss-base-table",
+      style: o,
+      ...c,
+      ...n,
+      children: r
+    }
+  );
+}
+m.displayName = "BaseTable";
+function u(s) {
+  const { as: e, definition: a, className: t, style: l, children: r, ...n } = s, i = e || "thead", o = { ...l };
+  return a?.bg && (o["--_bg"] = a.bg), a?.borderBottom && (o["--_border-bottom"] = a.borderBottom), /* @__PURE__ */ d(
+    i,
+    {
+      className: t ? `gloss-base-table__head ${t}` : "gloss-base-table__head",
+      style: o,
+      ...n,
+      children: r
+    }
+  );
+}
+u.displayName = "BaseTableHead";
+function p(s) {
+  const { as: e, className: a, style: t, children: l, ...r } = s;
+  return /* @__PURE__ */ d(
+    e || "tbody",
+    {
+      className: a ? `gloss-base-table__body ${a}` : "gloss-base-table__body",
+      style: t,
+      ...r,
+      children: l
+    }
+  );
+}
+p.displayName = "BaseTableBody";
+function y(s) {
+  const { as: e, definition: a, className: t, style: l, children: r, ...n } = s, i = e || "tr", o = { ...l };
+  return a?.hoverBg && (o["--_hover-bg"] = a.hoverBg), a?.borderBottom && (o["--_border-bottom"] = a.borderBottom), /* @__PURE__ */ d(
+    i,
+    {
+      className: t ? `gloss-base-table__row ${t}` : "gloss-base-table__row",
+      style: o,
+      ...n,
+      children: r
+    }
+  );
+}
+y.displayName = "BaseTableRow";
+function h(s) {
+  const { as: e, definition: a, className: t, style: l, children: r, ...n } = s, i = e || "td", o = { ...l };
+  a?.padding && (o["--_padding"] = a.padding), a?.width && (o["--_width"] = a.width), a?.fontSize && (o["--_font-size"] = a.fontSize), a?.fontWeight && (o["--_font-weight"] = a.fontWeight), a?.color && (o["--_color"] = a.color);
+  const c = {};
+  return a?.align && (c["data-align"] = a.align), a?.truncate && (c["data-truncate"] = ""), /* @__PURE__ */ d(
+    i,
+    {
+      className: t ? `gloss-base-table__cell ${t}` : "gloss-base-table__cell",
+      style: o,
+      ...c,
+      ...n,
+      children: r
+    }
+  );
+}
+h.displayName = "BaseTableCell";
+function _({
+  definition: s,
+  open: e,
+  onDismiss: a,
+  className: t,
+  style: l,
+  children: r
+}) {
+  const n = {
+    portal: !0,
+    dismissOnClickOutside: !0,
+    dismissOnEscape: !0,
+    role: "dialog",
+    bg: s?.bg,
+    shadow: s?.shadow,
+    radius: s?.radius,
+    padding: s?.padding,
+    zIndex: s?.zIndex
+  }, i = { ...l };
+  return s?.width && (i["--_width"] = s.width), s?.maxHeight && (i["--_max-height"] = s.maxHeight), /* @__PURE__ */ g(b, { children: [
+    e && /* @__PURE__ */ d("div", { className: "gloss-base-dialog__backdrop" }),
+    /* @__PURE__ */ d(
+      B,
+      {
+        definition: n,
+        open: e,
+        onDismiss: a,
+        children: /* @__PURE__ */ d(
+          "div",
+          {
+            className: t ? `gloss-base-dialog ${t}` : "gloss-base-dialog",
+            style: i,
+            children: r
+          }
+        )
+      }
+    )
+  ] });
+}
+_.displayName = "BaseDialog";
+function f({
+  children: s,
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: e ? `gloss-base-dialog__header ${e}` : "gloss-base-dialog__header",
+      ...a,
+      children: s
+    }
+  );
+}
+f.displayName = "BaseDialogHeader";
+function v({
+  children: s,
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: e ? `gloss-base-dialog__body ${e}` : "gloss-base-dialog__body",
+      ...a,
+      children: s
+    }
+  );
+}
+v.displayName = "BaseDialogBody";
+function C({
+  children: s,
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: e ? `gloss-base-dialog__actions ${e}` : "gloss-base-dialog__actions",
+      ...a,
+      children: s
+    }
+  );
+}
+C.displayName = "BaseDialogActions";
+export {
+  A as BaseAccordion,
+  I as BaseAccordionContent,
+  H as BaseAccordionItem,
+  M as BaseAccordionTrigger,
+  qa as BaseAlert,
+  Ja as BaseAsyncButton,
+  $ as BaseAvatar,
+  R as BaseBadge,
+  E as BaseBox,
+  Ka as BaseBreadcrumbs,
+  F as BaseButton,
+  O as BaseCard,
+  U as BaseCardActions,
+  z as BaseCardBody,
+  W as BaseCardFooter,
+  L as BaseCardHeader,
+  j as BaseCardMedia,
+  G as BaseCardSubtitle,
+  V as BaseCardTitle,
+  X as BaseCheckbox,
+  Z as BaseChip,
+  q as BaseColorPicker,
+  J as BaseColorPickerAlpha,
+  K as BaseColorPickerHue,
+  Q as BaseColorPickerSaturation,
+  Y as BaseColorPickerSwatch,
+  aa as BaseDatePicker,
+  sa as BaseDatePickerCalendar,
+  ea as BaseDatePickerDay,
+  oa as BaseDatePickerHeader,
+  ta as BaseDateRangePicker,
+  la as BaseDateRangePickerDay,
+  _ as BaseDialog,
+  C as BaseDialogActions,
+  v as BaseDialogBody,
+  f as BaseDialogHeader,
+  ra as BaseDivider,
+  ia as BaseFileUpload,
+  da as BaseFileUploadItem,
+  na as BaseFileUploadList,
+  ca as BaseIcon,
+  Ba as BaseInput,
+  Qa as BaseLabel,
+  ga as BaseLink,
+  ba as BaseMaskedInput,
+  ma as BaseMenu,
+  ua as BaseMenuDivider,
+  pa as BaseMenuGroup,
+  ya as BaseMenuItem,
+  ha as BaseNumberInput,
+  B as BaseOverlay,
+  _a as BasePopover,
+  fa as BaseProgressBar,
+  va as BaseRadio,
+  Ca as BaseRangeSlider,
+  ka as BaseRating,
+  Ta as BaseSegmentedControl,
+  Da as BaseSelect,
+  wa as BaseSelectDropdown,
+  xa as BaseSelectGroup,
+  Sa as BaseSelectOption,
+  Na as BaseSelectTrigger,
+  Pa as BaseSlider,
+  Aa as BaseStack,
+  m as BaseTable,
+  p as BaseTableBody,
+  h as BaseTableCell,
+  u as BaseTableHead,
+  y as BaseTableRow,
+  Ia as BaseText,
+  Ha as BaseTextarea,
+  Ma as BaseTimePicker,
+  $a as BaseTimePickerCell,
+  Ra as BaseTimePickerColumn,
+  Ya as BaseTitle,
+  as as BaseToast,
+  Ea as BaseToggle,
+  Fa as BaseTooltip,
+  Oa as BaseTypography,
+  ss as BaseValue,
+  S as Border,
+  w as Breakpoint,
+  Ua as Color,
+  za as Elevation,
+  D as Motion,
+  x as Opacity,
+  Wa as Radius,
+  La as Spacing,
+  es as Typography,
+  ja as UIContext,
+  Ga as UIContextProvider,
+  Va as ZIndex,
+  Xa as useUIContext
+};

package/lib/base/BaseAccordion/BaseAccordion.d.ts

@@ -0,0 +1,51 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { RadiusValue } from '../../dictionary/radius';
+import { SpacingValue } from '../../dictionary/spacing';
+export interface BaseAccordionDefinition {
+    borderColor?: ColorValue | string;
+    radius?: RadiusValue | string;
+    gap?: SpacingValue | string;
+}
+interface BaseAccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    definition?: BaseAccordionDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural accordion container with border and layout definitions.
+ */
+export declare const BaseAccordion: React.ForwardRefExoticComponent<BaseAccordionProps & React.RefAttributes<HTMLDivElement>>;
+interface BaseAccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    open?: boolean;
+}
+/**
+ * @internal
+ * Structural accordion item wrapper.
+ */
+export declare const BaseAccordionItem: React.ForwardRefExoticComponent<BaseAccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+interface BaseAccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural accordion trigger button.
+ */
+export declare const BaseAccordionTrigger: React.ForwardRefExoticComponent<BaseAccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface BaseAccordionContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural accordion content panel.
+ */
+export declare const BaseAccordionContent: React.ForwardRefExoticComponent<BaseAccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/base/BaseAlert/BaseAlert.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+import { RadiusValue } from '../../dictionary/radius';
+export interface BaseAlertDefinition {
+    bg?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    color?: ColorValue | string;
+    padding?: SpacingValue | string;
+    radius?: RadiusValue | string;
+    iconColor?: ColorValue | string;
+}
+interface BaseAlertProps {
+    definition?: BaseAlertDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    role?: string;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural alert chassis with definition-driven CSS custom properties.
+ */
+export declare function BaseAlert(props: BaseAlertProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof BaseAlertProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseAlert {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseAsyncButton/BaseAsyncButton.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { BaseButtonDefinition } from '../BaseButton/BaseButton';
+import { PolymorphicProps } from '../types';
+export type BaseAsyncButtonDefinition = BaseButtonDefinition;
+interface BaseAsyncButtonProps {
+    definition?: BaseAsyncButtonDefinition;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Async button chassis -- extends BaseButton with loading spinner overlay.
+ * When loading, children are visually hidden (preserving size) and a spinner appears.
+ */
+export declare function BaseAsyncButton<C extends React.ElementType = 'button'>(props: PolymorphicProps<C, BaseAsyncButtonProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseAsyncButton {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseAvatar/BaseAvatar.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { RadiusValue } from '../../dictionary/radius';
+export interface BaseAvatarDefinition {
+    size?: string;
+    bg?: ColorValue | string;
+    color?: ColorValue | string;
+    fontSize?: string;
+    radius?: RadiusValue | string;
+}
+interface BaseAvatarProps {
+    definition?: BaseAvatarDefinition;
+    src?: string;
+    alt?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural avatar chassis with definition-driven CSS custom properties.
+ * Renders image or children (initials/icon) with error fallback.
+ */
+export declare function BaseAvatar(props: BaseAvatarProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof BaseAvatarProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseAvatar {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseBadge/BaseBadge.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { PolymorphicProps } from '../types';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+import { RadiusValue } from '../../dictionary/radius';
+export interface BaseBadgeDefinition {
+    bg?: ColorValue | string;
+    color?: ColorValue | string;
+    padding?: SpacingValue | string;
+    paddingX?: SpacingValue | string;
+    radius?: RadiusValue | string;
+    fontSize?: string;
+    fontWeight?: string;
+}
+interface BaseBadgeProps {
+    definition?: BaseBadgeDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    dot?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural badge chassis with definition-driven CSS custom properties.
+ * No colors, no sizes -- those belong in the Preset layer.
+ */
+export declare function BaseBadge<C extends React.ElementType = 'span'>(props: PolymorphicProps<C, BaseBadgeProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseBadge {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseBox/BaseBox.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { PolymorphicProps } from '../types';
+import { SpacingValue } from '../../dictionary/spacing';
+import { ColorValue } from '../../dictionary/color';
+import { RadiusValue } from '../../dictionary/radius';
+export interface BaseBoxDefinition {
+    padding?: SpacingValue | string;
+    paddingX?: SpacingValue | string;
+    paddingY?: SpacingValue | string;
+    margin?: SpacingValue | string;
+    gap?: SpacingValue | string;
+    bg?: ColorValue | string;
+    border?: string;
+    radius?: RadiusValue | string;
+    display?: 'flex' | 'grid' | 'block' | 'inline-flex';
+    direction?: 'row' | 'column';
+    align?: 'center' | 'start' | 'end' | 'stretch' | 'baseline';
+    justify?: 'center' | 'start' | 'end' | 'between' | 'around';
+    wrap?: boolean;
+}
+interface BaseBoxProps {
+    definition?: BaseBoxDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Layout primitive with Dictionary-driven spacing, background, and flex layout.
+ */
+export declare function BaseBox<C extends React.ElementType = 'div'>(props: PolymorphicProps<C, BaseBoxProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseBox {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseBreadcrumbs/BaseBreadcrumbs.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+export interface BaseBreadcrumbsDefinition {
+    separator?: string;
+    gap?: SpacingValue | string;
+    color?: ColorValue | string;
+    fontSize?: string;
+}
+interface BaseBreadcrumbsProps {
+    definition?: BaseBreadcrumbsDefinition;
+    separator?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ * Structural breadcrumb chassis with definition-driven CSS custom properties.
+ * Renders semantic nav/ol with separator between items.
+ */
+export declare function BaseBreadcrumbs(props: BaseBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseBreadcrumbs {
+    var displayName: string;
+}
+export {};

package/lib/base/BaseButton/BaseButton.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { PolymorphicProps } from '../types';
+import { ColorValue } from '../../dictionary/color';
+import { SpacingValue } from '../../dictionary/spacing';
+import { RadiusValue } from '../../dictionary/radius';
+import { ElevationValue } from '../../dictionary/elevation';
+export interface BaseButtonDefinition {
+    bg?: ColorValue | string;
+    color?: ColorValue | string;
+    borderColor?: ColorValue | string;
+    padding?: SpacingValue | string;
+    paddingX?: SpacingValue | string;
+    radius?: RadiusValue | string;
+    elevation?: ElevationValue | string;
+    fontSize?: string;
+    fontWeight?: string;
+    minHeight?: string;
+    gap?: SpacingValue | string;
+    display?: 'inline-flex' | 'flex';
+}
+interface BaseButtonProps {
+    definition?: BaseButtonDefinition;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}
+/**
+ * @internal
+ * Structural button chassis with definition-driven CSS custom properties.
+ * No colors, no hover effects -- those belong in the Preset layer.
+ */
+export declare function BaseButton<C extends React.ElementType = 'button'>(props: PolymorphicProps<C, BaseButtonProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace BaseButton {
+    var displayName: string;
+}
+export {};