@camox/ui 0.41.1 → 0.43.0

package/dist/components/badge.d.ts

@@ -5,8 +5,8 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-  size?: "sm" | "default" | null | undefined;
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Badge({
   className,

package/dist/components/button.d.ts

@@ -5,8 +5,8 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | "default" | "lg" | "icon" | "icon-lg" | null | undefined;
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Button({
   className,

package/dist/components/command.d.ts

@@ -24,8 +24,11 @@ declare function CommandDialog({
 }): _$react_jsx_runtime0.JSX.Element;
 declare function CommandInput({
   className,
+  inputGroupClassName,
   ...props
-}: React.ComponentProps<typeof Command$1.Input>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Input> & {
+  inputGroupClassName?: string;
+}): _$react_jsx_runtime0.JSX.Element;
 declare function CommandList({
   className,
   ...props

package/dist/components/command.js

@@ -27,12 +27,12 @@ function CommandDialog({ title = "Command Palette", description = "Search for a
 		})]
 	});
 }
-function CommandInput({ className, ...props }) {
+function CommandInput({ className, inputGroupClassName, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "command-input-wrapper",
 		className: "p-1 pb-0",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
-			className: "border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!",
+			className: cn("border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!", inputGroupClassName),
 			children: [/* @__PURE__ */ jsx(Command$1.Input, {
 				"data-slot": "command-input",
 				className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),

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

@@ -18,7 +18,7 @@ declare function InputGroupAddon({
   ...props
 }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): _$react_jsx_runtime0.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-  size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+  size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function InputGroupButton({
   className,

package/dist/components/tabs.d.ts

@@ -10,7 +10,7 @@ declare function Tabs({
   ...props
 }: Tabs$1.Root.Props): _$react_jsx_runtime0.JSX.Element;
 declare const tabsListVariants: (props?: ({
-  variant?: "line" | "default" | null | undefined;
+  variant?: "default" | "line" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function TabsList({
   className,

package/dist/components/toggle.d.ts

@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 //#region src/components/toggle.d.ts
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "default" | "lg" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Toggle({
   className,

package/dist/lib/utils.d.ts

@@ -5,6 +5,6 @@ declare function cn(...inputs: Array<ClassValue>): string;
 /** Shared focus-ring + validation styles for all input-like elements (Input, Textarea, ContentEditable, etc.) */
 declare const INPUT_FOCUS_STYLES = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive";
 /** Shared base styles for input-like elements (border, text, shadow, transition, outline) */
-declare const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
+declare const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30";
 //#endregion
 export { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn };

package/dist/lib/utils.js

@@ -8,7 +8,7 @@ function cn(...inputs) {
 /** Shared focus-ring + validation styles for all input-like elements (Input, Textarea, ContentEditable, etc.) */
 const INPUT_FOCUS_STYLES = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive";
 /** Shared base styles for input-like elements (border, text, shadow, transition, outline) */
-const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
+const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30";
 
 //#endregion
 export { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camox/ui",
-  "version": "0.41.1",
+  "version": "0.43.0",
   "license": "MIT",
   "files": [
     "dist"