@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/theme.cjs

@@ -0,0 +1,285 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    leafThemeColors: ()=>leafThemeColors,
+    leafThemeVariables: ()=>leafThemeVariables,
+    mergeLeafTheme: ()=>mergeLeafTheme
+});
+const external_colors_cjs_namespaceObject = require("./colors.cjs");
+const defined = (value)=>Object.fromEntries(Object.entries(value ?? {}).filter(([, item])=>void 0 !== item));
+function mergeLeafTheme(parent, theme) {
+    return {
+        ...parent,
+        ...defined(theme),
+        breakpoints: {
+            ...parent.breakpoints,
+            ...defined(theme?.breakpoints)
+        },
+        components: Object.fromEntries([
+            ...new Set([
+                ...Object.keys(parent.components ?? {}),
+                ...Object.keys(theme?.components ?? {})
+            ])
+        ].map((key)=>[
+                key,
+                {
+                    ...parent.components?.[key],
+                    ...defined(theme?.components?.[key])
+                }
+            ])),
+        ...parent.tokens || theme?.tokens ? {
+            tokens: {
+                ...parent.tokens,
+                ...defined(theme?.tokens)
+            }
+        } : {}
+    };
+}
+const tokenVariables = {
+    onPrimaryColor: 'color-on-primary',
+    dangerColor: 'color-danger',
+    onDangerColor: 'color-on-danger',
+    successColor: 'color-success',
+    warningColor: 'color-warning',
+    infoColor: 'color-info',
+    textColor: 'color-text',
+    mutedTextColor: 'color-text-muted',
+    subtleTextColor: 'color-text-subtle',
+    surfaceColor: 'color-surface',
+    mutedSurfaceColor: 'color-surface-muted',
+    raisedSurfaceColor: 'color-surface-raised',
+    borderColor: 'color-border',
+    borderHoverColor: 'color-border-hover',
+    dividerColor: 'color-divider',
+    borderRadiusSm: 'radius-sm',
+    borderRadiusMd: 'radius-md',
+    borderRadiusLg: 'radius-lg',
+    controlHeightSm: 'control-height-sm',
+    controlHeightLg: 'control-height-lg',
+    fontSizeSm: 'font-size-sm',
+    fontSizeLg: 'font-size-lg',
+    fontWeight: 'font-weight',
+    motionDuration: 'motion-duration',
+    motionEasing: 'motion-easing',
+    motionSpring: 'motion-spring',
+    popupZIndex: 'z-index-popup',
+    modalZIndex: 'z-index-modal',
+    messageZIndex: 'z-index-message',
+    buttonBorderRadius: 'button-radius',
+    buttonHeight: 'button-height',
+    choiceBorderRadius: 'choice-radius',
+    focusColor: 'color-focus',
+    primaryHoverColor: 'color-primary-hover',
+    primaryActiveColor: 'color-primary-active',
+    primarySoftColor: 'color-primary-soft',
+    primarySoftHoverColor: 'color-primary-soft-hover',
+    primarySoftActiveColor: 'color-primary-soft-active',
+    primaryBorderColor: 'color-primary-border',
+    dangerHoverColor: 'color-danger-hover',
+    dangerActiveColor: 'color-danger-active',
+    spacingSm: 'spacing-sm',
+    spacingLg: 'spacing-lg',
+    shadowSm: 'shadow-sm',
+    shadowXs: 'shadow-xs',
+    shadowMd: 'shadow-md',
+    shadowLg: 'shadow-lg',
+    lineHeight: 'line-height'
+};
+const theme_length = (value)=>'number' == typeof value ? `${value}px` : value;
+function paddingSides(value) {
+    const parts = [];
+    let depth = 0;
+    let start = 0;
+    for(let index = 0; index <= value.length; index++){
+        const character = value[index];
+        if ('(' === character) depth++;
+        else if (')' === character) depth--;
+        if (index === value.length || 0 === depth && /\s/.test(character ?? '')) {
+            const part = value.slice(start, index).trim();
+            if (part) parts.push(part);
+            start = index + 1;
+        }
+    }
+    if (!parts.length || parts.length > 4) return [];
+    const [top, right = top, bottom = top, left = right] = parts;
+    return [
+        top,
+        right,
+        bottom,
+        left
+    ];
+}
+function leafThemeColors(theme) {
+    const colors = {};
+    if (theme.primaryColor) {
+        colors.primary = theme.primaryColor;
+        colors['on-primary'] = '#ffffff';
+    }
+    for (const key of Object.keys(tokenVariables)){
+        const variable = tokenVariables[key];
+        const value = theme.tokens?.[key];
+        if (variable.startsWith('color-') && 'string' == typeof value) colors[variable.slice(6)] = value;
+    }
+    return colors;
+}
+function leafThemeVariables(theme) {
+    const variables = {};
+    if (void 0 !== theme.spacing) {
+        variables['--leaf-spacing'] = `${Math.max(0, theme.spacing)}px`;
+        for (const [name, scale] of [
+            [
+                'xs',
+                0.5
+            ],
+            [
+                'sm',
+                1
+            ],
+            [
+                'md',
+                2
+            ],
+            [
+                'lg',
+                3
+            ],
+            [
+                'xl',
+                4
+            ]
+        ])variables[`--leaf-spacing-${name}`] = `calc(var(--leaf-spacing) * ${scale})`;
+    }
+    if (void 0 !== theme.lineHeight) variables['--leaf-line-height'] = theme.lineHeight;
+    if (void 0 !== theme.headingWeight) variables['--leaf-heading-weight'] = theme.headingWeight;
+    if (theme.elevation) for (const [name, blur, y] of [
+        [
+            'sm',
+            8,
+            2
+        ],
+        [
+            'md',
+            20,
+            6
+        ],
+        [
+            'lg',
+            48,
+            12
+        ]
+    ])variables[`--leaf-shadow-${name}`] = 'none' === theme.elevation ? 'none' : `0 ${y}px ${blur}px rgb(0 0 0 / ${'soft' === theme.elevation ? '.08' : '.16'})`;
+    for (const [name, value] of Object.entries(theme.breakpoints ?? {}))if (void 0 !== value) variables[`--leaf-breakpoint-${name}`] = `${value}px`;
+    const componentKeys = {
+        borderRadius: 'radius',
+        controlHeight: 'height',
+        padding: 'padding',
+        gap: 'gap',
+        fontSize: 'font-size',
+        color: 'color',
+        background: 'background',
+        borderColor: 'border-color',
+        headerBackground: 'header-background',
+        footerBackground: 'footer-background',
+        shadow: 'shadow'
+    };
+    for (const [component, tokens] of Object.entries(theme.components ?? {}))for (const [key, value] of Object.entries(tokens))if (void 0 !== value && /^[a-z][a-z\d-]*$/i.test(component)) {
+        const token = componentKeys[key];
+        if (token) variables[`--leaf-component-${component.replace(/([a-z\d])([A-Z])/g, '$1-$2').toLowerCase()}-${token}`] = 'number' == typeof value ? theme_length(value) : value;
+        if ('controlHeight' === key) {
+            const name = component.replace(/([a-z\d])([A-Z])/g, '$1-$2').toLowerCase();
+            variables[`--leaf-component-${name}-height-sm`] = `max(1px, calc(var(--leaf-component-${name}-height) - 6px))`;
+            variables[`--leaf-component-${name}-height-lg`] = `calc(var(--leaf-component-${name}-height) + 6px)`;
+        }
+        if ('padding' === key) {
+            const name = component.replace(/([a-z\d])([A-Z])/g, '$1-$2').toLowerCase();
+            const sides = paddingSides(theme_length(value));
+            for (const [index, side] of [
+                'top',
+                'right',
+                'bottom',
+                'left'
+            ].entries())variables[`--leaf-component-${name}-padding-${side}`] = sides[index];
+        }
+    }
+    if (void 0 !== theme.primaryColor) {
+        variables['--leaf-color-primary'] = theme.primaryColor;
+        variables['--leaf-color-on-primary'] = '#ffffff';
+    }
+    if (void 0 !== theme.borderRadius) {
+        variables['--leaf-radius'] = theme_length(theme.borderRadius);
+        variables['--leaf-radius-sm'] = 'calc(var(--leaf-radius) * 0.6)';
+        variables['--leaf-radius-md'] = 'calc(var(--leaf-radius) * 1.2)';
+        variables['--leaf-radius-lg'] = 'calc(var(--leaf-radius) * 1.6)';
+        variables['--leaf-choice-radius'] = 'calc(var(--leaf-radius) * 0.5)';
+    }
+    if (void 0 !== theme.controlHeight) {
+        variables['--leaf-control-height'] = theme_length(theme.controlHeight);
+        variables['--leaf-control-height-sm'] = 'max(1px, calc(var(--leaf-control-height) - 6px))';
+        variables['--leaf-control-height-lg'] = 'calc(var(--leaf-control-height) + 6px)';
+    }
+    if (void 0 !== theme.fontSize) {
+        variables['--leaf-font-size'] = theme_length(theme.fontSize);
+        variables['--leaf-font-size-sm'] = 'max(1px, calc(var(--leaf-font-size) - 1px))';
+        variables['--leaf-font-size-lg'] = 'calc(var(--leaf-font-size) + 2px)';
+    }
+    if (void 0 !== theme.fontFamily) variables['--leaf-font-family'] = theme.fontFamily;
+    for (const key of Object.keys(tokenVariables)){
+        const value = theme.tokens?.[key];
+        if (void 0 === value) continue;
+        const variable = tokenVariables[key];
+        variables[`--leaf-${variable}`] = 'number' != typeof value ? value : 'motionDuration' === key ? `${value}ms` : variable.includes('radius') || variable.includes('height') || variable.includes('font-size') || variable.includes('spacing') ? theme_length(value) : value;
+    }
+    if (void 0 !== theme.motion) {
+        variables['--leaf-motion-play-state'] = theme.motion ? 'running' : 'paused';
+        variables['--leaf-motion-animation'] = theme.motion ? 'initial' : 'none';
+        if (theme.motion) {
+            if (theme.tokens?.motionDuration === void 0) variables['--leaf-motion-duration'] = '200ms';
+        } else variables['--leaf-motion-duration'] = '0ms';
+    }
+    if (theme.appearance || theme.primaryColor || Object.keys(theme.tokens ?? {}).some((key)=>key.endsWith('Color'))) return {
+        ...(0, external_colors_cjs_namespaceObject.deriveColors)(theme.appearance ?? 'light', leafThemeColors(theme)),
+        ...variables
+    };
+    return variables;
+}
+exports.leafThemeColors = __webpack_exports__.leafThemeColors;
+exports.leafThemeVariables = __webpack_exports__.leafThemeVariables;
+exports.mergeLeafTheme = __webpack_exports__.mergeLeafTheme;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "leafThemeColors",
+    "leafThemeVariables",
+    "mergeLeafTheme"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=theme.cjs.map

