@codefast/ui 0.3.11 → 0.3.12-canary.0

package/dist/components/badge.d.ts

@@ -1,24 +1,18 @@
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/badge.d.ts
-declare const badgeVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  variant: {
-    default: string;
-    destructive: string;
-    outline: string;
-    secondary: string;
-  };
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+declare const badgeVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+    };
 }, Record<string, never>>;
 interface BadgeProps extends ComponentProps<"span">, VariantProps<typeof badgeVariants> {
-  asChild?: boolean;
+    asChild?: boolean;
 }
-declare function Badge({
-  asChild,
-  className,
-  variant,
-  ...props
-}: BadgeProps): JSX.Element;
-//#endregion
-export { Badge, type BadgeProps, badgeVariants };
+declare function Badge({ asChild, className, variant, ...props }: BadgeProps): JSX.Element;
+export { badgeVariants };
+export { Badge };
+export type { BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AASjD,QAAA,MAAM,aAAa;;;;;;;yBAiBjB,CAAC;AAMH,UAAU,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAMjF;AAMD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,CAAC;AAEjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/badge.js

@@ -1,27 +1,30 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/badge.tsx
+/* -----------------------------------------------------------------------------
+ * Variant: Badge
+ * -------------------------------------------------------------------------- */
 const badgeVariants = tv({
-	base: "inline-flex w-fit shrink-0 items-center justify-center gap-2 rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 [&>svg]:size-3 [&>svg]:shrink-0",
-	defaultVariants: { variant: "default" },
-	variants: { variant: {
-		default: "border-transparent bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 [a&]:hover:bg-primary/80",
-		destructive: "border-transparent bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
-		outline: "border-input bg-background focus-visible:border-ring [a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80"
-	} }
+    base: "inline-flex w-fit shrink-0 items-center justify-center gap-2 rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 [&>svg]:size-3 [&>svg]:shrink-0",
+    defaultVariants: {
+        variant: "default",
+    },
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 [a&]:hover:bg-primary/80",
+            destructive: "border-transparent bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+            outline: "border-input bg-background focus-visible:border-ring [a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80",
+        },
+    },
 });
 function Badge({ asChild, className, variant, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
-		className: badgeVariants({
-			className,
-			variant
-		}),
-		"data-slot": "badge",
-		...props
-	});
+    const Component = asChild ? Slot : "span";
+    return (_jsx(Component, { className: badgeVariants({ className, variant }), "data-slot": "badge", ...props }));
 }
-//#endregion
-export { Badge, badgeVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { badgeVariants };
+export { Badge };

package/dist/components/breadcrumb.d.ts

@@ -1,44 +1,22 @@
-import { ComponentProps, JSX, ReactNode } from "react";
-
-//#region src/components/breadcrumb.d.ts
+import type { ComponentProps, JSX, ReactNode } from "react";
 interface BreadcrumbProps extends ComponentProps<"nav"> {
-  separator?: ReactNode;
+    separator?: ReactNode;
 }
-declare function Breadcrumb({
-  ...props
-}: BreadcrumbProps): JSX.Element;
+declare function Breadcrumb({ ...props }: BreadcrumbProps): JSX.Element;
 type BreadcrumbListProps = ComponentProps<"ol">;
-declare function BreadcrumbList({
-  className,
-  ...props
-}: BreadcrumbListProps): JSX.Element;
+declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): JSX.Element;
 type BreadcrumbItemProps = ComponentProps<"li">;
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: BreadcrumbItemProps): JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): JSX.Element;
 interface BreadcrumbLinkProps extends ComponentProps<"a"> {
-  asChild?: boolean;
+    asChild?: boolean;
 }
-declare function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: BreadcrumbLinkProps): JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): JSX.Element;
 type BreadcrumbPageProps = ComponentProps<"span">;
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: BreadcrumbPageProps): JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
 type BreadcrumbSeparatorProps = ComponentProps<"li">;
