@engrate/components 0.1.10 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/Slider/Slider.d.ts +23 -0
- package/dist/components/ui/Slider/index.d.ts +2 -0
- package/dist/components/ui/index.d.ts +1 -0
- package/dist/index.cjs.js +31 -31
- package/dist/index.es.js +7913 -7434
- package/dist/skills/engrate-designer.md +789 -0
- package/dist/styles.css +1 -1
- package/package.json +5 -3
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
declare const sliderVariants: (props?: ({
|
|
5
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, VariantProps<typeof sliderVariants> {
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Slider component following Engrate brand guidelines.
|
|
11
|
+
* Built on Radix UI Slider for accessibility.
|
|
12
|
+
* Features sunflower fill for the active range.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Slider defaultValue={[50]} max={100} />
|
|
17
|
+
* <Slider defaultValue={[25, 75]} max={100} /> // Range slider
|
|
18
|
+
* <Slider size="lg" step={10} />
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
|
|
22
|
+
export { Slider, sliderVariants };
|
|
23
|
+
export type { SliderProps };
|