@askrjs/themes 0.0.9 → 0.0.11

package/dist/components/spacer/spacer.types.d.ts

@@ -1,26 +0,0 @@
-import { JSXElement } from "@askrjs/askr/foundations";
-import { Ref } from "@askrjs/askr/foundations/utilities";
-
-//#region src/components/spacer/spacer.types.d.ts
-type SpacerAxis = "inline" | "block";
-type SpacerOwnProps = {
-  /** flex-grow factor (default 1 when no axis is set). */grow?: number; /** flex-shrink factor (default 1 when no axis is set, 0 when axis is set). */
-  shrink?: number; /** CSS flex-basis / width (axis=inline) / height (axis=block) value. */
-  basis?: string; /** When set, renders a fixed space along the given axis instead of a flex-grow spacer. */
-  axis?: SpacerAxis;
-  children?: unknown;
-};
-type SpacerNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & SpacerOwnProps & {
-  asChild?: false;
-  ref?: Ref<HTMLDivElement>;
-};
-type SpacerAsChildProps = SpacerOwnProps & {
-  asChild: true;
-  children: JSXElement;
-  ref?: Ref<unknown>;
-  style?: JSX.IntrinsicElements["div"]["style"];
-};
-type SpacerProps = SpacerNativeProps | SpacerAsChildProps;
-//#endregion
-export { SpacerAsChildProps, SpacerAxis, SpacerNativeProps, SpacerOwnProps, SpacerProps };
-//# sourceMappingURL=spacer.types.d.ts.map

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

@@ -1,3 +0,0 @@
-import { StackAsChildProps, StackDivProps, StackOwnProps, StackProps } from "./stack.types.js";
-import { Stack } from "./stack.js";
-import { STACK_A11Y_CONTRACT, StackA11yContract } from "./stack.a11y.js";

package/dist/components/stack/stack.a11y.d.ts

@@ -1,18 +0,0 @@
-//#region src/components/stack/stack.a11y.d.ts
-declare const STACK_A11Y_CONTRACT: {
-  readonly DATA_ATTRIBUTES: {
-    readonly slot: "data-slot";
-    readonly layout: "data-ak-layout";
-    readonly gap: "data-gap";
-    readonly align: "data-align";
-    readonly justify: "data-justify";
-    readonly wrap: "data-wrap";
-  };
-  readonly SLOT_VALUES: {
-    readonly root: "stack";
-  };
-};
-type StackA11yContract = typeof STACK_A11Y_CONTRACT;
-//#endregion
-export { STACK_A11Y_CONTRACT, StackA11yContract };
-//# sourceMappingURL=stack.a11y.d.ts.map

package/dist/components/stack/stack.d.ts

@@ -1,8 +0,0 @@
-import { StackAsChildProps, StackDivProps } from "./stack.types.js";
-
-//#region src/components/stack/stack.d.ts
-declare function Stack(props: StackDivProps): JSX.Element;
-declare function Stack(props: StackAsChildProps): JSX.Element;
-//#endregion
-export { Stack };
-//# sourceMappingURL=stack.d.ts.map

package/dist/components/stack/stack.js

@@ -1,16 +0,0 @@
-import { Flex } from "../flex/flex.js";
-import { jsx } from "@askrjs/askr/jsx-runtime";
-//#region src/components/stack/stack.tsx
-function Stack(props) {
-	const { children, ...rest } = props;
-	return /* @__PURE__ */ jsx(Flex, {
-		...rest,
-		"data-slot": "stack",
-		direction: "column",
-		children
-	});
-}
-//#endregion
-export { Stack };
-
-//# sourceMappingURL=stack.js.map

package/dist/components/stack/stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.js","names":[],"sources":["../../../src/components/stack/stack.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\nimport type { StackAsChildProps, StackDivProps } from \"./stack.types\";\n\nexport function Stack(props: StackDivProps): JSX.Element;\nexport function Stack(props: StackAsChildProps): JSX.Element;\nexport function Stack(props: StackDivProps | StackAsChildProps) {\n  const { children, ...rest } = props;\n  return (\n    <Flex {...(rest as Record<string, unknown>)} data-slot=\"stack\" direction=\"column\">\n      {children}\n    </Flex>\n  );\n}\n"],"mappings":";;;AAKA,SAAgB,MAAM,OAA0C;CAC9D,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,OACE,oBAAC,MAAD;EAAM,GAAK;EAAkC,aAAU;EAAQ,WAAU;EACtE;CACG,CAAA;AAEV"}

