@misoto22/kioku-ui 0.0.0

package/dist/Section/Section.doc.d.ts

@@ -0,0 +1,11 @@
+export declare const sectionDoc: {
+    name: string;
+    description: string;
+    props: {
+        name: string;
+        description: string;
+    }[];
+    inheritedProps: string[];
+    example: string;
+    storyId: string;
+};

package/dist/Section/Section.doc.js

@@ -0,0 +1,12 @@
+import "../styles/stylex.css";
+export const sectionDoc = {
+  name: 'Section',
+  description: 'Groups related content in a native section landmark.',
+  props: [{
+    name: 'padding',
+    description: 'Optional semantic block-padding token.'
+  }],
+  inheritedProps: ['HTMLAttributes<HTMLElement> except className'],
+  example: '<Section aria-label="Preferences"><Text>Content</Text></Section>',
+  storyId: 'core-section--default'
+};

package/dist/Section/Section.js

@@ -0,0 +1,49 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const styles = {
+  paddingXs: {
+    k8WAf4: "x10y07nz",
+    $$css: true
+  },
+  paddingSm: {
+    k8WAf4: "xoeao9w",
+    $$css: true
+  },
+  paddingMd: {
+    k8WAf4: "x1lr58ck",
+    $$css: true
+  },
+  paddingLg: {
+    k8WAf4: "x17uk85o",
+    $$css: true
+  },
+  paddingXl: {
+    k8WAf4: "x18wayz0",
+    $$css: true
+  },
+  padding2xl: {
+    k8WAf4: "x3x1fh3",
+    $$css: true
+  }
+};
+const paddings = {
+  xs: styles.paddingXs,
+  sm: styles.paddingSm,
+  md: styles.paddingMd,
+  lg: styles.paddingLg,
+  xl: styles.paddingXl,
+  '2xl': styles.padding2xl
+};
+export function Section({
+  children,
+  padding = 'xl',
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("section", {
+    ...props,
+    ...stylex.props(paddings[padding]),
+    children: children
+  });
+}

package/dist/Section/index.d.ts

@@ -0,0 +1 @@
+export { Section, type SectionProps } from './Section.js';

package/dist/Section/index.js

@@ -0,0 +1,2 @@
+import "../styles/stylex.css";
+export { Section } from './Section.js';

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,31 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface SegmentedControlOption<Value extends string = string> {
+    readonly disabled?: boolean;
+    readonly label: ReactNode;
+    readonly value: Value;
+}
+type SharedSegmentedControlProps<Value extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'className' | 'defaultValue' | 'onChange'> & {
+    readonly disabled?: boolean;
+    readonly onValueChange?: (value: Value) => void;
+    readonly options: readonly SegmentedControlOption<Value>[];
+    readonly orientation?: 'horizontal' | 'vertical';
+};
+type SegmentedControlAccessibleName = {
+    readonly 'aria-label': string;
+    readonly 'aria-labelledby'?: string;
+} | {
+    readonly 'aria-label'?: string;
+    readonly 'aria-labelledby': string;
+};
+type ControlledSegmentedControlProps<Value extends string> = SharedSegmentedControlProps<Value> & {
+    readonly defaultValue?: never;
+    readonly onValueChange: (value: Value) => void;
+    readonly value: Value;
+};
+type UncontrolledSegmentedControlProps<Value extends string> = SharedSegmentedControlProps<Value> & {
+    readonly defaultValue?: Value;
+    readonly value?: never;
+};
+export type SegmentedControlProps<Value extends string = string> = (ControlledSegmentedControlProps<Value> | UncontrolledSegmentedControlProps<Value>) & SegmentedControlAccessibleName;
+export declare function SegmentedControl<Value extends string = string>({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, defaultValue, disabled, onValueChange, options, orientation, value, ...props }: SegmentedControlProps<Value>): import("react").JSX.Element;
+export {};

package/dist/SegmentedControl/SegmentedControl.doc.d.ts

@@ -0,0 +1,16 @@
+export declare const segmentedControlDoc: {
+    name: string;
+    description: string;
+    props: ({
+        name: string;
+        description: string;
+        required?: undefined;
+    } | {
+        name: string;
+        description: string;
+        required: true;
+    })[];
+    inheritedProps: string[];
+    example: string;
+    storyId: string;
+};

package/dist/SegmentedControl/SegmentedControl.doc.js

@@ -0,0 +1,34 @@
+import "../styles/stylex.css";
+export const segmentedControlDoc = {
+  name: 'SegmentedControl',
+  description: 'Chooses one supplied option with roving radio-group keyboard behavior.',
+  props: [{
+    name: 'aria-label',
+    description: 'Directly names the radiogroup when no external label is used.'
+  }, {
+    name: 'aria-labelledby',
+    description: 'References the element that names the radiogroup.'
+  }, {
+    name: 'defaultValue',
+    description: 'Sets the initial value for uncontrolled selection while preserving roving focus.'
+  }, {
+    name: 'disabled',
+    description: 'Disables every option and removes the group from tab order.'
+  }, {
+    name: 'onValueChange',
+    description: 'Receives the next value selected by pointer or keyboard.'
+  }, {
+    name: 'options',
+    description: 'Supplies labels, values, and disabled states.',
+    required: true
+  }, {
+    name: 'orientation',
+    description: 'Selects horizontal or vertical arrow-key behavior.'
+  }, {
+    name: 'value',
+    description: 'Controls the current selected value; pointer and keyboard intent is reported through onValueChange.'
+  }],
+  inheritedProps: ['HTMLAttributes<HTMLDivElement> except aria-label, aria-labelledby, className, defaultValue, and onChange'],
+  example: '<SegmentedControl aria-label="Alignment" options={options} />',
+  storyId: 'core-segmented-control--default'
+};

package/dist/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,108 @@
+import * as stylex from '@stylexjs/stylex';
+import { useRef, useState } from 'react';
+import { semanticTokens } from '../authoring.stylex.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SegmentedControl({
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  defaultValue,
+  disabled = false,
+  onValueChange,
+  options,
+  orientation = 'horizontal',
+  value,
+  ...props
+}) {
+  if (!ariaLabel?.trim() && !ariaLabelledBy?.trim()) {
+    throw new Error('SegmentedControl requires an accessible name');
+  }
+  const firstEnabledValue = options.find(option => !option.disabled)?.value;
+  const [internalValue, setInternalValue] = useState(defaultValue ?? firstEnabledValue);
+  const requestedValue = value ?? internalValue;
+  const selectedValue = options.some(option => option.value === requestedValue && !option.disabled) ? requestedValue : firstEnabledValue;
+  const optionRefs = useRef(new Map());
+  const enabledOptions = options.filter(option => !disabled && !option.disabled);
+  function select(nextValue) {
+    if (value === undefined) {
+      setInternalValue(nextValue);
+    }
+    onValueChange?.(nextValue);
+  }
+  function moveSelection(currentValue, direction) {
+    if (enabledOptions.length === 0) {
+      return;
+    }
+    const currentIndex = enabledOptions.findIndex(option => option.value === currentValue);
+    let nextIndex;
+    if (direction === 'first') {
+      nextIndex = 0;
+    } else if (direction === 'last') {
+      nextIndex = enabledOptions.length - 1;
+    } else if (direction === 'next') {
+      nextIndex = (currentIndex + 1 + enabledOptions.length) % enabledOptions.length;
+    } else {
+      nextIndex = (currentIndex - 1 + enabledOptions.length) % enabledOptions.length;
+    }
+    const nextOption = enabledOptions[nextIndex];
+    if (!nextOption) {
+      return;
+    }
+    select(nextOption.value);
+    optionRefs.current.get(nextOption.value)?.focus();
+  }
+  function handleKeyDown(event, currentValue) {
+    const nextKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
+    const previousKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
+    const direction = event.key === nextKey ? 'next' : event.key === previousKey ? 'previous' : event.key === 'Home' ? 'first' : event.key === 'End' ? 'last' : undefined;
+    if (direction) {
+      event.preventDefault();
+      moveSelection(currentValue, direction);
+    }
+  }
+  return /*#__PURE__*/_jsx("div", {
+    ...props,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-disabled": disabled || undefined,
+    "aria-orientation": orientation,
+    role: "radiogroup",
+    ...{
+      0: {
+        className: "xavu78a x8kq9my x3nfvp2 x1iwn5ga x1tkv3ku"
+      },
+      1: {
+        className: "xavu78a x8kq9my x3nfvp2 x1iwn5ga x1tkv3ku xdt5ytf"
+      }
+    }[!!(orientation === 'vertical') << 0],
+    children: options.map(option => {
+      const isDisabled = disabled || Boolean(option.disabled);
+      const isSelected = option.value === selectedValue;
+      return /*#__PURE__*/_jsx("button", {
+        "aria-checked": isSelected,
+        disabled: isDisabled,
+        onClick: () => select(option.value),
+        onKeyDown: event => handleKeyDown(event, option.value),
+        ref: element => {
+          if (element) {
+            optionRefs.current.set(option.value, element);
+          } else {
+            optionRefs.current.delete(option.value);
+          }
+        },
+        role: "radio",
+        tabIndex: isSelected && !isDisabled ? 0 : -1,
+        ...{
+          0: {
+            className: "xjbqb8w x1l6hjkl xng3xce x9f619 x1y4yzzg xj0sio9 x1ti3rys xmm8wyw x10y07nz x1qtbwip x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xbo0ryh x1ipqx2d"
+          },
+          1: {
+            className: "x1l6hjkl xng3xce x9f619 xj0sio9 x1ti3rys xmm8wyw x10y07nz x1qtbwip x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u x40o0ze x1elh21b x1y4yzzg"
+          }
+        }[!!isSelected << 0],
+        type: "button",
+        children: option.label
+      }, option.value);
+    })
+  });
+}

