@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/item.js

@@ -1,119 +1,116 @@
-import { jsx } from "react/jsx-runtime";
+import { Separator } from "./separator.js";
 import { cn, tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
-import { Separator } from "./separator.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/item.tsx
 const itemVariants = tv({
-    base: cn("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm outline-hidden transition-colors duration-100", "[a]:transition-colors [a]:hover:bg-accent/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"),
-    defaultVariants: {
-        size: "default",
-        variant: "default"
-    },
-    variants: {
-        size: {
-            default: "gap-4 p-4",
-            sm: "gap-2.5 px-4 py-3"
-        },
-        variant: {
-            default: "bg-transparent",
-            muted: "bg-muted/50",
-            outline: "border-border"
-        }
-    }
+	base: cn("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm outline-hidden transition-colors duration-100", "[a]:transition-colors [a]:hover:bg-accent/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"),
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "gap-4 p-4",
+			sm: "gap-2.5 px-4 py-3"
+		},
+		variant: {
+			default: "bg-transparent",
+			muted: "bg-muted/50",
+			outline: "border-border"
+		}
+	}
 });
 const itemMediaVariants = tv({
-    base: cn("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start", "group-has-[[data-slot=item-description]]/item:translate-y-0.5 [&_svg]:pointer-events-none"),
-    defaultVariants: {
-        variant: "default"
-    },
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            icon: "size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",
-            image: "size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover"
-        }
-    }
+	base: cn("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start", "group-has-[[data-slot=item-description]]/item:translate-y-0.5 [&_svg]:pointer-events-none"),
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover"
+	} }
 });
 function ItemGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("group/item-group flex flex-col", className),
-        "data-slot": "item-group",
-        role: "list",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("group/item-group flex flex-col", className),
+		"data-slot": "item-group",
+		role: "list",
+		...props
+	});
 }
 function ItemSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        className: cn("my-0", className),
-        "data-slot": "item-separator",
-        orientation: "horizontal",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Separator, {
+		className: cn("my-0", className),
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		...props
+	});
 }
 function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
-    const Component = asChild ? Slot : "div";
-    return /*#__PURE__*/ jsx(Component, {
-        className: itemVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-size": size,
-        "data-slot": "item",
-        "data-variant": variant,
-        ...props
-    });
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: itemVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-size": size,
+		"data-slot": "item",
+		"data-variant": variant,
+		...props
+	});
 }
 function ItemMedia({ className, variant = "default", ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: itemMediaVariants({
-            className,
-            variant
-        }),
-        "data-slot": "item-media",
-        "data-variant": variant,
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: itemMediaVariants({
+			className,
+			variant
+		}),
+		"data-slot": "item-media",
+		"data-variant": variant,
+		...props
+	});
 }
 function ItemContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
-        "data-slot": "item-content",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+		"data-slot": "item-content",
+		...props
+	});
 }
 function ItemTitle({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
-        "data-slot": "item-title",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+		"data-slot": "item-title",
+		...props
+	});
 }
 function ItemDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx("p", {
-        className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-        "data-slot": "item-description",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		"data-slot": "item-description",
+		...props
+	});
 }
 function ItemActions({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex items-center gap-2", className),
-        "data-slot": "item-actions",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-2", className),
+		"data-slot": "item-actions",
+		...props
+	});
 }
 function ItemHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex basis-full items-center justify-between gap-2", className),
-        "data-slot": "item-header",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		"data-slot": "item-header",
+		...props
+	});
 }
 function ItemFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex basis-full items-center justify-between gap-2", className),
-        "data-slot": "item-footer",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		"data-slot": "item-footer",
+		...props
+	});
 }
+//#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };

package/dist/components/kbd.d.ts

@@ -1,7 +1,15 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/kbd.d.ts
 type KbdProps = ComponentProps<"kbd">;
-declare function Kbd({ className, ...props }: KbdProps): JSX.Element;
+declare function Kbd({
+  className,
+  ...props
+}: KbdProps): JSX.Element;
 type KbdGroupProps = ComponentProps<"kbd">;
