@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

package/dist/chunk-YNCD6TKE.mjs

@@ -0,0 +1,175 @@
+import { cn } from './chunk-DFEZH7TC.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext, useState, useCallback, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var tooltipVariants = cva(
+  "absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-black text-white",
+        outline: "border bg-white text-black",
+        ghost: "bg-gray-800 text-white/90",
+        glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md",
+        emerald: "bg-emerald-600 text-white",
+        indigo: "bg-indigo-600 text-white",
+        purple: "bg-purple-600 text-white",
+        pink: "bg-pink-600 text-white",
+        rose: "bg-rose-600 text-white",
+        sky: "bg-sky-600 text-white",
+        teal: "bg-teal-600 text-white",
+        yellow: "bg-yellow-600 text-white",
+        orange: "bg-orange-600 text-white",
+        green: "bg-green-600 text-white",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white"
+      },
+      size: {
+        sm: "text-xs px-2 py-1",
+        md: "text-sm px-3 py-1.5",
+        lg: "text-base px-4 py-2"
+      },
+      width: {
+        fit: "min-w-75 md:min-w-fit",
+        xs: "min-w-75 md:min-w-xs",
+        sm: "min-w-75 md:min-w-sm",
+        md: "min-w-75 md:min-w-md",
+        lg: "min-w-75 md:min-w-lg",
+        xl: "min-w-75 md:min-w-xl",
+        "2xl": "min-w-75 md:min-w-2xl"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      width: "xs"
+    }
+  }
+);
+var TooltipContext = createContext(null);
+var useTooltip = () => {
+  const context = useContext(TooltipContext);
+  if (!context) {
+    throw new Error("Tooltip components must be used within Tooltip");
+  }
+  return context;
+};
+var Tooltip = ({
+  children,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  position = "top",
+  delay = 100
+}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const setOpen = useCallback(
+    (value) => {
+      if (!isControlled) setUncontrolledOpen(value);
+      onOpenChange?.(value);
+    },
+    [isControlled, onOpenChange]
+  );
+  const showTimeoutRef = useRef(null);
+  const cancelDelayedOpen = useCallback(() => {
+    if (showTimeoutRef.current !== null) {
+      clearTimeout(showTimeoutRef.current);
+      showTimeoutRef.current = null;
+    }
+  }, []);
+  const scheduleDelayedOpen = useCallback(() => {
+    cancelDelayedOpen();
+    showTimeoutRef.current = setTimeout(() => {
+      showTimeoutRef.current = null;
+      setOpen(true);
+    }, delay);
+  }, [cancelDelayedOpen, delay, setOpen]);
+  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);
+  return /* @__PURE__ */ jsx(
+    TooltipContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        position,
+        delay,
+        scheduleDelayedOpen,
+        cancelDelayedOpen
+      },
+      children: /* @__PURE__ */ jsx("div", { className: "relative inline-block", children })
+    }
+  );
+};
+var TooltipTrigger = ({
+  children,
+  className
+}) => {
+  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen } = useTooltip();
+  const triggerProps = {
+    onMouseEnter: () => scheduleDelayedOpen(),
+    onMouseLeave: () => {
+      cancelDelayedOpen();
+      setOpen(false);
+    },
+    onFocus: () => {
+      cancelDelayedOpen();
+      setOpen(true);
+    },
+    onBlur: () => {
+      cancelDelayedOpen();
+      setOpen(false);
+    },
+    onKeyDown: (e) => {
+      if (e.key === "Escape") {
+        cancelDelayedOpen();
+        setOpen(false);
+      }
+    },
+    className,
+    tabIndex: 0
+  };
+  return /* @__PURE__ */ jsx("span", { ...triggerProps, children });
+};
+var TooltipContent = ({
+  children,
+  className,
+  variant,
+  size,
+  width
+}) => {
+  const { open, position } = useTooltip();
+  if (!open) return null;
+  const positionStyles = {
+    top: "bottom-full mb-2",
+    bottom: "top-full mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-open": open,
+      role: "tooltip",
+      className: cn(
+        tooltipVariants({ variant, size, width }),
+        positionStyles[position],
+        className
+      ),
+      children
+    }
+  );
+};
+
+export { Tooltip, TooltipContent, TooltipContext, TooltipTrigger, tooltipVariants, useTooltip };
+//# sourceMappingURL=chunk-YNCD6TKE.mjs.map
+//# sourceMappingURL=chunk-YNCD6TKE.mjs.map

