# zidane-ui

> The design system behind the desktop app: tokens, buttons, menus, popovers, form controls, motion helpers and the theme engine.

Import: `import { … } from 'zidane-ui'`. Source: [ui/src/index.ts](https://github.com/Tahul/zidane/blob/main/ui/src/index.ts).

Use `zidane-ui` for the kit's components, motion helpers, hooks, code highlighting and theme engine, without the chat layer. It does not need `zidane`. It needs the `motion` peer, because `Overlay`, `FloatingSurface` and `Lightbox` animate with it. Every module tree-shakes on its own, so importing one component costs only that component. See [Components](https://zidane.si/docs/ui-components.md) and [Theming](https://zidane.si/docs/ui-theming.md).

```tsx
import { buttonClass, IconButton, Segmented } from 'zidane-ui'
import { useState } from 'react'

export function Toolbar() {
  const [view, setView] = useState<'list' | 'grid'>('list')
  return (
    <div>
      <Segmented ariaLabel="View" value={view} onChange={setView} options={[{ value: 'list', label: 'List' }, { value: 'grid', label: 'Grid' }]} />
      <IconButton icon="i-ph-gear" label="Settings" />
      <button className={buttonClass({ variant: 'solid', size: 'sm' })}>Save</button>
    </div>
  )
}
```

The wizard parts build a flow of several steps. `Stepper` shows the progress as dots or as a rail. `StepFrame` and `StepActions` lay out a step and its footer. `ChoiceCards` is a radio group of cards, and `SwatchPicker` is a radio group of colors or images that names the pick. `ToggleCard` is a switch with room to explain itself. `PreviewWindow` is a window with its own theme. `BrowserSignIn` shows a browser sign-in in each of its states, and `ThemeThumb` shows a theme as a small window. `theme/accents` holds the accent presets that a theme picker offers. The setup wizard of zidane, in [`zidane-ui/onboarding`](https://zidane.si/docs/reference/ui-onboarding.md), uses these parts.

## Re-exports

These names are documented on the entry point that owns them.

- [components/keyboard-layout](https://zidane.si/docs/reference/ui-components-keyboard-layout.md): [`_resetKeyboardLayout`](https://zidane.si/docs/reference/ui-components-keyboard-layout.md#_resetKeyboardLayout), [`layoutKeyLabel`](https://zidane.si/docs/reference/ui-components-keyboard-layout.md#layoutKeyLabel), [`PUNCTUATION_CODES`](https://zidane.si/docs/reference/ui-components-keyboard-layout.md#PUNCTUATION_CODES), [`typesStandIn`](https://zidane.si/docs/reference/ui-components-keyboard-layout.md#typesStandIn), [`useKeyboardLayout`](https://zidane.si/docs/reference/ui-components-keyboard-layout.md#useKeyboardLayout)
- [theme/accents](https://zidane.si/docs/reference/ui-theme-accents.md): [`ACCENT_PRESETS`](https://zidane.si/docs/reference/ui-theme-accents.md#ACCENT_PRESETS), [`AccentPreset`](https://zidane.si/docs/reference/ui-theme-accents.md#AccentPreset), [`presetFor`](https://zidane.si/docs/reference/ui-theme-accents.md#presetFor)
- [components/BrowserChrome](https://zidane.si/docs/reference/ui-components-browser-chrome.md): [`AddressBar`](https://zidane.si/docs/reference/ui-components-browser-chrome.md#AddressBar), [`AddressBarProps`](https://zidane.si/docs/reference/ui-components-browser-chrome.md#AddressBarProps), [`NavButton`](https://zidane.si/docs/reference/ui-components-browser-chrome.md#NavButton), [`NavButtonProps`](https://zidane.si/docs/reference/ui-components-browser-chrome.md#NavButtonProps)
- [components/floating/useAnchoredPosition](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md): [`Align`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#Align), [`Anchor`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#Anchor), [`anchorNudge`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#anchorNudge), [`Placement`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#Placement), [`placeSurface`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#placeSurface), [`Rect`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#Rect), [`Side`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#Side), [`useAnchoredPosition`](https://zidane.si/docs/reference/ui-components-floating-use-anchored-position.md#useAnchoredPosition)
- [theme/derive](https://zidane.si/docs/reference/ui-theme-derive.md): [`Appearance`](https://zidane.si/docs/reference/ui-theme-derive.md#Appearance), [`ChipColors`](https://zidane.si/docs/reference/ui-theme-derive.md#ChipColors), [`ChipKind`](https://zidane.si/docs/reference/ui-theme-derive.md#ChipKind), [`CONTRAST`](https://zidane.si/docs/reference/ui-theme-derive.md#CONTRAST), [`derivePalette`](https://zidane.si/docs/reference/ui-theme-derive.md#derivePalette), [`DiffColors`](https://zidane.si/docs/reference/ui-theme-derive.md#DiffColors), [`DotColors`](https://zidane.si/docs/reference/ui-theme-derive.md#DotColors), [`inferAppearance`](https://zidane.si/docs/reference/ui-theme-derive.md#inferAppearance), [`ResolvedPalette`](https://zidane.si/docs/reference/ui-theme-derive.md#ResolvedPalette), [`SphereShading`](https://zidane.si/docs/reference/ui-theme-derive.md#SphereShading), [`SurfaceLadder`](https://zidane.si/docs/reference/ui-theme-derive.md#SurfaceLadder), [`ThemeSeed`](https://zidane.si/docs/reference/ui-theme-derive.md#ThemeSeed)
- [motion/springs](https://zidane.si/docs/reference/ui-motion-springs.md): [`ApplyMotionOptions`](https://zidane.si/docs/reference/ui-motion-springs.md#ApplyMotionOptions), [`applyMotionVars`](https://zidane.si/docs/reference/ui-motion-springs.md#applyMotionVars), [`cssMotionVars`](https://zidane.si/docs/reference/ui-motion-springs.md#cssMotionVars), [`currentMotionPrefs`](https://zidane.si/docs/reference/ui-motion-springs.md#currentMotionPrefs), [`currentMotionTransition`](https://zidane.si/docs/reference/ui-motion-springs.md#currentMotionTransition), [`currentWithFade`](https://zidane.si/docs/reference/ui-motion-springs.md#currentWithFade), [`DEFAULT_PANEL_MS`](https://zidane.si/docs/reference/ui-motion-springs.md#DEFAULT_PANEL_MS), [`FADE_KEYS`](https://zidane.si/docs/reference/ui-motion-springs.md#FADE_KEYS), [`fadeTransition`](https://zidane.si/docs/reference/ui-motion-springs.md#fadeTransition), [`HOVER_MOTION`](https://zidane.si/docs/reference/ui-motion-springs.md#HOVER_MOTION), [`INSTANT`](https://zidane.si/docs/reference/ui-motion-springs.md#INSTANT), [`MENU_FADE_RATIO`](https://zidane.si/docs/reference/ui-motion-springs.md#MENU_FADE_RATIO), [`menuTransition`](https://zidane.si/docs/reference/ui-motion-springs.md#menuTransition), [`MOTION_NAMES`](https://zidane.si/docs/reference/ui-motion-springs.md#MOTION_NAMES), [`MotionName`](https://zidane.si/docs/reference/ui-motion-springs.md#MotionName), [`MotionPrefs`](https://zidane.si/docs/reference/ui-motion-springs.md#MotionPrefs), [`MOTIONS`](https://zidane.si/docs/reference/ui-motion-springs.md#MOTIONS), [`motionTransition`](https://zidane.si/docs/reference/ui-motion-springs.md#motionTransition), [`motionVars`](https://zidane.si/docs/reference/ui-motion-springs.md#motionVars), [`panelMotionVars`](https://zidane.si/docs/reference/ui-motion-springs.md#panelMotionVars), [`REDUCED_FADE`](https://zidane.si/docs/reference/ui-motion-springs.md#REDUCED_FADE), [`useMenuTransition`](https://zidane.si/docs/reference/ui-motion-springs.md#useMenuTransition), [`useMotionPrefs`](https://zidane.si/docs/reference/ui-motion-springs.md#useMotionPrefs), [`useMotionTransition`](https://zidane.si/docs/reference/ui-motion-springs.md#useMotionTransition), [`useSprings`](https://zidane.si/docs/reference/ui-motion-springs.md#useSprings), [`useTabExit`](https://zidane.si/docs/reference/ui-motion-springs.md#useTabExit), [`useWithFade`](https://zidane.si/docs/reference/ui-motion-springs.md#useWithFade), [`withFade`](https://zidane.si/docs/reference/ui-motion-springs.md#withFade)
- [components/PanelRows](https://zidane.si/docs/reference/ui-components-panel-rows.md): [`BadgeTone`](https://zidane.si/docs/reference/ui-components-panel-rows.md#BadgeTone), [`DiffCounts`](https://zidane.si/docs/reference/ui-components-panel-rows.md#DiffCounts), [`DiffCountsProps`](https://zidane.si/docs/reference/ui-components-panel-rows.md#DiffCountsProps), [`PANEL_ROW`](https://zidane.si/docs/reference/ui-components-panel-rows.md#PANEL_ROW), [`PANEL_ROW_HOVER`](https://zidane.si/docs/reference/ui-components-panel-rows.md#PANEL_ROW_HOVER), [`RowBadge`](https://zidane.si/docs/reference/ui-components-panel-rows.md#RowBadge), [`RowBadgeProps`](https://zidane.si/docs/reference/ui-components-panel-rows.md#RowBadgeProps)
- [path](https://zidane.si/docs/reference/ui-path.md): [`basename`](https://zidane.si/docs/reference/ui-path.md#basename), [`compactPath`](https://zidane.si/docs/reference/ui-path.md#compactPath), [`formatPathForCwd`](https://zidane.si/docs/reference/ui-path.md#formatPathForCwd), [`splitPath`](https://zidane.si/docs/reference/ui-path.md#splitPath), [`tildePath`](https://zidane.si/docs/reference/ui-path.md#tildePath), [`tildeText`](https://zidane.si/docs/reference/ui-path.md#tildeText)
- [motion/layout-animating](https://zidane.si/docs/reference/ui-motion-layout-animating.md): [`beginLayoutAnimation`](https://zidane.si/docs/reference/ui-motion-layout-animating.md#beginLayoutAnimation), [`isLayoutAnimating`](https://zidane.si/docs/reference/ui-motion-layout-animating.md#isLayoutAnimating), [`pulseLayout`](https://zidane.si/docs/reference/ui-motion-layout-animating.md#pulseLayout), [`subscribeLayoutAnimating`](https://zidane.si/docs/reference/ui-motion-layout-animating.md#subscribeLayoutAnimating)
- [brands/marks](https://zidane.si/docs/reference/ui-brands-marks.md): [`BRAND_MARKS`](https://zidane.si/docs/reference/ui-brands-marks.md#BRAND_MARKS), [`BrandMarkData`](https://zidane.si/docs/reference/ui-brands-marks.md#BrandMarkData), [`BrandMarkPath`](https://zidane.si/docs/reference/ui-brands-marks.md#BrandMarkPath)
- [components/BrandMark](https://zidane.si/docs/reference/ui-components-brand-mark.md): [`BrandMark`](https://zidane.si/docs/reference/ui-components-brand-mark.md#BrandMark), [`BrandMarkProps`](https://zidane.si/docs/reference/ui-components-brand-mark.md#BrandMarkProps), [`BrandMarkSize`](https://zidane.si/docs/reference/ui-components-brand-mark.md#BrandMarkSize), [`hasBrandMark`](https://zidane.si/docs/reference/ui-components-brand-mark.md#hasBrandMark)
- [components/Breadcrumb](https://zidane.si/docs/reference/ui-components-breadcrumb.md): [`Breadcrumb`](https://zidane.si/docs/reference/ui-components-breadcrumb.md#Breadcrumb), [`BreadcrumbProps`](https://zidane.si/docs/reference/ui-components-breadcrumb.md#BreadcrumbProps)
- [components/BrowserSignIn](https://zidane.si/docs/reference/ui-components-browser-sign-in.md): [`BrowserSignIn`](https://zidane.si/docs/reference/ui-components-browser-sign-in.md#BrowserSignIn), [`BrowserSignInProps`](https://zidane.si/docs/reference/ui-components-browser-sign-in.md#BrowserSignInProps), [`BrowserSignInState`](https://zidane.si/docs/reference/ui-components-browser-sign-in.md#BrowserSignInState)
- [components/button](https://zidane.si/docs/reference/ui-components-button.md): [`BTN_DANGER`](https://zidane.si/docs/reference/ui-components-button.md#BTN_DANGER), [`BTN_DANGER_CONFIRM`](https://zidane.si/docs/reference/ui-components-button.md#BTN_DANGER_CONFIRM), [`BTN_LG_DANGER`](https://zidane.si/docs/reference/ui-components-button.md#BTN_LG_DANGER), [`BTN_LG_PRIMARY`](https://zidane.si/docs/reference/ui-components-button.md#BTN_LG_PRIMARY), [`BTN_LG_SECONDARY`](https://zidane.si/docs/reference/ui-components-button.md#BTN_LG_SECONDARY), [`BTN_LG_SOLID`](https://zidane.si/docs/reference/ui-components-button.md#BTN_LG_SOLID), [`BTN_PRIMARY`](https://zidane.si/docs/reference/ui-components-button.md#BTN_PRIMARY), [`BTN_SECONDARY`](https://zidane.si/docs/reference/ui-components-button.md#BTN_SECONDARY), [`buttonClass`](https://zidane.si/docs/reference/ui-components-button.md#buttonClass), [`ButtonVariant`](https://zidane.si/docs/reference/ui-components-button.md#ButtonVariant)
- [theme/themes](https://zidane.si/docs/reference/ui-theme-themes.md): [`BUILTIN_THEMES`](https://zidane.si/docs/reference/ui-theme-themes.md#BUILTIN_THEMES), [`DEFAULT_THEME`](https://zidane.si/docs/reference/ui-theme-themes.md#DEFAULT_THEME), [`resolveTheme`](https://zidane.si/docs/reference/ui-theme-themes.md#resolveTheme), [`SyntaxStyles`](https://zidane.si/docs/reference/ui-theme-themes.md#SyntaxStyles), [`SyntaxTokenStyle`](https://zidane.si/docs/reference/ui-theme-themes.md#SyntaxTokenStyle), [`Theme`](https://zidane.si/docs/reference/ui-theme-themes.md#Theme), [`ThemeColors`](https://zidane.si/docs/reference/ui-theme-themes.md#ThemeColors), [`ThemeDiff`](https://zidane.si/docs/reference/ui-theme-themes.md#ThemeDiff), [`ThemeSelect`](https://zidane.si/docs/reference/ui-theme-themes.md#ThemeSelect), [`ThemeSurfaces`](https://zidane.si/docs/reference/ui-theme-themes.md#ThemeSurfaces)
- [theme/color](https://zidane.si/docs/reference/ui-theme-color.md): [`capChroma`](https://zidane.si/docs/reference/ui-theme-color.md#capChroma), [`contrastRatio`](https://zidane.si/docs/reference/ui-theme-color.md#contrastRatio), [`DARK_LUMINANCE_THRESHOLD`](https://zidane.si/docs/reference/ui-theme-color.md#DARK_LUMINANCE_THRESHOLD), [`ensureContrast`](https://zidane.si/docs/reference/ui-theme-color.md#ensureContrast), [`formatColor`](https://zidane.si/docs/reference/ui-theme-color.md#formatColor), [`isDark`](https://zidane.si/docs/reference/ui-theme-color.md#isDark), [`luminance`](https://zidane.si/docs/reference/ui-theme-color.md#luminance), [`mix`](https://zidane.si/docs/reference/ui-theme-color.md#mix), [`oklch`](https://zidane.si/docs/reference/ui-theme-color.md#oklch), [`Oklch`](https://zidane.si/docs/reference/ui-theme-color.md#Oklch), [`oklchToRgb`](https://zidane.si/docs/reference/ui-theme-color.md#oklchToRgb), [`parseColor`](https://zidane.si/docs/reference/ui-theme-color.md#parseColor), [`readableOn`](https://zidane.si/docs/reference/ui-theme-color.md#readableOn), [`Rgb`](https://zidane.si/docs/reference/ui-theme-color.md#Rgb), [`rgbToOklch`](https://zidane.si/docs/reference/ui-theme-color.md#rgbToOklch), [`tintedNeutral`](https://zidane.si/docs/reference/ui-theme-color.md#tintedNeutral), [`toOklch`](https://zidane.si/docs/reference/ui-theme-color.md#toOklch), [`withAlpha`](https://zidane.si/docs/reference/ui-theme-color.md#withAlpha), [`withLightness`](https://zidane.si/docs/reference/ui-theme-color.md#withLightness)
- [components/Form](https://zidane.si/docs/reference/ui-components-form.md): [`Checkbox`](https://zidane.si/docs/reference/ui-components-form.md#Checkbox), [`CheckboxProps`](https://zidane.si/docs/reference/ui-components-form.md#CheckboxProps), [`ErrorNote`](https://zidane.si/docs/reference/ui-components-form.md#ErrorNote), [`ErrorNoteProps`](https://zidane.si/docs/reference/ui-components-form.md#ErrorNoteProps), [`FIELD_LABEL_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#FIELD_LABEL_CLASS), [`FORM_CARD_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#FORM_CARD_CLASS), [`FormCard`](https://zidane.si/docs/reference/ui-components-form.md#FormCard), [`FormCardProps`](https://zidane.si/docs/reference/ui-components-form.md#FormCardProps), [`FormSection`](https://zidane.si/docs/reference/ui-components-form.md#FormSection), [`FormSectionProps`](https://zidane.si/docs/reference/ui-components-form.md#FormSectionProps), [`HostRow`](https://zidane.si/docs/reference/ui-components-form.md#HostRow), [`HostRowProps`](https://zidane.si/docs/reference/ui-components-form.md#HostRowProps), [`INPUT_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#INPUT_CLASS), [`MetaChip`](https://zidane.si/docs/reference/ui-components-form.md#MetaChip), [`MetaChipProps`](https://zidane.si/docs/reference/ui-components-form.md#MetaChipProps), [`NavRow`](https://zidane.si/docs/reference/ui-components-form.md#NavRow), [`NavRowProps`](https://zidane.si/docs/reference/ui-components-form.md#NavRowProps), [`OpLine`](https://zidane.si/docs/reference/ui-components-form.md#OpLine), [`OpLineProps`](https://zidane.si/docs/reference/ui-components-form.md#OpLineProps), [`ROW_BUTTON_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#ROW_BUTTON_CLASS), [`ROW_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#ROW_CLASS), [`ROW_HOST_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#ROW_HOST_CLASS), [`ROW_TRIGGER_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#ROW_TRIGGER_CLASS), [`RowText`](https://zidane.si/docs/reference/ui-components-form.md#RowText), [`RowTextProps`](https://zidane.si/docs/reference/ui-components-form.md#RowTextProps), [`SegmentedRow`](https://zidane.si/docs/reference/ui-components-form.md#SegmentedRow), [`SegmentedRowProps`](https://zidane.si/docs/reference/ui-components-form.md#SegmentedRowProps), [`SliderRow`](https://zidane.si/docs/reference/ui-components-form.md#SliderRow), [`SliderRowProps`](https://zidane.si/docs/reference/ui-components-form.md#SliderRowProps), [`Switch`](https://zidane.si/docs/reference/ui-components-form.md#Switch), [`SwitchProps`](https://zidane.si/docs/reference/ui-components-form.md#SwitchProps), [`SwitchRow`](https://zidane.si/docs/reference/ui-components-form.md#SwitchRow), [`SwitchRowProps`](https://zidane.si/docs/reference/ui-components-form.md#SwitchRowProps), [`TEXTAREA_CLASS`](https://zidane.si/docs/reference/ui-components-form.md#TEXTAREA_CLASS), [`ToggleSwitch`](https://zidane.si/docs/reference/ui-components-form.md#ToggleSwitch), [`ToggleSwitchProps`](https://zidane.si/docs/reference/ui-components-form.md#ToggleSwitchProps)
- [components/ChoiceCards](https://zidane.si/docs/reference/ui-components-choice-cards.md): [`ChoiceCardOption`](https://zidane.si/docs/reference/ui-components-choice-cards.md#ChoiceCardOption), [`ChoiceCards`](https://zidane.si/docs/reference/ui-components-choice-cards.md#ChoiceCards), [`ChoiceCardsProps`](https://zidane.si/docs/reference/ui-components-choice-cards.md#ChoiceCardsProps)
- [hooks/useResizeDrag](https://zidane.si/docs/reference/ui-hooks-use-resize-drag.md): [`clampWidth`](https://zidane.si/docs/reference/ui-hooks-use-resize-drag.md#clampWidth), [`ResizeDrag`](https://zidane.si/docs/reference/ui-hooks-use-resize-drag.md#ResizeDrag), [`ResizeDragHandleProps`](https://zidane.si/docs/reference/ui-hooks-use-resize-drag.md#ResizeDragHandleProps), [`ResizeDragOptions`](https://zidane.si/docs/reference/ui-hooks-use-resize-drag.md#ResizeDragOptions), [`useResizeDrag`](https://zidane.si/docs/reference/ui-hooks-use-resize-drag.md#useResizeDrag)
- [components/CodeFrame](https://zidane.si/docs/reference/ui-components-code-frame.md): [`CodeFrame`](https://zidane.si/docs/reference/ui-components-code-frame.md#CodeFrame), [`CodeFrameProps`](https://zidane.si/docs/reference/ui-components-code-frame.md#CodeFrameProps), [`CodeWrapProvider`](https://zidane.si/docs/reference/ui-components-code-frame.md#CodeWrapProvider), [`CodeWrapProviderProps`](https://zidane.si/docs/reference/ui-components-code-frame.md#CodeWrapProviderProps)
- [code/highlighter](https://zidane.si/docs/reference/ui-code-highlighter.md): [`CodeHighlighter`](https://zidane.si/docs/reference/ui-code-highlighter.md#CodeHighlighter), [`CodeHighlighterOptions`](https://zidane.si/docs/reference/ui-code-highlighter.md#CodeHighlighterOptions), [`createCodeHighlighter`](https://zidane.si/docs/reference/ui-code-highlighter.md#createCodeHighlighter), [`HighlightRequest`](https://zidane.si/docs/reference/ui-code-highlighter.md#HighlightRequest), [`HighlightResponse`](https://zidane.si/docs/reference/ui-code-highlighter.md#HighlightResponse)
- [code/CodeHighlightProvider](https://zidane.si/docs/reference/ui-code-code-highlight-provider.md): [`CodeHighlightProvider`](https://zidane.si/docs/reference/ui-code-code-highlight-provider.md#CodeHighlightProvider), [`CodeHighlightProviderProps`](https://zidane.si/docs/reference/ui-code-code-highlight-provider.md#CodeHighlightProviderProps), [`useCodeHighlight`](https://zidane.si/docs/reference/ui-code-code-highlight-provider.md#useCodeHighlight), [`useDocumentAppearance`](https://zidane.si/docs/reference/ui-code-code-highlight-provider.md#useDocumentAppearance)
- [components/Surface](https://zidane.si/docs/reference/ui-components-surface.md): [`CodePanel`](https://zidane.si/docs/reference/ui-components-surface.md#CodePanel), [`CodePanelProps`](https://zidane.si/docs/reference/ui-components-surface.md#CodePanelProps), [`EmptyState`](https://zidane.si/docs/reference/ui-components-surface.md#EmptyState), [`EmptyStateProps`](https://zidane.si/docs/reference/ui-components-surface.md#EmptyStateProps), [`Meta`](https://zidane.si/docs/reference/ui-components-surface.md#Meta), [`MetaProps`](https://zidane.si/docs/reference/ui-components-surface.md#MetaProps), [`Raised`](https://zidane.si/docs/reference/ui-components-surface.md#Raised), [`RaisedProps`](https://zidane.si/docs/reference/ui-components-surface.md#RaisedProps), [`SectionLabel`](https://zidane.si/docs/reference/ui-components-surface.md#SectionLabel), [`SectionLabelProps`](https://zidane.si/docs/reference/ui-components-surface.md#SectionLabelProps), [`Tray`](https://zidane.si/docs/reference/ui-components-surface.md#Tray), [`TrayProps`](https://zidane.si/docs/reference/ui-components-surface.md#TrayProps)
- [components/report-error](https://zidane.si/docs/reference/ui-components-report-error.md): [`configureErrorReports`](https://zidane.si/docs/reference/ui-components-report-error.md#configureErrorReports), [`errorMessage`](https://zidane.si/docs/reference/ui-components-report-error.md#errorMessage), [`ErrorReport`](https://zidane.si/docs/reference/ui-components-report-error.md#ErrorReport), [`ErrorReportOptions`](https://zidane.si/docs/reference/ui-components-report-error.md#ErrorReportOptions), [`ErrorReportSink`](https://zidane.si/docs/reference/ui-components-report-error.md#ErrorReportSink), [`errorStacksShown`](https://zidane.si/docs/reference/ui-components-report-error.md#errorStacksShown), [`installRendererErrorHandlers`](https://zidane.si/docs/reference/ui-components-report-error.md#installRendererErrorHandlers), [`reportRendererError`](https://zidane.si/docs/reference/ui-components-report-error.md#reportRendererError), [`resetReportedErrors`](https://zidane.si/docs/reference/ui-components-report-error.md#resetReportedErrors)
- [components/ConfirmDialog](https://zidane.si/docs/reference/ui-components-confirm-dialog.md): [`CONFIRM_TITLE_ID`](https://zidane.si/docs/reference/ui-components-confirm-dialog.md#CONFIRM_TITLE_ID), [`ConfirmDialog`](https://zidane.si/docs/reference/ui-components-confirm-dialog.md#ConfirmDialog), [`ConfirmDialogProps`](https://zidane.si/docs/reference/ui-components-confirm-dialog.md#ConfirmDialogProps), [`ConfirmOptions`](https://zidane.si/docs/reference/ui-components-confirm-dialog.md#ConfirmOptions)
- [theme/css-vars](https://zidane.si/docs/reference/ui-theme-css-vars.md): [`contrastToCssVars`](https://zidane.si/docs/reference/ui-theme-css-vars.md#contrastToCssVars), [`CssVarMap`](https://zidane.si/docs/reference/ui-theme-css-vars.md#CssVarMap), [`depthToCssVars`](https://zidane.si/docs/reference/ui-theme-css-vars.md#depthToCssVars), [`paletteToCssVars`](https://zidane.si/docs/reference/ui-theme-css-vars.md#paletteToCssVars)
- [components/CopyButton](https://zidane.si/docs/reference/ui-components-copy-button.md): [`CopyButton`](https://zidane.si/docs/reference/ui-components-copy-button.md#CopyButton), [`CopyButtonProps`](https://zidane.si/docs/reference/ui-components-copy-button.md#CopyButtonProps)
- [components/TabPill](https://zidane.si/docs/reference/ui-components-tab-pill.md): [`CountBadge`](https://zidane.si/docs/reference/ui-components-tab-pill.md#CountBadge), [`CountBadgeProps`](https://zidane.si/docs/reference/ui-components-tab-pill.md#CountBadgeProps), [`CountTone`](https://zidane.si/docs/reference/ui-components-tab-pill.md#CountTone), [`TabPill`](https://zidane.si/docs/reference/ui-components-tab-pill.md#TabPill), [`TabPillProps`](https://zidane.si/docs/reference/ui-components-tab-pill.md#TabPillProps)
- [hooks/keyed-store](https://zidane.si/docs/reference/ui-hooks-keyed-store.md): [`createKeyedStore`](https://zidane.si/docs/reference/ui-hooks-keyed-store.md#createKeyedStore), [`KeyedStore`](https://zidane.si/docs/reference/ui-hooks-keyed-store.md#KeyedStore), [`useKeyedValue`](https://zidane.si/docs/reference/ui-hooks-keyed-store.md#useKeyedValue)
- [motion/swap](https://zidane.si/docs/reference/ui-motion-swap.md): [`Crossfade`](https://zidane.si/docs/reference/ui-motion-swap.md#Crossfade), [`CrossfadeProps`](https://zidane.si/docs/reference/ui-motion-swap.md#CrossfadeProps), [`Presence`](https://zidane.si/docs/reference/ui-motion-swap.md#Presence), [`PresenceProps`](https://zidane.si/docs/reference/ui-motion-swap.md#PresenceProps), [`useCadencedValue`](https://zidane.si/docs/reference/ui-motion-swap.md#useCadencedValue)
- [code/editor/environment](https://zidane.si/docs/reference/ui-code-editor-environment.md): [`DEFAULT_EDITOR_SETTINGS`](https://zidane.si/docs/reference/ui-code-editor-environment.md#DEFAULT_EDITOR_SETTINGS), [`EditorEnvironment`](https://zidane.si/docs/reference/ui-code-editor-environment.md#EditorEnvironment), [`EditorEnvironmentProvider`](https://zidane.si/docs/reference/ui-code-editor-environment.md#EditorEnvironmentProvider), [`EditorEnvironmentProviderProps`](https://zidane.si/docs/reference/ui-code-editor-environment.md#EditorEnvironmentProviderProps), [`EditorSettings`](https://zidane.si/docs/reference/ui-code-editor-environment.md#EditorSettings), [`useEditorEnvironment`](https://zidane.si/docs/reference/ui-code-editor-environment.md#useEditorEnvironment)
- [zidane-ui/labels](https://zidane.si/docs/reference/ui-labels.md): [`DEFAULT_LABELS`](https://zidane.si/docs/reference/ui-labels.md#DEFAULT_LABELS), [`extendLabels`](https://zidane.si/docs/reference/ui-labels.md#extendLabels), [`LabelOverrides`](https://zidane.si/docs/reference/ui-labels.md#LabelOverrides), [`Labels`](https://zidane.si/docs/reference/ui-labels.md#Labels), [`LabelsProvider`](https://zidane.si/docs/reference/ui-labels.md#LabelsProvider), [`LabelsProviderProps`](https://zidane.si/docs/reference/ui-labels.md#LabelsProviderProps), [`useLabels`](https://zidane.si/docs/reference/ui-labels.md#useLabels)
- [components/palette/PaletteList](https://zidane.si/docs/reference/ui-components-palette-palette-list.md): [`defaultPaletteKeys`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#defaultPaletteKeys), [`MatchedTitle`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#MatchedTitle), [`MatchedTitleProps`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#MatchedTitleProps), [`PaletteEntry`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteEntry), [`PaletteIcon`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteIcon), [`PaletteIconProps`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteIconProps), [`PaletteKeys`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteKeys), [`PaletteList`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteList), [`PaletteListProps`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteListProps), [`PaletteOption`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteOption), [`PaletteOptionProps`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteOptionProps), [`PaletteRow`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteRow), [`PaletteRowData`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteRowData), [`PaletteRowProps`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteRowProps), [`PaletteSection`](https://zidane.si/docs/reference/ui-components-palette-palette-list.md#PaletteSection)
- [code/shiki-theme](https://zidane.si/docs/reference/ui-code-shiki-theme.md): [`defaultShikiTheme`](https://zidane.si/docs/reference/ui-code-shiki-theme.md#defaultShikiTheme), [`shikiThemeFor`](https://zidane.si/docs/reference/ui-code-shiki-theme.md#shikiThemeFor)
- [components/floating/usePopover](https://zidane.si/docs/reference/ui-components-floating-use-popover.md): [`DismissHandlers`](https://zidane.si/docs/reference/ui-components-floating-use-popover.md#DismissHandlers), [`PopoverState`](https://zidane.si/docs/reference/ui-components-floating-use-popover.md#PopoverState), [`returnFocus`](https://zidane.si/docs/reference/ui-components-floating-use-popover.md#returnFocus), [`useDismiss`](https://zidane.si/docs/reference/ui-components-floating-use-popover.md#useDismiss), [`usePopover`](https://zidane.si/docs/reference/ui-components-floating-use-popover.md#usePopover)
- [components/EditableTitle](https://zidane.si/docs/reference/ui-components-editable-title.md): [`EditableTitle`](https://zidane.si/docs/reference/ui-components-editable-title.md#EditableTitle), [`EditableTitleProps`](https://zidane.si/docs/reference/ui-components-editable-title.md#EditableTitleProps)
- [components/ErrorBoundary](https://zidane.si/docs/reference/ui-components-error-boundary.md): [`ErrorBoundary`](https://zidane.si/docs/reference/ui-components-error-boundary.md#ErrorBoundary), [`ErrorBoundaryProps`](https://zidane.si/docs/reference/ui-components-error-boundary.md#ErrorBoundaryProps), [`ErrorDetails`](https://zidane.si/docs/reference/ui-components-error-boundary.md#ErrorDetails), [`ErrorDetailsProps`](https://zidane.si/docs/reference/ui-components-error-boundary.md#ErrorDetailsProps), [`ErrorFallback`](https://zidane.si/docs/reference/ui-components-error-boundary.md#ErrorFallback), [`ErrorFallbackFrameProps`](https://zidane.si/docs/reference/ui-components-error-boundary.md#ErrorFallbackFrameProps), [`ErrorFallbackProps`](https://zidane.si/docs/reference/ui-components-error-boundary.md#ErrorFallbackProps)
- [components/floating/FloatingSurface](https://zidane.si/docs/reference/ui-components-floating-floating-surface.md): [`FloatingSurface`](https://zidane.si/docs/reference/ui-components-floating-floating-surface.md#FloatingSurface), [`FloatingSurfaceProps`](https://zidane.si/docs/reference/ui-components-floating-floating-surface.md#FloatingSurfaceProps)
- [components/Menu](https://zidane.si/docs/reference/ui-components-menu.md): [`focusMenuRow`](https://zidane.si/docs/reference/ui-components-menu.md#focusMenuRow), [`handleMenuKeyDown`](https://zidane.si/docs/reference/ui-components-menu.md#handleMenuKeyDown), [`Menu`](https://zidane.si/docs/reference/ui-components-menu.md#Menu), [`MenuNote`](https://zidane.si/docs/reference/ui-components-menu.md#MenuNote), [`MenuNoteProps`](https://zidane.si/docs/reference/ui-components-menu.md#MenuNoteProps), [`MenuProps`](https://zidane.si/docs/reference/ui-components-menu.md#MenuProps), [`MenuRow`](https://zidane.si/docs/reference/ui-components-menu.md#MenuRow), [`MenuRowProps`](https://zidane.si/docs/reference/ui-components-menu.md#MenuRowProps), [`MenuRowRenderProps`](https://zidane.si/docs/reference/ui-components-menu.md#MenuRowRenderProps), [`MenuSection`](https://zidane.si/docs/reference/ui-components-menu.md#MenuSection), [`MenuSectionProps`](https://zidane.si/docs/reference/ui-components-menu.md#MenuSectionProps), [`MenuSeparator`](https://zidane.si/docs/reference/ui-components-menu.md#MenuSeparator), [`MenuSeparatorProps`](https://zidane.si/docs/reference/ui-components-menu.md#MenuSeparatorProps), [`MenuSwitch`](https://zidane.si/docs/reference/ui-components-menu.md#MenuSwitch), [`MenuSwitchProps`](https://zidane.si/docs/reference/ui-components-menu.md#MenuSwitchProps), [`useRowHint`](https://zidane.si/docs/reference/ui-components-menu.md#useRowHint)
- [motion/grow](https://zidane.si/docs/reference/ui-motion-grow.md): [`Grow`](https://zidane.si/docs/reference/ui-motion-grow.md#Grow), [`GrowProps`](https://zidane.si/docs/reference/ui-motion-grow.md#GrowProps)
- framer-motion: `GrowPresence`
- [motion/size](https://zidane.si/docs/reference/ui-motion-size.md): [`HeldWidth`](https://zidane.si/docs/reference/ui-motion-size.md#HeldWidth), [`HeldWidthProps`](https://zidane.si/docs/reference/ui-motion-size.md#HeldWidthProps), [`SmoothHeight`](https://zidane.si/docs/reference/ui-motion-size.md#SmoothHeight), [`SmoothHeightProps`](https://zidane.si/docs/reference/ui-motion-size.md#SmoothHeightProps), [`SmoothWidth`](https://zidane.si/docs/reference/ui-motion-size.md#SmoothWidth), [`SmoothWidthProps`](https://zidane.si/docs/reference/ui-motion-size.md#SmoothWidthProps)
- [components/Highlighted](https://zidane.si/docs/reference/ui-components-highlighted.md): [`Highlighted`](https://zidane.si/docs/reference/ui-components-highlighted.md#Highlighted), [`HighlightedProps`](https://zidane.si/docs/reference/ui-components-highlighted.md#HighlightedProps)
- [code/HighlightedCode](https://zidane.si/docs/reference/ui-code-highlighted-code.md): [`HighlightedCode`](https://zidane.si/docs/reference/ui-code-highlighted-code.md#HighlightedCode), [`HighlightedCodeProps`](https://zidane.si/docs/reference/ui-code-highlighted-code.md#HighlightedCodeProps)
- [components/floating/HoverCard](https://zidane.si/docs/reference/ui-components-floating-hover-card.md): [`HoverCard`](https://zidane.si/docs/reference/ui-components-floating-hover-card.md#HoverCard), [`HoverCardProps`](https://zidane.si/docs/reference/ui-components-floating-hover-card.md#HoverCardProps), [`HoverCardTriggerProps`](https://zidane.si/docs/reference/ui-components-floating-hover-card.md#HoverCardTriggerProps)
- [components/HowItWorks](https://zidane.si/docs/reference/ui-components-how-it-works.md): [`HowItWorks`](https://zidane.si/docs/reference/ui-components-how-it-works.md#HowItWorks), [`HowItWorksProps`](https://zidane.si/docs/reference/ui-components-how-it-works.md#HowItWorksProps), [`HowItWorksStep`](https://zidane.si/docs/reference/ui-components-how-it-works.md#HowItWorksStep)
- [components/IconButton](https://zidane.si/docs/reference/ui-components-icon-button.md): [`IconButton`](https://zidane.si/docs/reference/ui-components-icon-button.md#IconButton), [`iconButtonClass`](https://zidane.si/docs/reference/ui-components-icon-button.md#iconButtonClass), [`IconButtonLook`](https://zidane.si/docs/reference/ui-components-icon-button.md#IconButtonLook), [`IconButtonProps`](https://zidane.si/docs/reference/ui-components-icon-button.md#IconButtonProps), [`IconButtonRenderProps`](https://zidane.si/docs/reference/ui-components-icon-button.md#IconButtonRenderProps), [`IconButtonSize`](https://zidane.si/docs/reference/ui-components-icon-button.md#IconButtonSize)
- [theme/runtime-icons](https://zidane.si/docs/reference/ui-theme-runtime-icons.md): [`IconCollection`](https://zidane.si/docs/reference/ui-theme-runtime-icons.md#IconCollection), [`RuntimeIconsOptions`](https://zidane.si/docs/reference/ui-theme-runtime-icons.md#RuntimeIconsOptions), [`watchRuntimeIcons`](https://zidane.si/docs/reference/ui-theme-runtime-icons.md#watchRuntimeIcons)
- [components/IconToggle](https://zidane.si/docs/reference/ui-components-icon-toggle.md): [`IconToggle`](https://zidane.si/docs/reference/ui-components-icon-toggle.md#IconToggle), [`IconToggleProps`](https://zidane.si/docs/reference/ui-components-icon-toggle.md#IconToggleProps)
- [components/Keycap](https://zidane.si/docs/reference/ui-components-keycap.md): [`Keycap`](https://zidane.si/docs/reference/ui-components-keycap.md#Keycap), [`KeycapProps`](https://zidane.si/docs/reference/ui-components-keycap.md#KeycapProps), [`KeyCombo`](https://zidane.si/docs/reference/ui-components-keycap.md#KeyCombo), [`KeyComboProps`](https://zidane.si/docs/reference/ui-components-keycap.md#KeyComboProps)
- [components/Overlay](https://zidane.si/docs/reference/ui-components-overlay.md): [`LayerOptions`](https://zidane.si/docs/reference/ui-components-overlay.md#LayerOptions), [`Overlay`](https://zidane.si/docs/reference/ui-components-overlay.md#Overlay), [`OverlayProps`](https://zidane.si/docs/reference/ui-components-overlay.md#OverlayProps), [`useLayer`](https://zidane.si/docs/reference/ui-components-overlay.md#useLayer)
- [components/Lightbox](https://zidane.si/docs/reference/ui-components-lightbox.md): [`LightboxItem`](https://zidane.si/docs/reference/ui-components-lightbox.md#LightboxItem), [`useLightbox`](https://zidane.si/docs/reference/ui-components-lightbox.md#useLightbox)
- [components/LoadError](https://zidane.si/docs/reference/ui-components-load-error.md): [`LoadError`](https://zidane.si/docs/reference/ui-components-load-error.md#LoadError), [`LoadErrorProps`](https://zidane.si/docs/reference/ui-components-load-error.md#LoadErrorProps)
- [components/ZoomableImage](https://zidane.si/docs/reference/ui-components-zoomable-image.md): [`MAX_REAL_SCALE`](https://zidane.si/docs/reference/ui-components-zoomable-image.md#MAX_REAL_SCALE), [`ZoomableImage`](https://zidane.si/docs/reference/ui-components-zoomable-image.md#ZoomableImage), [`ZoomableImageHandle`](https://zidane.si/docs/reference/ui-components-zoomable-image.md#ZoomableImageHandle), [`ZoomableImageProps`](https://zidane.si/docs/reference/ui-components-zoomable-image.md#ZoomableImageProps)
- [components/MediaNav](https://zidane.si/docs/reference/ui-components-media-nav.md): [`MediaNav`](https://zidane.si/docs/reference/ui-components-media-nav.md#MediaNav), [`MediaNavProps`](https://zidane.si/docs/reference/ui-components-media-nav.md#MediaNavProps)
- [motion/reduced](https://zidane.si/docs/reference/ui-motion-reduced.md): [`MotionLevel`](https://zidane.si/docs/reference/ui-motion-reduced.md#MotionLevel), [`useMotionLevel`](https://zidane.si/docs/reference/ui-motion-reduced.md#useMotionLevel), [`useReducedMotion`](https://zidane.si/docs/reference/ui-motion-reduced.md#useReducedMotion)
- [motion/provider](https://zidane.si/docs/reference/ui-motion-provider.md): [`MotionProvider`](https://zidane.si/docs/reference/ui-motion-provider.md#MotionProvider), [`MotionProviderProps`](https://zidane.si/docs/reference/ui-motion-provider.md#MotionProviderProps)
- [hooks/useTabDrag](https://zidane.si/docs/reference/ui-hooks-use-tab-drag.md): [`moveId`](https://zidane.si/docs/reference/ui-hooks-use-tab-drag.md#moveId), [`TabDragBounds`](https://zidane.si/docs/reference/ui-hooks-use-tab-drag.md#TabDragBounds), [`useTabDrag`](https://zidane.si/docs/reference/ui-hooks-use-tab-drag.md#useTabDrag)
- [hooks/usePersistedState](https://zidane.si/docs/reference/ui-hooks-use-persisted-state.md): [`oneOf`](https://zidane.si/docs/reference/ui-hooks-use-persisted-state.md#oneOf), [`parseBoolean`](https://zidane.si/docs/reference/ui-hooks-use-persisted-state.md#parseBoolean), [`readPersisted`](https://zidane.si/docs/reference/ui-hooks-use-persisted-state.md#readPersisted), [`usePersistedState`](https://zidane.si/docs/reference/ui-hooks-use-persisted-state.md#usePersistedState), [`writePersisted`](https://zidane.si/docs/reference/ui-hooks-use-persisted-state.md#writePersisted)
- [components/palette/PalettePanel](https://zidane.si/docs/reference/ui-components-palette-palette-panel.md): [`PaletteNotice`](https://zidane.si/docs/reference/ui-components-palette-palette-panel.md#PaletteNotice), [`PalettePanel`](https://zidane.si/docs/reference/ui-components-palette-palette-panel.md#PalettePanel), [`PalettePanelProps`](https://zidane.si/docs/reference/ui-components-palette-palette-panel.md#PalettePanelProps), [`paletteVerb`](https://zidane.si/docs/reference/ui-components-palette-palette-panel.md#paletteVerb)
- [components/PanelEmpty](https://zidane.si/docs/reference/ui-components-panel-empty.md): [`PanelEmpty`](https://zidane.si/docs/reference/ui-components-panel-empty.md#PanelEmpty), [`PanelEmptyProps`](https://zidane.si/docs/reference/ui-components-panel-empty.md#PanelEmptyProps), [`PanelLoading`](https://zidane.si/docs/reference/ui-components-panel-empty.md#PanelLoading), [`PanelLoadingProps`](https://zidane.si/docs/reference/ui-components-panel-empty.md#PanelLoadingProps)
- [hooks/useDisplayPath](https://zidane.si/docs/reference/ui-hooks-use-display-path.md): [`PathDisplay`](https://zidane.si/docs/reference/ui-hooks-use-display-path.md#PathDisplay), [`PathDisplayProvider`](https://zidane.si/docs/reference/ui-hooks-use-display-path.md#PathDisplayProvider), [`PathDisplayProviderProps`](https://zidane.si/docs/reference/ui-hooks-use-display-path.md#PathDisplayProviderProps), [`PathDisplayScope`](https://zidane.si/docs/reference/ui-hooks-use-display-path.md#PathDisplayScope), [`PathDisplayScopeProps`](https://zidane.si/docs/reference/ui-hooks-use-display-path.md#PathDisplayScopeProps), [`useDisplayPath`](https://zidane.si/docs/reference/ui-hooks-use-display-path.md#useDisplayPath)
- [components/floating/Popover](https://zidane.si/docs/reference/ui-components-floating-popover.md): [`Popover`](https://zidane.si/docs/reference/ui-components-floating-popover.md#Popover), [`PopoverProps`](https://zidane.si/docs/reference/ui-components-floating-popover.md#PopoverProps), [`PopoverTriggerProps`](https://zidane.si/docs/reference/ui-components-floating-popover.md#PopoverTriggerProps)
- [motion/presence](https://zidane.si/docs/reference/ui-motion-presence.md): [`PresenceHandle`](https://zidane.si/docs/reference/ui-motion-presence.md#Presence), [`PresenceOptions`](https://zidane.si/docs/reference/ui-motion-presence.md#PresenceOptions), [`PresenceState`](https://zidane.si/docs/reference/ui-motion-presence.md#PresenceState), [`readDurationVar`](https://zidane.si/docs/reference/ui-motion-presence.md#readDurationVar), [`readExitMs`](https://zidane.si/docs/reference/ui-motion-presence.md#readExitMs), [`readMenuExitMs`](https://zidane.si/docs/reference/ui-motion-presence.md#readMenuExitMs), [`readMotionMs`](https://zidane.si/docs/reference/ui-motion-presence.md#readMotionMs), [`readPanelMs`](https://zidane.si/docs/reference/ui-motion-presence.md#readPanelMs), [`transitionState`](https://zidane.si/docs/reference/ui-motion-presence.md#transitionState), [`usePresence`](https://zidane.si/docs/reference/ui-motion-presence.md#usePresence), [`useScrollLock`](https://zidane.si/docs/reference/ui-motion-presence.md#useScrollLock)
- [components/PreviewWindow](https://zidane.si/docs/reference/ui-components-preview-window.md): [`PreviewWindow`](https://zidane.si/docs/reference/ui-components-preview-window.md#PreviewWindow), [`PreviewWindowProps`](https://zidane.si/docs/reference/ui-components-preview-window.md#PreviewWindowProps)
- [motion/roll](https://zidane.si/docs/reference/ui-motion-roll.md): [`readRollMs`](https://zidane.si/docs/reference/ui-motion-roll.md#readRollMs), [`rollCells`](https://zidane.si/docs/reference/ui-motion-roll.md#rollCells), [`RollDirection`](https://zidane.si/docs/reference/ui-motion-roll.md#RollDirection), [`RollingText`](https://zidane.si/docs/reference/ui-motion-roll.md#RollingText), [`RollingTextProps`](https://zidane.si/docs/reference/ui-motion-roll.md#RollingTextProps)
- [components/ReorderTabs](https://zidane.si/docs/reference/ui-components-reorder-tabs.md): [`ReorderTabs`](https://zidane.si/docs/reference/ui-components-reorder-tabs.md#ReorderTabs), [`ReorderTabsProps`](https://zidane.si/docs/reference/ui-components-reorder-tabs.md#ReorderTabsProps), [`ReorderTabState`](https://zidane.si/docs/reference/ui-components-reorder-tabs.md#ReorderTabState)
- [components/Restricted](https://zidane.si/docs/reference/ui-components-restricted.md): [`Restricted`](https://zidane.si/docs/reference/ui-components-restricted.md#Restricted), [`RestrictedProps`](https://zidane.si/docs/reference/ui-components-restricted.md#RestrictedProps)
- [components/RowActionsMenu](https://zidane.si/docs/reference/ui-components-row-actions-menu.md): [`RowActionItem`](https://zidane.si/docs/reference/ui-components-row-actions-menu.md#RowActionItem), [`RowActionsMenu`](https://zidane.si/docs/reference/ui-components-row-actions-menu.md#RowActionsMenu), [`RowActionsMenuProps`](https://zidane.si/docs/reference/ui-components-row-actions-menu.md#RowActionsMenuProps)
- [hooks/useNearViewport](https://zidane.si/docs/reference/ui-hooks-use-near-viewport.md): [`scrollRootOf`](https://zidane.si/docs/reference/ui-hooks-use-near-viewport.md#scrollRootOf), [`useNearViewport`](https://zidane.si/docs/reference/ui-hooks-use-near-viewport.md#useNearViewport)
- [theme/from-theme](https://zidane.si/docs/reference/ui-theme-from-theme.md): [`seedFromTheme`](https://zidane.si/docs/reference/ui-theme-from-theme.md#seedFromTheme)
- [components/Segmented](https://zidane.si/docs/reference/ui-components-segmented.md): [`Segmented`](https://zidane.si/docs/reference/ui-components-segmented.md#Segmented), [`SegmentedOption`](https://zidane.si/docs/reference/ui-components-segmented.md#SegmentedOption), [`SegmentedProps`](https://zidane.si/docs/reference/ui-components-segmented.md#SegmentedProps)
- [components/SegmentSpinner](https://zidane.si/docs/reference/ui-components-segment-spinner.md): [`SegmentSpinner`](https://zidane.si/docs/reference/ui-components-segment-spinner.md#SegmentSpinner), [`SegmentSpinnerProps`](https://zidane.si/docs/reference/ui-components-segment-spinner.md#SegmentSpinnerProps)
- [motion/shimmer](https://zidane.si/docs/reference/ui-motion-shimmer.md): [`SHIMMER_MS`](https://zidane.si/docs/reference/ui-motion-shimmer.md#SHIMMER_MS), [`syncShimmer`](https://zidane.si/docs/reference/ui-motion-shimmer.md#syncShimmer)
- [components/StepFrame](https://zidane.si/docs/reference/ui-components-step-frame.md): [`StepActions`](https://zidane.si/docs/reference/ui-components-step-frame.md#StepActions), [`StepActionsProps`](https://zidane.si/docs/reference/ui-components-step-frame.md#StepActionsProps), [`StepFrame`](https://zidane.si/docs/reference/ui-components-step-frame.md#StepFrame), [`StepFrameProps`](https://zidane.si/docs/reference/ui-components-step-frame.md#StepFrameProps)
- [components/Stepper](https://zidane.si/docs/reference/ui-components-stepper.md): [`Stepper`](https://zidane.si/docs/reference/ui-components-stepper.md#Stepper), [`StepperProps`](https://zidane.si/docs/reference/ui-components-stepper.md#StepperProps), [`StepperStep`](https://zidane.si/docs/reference/ui-components-stepper.md#StepperStep)
- [motion/SwapIcon](https://zidane.si/docs/reference/ui-motion-swap-icon.md): [`SwapIcon`](https://zidane.si/docs/reference/ui-motion-swap-icon.md#SwapIcon), [`SwapIconProps`](https://zidane.si/docs/reference/ui-motion-swap-icon.md#SwapIconProps)
- [components/SwatchPicker](https://zidane.si/docs/reference/ui-components-swatch-picker.md): [`Swatch`](https://zidane.si/docs/reference/ui-components-swatch-picker.md#Swatch), [`SwatchPicker`](https://zidane.si/docs/reference/ui-components-swatch-picker.md#SwatchPicker), [`SwatchPickerProps`](https://zidane.si/docs/reference/ui-components-swatch-picker.md#SwatchPickerProps)
- [components/SwitchGlyph](https://zidane.si/docs/reference/ui-components-switch-glyph.md): [`SwitchGlyph`](https://zidane.si/docs/reference/ui-components-switch-glyph.md#SwitchGlyph), [`SwitchGlyphProps`](https://zidane.si/docs/reference/ui-components-switch-glyph.md#SwitchGlyphProps)
- [theme/stylesheet](https://zidane.si/docs/reference/ui-theme-stylesheet.md): [`themeCssVars`](https://zidane.si/docs/reference/ui-theme-stylesheet.md#themeCssVars), [`themeStylesheet`](https://zidane.si/docs/reference/ui-theme-stylesheet.md#themeStylesheet)
- [components/ThemeThumb](https://zidane.si/docs/reference/ui-components-theme-thumb.md): [`ThemeThumb`](https://zidane.si/docs/reference/ui-components-theme-thumb.md#ThemeThumb), [`ThemeThumbProps`](https://zidane.si/docs/reference/ui-components-theme-thumb.md#ThemeThumbProps)
- [motion/title-text](https://zidane.si/docs/reference/ui-motion-title-text.md): [`TitleText`](https://zidane.si/docs/reference/ui-motion-title-text.md#TitleText), [`TitleTextProps`](https://zidane.si/docs/reference/ui-motion-title-text.md#TitleTextProps)
- [components/ToggleCard](https://zidane.si/docs/reference/ui-components-toggle-card.md): [`ToggleCard`](https://zidane.si/docs/reference/ui-components-toggle-card.md#ToggleCard), [`ToggleCardProps`](https://zidane.si/docs/reference/ui-components-toggle-card.md#ToggleCardProps)
- [components/Tooltip](https://zidane.si/docs/reference/ui-components-tooltip.md): [`Tooltip`](https://zidane.si/docs/reference/ui-components-tooltip.md#Tooltip), [`TooltipProps`](https://zidane.si/docs/reference/ui-components-tooltip.md#TooltipProps)
- [hooks/useMinuteTick](https://zidane.si/docs/reference/ui-hooks-use-minute-tick.md): [`useMinuteTick`](https://zidane.si/docs/reference/ui-hooks-use-minute-tick.md#useMinuteTick)
- [motion/collapse](https://zidane.si/docs/reference/ui-motion-collapse.md): [`useStaysMounted`](https://zidane.si/docs/reference/ui-motion-collapse.md#useStaysMounted)
- [theme/without-transitions](https://zidane.si/docs/reference/ui-theme-without-transitions.md): [`withoutTransitions`](https://zidane.si/docs/reference/ui-theme-without-transitions.md#withoutTransitions)
- [components/ZidaneMark](https://zidane.si/docs/reference/ui-components-zidane-mark.md): [`ZidaneMark`](https://zidane.si/docs/reference/ui-components-zidane-mark.md#ZidaneMark), [`ZidaneMarkProps`](https://zidane.si/docs/reference/ui-components-zidane-mark.md#ZidaneMarkProps)