-declare function KbdGroup({ className, ...props }: KbdGroupProps): JSX.Element;
-export { Kbd, KbdGroup };
-export type { KbdGroupProps, KbdProps };
+declare function KbdGroup({
+  className,
+  ...props
+}: KbdGroupProps): JSX.Element;
+//#endregion
+export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };

package/dist/components/kbd.js

@@ -1,17 +1,19 @@
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/kbd.tsx
 function Kbd({ className, ...props }) {
-    return /*#__PURE__*/ jsx("kbd", {
-        className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
-        "data-slot": "kbd",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
+		"data-slot": "kbd",
+		...props
+	});
 }
 function KbdGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx("kbd", {
-        className: cn("inline-flex items-center gap-1", className),
-        "data-slot": "kbd-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn("inline-flex items-center gap-1", className),
+		"data-slot": "kbd-group",
+		...props
+	});
 }
+//#endregion
 export { Kbd, KbdGroup };

package/dist/components/label.d.ts

@@ -1,6 +1,11 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/label.d.ts
 type LabelProps = ComponentProps<typeof LabelPrimitive.Root>;
-declare function Label({ className, ...props }: LabelProps): JSX.Element;
-export { Label };
-export type { LabelProps };
+declare function Label({
+  className,
+  ...props
+}: LabelProps): JSX.Element;
+//#endregion
+export { Label, type LabelProps };

package/dist/components/label.js

@@ -1,12 +1,14 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Root } from "@radix-ui/react-label";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+//#region src/components/label.tsx
 function Label({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: cn("inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-aria-invalid:text-destructive peer-data-disabled:opacity-50 data-invalid:text-destructive", className),
-        "data-slot": "label",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		className: cn("inline-block text-sm leading-none font-medium group-data-disabled:opacity-50 peer-disabled:opacity-50 peer-aria-invalid:text-destructive peer-data-disabled:opacity-50 data-invalid:text-destructive", className),
+		"data-slot": "label",
+		...props
+	});
 }
+//#endregion
 export { Label };

package/dist/components/menubar.d.ts

@@ -1,43 +1,100 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
+
+//#region src/components/menubar.d.ts
 type MenubarProps = ComponentProps<typeof MenubarPrimitive.Root>;
-declare function Menubar({ className, ...props }: MenubarProps): JSX.Element;
+declare function Menubar({
+  className,
+  ...props
+}: MenubarProps): JSX.Element;
 type MenubarMenuProps = ComponentProps<typeof MenubarPrimitive.Menu>;
-declare function MenubarMenu({ ...props }: MenubarMenuProps): JSX.Element;
+declare function MenubarMenu({
+  ...props
+}: MenubarMenuProps): JSX.Element;
 type MenubarGroupProps = ComponentProps<typeof MenubarPrimitive.Group>;
-declare function MenubarGroup({ ...props }: MenubarGroupProps): JSX.Element;
+declare function MenubarGroup({
+  ...props
+}: MenubarGroupProps): JSX.Element;
 type MenubarSubProps = ComponentProps<typeof MenubarPrimitive.Sub>;
-declare function MenubarSub({ ...props }: MenubarSubProps): JSX.Element;
+declare function MenubarSub({
+  ...props
+}: MenubarSubProps): JSX.Element;
 type MenubarRadioGroupProps = ComponentProps<typeof MenubarPrimitive.RadioGroup>;
-declare function MenubarRadioGroup({ ...props }: MenubarRadioGroupProps): JSX.Element;
+declare function MenubarRadioGroup({
+  ...props
+}: MenubarRadioGroupProps): JSX.Element;
 type MenubarTriggerProps = ComponentProps<typeof MenubarPrimitive.Trigger>;
-declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): JSX.Element;
+declare function MenubarTrigger({
+  className,
+  ...props
+}: MenubarTriggerProps): JSX.Element;
 interface MenubarSubTriggerProps extends ComponentProps<typeof MenubarPrimitive.SubTrigger> {
-    inset?: boolean;
+  inset?: boolean;
 }