package/dist/components/stack/stack.types.d.ts

@@ -1,22 +0,0 @@
-import { FlexOwnProps } from "../flex/flex.types.js";
-import { JSXElement } from "@askrjs/askr/foundations";
-import { Ref } from "@askrjs/askr/foundations/utilities";
-
-//#region src/components/stack/stack.types.d.ts
-type StackOwnProps = Omit<FlexOwnProps, "direction" | "as"> & {
-  children?: unknown;
-};
-type StackDivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & StackOwnProps & {
-  asChild?: false;
-  ref?: Ref<HTMLDivElement>;
-};
-type StackAsChildProps = StackOwnProps & {
-  asChild: true;
-  children: JSXElement;
-  ref?: Ref<unknown>;
-  style?: JSX.IntrinsicElements["div"]["style"];
-};
-type StackProps = StackDivProps | StackAsChildProps;
-//#endregion
-export { StackAsChildProps, StackDivProps, StackOwnProps, StackProps };
-//# sourceMappingURL=stack.types.d.ts.map

package/dist/feedback.d.ts

@@ -1,5 +0,0 @@
-import { EmptyStateHeadingTag, EmptyStateProps } from "./components/empty-state/empty-state.types.js";
-import { EmptyState } from "./components/empty-state/empty-state.js";
-import { SpinnerOwnProps, SpinnerProps } from "./components/spinner/spinner.types.js";
-import { Spinner } from "./components/spinner/spinner.js";
-export { EmptyState, type EmptyStateHeadingTag, type EmptyStateProps, Spinner, type SpinnerOwnProps, type SpinnerProps };

package/dist/feedback.js

@@ -1,4 +0,0 @@
-/* empty css                     */
-import { EmptyState } from "./components/empty-state/empty-state.js";
-import { Spinner } from "./components/spinner/spinner.js";
-export { EmptyState, Spinner };

package/dist/layouts.d.ts

