silver-ui 0.1.0

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

@@ -0,0 +1,77 @@
+import { type CSSProperties, type Ref } from 'react';
+export type ProgressVariant = 'error' | 'info' | 'neutral' | 'success' | 'warning';
+export interface ProgressProps {
+    /**
+     * Additional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the root element.
+     */
+    'data-testid'?: string;
+    /**
+     * Custom formatter for the value label and aria-valuetext.
+     */
+    formatValueLabel?: (value: number, max: number) => string;
+    /**
+     * Whether to display the formatted value beside the label.
+     * @default false
+     */
+    hasValueLabel?: boolean;
+    /**
+     * Whether the progress bar is visually disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to render an indeterminate loading indicator.
+     * @default false
+     */
+    isIndeterminate?: boolean;
+    /**
+     * Whether to visually hide the label.
+     * @default false
+     */
+    isLabelHidden?: boolean;
+    /**
+     * Accessible label for the progress bar.
+     */
+    label: string;
+    /**
+     * Maximum progress value.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * ARIA role for the progress indicator. Use 'progressbar' for task
+     * completion and 'meter' for static gauges.
+     * @default 'progressbar'
+     */
+    role?: 'meter' | 'progressbar';
+    /**
+     * Inline styles applied to the root element.
+     */
+    style?: CSSProperties;
+    /**
+     * Current progress value.
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Semantic color variant.
+     * @default 'info'
+     */
+    variant?: ProgressVariant;
+}
+/**
+ * A progress bar that communicates determinate or indeterminate loading state.
+ */
+export declare function Progress({ className, 'data-testid': dataTestId, formatValueLabel, hasValueLabel, isDisabled, isIndeterminate, isLabelHidden, label, max, ref, role: roleProp, style, value, variant, }: ProgressProps): React.JSX.Element;
+export declare namespace Progress {
+    var displayName: string;
+}
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAM1D,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAiDD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,gBAA0C,EAC1C,aAAqB,EACrB,UAAkB,EAClB,eAAuB,EACvB,aAAqB,EACrB,KAAK,EACL,GAAS,EACT,GAAG,EACH,IAAI,EAAE,QAAwB,EAC9B,KAAK,EACL,KAAS,EACT,OAAgB,GACjB,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8DnC;yBA7Ee,QAAQ"}

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

@@ -0,0 +1,40 @@
+import { type RecipeVariantProps } from 'styled-system/css';
+export declare const progressFillRecipe: import("../../../styled-system/types").RecipeRuntimeFn<{
+    variant: {
+        error: {
+            bg: "status.error.solid";
+        };
+        info: {
+            bg: "status.info.solid";
+        };
+        neutral: {
+            bg: "status.neutral.solid";
+        };
+        success: {
+            bg: "status.success.solid";
+        };
+        warning: {
+            bg: "status.warning.solid";
+        };
+    };
+    isDisabled: {
+        true: {
+            bg: "status.disabled.solid";
+        };
+        false: {};
+    };
+    isIndeterminate: {
+        true: {
+            w: "40%";
+            animation: "pulse 1.5s ease-in-out infinite";
+            transitionProperty: "none";
+            transitionDuration: "0s";
+            '@media (prefers-reduced-motion: reduce)': {
+                animation: "pulse 3s ease-in-out infinite";
+            };
+        };
+        false: {};
+    };
+}>;
+export type ProgressFillVariants = RecipeVariantProps<typeof progressFillRecipe>;
+//# sourceMappingURL=Progress.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAE/D,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyC7B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CACnD,OAAO,kBAAkB,CAC1B,CAAC"}