-declare function MenubarSubTrigger({ children, className, inset, ...props }: MenubarSubTriggerProps): JSX.Element;
+declare function MenubarSubTrigger({
+  children,
+  className,
+  inset,
+  ...props
+}: MenubarSubTriggerProps): JSX.Element;
 type MenubarSubContentProps = ComponentProps<typeof MenubarPrimitive.SubContent>;
-declare function MenubarSubContent({ className, ...props }: MenubarSubContentProps): JSX.Element;
+declare function MenubarSubContent({
+  className,
+  ...props
+}: MenubarSubContentProps): JSX.Element;
 type MenubarContentProps = ComponentProps<typeof MenubarPrimitive.Content>;
-declare function MenubarContent({ align, alignOffset, className, sideOffset, ...props }: MenubarContentProps): JSX.Element;
+declare function MenubarContent({
+  align,
+  alignOffset,
+  className,
+  sideOffset,
+  ...props
+}: MenubarContentProps): JSX.Element;
 interface MenubarItemProps extends ComponentProps<typeof MenubarPrimitive.Item> {
-    inset?: boolean;
-    variant?: "default" | "destructive";
+  inset?: boolean;
+  variant?: "default" | "destructive";
 }
-declare function MenubarItem({ className, inset, variant, ...props }: MenubarItemProps): JSX.Element;
+declare function MenubarItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: MenubarItemProps): JSX.Element;
 type MenubarCheckboxItemProps = ComponentProps<typeof MenubarPrimitive.CheckboxItem>;
-declare function MenubarCheckboxItem({ checked, children, className, ...props }: MenubarCheckboxItemProps): JSX.Element;
+declare function MenubarCheckboxItem({
+  checked,
+  children,
+  className,
+  ...props
+}: MenubarCheckboxItemProps): JSX.Element;
 type MenubarRadioItemProps = ComponentProps<typeof MenubarPrimitive.RadioItem>;
-declare function MenubarRadioItem({ children, className, ...props }: MenubarRadioItemProps): JSX.Element;
+declare function MenubarRadioItem({
+  children,
+  className,
+  ...props
+}: MenubarRadioItemProps): JSX.Element;
 interface MenubarLabelProps extends ComponentProps<typeof MenubarPrimitive.Label> {
-    inset?: boolean;
+  inset?: boolean;
 }
-declare function MenubarLabel({ className, inset, ...props }: MenubarLabelProps): JSX.Element;
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: MenubarLabelProps): JSX.Element;
 type MenubarSeparatorProps = ComponentProps<typeof MenubarPrimitive.Separator>;
-declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): JSX.Element;
+declare function MenubarSeparator({
+  className,
+  ...props
+}: MenubarSeparatorProps): JSX.Element;
 type MenubarShortcutProps = ComponentProps<"span">;
-declare function MenubarShortcut({ className, ...props }: MenubarShortcutProps): JSX.Element;
+declare function MenubarShortcut({
+  className,
+  ...props
+}: MenubarShortcutProps): JSX.Element;
 type MenubarArrowProps = ComponentProps<typeof MenubarPrimitive.Arrow>;
-declare function MenubarArrow({ className, ...props }: MenubarArrowProps): JSX.Element;
-export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
-export type { MenubarArrowProps, MenubarCheckboxItemProps, MenubarContentProps, MenubarGroupProps, MenubarItemProps, MenubarLabelProps, MenubarMenuProps, MenubarProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarSeparatorProps, MenubarShortcutProps, MenubarSubContentProps, MenubarSubProps, MenubarSubTriggerProps, MenubarTriggerProps, };
+declare function MenubarArrow({
+  className,
+  ...props
+}: MenubarArrowProps): JSX.Element;
+//#endregion
+export { Menubar, MenubarArrow, type MenubarArrowProps, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, type MenubarGroupProps, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, type MenubarSubProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps };