@codefast/ui 0.3.16-canary.2 → 0.4.0-canary.4

package/dist/variants/item.d.mts

@@ -0,0 +1,38 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/item.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const itemVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  size: {
+    default: string;
+    sm: string;
+    xs: string;
+  };
+  variant: {
+    default: string;
+    muted: string;
+    outline: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const itemMediaVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  variant: {
+    default: string;
+    icon: string;
+    image: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type ItemVariants = VariantProps<typeof itemVariants>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type ItemMediaVariants = VariantProps<typeof itemMediaVariants>;
+//#endregion
+export { type ItemMediaVariants, type ItemVariants, itemMediaVariants, itemVariants };

package/dist/variants/item.mjs

@@ -0,0 +1,38 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/item.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const itemVariants = tv({
+	base: "group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "gap-3.5 px-4 py-3.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+		},
+		variant: {
+			default: "border-transparent",
+			muted: "border-transparent bg-muted/50",
+			outline: "border-border"
+		}
+	}
+});
+/**
+* @since 0.3.16-canary.0
+*/
+const itemMediaVariants = tv({
+	base: "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} }
+});
+//#endregion
+export { itemMediaVariants, itemVariants };

package/dist/variants/navigation-menu.d.mts

@@ -0,0 +1,13 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/navigation-menu.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const navigationMenuTriggerVariants: import("@codefast/tailwind-variants").VariantResolver<Record<never, never>, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type NavigationMenuTriggerVariants = VariantProps<typeof navigationMenuTriggerVariants>;
+//#endregion
+export { type NavigationMenuTriggerVariants, navigationMenuTriggerVariants };

package/dist/variants/navigation-menu.mjs

@@ -0,0 +1,8 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/navigation-menu.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const navigationMenuTriggerVariants = tv({ base: "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted" });
+//#endregion
+export { navigationMenuTriggerVariants };

package/dist/variants/progress-circle.d.mts

@@ -0,0 +1,52 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/progress-circle.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const progressCircleVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  size: {
+    sm: {
+      label: string;
+    };
+    md: {
+      label: string;
+    };
+    lg: {
+      label: string;
+    };
+    xl: {
+      label: string;
+    };
+    "2xl": {
+      label: string;
+    };
+  };
+  thickness: {
+    regular: {};
+    thick: {};
+    thin: {};
+  };
+  variant: {
+    default: {
+      indicator: string;
+      track: string;
+    };
+    destructive: {
+      indicator: string;
+      track: string;
+    };
+  };
+}, {
+  indicator: string;
+  label: string;
+  root: string;
+  svg: string;
+  track: string;
+}>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type ProgressCircleVariants = VariantProps<typeof progressCircleVariants>;
+//#endregion
+export { type ProgressCircleVariants, progressCircleVariants };

package/dist/variants/progress-circle.mjs

@@ -0,0 +1,45 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/progress-circle.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const progressCircleVariants = tv({
+	defaultVariants: {
+		size: "md",
+		thickness: "regular",
+		variant: "default"
+	},
+	slots: {
+		indicator: "origin-center",
+		label: "absolute inset-0 flex items-center justify-center text-xs font-medium",
+		root: "relative inline-flex items-center justify-center",
+		svg: "size-full",
+		track: "origin-center"
+	},
+	variants: {
+		size: {
+			sm: { label: "text-[0.625rem]" },
+			md: { label: "text-xs" },
+			lg: { label: "text-sm" },
+			xl: { label: "text-base" },
+			"2xl": { label: "text-lg" }
+		},
+		thickness: {
+			regular: {},
+			thick: {},
+			thin: {}
+		},
+		variant: {
+			default: {
+				indicator: "text-primary",
+				track: "text-primary/20"
+			},
+			destructive: {
+				indicator: "text-destructive",
+				track: "text-destructive/20"
+			}
+		}
+	}
+});
+//#endregion
+export { progressCircleVariants };

package/dist/variants/scroll-area.d.mts

@@ -0,0 +1,24 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/scroll-area.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const scrollAreaScrollbarVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+  size: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type ScrollAreaScrollbarVariants = VariantProps<typeof scrollAreaScrollbarVariants>;
+//#endregion
+export { type ScrollAreaScrollbarVariants, scrollAreaScrollbarVariants };

package/dist/variants/scroll-area.mjs

