@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

package/dist/types-Ca3t5aC_.d.ts

@@ -0,0 +1,31 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef, ReactNode, ElementType } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const dividerToneVariants: (props?: ({
+    appearance?: "default" | "muted" | "primary" | "destructive" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dividerVariants: (props?: ({
+    appearance?: "default" | "muted" | "primary" | "destructive" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dividerLineVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dividerLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type DividerVariantProps = VariantProps<typeof dividerVariants>;
+interface DividerBaseProps extends ComponentPropsWithRef<"div"> {
+    appearance?: DividerVariantProps["appearance"];
+    orientation?: DividerVariantProps["orientation"];
+    size?: DividerVariantProps["size"];
+    /** Optional label between divider lines. */
+    label?: ReactNode;
+    children?: ReactNode;
+    as?: ElementType;
+}
+type DividerProps = Omit<DividerBaseProps, "as">;
+
+export { type DividerProps as D, type DividerBaseProps as a, type DividerVariantProps as b, dividerLineVariants as c, dividerLabelVariants as d, dividerToneVariants as e, dividerVariants as f };

package/dist/types-Cn7IcgkH.d.mts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+
+type TooltipPosition = "top" | "bottom" | "left" | "right";
+type TooltipContextType = {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    position: TooltipPosition;
+    delay: number;
+    scheduleDelayedOpen: () => void;
+    cancelDelayedOpen: () => void;
+};
+type TooltipProps = {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    position?: TooltipPosition;
+    delay?: number;
+};
+type TooltipTriggerProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TooltipContentProps = {
+    children: ReactNode;
+    className?: string;
+    variant?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "green" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    size?: "sm" | "md" | "lg";
+    width?: "fit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+};
+
+export type { TooltipProps as T, TooltipContentProps as a, TooltipContextType as b, TooltipTriggerProps as c, TooltipPosition as d };

package/dist/types-Cn7IcgkH.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+
+type TooltipPosition = "top" | "bottom" | "left" | "right";
+type TooltipContextType = {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    position: TooltipPosition;
+    delay: number;
+    scheduleDelayedOpen: () => void;
+    cancelDelayedOpen: () => void;
+};
+type TooltipProps = {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    position?: TooltipPosition;
+    delay?: number;
+};
+type TooltipTriggerProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TooltipContentProps = {
+    children: ReactNode;
+    className?: string;
+    variant?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "green" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    size?: "sm" | "md" | "lg";
+    width?: "fit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+};
+
+export type { TooltipProps as T, TooltipContentProps as a, TooltipContextType as b, TooltipTriggerProps as c, TooltipPosition as d };

package/dist/types-CtFK7mFE.d.mts

@@ -0,0 +1,34 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const alertVariants: (props?: ({
+    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type AlertAnimation = "none" | "slide-down" | "fade" | "pop";
+type AlertAppearance = VariantProps<typeof alertVariants>["appearance"];
+type AlertSize = VariantProps<typeof alertVariants>["size"];
+interface AlertBaseProps extends ComponentPropsWithRef<"div"> {
+    appearance?: AlertAppearance;
+    size?: AlertSize;
+    closable?: boolean;
+    onClose?: () => void;
+    closeLabel?: string;
+    triggerClassName?: string;
+    as?: ElementType;
+}
+type AlertSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+type AlertProps = Omit<AlertBaseProps, "as">;
+
+export { type AlertSectionProps as A, type AlertProps as a, type AlertAnimation as b, type AlertSize as c, alertDescriptionVariants as d, alertTitleVariants as e, alertVariants as f, type AlertBaseProps as g };

package/dist/types-CtFK7mFE.d.ts

@@ -0,0 +1,34 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const alertVariants: (props?: ({
+    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const alertDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type AlertAnimation = "none" | "slide-down" | "fade" | "pop";
+type AlertAppearance = VariantProps<typeof alertVariants>["appearance"];
+type AlertSize = VariantProps<typeof alertVariants>["size"];
+interface AlertBaseProps extends ComponentPropsWithRef<"div"> {
+    appearance?: AlertAppearance;
+    size?: AlertSize;
+    closable?: boolean;
+    onClose?: () => void;
+    closeLabel?: string;
+    triggerClassName?: string;
+    as?: ElementType;
+}
+type AlertSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+type AlertProps = Omit<AlertBaseProps, "as">;
+
+export { type AlertSectionProps as A, type AlertProps as a, type AlertAnimation as b, type AlertSize as c, alertDescriptionVariants as d, alertTitleVariants as e, alertVariants as f, type AlertBaseProps as g };

package/dist/types-DMkTQsWg.d.mts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const toastViewportVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const toastRootVariants: (props?: ({
+    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ToastAnimation = "none" | "slide" | "fade";
+type ToastViewportVariantProps = VariantProps<typeof toastViewportVariants>;
+type ToastRootVariantProps = VariantProps<typeof toastRootVariants>;
+type ToastPosition = NonNullable<ToastViewportVariantProps["position"]>;
+type ToastInput = ToastRootVariantProps & {
+    id?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    durationMs?: number;
+    animation?: ToastAnimation;
+};
+type ToastContextValue = {
+    toast: (input: ToastInput) => string;
+    dismiss: (id: string) => void;
+};
+type ToastProviderProps = {
+    children?: ReactNode;
+};
+type ToastViewportProps = ToastViewportVariantProps & {
+    className?: string;
+};
+type ToastProps = ToastRootVariantProps & {
+    toastId: string;
+    animation?: ToastAnimation;
+    className?: string;
+    children?: ReactNode;
+};
+type ToastSectionProps = {
+    className?: string;
+    children?: ReactNode;
+    onClick?: () => void;
+};
+
+export { type ToastProps as T, type ToastSectionProps as a, type ToastProviderProps as b, type ToastViewportProps as c, type ToastInput as d, type ToastContextValue as e, type ToastAnimation as f, type ToastPosition as g, type ToastRootVariantProps as h, type ToastViewportVariantProps as i, toastViewportVariants as j, toastRootVariants as t };

package/dist/types-DMkTQsWg.d.ts

@@ -0,0 +1,46 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const toastViewportVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const toastRootVariants: (props?: ({
+    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ToastAnimation = "none" | "slide" | "fade";
+type ToastViewportVariantProps = VariantProps<typeof toastViewportVariants>;
+type ToastRootVariantProps = VariantProps<typeof toastRootVariants>;
+type ToastPosition = NonNullable<ToastViewportVariantProps["position"]>;
+type ToastInput = ToastRootVariantProps & {
+    id?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    durationMs?: number;
+    animation?: ToastAnimation;
+};
+type ToastContextValue = {
+    toast: (input: ToastInput) => string;
+    dismiss: (id: string) => void;
+};
+type ToastProviderProps = {
+    children?: ReactNode;
+};
+type ToastViewportProps = ToastViewportVariantProps & {
+    className?: string;
+};
+type ToastProps = ToastRootVariantProps & {
+    toastId: string;
+    animation?: ToastAnimation;
+    className?: string;
+    children?: ReactNode;
+};
+type ToastSectionProps = {
+    className?: string;
+    children?: ReactNode;
+    onClick?: () => void;
+};
+
+export { type ToastProps as T, type ToastSectionProps as a, type ToastProviderProps as b, type ToastViewportProps as c, type ToastInput as d, type ToastContextValue as e, type ToastAnimation as f, type ToastPosition as g, type ToastRootVariantProps as h, type ToastViewportVariantProps as i, toastViewportVariants as j, toastRootVariants as t };

package/dist/types-DN400jNg.d.mts

@@ -0,0 +1,28 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef, MouseEventHandler, ReactNode, ElementType } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const badgeVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "secondary" | "destructive" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "pill" | "square" | "dot" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const badgeCloseButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+interface BadgeBaseProps extends ComponentPropsWithRef<"span"> {
+    appearance?: BadgeVariantProps["appearance"];
+    size?: BadgeVariantProps["size"];
+    shape?: BadgeVariantProps["shape"];
+    closable?: boolean;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+    closeLabel?: string;
+    children?: ReactNode;
+    "aria-label"?: string;
+    as?: ElementType;
+}
+type BadgeProps = Omit<BadgeBaseProps, "as">;
+
+export { type BadgeProps as B, type BadgeBaseProps as a, type BadgeVariantProps as b, badgeCloseButtonVariants as c, badgeVariants as d };

package/dist/types-DN400jNg.d.ts

@@ -0,0 +1,28 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef, MouseEventHandler, ReactNode, ElementType } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const badgeVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "secondary" | "destructive" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "pill" | "square" | "dot" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const badgeCloseButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+interface BadgeBaseProps extends ComponentPropsWithRef<"span"> {
+    appearance?: BadgeVariantProps["appearance"];
+    size?: BadgeVariantProps["size"];
+    shape?: BadgeVariantProps["shape"];
+    closable?: boolean;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+    closeLabel?: string;
+    children?: ReactNode;
+    "aria-label"?: string;
+    as?: ElementType;
+}
+type BadgeProps = Omit<BadgeBaseProps, "as">;
+
+export { type BadgeProps as B, type BadgeBaseProps as a, type BadgeVariantProps as b, badgeCloseButtonVariants as c, badgeVariants as d };

package/dist/types-vcZcRc6w.d.mts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const toggleTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "success" | "destructive" | "neutral" | "indigo" | "purple" | "pink" | "orange" | "yellow" | "green" | "teal" | "cyan" | "lime" | "emerald" | "rose" | "slate" | "zinc" | "gray" | "stone" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const toggleThumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ToggleTrackVariantProps = VariantProps<typeof toggleTrackVariants>;
+type ToggleThumbVariantProps = VariantProps<typeof toggleThumbVariants>;
+type ToggleProps = ToggleTrackVariantProps & ToggleThumbVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "role" | "ref"> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    "aria-label"?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+};
+
+export { type ToggleProps as T, type ToggleThumbVariantProps as a, type ToggleTrackVariantProps as b, toggleTrackVariants as c, toggleThumbVariants as t };

package/dist/types-vcZcRc6w.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const toggleTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "success" | "destructive" | "neutral" | "indigo" | "purple" | "pink" | "orange" | "yellow" | "green" | "teal" | "cyan" | "lime" | "emerald" | "rose" | "slate" | "zinc" | "gray" | "stone" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const toggleThumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ToggleTrackVariantProps = VariantProps<typeof toggleTrackVariants>;
+type ToggleThumbVariantProps = VariantProps<typeof toggleThumbVariants>;
+type ToggleProps = ToggleTrackVariantProps & ToggleThumbVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "role" | "ref"> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    "aria-label"?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+};
+
+export { type ToggleProps as T, type ToggleThumbVariantProps as a, type ToggleTrackVariantProps as b, toggleTrackVariants as c, toggleThumbVariants as t };

package/dist/types-zHcMUtKK.d.mts

@@ -0,0 +1,42 @@
+import { ReactNode, ElementType, HTMLAttributes } from 'react';
+
+type TabsValue = string;
+type TabsProps = {
+    value?: TabsValue;
+    defaultValue?: TabsValue;
+    onValueChange?: (value: TabsValue) => void;
+    orientation?: "horizontal" | "vertical";
+    variant?: "default" | "underline" | "pills";
+    size?: "sm" | "md" | "lg";
+    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    children: ReactNode;
+    className?: string;
+};
+type TabsListProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TabsTriggerProps = {
+    value: TabsValue;
+    children: ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+type TabsContentProps = {
+    as?: ElementType;
+    value: TabsValue;
+    children: ReactNode;
+    className?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, "children" | "className" | "role" | "id" | "aria-labelledby">;
+type TabsContextType = {
+    value: TabsValue | undefined;
+    setValue: (value: TabsValue) => void;
+    orientation: "horizontal" | "vertical";
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "underline" | "pills";
+    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    tabTriggerId: (value: TabsValue) => string;
+    tabPanelId: (value: TabsValue) => string;
+};
+
+export type { TabsProps as T, TabsContentProps as a, TabsContextType as b, TabsListProps as c, TabsTriggerProps as d, TabsValue as e };

package/dist/types-zHcMUtKK.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode, ElementType, HTMLAttributes } from 'react';
+
+type TabsValue = string;
+type TabsProps = {
+    value?: TabsValue;
+    defaultValue?: TabsValue;
+    onValueChange?: (value: TabsValue) => void;
+    orientation?: "horizontal" | "vertical";
+    variant?: "default" | "underline" | "pills";
+    size?: "sm" | "md" | "lg";
+    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    children: ReactNode;
+    className?: string;
+};
+type TabsListProps = {
+    children: ReactNode;
+    className?: string;
+};
+type TabsTriggerProps = {
+    value: TabsValue;
+    children: ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+type TabsContentProps = {
+    as?: ElementType;
+    value: TabsValue;
+    children: ReactNode;
+    className?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, "children" | "className" | "role" | "id" | "aria-labelledby">;
+type TabsContextType = {
+    value: TabsValue | undefined;
+    setValue: (value: TabsValue) => void;
+    orientation: "horizontal" | "vertical";
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "underline" | "pills";
+    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    tabTriggerId: (value: TabsValue) => string;
+    tabPanelId: (value: TabsValue) => string;
+};
+
+export type { TabsProps as T, TabsContentProps as a, TabsContextType as b, TabsListProps as c, TabsTriggerProps as d, TabsValue as e };

package/dist/ui/accordion/animated.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as AccordionBaseProps, c as AccordionContentProps, f as AccordionTransition } from '../../accordion-base-qVomr7f_.mjs';
+export { d as AccordionItem, g as AccordionTrigger, n as accordionContentTransitionPresets } from '../../accordion-base-qVomr7f_.mjs';
+import 'framer-motion';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
+
+type AccordionAnimatedProps = AccordionBaseProps;
+type AccordionContentAnimatedProps = AccordionContentProps & {
+    transitionVariant?: AccordionTransition;
+};
+
+declare function Accordion(props: AccordionAnimatedProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+}
+
+declare function AccordionContentAnimated({ className, children, transitionVariant, ref, }: AccordionContentAnimatedProps): react_jsx_runtime.JSX.Element | null;
+declare namespace AccordionContentAnimated {
+    var displayName: string;
+}
+
+export { Accordion, type AccordionAnimatedProps, AccordionContentAnimated, type AccordionContentAnimatedProps };

package/dist/ui/accordion/animated.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as AccordionBaseProps, c as AccordionContentProps, f as AccordionTransition } from '../../accordion-base-qVomr7f_.js';
+export { d as AccordionItem, g as AccordionTrigger, n as accordionContentTransitionPresets } from '../../accordion-base-qVomr7f_.js';
+import 'framer-motion';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
+
+type AccordionAnimatedProps = AccordionBaseProps;
+type AccordionContentAnimatedProps = AccordionContentProps & {
+    transitionVariant?: AccordionTransition;
+};
+
+declare function Accordion(props: AccordionAnimatedProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+}
+
+declare function AccordionContentAnimated({ className, children, transitionVariant, ref, }: AccordionContentAnimatedProps): react_jsx_runtime.JSX.Element | null;
+declare namespace AccordionContentAnimated {
+    var displayName: string;
+}
+
+export { Accordion, type AccordionAnimatedProps, AccordionContentAnimated, type AccordionContentAnimatedProps };

package/dist/ui/accordion/animated.js

@@ -0,0 +1,67 @@
+"use client";
+'use strict';
+
+var chunkC2FCPQTO_js = require('../../chunk-C2FCPQTO.js');
+var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+
+function Accordion(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkC2FCPQTO_js.AccordionBase, { ...props });
+}
+Accordion.displayName = "Accordion";
+
+// src/ui/accordion/animated/animations.ts
+var accordionContentTransitionPresets = {
+  none: { duration: 0 },
+  default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
+  smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },
+  slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] }
+};
+function AccordionContentAnimated({
+  className,
+  children,
+  transitionVariant = "default",
+  ref
+}) {
+  const itemValue = chunkC2FCPQTO_js.useAccordionItemValue("AccordionContent");
+  const {
+    isOpen,
+    size
+  } = chunkC2FCPQTO_js.useAccordionContext("AccordionContent");
+  const open = isOpen(itemValue);
+  const panelId = `${itemValue}-panel`;
+  const transitionConfig = accordionContentTransitionPresets[transitionVariant];
+  const motionless = transitionVariant === "none";
+  return open ? /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      ref,
+      id: panelId,
+      role: "region",
+      "data-slot": "accordion-content",
+      className: chunkUOZYPWDZ_js.cn(chunkC2FCPQTO_js.accordionContentVariants({ size }), className),
+      initial: motionless ? false : { opacity: 0 },
+      animate: motionless ? void 0 : { opacity: 1 },
+      exit: motionless ? void 0 : { opacity: 0 },
+      transition: transitionConfig,
+      children
+    },
+    itemValue
+  ) : null;
+}
+AccordionContentAnimated.displayName = "AccordionContentAnimated";
+
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () { return chunkC2FCPQTO_js.AccordionItem; }
+});
+Object.defineProperty(exports, "AccordionTrigger", {
+  enumerable: true,
+  get: function () { return chunkC2FCPQTO_js.AccordionTrigger; }
+});
+exports.Accordion = Accordion;
+exports.AccordionContentAnimated = AccordionContentAnimated;
+exports.accordionContentTransitionPresets = accordionContentTransitionPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/accordion/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/accordion/animated/accordion-root-animated.tsx","../../../src/ui/accordion/animated/animations.ts","../../../src/ui/accordion/animated/accordion-content-animated.tsx"],"names":["jsx","AccordionBase","useAccordionItemValue","useAccordionContext","motion","cn","accordionContentVariants"],"mappings":";;;;;;;AAKO,SAAS,UAAU,KAAA,EAA+B;AACvD,EAAA,uBAAOA,cAAA,CAACC,8BAAA,EAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACnC;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;ACCjB,IAAM,iCAAA,GAAgE;AAAA,EAC3E,IAAA,EAAM,EAAE,QAAA,EAAU,CAAA,EAAE;AAAA,EACpB,OAAA,EAAS,EAAE,QAAA,EAAU,GAAA,EAAK,IAAA,EAAM,CAAC,GAAA,EAAK,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA,EAAE;AAAA,EACjD,MAAA,EAAQ,EAAE,QAAA,EAAU,IAAA,EAAM,IAAA,EAAM,CAAC,IAAA,EAAM,CAAA,EAAG,IAAA,EAAM,CAAC,CAAA,EAAE;AAAA,EACnD,IAAA,EAAM,EAAE,QAAA,EAAU,IAAA,EAAM,IAAA,EAAM,CAAC,GAAA,EAAK,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA;AAC/C;ACJO,SAAS,wBAAA,CAAyB;AAAA,EACvC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA,GAAoB,SAAA;AAAA,EACpB;AACF,CAAA,EAAkC;AAChC,EAAA,MAAM,SAAA,GAAYC,uCAAsB,kBAAkB,CAAA;AAC1D,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA;AAAA,GACF,GAAIC,qCAAoB,kBAAkB,CAAA;AAC1C,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAC5B,EAAA,MAAM,gBAAA,GAAmB,kCAAkC,iBAAiB,CAAA;AAC5E,EAAA,MAAM,aAAa,iBAAA,KAAsB,MAAA;AAEzC,EAAA,OAAO,uBACLH,cAAAA;AAAA,IAACI,mBAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MAEC,GAAA;AAAA,MACA,EAAA,EAAI,OAAA;AAAA,MACJ,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,WAAWC,mBAAA,CAAGC,yCAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC3D,OAAA,EAAS,UAAA,GAAa,KAAA,GAAQ,EAAE,SAAS,CAAA,EAAE;AAAA,MAC3C,OAAA,EAAS,UAAA,GAAa,MAAA,GAAY,EAAE,SAAS,CAAA,EAAE;AAAA,MAC/C,IAAA,EAAM,UAAA,GAAa,MAAA,GAAY,EAAE,SAAS,CAAA,EAAE;AAAA,MAC5C,UAAA,EAAY,gBAAA;AAAA,MAEX;AAAA,KAAA;AAAA,IAXI;AAAA,GAYP,GACE,IAAA;AACN;AAEA,wBAAA,CAAyB,WAAA,GAAc,0BAAA","file":"animated.js","sourcesContent":["\"use client\";\n\nimport { AccordionBase } from \"../accordion-base\";\nimport type { AccordionAnimatedProps } from \"./types\";\n\nexport function Accordion(props: AccordionAnimatedProps) {\n  return <AccordionBase {...props} />;\n}\n\nAccordion.displayName = \"Accordion\";\n","import type { Transition } from \"framer-motion\";\n\n/** Easing and duration presets for accordion panel open/close (opacity only). */\nexport type AccordionTransition = \"none\" | \"default\" | \"smooth\" | \"slow\";\n\nexport type AccordionTransitionPresets = Record<\n  AccordionTransition,\n  Transition\n>;\n\nexport const accordionContentTransitionPresets: AccordionTransitionPresets = {\n  none: { duration: 0 },\n  default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },\n  smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },\n  slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { accordionContentTransitionPresets } from \"./animations\";\nimport { useAccordionContext, useAccordionItemValue } from \"../accordion-base\";\nimport { accordionContentVariants } from \"../variants\";\nimport { AccordionContentAnimatedProps } from \"./types\";\n\nexport function AccordionContentAnimated({\n  className,\n  children,\n  transitionVariant = \"default\",\n  ref,\n}: AccordionContentAnimatedProps) {\n  const itemValue = useAccordionItemValue(\"AccordionContent\");\n  const {\n    isOpen,\n    size,\n  } = useAccordionContext(\"AccordionContent\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const transitionConfig = accordionContentTransitionPresets[transitionVariant];\n  const motionless = transitionVariant === \"none\";\n\n  return open ? (\n    <motion.div\n      key={itemValue}\n      ref={ref}\n      id={panelId}\n      role=\"region\"\n      data-slot=\"accordion-content\"\n      className={cn(accordionContentVariants({ size }), className)}\n      initial={motionless ? false : { opacity: 0 }}\n      animate={motionless ? undefined : { opacity: 1 }}\n      exit={motionless ? undefined : { opacity: 0 }}\n      transition={transitionConfig}\n    >\n      {children}\n    </motion.div>\n  ) : null;\n}\n\nAccordionContentAnimated.displayName = \"AccordionContentAnimated\";\n"]}