@codefast/ui 0.3.16-canary.2 → 0.3.16-canary.3

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,50 @@
+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 overflow-auto",
+		"bg-background shadow-lg",
+		"ease-ui data-open:animate-in data-open:animation-duration-500",
+		"data-closed:animate-out data-closed:animation-duration-500",
+		"motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0"
+	],
+	defaultVariants: { side: "right" },
+	variants: { side: {
+		bottom: [
+			"max-h-[80dvh]",
+			"inset-x-0 bottom-0",
+			"rounded-t-2xl border-t",
+			"pb-[env(safe-area-inset-bottom)]",
+			"data-open:slide-in-from-bottom",
+			"data-closed:slide-out-to-bottom"
+		],
+		left: [
+			"h-full w-3/4",
+			"inset-y-0 left-0",
+			"border-r",
+			"sm:max-w-sm",
+			"data-open:slide-in-from-left",
+			"data-closed:slide-out-to-left"
+		],
+		right: [
+			"h-full w-3/4",
+			"inset-y-0 right-0",
+			"border-l",
+			"sm:max-w-sm",
+			"data-open:slide-in-from-right",
+			"data-closed:slide-out-to-right"
+		],
+		top: [
+			"max-h-[80vh]",
+			"inset-x-0 top-0",
+			"border-b",
+			"data-open:slide-in-from-top",
+			"data-closed:slide-out-to-top"
+		]
+	} }
+});
+//#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: {
+    sm: string[];
+    md: 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,42 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/sidebar.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const sidebarMenuButtonVariants = tv({
+	base: [
+		"peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2",
+		"rounded-md ring-sidebar-ring outline-hidden",
+		"text-left text-sm",
+		"transition-[width,height,padding]",
+		"motion-reduce:transition-none motion-reduce:duration-0",
+		"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-3",
+		"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",
+		"[&>span:last-child]:truncate",
+		"[&>svg]:size-4 [&>svg]:shrink-0"
+	],
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			sm: ["h-7", "text-xs"],
+			md: ["h-8", "text-sm"],
+			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_hsl(var(--sidebar-border))]", "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"]
+		}
+	}
+});
+//#endregion
+export { sidebarMenuButtonVariants };

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[];
+    lg: string[];
+    sm: 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,43 @@
+import { tv } from "../lib/utils.mjs";
+//#region src/variants/toggle.ts
+/**
+* @since 0.3.16-canary.0
+*/
+const toggleVariants = tv({
+	base: [
+		"inline-flex items-center justify-center gap-2",
+		"rounded-lg outline-none",
+		"text-sm font-medium whitespace-nowrap",
+		"transition-[color,background-color,box-shadow] duration-150 ease-snappy",
+		"motion-reduce:transition-none motion-reduce:duration-0",
+		"active:not-disabled:translate-y-px",
+		"hover:bg-muted hover:text-muted-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",
+		"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+		"dark:aria-invalid:ring-destructive/40",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+	],
+	variants: {
+		size: {
+			default: ["h-9 min-w-9", "px-2"],
+			lg: ["h-10 min-w-10", "px-2.5"],
+			sm: ["h-8 min-w-8", "px-1.5"]
+		},
+		variant: {
+			default: "bg-transparent",
+			outline: [
+				"border border-input",
+				"bg-transparent shadow-xs",
+				"hover:bg-accent hover:text-accent-foreground"
+			]
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	}
+});
+//#endregion
+export { toggleVariants };