@revikornmann/muka-ui 0.2.1

package/dist/types/components/ProfileBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ProfileBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import './Progress.css';
+export interface ProgressProps {
+    /** Current progress value (0-100) */
+    value?: number;
+    /** Maximum value (defaults to 100) */
+    max?: number;
+    /** Visual style: horizontal bar or circular */
+    variant?: 'bar' | 'circle';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show indeterminate animation (ignores value) */
+    indeterminate?: boolean;
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Custom label text (overrides percentage) */
+    label?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label for the progress */
+    'aria-label'?: string;
+}
+/**
+ * Progress Component
+ *
+ * Visual indicator of progress or completion status.
+ *
+ * Variants:
+ * - bar: Horizontal progress bar
+ * - circle: Circular progress indicator
+ *
+ * Sizes: sm, md, lg
+ * Modes: Determinate (with value) or indeterminate (animated)
+ */
+export declare const Progress: React.FC<ProgressProps>;
+export default Progress;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE3B,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8F5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/Progress/index.d.ts

@@ -0,0 +1,3 @@
+export { Progress, type ProgressProps } from './Progress';
+export { default } from './Progress';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import './PullToRefresh.css';
+export interface PullToRefreshProps {
+    /** Scrollable content. The component wraps it in a scroll container. */
+    children: React.ReactNode;
+    /** Called when the user pulls past the threshold and releases. */
+    onRefresh: () => void | Promise<void>;
+    /** Pull distance (px) to trigger refresh. Default: 64 */
+    threshold?: number;
+    /**
+     * Maximum visible pull distance (px). Pulling further is rubber-banded.
+     * Default: 120
+     */
+    maxPull?: number;
+    /** Disable the pull gesture (the inner container still scrolls). */
+    disabled?: boolean;
+    /** Custom indicator. Overrides the default chevron / spinner. */
+    indicator?: React.ReactNode;
+    /** Accessible label for the indicator. Default: 'Pull to refresh' */
+    'aria-label'?: string;
+    /** Additional CSS classes on the wrapper */
+    className?: string;
+}
+/**
+ * PullToRefresh — drag-down-to-refresh gesture on a scroll container.
+ *
+ * Activates only when the inner content is scrolled to the top. Releases past
+ * the threshold trigger `onRefresh`; releases before the threshold rubber-band
+ * back without firing.
+ *
+ * Compose around a `ChatMessageList`, an inbox, or any feed where the user
+ * expects "pull down for new content".
+ */
+export declare const PullToRefresh: React.FC<PullToRefreshProps>;
+export default PullToRefresh;
+//# sourceMappingURL=PullToRefresh.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../../../components/PullToRefresh/PullToRefresh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAkB;IACjC,wEAAwE;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,kEAAkE;IAClE,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuJtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/components/PullToRefresh/index.d.ts

@@ -0,0 +1,2 @@
+export { PullToRefresh, type PullToRefreshProps } from './PullToRefresh';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/PullToRefresh/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/PullToRefresh/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import './Radio.css';
+export interface RadioProps {
+    /** Whether the radio is selected */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Change handler */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Label text */
+    label?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Name attribute for radio groups */
+    name?: string;
+    /** Value attribute */
+    value?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+    /** ID for the input element */
+    id?: string;
+}
+/**
+ * Radio Component
+ *
+ * A circular selection control for single-choice options within a group.
+ * Built using the Muka design token system with support for:
+ * - 3 sizes: sm, md, lg
+ * - Interactive states: default, hover, checked, disabled
+ * - Label text with proper accessibility
+ * - Multi-brand theming through design tokens
+ *
+ * Tokens used:
+ * - radio.size.{size}
+ * - radio.dot.size.{size}
+ * - radio.color.{state}.{background|border|dot}
+ */
+export declare const Radio: React.FC<RadioProps>;
+export default Radio;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE5D,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6CtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export { Radio, type RadioProps } from './Radio';
+export { Radio as default } from './Radio';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import './RadioTile.css';
+export interface RadioTileProps {
+    /** Whether the tile is selected */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Change handler */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Label text */
+    label?: string;
+    /** Caption/subtitle text (shown below label when provided) */
+    caption?: string;
+    /** Icon element to display */
+    icon?: React.ReactNode;
+    /** Image URL to display */
+    image?: string;
+    /** Image alt text */
+    imageAlt?: string;
+    /** Orientation - horizontal or vertical */
+    orientation?: 'horizontal' | 'vertical';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Name attribute for radio groups */
+    name?: string;
+    /** Value attribute */
+    value?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** ID for the input element */
+    id?: string;
+}
+/**
+ * RadioTile Component
+ *
+ * A tile-style radio button with support for icons, images, and vertical layouts.
+ * Built using the Muka design token system.
+ *
+ * Variants:
+ * - Default: Radio with label
+ * - With icon: Radio with icon and label/caption
+ * - With image: Radio with image and label/caption
+ * - Vertical: Icon or image at top, label below, radio in corner
+ */
+export declare const RadioTile: React.FC<RadioTileProps>;
+export default RadioTile;
+//# sourceMappingURL=RadioTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioTile.d.ts","sourceRoot":"","sources":["../../../../components/RadioTile/RadioTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE5D,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkH9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/components/RadioTile/index.d.ts

