@misoto22/kioku-ui 0.0.0

package/dist/components/TextArea.doc.js

@@ -0,0 +1,30 @@
+import "../styles/stylex.css";
+export const textAreaDoc = {
+  name: 'TextArea',
+  description: 'Collects multiple lines of controlled or uncontrolled text.',
+  props: [{
+    name: 'aria-invalid',
+    description: 'Exposes invalid semantics and danger styling; an explicit value overrides Field status inference.'
+  }, {
+    name: 'defaultValue',
+    description: 'Sets the initial value for an uncontrolled text area.'
+  }, {
+    name: 'disabled',
+    description: 'Disables editing and native form interaction.'
+  }, {
+    name: 'onValueChange',
+    description: 'Receives the current string value after input.'
+  }, {
+    name: 'readOnly',
+    description: 'Keeps the value legible while preventing edits.'
+  }, {
+    name: 'required',
+    description: 'Sets native required semantics; an explicit value overrides the enclosing Field necessity.'
+  }, {
+    name: 'value',
+    description: 'Controls the current value when onValueChange is supplied.'
+  }],
+  inheritedProps: ['TextareaHTMLAttributes<HTMLTextAreaElement> except children, className, defaultValue, onChange, and value'],
+  example: '<Field label="Notes"><TextArea /></Field>',
+  storyId: 'core-text-area--default'
+};

package/dist/components/TextArea.js

@@ -0,0 +1,47 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+import { useFieldControl } from './Field.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TextArea({
+  'aria-describedby': ariaDescribedBy,
+  'aria-invalid': ariaInvalid,
+  disabled,
+  id,
+  onValueChange,
+  readOnly,
+  required,
+  ...props
+}) {
+  const field = useFieldControl();
+  const describedBy = [field?.describedBy, ariaDescribedBy].filter(Boolean).join(' ') || undefined;
+  const resolvedInvalid = ariaInvalid ?? field?.invalid;
+  const isInvalid = resolvedInvalid !== undefined && resolvedInvalid !== false && resolvedInvalid !== 'false';
+  function handleChange(event) {
+    onValueChange?.(event.currentTarget.value);
+  }
+  return /*#__PURE__*/_jsx("textarea", {
+    ...props,
+    "aria-describedby": describedBy,
+    "aria-invalid": resolvedInvalid,
+    disabled: disabled,
+    id: field?.controlId ?? id,
+    onChange: handleChange,
+    readOnly: readOnly,
+    required: required ?? field?.required,
+    ...{
+      0: {
+        className: "x1ixvsy6 x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz"
+      },
+      2: {
+        className: "x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz xavu78a x1y4yzzg"
+      },
+      1: {
+        className: "x1ixvsy6 x9f619 x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xcf5wgx x1v4z90s xgozkua x1r1toob"
+      },
+      3: {
+        className: "x9f619 x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys x1ezks3f x1edz59j x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xavu78a x1y4yzzg xcf5wgx x1v4z90s xgozkua x1r1toob"
+      }
+    }[!!(readOnly && !disabled) << 1 | !!(isInvalid && !disabled) << 0]
+  });
+}

package/dist/components/TextInput.d.ts

@@ -0,0 +1,16 @@
+import type { InputHTMLAttributes } from 'react';
+type SharedTextInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'value'> & {
+    readonly onValueChange?: (value: string) => void;
+};
+type ControlledTextInputProps = SharedTextInputProps & {
+    readonly defaultValue?: never;
+    readonly onValueChange: (value: string) => void;
+    readonly value: string;
+};
+type UncontrolledTextInputProps = SharedTextInputProps & {
+    readonly defaultValue?: string;
+    readonly value?: never;
+};
+export type TextInputProps = ControlledTextInputProps | UncontrolledTextInputProps;
+export declare function TextInput({ 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, disabled, id, onValueChange, readOnly, required, type, ...props }: TextInputProps): import("react").JSX.Element;
+export {};

package/dist/components/TextInput.doc.d.ts

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

package/dist/components/TextInput.doc.js

@@ -0,0 +1,30 @@
+import "../styles/stylex.css";
+export const textInputDoc = {
+  name: 'TextInput',
+  description: 'Collects one line of controlled or uncontrolled text.',
+  props: [{
+    name: 'aria-invalid',
+    description: 'Exposes invalid semantics and danger styling; an explicit value overrides Field status inference.'
+  }, {
+    name: 'defaultValue',
+    description: 'Sets the initial value for an uncontrolled input.'
+  }, {
+    name: 'disabled',
+    description: 'Disables editing and native form interaction.'
+  }, {
+    name: 'onValueChange',
+    description: 'Receives the current string value after input.'
+  }, {
+    name: 'readOnly',
+    description: 'Keeps the value legible while preventing edits.'
+  }, {
+    name: 'required',
+    description: 'Sets native required semantics; an explicit value overrides the enclosing Field necessity.'
+  }, {
+    name: 'value',
+    description: 'Controls the current value when onValueChange is supplied.'
+  }],
+  inheritedProps: ['InputHTMLAttributes<HTMLInputElement> except children, className, defaultValue, onChange, and value'],
+  example: '<Field label="Name"><TextInput defaultValue="" /></Field>',
+  storyId: 'core-text-input--default'
+};

package/dist/components/TextInput.js

@@ -0,0 +1,49 @@
+import * as stylex from '@stylexjs/stylex';
+import { semanticTokens } from '../authoring.stylex.js';
+import { useFieldControl } from './Field.js';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TextInput({
+  'aria-describedby': ariaDescribedBy,
+  'aria-invalid': ariaInvalid,
+  disabled,
+  id,
+  onValueChange,
+  readOnly,
+  required,
+  type = 'text',
+  ...props
+}) {
+  const field = useFieldControl();
+  const describedBy = [field?.describedBy, ariaDescribedBy].filter(Boolean).join(' ') || undefined;
+  const resolvedInvalid = ariaInvalid ?? field?.invalid;
+  const isInvalid = resolvedInvalid !== undefined && resolvedInvalid !== false && resolvedInvalid !== 'false';
+  function handleChange(event) {
+    onValueChange?.(event.currentTarget.value);
+  }
+  return /*#__PURE__*/_jsx("input", {
+    ...props,
+    "aria-describedby": describedBy,
+    "aria-invalid": resolvedInvalid,
+    disabled: disabled,
+    id: field?.controlId ?? id,
+    onChange: handleChange,
+    readOnly: readOnly,
+    required: required ?? field?.required,
+    ...{
+      0: {
+        className: "x1ixvsy6 x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz"
+      },
+      2: {
+        className: "x9f619 xilcjya x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 xn50xp2 x15meki4 xz32tfx x1p22nma x17lds6u xnhf8v xyo1xaz xavu78a x1y4yzzg"
+      },
+      1: {
+        className: "x1ixvsy6 x9f619 x8kq9my x1jnjmdy xpxnlqs x1y4yzzg xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xcf5wgx x1v4z90s xgozkua x1r1toob"
+      },
+      3: {
+        className: "x9f619 x8kq9my x1jnjmdy xpxnlqs xj0sio9 x1ti3rys xr8hsnb x1ezks3f x10y07nz x1qtbwip x1e4qbc8 x48zea8 x1oulntk x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xavu78a x1y4yzzg xcf5wgx x1v4z90s xgozkua x1r1toob"
+      }
+    }[!!(readOnly && !disabled) << 1 | !!(isInvalid && !disabled) << 0],
+    type: type
+  });
+}

package/dist/components/Toggle.d.ts

@@ -0,0 +1,16 @@
+import { type ButtonHTMLAttributes } from 'react';
+type SharedToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-checked' | 'aria-pressed' | 'className' | 'onChange' | 'role'> & {
+    readonly onPressedChange?: (pressed: boolean) => void;
+};
+type ControlledToggleProps = SharedToggleProps & {
+    readonly defaultPressed?: never;
+    readonly onPressedChange: (pressed: boolean) => void;
+    readonly pressed: boolean;
+};
+type UncontrolledToggleProps = SharedToggleProps & {
+    readonly defaultPressed?: boolean;
+    readonly pressed?: never;
+};
+export type ToggleProps = ControlledToggleProps | UncontrolledToggleProps;
+export declare function Toggle({ children, defaultPressed, disabled, onClick, onPressedChange, pressed, type, ...props }: ToggleProps): import("react").JSX.Element;
+export {};

package/dist/components/Toggle.doc.d.ts

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

package/dist/components/Toggle.doc.js

