periplo-ui 3.20.0 → 3.21.0
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,11 +1,11 @@
|
|
|
1
|
+
import { Icon, IconProps as PhosphorIconProps } from '@phosphor-icons/react';
|
|
1
2
|
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import { Icon } from '@phosphor-icons/react';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
5
|
variant?: "primary" | "secondary" | "success" | "error" | "text" | "input" | "ghost" | "inverse-ghost" | null | undefined;
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
-
export
|
|
8
|
+
export type ButtonProps = {
|
|
9
9
|
/**
|
|
10
10
|
* The visual style of the button.
|
|
11
11
|
* @default primary
|
|
@@ -44,7 +44,17 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
44
44
|
* Not displayed when iconOnly is true.
|
|
45
45
|
*/
|
|
46
46
|
children?: React.ReactNode;
|
|
47
|
-
|
|
47
|
+
/**
|
|
48
|
+
* When true, renders the button as a child component using Radix Slot.
|
|
49
|
+
* Useful for custom wrappers or links.
|
|
50
|
+
*/
|
|
51
|
+
asChild?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Custom props to pass to the icons (StartIcon, EndIcon, SpinnerGap).
|
|
54
|
+
* Allows overriding size, weight, color, etc.
|
|
55
|
+
*/
|
|
56
|
+
iconProps?: Partial<PhosphorIconProps>;
|
|
57
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
|
|
48
58
|
/**
|
|
49
59
|
* A versatile button component that supports multiple variants, sizes, and icon placements.
|
|
50
60
|
*
|
|
@@ -61,5 +71,57 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
61
71
|
* // Loading state
|
|
62
72
|
* <Button loading>Processing...</Button>
|
|
63
73
|
*/
|
|
64
|
-
declare const Button: React.ForwardRefExoticComponent<
|
|
74
|
+
declare const Button: React.ForwardRefExoticComponent<{
|
|
75
|
+
/**
|
|
76
|
+
* The visual style of the button.
|
|
77
|
+
* @default primary
|
|
78
|
+
*/
|
|
79
|
+
variant?: "primary" | "secondary" | "ghost" | "inverse-ghost" | "text" | "error" | "success";
|
|
80
|
+
/**
|
|
81
|
+
* The size of the button, affecting height, padding, and font size.
|
|
82
|
+
* @default md
|
|
83
|
+
*/
|
|
84
|
+
size?: "sm" | "md" | "lg";
|
|
85
|
+
/**
|
|
86
|
+
* Icon component to display at the start of the button content.
|
|
87
|
+
* Use Phosphor icons for consistent styling.
|
|
88
|
+
* @example <Button StartIcon={House}>Home</Button>
|
|
89
|
+
*/
|
|
90
|
+
StartIcon?: Icon;
|
|
91
|
+
/**
|
|
92
|
+
* Icon component to display at the end of the button content.
|
|
93
|
+
* Use Phosphor icons for consistent styling.
|
|
94
|
+
* @example <Button EndIcon={ArrowRight}>Next</Button>
|
|
95
|
+
*/
|
|
96
|
+
EndIcon?: Icon;
|
|
97
|
+
/**
|
|
98
|
+
* When true, displays a loading spinner and disables the button.
|
|
99
|
+
* The spinner replaces the StartIcon if present.
|
|
100
|
+
* @default false
|
|
101
|
+
*/
|
|
102
|
+
loading?: boolean;
|
|
103
|
+
/**
|
|
104
|
+
* When true, creates a circular button with only the StartIcon visible.
|
|
105
|
+
* @default false
|
|
106
|
+
*/
|
|
107
|
+
iconOnly?: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* The content to display inside the button.
|
|
110
|
+
* Not displayed when iconOnly is true.
|
|
111
|
+
*/
|
|
112
|
+
children?: React.ReactNode;
|
|
113
|
+
/**
|
|
114
|
+
* When true, renders the button as a child component using Radix Slot.
|
|
115
|
+
* Useful for custom wrappers or links.
|
|
116
|
+
*/
|
|
117
|
+
asChild?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Custom props to pass to the icons (StartIcon, EndIcon, SpinnerGap).
|
|
120
|
+
* Allows overriding size, weight, color, etc.
|
|
121
|
+
*/
|
|
122
|
+
iconProps?: Partial<PhosphorIconProps>;
|
|
123
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
124
|
+
variant?: "primary" | "secondary" | "success" | "error" | "text" | "input" | "ghost" | "inverse-ghost" | null | undefined;
|
|
125
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
126
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
65
127
|
export { Button, buttonVariants };
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { SpinnerGap } from '@phosphor-icons/react/dist/ssr';
|
|
2
3
|
import { cva } from 'class-variance-authority';
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
import { cn } from '../../lib/utils.js';
|
|
5
|
-
import { SpinnerGap } from '@phosphor-icons/react/dist/ssr';
|
|
6
6
|
import { typographyVariants } from '../Typography/Typography.js';
|
|
7
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
7
8
|
|
|
8
9
|
const buttonVariants = cva(
|
|
9
10
|
"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
@@ -45,8 +46,8 @@ const buttonVariants = cva(
|
|
|
45
46
|
}
|
|
46
47
|
);
|
|
47
48
|
const Button = React.forwardRef(
|
|
48
|
-
({ className, variant = "primary", size = "md", StartIcon, EndIcon, loading, iconOnly, ...props }, ref) => {
|
|
49
|
-
const
|
|
49
|
+
({ className, variant = "primary", size = "md", StartIcon, EndIcon, loading, iconOnly, iconProps = {}, asChild = false, ...props }, ref) => {
|
|
50
|
+
const defaultIconProps = () => {
|
|
50
51
|
switch (size) {
|
|
51
52
|
case "sm":
|
|
52
53
|
return { size: 16, weight: "regular" };
|
|
@@ -56,6 +57,7 @@ const Button = React.forwardRef(
|
|
|
56
57
|
return { size: 18, weight: "regular" };
|
|
57
58
|
}
|
|
58
59
|
};
|
|
60
|
+
const mergedIconProps = { ...defaultIconProps(), ...iconProps };
|
|
59
61
|
const getIconOnlyClasses = () => {
|
|
60
62
|
switch (size) {
|
|
61
63
|
case "sm":
|
|
@@ -66,8 +68,9 @@ const Button = React.forwardRef(
|
|
|
66
68
|
return "h-10 w-10";
|
|
67
69
|
}
|
|
68
70
|
};
|
|
71
|
+
const Comp = asChild ? Slot : "button";
|
|
69
72
|
return /* @__PURE__ */ jsxs(
|
|
70
|
-
|
|
73
|
+
Comp,
|
|
71
74
|
{
|
|
72
75
|
className: cn(
|
|
73
76
|
buttonVariants({ variant, size, className }),
|
|
@@ -76,13 +79,13 @@ const Button = React.forwardRef(
|
|
|
76
79
|
className
|
|
77
80
|
),
|
|
78
81
|
ref,
|
|
79
|
-
disabled: loading,
|
|
82
|
+
disabled: loading && !asChild,
|
|
80
83
|
...props,
|
|
81
84
|
children: [
|
|
82
|
-
loading && /* @__PURE__ */ jsx(SpinnerGap, { ...
|
|
83
|
-
StartIcon && !loading && /* @__PURE__ */ jsx(StartIcon, { ...
|
|
85
|
+
loading && /* @__PURE__ */ jsx(SpinnerGap, { ...defaultIconProps(), className: "animate-spin", "aria-label": "Loading" }),
|
|
86
|
+
StartIcon && !loading && /* @__PURE__ */ jsx(StartIcon, { ...mergedIconProps }),
|
|
84
87
|
iconOnly ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: props.children }) : props.children,
|
|
85
|
-
EndIcon && !iconOnly && /* @__PURE__ */ jsx(EndIcon, { ...
|
|
88
|
+
EndIcon && !iconOnly && /* @__PURE__ */ jsx(EndIcon, { ...mergedIconProps })
|
|
86
89
|
]
|
|
87
90
|
}
|
|
88
91
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../../lib/utils'\nimport {
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { Icon, IconWeight, IconProps as PhosphorIconProps } from '@phosphor-icons/react'\nimport { SpinnerGap } from '@phosphor-icons/react/dist/ssr'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../../lib/utils'\nimport { typographyVariants } from '../Typography'\nimport { Slot } from '@radix-ui/react-slot'\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n {\n variants: {\n /**\n * Defines the visual style of the button\n */\n variant: {\n primary:\n 'bg-primary-500 text-primary-foreground hover:bg-primary-700 active:bg-primary-900 disabled:bg-background-200 dark:disabled:bg-background-200 dark:disabled:text-neutral',\n secondary:\n 'bg-neutral-950 text-neutral-foreground hover:bg-neutral-800 active:bg-neutral-700 disabled:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-500 dark:disable:bg-neutral-900 disabled:text-neutral-600 dark:disabled:text-neutral-300',\n ghost:\n 'border border-neutral-500 text-primary-foreground hover:bg-neutral-100/50 active:bg-neutral-200/50 dark:border-neutral dark:text-neutral-50 dark:active:bg-neutral-600/50 disabled:border-neutral-500 dark:hover:bg-neutral/50 disabled:text-neutral-500 dark:disabled:border-neutral-300 dark:disabled:text-neutral-300',\n 'inverse-ghost':\n 'border border-neutral-50 text-neutral-50 hover:bg-neutral/50 hover:border-neutral-50 active:bg-neutral-600/50 dark:border-neutral-500 dark:text-primary-foreground dark:hover:bg-neutral-100/50 dark:active:bg-neutral-200/50 disabled:border-neutral-300 disabled:text-neutral-300 dark:disabled:border-neutral-500 dark:disabled:text-neutral-500',\n text: 'hover:bg-neutral-50 active:bg-neutral-100 text-primary-foreground disabled:text-neutral-500 dark:disable:text-neutral-300 dark:text-neutral-50 dark:hover:bg-neutral dark:active:bg-neutral-600',\n error:\n 'bg-error text-white hover:bg-error-800 active:bg-error-900 disabled:bg-error-200 disabled:text-neutral-600',\n success:\n 'bg-success text-white hover:bg-success-800 active:bg-success-900 disabled:bg-success-200 disabled:text-neutral-600',\n input:\n 'border border-neutral-200 bg-white text-neutral-950 hover:bg-neutral-50 active:bg-neutral-100 focus-visible:border-neutral-950 disabled:bg-neutral-50 dark:border-neutral-500 dark:bg-neutral-950 dark:text-neutral-50 dark:hover:bg-neutral-800 dark:active:bg-neutral-700 dark:focus-visible:border-neutral-500 focus-visible:ring-0',\n },\n /**\n * Controls the size and padding of the button\n */\n size: {\n sm: 'h-8 px-3 text-sm',\n md: 'h-10 px-4 text-sm',\n lg: 'h-12 px-6 text-base',\n },\n },\n compoundVariants: [\n {\n variant: 'input',\n size: ['sm', 'md', 'lg'],\n className: typographyVariants({ variant: 'body-lg' }),\n },\n ],\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n },\n },\n)\n\nexport type ButtonProps = {\n /**\n * The visual style of the button.\n * @default primary\n */\n variant?: 'primary' | 'secondary' | 'ghost' | 'inverse-ghost' | 'text' | 'error' | 'success'\n\n /**\n * The size of the button, affecting height, padding, and font size.\n * @default md\n */\n size?: 'sm' | 'md' | 'lg'\n\n /**\n * Icon component to display at the start of the button content.\n * Use Phosphor icons for consistent styling.\n * @example <Button StartIcon={House}>Home</Button>\n */\n StartIcon?: Icon\n\n /**\n * Icon component to display at the end of the button content.\n * Use Phosphor icons for consistent styling.\n * @example <Button EndIcon={ArrowRight}>Next</Button>\n */\n EndIcon?: Icon\n\n /**\n * When true, displays a loading spinner and disables the button.\n * The spinner replaces the StartIcon if present.\n * @default false\n */\n loading?: boolean\n\n /**\n * When true, creates a circular button with only the StartIcon visible.\n * @default false\n */\n iconOnly?: boolean\n\n /**\n * The content to display inside the button.\n * Not displayed when iconOnly is true.\n */\n children?: React.ReactNode\n\n /**\n * When true, renders the button as a child component using Radix Slot.\n * Useful for custom wrappers or links.\n */\n asChild?: boolean\n\n /**\n * Custom props to pass to the icons (StartIcon, EndIcon, SpinnerGap).\n * Allows overriding size, weight, color, etc.\n */\n iconProps?: Partial<PhosphorIconProps>\n} & React.ButtonHTMLAttributes<HTMLButtonElement> &\n VariantProps<typeof buttonVariants>\n\n/**\n * A versatile button component that supports multiple variants, sizes, and icon placements.\n *\n * @example\n * // Basic usage\n * <Button>Click me</Button>\n *\n * // With icon\n * <Button StartIcon={House}>Home</Button>\n *\n * // Icon only button\n * <Button StartIcon={Plus} iconOnly aria-label=\"Add item\" />\n *\n * // Loading state\n * <Button loading>Processing...</Button>\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n { className, variant = 'primary', size = 'md', StartIcon, EndIcon, loading, iconOnly, iconProps = {}, asChild = false, ...props },\n ref,\n ) => {\n const defaultIconProps = (): { size: number; weight: IconWeight } => {\n switch (size) {\n case 'sm':\n return { size: 16, weight: 'regular' }\n case 'lg':\n return { size: 20, weight: 'regular' }\n default:\n return { size: 18, weight: 'regular' }\n }\n }\n\n const mergedIconProps = { ...defaultIconProps(), ...iconProps }\n\n const getIconOnlyClasses = () => {\n switch (size) {\n case 'sm':\n return 'h-8 w-8'\n case 'lg':\n return 'h-12 w-12'\n default:\n return 'h-10 w-10'\n }\n }\n\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n className={cn(\n buttonVariants({ variant, size, className }),\n iconOnly && 'rounded-full p-0',\n iconOnly && getIconOnlyClasses(),\n className,\n )}\n ref={ref}\n disabled={loading && !asChild}\n {...props}\n >\n {loading && <SpinnerGap {...defaultIconProps()} className=\"animate-spin\" aria-label=\"Loading\" />}\n {StartIcon && !loading && <StartIcon {...mergedIconProps} />}\n {iconOnly ? <span className=\"sr-only\">{props.children}</span> : props.children}\n {EndIcon && !iconOnly && <EndIcon {...mergedIconProps} />}\n </Comp>\n )\n },\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,cAAiB,GAAA,GAAA;AAAA,EACrB,6OAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA;AAAA;AAAA;AAAA,MAIR,OAAS,EAAA;AAAA,QACP,OACE,EAAA,yKAAA;AAAA,QACF,SACE,EAAA,8OAAA;AAAA,QACF,KACE,EAAA,0TAAA;AAAA,QACF,eACE,EAAA,qVAAA;AAAA,QACF,IAAM,EAAA,iMAAA;AAAA,QACN,KACE,EAAA,4GAAA;AAAA,QACF,OACE,EAAA,oHAAA;AAAA,QACF,KACE,EAAA;AAAA,OACJ;AAAA;AAAA;AAAA;AAAA,MAIA,IAAM,EAAA;AAAA,QACJ,EAAI,EAAA,kBAAA;AAAA,QACJ,EAAI,EAAA,mBAAA;AAAA,QACJ,EAAI,EAAA;AAAA;AACN,KACF;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB;AAAA,QACE,OAAS,EAAA,OAAA;AAAA,QACT,IAAM,EAAA,CAAC,IAAM,EAAA,IAAA,EAAM,IAAI,CAAA;AAAA,QACvB,SAAW,EAAA,kBAAA,CAAmB,EAAE,OAAA,EAAS,WAAW;AAAA;AACtD,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA,SAAA;AAAA,MACT,IAAM,EAAA;AAAA;AACR;AAEJ;AA8EA,MAAM,SAAS,KAAM,CAAA,UAAA;AAAA,EACnB,CACE,EAAE,SAAA,EAAW,UAAU,SAAW,EAAA,IAAA,GAAO,MAAM,SAAW,EAAA,OAAA,EAAS,SAAS,QAAU,EAAA,SAAA,GAAY,EAAI,EAAA,OAAA,GAAU,OAAO,GAAG,KAAA,IAC1H,GACG,KAAA;AACH,IAAA,MAAM,mBAAmB,MAA4C;AACnE,MAAA,QAAQ,IAAM;AAAA,QACZ,KAAK,IAAA;AACH,UAAA,OAAO,EAAE,IAAA,EAAM,EAAI,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,QACvC,KAAK,IAAA;AACH,UAAA,OAAO,EAAE,IAAA,EAAM,EAAI,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,QACvC;AACE,UAAA,OAAO,EAAE,IAAA,EAAM,EAAI,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA;AACzC,KACF;AAEA,IAAA,MAAM,kBAAkB,EAAE,GAAG,gBAAiB,EAAA,EAAG,GAAG,SAAU,EAAA;AAE9D,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,QAAQ,IAAM;AAAA,QACZ,KAAK,IAAA;AACH,UAAO,OAAA,SAAA;AAAA,QACT,KAAK,IAAA;AACH,UAAO,OAAA,WAAA;AAAA,QACT;AACE,UAAO,OAAA,WAAA;AAAA;AACX,KACF;AAEA,IAAM,MAAA,IAAA,GAAO,UAAU,IAAO,GAAA,QAAA;AAE9B,IACE,uBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,cAAe,CAAA,EAAE,OAAS,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,UAC3C,QAAY,IAAA,kBAAA;AAAA,UACZ,YAAY,kBAAmB,EAAA;AAAA,UAC/B;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACA,QAAA,EAAU,WAAW,CAAC,OAAA;AAAA,QACrB,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAW,OAAA,oBAAA,GAAA,CAAC,cAAY,GAAG,gBAAA,IAAoB,SAAU,EAAA,cAAA,EAAe,cAAW,SAAU,EAAA,CAAA;AAAA,UAC7F,aAAa,CAAC,OAAA,oBAAY,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,eAAiB,EAAA,CAAA;AAAA,UACzD,QAAA,uBAAY,MAAK,EAAA,EAAA,SAAA,EAAU,WAAW,QAAM,EAAA,KAAA,CAAA,QAAA,EAAS,IAAU,KAAM,CAAA,QAAA;AAAA,UACrE,WAAW,CAAC,QAAA,oBAAa,GAAA,CAAA,OAAA,EAAA,EAAS,GAAG,eAAiB,EAAA;AAAA;AAAA;AAAA,KACzD;AAAA;AAGN;AACA,MAAA,CAAO,WAAc,GAAA,QAAA;;;;"}
|
|
@@ -22,6 +22,32 @@ declare const CarouselContext: React.Context<CarouselContextProps | null>;
|
|
|
22
22
|
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
23
|
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
24
24
|
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
-
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<
|
|
26
|
-
|
|
25
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<{
|
|
26
|
+
variant?: "primary" | "secondary" | "ghost" | "inverse-ghost" | "text" | "error" | "success";
|
|
27
|
+
size?: "sm" | "md" | "lg";
|
|
28
|
+
StartIcon?: import('@phosphor-icons/react').Icon;
|
|
29
|
+
EndIcon?: import('@phosphor-icons/react').Icon;
|
|
30
|
+
loading?: boolean;
|
|
31
|
+
iconOnly?: boolean;
|
|
32
|
+
children?: React.ReactNode;
|
|
33
|
+
asChild?: boolean;
|
|
34
|
+
iconProps?: Partial<import('@phosphor-icons/react').IconProps>;
|
|
35
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
36
|
+
variant?: "primary" | "secondary" | "success" | "error" | "text" | "input" | "ghost" | "inverse-ghost" | null | undefined;
|
|
37
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
38
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
39
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<{
|
|
40
|
+
variant?: "primary" | "secondary" | "ghost" | "inverse-ghost" | "text" | "error" | "success";
|
|
41
|
+
size?: "sm" | "md" | "lg";
|
|
42
|
+
StartIcon?: import('@phosphor-icons/react').Icon;
|
|
43
|
+
EndIcon?: import('@phosphor-icons/react').Icon;
|
|
44
|
+
loading?: boolean;
|
|
45
|
+
iconOnly?: boolean;
|
|
46
|
+
children?: React.ReactNode;
|
|
47
|
+
asChild?: boolean;
|
|
48
|
+
iconProps?: Partial<import('@phosphor-icons/react').IconProps>;
|
|
49
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
50
|
+
variant?: "primary" | "secondary" | "success" | "error" | "text" | "input" | "ghost" | "inverse-ghost" | null | undefined;
|
|
51
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
52
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
27
53
|
export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselContext };
|
|
@@ -20,7 +20,20 @@ declare const SidebarRoot: React.ForwardRefExoticComponent<Omit<React.ClassAttri
|
|
|
20
20
|
side?: "left" | "right";
|
|
21
21
|
variant?: "default" | "hidden";
|
|
22
22
|
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<
|
|
23
|
+
declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<{
|
|
24
|
+
variant?: "primary" | "secondary" | "ghost" | "inverse-ghost" | "text" | "error" | "success";
|
|
25
|
+
size?: "sm" | "md" | "lg";
|
|
26
|
+
StartIcon?: import('@phosphor-icons/react').Icon;
|
|
27
|
+
EndIcon?: import('@phosphor-icons/react').Icon;
|
|
28
|
+
loading?: boolean;
|
|
29
|
+
iconOnly?: boolean;
|
|
30
|
+
children?: React.ReactNode;
|
|
31
|
+
asChild?: boolean;
|
|
32
|
+
iconProps?: Partial<import('@phosphor-icons/react').IconProps>;
|
|
33
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
|
|
34
|
+
variant?: "primary" | "secondary" | "success" | "error" | "text" | "input" | "ghost" | "inverse-ghost" | null | undefined;
|
|
35
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
36
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
24
37
|
declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
25
38
|
declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
26
39
|
declare const SidebarInput: React.ForwardRefExoticComponent<Omit<import('../Input').InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|