@@ -1,25 +0,0 @@
-import { AspectRatioAsChildProps, AspectRatioProps } from "./components/aspect-ratio/aspect-ratio.types.js";
-import { AspectRatio } from "./components/aspect-ratio/aspect-ratio.js";
-import { BlockAsChildProps, BlockDivProps, BlockNativeProps, BlockOwnProps, BlockProps, BlockSize, BlockSpanProps } from "./components/block/block.types.js";
-import { Block } from "./components/block/block.js";
-import { BLOCK_A11Y_CONTRACT, BlockA11yContract } from "./components/block/block.a11y.js";
-import { BoxAsChildProps, BoxDivProps, BoxLayoutOwnProps, BoxOwnProps, BoxProps, BoxSpanProps, LayoutResponsive } from "./components/box/box.types.js";
-import { Box } from "./components/box/box.js";
-import { BOX_A11Y_CONTRACT, BoxA11yContract } from "./components/box/box.a11y.js";
-import { ContainerAsChildProps, ContainerNativeProps, ContainerOwnProps, ContainerProps, ContainerVariant } from "./components/container/container.types.js";
-import { Container } from "./components/container/container.js";
-import { CONTAINER_A11Y_CONTRACT, ContainerA11yContract } from "./components/container/container.a11y.js";
-import { FlexAsChildProps, FlexDivProps, FlexNativeProps, FlexOwnProps, FlexProps, FlexSpanProps } from "./components/flex/flex.types.js";
-import { Flex } from "./components/flex/flex.js";
-import { FLEX_A11Y_CONTRACT, FlexA11yContract } from "./components/flex/flex.a11y.js";
-import { Inline } from "./components/inline/index.js";
-import { SectionAsChildProps, SectionElementProps, SectionOwnProps, SectionProps } from "./components/section/section.types.js";
-import { Section } from "./components/section/section.js";
-import { SECTION_A11Y_CONTRACT, SectionA11yContract } from "./components/section/section.a11y.js";
-import { SpacerAsChildProps, SpacerAxis, SpacerNativeProps, SpacerOwnProps, SpacerProps } from "./components/spacer/spacer.types.js";
-import { Spacer } from "./components/spacer/spacer.js";
-import { SPACER_A11Y_CONTRACT, SpacerA11yContract } from "./components/spacer/spacer.a11y.js";
-import { StackAsChildProps, StackDivProps, StackOwnProps, StackProps } from "./components/stack/stack.types.js";
-import { Stack } from "./components/stack/stack.js";
-import { STACK_A11Y_CONTRACT, StackA11yContract } from "./components/stack/stack.a11y.js";
-export { AspectRatio, type AspectRatioAsChildProps, type AspectRatioProps, type BLOCK_A11Y_CONTRACT, type BOX_A11Y_CONTRACT, Block, type BlockA11yContract, type BlockAsChildProps, type BlockDivProps, type BlockNativeProps, type BlockOwnProps, type BlockProps, type BlockSize, type BlockSpanProps, Box, type BoxA11yContract, type BoxAsChildProps, type BoxDivProps, type BoxLayoutOwnProps, type BoxOwnProps, type BoxProps, type BoxSpanProps, type CONTAINER_A11Y_CONTRACT, Container, type ContainerA11yContract, type ContainerAsChildProps, type ContainerNativeProps, type ContainerOwnProps, type ContainerProps, type ContainerVariant, type FLEX_A11Y_CONTRACT, Flex, type FlexA11yContract, type FlexAsChildProps, type FlexDivProps, type FlexNativeProps, type FlexOwnProps, type FlexProps, type FlexSpanProps, type FLEX_A11Y_CONTRACT as INLINE_A11Y_CONTRACT, Inline, type FlexA11yContract as InlineA11yContract, type FlexAsChildProps as InlineAsChildProps, type FlexDivProps as InlineDivProps, type FlexNativeProps as InlineNativeProps, type FlexOwnProps as InlineOwnProps, type FlexProps as InlineProps, type FlexSpanProps as InlineSpanProps, type LayoutResponsive, type SECTION_A11Y_CONTRACT, type SPACER_A11Y_CONTRACT, type STACK_A11Y_CONTRACT, Section, type SectionA11yContract, type SectionAsChildProps, type SectionElementProps, type SectionOwnProps, type SectionProps, Spacer, type SpacerA11yContract, type SpacerAsChildProps, type SpacerAxis, type SpacerNativeProps, type SpacerOwnProps, type SpacerProps, Stack, type StackA11yContract, type StackAsChildProps, type StackDivProps, type StackOwnProps, type StackProps };

package/dist/layouts.js

@@ -1,11 +0,0 @@
-/* empty css                     */
-import { AspectRatio } from "./components/aspect-ratio/aspect-ratio.js";
-import { Block } from "./components/block/block.js";
-import { Box } from "./components/box/box.js";
-import { Container } from "./components/container/container.js";
-import { Flex } from "./components/flex/flex.js";
-import { Inline } from "./components/inline/index.js";
-import { Section } from "./components/section/section.js";
-import { Spacer } from "./components/spacer/spacer.js";
-import { Stack } from "./components/stack/stack.js";
-export { AspectRatio, Block, Box, Container, Flex, Inline, Section, Spacer, Stack };

package/dist/shells.d.ts

@@ -1,16 +0,0 @@
-import { NavItemAsChildProps, NavItemProps, NavItemVariant, NavLinkProps } from "./components/nav/nav.types.js";
-import { NavItem, NavLink } from "./components/nav/nav.js";
-import { CollapseBreakpoint, CollapseIconPlacement, Collapsible } from "./components/shell/shell-nav.types.js";
-import { NavBrandProps, NavGroupProps, NavToggleProps, NavbarProps } from "./components/navbar/navbar.types.js";
-import { NavBrand, NavGroup, NavToggle, Navbar } from "./components/navbar/navbar.js";
-import { SidebarPanelProps, SidebarProps, SidebarToggleProps } from "./components/sidebar/sidebar.types.js";
-import { Sidebar } from "./components/sidebar/sidebar.js";
-import { SidebarPanel } from "./components/sidebar/sidebar-panel.js";
-import { SidebarToggle } from "./components/sidebar/sidebar-toggle.js";
-import { HeaderPosition, HeaderProps } from "./components/header/header.types.js";
-import { Header } from "./components/header/header.js";
-import { HEADER_A11Y_CONTRACT, HeaderA11yContract } from "./components/header/header.a11y.js";
-import { ShellAsChildProps, ShellDivProps, ShellMainAsChildProps, ShellMainDivProps, ShellMainMainProps, ShellMainProps, ShellNavAsChildProps, ShellNavDivProps, ShellNavProps, ShellOwnProps, ShellProps, ShellVariant } from "./components/shell/shell.types.js";
-import { Shell, ShellMain, ShellNav } from "./components/shell/shell.js";
-import { SHELL_A11Y_CONTRACT, ShellA11yContract } from "./components/shell/shell.a11y.js";
-export { type CollapseBreakpoint, type CollapseIconPlacement, type Collapsible, HEADER_A11Y_CONTRACT, Header, type HeaderA11yContract, type HeaderPosition, type HeaderProps, NavBrand, type NavBrandProps, NavGroup, type NavGroupProps, NavItem, type NavItemAsChildProps, type NavItemProps, type NavItemVariant, NavLink, type NavLinkProps, NavToggle, type NavToggleProps, Navbar, type NavbarProps, SHELL_A11Y_CONTRACT, Shell, type ShellA11yContract, type ShellAsChildProps, type ShellDivProps, ShellMain, type ShellMainAsChildProps, type ShellMainDivProps, type ShellMainMainProps, type ShellMainProps, ShellNav, type ShellNavAsChildProps, type ShellNavDivProps, type ShellNavProps, type ShellOwnProps, type ShellProps, type ShellVariant, Sidebar, SidebarPanel, type SidebarPanelProps, type SidebarProps, SidebarToggle, type SidebarToggleProps };

package/dist/shells.js

@@ -1,11 +0,0 @@
-/* empty css                     */
-import { NavItem, NavLink } from "./components/nav/nav.js";
-import { NavBrand, NavGroup, NavToggle, Navbar } from "./components/navbar/navbar.js";
-import { SidebarPanel } from "./components/sidebar/sidebar-panel.js";
-import { SidebarToggle } from "./components/sidebar/sidebar-toggle.js";
-import { Sidebar } from "./components/sidebar/sidebar.js";
-import { Header } from "./components/header/header.js";
-import { HEADER_A11Y_CONTRACT } from "./components/header/header.a11y.js";
-import { Shell, ShellMain, ShellNav } from "./components/shell/shell.js";
-import { SHELL_A11Y_CONTRACT } from "./components/shell/shell.a11y.js";
-export { HEADER_A11Y_CONTRACT, Header, NavBrand, NavGroup, NavItem, NavLink, NavToggle, Navbar, SHELL_A11Y_CONTRACT, Shell, ShellMain, ShellNav, Sidebar, SidebarPanel, SidebarToggle };

package/src/components/_internal/box-layout.ts

