@omni-design/components 0.10.0 → 0.12.0

package/dist/types/components/Avatar/AvatarGlyph.d.ts

@@ -0,0 +1,5 @@
+export function AvatarGlyph({ size, ...props }: {
+    [x: string]: any;
+    size?: string;
+}): JSX.Element;
+export default AvatarGlyph;

package/dist/types/components/Avatar/index.d.ts

@@ -1,3 +1,4 @@
 export { AvatarShowcase } from "./AvatarShowcase";
 export { DEFAULT_AVATAR_SRC } from "./defaultAvatar";
+export { AvatarGlyph } from "./AvatarGlyph";
 export { Avatar, AvatarGroup, default } from "./Avatar";

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

@@ -1,5 +1,5 @@
 export function normalizeButtonVariant(variant: any): string;
-export function Button({ variant, size, elevated, selected, fullWidth, disabled, iconOnly, letterNumber, avatar, swatch, swatchColor, startIcon, endIcon, startDecorator, endDecorator, badge, badgeContent, badgeVariant, badgeSize, badgeDot, badgeMax, badgeAnchorOrigin, children, className, sx, ...props }: {
+export function Button({ variant, size, elevated, selected, fullWidth, disabled, contentType, iconOnly, letterNumber, avatar, swatch, swatchColor, startIcon, endIcon, startDecorator, endDecorator, badge, badgeContent, badgeVariant, badgeSize, badgeDot, badgeMax, badgeAnchorOrigin, children, className, sx, ...props }: {
     [x: string]: any;
     variant?: string;
     size?: string;
@@ -7,6 +7,7 @@ export function Button({ variant, size, elevated, selected, fullWidth, disabled,
     selected?: boolean;
     fullWidth?: boolean;
     disabled?: boolean;
+    contentType: any;
     iconOnly?: boolean;
     letterNumber?: boolean;
     avatar?: boolean;
@@ -30,6 +31,7 @@ export function Button({ variant, size, elevated, selected, fullWidth, disabled,
     className?: string;
     sx?: {};
 }): JSX.Element;
+export const BUTTON_CONTENT_TYPES: string[];
 export function DefaultButton(p: any): JSX.Element;
 export function DefaultOutlineButton(p: any): JSX.Element;
 export function PrimaryButton(p: any): JSX.Element;

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

@@ -1,11 +1,12 @@
-export function ButtonGroup({ variant, color, size, disabled, orientation, spacing, fit, fullWidth, equalWidth, multiple, value: controlledValue, defaultValue, onChange, children, className, sx, "aria-label": ariaLabel, ...props }: {
+export function ButtonGroup({ variant, color, size, disabled, orientation, separated, spacing, fit, fullWidth, equalWidth, multiple, value: controlledValue, defaultValue, onChange, children, className, sx, "aria-label": ariaLabel, ...props }: {
     [x: string]: any;
     variant?: string;
     color?: string;
     size?: string;
     disabled?: boolean;
     orientation?: string;
-    spacing?: number;
+    separated?: boolean;
+    spacing: any;
     fit: any;
     fullWidth?: boolean;
     equalWidth?: boolean;

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

@@ -2,7 +2,7 @@ export function normalizeChipVariant(variant: any): string;
 export function Chip({ variant, size: sizeProp, label, clickable, disabled, selected, selectionMode, onDelete, onClick, startDecorator, endDecorator, children, className, sx, ...props }: {
     [x: string]: any;
     variant?: string;
-    size?: string;
+    size: any;
     label: any;
     clickable?: boolean;
     disabled?: boolean;

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

@@ -11,8 +11,12 @@ export function Icon({ children, color, size, fontSize: customFontSize, disabled
     "aria-label": any;
 }): JSX.Element;
 export namespace ICON_SIZE_MAP {
+    let xxs: string;
+    let xs: string;
     let small: string;
     let medium: string;
     let large: string;
+    let xl: string;
+    let xxl: string;
 }
 export default Icon;

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

@@ -3,7 +3,7 @@ export function IconBadge({ children, color, variant, size, className, sx, ...pr
     children: any;
     color?: string;
     variant?: string;
-    size?: string;
+    size: any;
     className?: string;
     sx?: {};
 }): JSX.Element;

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

@@ -0,0 +1,66 @@
+export function Loader({ theme, surface, size, color, message, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+    [x: string]: any;
+    theme: any;
+    surface: any;
+    size?: string;
+    color?: string;
+    message?: string;
+    sx?: {};
+    "aria-label"?: string;
+    "aria-labelledby": any;
+}): JSX.Element;
+/**
+ * LinearLoader Component
+ * Linear progress bar
+ *
+ * @param {number} value - Progress value 0-100
+ * @param {string} label - Optional label
+ * @param {object} props - Additional props
+ */
+export function LinearLoader({ value, label, sx, ...props }: number): JSX.Element;
+/**
+ * SkeletonLoader Component
+ * Skeleton placeholder for loading content
+ *
+ * @param {number} rows - Number of skeleton rows
+ * @param {number} height - Height of each skeleton
+ * @param {object} props - Additional props
+ */
+export function SkeletonLoader({ rows, height, spacing, sx, ...props }: number): JSX.Element;
+/**
+ * DotsLoader Component
+ * Animated dots loader
+ *
+ * @param {string} message - Loading message
+ * @param {object} props - Additional props
+ */
+export function DotsLoader({ message, sx, ...props }: string): JSX.Element;
+/**
+ * PageLoader Component
+ * Full page loader overlay
+ *
+ * @param {string} message - Loading message
+ * @param {number} size - Loader size
+ * @param {object} props - Additional props
+ */
+export function PageLoader({ message, size, sx, ...props }: string): JSX.Element;
+/**
+ * SkeletonCard Component
+ * Skeleton loading state for cards
+ *
+ * @param {number} lines - Number of text lines
+ * @param {boolean} showImage - Show image skeleton
+ * @param {object} props - Additional props
+ */
+export function SkeletonCard({ lines, showImage, sx, ...props }: number): JSX.Element;
+/**
+ * OverlayLoader Component
+ * Loader overlay for async operations
+ *
+ * @param {boolean} isLoading - Show loader
+ * @param {string} message - Loading message
+ * @param {ReactNode} children - Content to overlay
+ * @param {object} props - Additional props
+ */
+export function OverlayLoader({ isLoading, message, children, sx, ...props }: boolean): JSX.Element;
+export default Loader;

package/dist/types/components/Loader/index.d.ts

@@ -0,0 +1 @@
+export { Loader, LinearLoader, SkeletonLoader, DotsLoader, PageLoader, SkeletonCard, OverlayLoader, default } from "./Loader";

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

@@ -0,0 +1,7 @@
+export function MiniSwatch({ color, className, sx, ...props }: {
+    [x: string]: any;
+    color: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default MiniSwatch;

package/dist/types/components/MiniSwatch/index.d.ts

@@ -0,0 +1 @@
+export { MiniSwatch, default } from "./MiniSwatch";

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

@@ -1,5 +1,7 @@
-export function Pagination({ count, page: controlledPage, defaultPage, onChange, color, size, siblingCount, boundaryCount, disabled, showFirstButton, showLastButton, className, sx, ...props }: {
+export function Pagination({ theme, surface, count, page: controlledPage, defaultPage, onChange, color, size, siblingCount, boundaryCount, disabled, showFirstButton, showLastButton, className, sx, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     count?: number;
     page: any;
     defaultPage?: number;

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

@@ -1,5 +1,7 @@
-export function Radio({ color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
+export function Radio({ theme, surface, color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     color?: string;
     size?: string;
     label: any;
@@ -34,8 +36,10 @@ export function RadioGroup({ color, size, label, options, value, onChange, orien
     "aria-label": any;
     "aria-labelledby": any;
 }): JSX.Element;
-export function RadioInput({ color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
+export function RadioInput({ theme, surface, color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     color?: string;
     size?: string;
     label: any;

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

@@ -1,5 +1,7 @@
-export function Rating({ value: controlledValue, defaultValue, onChange, max, precision, color, size, readOnly, disabled, emptyLabel, className, sx, ...props }: {
+export function Rating({ theme, surface, value: controlledValue, defaultValue, onChange, max, precision, color, size, readOnly, disabled, emptyLabel, className, sx, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     value: any;
     defaultValue: any;
     onChange: any;

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

@@ -1,5 +1,7 @@
-export function Slider({ variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function Slider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     variant?: string;
     size?: string;
     value: any;
@@ -30,8 +32,10 @@ export function InfoSlider(p: any): JSX.Element;
 export function SuccessSlider(p: any): JSX.Element;
 export function WarningSlider(p: any): JSX.Element;
 export function ErrorSlider(p: any): JSX.Element;
-export function SliderInput({ variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function SliderInput({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     variant?: string;
     size?: string;
     value: any;
@@ -53,8 +57,10 @@ export function SliderInput({ variant, size, value, defaultValue, onChange, onCh
     "aria-label": any;
     "aria-labelledby": any;
 }): JSX.Element;
-export function RangeSlider({ variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function RangeSlider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     variant?: string;
     size?: string;
     value: any;

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

@@ -1,5 +1,7 @@
-export function Stepper({ children, orientation, size, color, activeStep, clickable, onStepClick, dashedIncomplete, variant, className, sx, ...props }: {
+export function Stepper({ theme, surface, children, orientation, size, color, activeStep, clickable, onStepClick, dashedIncomplete, variant, className, sx, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     children: any;
     orientation?: string;
     size?: string;

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

@@ -0,0 +1,14 @@
+export function Swatch({ color, label, size, selected, disabled, radio, onClick, className, sx, "aria-label": ariaLabel, ...props }: {
+    [x: string]: any;
+    color: any;
+    label: any;
+    size?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    radio?: boolean;
+    onClick: any;
+    className?: string;
+    sx?: {};
+    "aria-label": any;
+}): JSX.Element;
+export default Swatch;

package/dist/types/components/Swatch/index.d.ts

@@ -0,0 +1 @@
+export { Swatch, default } from "./Swatch";

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

@@ -1,3 +1,27 @@
+export function themedStyles(): {
+    type: string;
+    trackOff: string;
+    trackOffBorder: string;
+    trackOn: string;
+    trackOnBorder: string;
+    dotOff: string;
+    dotOn: string;
+    iconOff: string;
+    iconOn: string;
+};
+export function outlineStyles(color: any): {
+    type: string;
+    color: any;
+    trackOff: string;
+    trackOffBorder: string;
+    trackOn: string;
+    trackOnBorder: string;
+    dotOff: string;
+    dotOn: string;
+    iconOff: string;
+    iconOn: string;
+};
+export function normalizeSwitchVariant(variant: any): string;
 export function Switch({ variant, size, checked, defaultChecked, onChange, disabled, label, labelPlacement, name, value, icon, iconOn, iconOff, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
     variant?: string;
@@ -34,14 +58,6 @@ export function InfoOutlineSwitch(p: any): JSX.Element;
 export function SuccessOutlineSwitch(p: any): JSX.Element;
 export function WarningOutlineSwitch(p: any): JSX.Element;
 export function ErrorOutlineSwitch(p: any): JSX.Element;
-export function PrimaryLightSwitch(p: any): JSX.Element;
-export function SecondaryLightSwitch(p: any): JSX.Element;
-export function TertiaryLightSwitch(p: any): JSX.Element;
-export function NeutralLightSwitch(p: any): JSX.Element;
-export function InfoLightSwitch(p: any): JSX.Element;
-export function SuccessLightSwitch(p: any): JSX.Element;
-export function WarningLightSwitch(p: any): JSX.Element;
-export function ErrorLightSwitch(p: any): JSX.Element;
 export function SwitchInput({ variant, size, checked, defaultChecked, onChange, disabled, label, labelPlacement, name, value, icon, iconOn, iconOff, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
     variant?: string;

package/dist/types/components/Switch/index.d.ts

@@ -1,2 +1,2 @@
 export { SwitchShowcase } from "./SwitchShowcase";
-export { Switch, SwitchInput, PrimarySwitch, SecondarySwitch, TertiarySwitch, NeutralSwitch, InfoSwitch, SuccessSwitch, WarningSwitch, ErrorSwitch, PrimaryOutlineSwitch, SecondaryOutlineSwitch, TertiaryOutlineSwitch, NeutralOutlineSwitch, InfoOutlineSwitch, SuccessOutlineSwitch, WarningOutlineSwitch, ErrorOutlineSwitch, PrimaryLightSwitch, SecondaryLightSwitch, TertiaryLightSwitch, NeutralLightSwitch, InfoLightSwitch, SuccessLightSwitch, WarningLightSwitch, ErrorLightSwitch, default } from "./Switch";
+export { Switch, SwitchInput, PrimarySwitch, SecondarySwitch, TertiarySwitch, NeutralSwitch, InfoSwitch, SuccessSwitch, WarningSwitch, ErrorSwitch, PrimaryOutlineSwitch, SecondaryOutlineSwitch, TertiaryOutlineSwitch, NeutralOutlineSwitch, InfoOutlineSwitch, SuccessOutlineSwitch, WarningOutlineSwitch, ErrorOutlineSwitch, default } from "./Switch";

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

@@ -1,4 +1,16 @@
-export function Tabs({ children, defaultValue, value: controlledValue, onChange, variant, color, size, orientation, scrollable, className, sx, ...props }: {
+export function baselineStyle(orientation: any, baseline?: boolean): {
+    [x: string]: string;
+};
+export function hoverIndicatorStyle(orientation: any, isSelected: any, thickness: any, color: any): {
+    [x: string]: string;
+};
+export function indicatorStyle(orientation: any, isSelected: any, thickness: any, color: any): {
+    [x: string]: string;
+    borderBottom: string;
+    borderLeft: string;
+    borderRight: string;
+};
+export function Tabs({ children, defaultValue, value: controlledValue, onChange, variant, color, size, orientation, scrollable, baseline, className, sx, ...props }: {
     [x: string]: any;
     children: any;
     defaultValue?: number;
@@ -9,6 +21,7 @@ export function Tabs({ children, defaultValue, value: controlledValue, onChange,
     size?: string;
     orientation?: string;
     scrollable?: boolean;
+    baseline?: boolean;
     className?: string;
     sx?: {};
 }): JSX.Element;
@@ -38,6 +51,8 @@ export function TabPanel({ children, value: panelValue, className, sx, ...props
     className?: string;
     sx?: {};
 }): JSX.Element;
+export function edgeFor(orientation: any): any;
+export function isHorizontalOrientation(orientation: any): boolean;
 export function useTabsContext(): {
     value: number;
     setValue: () => void;
@@ -46,6 +61,7 @@ export function useTabsContext(): {
     size: string;
     orientation: string;
     scrollable: boolean;
+    baseline: boolean;
     tabsId: string;
 };
 export default Tabs;

package/dist/types/components/ToggleButton/index.d.ts

@@ -1 +1 @@
-export { ToggleButton, ToggleButtonGroup, TextFormatToggleGroup, AlignmentToggleGroup, ViewModeToggleGroup, SizeToggleGroup, VerticalToggleButtonGroup, DisabledToggleButton, ToggleButtonShowcase, default } from "./ToggleButton";
+export { ToggleButton, ToggleButtonShowcase, DisabledToggleButton, ToggleButton as default } from "./ToggleButton";

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

@@ -1,48 +1,32 @@
-/**
- * One segment.
- *
- * startDecorator / endDecorator mirror Button: a node either side of the
- * label, separated by the same 2px gap. They are DECORATION — the segment's
- * accessible name comes from its text (or from aria-label on an icon-only
- * segment), so a decorator must not add a second one.
- *
- * The group sizes whatever lands in these slots, so an <Icon> or <Avatar>
- * follows the group's size prop without being told twice.
- */
-export function ToggleButton({ value, children, startDecorator, endDecorator, swatch, disabled, sx, ...props }: {
-    [x: string]: any;
-    value: any;
-    children: any;
-    startDecorator: any;
-    endDecorator: any;
-    swatch: any;
-    disabled?: boolean;
-    sx?: {};
-}): JSX.Element;
-export function ToggleButtonGroup({ variant, size, value, defaultValue, onChange, exclusive, orientation, disabled, fullWidth, children, className, sx, "aria-label": ariaLabel, ...props }: {
+/** @deprecated Use ButtonGroup. */
+export function ToggleButtonGroup({ variant, exclusive, onChange, ...props }: {
     [x: string]: any;
     variant?: string;
-    size?: string;
-    value: any;
-    defaultValue: any;
-    onChange: any;
     exclusive?: boolean;
-    orientation?: string;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    children: any;
-    className?: string;
-    sx?: {};
-    "aria-label": any;
+    onChange: any;
 }): JSX.Element;
+/** @deprecated Use Button with a `value` prop as a ButtonGroup segment. */
+export function ToggleButton(props: any): JSX.Element;
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup {
+    let displayName: string;
+}
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
 export function DefaultToggleButtonGroup(p: any): JSX.Element;
-export function PrimaryToggleButtonGroup(p: any): JSX.Element;
-export function SecondaryToggleButtonGroup(p: any): JSX.Element;
-export function TertiaryToggleButtonGroup(p: any): JSX.Element;
-export function NeutralToggleButtonGroup(p: any): JSX.Element;
-export function BlackWhiteToggleButtonGroup(p: any): JSX.Element;
-export function InfoToggleButtonGroup(p: any): JSX.Element;
-export function SuccessToggleButtonGroup(p: any): JSX.Element;
-export function WarningToggleButtonGroup(p: any): JSX.Element;
-export function ErrorToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
 export default ToggleButtonGroup;

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

@@ -1,5 +1,7 @@
 export { Colors } from "./Colors";
 export { Spacing } from "./Spacing";
+export { Swatch } from "./Swatch";
+export { MiniSwatch } from "./MiniSwatch";
 export { IconBadge } from "./IconBadge";
 export { IconBadgeShowcase } from "./IconBadge/IconBadgeShowcase";
 export { Button } from "./Button";
@@ -42,6 +44,7 @@ export { SwitchInput, SwitchInput as Switch } from "./Switch";
 export { SliderInput, RangeSlider, SliderInput as Slider } from "./Slider";
 export { RatingInput, RatingInput as Rating } from "./Rating";
 export { SearchField, SearchFieldShowcase } from "./SearchField";
+export { Tag, TAG_COLORS, TAG_COLOR_TOKEN_MAP, PrimaryTag, SecondaryTag, TertiaryTag, NeutralTag, InfoTag, SuccessTag, WarningTag, ErrorTag, TagShowcase } from "./Tag";
 export { OmniStack, Stack, HStack, VStack, CenteredStack, SpaceBetweenStack, WrapStack, ResponsiveStack, GridStack, StackDivider, InsetStack, ScrollStack, StackShowcase } from "./Stack";
 export { Box, BoxShowcase } from "./Box";
 export { Section, SectionShowcase } from "./Section";
@@ -61,6 +64,7 @@ export { Alert, AlertShowcase } from "./Alert";
 export { Snackbar, SnackbarShowcase } from "./Snackbar";
 export { CircularProgress, CircularProgressShowcase } from "./CircularProgress";
 export { LinearProgress, LinearProgressShowcase } from "./LinearProgress";
+export { Loader, LinearLoader, SkeletonLoader, DotsLoader, PageLoader, SkeletonCard, OverlayLoader } from "./Loader";
 export { Avatar, AvatarGroup, AvatarShowcase, DEFAULT_AVATAR_SRC } from "./Avatar";
 export { Badge, BadgeShowcase } from "./Badge";
 export { List, ListItem, ListItemDecorator } from "./List";
@@ -75,3 +79,4 @@ export { OmniDesignProvider, useOmniDesign, ThemedZone, Surfaced } from "../Omni
 export { CodeBlock, CopyButton } from "./CodeBlock/CodeBlock";
 export { BarChart, LineChart, PieChart, CHART_TOKENS, CHART_LABEL_TYPE } from "./Charts";
 export { Ghost, useGhost, ghostBlockSx } from "./_ghost";
+export { COMPONENT_DOCS, FOUNDATIONS, renderFoundations, renderColourSystem, renderComponentDoc, COLOUR_COLLECTIONS, docsSlug, componentDocsUrl, componentDocsIndexUrl, DOCS_ORIGIN, EXAMPLES, hasExample } from "../docs";

package/dist/types/docs/DocPanels.d.ts

@@ -0,0 +1,39 @@
+export function docFor(component: any): {
+    name: any;
+    summary: any;
+    insteadUse: any;
+    props: any;
+    states: any;
+    theming: {
+        collection: string;
+        inCode: string;
+        inFigma: string;
+    }[];
+    tokens: any;
+    composition: any;
+    accessibility: any;
+    gotchas: any;
+};
+/**
+ * Everything written about the component, in reading order — led by ONE live
+ * example.
+ *
+ * The example is here because a page of prose gives no recognition: you cannot
+ * tell what a component IS from its prop table. It renders in the theme and
+ * surface currently selected, so the picture matches the pickers rather than
+ * showing some other configuration. It is the default instance and is not
+ * interactive — the Playground tab is where you change things.
+ *
+ * Components that need state or a portal to be shown honestly (Modal, Drawer,
+ * Snackbar) have no example, and simply lead with the summary instead of
+ * rendering a half-working one.
+ */
+export function DocSummary({ component, theme, surface }: {
+    component: any;
+    theme?: any;
+    surface?: string;
+}): JSX.Element;
+/** Breaking and silent changes, newest first, plus a way to report one. */
+export function DocChanges({ component }: {
+    component: any;
+}): JSX.Element;