-declare function BreadcrumbSeparator({
-  children,
-  ...props
-}: BreadcrumbSeparatorProps): JSX.Element;
+declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): JSX.Element;
 type BreadcrumbEllipsisProps = ComponentProps<"span">;
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: BreadcrumbEllipsisProps): JSX.Element;
-//#endregion
-export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };
+declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): JSX.Element;
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
+export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU5D,UAAU,eAAgB,SAAQ,cAAc,CAAC,KAAK,CAAC;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAE9D;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEhD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAWjF;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEhD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAQjF;AAMD,UAAU,mBAAoB,SAAQ,cAAc,CAAC,GAAG,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAU1F;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAUjF;AAMD,KAAK,wBAAwB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAErD,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAM1F;AAMD,KAAK,uBAAuB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAEtD,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAazF;AAMD,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAC;AACF,YAAY,EACV,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,wBAAwB,GACzB,CAAC"}

package/dist/components/breadcrumb.js

@@ -1,67 +1,31 @@
 "use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRightIcon, EllipsisIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/breadcrumb.tsx
 function Breadcrumb({ ...props }) {
-	return /* @__PURE__ */ jsx("nav", {
-		"aria-label": "breadcrumb",
-		"data-slot": "breadcrumb",
-		...props
-	});
+    return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
 function BreadcrumbList({ className, ...props }) {
-	return /* @__PURE__ */ jsx("ol", {
-		className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2", className),
-		"data-slot": "breadcrumb-list",
-		...props
-	});
+    return (_jsx("ol", { className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2", className), "data-slot": "breadcrumb-list", ...props }));
 }
 function BreadcrumbItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx("li", {
-		className: cn("inline-flex items-center gap-1.5", className),
-		"data-slot": "breadcrumb-item",
-		...props
-	});
+    return (_jsx("li", { className: cn("inline-flex items-center gap-1.5", className), "data-slot": "breadcrumb-item", ...props }));
 }
 function BreadcrumbLink({ asChild, className, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
-		className: cn("transition-colors hover:text-foreground", className),
-		"data-slot": "breadcrumb-link",
-		...props
-	});
+    const Component = asChild ? Slot : "a";
+    return (_jsx(Component, { className: cn("transition-colors hover:text-foreground", className), "data-slot": "breadcrumb-link", ...props }));
 }
 function BreadcrumbPage({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"aria-current": "page",
-		"aria-disabled": "true",
-		className: cn("font-normal text-foreground", className),
-		"data-slot": "breadcrumb-page",
-		...props
-	});
+    return (_jsx("span", { "aria-current": "page", "aria-disabled": "true", className: cn("font-normal text-foreground", className), "data-slot": "breadcrumb-page", ...props }));
 }
 function BreadcrumbSeparator({ children, ...props }) {
-	return /* @__PURE__ */ jsx("li", {
-		"aria-hidden": "true",
-		"data-slot": "breadcrumb-separator",
-		role: "presentation",
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5" })
-	});
+    return (_jsx("li", { "aria-hidden": "true", "data-slot": "breadcrumb-separator", role: "presentation", ...props, children: children ?? _jsx(ChevronRightIcon, { className: "size-3.5" }) }));
 }
 function BreadcrumbEllipsis({ className, ...props }) {
-	return /* @__PURE__ */ jsxs("span", {
-		"aria-hidden": "true",
-		className: cn("flex size-4 items-center justify-center", className),
-		"data-slot": "breadcrumb-ellipsis",
-		role: "presentation",
-		...props,
-		children: [/* @__PURE__ */ jsx(EllipsisIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "More"
-		})]
-	});
+    return (_jsxs("span", { "aria-hidden": "true", className: cn("flex size-4 items-center justify-center", className), "data-slot": "breadcrumb-ellipsis", role: "presentation", ...props, children: [_jsx(EllipsisIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
 }
-//#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };

package/dist/components/button-group.d.ts

@@ -1,34 +1,20 @@
-import { Separator } from "./separator.js";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/button-group.d.ts
-declare const buttonGroupVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  orientation: {
-    horizontal: string;
-    vertical: string;
-  };
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+import { Separator } from "#components/separator";
+declare const buttonGroupVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
 }, Record<string, never>>;
 type ButtonGroupProps = ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: ButtonGroupProps): JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): JSX.Element;
 interface ButtonGroupTextProps extends ComponentProps<"div"> {
-  asChild?: boolean;
+    asChild?: boolean;
 }
-declare function ButtonGroupText({
-  asChild,
-  className,
-  ...props
-}: ButtonGroupTextProps): JSX.Element;
+declare function ButtonGroupText({ asChild, className, ...props }: ButtonGroupTextProps): JSX.Element;
 type ButtonGroupSeparatorProps = ComponentProps<typeof Separator>;
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: ButtonGroupSeparatorProps): JSX.Element;
-//#endregion
-export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };
+declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+export type { ButtonGroupProps, ButtonGroupSeparatorProps, ButtonGroupTextProps };
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/components/button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,QAAA,MAAM,mBAAmB;;;;;yBAkBvB,CAAC;AAMH,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEzF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAUxF;AAMD,UAAU,oBAAqB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,eAAe,CAAC,EACvB,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAYpC;AAMD,KAAK,yBAAyB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAElE,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAYzC;AAMD,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC;AAEnF,YAAY,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/button-group.js