package/dist/cjs/theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../src/theme.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { CSSProperties } from 'react';\nimport { deriveColors } from './colors';\n\n/** Shared CSS variables; configure component themes through ConfigProvider. */\nexport type LeafThemeStyle = CSSProperties & {\n  [key: `--leaf-${string}`]: string | number | undefined;\n};\n\n/** Common settings. Other sizes and interaction colors are derived automatically. */\nexport interface LeafTheme {\n  primaryColor?: string;\n  borderRadius?: number | string;\n  controlHeight?: number | string;\n  fontSize?: number | string;\n  fontFamily?: string;\n  appearance?: 'light' | 'dark';\n  motion?: boolean;\n  tokens?: LeafThemeTokens;\n  spacing?: number;\n  lineHeight?: number;\n  headingWeight?: number;\n  elevation?: 'none' | 'soft' | 'medium';\n  breakpoints?: Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number>>;\n  components?: Record<string, LeafComponentTokens>;\n}\nexport interface LeafComponentTokens {\n  borderRadius?: string | number;\n  controlHeight?: string | number;\n  padding?: string | number;\n  gap?: string | number;\n  fontSize?: string | number;\n  color?: string;\n  background?: string;\n  borderColor?: string;\n  headerBackground?: string;\n  footerBackground?: string;\n  shadow?: string;\n}\n\n/** Optional overrides for applications with more specific design requirements. */\nexport interface LeafThemeTokens {\n  onPrimaryColor?: string;\n  dangerColor?: string;\n  onDangerColor?: string;\n  successColor?: string;\n  warningColor?: string;\n  infoColor?: string;\n  textColor?: string;\n  mutedTextColor?: string;\n  subtleTextColor?: string;\n  surfaceColor?: string;\n  mutedSurfaceColor?: string;\n  raisedSurfaceColor?: string;\n  borderColor?: string;\n  borderHoverColor?: string;\n  dividerColor?: string;\n  borderRadiusSm?: number | string;\n  borderRadiusMd?: number | string;\n  borderRadiusLg?: number | string;\n  controlHeightSm?: number | string;\n  controlHeightLg?: number | string;\n  fontSizeSm?: number | string;\n  fontSizeLg?: number | string;\n  fontWeight?: number;\n  motionDuration?: number | string;\n  motionEasing?: string;\n  motionSpring?: string;\n  popupZIndex?: number;\n  modalZIndex?: number;\n  messageZIndex?: number;\n  buttonBorderRadius?: number | string;\n  buttonHeight?: number | string;\n  choiceBorderRadius?: number | string;\n  focusColor?: string;\n  primaryHoverColor?: string;\n  primaryActiveColor?: string;\n  primarySoftColor?: string;\n  primarySoftHoverColor?: string;\n  primarySoftActiveColor?: string;\n  primaryBorderColor?: string;\n  dangerHoverColor?: string;\n  dangerActiveColor?: string;\n  spacingSm?: number | string;\n  spacingLg?: number | string;\n  shadowSm?: string;\n  shadowXs?: string;\n  shadowMd?: string;\n  shadowLg?: string;\n  lineHeight?: number;\n}\n\nconst defined = <T extends object>(value?: T) =>\n  Object.fromEntries(Object.entries(value ?? {}).filter(([, item]) => item !== undefined)) as T;\n\nexport function mergeLeafTheme(parent: LeafTheme, theme?: LeafTheme): LeafTheme {\n  return {\n    ...parent,\n    ...defined(theme),\n    breakpoints: { ...parent.breakpoints, ...defined(theme?.breakpoints) },\n    components: Object.fromEntries(\n      [\n        ...new Set([\n          ...Object.keys(parent.components ?? {}),\n          ...Object.keys(theme?.components ?? {}),\n        ]),\n      ].map((key) => [key, { ...parent.components?.[key], ...defined(theme?.components?.[key]) }]),\n    ),\n    ...(parent.tokens || theme?.tokens\n      ? { tokens: { ...parent.tokens, ...defined(theme?.tokens) } }\n      : {}),\n  };\n}\n\nconst tokenVariables = {\n  onPrimaryColor: 'color-on-primary',\n  dangerColor: 'color-danger',\n  onDangerColor: 'color-on-danger',\n  successColor: 'color-success',\n  warningColor: 'color-warning',\n  infoColor: 'color-info',\n  textColor: 'color-text',\n  mutedTextColor: 'color-text-muted',\n  subtleTextColor: 'color-text-subtle',\n  surfaceColor: 'color-surface',\n  mutedSurfaceColor: 'color-surface-muted',\n  raisedSurfaceColor: 'color-surface-raised',\n  borderColor: 'color-border',\n  borderHoverColor: 'color-border-hover',\n  dividerColor: 'color-divider',\n  borderRadiusSm: 'radius-sm',\n  borderRadiusMd: 'radius-md',\n  borderRadiusLg: 'radius-lg',\n  controlHeightSm: 'control-height-sm',\n  controlHeightLg: 'control-height-lg',\n  fontSizeSm: 'font-size-sm',\n  fontSizeLg: 'font-size-lg',\n  fontWeight: 'font-weight',\n  motionDuration: 'motion-duration',\n  motionEasing: 'motion-easing',\n  motionSpring: 'motion-spring',\n  popupZIndex: 'z-index-popup',\n  modalZIndex: 'z-index-modal',\n  messageZIndex: 'z-index-message',\n  buttonBorderRadius: 'button-radius',\n  buttonHeight: 'button-height',\n  choiceBorderRadius: 'choice-radius',\n  focusColor: 'color-focus',\n  primaryHoverColor: 'color-primary-hover',\n  primaryActiveColor: 'color-primary-active',\n  primarySoftColor: 'color-primary-soft',\n  primarySoftHoverColor: 'color-primary-soft-hover',\n  primarySoftActiveColor: 'color-primary-soft-active',\n  primaryBorderColor: 'color-primary-border',\n  dangerHoverColor: 'color-danger-hover',\n  dangerActiveColor: 'color-danger-active',\n  spacingSm: 'spacing-sm',\n  spacingLg: 'spacing-lg',\n  shadowSm: 'shadow-sm',\n  shadowXs: 'shadow-xs',\n  shadowMd: 'shadow-md',\n  shadowLg: 'shadow-lg',\n  lineHeight: 'line-height',\n} satisfies Record<keyof LeafThemeTokens, string>;\n\nconst length = (value: number | string) => (typeof value === 'number' ? `${value}px` : value);\n\n/** Expand CSS padding without splitting whitespace inside calc()/var(). */\nfunction paddingSides(value: string) {\n  const parts: string[] = [];\n  let depth = 0;\n  let start = 0;\n  for (let index = 0; index <= value.length; index++) {\n    const character = value[index];\n    if (character === '(') depth++;\n    else if (character === ')') depth--;\n    if (index === value.length || (depth === 0 && /\\s/.test(character ?? ''))) {\n      const part = value.slice(start, index).trim();\n      if (part) parts.push(part);\n      start = index + 1;\n    }\n  }\n  if (!parts.length || parts.length > 4) return [];\n  const [top, right = top, bottom = top, left = right] = parts;\n  return [top, right, bottom, left];\n}\n\n/** Explicit inputs, excluding the generated palette, for browser CSS-variable resolution. */\nexport function leafThemeColors(theme: LeafTheme): Record<string, string> {\n  const colors: Record<string, string> = {};\n  if (theme.primaryColor) {\n    colors.primary = theme.primaryColor;\n    colors['on-primary'] = '#ffffff';\n  }\n  for (const key of Object.keys(tokenVariables) as (keyof LeafThemeTokens)[]) {\n    const variable = tokenVariables[key];\n    const value = theme.tokens?.[key];\n    if (variable.startsWith('color-') && typeof value === 'string')\n      colors[variable.slice(6)] = value;\n  }\n  return colors;\n}\n\n/** Pure, deterministic output can be rendered in the server's initial HTML. */\nexport function leafThemeVariables(theme: LeafTheme): LeafThemeStyle {\n  const variables: LeafThemeStyle = {};\n  if (theme.spacing !== undefined) {\n    variables['--leaf-spacing'] = `${Math.max(0, theme.spacing)}px`;\n    for (const [name, scale] of [\n      ['xs', 0.5],\n      ['sm', 1],\n      ['md', 2],\n      ['lg', 3],\n      ['xl', 4],\n    ] as const)\n      variables[`--leaf-spacing-${name}`] = `calc(var(--leaf-spacing) * ${scale})`;\n  }\n  if (theme.lineHeight !== undefined) variables['--leaf-line-height'] = theme.lineHeight;\n  if (theme.headingWeight !== undefined) variables['--leaf-heading-weight'] = theme.headingWeight;\n  if (theme.elevation)\n    for (const [name, blur, y] of [\n      ['sm', 8, 2],\n      ['md', 20, 6],\n      ['lg', 48, 12],\n    ] as const)\n      variables[`--leaf-shadow-${name}`] =\n        theme.elevation === 'none'\n          ? 'none'\n          : `0 ${y}px ${blur}px rgb(0 0 0 / ${theme.elevation === 'soft' ? '.08' : '.16'})`;\n  for (const [name, value] of Object.entries(theme.breakpoints ?? {}))\n    if (value !== undefined) variables[`--leaf-breakpoint-${name}`] = `${value}px`;\n  const componentKeys = {\n    borderRadius: 'radius',\n    controlHeight: 'height',\n    padding: 'padding',\n    gap: 'gap',\n    fontSize: 'font-size',\n    color: 'color',\n    background: 'background',\n    borderColor: 'border-color',\n    headerBackground: 'header-background',\n    footerBackground: 'footer-background',\n    shadow: 'shadow',\n  } as const;\n  for (const [component, tokens] of Object.entries(theme.components ?? {}))\n    for (const [key, value] of Object.entries(tokens))\n      if (value !== undefined && /^[a-z][a-z\\d-]*$/i.test(component)) {\n        const token = componentKeys[key as keyof typeof componentKeys];\n        if (token)\n          variables[\n            `--leaf-component-${component.replace(/([a-z\\d])([A-Z])/g, '$1-$2').toLowerCase()}-${token}`\n          ] = typeof value === 'number' ? length(value) : value;\n        if (key === 'controlHeight') {\n          const name = component.replace(/([a-z\\d])([A-Z])/g, '$1-$2').toLowerCase();\n          variables[`--leaf-component-${name}-height-sm`] =\n            `max(1px, calc(var(--leaf-component-${name}-height) - 6px))`;\n          variables[`--leaf-component-${name}-height-lg`] =\n            `calc(var(--leaf-component-${name}-height) + 6px)`;\n        }\n        if (key === 'padding') {\n          const name = component.replace(/([a-z\\d])([A-Z])/g, '$1-$2').toLowerCase();\n          const sides = paddingSides(length(value));\n          for (const [index, side] of ['top', 'right', 'bottom', 'left'].entries())\n            variables[`--leaf-component-${name}-padding-${side}`] = sides[index];\n        }\n      }\n  if (theme.primaryColor !== undefined) {\n    variables['--leaf-color-primary'] = theme.primaryColor;\n    variables['--leaf-color-on-primary'] = '#ffffff';\n  }\n  if (theme.borderRadius !== undefined) {\n    variables['--leaf-radius'] = length(theme.borderRadius);\n    variables['--leaf-radius-sm'] = 'calc(var(--leaf-radius) * 0.6)';\n    variables['--leaf-radius-md'] = 'calc(var(--leaf-radius) * 1.2)';\n    variables['--leaf-radius-lg'] = 'calc(var(--leaf-radius) * 1.6)';\n    variables['--leaf-choice-radius'] = 'calc(var(--leaf-radius) * 0.5)';\n  }\n  if (theme.controlHeight !== undefined) {\n    variables['--leaf-control-height'] = length(theme.controlHeight);\n    variables['--leaf-control-height-sm'] = 'max(1px, calc(var(--leaf-control-height) - 6px))';\n    variables['--leaf-control-height-lg'] = 'calc(var(--leaf-control-height) + 6px)';\n  }\n  if (theme.fontSize !== undefined) {\n    variables['--leaf-font-size'] = length(theme.fontSize);\n    variables['--leaf-font-size-sm'] = 'max(1px, calc(var(--leaf-font-size) - 1px))';\n    variables['--leaf-font-size-lg'] = 'calc(var(--leaf-font-size) + 2px)';\n  }\n  if (theme.fontFamily !== undefined) variables['--leaf-font-family'] = theme.fontFamily;\n  for (const key of Object.keys(tokenVariables) as (keyof LeafThemeTokens)[]) {\n    const value = theme.tokens?.[key];\n    if (value === undefined) continue;\n    const variable = tokenVariables[key];\n    variables[`--leaf-${variable}`] =\n      typeof value !== 'number'\n        ? value\n        : key === 'motionDuration'\n          ? `${value}ms`\n          : variable.includes('radius') ||\n              variable.includes('height') ||\n              variable.includes('font-size') ||\n              variable.includes('spacing')\n            ? length(value)\n            : value;\n  }\n  if (theme.motion !== undefined) {\n    variables['--leaf-motion-play-state'] = theme.motion ? 'running' : 'paused';\n    variables['--leaf-motion-animation'] = theme.motion ? 'initial' : 'none';\n    if (!theme.motion) variables['--leaf-motion-duration'] = '0ms';\n    else if (theme.tokens?.motionDuration === undefined)\n      variables['--leaf-motion-duration'] = '200ms';\n  }\n  if (\n    theme.appearance ||\n    theme.primaryColor ||\n    Object.keys(theme.tokens ?? {}).some((key) => key.endsWith('Color'))\n  ) {\n    return { ...deriveColors(theme.appearance ?? 'light', leafThemeColors(theme)), ...variables };\n  }\n  return variables;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","defined","value","item","undefined","mergeLeafTheme","parent","theme","Set","tokenVariables","length","paddingSides","parts","depth","start","index","character","part","top","right","bottom","left","leafThemeColors","colors","variable","leafThemeVariables","variables","Math","name","scale","blur","y","componentKeys","component","tokens","token","sides","side","deriveColors"],"mappings":"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"}

package/dist/cjs/theme.d.cts

@@ -0,0 +1,92 @@
+import type { CSSProperties } from 'react';
+/** Shared CSS variables; configure component themes through ConfigProvider. */
+export type LeafThemeStyle = CSSProperties & {
+    [key: `--leaf-${string}`]: string | number | undefined;
+};
+/** Common settings. Other sizes and interaction colors are derived automatically. */
+export interface LeafTheme {
+    primaryColor?: string;
+    borderRadius?: number | string;
+    controlHeight?: number | string;
+    fontSize?: number | string;
+    fontFamily?: string;
+    appearance?: 'light' | 'dark';
+    motion?: boolean;
+    tokens?: LeafThemeTokens;
+    spacing?: number;
+    lineHeight?: number;
+    headingWeight?: number;
+    elevation?: 'none' | 'soft' | 'medium';
+    breakpoints?: Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number>>;
+    components?: Record<string, LeafComponentTokens>;
+}
+export interface LeafComponentTokens {
+    borderRadius?: string | number;
+    controlHeight?: string | number;
+    padding?: string | number;
+    gap?: string | number;
+    fontSize?: string | number;
+    color?: string;
+    background?: string;
+    borderColor?: string;
+    headerBackground?: string;
+    footerBackground?: string;
+    shadow?: string;
+}
+/** Optional overrides for applications with more specific design requirements. */
+export interface LeafThemeTokens {
+    onPrimaryColor?: string;
+    dangerColor?: string;
+    onDangerColor?: string;
+    successColor?: string;
+    warningColor?: string;
+    infoColor?: string;
+    textColor?: string;
+    mutedTextColor?: string;
+    subtleTextColor?: string;
+    surfaceColor?: string;
+    mutedSurfaceColor?: string;
+    raisedSurfaceColor?: string;
+    borderColor?: string;
+    borderHoverColor?: string;
+    dividerColor?: string;
+    borderRadiusSm?: number | string;
+    borderRadiusMd?: number | string;
+    borderRadiusLg?: number | string;
+    controlHeightSm?: number | string;
+    controlHeightLg?: number | string;
+    fontSizeSm?: number | string;
+    fontSizeLg?: number | string;
+    fontWeight?: number;
+    motionDuration?: number | string;
+    motionEasing?: string;
+    motionSpring?: string;
+    popupZIndex?: number;
+    modalZIndex?: number;
+    messageZIndex?: number;
+    buttonBorderRadius?: number | string;
+    buttonHeight?: number | string;
+    choiceBorderRadius?: number | string;
+    focusColor?: string;
+    primaryHoverColor?: string;
+    primaryActiveColor?: string;
+    primarySoftColor?: string;
+    primarySoftHoverColor?: string;
+    primarySoftActiveColor?: string;
+    primaryBorderColor?: string;
+    dangerHoverColor?: string;
+    dangerActiveColor?: string;
+    spacingSm?: number | string;
+    spacingLg?: number | string;
+    shadowSm?: string;
+    shadowXs?: string;
+    shadowMd?: string;
+    shadowLg?: string;
+    lineHeight?: number;
+}
+export declare function mergeLeafTheme(parent: LeafTheme, theme?: LeafTheme): LeafTheme;
+/** Explicit inputs, excluding the generated palette, for browser CSS-variable resolution. */
+export declare function leafThemeColors(theme: LeafTheme): Record<string, string>;
+/** Pure, deterministic output can be rendered in the server's initial HTML. */
+export declare function leafThemeVariables(theme: LeafTheme): LeafThemeStyle;
+//# sourceMappingURL=theme.d.cts.map

package/dist/cjs/theme.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.cts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"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"}

