@mercury-fx/ui 2.4.0

package/dist/components/selection/Segmented/Segmented.d.ts

@@ -0,0 +1,13 @@
+export interface Segment<T extends string> {
+    label: string;
+    value: T;
+    disabled?: boolean;
+}
+export interface SegmentedProps<T extends string> {
+    segments: Segment<T>[];
+    value: T;
+    onChange?: (value: T) => void;
+    size?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+}
+export declare function Segmented<T extends string>({ segments, value, onChange, size, fullWidth }: SegmentedProps<T>): import("react").JSX.Element;

package/dist/components/selection/Segmented/index.d.ts

@@ -0,0 +1 @@
+export * from "./Segmented";

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

@@ -0,0 +1,13 @@
+export interface SliderProps {
+    value: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    unit?: string;
+    showValue?: boolean;
+    size?: "sm" | "md";
+    disabled?: boolean;
+}
+export declare function Slider({ value, onChange, min, max, step, label, unit, showValue, size, disabled }: SliderProps): import("react").JSX.Element;

package/dist/components/selection/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Slider";

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export interface SwitchProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: ReactNode;
+    disabled?: boolean;
+    name?: string;
+    id?: string;
+}
+export declare function Switch({ checked, onChange, label, disabled, name, id }: SwitchProps): import("react").JSX.Element;

package/dist/components/selection/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from "./Switch";

package/dist/components/selection/Toggle/Toggle.d.ts

@@ -0,0 +1,36 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export type ToggleSize = "sm" | "md" | "lg";
+export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    /** Controlled pressed state. Omit for uncontrolled. */
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    size?: ToggleSize;
+}
+/** A single two-state pressable control (e.g. a bold/italic formatting toggle). */
+export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type ToggleGroupType = "single" | "multiple";
+export interface ToggleGroupItem {
+    value: string;
+    label?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    /** Accessible name when the item is icon-only. */
+    ariaLabel?: string;
+}
+export interface ToggleGroupProps {
+    items: ToggleGroupItem[];
+    /** "single" (default) = one active value; "multiple" = a set. */
+    type?: ToggleGroupType;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    size?: ToggleSize;
+    /** Recolors the on-state of every item; omit for the neutral fill. */
+    accent?: "iris" | "indigo" | "green" | "orange" | "plum" | "red";
+    /** Disables every item (composes with per-item `disabled`). */
+    disabled?: boolean;
+    className?: string;
+}
+/** A bordered row of toggles behaving as a single- or multiple-select group. */
+export declare function ToggleGroup({ items, type, value, defaultValue, onValueChange, size, accent, disabled, className, }: ToggleGroupProps): import("react").JSX.Element;

package/dist/components/selection/Toggle/index.d.ts

@@ -0,0 +1 @@
+export * from "./Toggle";

package/dist/index.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @mercury-fx/ui — Mercury Design System React component library.
+ * Token-driven, className-based components. Import the stylesheet once
+ * (this entry pulls it in) and consume components anywhere.
+ *
+ * Components live one-folder-per-component under `components/<group>/<Name>/`
+ * (the Claude-Design layout). The UI-free foundation (`cx`, the `date`
+ * formatters, headless hooks, shared types) lives in `@mercury-fx/core`; the
+ * cross-boundary symbols are re-exported below so this public surface is
+ * unchanged for consumers.
+ */
+import "./styles/index.css";
+export { cx } from "@mercury-fx/core";
+export type { ClassValue } from "@mercury-fx/core";
+export { createFormatter, createTimeFormatter } from "@mercury-fx/core";
+export type { Formatter, TimeFormatter, FormatterOptions, TimeFormatterOptions, MonthFormat, YearFormat, DayPeriodValue, MaybeReadable, Readable, } from "@mercury-fx/core";
+export * from "./components/actions/Button";
+export * from "./components/actions/Link";
+export * from "./components/actions/IconButton";
+export * from "./components/foundations/Icon";
+export * from "./components/foundations/Divider";
+export * from "./components/foundations/Heading";
+export * from "./components/foundations/Text";
+export * from "./components/foundations/Separator";
+export * from "./components/inputs/Input";
+export * from "./components/inputs/Textarea";
+export * from "./components/inputs/Search";
+export * from "./components/inputs/Select";
+export * from "./components/inputs/AuthCode";
+export * from "./components/inputs/MoneyInput";
+export * from "./components/inputs/Label";
+export * from "./components/inputs/DateField";
+export * from "./components/inputs/Calendar";
+export * from "./components/selection/Checkbox";
+export * from "./components/selection/Radio";
+export * from "./components/selection/Switch";
+export * from "./components/selection/Segmented";
+export * from "./components/selection/Slider";
+export * from "./components/selection/Toggle";
+export * from "./components/selection/CheckboxGroup";
+export * from "./components/selection/CheckboxCards";
+export * from "./components/selection/RadioGroup";
+export * from "./components/selection/RadioCards";
+export * from "./components/feedback/Alert";
+export * from "./components/feedback/Progress";
+export * from "./components/feedback/PasswordStrength";
+export * from "./components/feedback/Callout";
+export * from "./components/feedback/Spinner";
+export * from "./components/feedback/Skeleton";
+export * from "./components/data-display/Chip";
+export * from "./components/data-display/Tag";
+export * from "./components/data-display/Badge";
+export * from "./components/data-display/Avatar";
+export * from "./components/data-display/Card";
+export * from "./components/data-display/Table";
+export * from "./components/data-display/Stat";
+export * from "./components/data-display/Chart";
+export * from "./components/data-display/Checklist";
+export * from "./components/data-display/ListRow";
+export * from "./components/data-display/Blockquote";
+export * from "./components/data-display/DataList";
+export * from "./components/data-display/Code";
+export * from "./components/data-display/Kbd";
+export * from "./components/navigation/Tabs";
+export * from "./components/navigation/Accordion";
+export * from "./components/navigation/Pagination";
+export * from "./components/navigation/Menubar";
+export * from "./components/navigation/TabNav";
+export * from "./components/overlay/Modal";
+export * from "./components/overlay/Tooltip";
+export * from "./components/overlay/Dialog";
+export * from "./components/overlay/AlertDialog";
+export * from "./components/overlay/Popover";
+export * from "./components/overlay/Dropdown";
+export * from "./components/overlay/ContextMenu";
+export * from "./components/overlay/HoverCard";
+export * from "./components/overlay/LinkPreview";
+export * from "./components/layout/AuthLayout";
+export * from "./components/layout/Collapsible";
+export * from "./components/layout/AspectRatio";
+export * from "./components/layout/ScrollArea";
+export * from "./components/layout/Box";
+export * from "./components/layout/Stack";
+export * from "./components/layout/Flex";
+export * from "./components/layout/Grid";
+export * from "./components/layout/Container";
+export * from "./components/layout/Spacer";
+export * from "./components/layout/GridItem";
+export * from "./components/layout/Center";
+export * from "./components/layout/Sidebar";
+export * from "./components/layout/Cluster";
+export * from "./components/layout/Section";
+export type { SpaceScale, RadiusScale, Align, Justify } from "./components/layout/scales";