@kennycorrea/ui 0.3.0 → 0.4.0

package/README.md

@@ -257,3 +257,16 @@ toast.dismiss(id); // or toast.dismiss() for all
 `duration` overrides the `Toaster` default per toast. An action closes the toast after its
 `onClick` unless `keepOpen` is set. Passing an existing `id` replaces that toast in place.
 The close button's name comes from `UiStrings.dismiss`, so feed it through `UiStringsProvider`.
+
+## Slider — 0.4.0
+
+A thin wrap of Radix Themes' `Slider` at size `2`, like the other atoms. `label` is required and
+becomes the `aria-label`, because a slider has no visible text of its own.
+
+```tsx
+<Slider label="Reminder lead time (hours)" min={1} max={48} step={1}
+  value={[hours]} onValueChange={([h]) => setHours(h)} />
+<Slider label="Price range" defaultValue={[10, 60]} min={0} max={200} /> // two thumbs = range
+```
+
+Values are arrays, as in Radix: one entry per thumb.

package/dist/atoms/Slider/Slider.d.ts

@@ -0,0 +1,10 @@
+import { Slider as ThemedSlider } from '@radix-ui/themes';
+import { type ComponentPropsWithoutRef } from 'react';
+export interface SliderProps extends Omit<ComponentPropsWithoutRef<typeof ThemedSlider>, 'size' | 'aria-label'> {
+    /**
+     * Required: a slider has no visible text of its own, so without this a screen reader
+     * announces a bare number with nothing to say what it measures.
+     */
+    label: string;
+}
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/atoms/Slider/Slider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slider as ThemedSlider } from '@radix-ui/themes';
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn.js';
+export const Slider = forwardRef(function Slider({ label, className, ...props }, ref) {
+    return (_jsx(ThemedSlider, { ref: ref, size: "2", "aria-label": label, className: cn(className), ...props }));
+});

package/dist/atoms/Slider/index.d.ts

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

package/dist/atoms/Slider/index.js

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

package/dist/atoms/index.d.ts

@@ -12,6 +12,7 @@ export * from './Popover/index.js';
 export * from './Progress/index.js';
 export * from './Select/index.js';
 export * from './Separator/index.js';
+export * from './Slider/index.js';
 export * from './Spinner/index.js';
 export * from './Switch/index.js';
 export * from './Textarea/index.js';

package/dist/atoms/index.js

@@ -12,6 +12,7 @@ export * from './Popover/index.js';
 export * from './Progress/index.js';
 export * from './Select/index.js';
 export * from './Separator/index.js';
+export * from './Slider/index.js';
 export * from './Spinner/index.js';
 export * from './Switch/index.js';
 export * from './Textarea/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kennycorrea/ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Upfront's house component layer: atoms over Radix Themes, the token bridge, and the accent logic.",
   "private": false,
   "type": "module",