package/dist/components/Progress/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkK574UTWP_cjs = require('../../chunk-K574UTWP.cjs');
+require('../../chunk-2QM5XBX4.cjs');
+require('../../chunk-JAX62FUE.cjs');
+require('../../chunk-SPDVNY2Z.cjs');
+require('../../chunk-AZDWQGAX.cjs');
+
+
+
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function () { return chunkK574UTWP_cjs.Progress; }
+});
+Object.defineProperty(exports, "progressFillRecipe", {
+  enumerable: true,
+  get: function () { return chunkK574UTWP_cjs.progressFillRecipe; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Progress/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

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

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

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

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

package/dist/components/Progress/index.js

@@ -0,0 +1,7 @@
+export { Progress, progressFillRecipe } from '../../chunk-5OS5A27C.js';
+import '../../chunk-V5W7NZN5.js';
+import '../../chunk-NAELQLZN.js';
+import '../../chunk-PPNETWIP.js';
+import '../../chunk-UHQRL4OA.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,79 @@
+import { type CSSProperties, type ReactNode, type Ref } from 'react';
+import { type FieldNecessity, type InputStatus } from '../Field';
+import { type RadioGroupOrientation, type RadioGroupSize } from './RadioGroupContext';
+export type { RadioGroupOrientation } from './RadioGroupContext';
+export type RadioGroupProps = {
+    /**
+     * Radio list items to render.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names applied to the field root.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the field root.
+     */
+    'data-testid'?: string;
+    /**
+     * Supporting text displayed below the label.
+     */
+    description?: ReactNode;
+    /**
+     * Whether all radio items are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to visually hide the label.
+     * @default false
+     */
+    isLabelHidden?: boolean;
+    /**
+     * Label text for the radio group.
+     */
+    label: string;
+    /**
+     * Tooltip content shown next to the label.
+     */
+    labelTooltip?: ReactNode;
+    /**
+     * Callback fired when the selected value changes.
+     * Memoize with `useCallback` to avoid unnecessary re-renders of radio items.
+     */
+    onChange: (value: string) => void;
+    /**
+     * Layout direction of the radio items.
+     * @default 'vertical'
+     */
+    orientation?: RadioGroupOrientation;
+    /**
+     * Ref forwarded to the field root.
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Size of the radio controls.
+     * @default 'md'
+     */
+    size?: RadioGroupSize;
+    /**
+     * Validation status displayed below the group.
+     */
+    status?: InputStatus;
+    /**
+     * Inline styles applied to the field root.
+     */
+    style?: CSSProperties;
+    /**
+     * The currently selected value.
+     */
+    value: string;
+} & FieldNecessity;
+/**
+ * A controlled radio group for single-value selection.
+ */
+export declare function RadioGroup({ children, className, 'data-testid': dataTestId, description, isDisabled, isLabelHidden, isOptional, isRequired, label, labelTooltip, onChange, orientation, ref, size, status, style, value, }: RadioGroupProps): React.JSX.Element;
+export declare namespace RadioGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,WAAW,EAAC,MAAM,UAAU,CAAC;AAEtE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAC;AAE7B,YAAY,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,cAAc,CAAC;AAkBnB;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,WAAW,EACX,UAAkB,EAClB,aAAqB,EACrB,UAAU,EACV,UAAU,EACV,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAwB,EACxB,GAAG,EACH,IAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0DrC;yBA5Ee,UAAU"}

package/dist/components/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,13 @@
+export type RadioGroupOrientation = 'horizontal' | 'vertical';
+export type RadioGroupSize = 'sm' | 'md';
+export interface RadioGroupContextValue {
+    isDisabled: boolean;
+    isRequired?: boolean;
+    name: string;
+    onChange: (value: string) => void;
+    orientation: RadioGroupOrientation;
+    size: RadioGroupSize;
+    value: string;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/dist/components/RadioGroup/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,qBAAqB,CAAC;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,wDAE7B,CAAC"}

package/dist/components/RadioGroup/RadioGroupItem.d.ts

@@ -0,0 +1,52 @@
+import { type CSSProperties, type ReactNode, type Ref } from 'react';
+export interface RadioGroupItemProps {
+    /**
+     * Additional CSS class names applied to the item root.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the item root.
+     */
+    'data-testid'?: string;
+    /**
+     * Supporting text displayed below the item label.
+     */
+    description?: ReactNode;
+    /**
+     * Content rendered after the label and description.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether this radio item is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Label text for the radio item.
+     */
+    label: string;
+    /**
+     * Ref forwarded to the item root.
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Content rendered after the radio control and before the label.
+     */
+    startContent?: ReactNode;
+    /**
+     * Inline styles applied to the item root.
+     */
+    style?: CSSProperties;
+    /**
+     * Value represented by this radio item.
+     */
+    value: string;
+}
+/**
+ * An individual radio option within a `RadioGroup`.
+ */
+export declare function RadioGroupItem({ className, 'data-testid': dataTestId, description, endContent, isDisabled: isItemDisabled, label, ref, startContent, style, value, }: RadioGroupItemProps): React.JSX.Element;
+export declare namespace RadioGroupItem {
+    var displayName: string;
+}
+//# sourceMappingURL=RadioGroupItem.d.ts.map

package/dist/components/RadioGroup/RadioGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAM/E,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AA0ED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,WAAW,EACX,UAAU,EACV,UAAU,EAAE,cAAsB,EAClC,KAAK,EACL,GAAG,EACH,YAAY,EACZ,KAAK,EACL,KAAK,GACN,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqEzC;yBAhFe,cAAc"}

package/dist/components/RadioGroup/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkDHUK3GNK_cjs = require('../../chunk-DHUK3GNK.cjs');
+require('../../chunk-YMC56K6R.cjs');
+require('../../chunk-I6IGTQLG.cjs');
+require('../../chunk-5G3BY75L.cjs');
+require('../../chunk-G44NDBPN.cjs');
+require('../../chunk-47BELFYO.cjs');
+require('../../chunk-OA4KIVLO.cjs');
+require('../../chunk-2QM5XBX4.cjs');
+require('../../chunk-MKAOIB2O.cjs');
+require('../../chunk-6SPQDYHC.cjs');
+require('../../chunk-6SHL7FYO.cjs');
+require('../../chunk-PHFEQG4E.cjs');
+require('../../chunk-JAX62FUE.cjs');
+require('../../chunk-SPDVNY2Z.cjs');
+require('../../chunk-AZDWQGAX.cjs');
+
+
+
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkDHUK3GNK_cjs.RadioGroup; }
+});
+Object.defineProperty(exports, "RadioGroupItem", {
+  enumerable: true,
+  get: function () { return chunkDHUK3GNK_cjs.RadioGroupItem; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/RadioGroup/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/RadioGroup/index.d.ts

@@ -0,0 +1,4 @@
+export { RadioGroup, type RadioGroupOrientation, type RadioGroupProps, } from './RadioGroup';
+export { type RadioGroupContextValue, type RadioGroupSize, } from './RadioGroupContext';
+export { RadioGroupItem, type RadioGroupItemProps } from './RadioGroupItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,cAAc,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAC,MAAM,kBAAkB,CAAC"}

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,17 @@
+export { RadioGroup, RadioGroupItem } from '../../chunk-CWUC4TOQ.js';
+import '../../chunk-CA6645TQ.js';
+import '../../chunk-NGWNIMMX.js';
+import '../../chunk-3L3M7SJ3.js';
+import '../../chunk-RLQYXUDO.js';
+import '../../chunk-PZO5MZ46.js';
+import '../../chunk-WA4DRAQ7.js';
+import '../../chunk-V5W7NZN5.js';
+import '../../chunk-EB5EHX6I.js';
+import '../../chunk-OKKL652L.js';
+import '../../chunk-SGLIDI6R.js';
+import '../../chunk-4W7L63LH.js';
+import '../../chunk-NAELQLZN.js';
+import '../../chunk-PPNETWIP.js';
+import '../../chunk-UHQRL4OA.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Rating/Rating.d.ts

@@ -0,0 +1,71 @@
+import { type CSSProperties, type Ref } from 'react';
+import { type IconColor, type IconSize } from '../Icon';
+export interface RatingProps {
+    /**
+     * Additional CSS class names applied to the rating root.
+     */
+    className?: string;
+    /**
+     * Number of stars to display.
+     * @default 5
+     */
+    count?: number;
+    /**
+     * Test ID applied to the rating root.
+     */
+    'data-testid'?: string;
+    /**
+     * Color of unfilled stars.
+     * @default 'disabled'
+     */
+    emptyColor?: IconColor;
+    /**
+     * Color of filled stars.
+     * @default 'yellow'
+     */
+    filledColor?: IconColor;
+    /**
+     * Whether the rating is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the rating is read-only.
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * Accessible label for the rating group.
+     * @default 'Rating'
+     */
+    label?: string;
+    /**
+     * Called when the selected rating changes.
+     */
+    onChange?: (value: number) => void;
+    /**
+     * Ref forwarded to the rating root.
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Size of the star icons.
+     * @default 'md'
+     */
+    size?: IconSize;
+    /**
+     * Inline styles applied to the rating root.
+     */
+    style?: CSSProperties;
+    /**
+     * Current rating value.
+     */
+    value: number;
+}
+/**
+ * Star-based rating control supporting read-only and interactive modes.
+ */
+export declare function Rating({ value: valueFromProps, onChange, count, emptyColor, filledColor, size, isReadOnly, isDisabled, label, className, 'data-testid': dataTestId, style, ref, }: RatingProps): React.JSX.Element;
+export declare namespace Rating {
+    var displayName: string;
+}
+//# sourceMappingURL=Rating.d.ts.map

package/dist/components/Rating/Rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AA+DD;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EAAE,cAAc,EACrB,QAAQ,EACR,KAAS,EACT,UAAuB,EACvB,WAAsB,EACtB,IAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,KAAgB,EAChB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,EACL,GAAG,GACJ,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0FjC;yBAxGe,MAAM"}

package/dist/components/Rating/index.cjs

@@ -0,0 +1,185 @@
+'use strict';
+
+var chunk2QM5XBX4_cjs = require('../../chunk-2QM5XBX4.cjs');
+var chunkPHFEQG4E_cjs = require('../../chunk-PHFEQG4E.cjs');
+require('../../chunk-JAX62FUE.cjs');
+var chunkSPDVNY2Z_cjs = require('../../chunk-SPDVNY2Z.cjs');
+var chunkAZDWQGAX_cjs = require('../../chunk-AZDWQGAX.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var styles = {
+  root: chunkAZDWQGAX_cjs.css({
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "0.5"
+  }),
+  star: chunkAZDWQGAX_cjs.css({
+    display: "inline-flex",
+    alignItems: "center",
+    cursor: "pointer",
+    p: 0,
+    m: 0,
+    borderWidth: 0,
+    bg: "transparent",
+    _focusVisible: {
+      outlineWidth: "focus",
+      outlineStyle: "solid",
+      outlineColor: "primary",
+      outlineOffset: "focusOffset",
+      borderRadius: "sm"
+    }
+  }),
+  disabled: chunkAZDWQGAX_cjs.css({
+    opacity: 0.5,
+    cursor: "not-allowed"
+  }),
+  readOnly: chunkAZDWQGAX_cjs.css({
+    cursor: "default"
+  }),
+  input: chunkAZDWQGAX_cjs.css({
+    position: "absolute",
+    w: "1px",
+    h: "1px",
+    p: 0,
+    m: "-1px",
+    overflow: "hidden",
+    clip: "rect(0, 0, 0, 0)",
+    whiteSpace: "nowrap",
+    borderWidth: 0
+  })
+};
+function StarIcon({
+  color,
+  isFilled,
+  size
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkPHFEQG4E_cjs.Icon,
+    {
+      color,
+      fill: isFilled ? "currentColor" : "none",
+      icon: lucideReact.Star,
+      size
+    }
+  );
+}
+function Rating({
+  value: valueFromProps,
+  onChange,
+  count = 5,
+  emptyColor = "disabled",
+  filledColor = "yellow",
+  size = "md",
+  isReadOnly = false,
+  isDisabled = false,
+  label = "Rating",
+  className,
+  "data-testid": dataTestId,
+  style,
+  ref
+}) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!Number.isInteger(count) || count < 1) {
+      throw new Error(
+        `Rating: count must be a positive integer, received ${count}.`
+      );
+    }
+    if (valueFromProps < 0 || valueFromProps > count || !Number.isInteger(valueFromProps)) {
+      throw new Error(
+        `Rating: value must be an integer in [0, ${count}], received ${valueFromProps}.`
+      );
+    }
+  }
+  const value = Math.max(0, Math.min(count, Math.round(valueFromProps)));
+  const groupId = react.useId();
+  const [hoverValue, setHoverValue] = react.useState(null);
+  const isInteractive = !isReadOnly && !isDisabled && onChange != null;
+  const displayValue = isInteractive ? hoverValue ?? value : value;
+  if (!isInteractive) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-label": `${label}: ${value} out of ${count}`,
+        className: chunkSPDVNY2Z_cjs.cx(
+          styles.root,
+          isDisabled ? styles.disabled : void 0,
+          className
+        ),
+        "data-testid": dataTestId,
+        ref,
+        role: "img",
+        style,
+        children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.readOnly, children: /* @__PURE__ */ jsxRuntime.jsx(
+          StarIcon,
+          {
+            color: i < value ? filledColor : emptyColor,
+            isFilled: i < value,
+            size
+          }
+        ) }, i))
+      }
+    );
+  }
+  return (
+    // eslint-disable-next-line jsx-a11y-x/interactive-supports-focus -- focus is managed by the radio inputs inside
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-label": label,
+        className: chunkSPDVNY2Z_cjs.cx(styles.root, className),
+        "data-testid": dataTestId,
+        onMouseLeave: () => setHoverValue(null),
+        ref,
+        role: "radiogroup",
+        style,
+        children: Array.from({ length: count }, (_, i) => {
+          const starValue = i + 1;
+          return (
+            // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- label wraps its radio input
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                className: styles.star,
+                onMouseEnter: () => setHoverValue(starValue),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      checked: value === starValue,
+                      className: styles.input,
+                      name: groupId,
+                      onChange: () => onChange(starValue),
+                      type: "radio",
+                      value: starValue
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(chunk2QM5XBX4_cjs.VisuallyHidden, { children: [
+                    starValue,
+                    " ",
+                    starValue === 1 ? "star" : "stars"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    StarIcon,
+                    {
+                      color: i < displayValue ? filledColor : emptyColor,
+                      isFilled: i < displayValue,
+                      size
+                    }
+                  )
+                ]
+              },
+              i
+            )
+          );
+        })
+      }
+    )
+  );
+}
+Rating.displayName = "Rating";
+
+exports.Rating = Rating;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map