baseline-kit 5.0.0 → 5.2.0

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 /**
@@ -26,6 +25,7 @@ type GuideColumnsPattern = readonly GuideColumnValue[];
 type Variant = 'line' | 'flat' | 'pattern';
 type BaselineVariant = Exclude<Variant, 'pattern'>;
 type SnappingMode = 'none' | 'height' | 'clamp';
+type SnapEdge = 'top' | 'bottom';
 type DebuggingMode = 'none' | 'hidden' | 'visible';
 type BaseGuideConfig = {
     gap?: number | string;
@@ -85,19 +85,27 @@ type ConfigSchema = {
     };
 };
 
-type ConfigProps = {
-    children: React.ReactNode;
+type PartialColors<T> = T extends {
+    colors: infer Colors;
+} ? Omit<Partial<T>, 'colors'> & {
+    colors?: Partial<Colors>;
+} : Partial<T>;
+type ConfigOverrides = {
     base?: number;
-    baseline?: Partial<ConfigSchema['baseline']>;
-    guide?: Partial<ConfigSchema['guide']>;
-    spacer?: Partial<ConfigSchema['spacer']>;
-    box?: Partial<ConfigSchema['box']>;
+    baseline?: PartialColors<ConfigSchema['baseline']>;
+    guide?: PartialColors<ConfigSchema['guide']>;
+    spacer?: PartialColors<ConfigSchema['spacer']>;
+    box?: PartialColors<ConfigSchema['box']>;
     padder?: Partial<ConfigSchema['padder']>;
 };
+
+type ConfigProps = ConfigOverrides & {
+    children: React.ReactNode;
+};
 /**
  * Configuration provider for baseline-kit components.
  */
-declare function Config({ children, base, baseline, guide, spacer, box, padder, }: ConfigProps): react_jsx_runtime.JSX.Element;
+declare function Config({ children, base, baseline, guide, spacer, box, padder, }: ConfigProps): React.JSX.Element;
 
 /**
  * Common props shared across library components.
@@ -118,7 +126,7 @@ type BaselineProps = {
     color?: string;
     ssrMode?: boolean;
 } & ComponentsProps;
-declare const Baseline: React.NamedExoticComponent<BaselineProps>;
+declare const Baseline: React.MemoExoticComponent<({ className, debugging, style, variant: variantProp, height: heightProp, width: widthProp, base: baseProp, color: colorProp, ssrMode, ...spacingProps }: BaselineProps) => React.JSX.Element>;
 
 type GuideProps = {
     align?: React.CSSProperties['justifyContent'];
@@ -131,13 +139,14 @@ type GuideProps = {
     gap?: number;
     ssrMode?: boolean;
 } & ComponentsProps & Omit<GuideConfig, 'columns' | 'columnWidth' | 'gap'>;
-declare const Guide: React.NamedExoticComponent<GuideProps>;
+declare const Guide: React.MemoExoticComponent<({ className, debugging, style, variant: variantProp, align, gap: gapProp, height, width, columns, columnWidth, maxWidth, color, children, ssrMode, ...props }: GuideProps) => React.JSX.Element>;
 
 type BoxProps = {
     colSpan?: number;
     rowSpan?: number;
     span?: number;
     snapping?: SnappingMode;
+    snapEdge?: SnapEdge;
     ssrMode?: boolean;
     children?: React.ReactNode;
 } & ComponentsProps;
@@ -146,6 +155,7 @@ declare const Box: React.NamedExoticComponent<{
     rowSpan?: number;
     span?: number;
     snapping?: SnappingMode;
+    snapEdge?: SnapEdge;
     ssrMode?: boolean;
     children?: React.ReactNode;
 } & {
@@ -167,7 +177,7 @@ type SpacerProps = {
     indicatorNode?: IndicatorNode;
     ssrMode?: boolean;
 } & ComponentsProps;
-declare const Spacer: React.NamedExoticComponent<SpacerProps>;
+declare const Spacer: React.MemoExoticComponent<({ height: heightProp, width: widthProp, indicatorNode, debugging: debuggingProp, variant: variantProp, base: baseProp, color: colorProp, className, style, children, ssrMode, ...props }: SpacerProps) => React.JSX.Element>;
 
 type PadderProps = {
     indicatorNode?: IndicatorNode;
@@ -196,4 +206,4 @@ declare const isSSR: boolean;
 declare function safeClientValue<T>(clientFn: () => T, fallback: T): T;
 
 export { Baseline, Box, Config, Guide, Padder, Spacer, isSSR, safeClientValue };
-export type { BaselineProps, BaselineVariant, BoxProps, ConfigSchema, DebuggingMode, GuideProps, GuideVariant, IndicatorNode, PadderProps, PaddingValue, SnappingMode, SpacerProps, Spacing, SpacingProps, Variant };
+export type { BaselineProps, BaselineVariant, BoxProps, ConfigSchema, DebuggingMode, GuideProps, GuideVariant, IndicatorNode, PadderProps, PaddingValue, SnapEdge, SnappingMode, SpacerProps, Spacing, SpacingProps, Variant };