@zentauri-ui/zentauri-components 1.3.0 → 1.4.0

package/dist/ui/toggle/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { ToggleAnimated } from "./toggle-animated";
+export type { ToggleAnimatedProps, ToggleAnimation, ToggleAnimationPresets, ToggleThumbPreset } from "./types";
+export { toggleThumbAnimationPresets, } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/toggle/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/toggle/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,sBAAsB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC9G,OAAO,EACL,2BAA2B,GAC5B,MAAM,cAAc,CAAC"}

package/dist/ui/toggle/animated/toggle-animated.d.ts

@@ -0,0 +1,6 @@
+import type { ToggleAnimatedProps } from "./types";
+export declare function ToggleAnimated(props: ToggleAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ToggleAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=toggle-animated.d.ts.map

package/dist/ui/toggle/animated/toggle-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DxD;yBA9De,cAAc"}

package/dist/ui/toggle/animated/types.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLMotionProps } from "framer-motion";
+import type { ToggleProps } from "../types";
+export type ToggleAnimation = "none" | "spring";
+export type ToggleThumbPreset = Pick<HTMLMotionProps<"span">, "transition" | "layout">;
+export type ToggleAnimationPresets = Record<ToggleAnimation, ToggleThumbPreset>;
+export type ToggleAnimatedProps = ToggleProps & {
+    animation?: ToggleAnimation;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/toggle/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/toggle/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC,CAAC;AAEvF,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAGhF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAAC"}

package/dist/ui/toggle/index.d.ts

@@ -0,0 +1,4 @@
+export { Toggle } from "./toggle";
+export type { ToggleProps, ToggleTrackVariantProps, ToggleThumbVariantProps } from "./types";
+export { toggleThumbVariants, toggleTrackVariants } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/ui/toggle/toggle-base.d.ts

@@ -0,0 +1,6 @@
+import type { ToggleProps } from "./types";
+export declare function ToggleBase(props: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ToggleBase {
+    var displayName: string;
+}
+//# sourceMappingURL=toggle-base.d.ts.map

package/dist/ui/toggle/toggle-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/toggle-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,2CA0D5C;yBA1De,UAAU"}

package/dist/ui/toggle/toggle.d.ts

@@ -0,0 +1,6 @@
+import type { ToggleProps } from "./types";
+export declare function Toggle(props: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Toggle {
+    var displayName: string;
+}
+//# sourceMappingURL=toggle.d.ts.map

package/dist/ui/toggle/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAExC;yBAFe,MAAM"}

package/dist/ui/toggle/types.d.ts

@@ -0,0 +1,14 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
+import type { toggleThumbVariants, toggleTrackVariants } from "./variants";
+export type ToggleTrackVariantProps = VariantProps<typeof toggleTrackVariants>;
+export type ToggleThumbVariantProps = VariantProps<typeof toggleThumbVariants>;
+export 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>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/toggle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE3E,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE/E,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAC/C,uBAAuB,GACvB,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CAAC"}

package/dist/ui/toggle/variants.d.ts

@@ -0,0 +1,8 @@
+export declare const toggleTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "destructive" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "teal" | "yellow" | "orange" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const toggleThumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/toggle/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;8EAiE/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC"}

package/dist/ui/tooltip/animated/animations.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipAnimationPresets } from "./types";
+export declare const tooltipAnimationPresets: TooltipAnimationPresets;
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/tooltip/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGvD,eAAO,MAAM,uBAAuB,EAAE,uBAYrC,CAAC"}

package/dist/ui/tooltip/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { TooltipContentAnimated } from "./tooltip-content-animated";
+export type { TooltipContentAnimatedProps, TooltipAnimation, TooltipAnimationPresets, TooltipPresetMotionProps, } from "./types";
+export { tooltipAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tooltip/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/tooltip/animated/tooltip-content-animated.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipContentAnimatedProps } from "./types";
+export declare const TooltipContentAnimated: ({ children, className, variant, size, width, animation, }: TooltipContentAnimatedProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tooltip-content-animated.d.ts.map

package/dist/ui/tooltip/animated/tooltip-content-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-content-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/tooltip-content-animated.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAI3D,eAAO,MAAM,sBAAsB,GAAI,2DAOpC,2BAA2B,mDA4B7B,CAAC"}

package/dist/ui/tooltip/animated/types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLMotionProps } from "framer-motion";
+import type { TooltipContentProps } from "../types";
+export type TooltipAnimation = "none" | "fade" | "scale";
+export type TooltipPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "style" | "transition">;
+export type TooltipAnimationPresets = Record<TooltipAnimation, TooltipPresetMotionProps>;
+export type TooltipContentAnimatedProps = TooltipContentProps & {
+    animation?: TooltipAnimation;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/tooltip/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,eAAe,CAAC,KAAK,CAAC,EACtB,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAC/C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAC1C,gBAAgB,EAChB,wBAAwB,CACzB,CAAC;AAGF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC"}

package/dist/ui/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipContext, useTooltip, } from "./tooltip";
+export type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipContextType, TooltipPosition, } from "./types";
+export { tooltipVariants } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/ui/tooltip/tooltip-base.d.ts

@@ -0,0 +1,7 @@
+import type { TooltipProps, TooltipContextType, TooltipTriggerProps, TooltipContentProps } from "./types";
+export declare const TooltipContext: import("react").Context<TooltipContextType | null>;
+export declare const useTooltip: () => TooltipContextType;
+export declare const Tooltip: ({ children, defaultOpen, open: controlledOpen, onOpenChange, position, delay, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipTrigger: ({ children, className, }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipContent: ({ children, className, variant, size, width, }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tooltip-base.d.ts.map

package/dist/ui/tooltip/tooltip-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-base.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip-base.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc,oDAAiD,CAAC;AAE7E,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,iFAOrB,YAAY,4CA+Cd,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,0BAG5B,mBAAmB,4CA4BrB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gDAM5B,mBAAmB,mDAyBrB,CAAC"}

package/dist/ui/tooltip/tooltip.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipContext, useTooltip, } from "./tooltip-base";
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,gBAAgB,CAAC"}

package/dist/{types-Cn7IcgkH.d.mts → ui/tooltip/types.d.ts}

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
-
-type TooltipPosition = "top" | "bottom" | "left" | "right";
-type TooltipContextType = {
+import type { ReactNode } from "react";
+export type TooltipPosition = "top" | "bottom" | "left" | "right";
+export type TooltipContextType = {
     open: boolean;
     setOpen: (value: boolean) => void;
     position: TooltipPosition;
@@ -9,7 +8,7 @@ type TooltipContextType = {
     scheduleDelayedOpen: () => void;
     cancelDelayedOpen: () => void;
 };
-type TooltipProps = {
+export type TooltipProps = {
     children: ReactNode;
     defaultOpen?: boolean;
     open?: boolean;
@@ -17,16 +16,15 @@ type TooltipProps = {
     position?: TooltipPosition;
     delay?: number;
 };
-type TooltipTriggerProps = {
+export type TooltipTriggerProps = {
     children: ReactNode;
     className?: string;
 };
-type TooltipContentProps = {
+export 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 };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CAC1D,CAAC"}

package/dist/ui/tooltip/variants.d.ts

@@ -0,0 +1,6 @@
+export declare const tooltipVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "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" | "green" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    width?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "fit" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/tooltip/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;8EA0D3B,CAAC"}

package/dist/vitest-setup.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom/vitest";
+//# sourceMappingURL=vitest-setup.d.ts.map

package/dist/vitest-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest-setup.d.ts","sourceRoot":"","sources":["../src/vitest-setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/package.json

@@ -1,33 +1,46 @@
 {
   "name": "@zentauri-ui/zentauri-components",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A UI component library built with React and Tailwind CSS",
   "license": "MIT",
-  "files": ["dist"],
+  "files": ["dist", "src/ui", "src/lib", "src/hooks", "cli"],
   "sideEffects": false,
+  "bin": {
+    "zentauri-components": "cli/index.mjs",
+    "zentauri-ui": "cli/index.mjs"
+  },
   "publishConfig": {
     "access": "public"
   },
   "exports": {
     "./ui/*": {
-      "types": "./dist/ui/*.d.ts",
+      "types": "./dist/ui/*/index.d.ts",
       "import": "./dist/ui/*.mjs",
       "require": "./dist/ui/*.js"
     },
     "./ui/*/animated": {
-      "types": "./dist/ui/*/animated.d.ts",
+      "types": "./dist/ui/*/animated/index.d.ts",
       "import": "./dist/ui/*/animated.mjs",
       "require": "./dist/ui/*/animated.js"
     },
+    "./hooks/utils": {
+      "types": "./dist/lib/utils.d.ts",
+      "import": "./dist/hooks/utils.mjs",
+      "require": "./dist/hooks/utils.js"
+    },
     "./hooks/*": {
-      "types": "./dist/hooks/*.d.ts",
+      "types": "./dist/hooks/*/index.d.ts",
       "import": "./dist/hooks/*.mjs",
       "require": "./dist/hooks/*.js"
     }
   },
   "scripts": {
     "dev": "NODE_OPTIONS=--max-old-space-size=8192 tsup --watch",
-    "build": "NODE_OPTIONS=--max-old-space-size=8192 tsup",
+    "build:js": "NODE_OPTIONS=--max-old-space-size=8192 tsup",
+    "build:types": "tsc -p tsconfig.emit-types.json",
+    "build": "pnpm run build:js && pnpm run build:types",
+    "generate:registry": "node scripts/generate-registry.mjs",
+    "prepack": "node scripts/generate-registry.mjs",
     "test": "vitest run",
     "test:watch": "vitest"
   },

package/src/hooks/index.ts

@@ -0,0 +1,48 @@
+export { cn, clampPage, range } from "../lib/utils";
+export { useBodyScrollLock } from "./useBodyScrollLock";
+export {
+  useClickOutside,
+  type ClickOutsideEventType,
+  type UseClickOutsideParams,
+} from "./useClickOutside";
+export { useFocusManagement } from "./useFocusManagement";
+export {
+  buildPaginationItems,
+  usePagination,
+  type BuildPaginationItemsParams,
+  type PaginationPageItem,
+} from "./usePagination";
+export { useClipboard, type UseClipboardResult } from "./useClipboard";
+export {
+  useControllableState,
+  type UseControllableStateParams,
+} from "./useControllableState";
+export { useDebouncedValue } from "./useDebouncedValue";
+export {
+  useDisclosure,
+  type UseDisclosureParams,
+  type UseDisclosureResult,
+} from "./useDisclosure";
+export { useDocumentTitle, type UseDocumentTitleParams } from "./useDocumentTitle";
+export { useHover } from "./useHover";
+export { useInView, type UseInViewParams } from "./useInView";
+export {
+  useIntersectionObserver,
+  type UseIntersectionObserverParams,
+} from "./useIntersectionObserver";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+export { useIsMounted } from "./useIsMounted";
+export { useLocalStorage, type UseLocalStorageResult } from "./useLocalStorage";
+export { useMediaQuery } from "./useMediaQuery";
+export { useNetworkStatus } from "./useNetworkStatus";
+export { usePageVisibility } from "./usePageVisibility";
+export {
+  usePrefersColorScheme,
+  type ColorSchemePreference,
+} from "./usePrefersColorScheme";
+export { usePrefersReducedMotion } from "./usePrefersReducedMotion";
+export { useResizeObserver, type ElementSize } from "./useResizeObserver";
+export { useSessionStorage, type UseSessionStorageResult } from "./useSessionStorage";
+export { useThrottledCallback } from "./useThrottledCallback";
+export { useToggle } from "./useToggle";
+export { useWindowSize, type WindowSize } from "./useWindowSize";

package/src/hooks/useBodyScrollLock/index.ts

@@ -0,0 +1 @@
+export { useBodyScrollLock } from "./useBodyScrollLock";

package/src/hooks/useBodyScrollLock/useBodyScrollLock.test.ts

@@ -0,0 +1,51 @@
+import { act, renderHook } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+
+import { useBodyScrollLock } from "./useBodyScrollLock";
+
+describe("useBodyScrollLock", () => {
+  afterEach(() => {
+    document.body.style.overflow = "";
+  });
+
+  it("should not change overflow when locked is false", () => {
+    document.body.style.overflow = "auto";
+    const { unmount } = renderHook(() => useBodyScrollLock(false));
+    expect(document.body.style.overflow).toBe("auto");
+    unmount();
+  });
+
+  it("should set overflow hidden while locked and restore on unmount", () => {
+    document.body.style.overflow = "scroll";
+    const { unmount } = renderHook(() => useBodyScrollLock(true));
+    expect(document.body.style.overflow).toBe("hidden");
+    unmount();
+    expect(document.body.style.overflow).toBe("scroll");
+  });
+
+  it("should ref-count nested locks and restore only after last release", () => {
+    document.body.style.overflow = "";
+    const first = renderHook(() => useBodyScrollLock(true));
+    expect(document.body.style.overflow).toBe("hidden");
+    const second = renderHook(() => useBodyScrollLock(true));
+    expect(document.body.style.overflow).toBe("hidden");
+    first.unmount();
+    expect(document.body.style.overflow).toBe("hidden");
+    second.unmount();
+    expect(document.body.style.overflow).toBe("");
+  });
+
+  it("should release lock when locked toggles from true to false", () => {
+    document.body.style.overflow = "visible";
+    const { rerender, unmount } = renderHook(
+      ({ locked }: { locked: boolean }) => useBodyScrollLock(locked),
+      { initialProps: { locked: true } },
+    );
+    expect(document.body.style.overflow).toBe("hidden");
+    act(() => {
+      rerender({ locked: false });
+    });
+    expect(document.body.style.overflow).toBe("visible");
+    unmount();
+  });
+});

package/src/hooks/useBodyScrollLock/useBodyScrollLock.ts

@@ -0,0 +1,48 @@
+"use client";
+
+import { useEffect } from "react";
+
+let activeLockCount = 0;
+let storedOverflow: string | undefined;
+
+const acquireBodyScrollLock = () => {
+  if (activeLockCount === 0) {
+    storedOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  activeLockCount += 1;
+};
+
+const releaseBodyScrollLock = () => {
+  if (activeLockCount <= 0) {
+    return;
+  }
+  activeLockCount -= 1;
+  if (activeLockCount === 0) {
+    document.body.style.overflow = storedOverflow ?? "";
+    storedOverflow = undefined;
+  }
+};
+
+/**
+ * Locks the document body scroll while `locked` is true by setting `document.body.style.overflow`
+ * to `"hidden"`. Uses a module-level lock count so multiple concurrent callers (nested modals,
+ * drawer + modal, several hook instances) only restore the original inline `overflow` after the
+ * last lock releases.
+ *
+ * Typical use: modals, drawers, and full-screen overlays where background content must not scroll.
+ *
+ * @param locked - When `true`, body scroll is hidden; when `false`, this instance releases its
+ *   lock; the prior overflow is restored only when no instance still holds a lock.
+ */
+export const useBodyScrollLock = (locked: boolean) => {
+  useEffect(() => {
+    if (!locked) {
+      return;
+    }
+    acquireBodyScrollLock();
+    return () => {
+      releaseBodyScrollLock();
+    };
+  }, [locked]);
+};

package/src/hooks/useClickOutside/index.ts

@@ -0,0 +1,5 @@
+export {
+  useClickOutside,
+  type ClickOutsideEventType,
+  type UseClickOutsideParams,
+} from "./useClickOutside";

package/src/hooks/useClickOutside/useClickOutside.test.tsx

@@ -0,0 +1,60 @@
+import { createRef } from "react";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+
+import { useClickOutside } from "./useClickOutside";
+
+describe("useClickOutside", () => {
+  it("should call setOpen false on mousedown outside ref", () => {
+    const setOpen = vi.fn();
+    const ref = createRef<HTMLDivElement>();
+    function Single() {
+      useClickOutside({ ref, setOpen });
+      return <div ref={ref} data-testid="inside" />;
+    }
+    render(
+      <div>
+        <Single />
+        <span data-testid="outside">x</span>
+      </div>,
+    );
+    fireEvent.mouseDown(screen.getByTestId("outside"));
+    expect(setOpen).toHaveBeenCalledWith(false);
+  });
+
+  it("should not call setOpen when mousedown is inside ref", () => {
+    const setOpen = vi.fn();
+    const ref = createRef<HTMLDivElement>();
+    function Single() {
+      useClickOutside({ ref, setOpen });
+      return <div ref={ref} data-testid="inside" />;
+    }
+    render(<Single />);
+    fireEvent.mouseDown(screen.getByTestId("inside"));
+    expect(setOpen).not.toHaveBeenCalled();
+  });
+
+  it("should register multiple event types when listenEvents provided", () => {
+    const setOpen = vi.fn();
+    const ref = createRef<HTMLDivElement>();
+    function Multi() {
+      useClickOutside({
+        ref,
+        setOpen,
+        listenEvents: ["pointerdown", "touchstart"],
+      });
+      return <div ref={ref} data-testid="inside" />;
+    }
+    render(
+      <div>
+        <Multi />
+        <span data-testid="outside">x</span>
+      </div>,
+    );
+    fireEvent.pointerDown(screen.getByTestId("outside"));
+    expect(setOpen).toHaveBeenCalledTimes(1);
+    setOpen.mockClear();
+    fireEvent.touchStart(screen.getByTestId("outside"));
+    expect(setOpen).toHaveBeenCalledTimes(1);
+  });
+});

package/src/hooks/useClickOutside/useClickOutside.ts

@@ -0,0 +1,52 @@
+"use client";
+
+import type { RefObject } from "react";
+import { Dispatch, SetStateAction, useEffect } from "react";
+
+/** DOM events that can represent an “outside” press for closing overlays. */
+export type ClickOutsideEventType =
+  | "mousedown"
+  | "pointerdown"
+  | "touchstart";
+
+export type UseClickOutsideParams = {
+  /** Called with `false` when a qualifying event target is outside `ref.current`. */
+  setOpen: (open: boolean) => void | Dispatch<SetStateAction<boolean>>;
+  /** Root element of the floating UI; clicks inside this node do not close. */
+  ref: RefObject<HTMLElement | null>;
+  /** Defaults to `["mousedown"]` for backward compatibility */
+  listenEvents?: ClickOutsideEventType[];
+};
+
+/**
+ * Registers document-level listeners so that when the user activates outside of `ref`, `setOpen(false)`
+ * runs. Useful for dropdowns, popovers, and menus paired with `open` state.
+ *
+ * @param params.setOpen - State setter or callback that closes the surface.
+ * @param params.ref - Container ref; outside is determined with `contains()` on the event target.
+ * @param params.listenEvents - Which events to listen for; default is `mousedown` only.
+ */
+export const useClickOutside = ({
+  setOpen,
+  ref,
+  listenEvents,
+}: UseClickOutsideParams) => {
+  useEffect(() => {
+    const events =
+      listenEvents && listenEvents.length > 0 ? listenEvents : ["mousedown"];
+    const handleClickOutside = (event: Event) => {
+      if (ref.current && !ref.current.contains(event.target as Node)) {
+        setOpen(false);
+      }
+    };
+
+    for (const eventName of events) {
+      document.addEventListener(eventName, handleClickOutside);
+    }
+    return () => {
+      for (const eventName of events) {
+        document.removeEventListener(eventName, handleClickOutside);
+      }
+    };
+  }, [listenEvents, ref, setOpen]);
+};

package/src/hooks/useClipboard/index.ts

@@ -0,0 +1 @@
+export { useClipboard, type UseClipboardResult } from "./useClipboard";