@ratio-ui/core 0.1.1 → 0.2.0

package/dist/components/top-bar/StoreSwitcher.js

@@ -0,0 +1,48 @@
+import { Avatar } from "../avatar/Avatar.js";
+import { Icon } from "../icon/Icon.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "../dropdown-menu/DropdownMenu.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/top-bar/StoreSwitcher.tsx
+/**
+* The store switcher of TopBar: a square avatar, the store name and a chevron that open a menu of the stores the app
+* passes. On a phone only the avatar shows. Pass it to TopBar's `storeSwitcher` slot.
+*/
+function StoreSwitcher({ stores, storeId, onStoreChange, label = "Switch store" }) {
+	const current = stores.find((store) => store.id === storeId);
+	const name = current?.name ?? label;
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+		render: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "rt:flex rt:h-9 rt:items-center rt:gap-2 rt:rounded-lg rt:px-1.5 rt:text-b3 rt:text-foreground rt:hover:bg-muted rt:focus-visible:focus-ring"
+		}),
+		children: [
+			/* @__PURE__ */ jsx(Avatar, {
+				name,
+				src: current?.src,
+				shape: "square",
+				size: "sm"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "rt:hidden rt:max-w-40 rt:truncate rt:md:inline",
+				children: name
+			}),
+			/* @__PURE__ */ jsx(Icon, {
+				name: "nav-caret-down",
+				size: 8,
+				tone: "icon"
+			})
+		]
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "end",
+		children: /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: label }), /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+			value: storeId,
+			onValueChange: (value) => onStoreChange?.(String(value)),
+			children: stores.map((store) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+				value: store.id,
+				closeOnClick: true,
+				children: store.name
+			}, store.id))
+		})] })
+	})] });
+}
+export { StoreSwitcher };

package/dist/components/top-bar/TopBar.d.ts

@@ -0,0 +1,24 @@
+import { JSX, ReactNode } from "react";
+/** The props of TopBar. */
+export type TopBarProps = {
+  /** The logo, usually an image. When it is left out the bar shows the text wordmark instead (--rt-wordmark). */
+  logo?: ReactNode;
+  /** The accessible name of the text wordmark, shown when there is no logo. Defaults to Ratio. */
+  wordmarkLabel?: string;
+  /** The accessible name of the phone menu button that opens the side navigation. Defaults to Open navigation menu. */
+  menuLabel?: string;
+  /** The global search, for example GlobalSearch. It takes the free space in the middle. */
+  search?: ReactNode;
+  /** The buttons at the right, such as help and notifications. */
+  actions?: ReactNode;
+  /** The store switcher, for example StoreSwitcher. It sits at the right, after the actions. */
+  storeSwitcher?: ReactNode;
+  /** The account at the far right, such as an Avatar or a menu of the signed-in person. */
+  account?: ReactNode;
+};
+/**
+ * The bar across the top of every page: logo, search, actions, the store switcher and the account. It is 60px high on a
+ * desktop and 52px on a phone, with a hairline under it. The parts are slots, so the bar does not depend on their
+ * components. Inside an AppShell with a side nav it shows a menu button on phones, which opens the side nav drawer.
+ */
+export declare function TopBar({ logo, wordmarkLabel, menuLabel, search, actions, storeSwitcher, account }: TopBarProps): JSX.Element;

package/dist/components/top-bar/TopBar.js

