brd-ui-kit 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.
@@ -1,6 +1,5 @@
1
1
  import type * as CheckboxPrimitive from "@radix-ui/react-checkbox";
2
- type CheckboxBaseProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
3
- type Props = CheckboxBaseProps & {
2
+ type BaseProps = {
4
3
  name?: string;
5
4
  orientation?: "vertical" | "horizontal";
6
5
  label?: React.ReactNode;
@@ -11,5 +10,6 @@ type Props = CheckboxBaseProps & {
11
10
  };
12
11
  isValid?: boolean;
13
12
  };
14
- export declare const BasicCheckbox: ({ name, orientation, label, disabled, classNames, isValid, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
15
- export {};
13
+ type CheckboxProps = BaseProps & React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
14
+ export declare const BasicCheckbox: ({ name, orientation, label, disabled, classNames, isValid, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
15
+ export type { CheckboxProps };
@@ -1,17 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ name, orientation, label, disabled, classNames, isValid, ...rest }: Omit<import('@radix-ui/react-checkbox').CheckboxProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
5
- name?: string;
6
- orientation?: "vertical" | "horizontal";
7
- label?: React.ReactNode;
8
- classNames?: {
9
- classNameCheckbox?: string;
10
- classNameLabel?: string;
11
- classNameGroup?: string;
12
- };
13
- isValid?: boolean;
14
- }) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ name, orientation, label, disabled, classNames, isValid, ...rest }: import('./basic-checkbox').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
15
5
  args: {
16
6
  name: string;
17
7
  label: string;
@@ -1 +1,2 @@
1
1
  export { BasicCheckbox } from './basic-checkbox';
2
+ export type { CheckboxProps } from './basic-checkbox';
@@ -1,2 +1,2 @@
1
1
  export { InputField } from './input-field';
2
- export type { DateAddon } from './input-field';
2
+ export type { DateAddon, InputProps } from './input-field';
@@ -11,4 +11,4 @@ type BaseProps = {
11
11
  };
12
12
  type InputProps = BaseProps & React.InputHTMLAttributes<HTMLInputElement>;
13
13
  export declare const InputField: React.FC<InputProps>;
14
- export {};
14
+ export type { InputProps };
@@ -0,0 +1,2 @@
1
+ export { InputPassword } from './input-password';
2
+ export type { InputPasswordProps } from './input-password';
@@ -0,0 +1,4 @@
1
+ import { InputProps } from '../../index';
2
+ type InputPasswordProps = InputProps;
3
+ export declare const InputPassword: React.FC<InputPasswordProps>;
4
+ export type { InputPasswordProps };
@@ -0,0 +1,57 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ type InputPasswordPreviewState = "default" | "disabled" | "error" | "success";
3
+ type InputPasswordPreviewProps = {
4
+ label?: string;
5
+ description?: string;
6
+ placeholder?: string;
7
+ value?: string;
8
+ state?: InputPasswordPreviewState;
9
+ };
10
+ declare function InputPasswordPreview({ label, description, placeholder, value, state, }: InputPasswordPreviewProps): import("react/jsx-runtime").JSX.Element;
11
+ declare const meta: {
12
+ title: string;
13
+ component: typeof InputPasswordPreview;
14
+ args: {
15
+ label: string;
16
+ description: string;
17
+ placeholder: string;
18
+ value: string;
19
+ state: "default";
20
+ };
21
+ argTypes: {
22
+ label: {
23
+ control: "text";
24
+ description: string;
25
+ };
26
+ description: {
27
+ control: "text";
28
+ description: string;
29
+ };
30
+ placeholder: {
31
+ control: "text";
32
+ description: string;
33
+ };
34
+ value: {
35
+ control: "text";
36
+ description: string;
37
+ };
38
+ state: {
39
+ control: "select";
40
+ options: string[];
41
+ description: string;
42
+ };
43
+ };
44
+ parameters: {
45
+ docs: {
46
+ description: {
47
+ component: string;
48
+ };
49
+ };
50
+ };
51
+ };
52
+ export default meta;
53
+ type Story = StoryObj<typeof meta>;
54
+ export declare const PasswordOverview: Story;
55
+ export declare const PasswordPlayground: Story;
56
+ export declare const WithCustomLabels: Story;
57
+ export declare const InteractiveDemo: Story;
@@ -1 +1,2 @@
1
- export { SelectField, type SelectList } from './select-field';
1
+ export { SelectField } from './select-field';
2
+ export type { SelectList, SelectProps } from './select-field';
@@ -18,4 +18,4 @@ type SelectBaseProps = {
18
18
  };
19
19
  type SelectProps = SelectBaseProps & Omit<React.ComponentProps<typeof ComboboxChipsInput>, "list" | "onChange">;
20
20
  export declare const SelectField: React.FC<SelectProps>;
21
- export {};
21
+ export type { SelectProps };
@@ -1 +1,2 @@
1
1
  export { TextareaField } from './textarea-field';
2
+ export type { TextareaProps } from './textarea-field';
@@ -5,4 +5,4 @@ type BaseProps = {
5
5
  };
6
6
  type TextareaProps = BaseProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
7
7
  export declare const TextareaField: React.FC<TextareaProps>;
8
- export {};
8
+ export type { TextareaProps };
@@ -30,4 +30,6 @@ export declare const dictionary: {
30
30
  "rotate-ccw": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
31
31
  question: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
32
32
  clock: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
33
+ eye: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
34
+ "eye-off": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
33
35
  };
@@ -17,7 +17,7 @@ declare const meta: {
17
17
  argTypes: {
18
18
  type: {
19
19
  control: "select";
20
- options: ("close" | "search" | "done" | "settings" | "plus" | "wrench" | "phone" | "palette" | "building" | "check" | "users" | "layout-grid" | "bell" | "book-user" | "user-gear" | "folder" | "briefcase-business" | "calendar" | "chart-line" | "message" | "list-filter" | "funnel" | "dots" | "check-list" | "tag" | "chevron" | "chevrons" | "rotate-ccw" | "question" | "clock")[];
20
+ options: ("close" | "search" | "done" | "settings" | "plus" | "wrench" | "phone" | "palette" | "building" | "check" | "users" | "layout-grid" | "bell" | "book-user" | "user-gear" | "folder" | "briefcase-business" | "calendar" | "chart-line" | "message" | "list-filter" | "funnel" | "dots" | "check-list" | "tag" | "chevron" | "chevrons" | "rotate-ccw" | "question" | "clock" | "eye" | "eye-off")[];
21
21
  };
22
22
  size: {
23
23
  control: "select";