@@ -0,0 +1,3 @@
+export { RadioTile, type RadioTileProps } from './RadioTile';
+export { RadioTile as default } from './RadioTile';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/RadioTile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/RadioTile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import './RangeSlider.css';
+export interface RangeSliderProps {
+    /** Current value (controlled) */
+    value: number;
+    /** Called with the new numeric value on change */
+    onChange: (value: number) => void;
+    /** Minimum value */
+    min: number;
+    /** Maximum value */
+    max: number;
+    /** Step increment */
+    step?: number;
+    /** Visible label rendered above the slider */
+    label?: string;
+    /** Show an information icon next to the label; the string is used as its tooltip */
+    tooltip?: string;
+    /** Render an "Optional" hint at the end of the label row */
+    optional?: boolean;
+    /** Show the current value next to the label */
+    showValue?: boolean;
+    /** Format the current value shown next to the label (e.g. as € or %) */
+    formatValue?: (value: number) => string;
+    /** Helper text rendered below the slider */
+    helperText?: string;
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disable the slider */
+    disabled?: boolean;
+    /** Explicit id; auto-generated when omitted */
+    id?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label when no visible `label` is provided */
+    'aria-label'?: string;
+}
+/**
+ * RangeSlider Component
+ *
+ * A labelled slider built on the native range input, styled with Muka design
+ * tokens. A thick sunken track holds an accent-coloured fill up to the current
+ * value, topped by a circular grip handle. The fill width is driven by a CSS
+ * custom property so it renders identically on WebKit and Firefox.
+ *
+ * Sizes: sm, md, lg
+ * Features: optional label, info tooltip, "Optional" hint, formatted value
+ * readout, helper text, disabled state
+ *
+ * @accessibility
+ * - Wraps a native <input type="range">, so keyboard and screen-reader support
+ *   come for free. Provide a visible `label` or an `aria-label`.
+ */
+export declare const RangeSlider: React.FC<RangeSliderProps>;
+export default RangeSlider;
+//# sourceMappingURL=RangeSlider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IAEd,kDAAkD;IAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IAEZ,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IAEZ,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAExC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2FlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/components/RangeSlider/index.d.ts