@@ -0,0 +1,53 @@
+import { ShellNavContext } from "../app-shell/context.js";
+import { Icon } from "../icon/Icon.js";
+import { use } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/top-bar/TopBar.tsx
+/**
+* The bar across the top of every page: logo, search, actions, the store switcher and the account. It is 60px high on a
+* desktop and 52px on a phone, with a hairline under it. The parts are slots, so the bar does not depend on their
+* components. Inside an AppShell with a side nav it shows a menu button on phones, which opens the side nav drawer.
+*/
+function TopBar({ logo, wordmarkLabel = "Ratio", menuLabel = "Open navigation menu", search, actions, storeSwitcher, account }) {
+	const nav = use(ShellNavContext);
+	return /* @__PURE__ */ jsxs("header", {
+		className: "rt:flex rt:h-13 rt:md:h-15 rt:shrink-0 rt:items-center rt:gap-3 rt:border-b rt:border-border rt:bg-page rt:px-3 rt:md:px-6 rt:font-sans",
+		children: [
+			nav && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": menuLabel,
+				"aria-expanded": nav.open,
+				"aria-controls": nav.id,
+				onClick: () => nav.setOpen(!nav.open),
+				className: "rt:-ml-1.5 rt:flex rt:size-9 rt:shrink-0 rt:items-center rt:justify-center rt:rounded-lg rt:text-foreground rt:hover:bg-muted rt:focus-visible:focus-ring rt:md:hidden",
+				children: /* @__PURE__ */ jsx(Icon, {
+					name: "menu",
+					size: 16,
+					tone: "icon"
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "rt:flex rt:shrink-0 rt:items-center rt:text-b4 rt:text-foreground",
+				children: logo ?? /* @__PURE__ */ jsx("span", {
+					"data-slot": "wordmark",
+					role: "img",
+					"aria-label": wordmarkLabel,
+					className: "rt:wordmark"
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "rt:flex rt:min-w-0 rt:flex-1 rt:justify-center",
+				children: search
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "rt:flex rt:shrink-0 rt:items-center rt:gap-2",
+				children: [
+					actions,
+					storeSwitcher,
+					account
+				]
+			})
+		]
+	});
+}
+export { TopBar };

package/dist/components/top-bar/index.d.ts

@@ -0,0 +1,3 @@
+import { TopBar, TopBarProps } from "./TopBar.js";
+import { StoreOption, StoreSwitcher, StoreSwitcherProps } from "./StoreSwitcher.js";
+export { type StoreOption, StoreSwitcher, type StoreSwitcherProps, TopBar, type TopBarProps };

package/dist/components/top-bar/index.js

@@ -0,0 +1,3 @@
+import { TopBar } from "./TopBar.js";
+import { StoreSwitcher } from "./StoreSwitcher.js";
+export { StoreSwitcher, TopBar };

package/dist/index.d.ts

@@ -1,11 +1,75 @@
+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 { Button, ButtonProps, ButtonVariant } from "./components/button/Button.js";
+import "./components/button/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 { Checkbox, CheckboxProps } from "./components/checkbox/Checkbox.js";
+import "./components/checkbox/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 { 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 { 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 { 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 { 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 { MetricSegment, MetricStrip, MetricStripProps } from "./components/metric-strip/MetricStrip.js";
+import "./components/metric-strip/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 { SearchField, SearchFieldProps } from "./components/search-field/SearchField.js";
+import "./components/search-field/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 { 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 { 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 { 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 { DateInput, FORMAT, formatCount, formatDate, formatMoney, formatTime } from "./lib/format.js";
+export { AppShell, type AppShellProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, Button, type ButtonProps, type ButtonVariant, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, DateInput, 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, 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, LinkProvider, type LinkProviderProps, type LinkRender, type LinkRenderProps, type MetricSegment, MetricStrip, type MetricStripProps, 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, SearchField, type SearchFieldProps, 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, 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, Text, type TextProps, type TextTone, type TextVariant, type ToastOptions, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, TopBar, type TopBarProps, formatCount, formatDate, formatMoney, formatTime, getInitials, toast };

package/dist/index.js

@@ -1,5 +1,38 @@
+import { AppShell } from "./components/app-shell/AppShell.js";
+import { Avatar, getInitials } from "./components/avatar/Avatar.js";
+import { Button } from "./components/button/Button.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card/Card.js";
 import { Icon } from "./components/icon/Icon.js";
+import { Checkbox } from "./components/checkbox/Checkbox.js";
+import { FORMAT, formatCount, formatDate, formatMoney, formatTime } from "./lib/format.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 { 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 { Text } from "./components/text/Text.js";
+import { EmptyState } from "./components/empty-state/EmptyState.js";
+import { FilterTabs } from "./components/filter-tabs/FilterTabs.js";
+import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupShortcut, InputGroupText } from "./components/input-group/InputGroup.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 { LinkProvider } from "./components/link-provider/LinkProvider.js";
+import { MetricStrip } from "./components/metric-strip/MetricStrip.js";
+import { StatusPill } from "./components/status-pill/StatusPill.js";
+import { PageHeader } from "./components/page-header/PageHeader.js";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./components/popover/Popover.js";
+import { SearchField } from "./components/search-field/SearchField.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 { TableLoader } from "./components/table-loader/TableLoader.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs/Tabs.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";
+export { AppShell, Avatar, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DataTable, 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, FilterTabs, GlobalSearch, Icon, Inline, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupShortcut, InputGroupText, Kbd, KbdGroup, LinkProvider, MetricStrip, PageHeader, Pagination, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, SearchField, SideNav, Skeleton, Spinner, Stack, StatusPill, StoreSwitcher, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableLoader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, formatCount, formatDate, formatMoney, formatTime, getInitials, toast };

package/dist/lib/cn.js

@@ -3,33 +3,38 @@ 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"] }] }
+	}
 });
 /**
 * 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,31 @@
+/**
+ * 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. */
+  readonly locale: "en-IN";
+  /** The currency of an amount when none is given (ISO 4217). */
+  readonly currency: "INR";
+  /** The decimals every amount shows. */
+  readonly moneyDecimals: 2;
+};
+/**
+ * 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 as day/month/year with 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 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;

package/dist/lib/format.js

@@ -0,0 +1,65 @@
+// src/lib/format.ts
+/**
+* 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.
+*/
+const FORMAT = {
+	/** The locale whose grouping and currency symbols money uses. */
+	locale: "en-IN",
+	/** The currency of an amount when none is given (ISO 4217). */
+	currency: "INR",
+	/** The decimals every amount shows. */
+	moneyDecimals: 2
+};
+/** A date-only ISO 8601 string: year, month and day, no time. */
+const DATE_ONLY = /^(\d{4})-(\d{2})-(\d{2})$/;
+/**
+* The Date for a value, or a RangeError when the value is not a date, so "Invalid Date" is never written. `Date` reads a
+* date-only string as UTC midnight, the day before anywhere west of UTC, so that form is built from local parts instead.
+*/
+function toDate(value) {
+	const [, year, month, day] = typeof value === "string" ? DATE_ONLY.exec(value) ?? [] : [];
+	if (year !== void 0 && month !== void 0 && day !== void 0) {
+		const date = new Date(Number(year), Number(month) - 1, Number(day));
+		if (date.getMonth() !== Number(month) - 1 || date.getDate() !== Number(day)) throw new RangeError(`Not a date: ${value}`);
+		return date;
+	}
+	const date = value instanceof Date ? value : new Date(value);
+	if (Number.isNaN(date.getTime())) throw new RangeError(`Not a date: ${String(value)}`);
+	return date;
+}
+const pad = (part) => String(part).padStart(2, "0");
+/**
+* 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.
+*/
+function formatMoney(amount, currency = FORMAT.currency) {
+	return new Intl.NumberFormat(FORMAT.locale, {
+		style: "currency",
+		currency,
+		minimumFractionDigits: FORMAT.moneyDecimals,
+		maximumFractionDigits: FORMAT.moneyDecimals
+	}).format(amount);
+}
+/** Writes a count with no thousands separators, as the design system says: 123456, never 1,23,456. */
+function formatCount(count) {
+	return new Intl.NumberFormat(FORMAT.locale, {
+		useGrouping: false,
+		maximumFractionDigits: 20
+	}).format(count);
+}
+/** Writes a date as day/month/year with two-digit day and month: 28/10/2026. Throws a RangeError on a value that is not a date. */
+function formatDate(value) {
+	const date = toDate(value);
+	return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()}`;
+}
+/** 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. */
+function formatTime(value) {
+	const date = toDate(value);
+	const hours = date.getHours();
+	return `${hours % 12 === 0 ? 12 : hours % 12}:${pad(date.getMinutes())} ${hours < 12 ? "am" : "pm"}`;
+}
+export { FORMAT, formatCount, formatDate, formatMoney, formatTime };

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-ext-600-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rt-white:#fff;--rt-blue-600:#3f53fe;--rt-blue-700:#2e40e3;--rt-blue-100:#dde0ff;--rt-ink-900:#131927;--rt-ink-800:#1a2c44;--rt-ink-700:#273951;--rt-ink-600:#344054;--rt-ink-550:#3c4f69;--rt-ink-500:#545969;--rt-ink-450:#667691;--rt-ink-800-a60:#1a2c4499;--rt-line-100:#ecf1f6;--rt-line-150:#dde5ee;--rt-line-200:#e5e7ea;--rt-line-250:#e8e8e8;--rt-green-100:#eafcdd;--rt-green-300:#a8f170;--rt-green-800:#217005;--rt-amber-100:#fff3e2;--rt-amber-400:#f7a62d;--rt-amber-600:#e88b00;--rt-typeface:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--rt-page:var(--rt-white);--rt-background:var(--rt-white);--rt-card:var(--rt-white);--rt-card-foreground:var(--rt-ink-800);--rt-popover:var(--rt-white);--rt-popover-foreground:var(--rt-ink-800);--rt-foreground:var(--rt-ink-800);--rt-foreground-strong:var(--rt-ink-900);--rt-foreground-emphasis:var(--rt-ink-600);--rt-foreground-subdued:var(--rt-ink-550);--rt-muted-foreground:var(--rt-ink-450);--rt-icon:var(--rt-ink-500);--rt-tab-inactive:var(--rt-ink-800-a60);--rt-primary:var(--rt-blue-600);--rt-primary-foreground:var(--rt-white);--rt-primary-hover:var(--rt-blue-700);--rt-primary-tint:var(--rt-blue-100);--rt-secondary:transparent;--rt-secondary-foreground:var(--rt-ink-700);--rt-muted:var(--rt-line-100);--rt-accent:var(--rt-line-100);--rt-accent-foreground:var(--rt-ink-900);--rt-border:var(--rt-line-100);--rt-border-strong:var(--rt-line-250);--rt-divider:var(--rt-line-200);--rt-input:var(--rt-line-100);--rt-control:var(--rt-line-150);--rt-ring:var(--rt-blue-600);--rt-success:var(--rt-green-800);--rt-success-tint:var(--rt-green-100);--rt-success-border:var(--rt-green-300);--rt-warning:var(--rt-amber-600);--rt-warning-tint:var(--rt-amber-100);--rt-warning-border:var(--rt-amber-400);--rt-sidebar:var(--rt-white);--rt-sidebar-foreground:var(--rt-ink-800);--rt-sidebar-primary:var(--rt-blue-600);--rt-sidebar-primary-foreground:var(--rt-white);--rt-sidebar-accent:var(--rt-line-100);--rt-sidebar-accent-foreground:var(--rt-ink-800);--rt-sidebar-border:var(--rt-line-100);--rt-sidebar-ring:var(--rt-blue-600)}[class^=rt\:],[class*=" rt:"],[class^=rt\:]:before,[class*=" rt:"]:before,[class^=rt\:]:after,[class*=" rt:"]:after{box-sizing:border-box;font-family:var(--rt-typeface);border:0 solid;margin:0;padding:0}:root,:host{--rt-spacing:4px;--rt-text-display:48px;--rt-text-display--line-height:58px;--rt-text-display--font-weight:600;--rt-text-display--letter-spacing:0px;--rt-text-h1:34px;--rt-text-h1--line-height:40px;--rt-text-h1--font-weight:600;--rt-text-h1--letter-spacing:0px;--rt-text-h5:28px;--rt-text-h5--line-height:34px;--rt-text-h5--font-weight:600;--rt-text-h5--letter-spacing:0px;--rt-text-s1:28px;--rt-text-s1--line-height:34px;--rt-text-s1--font-weight:600;--rt-text-s1--letter-spacing:0px;--rt-text-s2:24px;--rt-text-s2--line-height:28px;--rt-text-s2--font-weight:600;--rt-text-s2--letter-spacing:0px;--rt-text-b1:12px;--rt-text-b1--line-height:20px;--rt-text-b1--font-weight:400;--rt-text-b1--letter-spacing:0px;--rt-text-b2:12px;--rt-text-b2--line-height:20px;--rt-text-b2--font-weight:500;--rt-text-b2--letter-spacing:0px;--rt-text-b3:14px;--rt-text-b3--line-height:20px;--rt-text-b3--font-weight:400;--rt-text-b3--letter-spacing:-.15px;--rt-text-b4:14px;--rt-text-b4--line-height:20px;--rt-text-b4--font-weight:600;--rt-text-b4--letter-spacing:-.15px;--rt-text-c1:12px;--rt-text-c1--line-height:16px;--rt-text-c1--font-weight:400;--rt-text-c1--letter-spacing:0px;--rt-text-c2:12px;--rt-text-c2--line-height:16px;--rt-text-c2--font-weight:500;--rt-text-c2--letter-spacing:0px;--rt-text-c3:14px;--rt-text-c3--line-height:16px;--rt-text-c3--font-weight:500;--rt-text-c3--letter-spacing:0px;--rt-text-label:12px;--rt-text-label--line-height:16px;--rt-text-label--font-weight:500;--rt-text-label--letter-spacing:0px;--rt-shadow-ring-subtle:inset 0 0 0 1px var(--rt-input), 0 0 0 1px var(--rt-input);--rt-shadow-ring-focus:inset 0 0 0 1px var(--rt-ring), 0 0 0 1px var(--rt-input);--rt-shadow-ring-strong:inset 0 0 0 1px var(--rt-border-strong);--rt-shadow-ring-hairline:inset 0 0 0 .5px var(--rt-control), 0 0 0 .5px var(--rt-control);--rt-shadow-ring-accent-hairline:inset 0 0 0 .5px var(--rt-primary), 0 0 0 .5px var(--rt-primary)}.rt\:flex{display:flex}.rt\:inline-block{display:inline-block}.rt\:shrink-0{flex-shrink:0}.rt\:flex-col{flex-direction:column}.rt\:flex-wrap{flex-wrap:wrap}.rt\:items-baseline{align-items:baseline}.rt\:items-center{align-items:center}.rt\:items-end{align-items:flex-end}.rt\:items-start{align-items:flex-start}.rt\:items-stretch{align-items:stretch}.rt\:justify-between{justify-content:space-between}.rt\:justify-center{justify-content:center}.rt\:justify-end{justify-content:flex-end}.rt\:justify-start{justify-content:flex-start}.rt\:gap-0{gap:0}.rt\:gap-0\.5{gap:calc(var(--rt-spacing) * .5)}.rt\:gap-1{gap:var(--rt-spacing)}.rt\:gap-1\.5{gap:calc(var(--rt-spacing) * 1.5)}.rt\:gap-1\.75{gap:calc(var(--rt-spacing) * 1.75)}.rt\:gap-2{gap:calc(var(--rt-spacing) * 2)}.rt\:gap-2\.75{gap:calc(var(--rt-spacing) * 2.75)}.rt\:gap-3{gap:calc(var(--rt-spacing) * 3)}.rt\:gap-3\.5{gap:calc(var(--rt-spacing) * 3.5)}.rt\:gap-6{gap:calc(var(--rt-spacing) * 6)}.rt\:gap-8{gap:calc(var(--rt-spacing) * 8)}.rt\:gap-20{gap:calc(var(--rt-spacing) * 20)}.rt\:gap-px{gap:1px}.rt\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rt\:align-baseline{vertical-align:baseline}.rt\:text-b1{font-size:var(--rt-text-b1);line-height:var(--tw-leading,var(--rt-text-b1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b1--font-weight))}.rt\:text-b2{font-size:var(--rt-text-b2);line-height:var(--tw-leading,var(--rt-text-b2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b2--font-weight))}.rt\:text-b3{font-size:var(--rt-text-b3);line-height:var(--tw-leading,var(--rt-text-b3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b3--font-weight))}.rt\:text-b4{font-size:var(--rt-text-b4);line-height:var(--tw-leading,var(--rt-text-b4--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b4--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b4--font-weight))}.rt\:text-c1{font-size:var(--rt-text-c1);line-height:var(--tw-leading,var(--rt-text-c1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c1--font-weight))}.rt\:text-c2{font-size:var(--rt-text-c2);line-height:var(--tw-leading,var(--rt-text-c2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c2--font-weight))}.rt\:text-c3{font-size:var(--rt-text-c3);line-height:var(--tw-leading,var(--rt-text-c3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c3--font-weight))}.rt\:text-display{font-size:var(--rt-text-display);line-height:var(--tw-leading,var(--rt-text-display--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-display--font-weight))}.rt\:text-h1{font-size:var(--rt-text-h1);line-height:var(--tw-leading,var(--rt-text-h1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h1--font-weight))}.rt\:text-h5{font-size:var(--rt-text-h5);line-height:var(--tw-leading,var(--rt-text-h5--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h5--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h5--font-weight))}.rt\:text-label{font-size:var(--rt-text-label);line-height:var(--tw-leading,var(--rt-text-label--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-label--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-label--font-weight))}.rt\:text-s1{font-size:var(--rt-text-s1);line-height:var(--tw-leading,var(--rt-text-s1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s1--font-weight))}.rt\:text-s2{font-size:var(--rt-text-s2);line-height:var(--tw-leading,var(--rt-text-s2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s2--font-weight))}.rt\:text-foreground{color:var(--rt-foreground)}.rt\:text-foreground-strong{color:var(--rt-foreground-strong)}.rt\:text-foreground-subdued{color:var(--rt-foreground-subdued)}.rt\:text-icon{color:var(--rt-icon)}.rt\:text-muted-foreground{color:var(--rt-muted-foreground)}.rt\:text-primary{color:var(--rt-primary)}.rt\:uppercase{text-transform:uppercase}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:""}}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-ext-600-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rt-white:#fff;--rt-blue-600:#3f53fe;--rt-blue-700:#2e40e3;--rt-blue-100:#dde0ff;--rt-ink-900:#131927;--rt-ink-800:#1a2c44;--rt-ink-700:#273951;--rt-ink-600:#344054;--rt-ink-550:#3c4f69;--rt-ink-500:#545969;--rt-ink-450:#667691;--rt-ink-800-a60:#1a2c4499;--rt-line-100:#ecf1f6;--rt-line-150:#dde5ee;--rt-line-200:#e5e7ea;--rt-line-250:#e8e8e8;--rt-green-100:#eafcdd;--rt-green-300:#a8f170;--rt-green-800:#217005;--rt-amber-100:#fff3e2;--rt-amber-400:#f7a62d;--rt-amber-600:#e88b00;--rt-typeface:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--rt-page:var(--rt-white);--rt-background:var(--rt-white);--rt-card:var(--rt-white);--rt-card-foreground:var(--rt-ink-800);--rt-popover:var(--rt-white);--rt-popover-foreground:var(--rt-ink-800);--rt-foreground:var(--rt-ink-800);--rt-foreground-strong:var(--rt-ink-900);--rt-foreground-emphasis:var(--rt-ink-600);--rt-foreground-subdued:var(--rt-ink-550);--rt-muted-foreground:var(--rt-ink-450);--rt-icon:var(--rt-ink-500);--rt-tab-inactive:var(--rt-ink-800-a60);--rt-primary:var(--rt-blue-600);--rt-primary-foreground:var(--rt-white);--rt-primary-hover:var(--rt-blue-700);--rt-primary-tint:var(--rt-blue-100);--rt-secondary:transparent;--rt-secondary-foreground:var(--rt-ink-700);--rt-muted:var(--rt-line-100);--rt-accent:var(--rt-line-100);--rt-accent-foreground:var(--rt-ink-900);--rt-border:var(--rt-line-100);--rt-border-strong:var(--rt-line-250);--rt-divider:var(--rt-line-200);--rt-input:var(--rt-line-100);--rt-control:var(--rt-line-150);--rt-ring:var(--rt-blue-600);--rt-success:var(--rt-green-800);--rt-success-tint:var(--rt-green-100);--rt-success-border:var(--rt-green-300);--rt-warning:var(--rt-amber-600);--rt-warning-tint:var(--rt-amber-100);--rt-warning-border:var(--rt-amber-400);--rt-sidebar:var(--rt-white);--rt-sidebar-foreground:var(--rt-ink-800);--rt-sidebar-primary:var(--rt-blue-600);--rt-sidebar-primary-foreground:var(--rt-white);--rt-sidebar-accent:var(--rt-line-100);--rt-sidebar-accent-foreground:var(--rt-ink-800);--rt-sidebar-border:var(--rt-line-100);--rt-sidebar-ring:var(--rt-blue-600);--rt-error:var(--rt-ink-900);--rt-error-icon:var(--rt-ink-900);--rt-destructive:var(--rt-ink-900);--rt-destructive-fill:transparent;--rt-destructive-foreground:var(--rt-ink-700);--rt-destructive-border:var(--rt-line-250);--rt-destructive-hover:var(--rt-blue-100);--rt-status-neutral-foreground:var(--rt-ink-800);--rt-status-neutral-background:transparent;--rt-status-neutral-border:transparent;--rt-focus-ring:var(--rt-blue-600);--rt-focus-ring-width:2px;--rt-focus-ring-offset:2px;--rt-skeleton:var(--rt-line-100);--rt-progress:var(--rt-blue-600);--rt-progress-track:var(--rt-line-100);--rt-progress-height:2px;--rt-loading-animation:none;--rt-spinner-animation:none;--rt-wordmark:"RAT/O";--rt-sidenav-row-h:30px;--rt-sidenav-pad:20px;--rt-sidenav-gap:28px;--rt-sidenav-label-h:26px}[class^=rt\:],[class*=" rt:"],[class^=rt\:]:before,[class*=" rt:"]:before,[class^=rt\:]:after,[class*=" rt:"]:after{box-sizing:border-box;color:inherit;font:inherit;font-family:var(--rt-typeface);letter-spacing:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;appearance:none;background-color:#0000;border:0 solid;margin:0;padding:0;list-style:none}:root,:host{--rt-spacing:4px;--rt-default-transition-duration:.12s;--rt-default-transition-timing-function:ease;--rt-font-weight-medium:500;--rt-font-weight-semibold:600;--rt-radius-sm:4px;--rt-radius-md:6px;--rt-radius-lg:8px;--rt-radius-3xl:24px;--rt-container-content:1152px;--rt-text-display:48px;--rt-text-display--line-height:58px;--rt-text-display--font-weight:600;--rt-text-display--letter-spacing:0px;--rt-text-h1:34px;--rt-text-h1--line-height:40px;--rt-text-h1--font-weight:600;--rt-text-h1--letter-spacing:0px;--rt-text-h5:28px;--rt-text-h5--line-height:34px;--rt-text-h5--font-weight:600;--rt-text-h5--letter-spacing:0px;--rt-text-s1:28px;--rt-text-s1--line-height:34px;--rt-text-s1--font-weight:600;--rt-text-s1--letter-spacing:0px;--rt-text-s2:24px;--rt-text-s2--line-height:28px;--rt-text-s2--font-weight:600;--rt-text-s2--letter-spacing:0px;--rt-text-b1:12px;--rt-text-b1--line-height:20px;--rt-text-b1--font-weight:400;--rt-text-b1--letter-spacing:0px;--rt-text-b2:12px;--rt-text-b2--line-height:20px;--rt-text-b2--font-weight:500;--rt-text-b2--letter-spacing:0px;--rt-text-b3:14px;--rt-text-b3--line-height:20px;--rt-text-b3--font-weight:400;--rt-text-b3--letter-spacing:-.15px;--rt-text-b4:14px;--rt-text-b4--line-height:20px;--rt-text-b4--font-weight:600;--rt-text-b4--letter-spacing:-.15px;--rt-text-c1:12px;--rt-text-c1--line-height:16px;--rt-text-c1--font-weight:400;--rt-text-c1--letter-spacing:0px;--rt-text-c2:12px;--rt-text-c2--line-height:16px;--rt-text-c2--font-weight:500;--rt-text-c2--letter-spacing:0px;--rt-text-c3:14px;--rt-text-c3--line-height:16px;--rt-text-c3--font-weight:500;--rt-text-c3--letter-spacing:0px;--rt-text-label:12px;--rt-text-label--line-height:16px;--rt-text-label--font-weight:500;--rt-text-label--letter-spacing:0px;--rt-text-btn:14px;--rt-text-btn--line-height:16px;--rt-text-btn--font-weight:400;--rt-text-btn--letter-spacing:0px;--rt-shadow-ring-subtle:inset 0 0 0 1px var(--rt-input), 0 0 0 1px var(--rt-input);--rt-shadow-ring-focus:inset 0 0 0 1px var(--rt-ring), 0 0 0 1px var(--rt-input);--rt-shadow-ring-strong:inset 0 0 0 1px var(--rt-border-strong);--rt-shadow-ring-hairline:inset 0 0 0 .5px var(--rt-control), 0 0 0 .5px var(--rt-control);--rt-shadow-ring-accent-hairline:inset 0 0 0 .5px var(--rt-primary), 0 0 0 .5px var(--rt-primary);--rt-shadow-ring-destructive:inset 0 0 0 1px var(--rt-destructive-border);--rt-shadow-ring-invalid:inset 0 0 0 1px var(--rt-destructive)}.rt\:pointer-events-auto{pointer-events:auto}.rt\:pointer-events-none{pointer-events:none}.rt\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rt\:absolute{position:absolute}.rt\:fixed{position:fixed}.rt\:relative{position:relative}.rt\:inset-0{inset:0}.rt\:inset-y-0{inset-block:0}.rt\:top-4{top:calc(var(--rt-spacing) * 4)}.rt\:right-4{right:calc(var(--rt-spacing) * 4)}.rt\:bottom-4{bottom:calc(var(--rt-spacing) * 4)}.rt\:left-0{left:0}.rt\:left-3{left:calc(var(--rt-spacing) * 3)}.rt\:isolate{isolation:isolate}.rt\:z-50{z-index:50}.rt\:order-first{order:-9999}.rt\:order-last{order:9999}.rt\:m-0{margin:0}.rt\:m-auto{margin:auto}.rt\:mx-auto{margin-inline:auto}.rt\:my-1\.5{margin-block:calc(var(--rt-spacing) * 1.5)}.rt\:-mr-px{margin-right:-1px}.rt\:-mb-px{margin-bottom:-1px}.rt\:-ml-1\.5{margin-left:calc(var(--rt-spacing) * -1.5)}.rt\:ml-auto{margin-left:auto}.rt\:block{display:block}.rt\:flex{display:flex}.rt\:hidden{display:none}.rt\:inline-block{display:inline-block}.rt\:inline-flex{display:inline-flex}.rt\:aspect-square{aspect-ratio:1}.rt\:size-1\.5{width:calc(var(--rt-spacing) * 1.5);height:calc(var(--rt-spacing) * 1.5)}.rt\:size-3\.5{width:calc(var(--rt-spacing) * 3.5);height:calc(var(--rt-spacing) * 3.5)}.rt\:size-4{width:calc(var(--rt-spacing) * 4);height:calc(var(--rt-spacing) * 4)}.rt\:size-5{width:calc(var(--rt-spacing) * 5);height:calc(var(--rt-spacing) * 5)}.rt\:size-6{width:calc(var(--rt-spacing) * 6);height:calc(var(--rt-spacing) * 6)}.rt\:size-7{width:calc(var(--rt-spacing) * 7);height:calc(var(--rt-spacing) * 7)}.rt\:size-8{width:calc(var(--rt-spacing) * 8);height:calc(var(--rt-spacing) * 8)}.rt\:size-9{width:calc(var(--rt-spacing) * 9);height:calc(var(--rt-spacing) * 9)}.rt\:size-10{width:calc(var(--rt-spacing) * 10);height:calc(var(--rt-spacing) * 10)}.rt\:size-full{width:100%;height:100%}.rt\:h-4{height:calc(var(--rt-spacing) * 4)}.rt\:h-5{height:calc(var(--rt-spacing) * 5)}.rt\:h-7{height:calc(var(--rt-spacing) * 7)}.rt\:h-8{height:calc(var(--rt-spacing) * 8)}.rt\:h-9{height:calc(var(--rt-spacing) * 9)}.rt\:h-11{height:calc(var(--rt-spacing) * 11)}.rt\:h-12{height:calc(var(--rt-spacing) * 12)}.rt\:h-13{height:calc(var(--rt-spacing) * 13)}.rt\:h-24{height:calc(var(--rt-spacing) * 24)}.rt\:h-fit{height:fit-content}.rt\:h-full{height:100%}.rt\:h-px{height:1px}.rt\:h-sidenav-label{height:var(--rt-sidenav-label-h)}.rt\:h-sidenav-row{height:var(--rt-sidenav-row-h)}.rt\:max-h-80{max-height:calc(var(--rt-spacing) * 80)}.rt\:max-h-full{max-height:100%}.rt\:min-h-0{min-height:0}.rt\:w-2{width:calc(var(--rt-spacing) * 2)}.rt\:w-7{width:calc(var(--rt-spacing) * 7)}.rt\:w-14{width:calc(var(--rt-spacing) * 14)}.rt\:w-60{width:calc(var(--rt-spacing) * 60)}.rt\:w-72{width:calc(var(--rt-spacing) * 72)}.rt\:w-90{width:calc(var(--rt-spacing) * 90)}.rt\:w-120{width:calc(var(--rt-spacing) * 120)}.rt\:w-fit{width:fit-content}.rt\:w-full{width:100%}.rt\:max-w-40{max-width:calc(var(--rt-spacing) * 40)}.rt\:max-w-64{max-width:calc(var(--rt-spacing) * 64)}.rt\:max-w-72{max-width:calc(var(--rt-spacing) * 72)}.rt\:max-w-content{max-width:var(--rt-container-content)}.rt\:max-w-full{max-width:100%}.rt\:min-w-0{min-width:0}.rt\:min-w-5{min-width:calc(var(--rt-spacing) * 5)}.rt\:min-w-26{min-width:calc(var(--rt-spacing) * 26)}.rt\:min-w-40{min-width:calc(var(--rt-spacing) * 40)}.rt\:flex-1{flex:1}.rt\:flex-auto{flex:auto}.rt\:shrink-0{flex-shrink:0}.rt\:caption-bottom{caption-side:bottom}.rt\:border-collapse{border-collapse:collapse}.rt\:skeleton{background-color:var(--rt-skeleton);animation:var(--rt-loading-animation)}@media (prefers-reduced-motion:reduce){.rt\:skeleton{animation:none}}.rt\:spinner-motion{animation:var(--rt-spinner-animation)}@media (prefers-reduced-motion:reduce){.rt\:spinner-motion{animation:none}}.rt\:cursor-default{cursor:default}.rt\:cursor-help{cursor:help}.rt\:cursor-pointer{cursor:pointer}.rt\:cursor-text{cursor:text}.rt\:flex-col{flex-direction:column}.rt\:flex-wrap{flex-wrap:wrap}.rt\:items-baseline{align-items:baseline}.rt\:items-center{align-items:center}.rt\:items-end{align-items:flex-end}.rt\:items-start{align-items:flex-start}.rt\:items-stretch{align-items:stretch}.rt\:justify-between{justify-content:space-between}.rt\:justify-center{justify-content:center}.rt\:justify-end{justify-content:flex-end}.rt\:justify-start{justify-content:flex-start}.rt\:gap-0{gap:0}.rt\:gap-0\.5{gap:calc(var(--rt-spacing) * .5)}.rt\:gap-1{gap:var(--rt-spacing)}.rt\:gap-1\.5{gap:calc(var(--rt-spacing) * 1.5)}.rt\:gap-1\.75{gap:calc(var(--rt-spacing) * 1.75)}.rt\:gap-2{gap:calc(var(--rt-spacing) * 2)}.rt\:gap-2\.75{gap:calc(var(--rt-spacing) * 2.75)}.rt\:gap-3{gap:calc(var(--rt-spacing) * 3)}.rt\:gap-3\.5{gap:calc(var(--rt-spacing) * 3.5)}.rt\:gap-6{gap:calc(var(--rt-spacing) * 6)}.rt\:gap-8{gap:calc(var(--rt-spacing) * 8)}.rt\:gap-20{gap:calc(var(--rt-spacing) * 20)}.rt\:gap-px{gap:1px}.rt\:sidenav-gap{gap:var(--rt-sidenav-gap)}.rt\:gap-x-3{column-gap:calc(var(--rt-spacing) * 3)}.rt\:gap-y-2{row-gap:calc(var(--rt-spacing) * 2)}.rt\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rt\:overflow-hidden{overflow:hidden}.rt\:overflow-x-auto{overflow-x:auto}.rt\:overflow-y-auto{overflow-y:auto}.rt\:rounded-3xl{border-radius:var(--rt-radius-3xl)}.rt\:rounded-lg{border-radius:var(--rt-radius-lg)}.rt\:rounded-md{border-radius:var(--rt-radius-md)}.rt\:rounded-sm{border-radius:var(--rt-radius-sm)}.rt\:border{border-style:var(--tw-border-style);border-width:1px}.rt\:border-0{border-style:var(--tw-border-style);border-width:0}.rt\:border-2{border-style:var(--tw-border-style);border-width:2px}.rt\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.rt\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.rt\:border-border{border-color:var(--rt-border)}.rt\:border-divider{border-color:var(--rt-divider)}.rt\:border-progress-track{border-color:var(--rt-progress-track)}.rt\:border-status-neutral-border{border-color:var(--rt-status-neutral-border)}.rt\:border-success-border{border-color:var(--rt-success-border)}.rt\:border-warning-border{border-color:var(--rt-warning-border)}.rt\:border-t-progress{border-top-color:var(--rt-progress)}.rt\:bg-background{background-color:var(--rt-background)}.rt\:bg-current{background-color:currentColor}.rt\:bg-destructive-fill{background-color:var(--rt-destructive-fill)}.rt\:bg-divider{background-color:var(--rt-divider)}.rt\:bg-foreground{background-color:var(--rt-foreground)}.rt\:bg-muted{background-color:var(--rt-muted)}.rt\:bg-page{background-color:var(--rt-page)}.rt\:bg-popover{background-color:var(--rt-popover)}.rt\:bg-primary{background-color:var(--rt-primary)}.rt\:bg-primary-foreground{background-color:var(--rt-primary-foreground)}.rt\:bg-secondary{background-color:var(--rt-secondary)}.rt\:bg-sidebar{background-color:var(--rt-sidebar)}.rt\:bg-status-neutral-background{background-color:var(--rt-status-neutral-background)}.rt\:bg-success-tint{background-color:var(--rt-success-tint)}.rt\:bg-transparent{background-color:#0000}.rt\:bg-warning-tint{background-color:var(--rt-warning-tint)}.rt\:object-cover{object-fit:cover}.rt\:p-0{padding:0}.rt\:p-1{padding:var(--rt-spacing)}.rt\:p-3{padding:calc(var(--rt-spacing) * 3)}.rt\:p-6{padding:calc(var(--rt-spacing) * 6)}.rt\:px-1{padding-inline:var(--rt-spacing)}.rt\:px-1\.5{padding-inline:calc(var(--rt-spacing) * 1.5)}.rt\:px-2{padding-inline:calc(var(--rt-spacing) * 2)}.rt\:px-2\.75{padding-inline:calc(var(--rt-spacing) * 2.75)}.rt\:px-3{padding-inline:calc(var(--rt-spacing) * 3)}.rt\:px-3\.5{padding-inline:calc(var(--rt-spacing) * 3.5)}.rt\:px-6{padding-inline:calc(var(--rt-spacing) * 6)}.rt\:sidenav-pad-x{padding-inline:var(--rt-sidenav-pad)}.rt\:py-1{padding-block:var(--rt-spacing)}.rt\:py-1\.5{padding-block:calc(var(--rt-spacing) * 1.5)}.rt\:py-2{padding-block:calc(var(--rt-spacing) * 2)}.rt\:py-3{padding-block:calc(var(--rt-spacing) * 3)}.rt\:py-6{padding-block:calc(var(--rt-spacing) * 6)}.rt\:pt-2{padding-top:calc(var(--rt-spacing) * 2)}.rt\:sidenav-pad-top{padding-top:var(--rt-sidenav-pad)}.rt\:sidenav-pad-bottom{padding-bottom:var(--rt-sidenav-pad)}.rt\:pl-8{padding-left:calc(var(--rt-spacing) * 8)}.rt\:text-center{text-align:center}.rt\:text-left{text-align:left}.rt\:text-right{text-align:right}.rt\:align-baseline{vertical-align:baseline}.rt\:align-middle{vertical-align:middle}.rt\:font-sans{font-family:var(--rt-typeface)}.rt\:text-b1{font-size:var(--rt-text-b1);line-height:var(--tw-leading,var(--rt-text-b1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b1--font-weight))}.rt\:text-b2{font-size:var(--rt-text-b2);line-height:var(--tw-leading,var(--rt-text-b2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b2--font-weight))}.rt\:text-b3{font-size:var(--rt-text-b3);line-height:var(--tw-leading,var(--rt-text-b3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b3--font-weight))}.rt\:text-b4{font-size:var(--rt-text-b4);line-height:var(--tw-leading,var(--rt-text-b4--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b4--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b4--font-weight))}.rt\:text-btn{font-size:var(--rt-text-btn);line-height:var(--tw-leading,var(--rt-text-btn--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-btn--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-btn--font-weight))}.rt\:text-c1{font-size:var(--rt-text-c1);line-height:var(--tw-leading,var(--rt-text-c1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c1--font-weight))}.rt\:text-c2{font-size:var(--rt-text-c2);line-height:var(--tw-leading,var(--rt-text-c2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c2--font-weight))}.rt\:text-c3{font-size:var(--rt-text-c3);line-height:var(--tw-leading,var(--rt-text-c3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c3--font-weight))}.rt\:text-display{font-size:var(--rt-text-display);line-height:var(--tw-leading,var(--rt-text-display--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-display--font-weight))}.rt\:text-h1{font-size:var(--rt-text-h1);line-height:var(--tw-leading,var(--rt-text-h1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h1--font-weight))}.rt\:text-h5{font-size:var(--rt-text-h5);line-height:var(--tw-leading,var(--rt-text-h5--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h5--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h5--font-weight))}.rt\:text-label{font-size:var(--rt-text-label);line-height:var(--tw-leading,var(--rt-text-label--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-label--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-label--font-weight))}.rt\:text-s1{font-size:var(--rt-text-s1);line-height:var(--tw-leading,var(--rt-text-s1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s1--font-weight))}.rt\:text-s2{font-size:var(--rt-text-s2);line-height:var(--tw-leading,var(--rt-text-s2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s2--font-weight))}.rt\:font-medium{--tw-font-weight:var(--rt-font-weight-medium);font-weight:var(--rt-font-weight-medium)}.rt\:whitespace-nowrap{white-space:nowrap}.rt\:text-background{color:var(--rt-background)}.rt\:text-destructive-foreground{color:var(--rt-destructive-foreground)}.rt\:text-error{color:var(--rt-error)}.rt\:text-error-icon{color:var(--rt-error-icon)}.rt\:text-foreground{color:var(--rt-foreground)}.rt\:text-foreground-strong{color:var(--rt-foreground-strong)}.rt\:text-foreground-subdued{color:var(--rt-foreground-subdued)}.rt\:text-icon{color:var(--rt-icon)}.rt\:text-inherit{color:inherit}.rt\:text-muted-foreground{color:var(--rt-muted-foreground)}.rt\:text-popover-foreground{color:var(--rt-popover-foreground)}.rt\:text-primary{color:var(--rt-primary)}.rt\:text-primary-foreground{color:var(--rt-primary-foreground)}.rt\:text-secondary-foreground{color:var(--rt-secondary-foreground)}.rt\:text-sidebar-foreground{color:var(--rt-sidebar-foreground)}.rt\:text-status-neutral-foreground{color:var(--rt-status-neutral-foreground)}.rt\:text-success{color:var(--rt-success)}.rt\:text-tab-inactive{color:var(--rt-tab-inactive)}.rt\:text-warning{color:var(--rt-warning)}.rt\:uppercase{text-transform:uppercase}.rt\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.rt\:underline{text-decoration-line:underline}.rt\:decoration-dotted{text-decoration-style:dotted}.rt\:decoration-1{text-decoration-thickness:1px}.rt\:underline-offset-4{text-underline-offset:4px}.rt\:shadow-ring-destructive{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-hairline{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--rt-control)), 0 0 0 .5px var(--tw-shadow-color,var(--rt-control));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-strong{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-border-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-subtle{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-input)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (forced-colors:active){.rt\:forced-outline{outline:1px solid #0000}.rt\:forced-outline:focus-visible{outline-width:var(--rt-focus-ring-width);outline-offset:var(--rt-focus-ring-offset)}}.rt\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.rt\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.rt\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--rt-default-transition-timing-function));transition-duration:var(--tw-duration,var(--rt-default-transition-duration))}.rt\:wordmark:before{content:var(--rt-wordmark)}.rt\:outline-none{--tw-outline-style:none;outline-style:none}.rt\:select-none{-webkit-user-select:none;user-select:none}.rt\:not-empty\:p-3:not(:empty){padding:calc(var(--rt-spacing) * 3)}.rt\:not-aria-disabled\:cursor-pointer:not([aria-disabled=true]){cursor:pointer}.rt\:placeholder\:text-muted-foreground::placeholder{color:var(--rt-muted-foreground)}.rt\:after\:absolute:after{content:var(--tw-content);position:absolute}.rt\:after\:-inset-1\.25:after{content:var(--tw-content);inset:calc(var(--rt-spacing) * -1.25)}.rt\:after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.rt\:after\:-bottom-px:after{content:var(--tw-content);bottom:-1px}.rt\:after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--rt-spacing) * .5)}.rt\:after\:bg-primary:after{content:var(--tw-content);background-color:var(--rt-primary)}.rt\:after\:opacity-0:after{content:var(--tw-content);opacity:0}.rt\:last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.rt\:focus-within\:shadow-ring-focus:focus-within{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:hover\:bg-destructive-hover:hover{background-color:var(--rt-destructive-hover)}.rt\:hover\:bg-muted:hover{background-color:var(--rt-muted)}.rt\:hover\:bg-primary-hover:hover{background-color:var(--rt-primary-hover)}.rt\:hover\:bg-primary-tint:hover{background-color:var(--rt-primary-tint)}.rt\:hover\:text-foreground:hover{color:var(--rt-foreground)}.rt\:hover\:underline:hover{text-decoration-line:underline}.rt\:not-aria-disabled\:hover\:bg-muted:not([aria-disabled=true]):hover{background-color:var(--rt-muted)}}.rt\:focus-visible\:shadow-ring-focus:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:focus-visible\:focus-ring:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring);outline-offset:var(--rt-focus-ring-offset)}.rt\:active\:bg-destructive-hover:active{background-color:var(--rt-destructive-hover)}.rt\:active\:bg-muted:active{background-color:var(--rt-muted)}.rt\:active\:bg-primary-hover:active{background-color:var(--rt-primary-hover)}.rt\:active\:bg-primary-tint:active{background-color:var(--rt-primary-tint)}.rt\:active\:underline:active{text-decoration-line:underline}.rt\:disabled\:pointer-events-none:disabled{pointer-events:none}.rt\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.rt\:disabled\:opacity-50:disabled,.rt\:has-disabled\:opacity-50:has(:disabled){opacity:.5}.rt\:has-aria-invalid\:shadow-ring-invalid:has([aria-invalid=true]),.rt\:has-aria-invalid\:focus-within\:shadow-ring-invalid:has([aria-invalid=true]):focus-within{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.rt\:aria-invalid\:shadow-ring-invalid[aria-invalid=true],.rt\:aria-invalid\:focus-visible\:shadow-ring-invalid[aria-invalid=true]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-highlighted\:bg-accent[data-highlighted]{background-color:var(--rt-accent)}.rt\:data-highlighted\:bg-destructive-hover[data-highlighted]{background-color:var(--rt-destructive-hover)}.rt\:data-highlighted\:bg-muted[data-highlighted]{background-color:var(--rt-muted)}.rt\:data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--rt-accent-foreground)}.rt\:data-highlighted\:text-destructive-foreground[data-highlighted]{color:var(--rt-destructive-foreground)}.rt\:data-indeterminate\:bg-primary[data-indeterminate]{background-color:var(--rt-primary)}.rt\:data-indeterminate\:shadow-none[data-indeterminate]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:data-indeterminate\:hover\:bg-primary-hover[data-indeterminate]:hover{background-color:var(--rt-primary-hover)}}.rt\:aria-invalid\:data-indeterminate\:shadow-ring-invalid[aria-invalid=true][data-indeterminate]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-popup-open\:bg-accent[data-popup-open]{background-color:var(--rt-accent)}.rt\:data-pressed\:border-0[data-pressed]{border-style:var(--tw-border-style);border-width:0}.rt\:data-pressed\:px-2\.75[data-pressed]{padding-inline:calc(var(--rt-spacing) * 2.75)}.rt\:data-pressed\:font-semibold[data-pressed]{--tw-font-weight:var(--rt-font-weight-semibold);font-weight:var(--rt-font-weight-semibold)}.rt\:data-pressed\:text-primary[data-pressed]{color:var(--rt-primary)}.rt\:data-pressed\:shadow-ring-accent-hairline[data-pressed]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--rt-primary)), 0 0 0 .5px var(--tw-shadow-color,var(--rt-primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:48rem){.rt\:md\:hidden{display:none}.rt\:md\:inline{display:inline}.rt\:md\:h-15{height:calc(var(--rt-spacing) * 15)}.rt\:md\:px-6{padding-inline:calc(var(--rt-spacing) * 6)}}.rt\:data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--rt-primary)}.rt\:data-checked\:shadow-none:where([data-checked]:not([data-checked=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:data-checked\:hover\:bg-primary-hover:where([data-checked]:not([data-checked=false])):hover{background-color:var(--rt-primary-hover)}}.rt\:aria-invalid\:data-checked\:shadow-ring-invalid[aria-invalid=true]:where([data-checked]:not([data-checked=false])){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-selected\:bg-muted:where([data-selected]:not([data-selected=false])){background-color:var(--rt-muted)}.rt\:data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.rt\:data-disabled\:cursor-default:where([data-disabled]:not([data-disabled=false])){cursor:default}.rt\:data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])){cursor:not-allowed}.rt\:data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.rt\:data-active\:font-semibold:where([data-active]:not([data-active=false])){--tw-font-weight:var(--rt-font-weight-semibold);font-weight:var(--rt-font-weight-semibold)}.rt\:data-active\:text-primary:where([data-active]:not([data-active=false])){color:var(--rt-primary)}.rt\:data-active\:after\:opacity-100:where([data-active]:not([data-active=false])):after{content:var(--tw-content);opacity:1}.rt\:svg\:text-icon svg{color:var(--rt-icon)}@keyframes rt-spin{to{transform:rotate(360deg)}}@keyframes rt-pulse{50%{opacity:.5}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:"*";inherits:false;initial-value:""}