package/dist/cjs/timeline/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Timeline: ()=>external_timeline_cjs_namespaceObject.Timeline
+});
+const external_timeline_cjs_namespaceObject = require("./timeline.cjs");
+exports.Timeline = __webpack_exports__.Timeline;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Timeline"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/timeline/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/timeline/index.d.cts

@@ -0,0 +1,3 @@
+export type { TimelineItem, TimelineProps } from './timeline.cjs';
+export { Timeline } from './timeline.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/timeline/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/timeline/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/cjs/timeline/timeline.cjs

@@ -0,0 +1,101 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Timeline: ()=>Timeline
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+function Timeline(rawProps) {
+    const { items, mode = 'left', reverse = false, pending, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Timeline', rawProps);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const entries = [
+        ...items
+    ];
+    if (reverse) entries.reverse();
+    if (null != pending) entries.push({
+        key: '__leaf-pending',
+        children: pending
+    });
+    (0, motion_cjs_namespaceObject.useListMotion)(root, JSON.stringify([
+        mode,
+        entries.map((item)=>item.key)
+    ]), '.leaf-timeline__item');
+    const colors = {
+        primary: 'primary',
+        success: 'success',
+        warning: 'warning',
+        error: 'danger',
+        info: 'info'
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", {
+        ...props,
+        ref: root,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-timeline', `leaf-timeline--${mode}`, className),
+        children: entries.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
+                "data-motion-key": item.key,
+                className: "leaf-timeline__item",
+                "data-pending": '__leaf-pending' === item.key || void 0,
+                "data-side": 'right' === mode || 'alternate' === mode && index % 2 ? 'right' : 'left',
+                style: {
+                    '--leaf-timeline-color': item.color && item.color in colors ? `var(--leaf-color-${colors[item.color]})` : item.color ?? 'var(--leaf-color-primary)'
+                },
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-timeline__dot",
+                        "aria-hidden": "true",
+                        children: item.dot
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "leaf-timeline__content",
+                        children: [
+                            null != item.label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "leaf-timeline__label",
+                                children: item.label
+                            }),
+                            item.children
+                        ]
+                    })
+                ]
+            }, item.key))
+    });
+}
+exports.Timeline = __webpack_exports__.Timeline;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Timeline"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=timeline.cjs.map

