@ratio-ui/core 0.1.1 → 0.3.0

package/dist/components/unit-input/UnitInput.d.ts

@@ -0,0 +1,33 @@
+import { InputGroupSize } from "../input-group/InputGroup.js";
+import "../input-group/index.js";
+import { InputHTMLAttributes, JSX, Ref } from "react";
+/**
+ * The props of UnitInput: the HTML attributes of an input, except className, style, size and the ones the field sets
+ * itself (type, inputMode, step, onChange), with the unit and the number in and out. Mark an invalid field with
+ * aria-invalid, which draws the error ring around the whole group.
+ */
+export type UnitInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'size' | 'type' | 'inputMode' | 'step' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max'> & {
+  /** The unit after the number, such as kg or cm. Screen readers read it as the field's description. */
+  unit: string;
+  /** The number, or null for an empty field. Pass it to control the field. */
+  value?: number | null;
+  /** The starting number when the field is not controlled. Defaults to empty. */
+  defaultValue?: number | null;
+  /** Called with the number as it is typed or cleared (null when empty), and with the rounded number on blur. */
+  onValueChange?: (value: number | null) => void;
+  /** The most decimals the number keeps; the field rounds to them on blur. Defaults to 3 (grams in kg). */
+  decimals?: number;
+  /** The smallest number; the field moves a smaller one up to it on blur. */
+  min?: number;
+  /** The largest number; the field moves a larger one down to it on blur. */
+  max?: number;
+  /** The height in px: 36 for forms, 32 for fields inside a table. Defaults to 36. */
+  size?: InputGroupSize;
+  /** Receives the input element. */
+  ref?: Ref<HTMLInputElement>;
+};
+/**
+ * A number field with its unit after it, inside one ring: a weight in kg, a length in cm. It takes and gives a number,
+ * written without thousands separators as counts are, and keeps at most `decimals` decimals.
+ */
+export declare function UnitInput({ unit, value, defaultValue, onValueChange, decimals, min, max, size, id, name, disabled, readOnly, required, 'aria-describedby': describedBy, ref, ...rest }: UnitInputProps): JSX.Element;

package/dist/components/unit-input/UnitInput.js

@@ -0,0 +1,47 @@
+import { FORMAT } from "../../lib/format.js";
+import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "../input-group/InputGroup.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { NumberField } from "@base-ui/react/number-field";
+// src/components/unit-input/UnitInput.tsx
+/**
+* A number field with its unit after it, inside one ring: a weight in kg, a length in cm. It takes and gives a number,
+* written without thousands separators as counts are, and keeps at most `decimals` decimals.
+*/
+function UnitInput({ unit, value, defaultValue, onValueChange, decimals = 3, min, max, size = 36, id, name, disabled, readOnly, required, "aria-describedby": describedBy, ref, ...rest }) {
+	const unitId = useId();
+	return /* @__PURE__ */ jsx(NumberField.Root, {
+		id,
+		name,
+		value,
+		defaultValue: defaultValue ?? void 0,
+		onValueChange: (next) => onValueChange?.(next),
+		locale: FORMAT.locale,
+		format: {
+			maximumFractionDigits: decimals,
+			useGrouping: false
+		},
+		min,
+		max,
+		disabled,
+		readOnly,
+		required,
+		children: /* @__PURE__ */ jsxs(InputGroup, {
+			size,
+			"aria-disabled": disabled || void 0,
+			children: [/* @__PURE__ */ jsx(NumberField.Input, {
+				render: /* @__PURE__ */ jsx(InputGroupInput, {}),
+				ref,
+				"aria-describedby": describedBy === void 0 ? unitId : `${unitId} ${describedBy}`,
+				...rest
+			}), /* @__PURE__ */ jsx(InputGroupAddon, {
+				align: "end",
+				children: /* @__PURE__ */ jsx(InputGroupText, {
+					id: unitId,
+					children: unit
+				})
+			})]
+		})
+	});
+}
+export { UnitInput };

package/dist/components/unit-input/index.d.ts

@@ -0,0 +1,2 @@
+import { UnitInput, UnitInputProps } from "./UnitInput.js";
+export { UnitInput, type UnitInputProps };

package/dist/components/unit-input/index.js

@@ -0,0 +1 @@
+export { UnitInput } from "./UnitInput.js";

package/dist/index.d.ts