package/dist/SegmentedControl/index.d.ts

@@ -0,0 +1 @@
+export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from './SegmentedControl.js';

package/dist/SegmentedControl/index.js

@@ -0,0 +1,2 @@
+import "../styles/stylex.css";
+export { SegmentedControl } from './SegmentedControl.js';

package/dist/Skeleton/Skeleton.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'react';
+export interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'children' | 'className' | 'role'> {
+    readonly label?: string;
+}
+export declare function Skeleton({ label, ...props }: SkeletonProps): import("react").JSX.Element;

package/dist/Skeleton/Skeleton.doc.d.ts

@@ -0,0 +1,11 @@
+export declare const skeletonDoc: {
+    name: string;
+    description: string;
+    props: {
+        name: string;
+        description: string;
+    }[];
+    inheritedProps: string[];
+    example: string;
+    storyId: string;
+};

package/dist/Skeleton/Skeleton.doc.js

@@ -0,0 +1,12 @@
+import "../styles/stylex.css";
+export const skeletonDoc = {
+  name: 'Skeleton',
+  description: 'Displays a decorative or explicitly labelled loading placeholder with a static reduced-motion fallback.',
+  props: [{
+    name: 'label',
+    description: 'Optionally announces what is loading.'
+  }],
+  inheritedProps: ['HTMLAttributes<HTMLDivElement> except aria-label, children, className, and role'],
+  example: '<Skeleton label="Loading summary" />',
+  storyId: 'core-skeleton--default'
+};