@@ -1,164 +0,0 @@
-import { mergeLayoutStyles, resolveSpaceValue, setResponsiveStyleVar } from "./layout";
-import { styleDeclarationsToClass } from "./style";
-import type { BoxLayoutOwnProps } from "../box/box.types";
-
-const SPACE_PROP_KEYS = new Set([
-  "m",
-  "mx",
-  "my",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "p",
-  "px",
-  "py",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "inset",
-  "top",
-  "right",
-  "bottom",
-  "left",
-]);
-
-const BOX_PROP_KEYS = new Set<keyof BoxLayoutOwnProps>([
-  "display",
-  "m",
-  "mx",
-  "my",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "p",
-  "px",
-  "py",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "width",
-  "minWidth",
-  "maxWidth",
-  "height",
-  "minHeight",
-  "maxHeight",
-  "position",
-  "inset",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "overflow",
-  "overflowX",
-  "overflowY",
-  "flexBasis",
-  "flexGrow",
-  "flexShrink",
-  "gridArea",
-  "gridColumn",
-  "gridColumnStart",
-  "gridColumnEnd",
-  "gridRow",
-  "gridRowStart",
-  "gridRowEnd",
-]);
-
-function variableNameForProp(prop: keyof BoxLayoutOwnProps): string {
-  switch (prop) {
-    case "overflowX":
-      return "overflow-x";
-    case "overflowY":
-      return "overflow-y";
-    case "minWidth":
-      return "min-width";
-    case "maxWidth":
-      return "max-width";
-    case "minHeight":
-      return "min-height";
-    case "maxHeight":
-      return "max-height";
-    case "flexBasis":
-      return "flex-basis";
-    case "flexGrow":
-      return "flex-grow";
-    case "flexShrink":
-      return "flex-shrink";
-    case "gridArea":
-      return "grid-area";
-    case "gridColumn":
-      return "grid-column";
-    case "gridColumnStart":
-      return "grid-column-start";
-    case "gridColumnEnd":
-      return "grid-column-end";
-    case "gridRow":
-      return "grid-row";
-    case "gridRowStart":
-      return "grid-row-start";
-    case "gridRowEnd":
-      return "grid-row-end";
-    default:
-      return prop;
-  }
-}
-
-export function splitBoxLayoutProps<T extends Record<string, unknown>>(
-  props: T,
-): {
-  boxProps: Partial<BoxLayoutOwnProps>;
-  rest: Omit<T, keyof BoxLayoutOwnProps>;
-} {
-  const boxProps: Partial<BoxLayoutOwnProps> = {};
-  const rest: Record<string, unknown> = {};
-
-  for (const [key, value] of Object.entries(props)) {
-    if (BOX_PROP_KEYS.has(key as keyof BoxLayoutOwnProps)) {
-      (boxProps as Record<string, unknown>)[key] = value;
-    } else {
-      rest[key] = value;
-    }
-  }
-
-  return { boxProps, rest: rest as Omit<T, keyof BoxLayoutOwnProps> };
-}
-
-export function applyBoxLayoutStyles(
-  styles: Record<string, string | number>,
-  boxProps: Partial<BoxLayoutOwnProps>,
-) {
-  for (const key of BOX_PROP_KEYS) {
-    const value = boxProps[key];
-    if (value === undefined) continue;
-
-    const variable = variableNameForProp(key);
-    if (SPACE_PROP_KEYS.has(key)) {
-      setResponsiveStyleVar(styles, variable, value as string | number, resolveSpaceValue);
-      continue;
-    }
-
-    setResponsiveStyleVar(
-      styles,
-      variable,
-      value as string | number,
-      (input) => input as string | number,
-    );
-  }
-}
-
-export function withBoxLayoutStyle(
-  styles: Record<string, string | number>,
-  userStyle: unknown,
-): string | undefined {
-  return mergeLayoutStyles(styles, userStyle);
-}
-
-export function withBoxLayoutClass(
-  styles: Record<string, string | number>,
-  userStyle: unknown,
-): string | undefined {
-  return styleDeclarationsToClass(mergeLayoutStyles(styles, userStyle));
-}

package/src/components/_internal/layout.ts