@@ -0,0 +1,21 @@
+import "../styles/stylex.css";
+export const toggleDoc = {
+  name: 'Toggle',
+  description: 'Switches a controlled or uncontrolled boolean setting.',
+  props: [{
+    name: 'defaultPressed',
+    description: 'Sets the initial state for an uncontrolled switch.'
+  }, {
+    name: 'disabled',
+    description: 'Disables native switch activation and focus behavior.'
+  }, {
+    name: 'onPressedChange',
+    description: 'Receives the next boolean state after activation.'
+  }, {
+    name: 'pressed',
+    description: 'Controls the current switch state without internal updates.'
+  }],
+  inheritedProps: ['ButtonHTMLAttributes<HTMLButtonElement> except aria-checked, aria-pressed, className, onChange, and role'],
+  example: '<Toggle aria-label="Enable option" defaultPressed />',
+  storyId: 'core-toggle--default'
+};

package/dist/components/Toggle.js

@@ -0,0 +1,64 @@
+import * as stylex from '@stylexjs/stylex';
+import { useState } from 'react';
+import { semanticTokens } from '../authoring.stylex.js';
+import "../styles/stylex.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Toggle({
+  children,
+  defaultPressed = false,
+  disabled,
+  onClick,
+  onPressedChange,
+  pressed,
+  type = 'button',
+  ...props
+}) {
+  const [internalPressed, setInternalPressed] = useState(defaultPressed);
+  const isPressed = pressed ?? internalPressed;
+  return /*#__PURE__*/_jsxs("button", {
+    ...props,
+    "aria-checked": isPressed,
+    disabled: disabled,
+    onClick: event => {
+      const nextPressed = !isPressed;
+      if (pressed === undefined) {
+        setInternalPressed(nextPressed);
+      }
+      onPressedChange?.(nextPressed);
+      onClick?.(event);
+    },
+    role: "switch",
+    ...{
+      className: "x6s0dn4 xjbqb8w x9r1u3d xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x1y4yzzg xj0sio9 x1ti3rys x1ap6kct xl56j7k xq5j1ye x16d7gm3 x10y07nz xov5yc9 x1pg383a x609gy3 x15meki4 xz32tfx x1p22nma x17lds6u xszm2ej"
+    },
+    type: type,
+    children: [/*#__PURE__*/_jsx("span", {
+      "aria-hidden": "true",
+      ...{
+        0: {
+          className: "x6s0dn4 xavu78a xilcjya xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1nhvcw1 x1089um4"
+        },
+        2: {
+          className: "x6s0dn4 xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1089um4 x1j40q36 x10ghty7 x13a6bvl"
+        },
+        1: {
+          className: "x6s0dn4 xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1nhvcw1 x1089um4 x19blmh3 x1lnk2a9"
+        },
+        3: {
+          className: "x6s0dn4 xnpwncj x1jnjmdy xpxnlqs x3nfvp2 x2lah0s x7s8d8b x1089um4 x13a6bvl x19blmh3 x1lnk2a9"
+        }
+      }[!!isPressed << 1 | !!disabled << 0],
+      children: /*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        ...{
+          0: {
+            className: "x40o0ze xnpwncj x1elh21b x1t7hrd4 x1af11ui"
+          },
+          1: {
+            className: "xnpwncj x1elh21b x1t7hrd4 x1af11ui xsq02lv"
+          }
+        }[!!disabled << 0]
+      })
+    }), children]
+  });
+}

package/dist/components/VisuallyHidden.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLAttributes } from 'react';
+export type VisuallyHiddenProps = Omit<HTMLAttributes<HTMLSpanElement>, 'className'>;
+export declare function VisuallyHidden({ children, ...props }: VisuallyHiddenProps): import("react").JSX.Element;

package/dist/components/VisuallyHidden.doc.d.ts

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

package/dist/components/VisuallyHidden.doc.js

@@ -0,0 +1,12 @@
+import "../styles/stylex.css";
+export const visuallyHiddenDoc = {
+  name: 'VisuallyHidden',
+  description: 'Keeps text available to assistive technology while hiding it visually.',
+  props: [{
+    name: 'children',
+    description: 'Accessible text to hide visually.'
+  }],
+  inheritedProps: ['HTMLAttributes<HTMLSpanElement> except className and children'],
+  example: '<button><VisuallyHidden>Open navigation</VisuallyHidden></button>',
+  storyId: 'core-visually-hidden--default'
+};

package/dist/components/VisuallyHidden.js

@@ -0,0 +1,15 @@
+import * as stylex from '@stylexjs/stylex';
+import "../styles/stylex.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function VisuallyHidden({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    ...props,
+    ...{
+      className: "xeh89do x1hyvwdk xjm9jq1 xkdpibf xb3r6kr x10l6tqk xuxw1ft x1i1rx1s"
+    },
+    children: children
+  });
+}

package/dist/components/index.d.ts

@@ -0,0 +1,27 @@
+export { Card, type CardElevation, type CardProps } from './Card.js';
+export { CardFooter, type CardFooterProps } from './CardFooter.js';
+export { CardHeader, type CardHeaderProps } from './CardHeader.js';
+export { Center, type CenterProps } from './Center.js';
+export { Divider, type DividerProps } from './Divider.js';
+export { Grid, type GridProps } from './Grid.js';
+export { Heading, type HeadingFamily, type HeadingProps } from './Heading.js';
+export { Section, type SectionProps } from './Section.js';
+export { Stack, type Space, type StackProps } from './Stack.js';
+export { Text, type TextProps, type TextTone } from './Text.js';
+export { VisuallyHidden, type VisuallyHiddenProps } from './VisuallyHidden.js';
+export { Alert, type AlertProps } from './Alert.js';
+export { AsyncState, type AsyncStateProps, type AsyncStateValue, } from './AsyncState.js';
+export { Badge, type BadgeProps, type BadgeTone, type StatusTone, } from './Badge.js';
+export { Button, type ButtonProps, type ButtonVariant, type ControlSize, } from './Button.js';
+export { EmptyState, type EmptyStateProps, type EmptyStateSize, } from './EmptyState.js';
+export { Field, type FieldNecessity, type FieldProps } from './Field.js';
+export { IconButton, type IconButtonProps } from './IconButton.js';
+export { MetricGrid, type MetricGridItem, type MetricGridProps, } from './MetricGrid.js';
+export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from './SegmentedControl.js';
+export { Skeleton, type SkeletonProps } from './Skeleton.js';
+export { Spinner, type SpinnerProps } from './Spinner.js';
+export { StatusDot, type StatusDotProps } from './StatusDot.js';
+export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableDensity, type TableDividers, type TableHeaderCellProps, type TableHeadProps, type TableProps, type TableRowProps, } from './Table.js';
+export { TextArea, type TextAreaProps } from './TextArea.js';
+export { TextInput, type TextInputProps } from './TextInput.js';
+export { Toggle, type ToggleProps } from './Toggle.js';

package/dist/components/index.js

@@ -0,0 +1,28 @@
+import "../styles/stylex.css";
+export { Card } from './Card.js';
+export { CardFooter } from './CardFooter.js';
+export { CardHeader } from './CardHeader.js';
+export { Center } from './Center.js';
+export { Divider } from './Divider.js';
+export { Grid } from './Grid.js';
+export { Heading } from './Heading.js';
+export { Section } from './Section.js';
+export { Stack } from './Stack.js';
+export { Text } from './Text.js';
+export { VisuallyHidden } from './VisuallyHidden.js';
+export { Alert } from './Alert.js';
+export { AsyncState } from './AsyncState.js';
+export { Badge } from './Badge.js';
+export { Button } from './Button.js';
+export { EmptyState } from './EmptyState.js';
+export { Field } from './Field.js';
+export { IconButton } from './IconButton.js';
+export { MetricGrid } from './MetricGrid.js';
+export { SegmentedControl } from './SegmentedControl.js';
+export { Skeleton } from './Skeleton.js';
+export { Spinner } from './Spinner.js';
+export { StatusDot } from './StatusDot.js';
+export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow } from './Table.js';
+export { TextArea } from './TextArea.js';
+export { TextInput } from './TextInput.js';
+export { Toggle } from './Toggle.js';

package/dist/docs/index.d.ts

@@ -0,0 +1,33 @@
+import { alertDoc } from '../Alert/Alert.doc.js';
+import { asyncStateDoc } from '../AsyncState/AsyncState.doc.js';
+import { badgeDoc } from '../Badge/Badge.doc.js';
+import { buttonDoc } from '../Button/Button.doc.js';
+import { cardDoc } from '../Card/Card.doc.js';
+import { cardFooterDoc } from '../CardFooter/CardFooter.doc.js';
+import { cardHeaderDoc } from '../CardHeader/CardHeader.doc.js';
+import { centerDoc } from '../Center/Center.doc.js';
+import { dividerDoc } from '../Divider/Divider.doc.js';
+import { emptyStateDoc } from '../EmptyState/EmptyState.doc.js';
+import { fieldDoc } from '../Field/Field.doc.js';
+import { gridDoc } from '../Grid/Grid.doc.js';
+import { headingDoc } from '../Heading/Heading.doc.js';
+import { iconButtonDoc } from '../IconButton/IconButton.doc.js';
+import { metricGridDoc } from '../MetricGrid/MetricGrid.doc.js';
+import { sectionDoc } from '../Section/Section.doc.js';
+import { segmentedControlDoc } from '../SegmentedControl/SegmentedControl.doc.js';
+import { skeletonDoc } from '../Skeleton/Skeleton.doc.js';
+import { spinnerDoc } from '../Spinner/Spinner.doc.js';
+import { stackDoc } from '../Stack/Stack.doc.js';
+import { statusDotDoc } from '../StatusDot/StatusDot.doc.js';
+import { tableBodyDoc, tableCaptionDoc, tableCellDoc, tableDoc, tableHeadDoc, tableHeaderCellDoc, tableRowDoc } from '../Table/Table.doc.js';
+import { textAreaDoc } from '../TextArea/TextArea.doc.js';
+import { textDoc } from '../Text/Text.doc.js';
+import { textInputDoc } from '../TextInput/TextInput.doc.js';
+import { toggleDoc } from '../Toggle/Toggle.doc.js';
+import { visuallyHiddenDoc } from '../VisuallyHidden/VisuallyHidden.doc.js';
+import { linkDoc, linkProviderDoc } from '../navigation/LinkProvider.doc.js';
+import { themeProviderDoc } from '../theme/Theme.doc.js';
+import type { ComponentDoc } from './types.js';
+export { cardDoc, cardFooterDoc, cardHeaderDoc, centerDoc, dividerDoc, gridDoc, headingDoc, sectionDoc, stackDoc, textDoc, visuallyHiddenDoc, alertDoc, asyncStateDoc, badgeDoc, buttonDoc, emptyStateDoc, fieldDoc, iconButtonDoc, metricGridDoc, segmentedControlDoc, skeletonDoc, spinnerDoc, statusDotDoc, tableDoc, tableCaptionDoc, tableHeadDoc, tableBodyDoc, tableRowDoc, tableHeaderCellDoc, tableCellDoc, textAreaDoc, textInputDoc, toggleDoc, linkDoc, linkProviderDoc, themeProviderDoc, };
+export { validateComponentDoc, type ComponentDoc, type ComponentDocField, type ComponentDocProp, } from './types.js';
+export declare const componentDocs: readonly ComponentDoc[];

package/dist/docs/index.js

@@ -0,0 +1,33 @@
+import { alertDoc } from '../Alert/Alert.doc.js';
+import { asyncStateDoc } from '../AsyncState/AsyncState.doc.js';
+import { badgeDoc } from '../Badge/Badge.doc.js';
+import { buttonDoc } from '../Button/Button.doc.js';
+import { cardDoc } from '../Card/Card.doc.js';
+import { cardFooterDoc } from '../CardFooter/CardFooter.doc.js';
+import { cardHeaderDoc } from '../CardHeader/CardHeader.doc.js';
+import { centerDoc } from '../Center/Center.doc.js';
+import { dividerDoc } from '../Divider/Divider.doc.js';
+import { emptyStateDoc } from '../EmptyState/EmptyState.doc.js';
+import { fieldDoc } from '../Field/Field.doc.js';
+import { gridDoc } from '../Grid/Grid.doc.js';
+import { headingDoc } from '../Heading/Heading.doc.js';
+import { iconButtonDoc } from '../IconButton/IconButton.doc.js';
+import { metricGridDoc } from '../MetricGrid/MetricGrid.doc.js';
+import { sectionDoc } from '../Section/Section.doc.js';
+import { segmentedControlDoc } from '../SegmentedControl/SegmentedControl.doc.js';
+import { skeletonDoc } from '../Skeleton/Skeleton.doc.js';
+import { spinnerDoc } from '../Spinner/Spinner.doc.js';
+import { stackDoc } from '../Stack/Stack.doc.js';
+import { statusDotDoc } from '../StatusDot/StatusDot.doc.js';
+import { tableBodyDoc, tableCaptionDoc, tableCellDoc, tableDoc, tableHeadDoc, tableHeaderCellDoc, tableRowDoc } from '../Table/Table.doc.js';
+import { textAreaDoc } from '../TextArea/TextArea.doc.js';
+import { textDoc } from '../Text/Text.doc.js';
+import { textInputDoc } from '../TextInput/TextInput.doc.js';
+import { toggleDoc } from '../Toggle/Toggle.doc.js';
+import { visuallyHiddenDoc } from '../VisuallyHidden/VisuallyHidden.doc.js';
+import { linkDoc, linkProviderDoc } from '../navigation/LinkProvider.doc.js';
+import { themeProviderDoc } from '../theme/Theme.doc.js';
+import "../styles/stylex.css";
+export { cardDoc, cardFooterDoc, cardHeaderDoc, centerDoc, dividerDoc, gridDoc, headingDoc, sectionDoc, stackDoc, textDoc, visuallyHiddenDoc, alertDoc, asyncStateDoc, badgeDoc, buttonDoc, emptyStateDoc, fieldDoc, iconButtonDoc, metricGridDoc, segmentedControlDoc, skeletonDoc, spinnerDoc, statusDotDoc, tableDoc, tableCaptionDoc, tableHeadDoc, tableBodyDoc, tableRowDoc, tableHeaderCellDoc, tableCellDoc, textAreaDoc, textInputDoc, toggleDoc, linkDoc, linkProviderDoc, themeProviderDoc };
+export { validateComponentDoc } from './types.js';
+export const componentDocs = Object.freeze([textDoc, headingDoc, stackDoc, gridDoc, sectionDoc, cardDoc, cardHeaderDoc, cardFooterDoc, dividerDoc, centerDoc, visuallyHiddenDoc, buttonDoc, iconButtonDoc, badgeDoc, statusDotDoc, fieldDoc, textInputDoc, textAreaDoc, toggleDoc, segmentedControlDoc, emptyStateDoc, asyncStateDoc, spinnerDoc, skeletonDoc, alertDoc, tableDoc, tableCaptionDoc, tableHeadDoc, tableBodyDoc, tableRowDoc, tableHeaderCellDoc, tableCellDoc, metricGridDoc, linkDoc, linkProviderDoc, themeProviderDoc]);

package/dist/docs/types.d.ts

@@ -0,0 +1,15 @@
+export interface ComponentDocProp {
+    readonly name: string;
+    readonly description: string;
+    readonly required?: boolean;
+}
+export interface ComponentDoc {
+    readonly name: string;
+    readonly description: string;
+    readonly props: readonly ComponentDocProp[];
+    readonly inheritedProps: readonly string[];
+    readonly example: string;
+    readonly storyId: string;
+}
+export type ComponentDocField = keyof ComponentDoc;
+export declare function validateComponentDoc(doc: Partial<ComponentDoc>): ComponentDocField[];

package/dist/docs/types.js

@@ -0,0 +1,25 @@
+import "../styles/stylex.css";
+export function validateComponentDoc(doc) {
+  const fields = [];
+  if (!doc.name?.trim()) {
+    fields.push('name');
+  }
+  if (!doc.description?.trim()) {
+    fields.push('description');
+  }
+  const propNames = doc.props?.map(prop => prop.name.trim()) ?? [];
+  const hasInvalidProps = !doc.props?.length || doc.props.some(prop => !prop.name.trim() || !prop.description.trim()) || new Set(propNames).size !== propNames.length;
+  if (hasInvalidProps) {
+    fields.push('props');
+  }
+  if (!doc.inheritedProps?.length || doc.inheritedProps.some(contract => !contract.trim())) {
+    fields.push('inheritedProps');
+  }
+  if (!doc.example?.trim()) {
+    fields.push('example');
+  }
+  if (!doc.storyId?.trim()) {
+    fields.push('storyId');
+  }
+  return fields;
+}

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+export { tokenContract, tokenCustomProperties, tokenNames, validateThemeDefinition, type ThemeDefinition, type ThemeDefinitionCandidate, type TokenContract, type TokenName, } from './tokens/contracts.js';
+export { globalStyles } from './styles/global.stylex.js';
+export { Alert, type AlertProps } from './Alert/index.js';
+export { AsyncState, type AsyncStateProps, type AsyncStateValue, } from './AsyncState/index.js';
+export { Badge, type BadgeProps, type BadgeTone, type StatusTone, } from './Badge/index.js';
+export { Button, type ButtonProps, type ButtonVariant, type ControlSize, } from './Button/index.js';
+export { Card, type CardElevation, type CardProps } from './Card/index.js';
+export { CardFooter, type CardFooterProps } from './CardFooter/index.js';
+export { CardHeader, type CardHeaderProps } from './CardHeader/index.js';
+export { Center, type CenterProps } from './Center/index.js';
+export { Divider, type DividerProps } from './Divider/index.js';
+export { EmptyState, type EmptyStateProps, type EmptyStateSize, } from './EmptyState/index.js';
+export { Field, type FieldNecessity, type FieldProps } from './Field/index.js';
+export { Grid, type GridProps } from './Grid/index.js';
+export { Heading, type HeadingFamily, type HeadingProps, } from './Heading/index.js';
+export { IconButton, type IconButtonProps } from './IconButton/index.js';
+export { MetricGrid, type MetricGridItem, type MetricGridProps, } from './MetricGrid/index.js';
+export { Section, type SectionProps } from './Section/index.js';
+export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from './SegmentedControl/index.js';
+export { Skeleton, type SkeletonProps } from './Skeleton/index.js';
+export { Spinner, type SpinnerProps } from './Spinner/index.js';
+export { Stack, type Space, type StackProps } from './Stack/index.js';
+export { StatusDot, type StatusDotProps } from './StatusDot/index.js';
+export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableDensity, type TableDividers, type TableHeadProps, type TableHeaderCellProps, type TableProps, type TableRowProps, } from './Table/index.js';
+export { Text, type TextProps, type TextTone } from './Text/index.js';
+export { TextArea, type TextAreaProps } from './TextArea/index.js';
+export { TextInput, type TextInputProps } from './TextInput/index.js';
+export { Toggle, type ToggleProps } from './Toggle/index.js';
+export { VisuallyHidden, type VisuallyHiddenProps, } from './VisuallyHidden/index.js';
+export { ThemeProvider, useTheme, type ThemeContextValue, type ThemePersistence, type ThemeProviderProps, } from './theme/index.js';
+export { Link, LinkProvider, type LinkProps, type LinkProviderProps, type LinkRenderer, } from './navigation/index.js';

package/dist/index.js

@@ -0,0 +1,32 @@
+import "./styles/stylex.css";
+export { tokenContract, tokenCustomProperties, tokenNames, validateThemeDefinition } from './tokens/contracts.js';
+export { globalStyles } from './styles/global.stylex.js';
+export { Alert } from './Alert/index.js';
+export { AsyncState } from './AsyncState/index.js';
+export { Badge } from './Badge/index.js';
+export { Button } from './Button/index.js';
+export { Card } from './Card/index.js';
+export { CardFooter } from './CardFooter/index.js';
+export { CardHeader } from './CardHeader/index.js';
+export { Center } from './Center/index.js';
+export { Divider } from './Divider/index.js';
+export { EmptyState } from './EmptyState/index.js';
+export { Field } from './Field/index.js';
+export { Grid } from './Grid/index.js';
+export { Heading } from './Heading/index.js';
+export { IconButton } from './IconButton/index.js';
+export { MetricGrid } from './MetricGrid/index.js';
+export { Section } from './Section/index.js';
+export { SegmentedControl } from './SegmentedControl/index.js';
+export { Skeleton } from './Skeleton/index.js';
+export { Spinner } from './Spinner/index.js';
+export { Stack } from './Stack/index.js';
+export { StatusDot } from './StatusDot/index.js';
+export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow } from './Table/index.js';
+export { Text } from './Text/index.js';
+export { TextArea } from './TextArea/index.js';
+export { TextInput } from './TextInput/index.js';
+export { Toggle } from './Toggle/index.js';
+export { VisuallyHidden } from './VisuallyHidden/index.js';
+export { ThemeProvider, useTheme } from './theme/index.js';
+export { Link, LinkProvider } from './navigation/index.js';

package/dist/navigation/LinkProvider.d.ts

@@ -0,0 +1,9 @@
+import { type AnchorHTMLAttributes, type ReactElement, type ReactNode } from 'react';
+export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+export type LinkRenderer = (props: LinkProps) => ReactElement | null;
+export interface LinkProviderProps {
+    readonly children: ReactNode;
+    readonly renderLink?: LinkRenderer;
+}
+export declare function LinkProvider({ children, renderLink }: LinkProviderProps): import("react").JSX.Element;
+export declare function Link(props: LinkProps): import("react").JSX.Element | null;

package/dist/navigation/LinkProvider.doc.d.ts

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