@infinityloop.labs/ui-kit 0.0.8 → 0.0.10
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/index.d.ts +1 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/select.d.ts +15 -0
- package/dist/components/ui/shadcn-io/color-picker/index.d.ts +38 -0
- package/dist/index.es.js +7301 -1051
- package/dist/index.umd.js +74 -12
- package/dist/style.css +1 -1
- package/package.json +4 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
3
|
+
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
7
|
+
size?: "sm" | "default";
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as Color } from 'color';
|
|
2
|
+
import { Slider } from 'radix-ui';
|
|
3
|
+
import { ComponentProps, HTMLAttributes } from 'react';
|
|
4
|
+
import { Button } from '../../button';
|
|
5
|
+
import { SelectTrigger } from '../../select';
|
|
6
|
+
|
|
7
|
+
interface ColorPickerContextValue {
|
|
8
|
+
hue: number;
|
|
9
|
+
saturation: number;
|
|
10
|
+
lightness: number;
|
|
11
|
+
alpha: number;
|
|
12
|
+
mode: string;
|
|
13
|
+
setHue: (hue: number) => void;
|
|
14
|
+
setSaturation: (saturation: number) => void;
|
|
15
|
+
setLightness: (lightness: number) => void;
|
|
16
|
+
setAlpha: (alpha: number) => void;
|
|
17
|
+
setMode: (mode: string) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const useColorPicker: () => ColorPickerContextValue;
|
|
20
|
+
export type ColorPickerProps = HTMLAttributes<HTMLDivElement> & {
|
|
21
|
+
value?: Parameters<typeof Color>[0];
|
|
22
|
+
defaultValue?: Parameters<typeof Color>[0];
|
|
23
|
+
onChange?: (value: Parameters<typeof Color.rgb>[0]) => void;
|
|
24
|
+
};
|
|
25
|
+
export declare const ColorPicker: ({ value, defaultValue, onChange, className, ...props }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export type ColorPickerSelectionProps = HTMLAttributes<HTMLDivElement>;
|
|
27
|
+
export declare const ColorPickerSelection: import('react').MemoExoticComponent<({ className, ...props }: ColorPickerSelectionProps) => import("react/jsx-runtime").JSX.Element>;
|
|
28
|
+
export type ColorPickerHueProps = ComponentProps<typeof Slider.Root>;
|
|
29
|
+
export declare const ColorPickerHue: ({ className, ...props }: ColorPickerHueProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;
|
|
31
|
+
export declare const ColorPickerAlpha: ({ className, ...props }: ColorPickerAlphaProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export type ColorPickerEyeDropperProps = ComponentProps<typeof Button>;
|
|
33
|
+
export declare const ColorPickerEyeDropper: ({ className, ...props }: ColorPickerEyeDropperProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export type ColorPickerOutputProps = ComponentProps<typeof SelectTrigger>;
|
|
35
|
+
export declare const ColorPickerOutput: ({ className, ...props }: ColorPickerOutputProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export type ColorPickerFormatProps = HTMLAttributes<HTMLDivElement>;
|
|
37
|
+
export declare const ColorPickerFormat: ({ className, ...props }: ColorPickerFormatProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
38
|
+
export {};
|