@olwiba/cn 0.1.43 → 0.1.47

package/dist/email/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { BodyProps, HeadProps, PreviewProps, HtmlProps, ContainerProps, SectionProps, TextProps, HeadingProps, LinkProps, ButtonProps } from '@react-email/components';
 
 declare const emailTheme: {
@@ -19,34 +19,34 @@ type EmailRootProps = HtmlProps;
 type EmailHeadProps = HeadProps;
 type EmailBodyProps = BodyProps;
 type EmailPreviewProps = PreviewProps;
-declare function EmailRoot(props: EmailRootProps): react_jsx_runtime.JSX.Element;
-declare function EmailHead(props: EmailHeadProps): react_jsx_runtime.JSX.Element;
-declare function EmailBody(props: EmailBodyProps): react_jsx_runtime.JSX.Element;
-declare function EmailPreview(props: EmailPreviewProps): react_jsx_runtime.JSX.Element;
+declare function EmailRoot(props: EmailRootProps): react.JSX.Element;
+declare function EmailHead(props: EmailHeadProps): react.JSX.Element;
+declare function EmailBody(props: EmailBodyProps): react.JSX.Element;
+declare function EmailPreview(props: EmailPreviewProps): react.JSX.Element;
 
 type EmailContainerProps = ContainerProps;
-declare function EmailContainer(props: EmailContainerProps): react_jsx_runtime.JSX.Element;
+declare function EmailContainer(props: EmailContainerProps): react.JSX.Element;
 
 type EmailSectionProps = SectionProps;
-declare function EmailSection(props: EmailSectionProps): react_jsx_runtime.JSX.Element;
+declare function EmailSection(props: EmailSectionProps): react.JSX.Element;
 
 type EmailTextProps = TextProps & {
     variant?: 'default' | 'muted' | 'caption';
 };
-declare function EmailText({ variant, style, ...props }: EmailTextProps): react_jsx_runtime.JSX.Element;
+declare function EmailText({ variant, style, ...props }: EmailTextProps): react.JSX.Element;
 
 type EmailHeadingProps = HeadingProps;
-declare function EmailHeading({ style, ...props }: EmailHeadingProps): react_jsx_runtime.JSX.Element;
+declare function EmailHeading({ style, ...props }: EmailHeadingProps): react.JSX.Element;
 
 type EmailLinkProps = LinkProps & {
     brandColor?: string;
 };
-declare function EmailLink({ brandColor, style, ...props }: EmailLinkProps): react_jsx_runtime.JSX.Element;
+declare function EmailLink({ brandColor, style, ...props }: EmailLinkProps): react.JSX.Element;
 
 interface EmailButtonProps extends Omit<ButtonProps, 'children'> {
     label: string;
     brandColor?: string;
 }
-declare function EmailButton({ label, brandColor, style, ...props }: EmailButtonProps): react_jsx_runtime.JSX.Element;
+declare function EmailButton({ label, brandColor, style, ...props }: EmailButtonProps): react.JSX.Element;
 
 export { EmailBody, type EmailBodyProps, EmailButton, type EmailButtonProps, EmailContainer, type EmailContainerProps, EmailHead, type EmailHeadProps, EmailHeading, type EmailHeadingProps, EmailLink, type EmailLinkProps, EmailPreview, type EmailPreviewProps, EmailRoot, type EmailRootProps, EmailSection, type EmailSectionProps, EmailText, type EmailTextProps, type EmailTheme, emailTheme };

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import { ClassValue } from 'clsx';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -24,7 +23,6 @@ import * as vaul from 'vaul';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
@@ -56,7 +54,7 @@ type UIVariant = "playful" | "smooth" | "glass" | undefined;
 declare function UIVariantProvider({ mode, children, }: {
     mode: UIVariant;
     children: React$1.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare function useUIVariant(): UIVariant;
 
 type AccordionMode = "playful" | "smooth" | "glass";
@@ -90,11 +88,11 @@ declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDi
     mode?: AlertDialogMode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
@@ -122,7 +120,7 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
     disabled?: boolean;
     mode?: "playful";
 }
-declare function Badge({ className, variant, size, disabled, mode: modeProp, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, size, disabled, mode: modeProp, ...props }: BadgeProps): React$1.JSX.Element;
 
 declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     separator?: React$1.ReactNode;
@@ -138,11 +136,11 @@ declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.Det
 } & React$1.RefAttributes<HTMLAnchorElement>>;
 declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+    ({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
     displayName: string;
 };
 declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -161,11 +159,11 @@ declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimiti
 declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
 declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
     asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React$1.JSX.Element;
 
 type CalendarSize = "sm" | "default" | "lg";
 type CalendarUIMode = "playful" | "smooth";
@@ -174,8 +172,8 @@ declare function Calendar({ className, classNames, showOutsideDays, captionLayou
     size?: CalendarSize;
     uiMode?: CalendarUIMode;
     disabled?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): React$1.JSX.Element;
 
 interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     mode?: "playful" | "smooth" | "glass";
@@ -231,7 +229,7 @@ declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<React$1.Cla
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
-}) => react_jsx_runtime.JSX.Element | null;
+}) => React$1.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> & {
     accessibilityLayer?: boolean;
@@ -298,7 +296,7 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     mode?: CommandMode;
     disabled?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => React$1.JSX.Element;
 declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React$1.Ref<HTMLInputElement>;
 } & {
@@ -357,7 +355,7 @@ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
 declare const CommandShortcut: {
     ({ className, shortcut, children, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & {
         shortcut?: string;
-    }): react_jsx_runtime.JSX.Element;
+    }): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -389,7 +387,7 @@ declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<Conte
 declare const ContextMenuShortcut: {
     ({ className, shortcut, children, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & {
         shortcut?: string;
-    }): react_jsx_runtime.JSX.Element;
+    }): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -441,18 +439,18 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     showCloseButton?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+    ({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): React$1.JSX.Element;
     displayName: string;
 };
 type ForwardRef<E, P> = React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<P> & React$1.RefAttributes<E>>;
@@ -465,11 +463,11 @@ declare const DrawerContent: ForwardRef<React$1.ElementRef<typeof Drawer$1.Conte
     mode?: DrawerMode;
 }>;
 declare const DrawerHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const DrawerFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const DrawerTitle: ForwardRef<React$1.ElementRef<typeof Drawer$1.Title>, React$1.ComponentPropsWithoutRef<typeof Drawer$1.Title>>;