@@ -0,0 +1,58 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/scroll-area.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const scrollAreaScrollbarVariants = tv({
+	base: "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
+	compoundVariants: [
+		{
+			className: "w-1.5",
+			orientation: "vertical",
+			size: "sm"
+		},
+		{
+			className: "w-2",
+			orientation: "vertical",
+			size: "md"
+		},
+		{
+			className: "w-2.5",
+			orientation: "vertical",
+			size: "lg"
+		},
+		{
+			className: "h-1.5",
+			orientation: "horizontal",
+			size: "sm"
+		},
+		{
+			className: "h-2",
+			orientation: "horizontal",
+			size: "md"
+		},
+		{
+			className: "h-2.5",
+			orientation: "horizontal",
+			size: "lg"
+		}
+	],
+	defaultVariants: {
+		orientation: "vertical",
+		size: "md"
+	},
+	variants: {
+		orientation: {
+			horizontal: "",
+			vertical: ""
+		},
+		size: {
+			none: "",
+			sm: "",
+			md: "",
+			lg: ""
+		}
+	}
+});
+//#endregion
+export { scrollAreaScrollbarVariants };

package/dist/variants/separator.d.mts

@@ -0,0 +1,23 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/separator.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const separatorVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  align: {
+    center: string;
+    end: string;
+    start: string;
+  };
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type SeparatorVariants = VariantProps<typeof separatorVariants>;
+//#endregion
+export { type SeparatorVariants, separatorVariants };

package/dist/variants/separator.mjs

@@ -0,0 +1,25 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/separator.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const separatorVariants = tv({
+	base: "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+	defaultVariants: {
+		align: "center",
+		orientation: "horizontal"
+	},
+	variants: {
+		align: {
+			center: "relative flex items-center justify-center",
+			end: "relative flex items-center justify-end",
+			start: "relative flex items-center justify-start"
+		},
+		orientation: {
+			horizontal: "",
+			vertical: ""
+		}
+	}
+});
+//#endregion
+export { separatorVariants };

package/dist/variants/sheet.d.mts

@@ -0,0 +1,20 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/sheet.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const sheetContentVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  side: {
+    bottom: string;
+    left: string;
+    right: string;
+    top: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type SheetContentVariants = VariantProps<typeof sheetContentVariants>;
+//#endregion
+export { type SheetContentVariants, sheetContentVariants };

package/dist/variants/sheet.mjs

@@ -0,0 +1,17 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/sheet.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const sheetContentVariants = tv({
+	base: "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition ease-ui data-open:animate-in data-open:animation-duration-panel-in data-open:fade-in-0 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-panel-out data-closed:fade-out-0",
+	defaultVariants: { side: "right" },
+	variants: { side: {
+		bottom: "inset-x-0 bottom-0 h-auto border-t data-open:slide-in-from-bottom-10 data-closed:slide-out-to-bottom-10",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm data-open:slide-in-from-left-10 data-closed:slide-out-to-left-10",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm data-open:slide-in-from-right-10 data-closed:slide-out-to-right-10",
+		top: "inset-x-0 top-0 h-auto border-b data-open:slide-in-from-top-10 data-closed:slide-out-to-top-10"
+	} }
+});
+//#endregion
+export { sheetContentVariants };

package/dist/variants/sidebar.d.mts

@@ -0,0 +1,23 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/sidebar.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const sidebarMenuButtonVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  size: {
+    default: string;
+    sm: string;
+    lg: string;
+  };
+  variant: {
+    default: string;
+    outline: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
+//#endregion
+export { type SidebarMenuButtonVariants, sidebarMenuButtonVariants };

package/dist/variants/sidebar.mjs

@@ -0,0 +1,25 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/sidebar.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const sidebarMenuButtonVariants = tv({
+	base: "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		},
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+		}
+	}
+});
+//#endregion
+export { sidebarMenuButtonVariants };

package/dist/variants/tabs.d.mts

@@ -0,0 +1,18 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/tabs.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const tabsListVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  variant: {
+    default: string;
+    line: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type TabsListVariants = VariantProps<typeof tabsListVariants>;
+//#endregion
+export { type TabsListVariants, tabsListVariants };

package/dist/variants/tabs.mjs

@@ -0,0 +1,15 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/tabs.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const tabsListVariants = tv({
+	base: "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-0.75 text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} }
+});
+//#endregion
+export { tabsListVariants };

package/dist/variants/toggle.d.mts

@@ -0,0 +1,23 @@
+import { VariantProps } from "../lib/utils.mjs";
+
+//#region src/variants/toggle.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
+declare const toggleVariants: import("@codefast/tailwind-variants").VariantResolver<{
+  size: {
+    default: string;
+    sm: string;
+    lg: string;
+  };
+  variant: {
+    default: string;
+    outline: string;
+  };
+}, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+//#endregion
+export { type ToggleVariants, toggleVariants };

package/dist/variants/toggle.mjs

@@ -0,0 +1,25 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/toggle.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const toggleVariants = tv({
+	base: "group/toggle inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			sm: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+			lg: "h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+		},
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-muted"
+		}
+	}
+});
+//#endregion
+export { toggleVariants };