package/dist/Skeleton/Skeleton.js

@@ -0,0 +1,20 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const pulse = "x1vfr86i-B";
+export function Skeleton({
+  label,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    ...props,
+    "aria-busy": label ? 'true' : undefined,
+    "aria-hidden": label ? undefined : 'true',
+    "aria-label": label,
+    role: label ? 'status' : undefined,
+    ...{
+      className: "xpz12be xslpo9u xa4qsjk x125lowv x1aquc0h xsus3lq xavu78a x8kq9my xmm8wyw xh8yej3"
+    }
+  });
+}

package/dist/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton, type SkeletonProps } from './Skeleton.js';

package/dist/Skeleton/index.js

@@ -0,0 +1,2 @@
+import "../styles/stylex.css";
+export { Skeleton } from './Skeleton.js';

package/dist/Spinner/Spinner.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from 'react';
+export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label' | 'children' | 'className' | 'role'> {
+    readonly label: string;
+}
+export declare function Spinner({ label, ...props }: SpinnerProps): import("react").JSX.Element;
+export declare function SpinnerVisual(): import("react").JSX.Element;

package/dist/Spinner/Spinner.doc.d.ts

@@ -0,0 +1,12 @@
+export declare const spinnerDoc: {
+    name: string;
+    description: string;
+    props: {
+        name: string;
+        description: string;
+        required: true;
+    }[];
+    inheritedProps: string[];
+    example: string;
+    storyId: string;
+};

package/dist/Spinner/Spinner.doc.js

@@ -0,0 +1,13 @@
+import "../styles/stylex.css";
+export const spinnerDoc = {
+  name: 'Spinner',
+  description: 'Announces indeterminate progress with a required accessible label and a static reduced-motion fallback.',
+  props: [{
+    name: 'label',
+    description: 'Names the operation in progress.',
+    required: true
+  }],
+  inheritedProps: ['HTMLAttributes<HTMLSpanElement> except aria-label, children, className, and role'],
+  example: '<Spinner label="Loading items" />',
+  storyId: 'core-spinner--default'
+};

package/dist/Spinner/Spinner.js

@@ -0,0 +1,25 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const spin = "x1fy8ia8-B";
+export function Spinner({
+  label,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    ...props,
+    "aria-busy": "true",
+    "aria-label": label,
+    role: "status",
+    children: /*#__PURE__*/_jsx(SpinnerVisual, {})
+  });
+}
+export function SpinnerVisual() {
+  return /*#__PURE__*/_jsx("span", {
+    "aria-hidden": "true",
+    ...{
+      className: "xslpo9u xa4qsjk xpedhrg x1aquc0h xsus3lq x11a5md6 x2nywlj xnpwncj x1jnjmdy xpxnlqs x1rg5ohu x7s8d8b x1psh5v9"
+    }
+  });
+}

package/dist/Spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner, SpinnerVisual, type SpinnerProps } from './Spinner.js';

package/dist/Spinner/index.js

@@ -0,0 +1,2 @@
+import "../styles/stylex.css";
+export { Spinner, SpinnerVisual } from './Spinner.js';

package/dist/Stack/Stack.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'react';
+export type Space = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface StackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
+    readonly gap?: Space;
+    readonly align?: 'stretch' | 'start' | 'center' | 'end';
+}
+export declare function Stack({ gap, align, children, ...props }: StackProps): import("react").JSX.Element;

package/dist/Stack/Stack.doc.d.ts

@@ -0,0 +1,11 @@
+export declare const stackDoc: {
+    name: string;
+    description: string;
+    props: {
+        name: string;
+        description: string;
+    }[];
+    inheritedProps: string[];
+    example: string;
+    storyId: string;
+};

package/dist/Stack/Stack.doc.js

@@ -0,0 +1,15 @@
+import "../styles/stylex.css";
+export const stackDoc = {
+  name: 'Stack',
+  description: 'Arranges children vertically with semantic spacing.',
+  props: [{
+    name: 'gap',
+    description: 'Optional semantic gap token.'
+  }, {
+    name: 'align',
+    description: 'Optional cross-axis alignment.'
+  }],
+  inheritedProps: ['HTMLAttributes<HTMLDivElement> except className'],
+  example: '<Stack gap="md"><Text>First</Text><Text>Second</Text></Stack>',
+  storyId: 'core-stack--default'
+};

package/dist/Stack/Stack.js

@@ -0,0 +1,77 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const styles = {
+  base: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    $$css: true
+  },
+  gapXs: {
+    kOIVth: "x1iwn5ga",
+    $$css: true
+  },
+  gapSm: {
+    kOIVth: "x1ap6kct",
+    $$css: true
+  },
+  gapMd: {
+    kOIVth: "xtl099x",
+    $$css: true
+  },
+  gapLg: {
+    kOIVth: "x4nws80",
+    $$css: true
+  },
+  gapXl: {
+    kOIVth: "x1ws3dqe",
+    $$css: true
+  },
+  gap2xl: {
+    kOIVth: "xl3vxp",
+    $$css: true
+  },
+  alignStretch: {
+    kGNEyG: "x1qjc9v5",
+    $$css: true
+  },
+  alignStart: {
+    kGNEyG: "x1cy8zhl",
+    $$css: true
+  },
+  alignCenter: {
+    kGNEyG: "x6s0dn4",
+    $$css: true
+  },
+  alignEnd: {
+    kGNEyG: "xuk3077",
+    $$css: true
+  }
+};
+const gaps = {
+  xs: styles.gapXs,
+  sm: styles.gapSm,
+  md: styles.gapMd,
+  lg: styles.gapLg,
+  xl: styles.gapXl,
+  '2xl': styles.gap2xl
+};
+const aligns = {
+  stretch: styles.alignStretch,
+  start: styles.alignStart,
+  center: styles.alignCenter,
+  end: styles.alignEnd
+};
+export function Stack({
+  gap = 'md',
+  align = 'stretch',
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    ...props,
+    ...stylex.props(styles.base, gaps[gap], aligns[align]),
+    children: children
+  });
+}

package/dist/Stack/index.d.ts

@@ -0,0 +1 @@
+export { Stack, type Space, type StackProps } from './Stack.js';