@@ -1,202 +0,0 @@
-import { serializeCssDeclarations } from "./style";
-
-/**
- * Layout helpers shared by headless layout primitives.
- */
-
-export type LayoutBreakpoint = "initial" | "sm" | "md" | "lg" | "xl";
-export type ResponsiveValue<T> = T | Partial<Record<LayoutBreakpoint, T>>;
-
-const BREAKPOINTS: readonly LayoutBreakpoint[] = ["initial", "sm", "md", "lg", "xl"];
-
-/** Units and patterns that identify a concrete CSS length value. */
-const CSS_UNIT_RE =
-  /^-?[\d.]+(%|px|em|rem|ex|ch|ic|lh|rlh|vw|vh|vmin|vmax|svw|svh|dvw|dvh|cqw|cqh|cqi|cqb|fr|cm|mm|in|pt|pc|Q)$/;
-
-const SPACE_TOKEN_MAP: Record<string, string> = {
-  "1": "var(--ak-space-1)",
-  "2": "var(--ak-space-2)",
-  "3": "var(--ak-space-3)",
-  "4": "var(--ak-space-4)",
-  "5": "var(--ak-space-5)",
-  "6": "var(--ak-space-6)",
-  "7": "var(--ak-space-7)",
-  "8": "var(--ak-space-8)",
-  "9": "var(--ak-space-9)",
-  xs: "var(--ak-space-xs)",
-  sm: "var(--ak-space-sm)",
-  md: "var(--ak-space-md)",
-  lg: "var(--ak-space-lg)",
-  xl: "var(--ak-space-xl)",
-  "2xl": "var(--ak-space-2xl)",
-  "3xl": "var(--ak-space-3xl)",
-};
-
-const CONTAINER_SIZE_MAP: Record<string, string> = {
-  "1": "var(--ak-container-1)",
-  "2": "var(--ak-container-2)",
-  "3": "var(--ak-container-3)",
-  "4": "var(--ak-container-4)",
-  sm: "var(--ak-container-1)",
-  md: "var(--ak-container-2)",
-  lg: "var(--ak-container-3)",
-  xl: "var(--ak-container-4)",
-  fluid: "100%",
-};
-
-const SECTION_SIZE_MAP: Record<string, string> = {
-  "1": "var(--ak-section-1)",
-  "2": "var(--ak-section-2)",
-  "3": "var(--ak-section-3)",
-  "4": "var(--ak-section-4)",
-};
-
-/**
- * Returns true when `value` is a concrete CSS length/size that can be serialized
- * into a CSS declaration without token translation.
- */
-export function isCssLength(value: unknown): value is string {
-  if (typeof value !== "string") return false;
-  const v = value.trim();
-  if (v === "0") return true;
-  if (CSS_UNIT_RE.test(v)) return true;
-  // CSS functions: calc(), min(), max(), clamp(), fit-content(), env(), var()
-  if (/^[a-z][a-z-]*\(/.test(v)) return true;
-  return false;
-}
-
-export function isResponsiveValue<T>(
-  value: ResponsiveValue<T> | undefined,
-): value is Partial<Record<LayoutBreakpoint, T>> {
-  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
-  return BREAKPOINTS.some((breakpoint) => breakpoint in value);
-}
-
-export function normalizeResponsiveValue<T>(
-  value: ResponsiveValue<T> | undefined,
-): Partial<Record<LayoutBreakpoint, T>> | undefined {
-  if (value === undefined) return undefined;
-  if (isResponsiveValue(value)) return value;
-  return { initial: value };
-}
-
-export function serializeResponsiveValue<T>(
-  value: ResponsiveValue<T> | undefined,
-): string | undefined {
-  const normalized = normalizeResponsiveValue(value);
-  if (!normalized) return undefined;
-
-  return BREAKPOINTS.map((breakpoint) => {
-    const breakpointValue = normalized[breakpoint];
-    if (breakpointValue === undefined) return "";
-    return `${breakpoint}:${String(breakpointValue)}`;
-  })
-    .filter(Boolean)
-    .join("|");
-}
-
-export function serializeResponsiveValueIf<T>(
-  value: ResponsiveValue<T> | undefined,
-  predicate: (value: T) => boolean,
-): string | undefined {
-  const normalized = normalizeResponsiveValue(value);
-  if (!normalized) return undefined;
-
-  for (const breakpoint of BREAKPOINTS) {
-    const breakpointValue = normalized[breakpoint];
-    if (breakpointValue === undefined) continue;
-    if (!predicate(breakpointValue)) return undefined;
-  }
-
-  return serializeResponsiveValue(value);
-}
-
-export function serializeValueIf<T>(
-  value: T | undefined,
-  predicate: (value: T) => boolean,
-): string | undefined {
-  if (value === undefined || !predicate(value)) return undefined;
-  return String(value);
-}
-
-export function setResponsiveStyleVar<T>(
-  styles: Record<string, string | number>,
-  variable: string,
-  value: ResponsiveValue<T> | undefined,
-  resolve: (value: T) => string | number | undefined = (input) =>
-    input as string | number | undefined,
-) {
-  const normalized = normalizeResponsiveValue(value);
-  if (!normalized) return;
-
-  for (const breakpoint of BREAKPOINTS) {
-    const breakpointValue = normalized[breakpoint];
-    if (breakpointValue === undefined) continue;
-    const resolved = resolve(breakpointValue);
-    if (resolved === undefined || resolved === null || resolved === "") continue;
-    styles[`--ak-${variable}-${breakpoint}`] = resolved;
-  }
-}
-
-export function resolveSpaceValue(value: string | number): string | number {
-  if (typeof value === "number") return String(value);
-  const trimmed = value.trim();
-  return SPACE_TOKEN_MAP[trimmed] ?? trimmed;
-}
-
-export function resolveContainerSizeValue(value: string): string {
-  const trimmed = value.trim();
-  return CONTAINER_SIZE_MAP[trimmed] ?? trimmed;
-}
-
-export function resolveSectionSizeValue(value: string): string {
-  const trimmed = value.trim();
-  return SECTION_SIZE_MAP[trimmed] ?? trimmed;
-}
-
-export function resolveJustifyValue(value: string): string {
-  const trimmed = value.trim();
-  if (trimmed === "between") return "space-between";
-  if (trimmed === "start") return "flex-start";
-  if (trimmed === "end") return "flex-end";
-  return trimmed;
-}
-
-export function resolveAlignValue(value: string): string {
-  const trimmed = value.trim();
-  if (trimmed === "start") return "flex-start";
-  if (trimmed === "end") return "flex-end";
-  return trimmed;
-}
-
-export function resolveInlineAlignValue(value: "left" | "center" | "right"): {
-  marginLeft?: string;
-  marginRight?: string;
-} {
-  if (value === "left") return { marginLeft: "0", marginRight: "auto" };
-  if (value === "right") return { marginLeft: "auto", marginRight: "0" };
-  return { marginLeft: "auto", marginRight: "auto" };
-}
-
-/**
- * Merges a record of computed layout declarations with a user-supplied style
- * value. The user's declarations take precedence for conflicting keys.
- */
-export function mergeLayoutStyles(
-  layout: Record<string, string | number>,
-  user: unknown,
-): string | undefined {
-  const merged: Record<string, unknown> = { ...layout };
-
-  if (user !== null && user !== undefined && typeof user === "object") {
-    Object.assign(merged, user as Record<string, unknown>);
-  }
-
-  const mergedString = serializeCssDeclarations(merged);
-
-  if (typeof user === "string" && user.trim()) {
-    return mergedString ? `${mergedString};${user.trim()}` : user.trim();
-  }
-
-  return mergedString || undefined;
-}

package/src/components/box/box.a11y.ts

@@ -1,11 +0,0 @@
-export const BOX_A11Y_CONTRACT = {
-  DATA_ATTRIBUTES: {
-    slot: "data-slot" as const,
-    layout: "data-ak-layout" as const,
-  },
-  SLOT_VALUES: {
-    root: "box" as const,
-  },
-} as const;
-
-export type BoxA11yContract = typeof BOX_A11Y_CONTRACT;

package/src/components/box/box.tsx

@@ -1,38 +0,0 @@
-import { Slot } from "@askrjs/askr/foundations";
-import { mergeProps } from "../_internal/merge-props";
-import {
-  applyBoxLayoutStyles,
-  splitBoxLayoutProps,
-  withBoxLayoutClass,
-} from "../_internal/box-layout";
-import type { BoxAsChildProps, BoxDivProps, BoxSpanProps } from "./box.types";
-
-export function Box(props: BoxDivProps): JSX.Element;
-export function Box(props: BoxSpanProps): JSX.Element;
-export function Box(props: BoxAsChildProps): JSX.Element;
-export function Box(props: BoxDivProps | BoxSpanProps | BoxAsChildProps) {
-  const as = "as" in props ? props.as : "div";
-  const { asChild, children, ref, style: userStyle, ...rest } = props;
-
-  const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);
-  const layoutStyle: Record<string, string | number> = {};
-  applyBoxLayoutStyles(layoutStyle, boxProps);
-  const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);
-
-  const finalProps = mergeProps(passthroughProps, {
-    ref,
-    "data-slot": "box",
-    "data-ak-layout": "true",
-    ...(layoutClass ? { class: layoutClass } : {}),
-  });
-
-  if (asChild) {
-    return <Slot asChild {...finalProps} children={children} />;
-  }
-
-  if (as === "span") {
-    return <span {...finalProps}>{children}</span>;
-  }
-
-  return <div {...finalProps}>{children}</div>;
-}