@@ -1,11 +1,112 @@
+import { Button, ButtonProps, ButtonVariant } from "./components/button/Button.js";
+import "./components/button/index.js";
+import { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps } from "./components/alert-dialog/AlertDialog.js";
+import "./components/alert-dialog/index.js";
+import { Alert, AlertProps, AlertTone } from "./components/alert/Alert.js";
+import "./components/alert/index.js";
+import { AppShell, AppShellProps } from "./components/app-shell/AppShell.js";
+import "./components/app-shell/index.js";
+import { Avatar, AvatarProps, AvatarShape, AvatarSize, getInitials } from "./components/avatar/Avatar.js";
+import "./components/avatar/index.js";
+import { Calendar, CalendarProps } from "./components/calendar/Calendar.js";
+import "./components/calendar/index.js";
+import { Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps } from "./components/card/Card.js";
+import "./components/card/index.js";
+import { CheckboxList, CheckboxListItem, CheckboxListProps } from "./components/checkbox-list/CheckboxList.js";
+import "./components/checkbox-list/index.js";
+import { Checkbox, CheckboxProps } from "./components/checkbox/Checkbox.js";
+import "./components/checkbox/index.js";
+import { SummaryChip, SummaryChips, SummaryChipsProps } from "./components/summary-chips/SummaryChips.js";
+import "./components/summary-chips/index.js";
+import { Collapsible, CollapsibleProps } from "./components/collapsible/Collapsible.js";
+import "./components/collapsible/index.js";
+import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps } from "./components/table/Table.js";
+import "./components/table/index.js";
+import { DataTable, DataTableColumn, DataTableProps, DataTableSort } from "./components/data-table/DataTable.js";
+import "./components/data-table/index.js";
+import { InputGroup, InputGroupAddon, InputGroupAddonAlign, InputGroupAddonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupShortcut, InputGroupShortcutProps, InputGroupSize, InputGroupText, InputGroupTextProps } from "./components/input-group/InputGroup.js";
+import "./components/input-group/index.js";
+import { DatePicker, DatePickerProps } from "./components/date-picker/DatePicker.js";
+import "./components/date-picker/index.js";
+import { DateRangePicker, DateRangePickerProps, DateRangeValue } from "./components/date-range-picker/DateRangePicker.js";
+import "./components/date-range-picker/index.js";
+import { Definition, DefinitionProps } from "./components/definition/Definition.js";
+import "./components/definition/index.js";
+import { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from "./components/dialog/Dialog.js";
+import "./components/dialog/index.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from "./components/dropdown-menu/DropdownMenu.js";
+import "./components/dropdown-menu/index.js";
+import { EmptyState, EmptyStateProps } from "./components/empty-state/EmptyState.js";
+import "./components/empty-state/index.js";
+import { Field, FieldControlProps, FieldProps } from "./components/field/Field.js";
+import { Label, LabelProps } from "./components/field/Label.js";
+import "./components/field/index.js";
+import { FilterTabs, FilterTabsItem, FilterTabsProps } from "./components/filter-tabs/FilterTabs.js";
+import "./components/filter-tabs/index.js";
 import { IconName } from "./components/icon/registry.js";
 import { Icon, IconProps, IconSize, IconTone } from "./components/icon/Icon.js";
 import "./components/icon/index.js";
+import { GlobalSearch, GlobalSearchGroup, GlobalSearchProps, GlobalSearchResult } from "./components/global-search/GlobalSearch.js";
+import "./components/global-search/index.js";
 import { Space } from "./lib/space.js";
 import { Inline, InlineProps } from "./components/inline/Inline.js";
 import "./components/inline/index.js";
+import { Input, InputProps, InputSize } from "./components/input/Input.js";
+import "./components/input/index.js";
+import { Kbd, KbdGroup, KbdGroupProps, KbdProps } from "./components/kbd/Kbd.js";
+import "./components/kbd/index.js";
+import { LinkProvider, LinkProviderProps, LinkRender, LinkRenderProps } from "./components/link-provider/LinkProvider.js";
+import "./components/link-provider/index.js";
+import { Link, LinkProps } from "./components/link/Link.js";
+import "./components/link/index.js";
+import { MediaGrid, MediaGridItem, MediaGridProps } from "./components/media-grid/MediaGrid.js";
+import "./components/media-grid/index.js";
+import { MetricSegment, MetricStrip, MetricStripProps } from "./components/metric-strip/MetricStrip.js";
+import "./components/metric-strip/index.js";
+import { MoneyInput, MoneyInputProps } from "./components/money-input/MoneyInput.js";
+import "./components/money-input/index.js";
+import { StatusPill, StatusPillProps, StatusPillTone } from "./components/status-pill/StatusPill.js";
+import "./components/status-pill/index.js";
+import { PageHeader, PageHeaderMenuItem, PageHeaderProps } from "./components/page-header/PageHeader.js";
+import "./components/page-header/index.js";
+import { Pagination, PaginationProps } from "./components/pagination/Pagination.js";
+import "./components/pagination/index.js";
+import { Popover, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps } from "./components/popover/Popover.js";
+import "./components/popover/index.js";
+import { SaveBar, SaveBarProps } from "./components/save-bar/SaveBar.js";
+import "./components/save-bar/index.js";
+import { SearchField, SearchFieldProps } from "./components/search-field/SearchField.js";
+import "./components/search-field/index.js";
+import { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectSize, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./components/select/Select.js";
+import "./components/select/index.js";
+import { SideNav, SideNavAccount, SideNavItem, SideNavProps, SideNavSection } from "./components/side-nav/SideNav.js";
+import "./components/side-nav/index.js";
+import { Skeleton, SkeletonProps, SkeletonShape } from "./components/skeleton/Skeleton.js";
+import "./components/skeleton/index.js";
+import { Spinner, SpinnerProps } from "./components/spinner/Spinner.js";
+import "./components/spinner/index.js";
 import { Stack, StackProps } from "./components/stack/Stack.js";
 import "./components/stack/index.js";
+import { Switch, SwitchProps } from "./components/switch/Switch.js";
+import "./components/switch/index.js";
+import { TableLoader, TableLoaderColumn, TableLoaderProps } from "./components/table-loader/TableLoader.js";
+import "./components/table-loader/index.js";
+import { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from "./components/tabs/Tabs.js";
+import "./components/tabs/index.js";
+import { TagInput, TagInputProps } from "./components/tag-input/TagInput.js";
+import "./components/tag-input/index.js";
 import { Text, TextProps, TextTone, TextVariant } from "./components/text/Text.js";
 import "./components/text/index.js";
-export { Icon, type IconName, type IconProps, type IconSize, type IconTone, Inline, type InlineProps, type Space, Stack, type StackProps, Text, type TextProps, type TextTone, type TextVariant };
+import { Textarea, TextareaProps, TextareaSize } from "./components/textarea/Textarea.js";
+import "./components/textarea/index.js";
+import { ToastOptions, Toaster, ToasterProps, toast } from "./components/toaster/Toaster.js";
+import "./components/toaster/index.js";
+import { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps } from "./components/tooltip/Tooltip.js";
+import "./components/tooltip/index.js";
+import { TopBar, TopBarProps } from "./components/top-bar/TopBar.js";
+import { StoreOption, StoreSwitcher, StoreSwitcherProps } from "./components/top-bar/StoreSwitcher.js";
+import "./components/top-bar/index.js";
+import { UnitInput, UnitInputProps } from "./components/unit-input/UnitInput.js";
+import "./components/unit-input/index.js";
+import { DateInput, FORMAT, MONEY_NUMBER_FORMAT, amountToPaise, currencySymbol, formatCount, formatDate, formatIsoDate, formatMoney, formatPaise, formatPaiseForEditing, formatTime, numberSeparators, paiseToAmount, parseDate, parseMoney } from "./lib/format.js";
+export { Alert, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, type AlertTone, AppShell, type AppShellProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxList, type CheckboxListItem, type CheckboxListProps, type CheckboxProps, Collapsible, type CollapsibleProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, DateInput, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, type DateRangeValue, Definition, type DefinitionProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, type EmptyStateProps, FORMAT, Field, type FieldControlProps, type FieldProps, FilterTabs, type FilterTabsItem, type FilterTabsProps, GlobalSearch, type GlobalSearchGroup, type GlobalSearchProps, type GlobalSearchResult, Icon, type IconName, type IconProps, type IconSize, type IconTone, Inline, type InlineProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupShortcut, type InputGroupShortcutProps, type InputGroupSize, InputGroupText, type InputGroupTextProps, type InputProps, type InputSize, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps, Link, type LinkProps, LinkProvider, type LinkProviderProps, type LinkRender, type LinkRenderProps, MONEY_NUMBER_FORMAT, MediaGrid, type MediaGridItem, type MediaGridProps, type MetricSegment, MetricStrip, type MetricStripProps, MoneyInput, type MoneyInputProps, PageHeader, type PageHeaderMenuItem, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, SaveBar, type SaveBarProps, SearchField, type SearchFieldProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, SideNav, type SideNavAccount, type SideNavItem, type SideNavProps, type SideNavSection, Skeleton, type SkeletonProps, type SkeletonShape, type Space, Spinner, type SpinnerProps, Stack, type StackProps, StatusPill, type StatusPillProps, type StatusPillTone, type StoreOption, StoreSwitcher, type StoreSwitcherProps, type SummaryChip, SummaryChips, type SummaryChipsProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableLoader, type TableLoaderColumn, type TableLoaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, type TagInputProps, Text, type TextProps, type TextTone, type TextVariant, Textarea, type TextareaProps, type TextareaSize, type ToastOptions, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TopBar, type TopBarProps, UnitInput, type UnitInputProps, amountToPaise, currencySymbol, formatCount, formatDate, formatIsoDate, formatMoney, formatPaise, formatPaiseForEditing, formatTime, getInitials, numberSeparators, paiseToAmount, parseDate, parseMoney, toast };

package/dist/index.js

@@ -1,5 +1,57 @@
 import { Icon } from "./components/icon/Icon.js";
+import { Text } from "./components/text/Text.js";
+import { Alert } from "./components/alert/Alert.js";
+import { Button } from "./components/button/Button.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "./components/alert-dialog/AlertDialog.js";
+import { AppShell } from "./components/app-shell/AppShell.js";
+import { Avatar, getInitials } from "./components/avatar/Avatar.js";
+import { FORMAT, MONEY_NUMBER_FORMAT, amountToPaise, currencySymbol, formatCount, formatDate, formatIsoDate, formatMoney, formatPaise, formatPaiseForEditing, formatTime, numberSeparators, paiseToAmount, parseDate, parseMoney } from "./lib/format.js";
+import { Calendar } from "./components/calendar/Calendar.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card/Card.js";
+import { Checkbox } from "./components/checkbox/Checkbox.js";
+import { CheckboxList } from "./components/checkbox-list/CheckboxList.js";
+import { SummaryChips } from "./components/summary-chips/SummaryChips.js";
+import { Collapsible } from "./components/collapsible/Collapsible.js";
+import { Pagination } from "./components/pagination/Pagination.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table/Table.js";
+import { DataTable } from "./components/data-table/DataTable.js";
+import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupShortcut, InputGroupText } from "./components/input-group/InputGroup.js";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./components/popover/Popover.js";
+import { DatePicker } from "./components/date-picker/DatePicker.js";
+import { DateRangePicker } from "./components/date-range-picker/DateRangePicker.js";
+import { Definition } from "./components/definition/Definition.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./components/dialog/Dialog.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/dropdown-menu/DropdownMenu.js";
+import { EmptyState } from "./components/empty-state/EmptyState.js";
+import { Label } from "./components/field/Label.js";
+import { Field } from "./components/field/Field.js";
+import { FilterTabs } from "./components/filter-tabs/FilterTabs.js";
+import { Kbd, KbdGroup } from "./components/kbd/Kbd.js";
+import { GlobalSearch } from "./components/global-search/GlobalSearch.js";
 import { Inline } from "./components/inline/Inline.js";
+import { Input } from "./components/input/Input.js";
+import { Link } from "./components/link/Link.js";
+import { LinkProvider } from "./components/link-provider/LinkProvider.js";
+import { MediaGrid } from "./components/media-grid/MediaGrid.js";
+import { MetricStrip } from "./components/metric-strip/MetricStrip.js";
+import { MoneyInput } from "./components/money-input/MoneyInput.js";
+import { StatusPill } from "./components/status-pill/StatusPill.js";
+import { PageHeader } from "./components/page-header/PageHeader.js";
+import { SaveBar } from "./components/save-bar/SaveBar.js";
+import { SearchField } from "./components/search-field/SearchField.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./components/select/Select.js";
+import { SideNav } from "./components/side-nav/SideNav.js";
+import { Skeleton } from "./components/skeleton/Skeleton.js";
+import { Spinner } from "./components/spinner/Spinner.js";
 import { Stack } from "./components/stack/Stack.js";
-import { Text } from "./components/text/Text.js";
-export { Icon, Inline, Stack, Text };
+import { Switch } from "./components/switch/Switch.js";
+import { TableLoader } from "./components/table-loader/TableLoader.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs/Tabs.js";
+import { TagInput } from "./components/tag-input/TagInput.js";
+import { Textarea } from "./components/textarea/Textarea.js";
+import { Toaster, toast } from "./components/toaster/Toaster.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip/Tooltip.js";
+import { TopBar } from "./components/top-bar/TopBar.js";
+import { StoreSwitcher } from "./components/top-bar/StoreSwitcher.js";
+import { UnitInput } from "./components/unit-input/UnitInput.js";
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AppShell, Avatar, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxList, Collapsible, DataTable, DatePicker, DateRangePicker, Definition, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FORMAT, Field, FilterTabs, GlobalSearch, Icon, Inline, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupShortcut, InputGroupText, Kbd, KbdGroup, Label, Link, LinkProvider, MONEY_NUMBER_FORMAT, MediaGrid, MetricStrip, MoneyInput, PageHeader, Pagination, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, SaveBar, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SideNav, Skeleton, Spinner, Stack, StatusPill, StoreSwitcher, SummaryChips, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableLoader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, Text, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, UnitInput, amountToPaise, currencySymbol, formatCount, formatDate, formatIsoDate, formatMoney, formatPaise, formatPaiseForEditing, formatTime, getInitials, numberSeparators, paiseToAmount, parseDate, parseMoney, toast };

package/dist/lib/cn.js

@@ -3,33 +3,44 @@ import { extendTailwindMerge } from "tailwind-merge";
 // src/lib/cn.ts
 const twMerge = extendTailwindMerge({
 	prefix: "rt",
-	extend: { theme: {
-		text: [
-			"display",
-			"h1",
-			"h5",
-			"s1",
-			"s2",
-			"b1",
-			"b2",
-			"b3",
-			"b4",
-			"c1",
-			"c2",
-			"c3",
-			"label",
-			"btn",
-			"btn-sm"
-		],
-		shadow: [
-			"ring-subtle",
-			"ring-focus",
-			"ring-strong",
-			"ring-hairline",
-			"ring-accent-hairline"
-		],
-		container: ["content"]
-	} }
+	extend: {
+		theme: {
+			text: [
+				"display",
+				"h1",
+				"h5",
+				"s1",
+				"s2",
+				"b1",
+				"b2",
+				"b3",
+				"b4",
+				"c1",
+				"c2",
+				"c3",
+				"label",
+				"btn",
+				"btn-sm"
+			],
+			shadow: [
+				"ring-subtle",
+				"ring-focus",
+				"ring-strong",
+				"ring-hairline",
+				"ring-accent-hairline",
+				"ring-destructive",
+				"ring-invalid"
+			],
+			container: ["content"]
+		},
+		classGroups: {
+			h: [{ h: ["progress"] }],
+			w: [{ w: ["anchor"] }],
+			"min-w": [{ "min-w": ["anchor"] }],
+			"max-w": [{ "max-w": ["available"] }],
+			"max-h": [{ "max-h": ["available"] }]
+		}
+	}
 });
 /**
 * Joins class values the way clsx does, then drops every rt: utility that a later one overrides.

package/dist/lib/format.d.ts

@@ -0,0 +1,92 @@
+/**
+ * The formats of design question 6, pending its answer: money in rupees with Indian grouping and two decimals
+ * (1,23,456.50), dates as day/month/year (28/10/2026), times on a 12-hour clock with a lower-case am or pm (3:05 pm).
+ * Counts carry no separators, as the design system says. Dates and times are written in the viewer's time zone.
+ */
+export declare const FORMAT: {
+  /** The locale whose grouping and currency symbols money uses; also the locale a number field formats and parses with. */
+  readonly locale: "en-IN";
+  /** The currency of an amount when none is given (ISO 4217). */
+  readonly currency: "INR";
+  /** The decimals every amount shows, which is also how many minor units (paise) make one rupee: 10 to this power. */
+  readonly moneyDecimals: 2;
+  /** How a date is written and typed: DD, MM and YYYY with the separators between them. A date field's placeholder. */
+  readonly datePattern: "DD/MM/YYYY";
+};
+/**
+ * A date, a timestamp in milliseconds or a date string that `Date` reads, such as an ISO 8601 date from an API.
+ * A date-only string (2026-10-28) is that calendar day wherever the viewer is.
+ */
+export type DateInput = Date | number | string;
+/**
+ * Writes an amount of money: the currency symbol, Indian digit grouping and two decimals, so 123456.5 is ₹1,23,456.50
+ * and -1234.5 is -₹1,234.50.
+ * @param amount The amount in the currency's main unit (rupees, not paise).
+ * @param currency The ISO 4217 code; rupees when left out.
+ */
+export declare function formatMoney(amount: number, currency?: string): string;
+/** Writes a count with no thousands separators, as the design system says: 123456, never 1,23,456. */
+export declare function formatCount(count: number): string;
+/** Writes a date in FORMAT.datePattern, two-digit day and month: 28/10/2026. Throws a RangeError on a value that is not a date. */
+export declare function formatDate(value: DateInput): string;
+/** Writes a calendar day as YYYY-MM-DD, the form a server reads: 2026-10-28. It is not the display format. Throws a RangeError on a value that is not a date. */
+export declare function formatIsoDate(value: DateInput): string;
+/**
+ * Reads a date typed in FORMAT.datePattern as that calendar day at local midnight: '28/10/2026' is 28 October 2026, and
+ * '3/1/2026' is 3 January. Returns null for anything else, including a day the calendar does not have (31/02/2026), so
+ * a date field can show its error rather than roll the date over.
+ */
+export declare function parseDate(text: string): Date | null;
+/** Writes a time on a 12-hour clock, minutes in two digits, with a lower-case am or pm: 3:05 pm, 12:07 am. Throws a RangeError on a value that is not a date. */
+export declare function formatTime(value: DateInput): string;
+/**
+ * The options a number field formats money with, beside `locale={FORMAT.locale}`: two decimals, grouped as the locale
+ * groups (1,23,456.50). MoneyInput passes both to Base UI's NumberField.
+ */
+export declare const MONEY_NUMBER_FORMAT: {
+  readonly minimumFractionDigits: 2;
+  readonly maximumFractionDigits: 2;
+  readonly useGrouping: true;
+};
+/**
+ * The group separator and the decimal sign of a locale, FORMAT.locale when left out: { group: ',', decimal: '.' }.
+ * @param locale A BCP 47 locale.
+ */
+export declare function numberSeparators(locale?: string): {
+  group: string;
+  decimal: string;
+};
+/**
+ * The symbol a money field shows before the amount: ₹ for rupees.
+ * @param currency The ISO 4217 code; rupees when left out.
+ */
+export declare function currencySymbol(currency?: string): string;
+/**
+ * The amount in rupees for integer paise, for a number field that holds rupees: 12345650 is 123456.5.
+ * Throws a RangeError on a value that is not a whole number of paise.
+ */
+export declare function paiseToAmount(paise: number): number;
+/**
+ * Integer paise for an amount in rupees, rounded to the nearest paisa: 123456.5 is 12345650, and 0.1 + 0.2 is 30.
+ * Returns null for NaN, an infinity or an amount too large for exact paise.
+ */
+export declare function amountToPaise(amount: number): number | null;
+/**
+ * Writes integer paise as money: 12345650 is ₹1,23,456.50 and -500 is -₹5.00.
+ * Throws a RangeError on a value that is not a whole number of paise.
+ * @param paise The amount in paise, the currency's minor unit.
+ * @param currency The ISO 4217 code; rupees when left out.
+ */
+export declare function formatPaise(paise: number, currency?: string): string;
+/**
+ * Writes integer paise for a money field to edit: grouped, two decimals, no currency symbol (the field shows it as a
+ * prefix), so 12345650 is 1,23,456.50. parseMoney reads it back. Throws a RangeError on a value that is not a whole
+ * number of paise.
+ */
+export declare function formatPaiseForEditing(paise: number): string;
+/**
+ * Reads typed or pasted money as integer paise: '₹1,23,456.50', '1,23,456.5' and '123,456.50' are 12345650, '123456' is
+ * 12345600, ' 12.3 ' is 1230 and '-₹5' is -500. Returns null for anything that is not an amount: no digits, letters,
+ * another currency's symbol, two minus signs, groups that are not 2 or 3 digits, or more decimals than paise hold (12.345).
+ */
+export declare function parseMoney(text: string): number | null;