@@ -0,0 +1,3 @@
+export { RangeSlider, type RangeSliderProps } from './RangeSlider';
+export { default } from './RangeSlider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/RangeSlider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/RangeSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import './SearchInput.css';
+export interface SearchInputProps {
+    /** Current input value (controlled) */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Placeholder text. Default: 'Search' */
+    placeholder?: string;
+    /** Show the clear (×) button when value is non-empty. Default: true */
+    clearable?: boolean;
+    /**
+     * Show an iOS-style "Cancel" button while the field is focused.
+     * Tapping cancel blurs the input and clears the value (unless `onCancel` overrides).
+     * Default: false
+     */
+    cancellable?: boolean;
+    /** Cancel button label. Default: 'Cancel' */
+    cancelLabel?: string;
+    /**
+     * Called when the cancel button is tapped. If omitted, default behavior is:
+     * blur the input and call `onChange('')`.
+     */
+    onCancel?: () => void;
+    /** Called when the user submits with Enter */
+    onSubmit?: (value: string) => void;
+    /** Show a spinner in place of the clear button while loading */
+    loading?: boolean;
+    /**
+     * Visual variant.
+     * - `default` — bordered, standalone (in a form, page body)
+     * - `embedded` — borderless, fills the container (used inside TopBar)
+     */
+    variant?: 'default' | 'embedded';
+    /** Auto-focus on mount */
+    autoFocus?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size — default: 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /** Accessible label (defaults to placeholder if neither label nor aria-label provided) */
+    'aria-label'?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * SearchInput — search-flavored text input with built-in clear, optional cancel,
+ * and loading state.
+ *
+ * Optimized for mobile: large tap targets, native `type="search"` keyboard, and
+ * an `embedded` variant for use inside a TopBar.
+ *
+ * @accessibility
+ * - Renders as `<input type="search">` inside a `<form role="search">` landmark
+ * - Clear and cancel buttons have descriptive aria-labels
+ */
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+export default SearchInput;
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IAEd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEjC,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,2FAyHvB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/types/components/SearchInput/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchInput, type SearchInputProps } from './SearchInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/SearchInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import './Section.css';
+export interface SectionProps {
+    /** Section content */
+    children: React.ReactNode;
+    /** Padding density — uses layout tokens (section.padding.vertical/horizontal) */
+    padding?: 'compact' | 'default' | 'spacious';
+    /** Semantic HTML element */
+    as?: 'section' | 'div' | 'aside';
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Section Component
+ *
+ * Layout primitive that applies consistent vertical and horizontal padding
+ * from the Muka layout token system. Responsive values come from
+ * mobile/tablet/desktop layout tokens.
+ *
+ * Tokens: section.padding.vertical.{compact|default|spacious},
+ *        section.padding.horizontal.{compact|default|spacious}
+ */
+export declare const Section: React.FC<SectionProps>;
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../components/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7C,4BAA4B;IAC5B,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;IAEjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkB1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/components/Section/index.d.ts

@@ -0,0 +1,2 @@
+export { Section, type SectionProps } from './Section';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,60 @@
+import React from 'react';
+import './SegmentGroup.css';
+export interface SegmentOption {
+    /** Unique value for this segment */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Icon representation */
+    icon?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+}
+export interface SegmentGroupProps {
+    /** Array of segment options */
+    options: SegmentOption[];
+    /** Currently selected value (controlled) */
+    value?: string;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+    /** Full width */
+    fullWidth?: boolean;
+    /** Disabled state for entire group */
+    disabled?: boolean;
+    /** Render only icons without labels */
+    iconOnly?: boolean;
+}
+/**
+ * SegmentGroup Component
+ *
+ * A segmented control for selecting one option from a set of mutually exclusive options.
+ * Similar to radio buttons but with a more compact, visual representation.
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - role="radiogroup" with aria-label
+ * - role="radio" for each segment with aria-checked
+ * - Keyboard: Arrow keys for navigation, Space/Enter to select
+ * - Roving tabindex pattern
+ *
+ * @example
+ * ```tsx
+ * <SegmentGroup
+ *   options={[
+ *     { value: 'day', label: 'Day' },
+ *     { value: 'week', label: 'Week' },
+ *     { value: 'month', label: 'Month' }
+ *   ]}
+ *   defaultValue="day"
+ *   onChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+export declare const SegmentGroup: React.FC<SegmentGroupProps>;
+export default SegmentGroup;
+//# sourceMappingURL=SegmentGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentGroup.d.ts","sourceRoot":"","sources":["../../../../components/SegmentGroup/SegmentGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,OAAO,EAAE,aAAa,EAAE,CAAC;IAEzB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4IpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/types/components/SegmentGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentGroup } from './SegmentGroup';
+export type { SegmentGroupProps, SegmentOption } from './SegmentGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/SegmentGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/SegmentGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import './Select.css';
+export interface SelectOption<T extends string = string> {
+    /** Option value */
+    value: T;
+    /** Option display label */
+    label: string;
+    /** Disabled option */
+    disabled?: boolean;
+}
+export interface SelectProps<T extends string = string> {
+    /** Available options */
+    options: ReadonlyArray<SelectOption<T>>;
+    /** Current value */
+    value?: T;
+    /** Change handler (native event) */
+    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    /** Typed change handler — receives the selected option value directly */
+    onValueChange?: (value: T) => void;
+    /** Placeholder text (shown as first disabled option) */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Error state */
+    error?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Full width */
+    fullWidth?: boolean;
+    /** Required field */
+    required?: boolean;
+    /** HTML name attribute */
+    name?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Select / Dropdown Component
+ *
+ * Uses native <select> for maximum accessibility.
+ * Styled with the Muka design token system.
+ *
+ * Tokens used:
+ * - select.field.color.{state}.{background|foreground|border}
+ * - select.field.radius.{size}
+ * - select.field.padding.{x|y}
+ * - select.field.height.{size}
+ * - text.input.{size}
+ * - text.label.{size}.semibold
+ */
+export declare function Select<T extends string = string>({ options, value, onChange, onValueChange, placeholder, label, helperText, error, errorMessage, disabled, size, fullWidth, required, name, className, ...props }: SelectProps<T>): React.JSX.Element;
+export default Select;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,cAAc,CAAC;AAGtB,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,mBAAmB;IACnB,KAAK,EAAE,CAAC,CAAC;IACT,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACpD,wBAAwB;IACxB,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAExC,oBAAoB;IACpB,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAEnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAChD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAa,EACb,YAAY,EACZ,QAAgB,EAChB,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,IAAI,EACJ,SAAc,EACd,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,qBAiGhB;AAED,eAAe,MAAM,CAAC"}

package/dist/types/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select, type SelectProps, type SelectOption } from './Select';
+export { default } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import './Sheet.css';
+export interface SheetProps {
+    /** Whether the sheet is open */
+    open: boolean;
+    /** Called when the sheet should close (backdrop tap, drag-down, ESC) */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Snap points as fractions of viewport height or CSS values.
+     * Examples: `[0.4, 0.9]`, `['200px', 0.5, 0.95]`.
+     * Omit for a single full-height sheet.
+     */
+    snapPoints?: (number | string)[];
+    /** Currently active snap point (controlled). */
+    activeSnapPoint?: number | string | null;
+    /** Setter for the active snap point. Required when using `snapPoints` in a controlled way. */
+    setActiveSnapPoint?: (snap: number | string | null) => void;
+    /** Show the drag handle at the top. Default: true */
+    showHandle?: boolean;
+    /** Whether the sheet can be dismissed (backdrop tap, drag-down). Default: true */
+    dismissible?: boolean;
+    /**
+     * Disable iOS safe-area bottom inset on the sheet content.
+     * Default: false. Set to true when content already handles its own bottom inset.
+     */
+    disableSafeArea?: boolean;
+    /**
+     * Accessible title for screen readers. Required by the underlying primitive for a11y;
+     * rendered visually-hidden so consumers can still compose their own visible header
+     * (typically a TopBar) inside the sheet body.
+     */
+    title: string;
+    /** Sheet content */
+    children: React.ReactNode;
+    /** Additional CSS classes applied to the sheet surface */
+    className?: string;
+}
+/**
+ * Sheet — bottom sheet overlay with snap-point support and gesture-driven dismissal.
+ *
+ * Built on Vaul (Radix-based). Use for modal content that slides up from the bottom:
+ * action menus, mileage editors, picker lists, AI chat options.
+ *
+ * Composable: render any content as children. For a titled sheet, compose a `TopBar`
+ * inside the body (set `showHandle={false}` if using TopBar's draggable variant to
+ * avoid two handles).
+ *
+ * @accessibility
+ * - Title is announced to screen readers (visually hidden by default)
+ * - Focus is trapped while open
+ * - ESC closes the sheet
+ */
+export declare const Sheet: React.FC<SheetProps>;
+export default Sheet;
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,IAAI,EAAE,OAAO,CAAC;IAEd,wEAAwE;IACxE,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAEjC,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEzC,8FAA8F;IAC9F,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE5D,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4CtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/Sheet/index.d.ts

@@ -0,0 +1,2 @@
+export { Sheet, type SheetProps } from './Sheet';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './Skeleton.css';
+export interface SkeletonProps {
+    /** Shape variant */
+    variant?: 'text' | 'circular' | 'rectangular';
+    /** Custom width */
+    width?: string | number;
+    /** Custom height */
+    height?: string | number;
+    /** Number of text lines (text variant only) */
+    lines?: number;
+    /** Animation type */
+    animation?: 'shimmer' | 'pulse' | 'none';
+    /** Custom border radius */
+    borderRadius?: string | number;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.d.ts.map