package/dist/chunk-YNCD6TKE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tooltip/variants.ts","../src/ui/tooltip/tooltip-base.tsx"],"names":[],"mappings":"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","file":"chunk-YNCD6TKE.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tooltipVariants = cva(\n  \"absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-black text-white\",\n        outline: \"border bg-white text-black\",\n        ghost: \"bg-gray-800 text-white/90\",\n        glass: \"border border-white/15 bg-white/10 text-white backdrop-blur-md\",\n        emerald: \"bg-emerald-600 text-white\",\n        indigo: \"bg-indigo-600 text-white\",\n        purple: \"bg-purple-600 text-white\",\n        pink: \"bg-pink-600 text-white\",\n        rose: \"bg-rose-600 text-white\",\n        sky: \"bg-sky-600 text-white\",\n        teal: \"bg-teal-600 text-white\",\n        yellow: \"bg-yellow-600 text-white\",\n        orange: \"bg-orange-600 text-white\",\n        green: \"bg-green-600 text-white\",\n        \"gradient-blue\":\n          \"bg-gradient-to-r from-blue-600 to-purple-600 text-white\",\n        \"gradient-green\":\n          \"bg-gradient-to-r from-green-600 to-lime-600 text-white\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white\",\n        \"gradient-yellow\":\n          \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white\",\n        \"gradient-purple\":\n          \"bg-gradient-to-r from-purple-600 to-pink-600 text-white\",\n        \"gradient-teal\":\n          \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white\",\n        \"gradient-indigo\":\n          \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white\",\n        \"gradient-pink\":\n          \"bg-gradient-to-r from-pink-600 to-rose-600 text-white\",\n        \"gradient-orange\":\n          \"bg-gradient-to-r from-orange-600 to-red-600 text-white\",\n      },\n      size: {\n        sm: \"text-xs px-2 py-1\",\n        md: \"text-sm px-3 py-1.5\",\n        lg: \"text-base px-4 py-2\",\n      },\n      width: {\n        fit: \"min-w-75 md:min-w-fit\",\n        xs: \"min-w-75 md:min-w-xs\",\n        sm: \"min-w-75 md:min-w-sm\",\n        md: \"min-w-75 md:min-w-md\",\n        lg: \"min-w-75 md:min-w-lg\",\n        xl: \"min-w-75 md:min-w-xl\",\n        \"2xl\": \"min-w-75 md:min-w-2xl\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      width: \"xs\",\n    },\n  },\n);\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TooltipProps,\n  TooltipContextType,\n  TooltipTriggerProps,\n  TooltipContentProps,\n} from \"./types\";\nimport { tooltipVariants } from \"./variants\";\n\nexport const TooltipContext = createContext<TooltipContextType | null>(null);\n\nexport const useTooltip = () => {\n  const context = useContext(TooltipContext);\n  if (!context) {\n    throw new Error(\"Tooltip components must be used within Tooltip\");\n  }\n  return context;\n};\n\nexport const Tooltip = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  position = \"top\",\n  delay = 100,\n}: TooltipProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelDelayedOpen = useCallback(() => {\n    if (showTimeoutRef.current !== null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDelayedOpen = useCallback(() => {\n    cancelDelayedOpen();\n    showTimeoutRef.current = setTimeout(() => {\n      showTimeoutRef.current = null;\n      setOpen(true);\n    }, delay);\n  }, [cancelDelayedOpen, delay, setOpen]);\n\n  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        open,\n        setOpen,\n        position,\n        delay,\n        scheduleDelayedOpen,\n        cancelDelayedOpen,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </TooltipContext.Provider>\n  );\n};\n\nexport const TooltipTrigger = ({\n  children,\n  className,\n}: TooltipTriggerProps) => {\n  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen } = useTooltip();\n\n  const triggerProps = {\n    onMouseEnter: () => scheduleDelayedOpen(),\n    onMouseLeave: () => {\n      cancelDelayedOpen();\n      setOpen(false);\n    },\n    onFocus: () => {\n      cancelDelayedOpen();\n      setOpen(true);\n    },\n    onBlur: () => {\n      cancelDelayedOpen();\n      setOpen(false);\n    },\n    onKeyDown: (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        cancelDelayedOpen();\n        setOpen(false);\n      }\n    },\n    className,\n    tabIndex: 0,\n  };\n\n  return <span {...triggerProps}>{children}</span>;\n};\n\nexport const TooltipContent = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n}: TooltipContentProps) => {\n  const { open, position } = useTooltip();\n\n  if (!open) return null;\n\n  const positionStyles = {\n    top: \"bottom-full mb-2\",\n    bottom: \"top-full mt-2\",\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n  };\n\n  return (\n    <div\n      data-open={open}\n      role=\"tooltip\"\n      className={cn(\n        tooltipVariants({ variant, size, width }),\n        positionStyles[position],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/progress-base-Cm1JODYA.d.mts

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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 progressVariants: (props?: ({
+    appearance?: "default" | "secondary" | "destructive" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "outline" | "ghost" | "glass" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
+    striped?: boolean | null | undefined;
+    animated?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressTrackVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressBarVariants: (props?: ({
+    striped?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ProgressVariantProps = VariantProps<typeof progressVariants>;
+type ProgressProps = ProgressVariantProps & (Omit<ComponentPropsWithRef<"div">, "children"> & {
+    value?: number;
+    min?: number;
+    max?: number;
+    label?: string;
+    children?: ReactNode;
+    as?: ElementType;
+});
+type ProgressSectionProps = {
+    className?: string;
+    children?: ReactNode;
+    as?: ElementType;
+};
+type ProgressCtx = {
+    value: number;
+    min: number;
+    max: number;
+    size: NonNullable<ProgressProps["size"]>;
+    shape: NonNullable<ProgressProps["shape"]>;
+    striped: boolean;
+    animated: boolean;
+    appearance: NonNullable<ProgressProps["appearance"]>;
+};
+
+declare function ProgressBase(props: ProgressProps): react_jsx_runtime.JSX.Element;
+declare namespace ProgressBase {
+    var displayName: string;
+}
+declare function ProgressBar({ className, style, ref, as: Wrapper, ...rest }: ProgressSectionProps & {
+    style?: React.CSSProperties;
+    ref?: React.Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace ProgressBar {
+    var displayName: string;
+}
+declare function ProgressLabel({ className, children }: ProgressSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace ProgressLabel {
+    var displayName: string;
+}
+declare function ProgressValue({ className, children }: ProgressSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace ProgressValue {
+    var displayName: string;
+}
+
+export { type ProgressProps as P, ProgressBar as a, ProgressBase as b, type ProgressCtx as c, ProgressLabel as d, type ProgressSectionProps as e, ProgressValue as f, type ProgressVariantProps as g, progressTrackVariants as h, progressVariants as i, progressBarVariants as p };

package/dist/progress-base-Cm1JODYA.d.ts

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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 progressVariants: (props?: ({
+    appearance?: "default" | "secondary" | "destructive" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "outline" | "ghost" | "glass" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
+    striped?: boolean | null | undefined;
+    animated?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressTrackVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressBarVariants: (props?: ({
+    striped?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ProgressVariantProps = VariantProps<typeof progressVariants>;
+type ProgressProps = ProgressVariantProps & (Omit<ComponentPropsWithRef<"div">, "children"> & {
+    value?: number;
+    min?: number;
+    max?: number;
+    label?: string;
+    children?: ReactNode;
+    as?: ElementType;
+});
+type ProgressSectionProps = {
+    className?: string;
+    children?: ReactNode;
+    as?: ElementType;
+};
+type ProgressCtx = {
+    value: number;
+    min: number;
+    max: number;
+    size: NonNullable<ProgressProps["size"]>;
+    shape: NonNullable<ProgressProps["shape"]>;
+    striped: boolean;
+    animated: boolean;
+    appearance: NonNullable<ProgressProps["appearance"]>;
+};
+
+declare function ProgressBase(props: ProgressProps): react_jsx_runtime.JSX.Element;
+declare namespace ProgressBase {
+    var displayName: string;
+}
+declare function ProgressBar({ className, style, ref, as: Wrapper, ...rest }: ProgressSectionProps & {
+    style?: React.CSSProperties;
+    ref?: React.Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace ProgressBar {
+    var displayName: string;
+}
+declare function ProgressLabel({ className, children }: ProgressSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace ProgressLabel {
+    var displayName: string;
+}
+declare function ProgressValue({ className, children }: ProgressSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace ProgressValue {
+    var displayName: string;
+}
+
+export { type ProgressProps as P, ProgressBar as a, ProgressBase as b, type ProgressCtx as c, ProgressLabel as d, type ProgressSectionProps as e, ProgressValue as f, type ProgressVariantProps as g, progressTrackVariants as h, progressVariants as i, progressBarVariants as p };

package/dist/types-C7N9UvRm.d.mts

@@ -0,0 +1,38 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode, Ref, CSSProperties, HTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const modalTriggerVariants: (props?: ({
+    appearance?: "default" | "glass" | "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 modalContentVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    position?: "center" | "top" | "bottom" | null | undefined;
+    appearance?: "default" | "glass" | "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;
+
+type ModalContentVariantProps = VariantProps<typeof modalContentVariants>;
+type ModalProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+};
+type ModalTriggerProps = HTMLAttributes<HTMLButtonElement> & {
+    ref?: Ref<HTMLButtonElement>;
+    appearance?: VariantProps<typeof modalTriggerVariants>["appearance"];
+};
+type ModalContentProps = ModalContentVariantProps & {
+    className?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+    id?: string;
+    style?: CSSProperties;
+};
+type ModalSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+
+export { type ModalProps as M, type ModalSectionProps as a, type ModalContentProps as b, type ModalTriggerProps as c, type ModalContentVariantProps as d, modalOverlayVariants as e, modalContentVariants as m };

package/dist/types-C7N9UvRm.d.ts

@@ -0,0 +1,38 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode, Ref, CSSProperties, HTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const modalTriggerVariants: (props?: ({
+    appearance?: "default" | "glass" | "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 modalContentVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+    position?: "center" | "top" | "bottom" | null | undefined;
+    appearance?: "default" | "glass" | "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;
+
+type ModalContentVariantProps = VariantProps<typeof modalContentVariants>;
+type ModalProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+};
+type ModalTriggerProps = HTMLAttributes<HTMLButtonElement> & {
+    ref?: Ref<HTMLButtonElement>;
+    appearance?: VariantProps<typeof modalTriggerVariants>["appearance"];
+};
+type ModalContentProps = ModalContentVariantProps & {
+    className?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+    id?: string;
+    style?: CSSProperties;
+};
+type ModalSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+
+export { type ModalProps as M, type ModalSectionProps as a, type ModalContentProps as b, type ModalTriggerProps as c, type ModalContentVariantProps as d, modalOverlayVariants as e, modalContentVariants as m };

package/dist/types-CFpwSbpK.d.mts

@@ -0,0 +1,27 @@
+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 emptyStateVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "ghost" | "card" | null | undefined;
+    align?: "start" | "center" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type EmptyStateVariantProps = VariantProps<typeof emptyStateVariants>;
+type EmptyStateProps = EmptyStateVariantProps & (Omit<ComponentPropsWithRef<"section">, "children"> & {
+    children?: ReactNode;
+    as?: ElementType;
+});
+type EmptyStateSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+
+export { type EmptyStateProps as E, type EmptyStateSectionProps as a, emptyStateTitleVariants as b, emptyStateVariants as c, emptyStateDescriptionVariants as e };

package/dist/types-CFpwSbpK.d.ts

@@ -0,0 +1,27 @@
+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 emptyStateVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "ghost" | "card" | null | undefined;
+    align?: "start" | "center" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type EmptyStateVariantProps = VariantProps<typeof emptyStateVariants>;
+type EmptyStateProps = EmptyStateVariantProps & (Omit<ComponentPropsWithRef<"section">, "children"> & {
+    children?: ReactNode;
+    as?: ElementType;
+});
+type EmptyStateSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+
+export { type EmptyStateProps as E, type EmptyStateSectionProps as a, emptyStateTitleVariants as b, emptyStateVariants as c, emptyStateDescriptionVariants as e };

package/dist/types-CK_vNRIb.d.mts

@@ -0,0 +1,63 @@
+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 skeletonShimmerGradientClasses: {
+    readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
+    readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
+    readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
+    readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
+    readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
+    readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
+    readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
+    readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
+    readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
+    readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
+    readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
+    readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
+    readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
+    readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
+    readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
+    readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
+    readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
+    readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
+    readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
+    readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
+    readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
+    readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
+    readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
+    readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
+};
+type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
+declare const skeletonVariants: (props?: ({
+    appearance?: "default" | "subtle" | "muted" | "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;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
+    animation?: "none" | "shimmer" | "pulse" | null | undefined;
+    shimmerTone?: "default" | "subtle" | "muted" | "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 skeletonTextLineVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type SkeletonAnimation = "none" | "shimmer" | "pulse";
+type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
+type SkeletonProps = SkeletonVariantProps & (Omit<ComponentPropsWithRef<ElementType>, "children"> & {
+    animation?: SkeletonAnimation;
+    children?: ReactNode;
+    /** When true, parent regions can expose busy state to assistive tech. */
+    busy?: boolean;
+});
+type SkeletonTextProps = SkeletonProps & {
+    lines?: number;
+};
+type SkeletonAvatarProps = SkeletonProps & {
+    /** Mirrors Avatar sizes for layout parity. */
+    avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+};
+type SkeletonCardProps = SkeletonProps;
+type SkeletonButtonProps = SkeletonProps & {
+    buttonSize?: "sm" | "md" | "lg";
+};
+
+export { type SkeletonProps as S, type SkeletonAvatarProps as a, type SkeletonButtonProps as b, type SkeletonCardProps as c, type SkeletonTextProps as d, type SkeletonAnimation as e, type SkeletonShimmerTone as f, type SkeletonVariantProps as g, skeletonTextLineVariants as h, skeletonVariants as i, skeletonShimmerGradientClasses as s };

package/dist/types-CK_vNRIb.d.ts

@@ -0,0 +1,63 @@
+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 skeletonShimmerGradientClasses: {
+    readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
+    readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
+    readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
+    readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
+    readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
+    readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
+    readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
+    readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
+    readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
+    readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
+    readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
+    readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
+    readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
+    readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
+    readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
+    readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
+    readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
+    readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
+    readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
+    readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
+    readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
+    readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
+    readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
+    readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
+};
+type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
+declare const skeletonVariants: (props?: ({
+    appearance?: "default" | "subtle" | "muted" | "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;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
+    animation?: "none" | "shimmer" | "pulse" | null | undefined;
+    shimmerTone?: "default" | "subtle" | "muted" | "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 skeletonTextLineVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type SkeletonAnimation = "none" | "shimmer" | "pulse";
+type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
+type SkeletonProps = SkeletonVariantProps & (Omit<ComponentPropsWithRef<ElementType>, "children"> & {
+    animation?: SkeletonAnimation;
+    children?: ReactNode;
+    /** When true, parent regions can expose busy state to assistive tech. */
+    busy?: boolean;
+});
+type SkeletonTextProps = SkeletonProps & {
+    lines?: number;
+};
+type SkeletonAvatarProps = SkeletonProps & {
+    /** Mirrors Avatar sizes for layout parity. */
+    avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+};
+type SkeletonCardProps = SkeletonProps;
+type SkeletonButtonProps = SkeletonProps & {
+    buttonSize?: "sm" | "md" | "lg";
+};
+
+export { type SkeletonProps as S, type SkeletonAvatarProps as a, type SkeletonButtonProps as b, type SkeletonCardProps as c, type SkeletonTextProps as d, type SkeletonAnimation as e, type SkeletonShimmerTone as f, type SkeletonVariantProps as g, skeletonTextLineVariants as h, skeletonVariants as i, skeletonShimmerGradientClasses as s };

package/dist/types-Ca3t5aC_.d.mts

@@ -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 };