@lardexx/react 1.0.0

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

@@ -0,0 +1,66 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import './Page.css';
+export interface PageActionMode {
+    /** Number of selected items. */
+    count: number;
+    /** Close (cancel) the action mode. */
+    onClose: () => void;
+    /** Show the "All" checkbox. @default true */
+    showAll?: boolean;
+    allChecked?: boolean;
+    onToggleAll?: (checked: boolean) => void;
+    /** Extra toolbar items rendered on the right. */
+    actions?: ReactNode;
+}
+export interface PageProps {
+    /** Toolbar (collapsed) title. */
+    title: string;
+    /** Large header title. Defaults to `title`. */
+    expandedTitle?: string;
+    subtitle?: string;
+    expandedSubtitle?: string;
+    /**
+     * Navigation icon behaviour (left side of the toolbar).
+     * Provide `onNavClick` alone for the default hamburger icon,
+     * or pass a custom `navIcon`.
+     */
+    onNavClick?: () => void;
+    navIcon?: ReactNode;
+    navLabel?: string;
+    /** "N" badge over the navigation icon (`setNavigationButtonBadge`). */
+    navBadge?: number | string;
+    /** Render the nav icon as a back arrow. */
+    navAsBack?: boolean;
+    /** Right-hand toolbar actions (48×48 icon buttons). */
+    actions?: ReactNode;
+    /** Collapse the big header on scroll. @default true */
+    expandable?: boolean;
+    /** Initial (uncontrolled) expansion state. @default true */
+    expanded?: boolean;
+    /** Called whenever the expansion state changes. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Search mode replaces the toolbar content (`showSearchMode`). */
+    searchMode?: boolean;
+    searchQuery?: string;
+    searchPlaceholder?: string;
+    onSearchQueryChange?: (query: string) => void;
+    onSearchClose?: () => void;
+    /** Extra node rendered inside the search bar (e.g. a voice button). */
+    searchTrailing?: ReactNode;
+    /** Selection toolbar (`showActionMode`). */
+    actionMode?: PageActionMode | null;
+    /** Background of the header/toolbar area. Defaults to `--oui-bg`. */
+    headerBackground?: string;
+    /** Sticky footer, e.g. `<BottomNav …/>` (`toolbarlayout_footer`). */
+    footer?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/**
+ * `ToolbarLayout` port — One UI collapsing header with a pinned toolbar,
+ * big expanding title, search mode, action (selection) mode, rounded content
+ * surface and footer slot.
+ */
+export declare function Page({ title, expandedTitle, subtitle, expandedSubtitle, onNavClick, navIcon, navLabel, navBadge, navAsBack, actions, expandable, expanded, onExpandedChange, searchMode, searchQuery, searchPlaceholder, onSearchQueryChange, onSearchClose, searchTrailing, actionMode, headerBackground, footer, className, style, children, }: PageProps): import("react").JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

package/dist/types/components/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,uEAAuE;IACvE,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,4CAA4C;IAC5C,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAEnC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAiB,EACjB,OAAO,EACP,UAAiB,EACjB,QAAe,EACf,gBAAgB,EAChB,UAAkB,EAClB,WAAgB,EAChB,iBAA4B,EAC5B,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,UAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,SAAS,+BAgMX"}

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

@@ -0,0 +1,23 @@
+import type { MouseEvent, ReactNode } from 'react';
+import './Preference.css';
+export interface PreferenceProps {
+    /** 24dp leading icon. */
+    icon?: ReactNode;
+    title: ReactNode;
+    summary?: ReactNode;
+    /** Trailing widget (value text, switch, radio…). */
+    end?: ReactNode;
+    /** Makes the row interactive. */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    disabled?: boolean;
+    /** Visually emphasise as the selected option. */
+    selected?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * Single preference row — title 16sp + summary 14sp, 24dp horizontal
+ * padding, inset dividers (`?attr/listPreferredItemHeight` family).
+ */
+export declare function Preference({ icon, title, summary, end, onClick, disabled, selected, className, children, }: PreferenceProps): import("react").JSX.Element;
+//# sourceMappingURL=Preference.d.ts.map

package/dist/types/components/Preference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preference.d.ts","sourceRoot":"","sources":["../../../src/components/Preference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oDAAoD;IACpD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,GAAG,EACH,OAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BA6CjB"}

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import './Preference.css';
+export interface PreferenceGroupProps {
+    /** Subheader above the group (13sp bold sesl subheader). */
+    title?: ReactNode;
+    /**
+     * Render the group as an inset rounded card (One UI 4 `InsetPreferenceCategory`
+     * look, radius 26). Default is the classic flat section.
+     */
+    variant?: 'flat' | 'card';
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * Preference section — `InsetPreferenceCategory` / category subheader.
+ * First/last children automatically receive the rounded corners
+ * (`positionMode` first_item behaviour).
+ */
+export declare function PreferenceGroup({ title, variant, className, children, }: PreferenceGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=PreferenceGroup.d.ts.map

package/dist/types/components/PreferenceGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferenceGroup.d.ts","sourceRoot":"","sources":["../../../src/components/PreferenceGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,+BAiBtB"}

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

@@ -0,0 +1,35 @@
+import './ProgressBar.css';
+export interface CircularProgressProps {
+    /** Diameter in px. @default 40 (ProgressDialog uses ~56–60). */
+    size?: number;
+    /** Stroke width in px. @default 3.5 */
+    strokeWidth?: number;
+    /**
+     * Determinate value 0–100. Omit for the indeterminate spinner
+     * (`?android:attr/progressBarStyle`).
+     */
+    value?: number;
+    /** Small centered message (e.g. "45%") — circle dialog behaviour. */
+    message?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+/** SeslProgressBar circular indicator (indeterminate or determinate ring). */
+export declare function CircularProgress({ size, strokeWidth, value, message, className, 'aria-label': ariaLabel, }: CircularProgressProps): import("react").JSX.Element;
+export interface LinearProgressProps {
+    /** Determinate value 0–100. Omit for indeterminate. */
+    value?: number;
+    /** Row rendered under the bar: `{ number, percent }` (horizontal dialog). */
+    numberText?: string;
+    showPercent?: boolean;
+    className?: string;
+    'aria-label'?: string;
+}
+/** SeslProgressBar horizontal indicator. */
+export declare function LinearProgress({ value, numberText, showPercent, className, 'aria-label': ariaLabel, }: LinearProgressProps): import("react").JSX.Element;
+export interface ProgressBarProps extends CircularProgressProps {
+    variant?: 'circular' | 'linear';
+}
+/** Convenience wrapper choosing the circular or horizontal indicator. */
+export declare function ProgressBar({ variant, ...props }: ProgressBarProps): import("react").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/types/components/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,WAAiB,EACjB,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,qBAAqB,+BA6CvB;AAED,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,4CAA4C;AAC5C,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,WAAmB,EACnB,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,mBAAmB,+BA8BrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC7D,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CACjC;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,EAC1B,OAAoB,EACpB,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAMlB"}

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import { type DialogProps } from './Dialog';
+import './ProgressDialog.css';
+export interface ProgressDialogProps extends Omit<DialogProps, 'title' | 'actions' | 'children'> {
+    /**
+     * - `circle` — 55–60dp spinner with optional centered % (`oui_dialog_progress_dialog_circle`)
+     * - `spinner` — horizontal spinner + message row (`oui_dialog_progress_dialog_spinner`)
+     * - `horizontal` — message + determinate bar with number/percent
+     *   (`oui_dialog_progress_dialog_horizontal`)
+     * @default 'circle'
+     */
+    variant?: 'circle' | 'spinner' | 'horizontal';
+    message?: ReactNode;
+    /** `horizontal` variant: determinate value 0–100. */
+    value?: number;
+    /** `horizontal` variant: left-side counter, e.g. "34/100". */
+    numberText?: string;
+    /** `circle` variant: show the value as a % inside the spinner. */
+    percentText?: string;
+}
+/** ProgressDialog port (circle / spinner / horizontal layouts). */
+export declare function ProgressDialog({ open, onClose, variant, message, value, numberText, percentText, disableDismiss, className, maxWidth, 'aria-label': ariaLabel, }: ProgressDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=ProgressDialog.d.ts.map

package/dist/types/components/ProgressDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3D;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,mEAAmE;AACnE,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,OAAkB,EAClB,OAAO,EACP,KAAK,EACL,UAAU,EACV,WAAW,EACX,cAAqB,EACrB,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE,mBAAmB,+BAwDrB"}

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

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import './RelatedCard.css';
+export interface RelatedLink {
+    key?: string;
+    label: string;
+    onClick?: () => void;
+    href?: string;
+}
+export interface RelatedCardProps {
+    /** Defaults to "Looking for something else?" (`oui_relative_description`). */
+    title?: ReactNode;
+    links: RelatedLink[];
+    onLinkClick?: (link: RelatedLink, index: number) => void;
+    className?: string;
+}
+/**
+ * RelatedCard / "Related links" — `oui_view_relative_link.xml`:
+ * tinted 26dp-radius card, 18sp bold title, stacked bold accent links
+ * (16sp, padding 16/6, pressed ripple).
+ */
+export declare function RelatedCard({ title, links, onLinkClick, className, }: RelatedCardProps): import("react").JSX.Element;
+//# sourceMappingURL=RelatedCard.d.ts.map

package/dist/types/components/RelatedCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedCard.d.ts","sourceRoot":"","sources":["../../../src/components/RelatedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,gBAAgB,+BA0ClB"}

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

@@ -0,0 +1,31 @@
+import './RoundBox.css';
+/** Corner bit flags, matching `roundedCorners` in attrs.xml. */
+export declare const ROUND_NONE = 0;
+export declare const ROUND_TOP_LEFT = 1;
+export declare const ROUND_TOP_RIGHT = 2;
+export declare const ROUND_BOTTOM_LEFT = 4;
+export declare const ROUND_BOTTOM_RIGHT = 8;
+export declare const ROUND_ALL = 15;
+export declare const ROUND_TOP: number;
+export declare const ROUND_BOTTOM: number;
+export type CornerFlags = 'all' | 'none' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export interface RoundBoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Rounded corners as an Android-style bit mask
+     * (`ROUND_ALL`, `ROUND_TOP`, …) or a friendly alias.
+     * @default ROUND_ALL
+     */
+    roundedCorners?: number | CornerFlags;
+    /** Corner radius in px (defaults to `--oui-radius-xl` = 26px). */
+    radius?: number;
+    /** Fill color; defaults to `--oui-bg` (the `roundedCornerColor` analogue). */
+    color?: string;
+    as?: 'div' | 'section' | 'aside' | 'main' | 'header' | 'footer' | 'article';
+    children?: React.ReactNode;
+}
+/**
+ * Container with selective rounded corners — the web equivalent of
+ * `RoundFrameLayout` / `RoundLinearLayout`.
+ */
+export declare function RoundBox({ roundedCorners, radius, color, as: Tag, className, style, children, ...props }: RoundBoxProps): import("react").JSX.Element;
+//# sourceMappingURL=RoundBox.d.ts.map

package/dist/types/components/RoundBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundBox.d.ts","sourceRoot":"","sources":["../../../src/components/RoundBox.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAC;AAExB,gEAAgE;AAChE,eAAO,MAAM,UAAU,IAAO,CAAC;AAC/B,eAAO,MAAM,cAAc,IAAO,CAAC;AACnC,eAAO,MAAM,eAAe,IAAO,CAAC;AACpC,eAAO,MAAM,iBAAiB,IAAO,CAAC;AACtC,eAAO,MAAM,kBAAkB,IAAO,CAAC;AACvC,eAAO,MAAM,SAAS,KAAO,CAAC;AAC9B,eAAO,MAAM,SAAS,QAAmC,CAAC;AAC1D,eAAO,MAAM,YAAY,QAAyC,CAAC;AAEnE,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,KAAK,GACL,QAAQ,GACR,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,CAAC;AAElB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACtC,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAwBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,cAA0B,EAC1B,MAAM,EACN,KAAK,EACL,EAAE,EAAE,GAAW,EACf,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,+BAqBf"}

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

@@ -0,0 +1,13 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './Separator.css';
+export interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * With text: renders a bold list-separator label
+     * (`Widget.AppCompat.Light.TextView.ListSeparator`, 13sp bold,
+     * `sesl_list_subheader_text_color`).
+     * Without text: renders a hairline divider.
+     */
+    children?: ReactNode;
+}
+export declare function Separator({ children, className, ...props }: SeparatorProps): import("react").JSX.Element;
+//# sourceMappingURL=Separator.d.ts.map

package/dist/types/components/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,+BAehB"}

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

@@ -0,0 +1,39 @@
+import { type CSSProperties } from 'react';
+import './Slider.css';
+export type SliderValue = number | [number, number];
+export interface SliderProps {
+    /** Single value, or `[low, high]` for the dual/overlap mode. */
+    value: SliderValue;
+    onChange?: (value: SliderValue) => void;
+    /** Called once at the end of an interaction. */
+    onCommit?: (value: SliderValue) => void;
+    min?: number;
+    max?: number;
+    /** @default 1 */
+    step?: number;
+    disabled?: boolean;
+    /**
+     * Show the discrete tick dots (`oui_seekbar_tick_mark`, 7dp ovals
+     * in `oui_seekbar_circle_marker_color`).
+     */
+    ticks?: boolean;
+    /** Show the −/+ stepper buttons (`SeekBarPreferencePro` adjustable mode). */
+    stepper?: boolean;
+    /** Centered value readout under the track (`seekbar_value`, colorPrimaryDark). */
+    showValue?: boolean;
+    /** Suffix appended to the readout, e.g. `%`. */
+    units?: string;
+    /** Custom readout formatter. */
+    formatValue?: (value: number) => string;
+    /** Accessible name. */
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Slider — port of `HapticSeekBar` / `SeekBarPreferencePro`.
+ * Supports tick marks, ± steppers, value readout and the dual-thumb
+ * overlap mode (orange `sesl_seekbar_overlap_color_activated`).
+ */
+export declare function Slider({ value, onChange, onCommit, min, max, step, disabled, ticks, stepper, showValue, units, formatValue, label, className, style, }: SliderProps): import("react").JSX.Element;
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAGf,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,gEAAgE;IAChE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAaD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAgB,EAChB,KAAa,EACb,OAAe,EACf,SAAiB,EACjB,KAAU,EACV,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,GACN,EAAE,WAAW,+BAuOb"}

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

@@ -0,0 +1,22 @@
+import { type PreferenceProps } from './Preference';
+import { type SliderValue } from './Slider';
+export interface SliderPreferenceProps extends Omit<PreferenceProps, 'end' | 'onClick' | 'children'> {
+    value: SliderValue;
+    onChange?: (value: SliderValue) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Show the centered value readout (colorPrimaryDark). @default true */
+    showValue?: boolean;
+    units?: string;
+    formatValue?: (value: number) => string;
+    /** Show the −/+ stepper buttons. */
+    stepper?: boolean;
+    ticks?: boolean;
+}
+/**
+ * `SeekBarPreferencePro` — preference header with an inline slider,
+ * optional value readout, units and steppers.
+ */
+export declare function SliderPreference({ value, onChange, min, max, step, showValue, units, formatValue, stepper, ticks, title, summary, disabled, className, ...rest }: SliderPreferenceProps): import("react").JSX.Element;
+//# sourceMappingURL=SliderPreference.d.ts.map

package/dist/types/components/SliderPreference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderPreference.d.ts","sourceRoot":"","sources":["../../../src/components/SliderPreference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7D,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAgB,EAChB,KAAK,EACL,WAAW,EACX,OAAe,EACf,KAAa,EACb,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,+BA2BvB"}

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

@@ -0,0 +1,21 @@
+import type { CSSProperties, ReactNode } from 'react';
+import './Splash.css';
+export interface SplashProps {
+    /** Logo / illustration rendered at 80×80dp. */
+    image?: ReactNode;
+    /** App title under the logo (30dp, expanded-collapsing appearance). */
+    title?: string;
+    /**
+     * Play the wiggle intro from `anim/oui_splash_animation.xml`
+     * (rotate 0→25→−45→35→−25→10 ≈ 560ms).
+     * @default false
+     */
+    animated?: boolean;
+    /** Repeat the animation while the splash is visible. @default false */
+    loop?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+/** `SplashLayout` — centered logo + title splash screen. */
+export declare function Splash({ image, title, animated, loop, className, style, }: SplashProps): import("react").JSX.Element;
+//# sourceMappingURL=Splash.d.ts.map

package/dist/types/components/Splash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splash.d.ts","sourceRoot":"","sources":["../../../src/components/Splash.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,4DAA4D;AAC5D,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,IAAY,EACZ,SAAS,EACT,KAAK,GACN,EAAE,WAAW,+BAiBb"}

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

@@ -0,0 +1,15 @@
+import { type ButtonHTMLAttributes } from 'react';
+import './Switch.css';
+export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    /** Accessible label (falls back to the button's aria-label). */
+    label?: string;
+}
+/**
+ * One UI switch — ported from `SeslSwitch`
+ * (sesl_switch_track/thumb colors from oneui-core).
+ */
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAsClB,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+import { IconClose } from '../icons';
+import './SwitchBar.css';
+export interface SwitchBarProps {
+    /** Whether the switch is on. */
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    /** Bar label. */
+    label?: string;
+    /** Show a small spinner next to the label while an operation is running. */
+    loading?: boolean;
+    /**
+     * Render the page content under the bar inside a top-rounded container
+     * (the `SwitchBarLayout` behaviour). Set `false` when embedding
+     * the bar standalone.
+     * @default true
+     */
+    wrapContent?: boolean;
+    className?: string;
+    contentClassName?: string;
+    children?: ReactNode;
+}
+/**
+ * Switch bar + rounded content area — port of `SwitchBarLayout`
+ * (sesl_switchbar_height = 64dp, 20dp margin, top-rounded container).
+ */
+export declare function SwitchBar({ checked, defaultChecked, onChange, label, loading, wrapContent, className, contentClassName, children, }: SwitchBarProps): import("react").JSX.Element;
+export interface SwitchBarActionProps {
+    label?: string;
+    onClick?: () => void;
+    className?: string;
+}
+/** Convenience right-aligned text action shown inside the switch bar. */
+export declare function SwitchBarAction({ label, onClick, className, }: SwitchBarActionProps): import("react").JSX.Element;
+/** Close icon re-export for switch-bar toolbars. */
+export declare const SwitchBarCloseIcon: typeof IconClose;
+//# sourceMappingURL=SwitchBar.d.ts.map

package/dist/types/components/SwitchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,cAAc,EACd,QAAQ,EACR,KAAK,EACL,OAAe,EACf,WAAkB,EAClB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,cAAc,+BA6BhB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,+BAUtB;AAED,oDAAoD;AACpD,eAAO,MAAM,kBAAkB,kBAAY,CAAC"}

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

@@ -0,0 +1,9 @@
+import { type PreferenceProps } from './Preference';
+export interface SwitchPreferenceProps extends Omit<PreferenceProps, 'end' | 'onClick' | 'children'> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+/** Preference row with a trailing One UI switch. */
+export declare function SwitchPreference({ checked, defaultChecked, onChange, disabled, title, ...rest }: SwitchPreferenceProps): import("react").JSX.Element;
+//# sourceMappingURL=SwitchPreference.d.ts.map

package/dist/types/components/SwitchPreference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPreference.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchPreference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,oDAAoD;AACpD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAoBvB"}

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

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import './Tabs.css';
+export interface TabItem {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    badge?: number | string;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    items: TabItem[];
+    value: string;
+    onChange?: (key: string) => void;
+    /**
+     * `underline` — Material/One UI scrolling tabs with an indicator
+     * (MarginsTabLayout, 24dp side padding).
+     * `pill` — segmented pill tabs (Start/End style).
+     * @default 'underline'
+     */
+    variant?: 'underline' | 'pill';
+    /** Horizontal padding around the tab strip. @default 24 */
+    inset?: number;
+    className?: string;
+    'aria-label'?: string;
+}
+/**
+ * Tab strip — port of `MarginsTabLayout`
+ * (`oui_tab_layout_default_padding` = 24dp).
+ */
+export declare function Tabs({ items, value, onChange, variant, inset, className, 'aria-label': ariaLabel, }: TabsProps): import("react").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,KAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,SAAS,+BAwDX"}

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

@@ -0,0 +1,27 @@
+import { type ReactNode } from 'react';
+import { type AnchorLike } from '../utils';
+import './TipPopup.css';
+export interface TipPopupProps {
+    open: boolean;
+    /** Anchor element / ref / rect the balloon points at. */
+    anchor: AnchorLike;
+    onClose?: () => void;
+    /** Balloon message (defaults to the `sem_tip_popup_hint_string`). */
+    children?: ReactNode;
+    /** Optional action button rendered under the message. */
+    action?: {
+        label: string;
+        onClick?: () => void;
+    };
+    /** @default 'top' */
+    placement?: 'top' | 'bottom';
+    /** Hide the default close-on-outside-click / Escape behaviour. */
+    disableDismiss?: boolean;
+    className?: string;
+}
+/**
+ * TipPopup — dark balloon tooltip (`sem_tip_popup_*`: #474747 background,
+ * 15sp message, optional 36dp-min action button, 16×12 arrow).
+ */
+export declare function TipPopup({ open, anchor, onClose, children, action, placement, disableDismiss, className, }: TipPopupProps): import("react").ReactPortal | null;
+//# sourceMappingURL=TipPopup.d.ts.map

package/dist/types/components/TipPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipPopup.d.ts","sourceRoot":"","sources":["../../../src/components/TipPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAqD,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,yDAAyD;IACzD,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yDAAyD;IACzD,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACjD,qBAAqB;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAiB,EACjB,cAAsB,EACtB,SAAS,GACV,EAAE,aAAa,sCAqGf"}

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import './Preference.css';
+export interface TipsCardAction {
+    label: string;
+    onClick?: () => void;
+}
+export interface TipsCardProps {
+    /** 19sp bold title. */
+    title?: ReactNode;
+    /** 15sp summary (+4sp line spacing). */
+    summary?: ReactNode;
+    /** Extra content between summary and actions. */
+    children?: ReactNode;
+    /** Bottom text buttons (17sp bold pills). */
+    actions?: TipsCardAction[];
+    /** Show the 22dp close button; called when pressed. */
+    onClose?: () => void;
+    className?: string;
+}
+/**
+ * `TipsCardPreference` — highlight card (bg #fcfcfc/#252525) with a title,
+ * close button and bold pill text actions.
+ */
+export declare function TipsCard({ title, summary, children, actions, onClose, className, }: TipsCardProps): import("react").JSX.Element;
+//# sourceMappingURL=TipsCard.d.ts.map

package/dist/types/components/TipsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipsCard.d.ts","sourceRoot":"","sources":["../../../src/components/TipsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,aAAa,+BA2Cf"}

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import './Toast.css';
+export interface ToastOptions {
+    /** Milliseconds before auto-dismiss. `0` keeps it until `dismissToast`. @default 2200 */
+    duration?: number;
+    /** @default 'bottom' */
+    position?: 'bottom' | 'top' | 'center';
+}
+/**
+ * Show a One UI toast (`Toast.makeText` analogue — translucent dark pill,
+ * 22dp radius, 16sp text).
+ *
+ * ```ts
+ * toast('Saved');
+ * toast('Copied to clipboard', { duration: 1000 });
+ * ```
+ */
+export declare function toast(message: ReactNode, options?: ToastOptions): number;
+export declare function dismissToast(id: number): void;
+export declare function clearToasts(): void;
+export interface ToastProps extends ToastOptions {
+    open: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+}
+/** Declarative alternative to `toast()`. */
+export declare function Toast({ open, onClose, duration, position, children, }: ToastProps): import("react").ReactPortal | null;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/types/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,YAAY;IAC3B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;CACxC;AA0CD;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAa5E;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAG7C;AAED,wBAAgB,WAAW,IAAI,IAAI,CAGlC;AAqCD,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,4CAA4C;AAC5C,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,QAAe,EACf,QAAmB,EACnB,QAAQ,GACT,EAAE,UAAU,sCA2BZ"}