@wzrhine/react 0.0.0-stage → 0.1.0

package/dist/forms.css

@@ -0,0 +1,516 @@
+/*
+ * WzRhineLab UI · form controls (M7): Textarea, Checkbox, Radio, Switch, choice groups,
+ * Fieldset, Separator. Tokens only; every control keeps a 3:1 boundary and a focus ring.
+ */
+
+:is(.rl-textarea, .rl-choice, .rl-choice-group, .rl-checkbox, .rl-radio, .rl-switch, .rl-fieldset, .rl-separator) {
+  box-sizing: border-box;
+}
+
+:where(.rl-textarea, .rl-choice, .rl-choice-group, .rl-fieldset) *,
+:where(.rl-textarea, .rl-choice, .rl-choice-group, .rl-fieldset) *::before,
+:where(.rl-textarea, .rl-choice, .rl-choice-group, .rl-fieldset) *::after {
+  box-sizing: border-box;
+}
+
+/* ---------- Textarea ---------- */
+.rl-textarea {
+  --rl-textarea-border: var(--rl-border-strong);
+  --rl-textarea-bg: var(--rl-bg-surface);
+
+  display: grid;
+  gap: var(--rl-space-1);
+  width: 100%;
+  min-width: 0;
+}
+
+.rl-textarea__control {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  /* 1lh = one line of the control's own type role, so rows track the font tokens. */
+  min-height: calc(var(--rl-textarea-rows) * 1lh + var(--rl-space-2) * 2 + var(--rl-border-width) * 2);
+  margin: 0;
+  padding: var(--rl-space-2) var(--rl-space-3);
+  border: var(--rl-border-width) solid var(--rl-textarea-border);
+  border-radius: var(--rl-radius-md);
+  background: var(--rl-textarea-bg);
+  color: var(--rl-fg-primary);
+  font: var(--rl-type-body-sm);
+  text-transform: none;
+  letter-spacing: normal;
+  resize: vertical;
+  transition:
+    border-color var(--rl-motion-fast) var(--rl-ease-out),
+    background-color var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-textarea[data-resize='none'] .rl-textarea__control {
+  resize: none;
+}
+
+.rl-textarea[data-auto-resize] .rl-textarea__control {
+  field-sizing: content;
+  /* Without maxRows the variable is unset, the calc is invalid and max-height falls back to none. */
+  max-height: calc(var(--rl-textarea-max-rows) * 1lh + var(--rl-space-2) * 2 + var(--rl-border-width) * 2);
+}
+
+.rl-textarea[data-mono] .rl-textarea__control {
+  font-family: var(--rl-font-mono);
+  letter-spacing: var(--rl-tracking-mono);
+}
+
+.rl-textarea__control::placeholder {
+  color: var(--rl-fg-subtle);
+  opacity: 1;
+}
+
+@media (hover: hover) {
+  .rl-textarea:not([data-disabled], [data-readonly]) .rl-textarea__control:hover {
+    --rl-textarea-border: var(--rl-fg-muted);
+  }
+}
+
+.rl-textarea__control:focus-visible,
+.rl-textarea__control:focus {
+  --rl-textarea-border: var(--rl-fg-primary);
+  outline: var(--rl-focus-ring);
+  outline-offset: var(--rl-focus-offset);
+}
+
+.rl-textarea[data-invalid] .rl-textarea__control,
+.rl-field[data-invalid] .rl-textarea__control {
+  --rl-textarea-border: var(--rl-danger);
+  box-shadow: inset 0 0 0 var(--rl-border-width) var(--rl-danger);
+}
+
+.rl-textarea[data-readonly] .rl-textarea__control {
+  --rl-textarea-bg: var(--rl-bg-readonly);
+  --rl-textarea-border: var(--rl-border-default);
+  resize: none;
+}
+
+.rl-textarea[data-disabled] .rl-textarea__control {
+  --rl-textarea-bg: var(--rl-bg-disabled);
+  --rl-textarea-border: var(--rl-border-default);
+  color: var(--rl-fg-disabled);
+  cursor: not-allowed;
+  resize: none;
+}
+
+.rl-textarea__count {
+  justify-self: end;
+  font: var(--rl-type-mono);
+  color: var(--rl-fg-muted);
+  font-variant-numeric: tabular-nums;
+}
+
+.rl-textarea__count[data-over] {
+  color: var(--rl-fg-primary);
+  font-weight: 600;
+}
+
+/* ---------- Choice row (Checkbox / Radio / Switch) ---------- */
+.rl-choice {
+  --rl-choice-size: var(--rl-icon-size-lg);
+
+  display: grid;
+  gap: var(--rl-space-1);
+  min-width: 0;
+}
+
+/* The whole row is the label: a large click target with the control on the first text line. */
+.rl-choice__label {
+  display: inline-flex;
+  align-items: flex-start;
+  gap: var(--rl-space-2);
+  width: fit-content;
+  max-width: 100%;
+  min-height: var(--rl-control-height-sm);
+  padding-block: calc((var(--rl-control-height-sm) - var(--rl-choice-size)) / 2);
+  font: var(--rl-type-body-sm);
+  color: var(--rl-fg-primary);
+  cursor: pointer;
+}
+
+/* Inline flow (not flex) so line breaking applies across the label and its markers. */
+.rl-choice__text {
+  display: block;
+  min-width: 0;
+  /* Centre the first line of text on the control. */
+  padding-top: calc((var(--rl-choice-size) - 1lh) / 2);
+  overflow-wrap: anywhere;
+}
+
+.rl-choice__text > .rl-field__required {
+  margin-inline-start: var(--rl-space-1);
+}
+
+/* Word joiner: the marker never wraps onto a line of its own. */
+.rl-choice__text > .rl-field__required::before {
+  content: '\2060';
+}
+
+.rl-choice__description {
+  margin: 0;
+  /* Align under the label text, not under the box. */
+  padding-inline-start: calc(var(--rl-choice-indent, var(--rl-choice-size)) + var(--rl-space-2));
+  font: var(--rl-type-meta);
+  color: var(--rl-fg-muted);
+}
+
+.rl-choice[data-kind='switch'] {
+  --rl-choice-indent: calc(var(--rl-choice-size) * 1.8);
+}
+
+.rl-choice[data-disabled] .rl-choice__label {
+  color: var(--rl-fg-muted);
+  cursor: not-allowed;
+}
+
+.rl-choice > .rl-field__error {
+  padding-inline-start: calc(var(--rl-choice-indent, var(--rl-choice-size)) + var(--rl-space-2));
+}
+
+/* ---------- Checkbox & Radio box ---------- */
+.rl-checkbox,
+.rl-radio {
+  --rl-box-border: var(--rl-border-strong);
+  --rl-box-bg: var(--rl-bg-surface);
+  --rl-box-fg: var(--rl-fg-inverse);
+
+  position: relative;
+  display: inline-grid;
+  flex: none;
+  place-items: center;
+  width: var(--rl-choice-size);
+  height: var(--rl-choice-size);
+  border: var(--rl-border-width-strong) solid var(--rl-box-border);
+  background: var(--rl-box-bg);
+  color: var(--rl-box-fg);
+  transition:
+    border-color var(--rl-motion-fast) var(--rl-ease-out),
+    background-color var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-checkbox {
+  border-radius: var(--rl-radius-xs);
+}
+
+.rl-radio {
+  border-radius: var(--rl-radius-round);
+}
+
+@media (hover: hover) {
+  .rl-choice:not([data-disabled]) .rl-choice__label:hover :is(.rl-checkbox, .rl-radio):not([data-readonly]) {
+    --rl-box-border: var(--rl-fg-primary);
+  }
+}
+
+:is(.rl-checkbox, .rl-radio):focus-visible {
+  outline: var(--rl-focus-ring);
+  outline-offset: var(--rl-focus-offset);
+}
+
+.rl-checkbox:is([data-checked], [data-indeterminate]) {
+  --rl-box-border: var(--rl-bg-inverse);
+  --rl-box-bg: var(--rl-bg-inverse);
+}
+
+.rl-radio[data-checked] {
+  --rl-box-border: var(--rl-bg-inverse);
+}
+
+:is(.rl-checkbox, .rl-radio)[data-invalid] {
+  --rl-box-border: var(--rl-danger);
+}
+
+.rl-checkbox[data-invalid]:is([data-checked], [data-indeterminate]) {
+  --rl-box-bg: var(--rl-danger);
+  --rl-box-fg: var(--rl-fg-on-danger);
+}
+
+:is(.rl-checkbox, .rl-radio)[data-readonly] {
+  --rl-box-border: var(--rl-border-default);
+  --rl-box-bg: var(--rl-bg-readonly);
+  --rl-box-fg: var(--rl-fg-primary);
+}
+
+:is(.rl-checkbox, .rl-radio)[data-disabled] {
+  --rl-box-border: var(--rl-border-default);
+  --rl-box-bg: var(--rl-bg-disabled);
+  --rl-box-fg: var(--rl-fg-disabled);
+}
+
+.rl-checkbox__indicator {
+  display: grid;
+  place-items: center;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  transition: opacity var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-checkbox__indicator > svg {
+  width: var(--rl-icon-size-md);
+  height: var(--rl-icon-size-md);
+  fill: none;
+  stroke: currentColor;
+  stroke-width: var(--rl-border-width-strong);
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.rl-checkbox__indicator:is([data-checked], [data-indeterminate]) {
+  opacity: 1;
+}
+
+.rl-radio__indicator {
+  width: 50%;
+  height: 50%;
+  border-radius: var(--rl-radius-round);
+  background: var(--rl-bg-inverse);
+  opacity: 0;
+  scale: 0.5;
+  transition:
+    opacity var(--rl-motion-fast) var(--rl-ease-out),
+    scale var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-radio__indicator[data-checked] {
+  opacity: 1;
+  scale: 1;
+}
+
+.rl-radio[data-invalid] .rl-radio__indicator {
+  background: var(--rl-danger);
+}
+
+.rl-radio:is([data-disabled], [data-readonly]) .rl-radio__indicator {
+  background: var(--rl-box-fg);
+}
+
+/* ---------- Switch ---------- */
+.rl-switch {
+  --rl-switch-track: var(--rl-bg-subtle);
+  --rl-switch-border: var(--rl-border-strong);
+  --rl-switch-thumb: var(--rl-fg-muted);
+  --rl-switch-width: calc(var(--rl-choice-size) * 1.8);
+  --rl-switch-inset: calc(var(--rl-border-width-strong) + var(--rl-border-width));
+  --rl-thumb-size: calc(var(--rl-choice-size) - var(--rl-switch-inset) * 2);
+
+  position: relative;
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  width: var(--rl-switch-width);
+  height: var(--rl-choice-size);
+  padding: var(--rl-border-width);
+  border: var(--rl-border-width-strong) solid var(--rl-switch-border);
+  border-radius: var(--rl-radius-round);
+  background: var(--rl-switch-track);
+  transition:
+    border-color var(--rl-motion-fast) var(--rl-ease-out),
+    background-color var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-switch:focus-visible {
+  outline: var(--rl-focus-ring);
+  outline-offset: var(--rl-focus-offset);
+}
+
+@media (hover: hover) {
+  .rl-choice:not([data-disabled]) .rl-choice__label:hover .rl-switch:not([data-readonly], [data-checked]) {
+    --rl-switch-border: var(--rl-fg-primary);
+  }
+}
+
+.rl-switch[data-checked] {
+  --rl-switch-track: var(--rl-bg-inverse);
+  --rl-switch-border: var(--rl-bg-inverse);
+  --rl-switch-thumb: var(--rl-fg-inverse);
+}
+
+.rl-switch[data-readonly] {
+  --rl-switch-border: var(--rl-border-default);
+}
+
+.rl-switch[data-disabled] {
+  --rl-switch-track: var(--rl-bg-disabled);
+  --rl-switch-border: var(--rl-border-default);
+  --rl-switch-thumb: var(--rl-fg-disabled);
+}
+
+.rl-switch__thumb {
+  display: block;
+  width: var(--rl-thumb-size);
+  height: var(--rl-thumb-size);
+  border-radius: var(--rl-radius-round);
+  background: var(--rl-switch-thumb);
+  /* translate, not left: an interrupted toggle retargets from the current position without layout. */
+  transition:
+    translate var(--rl-motion-base) var(--rl-ease-out),
+    background-color var(--rl-motion-fast) var(--rl-ease-out);
+}
+
+.rl-switch__thumb[data-checked] {
+  translate: calc(var(--rl-switch-width) - var(--rl-thumb-size) - var(--rl-switch-inset) * 2) 0;
+}
+
+.rl-switch__thumb[data-checked]:dir(rtl) {
+  translate: calc((var(--rl-switch-width) - var(--rl-thumb-size) - var(--rl-switch-inset) * 2) * -1) 0;
+}
+
+/* ---------- Choice groups (CheckboxGroup / RadioGroup) ---------- */
+.rl-choice-group {
+  display: grid;
+  gap: var(--rl-space-2);
+  min-width: 0;
+}
+
+.rl-choice-group__fieldset {
+  display: grid;
+  gap: var(--rl-space-1);
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+.rl-choice-group__legend {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--rl-space-1);
+  margin-bottom: var(--rl-space-1);
+  padding: 0;
+  font: var(--rl-type-label);
+  color: var(--rl-fg-primary);
+}
+
+.rl-choice-group[data-disabled] .rl-choice-group__legend {
+  color: var(--rl-fg-muted);
+}
+
+.rl-choice-group__items {
+  display: grid;
+  gap: var(--rl-space-1);
+  min-width: 0;
+}
+
+.rl-choice-group__items[data-orientation='horizontal'] {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: var(--rl-space-6);
+  row-gap: var(--rl-space-1);
+}
+
+/* ---------- Fieldset ---------- */
+.rl-fieldset {
+  display: grid;
+  gap: var(--rl-space-4);
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+.rl-fieldset__legend {
+  /* A legend is not a grid item in every engine; float + width makes it one row reliably. */
+  float: left;
+  width: 100%;
+  margin: 0;
+  padding: 0 0 var(--rl-space-2);
+  border-bottom: var(--rl-border-width) solid var(--rl-border-default);
+  font: var(--rl-type-heading-3);
+  color: var(--rl-fg-primary);
+  text-transform: none;
+  letter-spacing: normal;
+}
+
+.rl-fieldset__legend + * {
+  clear: both;
+}
+
+.rl-fieldset__description {
+  margin: 0;
+  font: var(--rl-type-meta);
+  color: var(--rl-fg-muted);
+}
+
+.rl-fieldset__body {
+  display: grid;
+  gap: var(--rl-space-4);
+  min-width: 0;
+}
+
+.rl-fieldset[data-disabled] .rl-fieldset__legend {
+  color: var(--rl-fg-muted);
+}
+
+/* ---------- Separator ---------- */
+.rl-separator {
+  --rl-separator-color: var(--rl-border-default);
+
+  flex: none;
+  margin: 0;
+  border: 0;
+  background: var(--rl-separator-color);
+}
+
+.rl-separator[data-tone='subtle'] { --rl-separator-color: var(--rl-border-subtle); }
+.rl-separator[data-tone='strong'] { --rl-separator-color: var(--rl-border-strong); }
+
+.rl-separator[data-orientation='horizontal'] {
+  width: 100%;
+  height: var(--rl-border-width);
+}
+
+.rl-separator[data-orientation='vertical'] {
+  align-self: stretch;
+  width: var(--rl-border-width);
+  min-height: 1em;
+}
+
+/* ---------- VisuallyHidden: reappear on focus (skip links) ---------- */
+.rl-visually-hidden[data-focusable]:focus-within,
+.rl-visually-hidden[data-focusable]:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip-path: none;
+  white-space: normal;
+}
+
+/* ---------- Reduced motion ---------- */
+.rl-theme[data-rl-motion='reduce'] :is(.rl-radio__indicator, .rl-switch__thumb) {
+  transition: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :is(.rl-radio__indicator, .rl-switch__thumb) {
+    transition: none;
+  }
+}
+
+/* ---------- Forced colours (Windows High Contrast) ---------- */
+@media (forced-colors: active) {
+  .rl-textarea__control { border-color: FieldText; }
+  .rl-textarea__control:focus { outline-color: Highlight; }
+  .rl-textarea[data-invalid] .rl-textarea__control,
+  .rl-field[data-invalid] .rl-textarea__control { border-color: Mark; }
+  :is(.rl-checkbox, .rl-radio, .rl-switch) { border-color: ButtonText; background: Canvas; }
+  :is(.rl-checkbox, .rl-radio, .rl-switch):focus-visible { outline-color: Highlight; }
+  .rl-checkbox:is([data-checked], [data-indeterminate]),
+  .rl-switch[data-checked] { border-color: Highlight; background: Highlight; color: HighlightText; }
+  .rl-radio[data-checked] { border-color: Highlight; }
+  .rl-radio__indicator { background: Highlight; }
+  .rl-switch__thumb { background: ButtonText; }
+  .rl-switch__thumb[data-checked] { background: HighlightText; }
+  :is(.rl-checkbox, .rl-radio, .rl-switch)[data-disabled] { border-color: GrayText; }
+  .rl-radio[data-disabled] .rl-radio__indicator,
+  .rl-switch[data-disabled] .rl-switch__thumb { background: GrayText; }
+  .rl-separator { background: CanvasText; }
+}

package/dist/index.d.ts

@@ -0,0 +1,117 @@
+export { Button } from './components/Button.js';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './components/Button.js';
+export { Surface } from './components/Surface.js';
+export type { SurfaceElement, SurfacePadding, SurfaceProps, SurfaceTone } from './components/Surface.js';
+export { StatusBadge } from './components/StatusBadge.js';
+export type { StatusBadgeAppearance, StatusBadgeProps, StatusBadgeSize, StatusKind } from './components/StatusBadge.js';
+export { IconButton } from './components/IconButton.js';
+export type { IconButtonProps, IconButtonVariant } from './components/IconButton.js';
+export { Text } from './components/Text.js';
+export type { TextElement, TextProps, TextTone, TextVariant } from './components/Text.js';
+export { Field } from './components/Field.js';
+export type { FieldProps, FieldValidationMode } from './components/Field.js';
+export { Input } from './components/Input.js';
+export type { InputProps, InputSize } from './components/Input.js';
+export { Textarea } from './components/Textarea.js';
+export type { TextareaProps, TextareaResize } from './components/Textarea.js';
+export { Checkbox, CheckboxGroup } from './components/Checkbox.js';
+export type { CheckboxGroupProps, CheckboxProps, ChoiceOrientation } from './components/Checkbox.js';
+export { Radio, RadioGroup } from './components/Radio.js';
+export type { RadioGroupProps, RadioProps } from './components/Radio.js';
+export { Switch } from './components/Switch.js';
+export type { SwitchProps } from './components/Switch.js';
+export { Form } from './components/Form.js';
+export type { FormProps } from './components/Form.js';
+export { Fieldset } from './components/Fieldset.js';
+export type { FieldsetProps } from './components/Fieldset.js';
+export { Separator } from './components/Separator.js';
+export type { SeparatorOrientation, SeparatorProps, SeparatorTone } from './components/Separator.js';
+export { VisuallyHidden } from './components/VisuallyHidden.js';
+export type { VisuallyHiddenElement, VisuallyHiddenProps } from './components/VisuallyHidden.js';
+export { Tabs, TabList, Tab, TabPanel } from './components/Tabs.js';
+export type { TabListProps, TabPanelProps, TabProps, TabsProps, TabsSize, TabsVariant } from './components/Tabs.js';
+export { Tooltip } from './components/Tooltip.js';
+export type { TooltipProps, TooltipSide } from './components/Tooltip.js';
+export { Dialog, DialogClose } from './components/Dialog.js';
+export type { DialogCloseProps, DialogCloseReason, DialogProps, DialogSize } from './components/Dialog.js';
+export { Select } from './components/Select.js';
+export type { SelectGroup, SelectOption, SelectProps } from './components/Select.js';
+export { Popover, PopoverClose } from './components/Popover.js';
+export type { PopoverAlign, PopoverCloseProps, PopoverProps, PopoverSide, PopoverSize } from './components/Popover.js';
+export { Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, } from './components/Menu.js';
+export type { MenuAlign, MenuCheckboxItemProps, MenuGroupProps, MenuItemProps, MenuProps, MenuRadioGroupProps, MenuRadioItemProps, MenuSide, } from './components/Menu.js';
+export { ToastProvider, ToastViewport, useToast } from './components/Toast.js';
+export type { ToastAction, ToastApi, ToastOptions, ToastPromiseOptions, ToastPromiseStage, ToastProviderProps, ToastStatus } from './components/Toast.js';
+export { MetadataList } from './components/MetadataList.js';
+export type { MetadataEmpty, MetadataItem, MetadataListLayout, MetadataListProps, MetadataValue } from './components/MetadataList.js';
+export { Pagination } from './components/Pagination.js';
+export { getPaginationItems, paginate } from './components/pagination-utils.js';
+export type { PaginationItem } from './components/pagination-utils.js';
+export type { PaginationLabels, PaginationProps } from './components/Pagination.js';
+export { Breadcrumb } from './components/Breadcrumb.js';
+export type { BreadcrumbItem, BreadcrumbLinkProps, BreadcrumbProps } from './components/Breadcrumb.js';
+export { Progress, Meter } from './components/Progress.js';
+export { getMeterState } from './components/meter-utils.js';
+export type { MeterState } from './components/meter-utils.js';
+export type { MeterProps, ProgressProps, ProgressSize, ProgressTone } from './components/Progress.js';
+export { Stat } from './components/Stat.js';
+export type { StatDelta, StatProps, StatTone } from './components/Stat.js';
+export { AlertDialog } from './components/AlertDialog.js';
+export type { AlertDialogProps, AlertDialogTone } from './components/AlertDialog.js';
+export { Drawer, DrawerClose } from './components/Drawer.js';
+export type { DrawerCloseProps, DrawerCloseReason, DrawerProps, DrawerSide, DrawerSize } from './components/Drawer.js';
+export { Alert, Callout } from './components/Alert.js';
+export type { AlertLive, AlertProps, AlertTone, CalloutProps } from './components/Alert.js';
+export { EmptyState } from './components/EmptyState.js';
+export type { EmptyStateHeadingLevel, EmptyStateKind, EmptyStateProps, EmptyStateSize } from './components/EmptyState.js';
+export { Skeleton } from './components/Skeleton.js';
+export type { SkeletonProps, SkeletonShape } from './components/Skeleton.js';
+export { Spinner } from './components/Spinner.js';
+export type { SpinnerProps, SpinnerSize } from './components/Spinner.js';
+export { Collapsible } from './components/Collapsible.js';
+export type { CollapsibleProps } from './components/Collapsible.js';
+export { Accordion, AccordionItem } from './components/Accordion.js';
+export type { AccordionHeadingLevel, AccordionItemData, AccordionItemProps, AccordionProps } from './components/Accordion.js';
+export { Slider } from './components/Slider.js';
+export type { SliderChangeValue, SliderMark, SliderProps } from './components/Slider.js';
+export { NumberField } from './components/NumberField.js';
+export type { NumberFieldProps } from './components/NumberField.js';
+export { ContextMenu } from './components/ContextMenu.js';
+export type { ContextMenuProps } from './components/ContextMenu.js';
+export { Combobox } from './components/Combobox.js';
+export type { ComboboxFilter, ComboboxOption, ComboboxProps } from './components/Combobox.js';
+export { CommandPalette, matchHotkey } from './components/CommandPalette.js';
+export type { CommandFilter, CommandItem, CommandPaletteProps } from './components/CommandPalette.js';
+export { SplitButton } from './components/SplitButton.js';
+export type { SplitButtonProps } from './components/SplitButton.js';
+export { ScrollArea } from './components/ScrollArea.js';
+export type { ScrollAreaOrientation, ScrollAreaProps } from './components/ScrollArea.js';
+export { FileDropZone, matchesAccept, validateFiles } from './components/FileDropZone.js';
+export type { FileDropZoneProps, FileRejection, FileRejectionReason } from './components/FileDropZone.js';
+export { DataTable } from './components/DataTable.js';
+export type { DataTableColumn, DataTablePagination, DataTableProps, DataTableStatus, SortDirection, SortState, } from './components/DataTable.js';
+export { ArchiveCard } from './components/ArchiveCard.js';
+export type { ArchiveCardProps, ArchiveCardStatus } from './components/ArchiveCard.js';
+export { StatusIndicator } from './components/StatusIndicator.js';
+export type { StatusIndicatorProps } from './components/StatusIndicator.js';
+export { Timeline } from './components/Timeline.js';
+export type { TimelineEvent, TimelineProps } from './components/Timeline.js';
+export { RecordHeader } from './components/RecordHeader.js';
+export type { RecordHeaderProps, RecordStatus, RecordTrailItem } from './components/RecordHeader.js';
+export { RhineProvider, usePortalContainer } from './provider/RhineProvider.js';
+export type { RhineDensity, RhineMotionPreference, RhineProviderProps, RhineTheme } from './provider/RhineProvider.js';
+export { RhineMessagesProvider, enUS, useRhineLocale, useRhineMessages, zhCN } from './provider/messages.js';
+export type { RhineLocaleValue, RhineMessages, RhineMessagesOverrides, RhineMessagesProviderProps, RhineNumberFormat } from './provider/messages.js';
+export { duration, ease, fadePresence, pressScale, transition } from './motion/presets.js';
+export { useRhineMotion } from './motion/useRhineMotion.js';
+export type { RhineMotion, RhineTransitionName } from './motion/useRhineMotion.js';
+export { MotionSpeed, resolveMotion, useMotionSpeed } from './motion/resolve.js';
+export type { MotionPropertyKind, MotionSpeedProps } from './motion/resolve.js';
+export { MotionPresence, RhineMotionGroup, RhineMotionItem } from './motion/presence.js';
+export type { MotionPresencePreset, MotionPresenceProps, RhineMotionGroupProps, RhineMotionItemProps } from './motion/presence.js';
+export { useInViewport, usePageVisible } from './motion/visibility.js';
+export { useLatestGuard, useMotionLifecycle } from './motion/lifecycle.js';
+export type { LatestGuard, MotionLifecycle, MotionLifecycleOptions, MotionLifecycleState, MotionPauseReason } from './motion/lifecycle.js';
+export { ArchiveIdentity } from './components/ArchiveCard.js';
+export type { ArchiveIdentityProps } from './components/ArchiveCard.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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