@@ -1,39 +1,34 @@
 "use client";
-import { Separator } from "./separator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/button-group.tsx
+import { Separator } from "#components/separator";
+/* -----------------------------------------------------------------------------
+ * Variants: ButtonGroup
+ * -------------------------------------------------------------------------- */
 const buttonGroupVariants = tv({
-	base: cn("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2", "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", "[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1", "has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),
-	defaultVariants: { orientation: "horizontal" },
-	variants: { orientation: {
-		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-	} }
+    base: cn("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2", "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", "[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1", "has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+    variants: {
+        orientation: {
+            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+        },
+    },
 });
 function ButtonGroup({ className, orientation, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(buttonGroupVariants({ orientation }), className),
-		"data-orientation": orientation,
-		"data-slot": "button-group",
-		role: "group",
-		...props
-	});
+    return (_jsx("div", { className: cn(buttonGroupVariants({ orientation }), className), "data-orientation": orientation, "data-slot": "button-group", role: "group", ...props }));
 }
 function ButtonGroupText({ asChild = false, className, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		className: cn("flex items-center gap-2 rounded-lg border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
-		...props
-	});
+    const Component = asChild ? Slot : "div";
+    return (_jsx(Component, { className: cn("flex items-center gap-2 rounded-lg border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
 }
 function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
-	return /* @__PURE__ */ jsx(Separator, {
-		className: cn("relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto", className),
-		"data-slot": "button-group-separator",
-		orientation,
-		...props
-	});
+    return (_jsx(Separator, { className: cn("relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto", className), "data-slot": "button-group-separator", orientation: orientation, ...props }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/button.d.ts

@@ -1,38 +1,29 @@
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/button.d.ts
-declare const buttonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  size: {
-    "icon-sm": string;
-    icon: string;
-    "icon-lg": string;
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  variant: {
-    default: string;
-    destructive: string;
-    ghost: string;
-    link: string;
-    outline: string;
-    secondary: string;
-  };
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+declare const buttonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    size: {
+        "icon-sm": string;
+        icon: string;
+        "icon-lg": string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        default: string;
+        destructive: string;
+        ghost: string;
+        link: string;
+        outline: string;
+        secondary: string;
+    };
 }, Record<string, never>>;
 type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-  asChild?: boolean;
-  type?: ComponentProps<"button">["type"];
+    asChild?: boolean;
+    type?: ComponentProps<"button">["type"];
 };
-declare function Button({
-  asChild,
-  children,
-  className,
-  size,
-  type,
-  variant,
-  ...props
-}: ButtonProps): JSX.Element;
-//#endregion
-export { Button, type ButtonProps, buttonVariants };
+declare function Button({ asChild, children, className, size, type, variant, ...props }: ButtonProps): JSX.Element;
+export { buttonVariants };
+export { Button };
+export type { ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AASjD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;yBAwClB,CAAC;AAMH,KAAK,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GACzC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;CACzC,CAAC;AAEJ,iBAAS,MAAM,CAAC,EACd,OAAe,EACf,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA2B3B;AAMD,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/button.js

@@ -1,57 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/button.tsx
+/* -----------------------------------------------------------------------------
+ * Variant: Button
+ * -------------------------------------------------------------------------- */
 const buttonVariants = tv({
-	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-	defaultVariants: {
-		size: "md",
-		variant: "default"
-	},
-	variants: {
-		size: {
-			"icon-sm": "size-8",
-			icon: "size-9",
-			"icon-lg": "size-10",
-			sm: "h-8 px-3 has-[>svg]:px-2.5",
-			md: "h-9 px-4 has-[>svg]:px-3",
-			lg: "h-10 px-6 has-[>svg]:px-4"
-		},
-		variant: {
-			default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
-			destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-			ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
-			link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
-			outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
-			secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
-		}
-	}
+    base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    defaultVariants: {
+        size: "md",
+        variant: "default",
+    },
+    variants: {
+        size: {
+            // 32px
+            "icon-sm": "size-8",
+            // 36px
+            icon: "size-9",
+            // 40px
+            "icon-lg": "size-10",
+            // 32px
+            sm: "h-8 px-3 has-[>svg]:px-2.5",
+            // 36px
+            md: "h-9 px-4 has-[>svg]:px-3",
+            // 40px
+            lg: "h-10 px-6 has-[>svg]:px-4",
+        },
+        variant: {
+            default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
+            destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+            ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
+            link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
+            outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
+            secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50",
+        },
+    },
 });
 function Button({ asChild = false, children, className, size, type = "button", variant, ...props }) {
-	const Comp = asChild ? Slot : "button";
-	if (asChild) return /* @__PURE__ */ jsx(Comp, {
-		className: buttonVariants({
-			className,
-			size,
-			variant
-		}),
-		"data-slot": "button",
-		"data-variant": variant,
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx("button", {
-		className: buttonVariants({
-			className,
-			size,
-			variant
-		}),
-		"data-slot": "button",
-		"data-variant": variant,
-		type,
-		...props,
-		children
-	});
+    const Comp = asChild ? Slot : "button";
+    if (asChild) {
+        return (_jsx(Comp, { className: buttonVariants({ className, size, variant }), "data-slot": "button", "data-variant": variant, ...props, children: children }));
+    }
+    return (_jsx("button", { className: buttonVariants({ className, size, variant }), "data-slot": "button", "data-variant": variant, type: type, ...props, children: children }));
 }
-//#endregion
-export { Button, buttonVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { buttonVariants };
+export { Button };

package/dist/components/calendar.d.ts

@@ -1,27 +1,13 @@
-import { Button } from "./button.js";
-import { ComponentProps, JSX } from "react";
-import { DayButton, DayPicker } from "react-day-picker";
-
-//#region src/components/calendar.d.ts
+import type { ComponentProps, JSX } from "react";
+import type { DayButton } from "react-day-picker";
+import { DayPicker } from "react-day-picker";
+import { Button } from "#components/button";
 type CalendarProps = ComponentProps<typeof DayPicker> & {
-  buttonVariant?: ComponentProps<typeof Button>["variant"];
+    buttonVariant?: ComponentProps<typeof Button>["variant"];
 };
-declare function Calendar({
-  buttonVariant,
-  captionLayout,
-  className,
-  classNames,
-  components,
-  formatters,
-  showOutsideDays,
-  ...props
-}: CalendarProps): JSX.Element;
+declare function Calendar({ buttonVariant, captionLayout, className, classNames, components, formatters, showOutsideDays, ...props }: CalendarProps): JSX.Element;
 type CalendarDayButtonProps = ComponentProps<typeof DayButton>;
-declare function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}: CalendarDayButtonProps): JSX.Element;
-//#endregion
-export { Calendar, CalendarDayButton, type CalendarDayButtonProps, type CalendarProps };
+declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): JSX.Element;
+export { Calendar, CalendarDayButton };
+export type { CalendarDayButtonProps, CalendarProps };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAW,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAK7E,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAkB,MAAM,oBAAoB,CAAC;AAM5D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,aAAuB,EACvB,aAAuB,EACvB,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAmG7B;AAmDD,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAgCtC;AAMD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AACvC,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,CAAC"}