package/dist/Stack/index.js

@@ -0,0 +1,2 @@
+import "../styles/stylex.css";
+export { Stack } from './Stack.js';

package/dist/StatusDot/StatusDot.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+import type { StatusTone } from '../Badge/index.js';
+/** Props for a labelled live-status indicator using semantic status tones. */
+export interface StatusDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label' | 'children' | 'className' | 'role'> {
+    readonly 'aria-label': string;
+    readonly tone?: StatusTone;
+}
+export declare function StatusDot({ tone, ...props }: StatusDotProps): import("react").JSX.Element;

package/dist/StatusDot/StatusDot.doc.d.ts

@@ -0,0 +1,16 @@
+export declare const statusDotDoc: {
+    name: string;
+    description: string;
+    props: ({
+        name: string;
+        description: string;
+        required: true;
+    } | {
+        name: string;
+        description: string;
+        required?: undefined;
+    })[];
+    inheritedProps: string[];
+    example: string;
+    storyId: string;
+};

package/dist/StatusDot/StatusDot.doc.js

@@ -0,0 +1,16 @@
+import "../styles/stylex.css";
+export const statusDotDoc = {
+  name: 'StatusDot',
+  description: 'Announces a compact live status indicator by its supplied label.',
+  props: [{
+    name: 'aria-label',
+    description: 'Names the represented status.',
+    required: true
+  }, {
+    name: 'tone',
+    description: 'Selects one of the four semantic status tones.'
+  }],
+  inheritedProps: ['HTMLAttributes<HTMLSpanElement> except aria-label, children, className, and role'],
+  example: '<StatusDot aria-label="Service available" tone="success" />',
+  storyId: 'core-status-dot--default'
+};

package/dist/StatusDot/StatusDot.js

@@ -0,0 +1,46 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const styles = {
+  base: {
+    kaIpWk: "xnpwncj",
+    k1xSpc: "x1rg5ohu",
+    kZKoxP: "x1ieyhmn",
+    kzqmXN: "x1rcf1qu",
+    $$css: true
+  },
+  info: {
+    kWkggS: "x18i8t7",
+    $$css: true
+  },
+  success: {
+    kWkggS: "x1sm82us",
+    $$css: true
+  },
+  warning: {
+    kWkggS: "xe2mao8",
+    $$css: true
+  },
+  danger: {
+    kWkggS: "xpqgouk",
+    $$css: true
+  }
+};
+
+/** Props for a labelled live-status indicator using semantic status tones. */
+
+export function StatusDot({
+  tone = 'info',
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    ...props,
+    "aria-live": "polite",
+    role: "status",
+    children: /*#__PURE__*/_jsx("span", {
+      "aria-hidden": "true",
+      ...stylex.props(styles.base, styles[tone])
+    })
+  });
+}

package/dist/StatusDot/index.d.ts

@@ -0,0 +1 @@
+export { StatusDot, type StatusDotProps } from './StatusDot.js';

package/dist/StatusDot/index.js

@@ -0,0 +1,2 @@
+import "../styles/stylex.css";
+export { StatusDot } from './StatusDot.js';

package/dist/Table/Table.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+export type TableDensity = 'compact' | 'default' | 'spacious';
+export type TableDividers = 'rows' | 'columns' | 'grid' | 'none';
+export interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'className'> {
+    readonly density?: TableDensity;
+    readonly dividers?: TableDividers;
+}
+export type TableCaptionProps = Omit<HTMLAttributes<HTMLTableCaptionElement>, 'className'>;
+export type TableHeadProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'className'>;
+export type TableBodyProps = TableHeadProps;
+export type TableRowProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'className'>;
+export type TableHeaderCellProps = Omit<ThHTMLAttributes<HTMLTableCellElement>, 'className'>;
+export type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'className'>;
+export declare function Table({ children, density, dividers, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableCaption({ children, ...props }: TableCaptionProps): import("react").JSX.Element;
+export declare function TableHead({ children, ...props }: TableHeadProps): import("react").JSX.Element;
+export declare function TableBody({ children, ...props }: TableBodyProps): import("react").JSX.Element;
+export declare function TableRow({ children, ...props }: TableRowProps): import("react").JSX.Element;
+export declare function TableHeaderCell({ children, scope, ...props }: TableHeaderCellProps): import("react").JSX.Element;
+export declare function TableCell({ children, ...props }: TableCellProps): import("react").JSX.Element;