package/dist/cjs/timeline/timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline/timeline.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/timeline/timeline.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport type { LeafThemeStyle } from '../theme';\nexport interface TimelineItem {\n  key: string;\n  label?: ReactNode;\n  children: ReactNode;\n  dot?: ReactNode;\n  color?: 'primary' | 'success' | 'warning' | 'error' | 'info' | (string & {});\n}\nexport interface TimelineProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {\n  items: readonly TimelineItem[];\n  mode?: 'left' | 'right' | 'alternate';\n  reverse?: boolean;\n  pending?: ReactNode;\n}\nexport function Timeline(rawProps: TimelineProps) {\n  const {\n    items,\n    mode = 'left',\n    reverse = false,\n    pending,\n    className,\n    ...props\n  } = useComponentProps('Timeline', rawProps);\n  const root = useRef<HTMLOListElement>(null);\n  const entries = [...items];\n  if (reverse) entries.reverse();\n  if (pending != null) entries.push({ key: '__leaf-pending', children: pending });\n  useListMotion(\n    root,\n    JSON.stringify([mode, entries.map((item) => item.key)]),\n    '.leaf-timeline__item',\n  );\n  const colors = {\n    primary: 'primary',\n    success: 'success',\n    warning: 'warning',\n    error: 'danger',\n    info: 'info',\n  };\n  return (\n    <ol\n      {...props}\n      ref={root}\n      className={classes('leaf-timeline', `leaf-timeline--${mode}`, className)}\n    >\n      {entries.map((item, index) => (\n        <li\n          key={item.key}\n          data-motion-key={item.key}\n          className=\"leaf-timeline__item\"\n          data-pending={item.key === '__leaf-pending' || undefined}\n          data-side={mode === 'right' || (mode === 'alternate' && index % 2) ? 'right' : 'left'}\n          style={\n            {\n              '--leaf-timeline-color':\n                item.color && item.color in colors\n                  ? `var(--leaf-color-${colors[item.color as keyof typeof colors]})`\n                  : (item.color ?? 'var(--leaf-color-primary)'),\n            } as LeafThemeStyle\n          }\n        >\n          <div className=\"leaf-timeline__dot\" aria-hidden=\"true\">\n            {item.dot}\n          </div>\n          <div className=\"leaf-timeline__content\">\n            {item.label != null && <div className=\"leaf-timeline__label\">{item.label}</div>}\n            {item.children}\n          </div>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Timeline","rawProps","items","mode","reverse","pending","className","props","useComponentProps","root","useRef","entries","useListMotion","JSON","item","colors","classes","index","undefined"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;ACYO,SAASI,SAASC,QAAuB;IAC9C,MAAM,EACJC,KAAK,EACLC,OAAO,MAAM,EACbC,UAAU,KAAK,EACfC,OAAO,EACPC,SAAS,EACT,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,YAAYP;IAClC,MAAMQ,OAAOC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAyB;IACtC,MAAMC,UAAU;WAAIT;KAAM;IAC1B,IAAIE,SAASO,QAAQ,OAAO;IAC5B,IAAIN,AAAW,QAAXA,SAAiBM,QAAQ,IAAI,CAAC;QAAE,KAAK;QAAkB,UAAUN;IAAQ;IAC7EO,IAAAA,2BAAAA,aAAAA,AAAAA,EACEH,MACAI,KAAK,SAAS,CAAC;QAACV;QAAMQ,QAAQ,GAAG,CAAC,CAACG,OAASA,KAAK,GAAG;KAAE,GACtD;IAEF,MAAMC,SAAS;QACb,SAAS;QACT,SAAS;QACT,SAAS;QACT,OAAO;QACP,MAAM;IACR;IACA,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGR,KAAK;QACT,KAAKE;QACL,WAAWO,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,iBAAiB,CAAC,eAAe,EAAEb,MAAM,EAAEG;kBAE7DK,QAAQ,GAAG,CAAC,CAACG,MAAMG,QAClB,AADkBA,WAAAA,GAClB,sCAAC;gBAEC,mBAAiBH,KAAK,GAAG;gBACzB,WAAU;gBACV,gBAAcA,AAAa,qBAAbA,KAAK,GAAG,IAAyBI;gBAC/C,aAAWf,AAAS,YAATA,QAAqBA,AAAS,gBAATA,QAAwBc,QAAQ,IAAK,UAAU;gBAC/E,OACE;oBACE,yBACEH,KAAK,KAAK,IAAIA,KAAK,KAAK,IAAIC,SACxB,CAAC,iBAAiB,EAAEA,MAAM,CAACD,KAAK,KAAK,CAAwB,CAAC,CAAC,CAAC,GAC/DA,KAAK,KAAK,IAAI;gBACvB;;kCAGF,qCAAC;wBAAI,WAAU;wBAAqB,eAAY;kCAC7CA,KAAK,GAAG;;kCAEX,sCAAC;wBAAI,WAAU;;4BACE,QAAdA,KAAK,KAAK,IAAY,WAAR,GAAQ,qCAAC;gCAAI,WAAU;0CAAwBA,KAAK,KAAK;;4BACvEA,KAAK,QAAQ;;;;eAnBXA,KAAK,GAAG;;AAyBvB"}

package/dist/cjs/timeline/timeline.d.cts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface TimelineItem {
+    key: string;
+    label?: ReactNode;
+    children: ReactNode;
+    dot?: ReactNode;
+    color?: 'primary' | 'success' | 'warning' | 'error' | 'info' | (string & {});
+}
+export interface TimelineProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {
+    items: readonly TimelineItem[];
+    mode?: 'left' | 'right' | 'alternate';
+    reverse?: boolean;
+    pending?: ReactNode;
+}
+export declare function Timeline(rawProps: TimelineProps): import("react").JSX.Element;
+//# sourceMappingURL=timeline.d.cts.map

package/dist/cjs/timeline/timeline.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.cts","sourceRoot":"","sources":["../../../src/timeline/timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC9E;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACvF,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,+BA0D/C"}