@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/carousel.js

@@ -1,152 +1,135 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "./button.js";
 import { cn } from "@codefast/tailwind-variants";
-import { createContextScope } from "@radix-ui/react-context";
-import embla_carousel_react from "embla-carousel-react";
 import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
-import { Button } from "./button.js";
+import { createContextScope } from "@radix-ui/react-context";
+import useEmblaCarousel from "embla-carousel-react";
+//#region src/components/carousel.tsx
 const CAROUSEL_NAME = "Carousel";
 const [createCarouselContext, createCarouselScope] = createContextScope(CAROUSEL_NAME);
 const [CarouselContextProvider, useCarouselContext] = createCarouselContext(CAROUSEL_NAME);
 function Carousel({ __scopeCarousel, children, className, opts, orientation, plugins, setApi, ...props }) {
-    const [carouselRef, api] = embla_carousel_react({
-        ...opts,
-        axis: "vertical" === orientation ? "y" : "x"
-    }, plugins);
-    const [canScrollPrevious, setCanScrollPrevious] = useState(false);
-    const [canScrollNext, setCanScrollNext] = useState(false);
-    const onSelect = useCallback((carouselApi)=>{
-        if (!carouselApi) return;
-        setCanScrollPrevious(carouselApi.canScrollPrev());
-        setCanScrollNext(carouselApi.canScrollNext());
-    }, []);
-    const scrollPrevious = useCallback(()=>{
-        api?.scrollPrev();
-    }, [
-        api
-    ]);
-    const scrollNext = useCallback(()=>{
-        api?.scrollNext();
-    }, [
-        api
-    ]);
-    const handleKeyDown = useCallback((event)=>{
-        if ("ArrowLeft" === event.key) {
-            event.preventDefault();
-            scrollPrevious();
-        } else if ("ArrowRight" === event.key) {
-            event.preventDefault();
-            scrollNext();
-        }
-    }, [
-        scrollPrevious,
-        scrollNext
-    ]);
-    useEffect(()=>{
-        if (!api || !setApi) return;
-        setApi(api);
-    }, [
-        api,
-        setApi
-    ]);
-    useEffect(()=>{
-        if (!api) return;
-        queueMicrotask(()=>{
-            onSelect(api);
-        });
-        api.on("reInit", onSelect);
-        api.on("select", onSelect);
-        return ()=>{
-            api.off("select", onSelect);
-        };
-    }, [
-        api,
-        onSelect
-    ]);
-    return /*#__PURE__*/ jsx(CarouselContextProvider, {
-        api: api,
-        canScrollNext: canScrollNext,
-        canScrollPrev: canScrollPrevious,
-        carouselRef: carouselRef,
-        opts: opts,
-        orientation: orientation ?? (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scope: __scopeCarousel,
-        scrollNext: scrollNext,
-        scrollPrev: scrollPrevious,
-        children: /*#__PURE__*/ jsx("div", {
-            className: cn("relative", className),
-            "data-slot": "carousel",
-            onKeyDownCapture: handleKeyDown,
-            ...props,
-            children: children
-        })
-    });
+	const [carouselRef, api] = useEmblaCarousel({
+		...opts,
+		axis: orientation === "vertical" ? "y" : "x"
+	}, plugins);
+	const [canScrollPrevious, setCanScrollPrevious] = useState(false);
+	const [canScrollNext, setCanScrollNext] = useState(false);
+	const onSelect = useCallback((carouselApi) => {
+		if (!carouselApi) return;
+		setCanScrollPrevious(carouselApi.canScrollPrev());
+		setCanScrollNext(carouselApi.canScrollNext());
+	}, []);
+	const scrollPrevious = useCallback(() => {
+		api?.scrollPrev();
+	}, [api]);
+	const scrollNext = useCallback(() => {
+		api?.scrollNext();
+	}, [api]);
+	const handleKeyDown = useCallback((event) => {
+		if (event.key === "ArrowLeft") {
+			event.preventDefault();
+			scrollPrevious();
+		} else if (event.key === "ArrowRight") {
+			event.preventDefault();
+			scrollNext();
+		}
+	}, [scrollPrevious, scrollNext]);
+	useEffect(() => {
+		if (!api || !setApi) return;
+		setApi(api);
+	}, [api, setApi]);
+	useEffect(() => {
+		if (!api) return;
+		queueMicrotask(() => {
+			onSelect(api);
+		});
+		api.on("reInit", onSelect);
+		api.on("select", onSelect);
+		return () => {
+			api.off("select", onSelect);
+		};
+	}, [api, onSelect]);
+	return /* @__PURE__ */ jsx(CarouselContextProvider, {
+		api,
+		canScrollNext,
+		canScrollPrev: canScrollPrevious,
+		carouselRef,
+		opts,
+		orientation: orientation ?? (opts?.axis === "y" ? "vertical" : "horizontal"),
+		scope: __scopeCarousel,
+		scrollNext,
+		scrollPrev: scrollPrevious,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("relative", className),
+			"data-slot": "carousel",
+			onKeyDownCapture: handleKeyDown,
+			...props,
+			children
+		})
+	});
 }
 const CAROUSEL_CONTENT_NAME = "CarouselContent";
 function CarouselContent({ __scopeCarousel, className, classNames, ...props }) {
-    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);
-    return /*#__PURE__*/ jsx("div", {
-        ref: carouselRef,
-        className: cn("overflow-hidden", classNames?.wrapper),
-        "data-slot": "carousel-content",
-        children: /*#__PURE__*/ jsx("div", {
-            className: cn("flex", "horizontal" === orientation ? "-ml-4" : "-mt-4 flex-col", classNames?.content, className),
-            ...props
-        })
-    });
+	const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);
+	return /* @__PURE__ */ jsx("div", {
+		ref: carouselRef,
+		className: cn("overflow-hidden", classNames?.wrapper),
+		"data-slot": "carousel-content",
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", classNames?.content, className),
+			...props
+		})
+	});
 }
 const CAROUSEL_ITEM_NAME = "CarouselItem";
 function CarouselItem({ __scopeCarousel, className, ...props }) {
-    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);
-    return /*#__PURE__*/ jsx("div", {
-        "aria-roledescription": "slide",
-        className: cn("min-w-0 shrink-0 grow-0 basis-full", "horizontal" === orientation ? "pl-4" : "pt-4", className),
-        "data-slot": "carousel-item",
-        role: "group",
-        ...props
-    });
+	const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-roledescription": "slide",
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+		"data-slot": "carousel-item",
+		role: "group",
+		...props
+	});
 }
 const CAROUSEL_PREVIOUS_NAME = "CarouselPrevious";
 function CarouselPrevious({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
-    const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
-    return /*#__PURE__*/ jsxs(Button, {
-        "aria-label": "Previous slide",
-        className: cn("absolute size-8 shadow-none", "horizontal" === orientation ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
-        "data-slot": "carousel-previous",
-        disabled: !canScrollPrev,
-        size: size,
-        variant: variant,
-        onClick: scrollPrev,
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx(ArrowLeftIcon, {}),
-            /*#__PURE__*/ jsx("span", {
-                className: "sr-only",
-                children: "Previous slide"
-            })
-        ]
-    });
+	const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
+	return /* @__PURE__ */ jsxs(Button, {
+		"aria-label": "Previous slide",
+		className: cn("absolute size-8 shadow-none", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		"data-slot": "carousel-previous",
+		disabled: !canScrollPrev,
+		size,
+		variant,
+		onClick: scrollPrev,
+		...props,
+		children: [/* @__PURE__ */ jsx(ArrowLeftIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
 }
 const CAROUSEL_NEXT_NAME = "CarouselNext";
 function CarouselNext({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
-    const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
-    return /*#__PURE__*/ jsxs(Button, {
-        "aria-label": "Next slide",
-        className: cn("absolute size-8 shadow-none", "horizontal" === orientation ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
-        "data-slot": "carousel-next",
-        disabled: !canScrollNext,
-        size: size,
-        variant: variant,
-        onClick: scrollNext,
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx(ArrowRightIcon, {}),
-            /*#__PURE__*/ jsx("span", {
-                className: "sr-only",
-                children: "Next slide"
-            })
-        ]
-    });
+	const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
+	return /* @__PURE__ */ jsxs(Button, {
+		"aria-label": "Next slide",
+		className: cn("absolute size-8 shadow-none", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		"data-slot": "carousel-next",
+		disabled: !canScrollNext,
+		size,
+		variant,
+		onClick: scrollNext,
+		...props,
+		children: [/* @__PURE__ */ jsx(ArrowRightIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
 }
+//#endregion
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope };

package/dist/components/chart.d.ts

@@ -1,57 +1,93 @@
-import type { Scope } from "@radix-ui/react-context";
-import type { ComponentProps, ComponentType, JSX, ReactNode } from "react";
-import type { NameType, Payload, ValueType } from "recharts/types/component/DefaultTooltipContent";
-import type { TooltipContentProps, TooltipProps } from "recharts";
+import * as _$react from "react";
+import { ComponentProps, ComponentType, JSX, ReactNode } from "react";
+import * as _$_radix_ui_react_context0 from "@radix-ui/react-context";
+import { Scope } from "@radix-ui/react-context";
 import * as RechartsPrimitive from "recharts";
-type ExtractProps<T> = T extends (props: infer P) => ReactNode ? P : never;
+import { TooltipContentProps, TooltipProps } from "recharts";
+import { NameType, Payload, ValueType } from "recharts/types/component/DefaultTooltipContent";
+
+//#region src/components/chart.d.ts
+type ExtractProps<T> = T extends ((props: infer P) => ReactNode) ? P : never;
 type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 declare const THEMES: {
-    readonly dark: ".dark";
-    readonly light: "";
+  readonly dark: ".dark";
+  readonly light: "";
 };
 type ChartConfig = Record<string, {
-    label?: ReactNode;
-    icon?: ComponentType;
+  label?: ReactNode;
+  icon?: ComponentType;
 } & ({
-    color?: never;
-    theme: Record<keyof typeof THEMES, string>;
+  color?: never;
+  theme: Record<keyof typeof THEMES, string>;
 } | {
-    color?: string;
-    theme?: never;
+  color?: string;
+  theme?: never;
 })>;
 type ScopedProps<P> = P & {
-    __scopeChart?: Scope;
+  __scopeChart?: Scope;
 };
-declare const createChartScope: import("@radix-ui/react-context").CreateScope;
+declare const createChartScope: _$_radix_ui_react_context0.CreateScope;
 interface ChartContainerProps extends ComponentProps<"div"> {
-    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-    config: ChartConfig;
+  children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+  config: ChartConfig;
 }
-declare function ChartContainer({ __scopeChart, children, className, config, id, ...props }: ScopedProps<ChartContainerProps>): JSX.Element;
+declare function ChartContainer({
+  __scopeChart,
+  children,
+  className,
+  config,
+  id,
+  ...props
+}: ScopedProps<ChartContainerProps>): JSX.Element;
 interface ChartStyleProps {
-    config: ChartConfig;
-    id: string;
+  config: ChartConfig;
+  id: string;
 }
-declare function ChartStyle({ config, id }: ChartStyleProps): ReactNode;
+declare function ChartStyle({
+  config,
+  id
+}: ChartStyleProps): ReactNode;
 type ChartTooltipProps<TValue extends ValueType, TName extends NameType> = TooltipProps<TValue, TName>;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 type ChartTooltipContentProps<TValue extends ValueType, TName extends NameType> = Omit<MakeOptional<TooltipContentProps<TValue, TName>, "accessibilityLayer" | "active" | "activeIndex" | "coordinate" | "payload">, "payload"> & {
-    hideIndicator?: boolean;
-    hideLabel?: boolean;
-    indicator?: "dashed" | "dot" | "line";
-    labelKey?: string;
-    nameKey?: string;
-    color?: string | undefined;
-    className?: string | undefined;
-    payload?: Payload<TValue, TName>[];
+  hideIndicator?: boolean;
+  hideLabel?: boolean;
+  indicator?: "dashed" | "dot" | "line";
+  labelKey?: string;
+  nameKey?: string;
+  color?: string | undefined;
+  className?: string | undefined;
+  payload?: Payload<TValue, TName>[];
 };
-declare function ChartTooltipContent<TValue extends ValueType, TName extends NameType>({ __scopeChart, active, className, color, formatter, hideIndicator, hideLabel, indicator, label, labelClassName, labelFormatter, labelKey, nameKey, payload, }: ScopedProps<ChartTooltipContentProps<TValue, TName>>): ReactNode;
+declare function ChartTooltipContent<TValue extends ValueType, TName extends NameType>({
+  __scopeChart,
+  active,
+  className,
+  color,
+  formatter,
+  hideIndicator,
+  hideLabel,
+  indicator,
+  label,
+  labelClassName,
+  labelFormatter,
+  labelKey,
+  nameKey,
+  payload
+}: ScopedProps<ChartTooltipContentProps<TValue, TName>>): ReactNode;
 type ChartLegendProps = ComponentProps<typeof RechartsPrimitive.Legend>;
-declare const ChartLegend: import("react").MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare const ChartLegend: _$react.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
 type ChartLegendContentProps = ComponentProps<"div"> & ExtractProps<RechartsPrimitive.LegendProps["content"]> & {
-    hideIcon?: boolean;
-    nameKey?: string;
+  hideIcon?: boolean;
+  nameKey?: string;
 };
-declare function ChartLegendContent({ __scopeChart, className, hideIcon, nameKey, payload, verticalAlign, }: ScopedProps<ChartLegendContentProps>): ReactNode;
-export type { ChartConfig, ChartContainerProps, ChartLegendContentProps, ChartLegendProps, ChartStyleProps, ChartTooltipContentProps, ChartTooltipProps, };
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, createChartScope, };
+declare function ChartLegendContent({
+  __scopeChart,
+  className,
+  hideIcon,
+  nameKey,
+  payload,
+  verticalAlign
+}: ScopedProps<ChartLegendContentProps>): ReactNode;
+//#endregion
+export { type ChartConfig, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, type ChartLegendProps, ChartStyle, type ChartStyleProps, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, type ChartTooltipProps, createChartScope };