@@ -503,57 +501,57 @@ declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<Drop
 declare const DropdownMenuShortcut: {
     ({ className, shortcut, children, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & {
         shortcut?: string;
-    }): react_jsx_runtime.JSX.Element;
+    }): React$1.JSX.Element;
     displayName: string;
 };
 
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): React$1.JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 
 declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
     size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
 
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React$1.JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
     variant?: "legend" | "label";
-}): react_jsx_runtime.JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Field({ className, orientation, mode: modeProp, errorMessage, children, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants> & {
     mode?: UIVariant;
     errorMessage?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React$1.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
 declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
     children?: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
     errors?: Array<{
         message?: string;
     } | undefined>;
-}): react_jsx_runtime.JSX.Element | null;
+}): React$1.JSX.Element | null;
 
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getErrors, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
     isTouched: boolean;
     isValidating: boolean;
-    error?: react_hook_form.FieldError;
+    error?: react_hook_form.FieldError | undefined;
     id: string;
     name: string;
     formItemId: string;
@@ -562,7 +560,9 @@ declare const useFormField: () => {
 };
 declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const FormControl: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement> & {
+    children?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
 declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 
@@ -592,25 +592,25 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> &
 declare function InputGroup({ className, mode: modeProp, disabled, ...props }: React$1.ComponentProps<"div"> & {
     mode?: UIVariant;
     disabled?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
     size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
-declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React$1.JSX.Element;
+declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 
 type InputOTPSize = "sm" | "default" | "lg";
 type InputOTPProps = Omit<React$1.ComponentPropsWithoutRef<typeof OTPInput>, "size"> & {
     mode?: "playful" | "smooth";
     size?: InputOTPSize;
 };
-declare const InputOTP: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "nonce" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -620,10 +620,11 @@ declare const InputOTP: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1
     pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
+    nonce?: string;
 } & {
     render: (props: input_otp.RenderProps) => React$1.ReactNode;
     children?: never;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "nonce" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -633,6 +634,7 @@ declare const InputOTP: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1
     pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
     noScriptCSSFallback?: string | null;
+    nonce?: string;
 } & {
     render?: never;
     children: React$1.ReactNode;
@@ -679,8 +681,8 @@ declare const NumberInput: React$1.ForwardRefExoticComponent<Omit<NumberInputPro
 
 declare function ItemGroup({ className, mode: modeProp, ...props }: React$1.ComponentProps<"div"> & {
     mode?: UIVariant;
-}): react_jsx_runtime.JSX.Element;
-declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "sm" | "default" | "lg" | null | undefined;
@@ -689,30 +691,30 @@ declare function Item({ className, variant, size, mode: modeProp, disabled, asCh
     mode?: UIVariant;
     disabled?: boolean;
     asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare const itemMediaVariants: (props?: ({
     variant?: "default" | "image" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
-declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
-declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React$1.JSX.Element;
+declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
+declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 
 interface KbdProps extends React$1.ComponentProps<"kbd"> {
     mode?: "playful" | "smooth";
 }
-declare function Kbd({ className, mode: modeProp, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
-declare function KbdGroup({ className, ...props }: React$1.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
+declare function Kbd({ className, mode: modeProp, ...props }: KbdProps): React$1.JSX.Element;
+declare function KbdGroup({ className, ...props }: React$1.ComponentProps<"kbd">): React$1.JSX.Element;
 
 type MenubarMode = "playful" | "smooth";
-declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
-declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
-declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
-declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): React$1.JSX.Element;
+declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): React$1.JSX.Element;
+declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): React$1.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): React$1.JSX.Element;
+declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): React$1.JSX.Element;
 declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     mode?: MenubarMode;
 } & React$1.RefAttributes<HTMLDivElement>>;
@@ -738,7 +740,7 @@ declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPr
 declare const MenubarShortcut: {
     ({ className, shortcut, children, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & {
         shortcut?: string;
-    }): react_jsx_runtime.JSX.Element;
+    }): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -757,7 +759,7 @@ declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<Na
 declare const Pagination: {
     ({ className, mode: modeProp, ...props }: React$1.ComponentProps<"nav"> & {
         mode?: UIVariant;
-    }): react_jsx_runtime.JSX.Element;
+    }): React$1.JSX.Element;
     displayName: string;
 };
 declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
@@ -772,19 +774,19 @@ type PaginationTextLinkProps = Omit<PaginationLinkProps, "size"> & {
     size?: "sm" | "default" | "lg";
 };
 declare const PaginationLink: {
-    ({ className, isActive, disabled, mode: modeProp, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    ({ className, isActive, disabled, mode: modeProp, size, ...props }: PaginationLinkProps): React$1.JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: {
-    ({ className, size, ...props }: PaginationTextLinkProps): react_jsx_runtime.JSX.Element;
+    ({ className, size, ...props }: PaginationTextLinkProps): React$1.JSX.Element;
     displayName: string;
 };
 declare const PaginationNext: {
-    ({ className, size, ...props }: PaginationTextLinkProps): react_jsx_runtime.JSX.Element;
+    ({ className, size, ...props }: PaginationTextLinkProps): React$1.JSX.Element;
     displayName: string;
 };
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -808,11 +810,11 @@ interface RadioGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof Ra
 declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const ResizablePanelGroup: ({ className, orientation, ...props }: React.ComponentProps<typeof Group>) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanelGroup: ({ className, orientation, ...props }: React.ComponentProps<typeof Group>) => React$1.JSX.Element;
 declare const ResizablePanel: typeof Panel;
 declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator$1> & {
     withHandle?: boolean;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     scrollbars?: "vertical" | "horizontal" | "both";
@@ -850,11 +852,11 @@ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof Dial
 }
 declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const SheetFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
@@ -952,7 +954,7 @@ declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<React
     isActive?: boolean;
 }, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
 
 type SliderSize = "sm" | "default" | "lg";
 interface SliderProps extends React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
@@ -964,9 +966,9 @@ type ToasterProps = React$1.ComponentProps<typeof Toaster$1>;
 type ToasterMode = "playful" | "smooth";
 declare const Toaster: ({ mode: modeProp, className, style, duration, ...props }: ToasterProps & {
     mode?: ToasterMode;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
-declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React$1.JSX.Element;
 
 declare const statusIndicatorDotVariants: (props?: ({
     size?: "sm" | "default" | "lg" | null | undefined;
@@ -976,7 +978,7 @@ interface StatusIndicatorProps extends React$1.HTMLAttributes<HTMLSpanElement>,
     disabled?: boolean;
     dotClassName?: string;
 }
-declare function StatusIndicator({ className, dotClassName, color, size, pulse, disabled, children, ...props }: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
+declare function StatusIndicator({ className, dotClassName, color, size, pulse, disabled, children, ...props }: StatusIndicatorProps): React$1.JSX.Element;
 
 interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "sm" | "default" | "lg";
@@ -1049,7 +1051,7 @@ interface AsciiTextProps {
     color?: string;
     accentColor?: string;
 }
-declare function AsciiText({ text, accent, accents, shine, shineColor, color, accentColor, }: AsciiTextProps): react_jsx_runtime.JSX.Element;
+declare function AsciiText({ text, accent, accents, shine, shineColor, color, accentColor, }: AsciiTextProps): React$1.JSX.Element;
 
 declare function useIsMobile(): boolean;
 
@@ -1083,7 +1085,7 @@ declare function fireConfetti(options?: ConfettiOptions): void;
  *     ...
  *   </head>
  */
-declare function ThemeScript(): react_jsx_runtime.JSX.Element;
+declare function ThemeScript(): React$1.JSX.Element;
 
 interface EnchantedProps extends React$1.HTMLAttributes<HTMLDivElement> {
     children: React$1.ReactNode;
@@ -1092,6 +1094,6 @@ interface EnchantedProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Overrides the glint colour (defaults to text-primary). */
     glintClassName?: string;
 }
-declare function Enchanted({ children, className, hoverOnly, glintClassName, ...props }: EnchantedProps): react_jsx_runtime.JSX.Element;
+declare function Enchanted({ children, className, hoverOnly, glintClassName, ...props }: EnchantedProps): React$1.JSX.Element;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AsciiText, type AsciiTextProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ConfettiOptions, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogPresentation, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Enchanted, type EnchantedProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, type KbdProps, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, type NumberInputProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Spinner, StatusIndicator, type StatusIndicatorProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeScript, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UIVariant, UIVariantProvider, badgeVariants, buttonGroupVariants, buttonVariants, cn, fireConfetti, inputBase, inputPlayfulBacking, navigationMenuTriggerStyle, statusIndicatorDotVariants, toggleVariants, useCopyToClipboard, useFormField, useIsMobile, useSidebar, useUIVariant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olwiba/cn",
-  "version": "0.1.43",
+  "version": "0.1.47",
   "private": false,
   "type": "module",
   "sideEffects": false,
@@ -99,8 +99,8 @@
     }
   },
   "devDependencies": {
-    "@olwiba/docs": "0.1.47",
-    "@olwiba/dx": "0.0.30",
+    "@olwiba/docs": "0.1.48",
+    "@olwiba/dx": "0.0.32",
     "@tailwindcss/vite": "^4.3.1",
     "@tanstack/react-router": "^1.151.6",
     "@tanstack/react-router-devtools": "^1.151.6",