@spear-ai/spectral 1.2.0 → 1.3.2
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/App.d.ts +2 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/assets/spectral.css +1 -1
- package/dist/components/Accordion/AccordionBase.d.ts +42 -0
- package/dist/components/Accordion/AccordionBase.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +3 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/BadgeBase.d.ts +13 -0
- package/dist/components/Badge/BadgeBase.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +22 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +10 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Checkbox/CheckboxBase.d.ts +30 -0
- package/dist/components/Checkbox/CheckboxBase.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.d.ts +11 -0
- package/dist/components/Drawer/Drawer.d.ts.map +1 -0
- package/dist/components/Label/Label.d.ts +8 -0
- package/dist/components/Label/Label.d.ts.map +1 -0
- package/dist/components/Popover/Popover.d.ts +11 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroupBase.d.ts +50 -0
- package/dist/components/RadioGroup/RadioGroupBase.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +4 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/Slider/Slider.d.ts +6 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -0
- package/dist/components/Slider/SliderBase.d.ts +54 -0
- package/dist/components/Slider/SliderBase.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts +12 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/SwitchBase.d.ts +25 -0
- package/dist/components/Switch/SwitchBase.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.d.ts +11 -0
- package/dist/components/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/Toggle/ToggleBase.d.ts +14 -0
- package/dist/components/Toggle/ToggleBase.d.ts.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +12 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupBase.d.ts +30 -0
- package/dist/components/ToggleGroup/ToggleGroupBase.d.ts.map +1 -0
- package/dist/hooks/useAccordionAutoScroll.d.ts +9 -0
- package/dist/hooks/useAccordionAutoScroll.d.ts.map +1 -0
- package/dist/hooks/useOutsideClick.d.ts +8 -0
- package/dist/hooks/useOutsideClick.d.ts.map +1 -0
- package/dist/hooks/useTheme.d.ts +8 -0
- package/dist/hooks/useTheme.d.ts.map +1 -0
- package/dist/index.d.ts +13 -1
- package/dist/index.d.ts.map +1 -0
- package/dist/{spectral.es.js → index.js} +2883 -2442
- package/dist/main.d.ts +1 -0
- package/dist/main.d.ts.map +1 -0
- package/dist/primitives/label.d.ts +5 -0
- package/dist/primitives/label.d.ts.map +1 -0
- package/dist/primitives/slot.d.ts +11 -0
- package/dist/primitives/slot.d.ts.map +1 -0
- package/dist/spectral.cjs.js +29 -23
- package/dist/utils/refs.d.ts +11 -0
- package/dist/utils/refs.d.ts.map +1 -0
- package/dist/utils/shared.d.ts +24 -0
- package/dist/utils/shared.d.ts.map +1 -0
- package/dist/utils/twUtils.d.ts +4 -0
- package/dist/utils/twUtils.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from '../../../node_modules/react';
|
|
2
|
+
export type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & {
|
|
3
|
+
pressed?: boolean;
|
|
4
|
+
defaultPressed?: boolean;
|
|
5
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const ToggleBase: import('../../../node_modules/react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
|
|
9
|
+
pressed?: boolean;
|
|
10
|
+
defaultPressed?: boolean;
|
|
11
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
} & import('../../../node_modules/react').RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
//# sourceMappingURL=ToggleBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleBase.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/ToggleBase.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,oBAAoB,EAAuC,MAAM,OAAO,CAAA;AAE/G,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,UAAU;cANX,OAAO;qBACA,OAAO;sBACN,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;eACjC,OAAO;qDA+DlB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ToggleGroupBase } from './ToggleGroupBase';
|
|
2
|
+
import { toggleVariants } from '../Toggle/Toggle';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { ComponentProps } from '../../../node_modules/react';
|
|
5
|
+
export type ToggleGroupProps = ComponentProps<typeof ToggleGroupBase> & VariantProps<typeof toggleVariants>;
|
|
6
|
+
export declare const ToggleGroup: ({ className, variant, size, layout, children, ...props }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const ToggleGroupItem: import('../../../node_modules/react').ForwardRefExoticComponent<Omit<Omit<import('../../../node_modules/react').ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "pressed" | "defaultPressed" | "onPressedChange"> & import('./ToggleGroupBase').ItemRenderProps & import('../../../node_modules/react').RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
8
|
+
variant?: "outline" | "default" | null | undefined;
|
|
9
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
10
|
+
layout?: "default" | "expanded" | null | undefined;
|
|
11
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('../../../node_modules/react').RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
//# sourceMappingURL=ToggleGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAuB,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,KAAK,cAAc,EAAyC,MAAM,OAAO,CAAA;AAElF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAQ3G,eAAO,MAAM,WAAW,GAAI,0DAA0D,gBAAgB,4CAgBrG,CAAA;AAED,eAAO,MAAM,eAAe;;;;2IA4B1B,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from '../../../node_modules/react';
|
|
2
|
+
type Orientation = 'horizontal' | 'vertical';
|
|
3
|
+
export type CommonGroupProps = {
|
|
4
|
+
orientation?: Orientation;
|
|
5
|
+
loop?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
name?: string;
|
|
8
|
+
value?: string | string[];
|
|
9
|
+
defaultValue?: string | string[];
|
|
10
|
+
onValueChange?: (v: string | string[]) => void;
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export type SingleProps = CommonGroupProps & {
|
|
14
|
+
type?: 'single';
|
|
15
|
+
};
|
|
16
|
+
export type MultipleProps = CommonGroupProps & {
|
|
17
|
+
type: 'multiple';
|
|
18
|
+
};
|
|
19
|
+
export type ToggleGroupProps = (SingleProps | MultipleProps) & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
|
|
20
|
+
export type ItemRenderProps = {
|
|
21
|
+
value: string;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
children?: ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
};
|
|
26
|
+
export declare const ToggleGroupBase: (props: ToggleGroupProps & Record<`data-${string}`, any>) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export type ToggleGroupItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onPressedChange' | 'pressed' | 'defaultPressed'> & ItemRenderProps;
|
|
28
|
+
export declare const ToggleGroupItemBase: import('../../../node_modules/react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "pressed" | "defaultPressed" | "onPressedChange"> & ItemRenderProps & import('../../../node_modules/react').RefAttributes<HTMLButtonElement>>;
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=ToggleGroupBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroupBase.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupBase.tsx"],"names":[],"mappings":"AACA,OAAO,EASL,KAAK,oBAAoB,EACzB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAE5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG;IAC7C,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAA;AAE/G,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAgBD,eAAO,MAAM,eAAe,GAAI,OAAO,gBAAgB,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,GAAG,CAAC,4CAsGtF,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,iBAAiB,GAAG,SAAS,GAAG,gBAAgB,CAC9D,GACC,eAAe,CAAA;AAEjB,eAAO,MAAM,mBAAmB,8NAiF9B,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { MouseEvent, RefObject } from '../../node_modules/react';
|
|
2
|
+
/**
|
|
3
|
+
* Hook that handles auto-scrolling for accordions with return-to-position functionality
|
|
4
|
+
*
|
|
5
|
+
* @param triggerRef Reference to the accordion trigger element
|
|
6
|
+
* @returns A click event handler for the accordion trigger
|
|
7
|
+
*/
|
|
8
|
+
export declare const useAccordionAutoScroll: (triggerRef: RefObject<HTMLElement>) => (_event?: MouseEvent<HTMLButtonElement>) => void;
|
|
9
|
+
//# sourceMappingURL=useAccordionAutoScroll.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAccordionAutoScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useAccordionAutoScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAA;AAOvF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,SAAS,CAAC,WAAW,CAAC,eAgH1C,UAAU,CAAC,iBAAiB,CAAC,SAI3D,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RefObject } from '../../node_modules/react';
|
|
2
|
+
/**
|
|
3
|
+
* Hook that handles clicks outside of the specified element
|
|
4
|
+
* @param callback Function to call when a click outside the element is detected
|
|
5
|
+
* @returns A ref to attach to the target element
|
|
6
|
+
*/
|
|
7
|
+
export declare function useOutsideClick<T extends HTMLElement>(callback: () => void): RefObject<T | null>;
|
|
8
|
+
//# sourceMappingURL=useOutsideClick.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAkBhG"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type Theme = 'light' | 'dark';
|
|
2
|
+
export interface UseThemeReturn {
|
|
3
|
+
theme: Theme;
|
|
4
|
+
setTheme: (theme: Theme) => void;
|
|
5
|
+
toggleTheme: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const useTheme: (defaultTheme?: Theme) => UseThemeReturn;
|
|
8
|
+
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAEpC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,eAAc,KAAc,KAAG,cA4BvD,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1,13 @@
|
|
|
1
|
-
export {}
|
|
1
|
+
export { Button, type ButtonProps } from './components/Button/Button';
|
|
2
|
+
export { Card, type CardProps } from './components/Card/Card';
|
|
3
|
+
export { Drawer, type DrawerProps } from './components/Drawer/Drawer';
|
|
4
|
+
export { Popover, PopoverContent, PopoverTrigger } from './components/Popover/Popover';
|
|
5
|
+
export { Skeleton } from './components/Skeleton/Skeleton';
|
|
6
|
+
export { Slider, type SliderProps } from './components/Slider/Slider';
|
|
7
|
+
export { Switch } from './components/Switch/Switch';
|
|
8
|
+
export { Toggle, type ToggleProps } from './components/Toggle/Toggle';
|
|
9
|
+
export { ToggleGroup, type ToggleGroupProps } from './components/ToggleGroup/ToggleGroup';
|
|
10
|
+
export { useOutsideClick } from './hooks/useOutsideClick';
|
|
11
|
+
export { useTheme } from './hooks/useTheme';
|
|
12
|
+
export { cn, pxToRem } from './utils/twUtils';
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAGzF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAG7C,OAAO,mBAAmB,CAAA"}
|