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

package/src/variants/sidebar.ts

@@ -0,0 +1,61 @@
+import type { VariantProps } from "#/lib/utils";
+
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: SidebarMenuButton
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @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))]",
+      ],
+    },
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { sidebarMenuButtonVariants };
+export type { SidebarMenuButtonVariants };

package/src/variants/toggle.ts

@@ -0,0 +1,59 @@
+import type { VariantProps } from "#/lib/utils";
+
+import { tv } from "#/lib/utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: Toggle
+ * -------------------------------------------------------------------------- */
+
+/**
+ * @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",
+  },
+});
+
+/**
+ * @since 0.3.16-canary.0
+ */
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { toggleVariants };
+export type { ToggleVariants };

package/dist/node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/clsx.d.mts

@@ -1,6 +0,0 @@
-//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/clsx.d.mts
-type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
-type ClassDictionary = Record<string, any>;
-type ClassArray = ClassValue[];
-//#endregion
-export { ClassValue };