@pixpilot/shadcn-ui 0.18.0 → 0.19.0

package/dist/Select.cjs

@@ -8,13 +8,38 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/Select.tsx
 function Select(props) {
-	const { options, value = "", onChange, placeholder, contentProps,...restProps } = props;
+	const { options, value = "", onChange, placeholder, contentProps, keyboardMode = "dropdown", open: openProp, onOpenChange: onOpenChangeProp,...restProps } = props;
+	const [uncontrolledOpen, setUncontrolledOpen] = react.default.useState(false);
+	const open = openProp ?? uncontrolledOpen;
+	const handleOpenChange = (nextOpen) => {
+		if (openProp === void 0) setUncontrolledOpen(nextOpen);
+		onOpenChangeProp?.(nextOpen);
+	};
+	const handleTriggerKeyDown = (event) => {
+		if (keyboardMode !== "cycle") return;
+		if (open) return;
+		if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+		event.preventDefault();
+		event.stopPropagation();
+		if (!options || options.length === 0) return;
+		const currentIndex = options.findIndex((option) => String(option.value) === value);
+		const optionCount = options.length;
+		let nextIndex = 0;
+		if (event.key === "ArrowDown") nextIndex = currentIndex >= 0 ? (currentIndex + 1) % optionCount : 0;
+		else nextIndex = currentIndex >= 0 ? (currentIndex - 1 + optionCount) % optionCount : optionCount - 1;
+		const nextValue = String(options[nextIndex]?.value ?? "");
+		if (!nextValue || nextValue === value) return;
+		onChange?.(nextValue);
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
 		value,
 		onValueChange: onChange,
+		open,
+		onOpenChange: handleOpenChange,
 		...restProps,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
 			className: "w-full",
+			onKeyDown: handleTriggerKeyDown,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder })
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, {
 			...contentProps,

package/dist/Select.d.cts

@@ -13,6 +13,7 @@ type BaseSelectProps = {
   value?: string;
   onChange?: (value: string) => void;
   placeholder?: string;
+  keyboardMode?: 'cycle' | 'dropdown';
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
 declare function Select$1(props: BaseSelectProps): react_jsx_runtime3.JSX.Element;
 //#endregion

package/dist/Select.d.ts

@@ -13,6 +13,7 @@ type BaseSelectProps = {
   value?: string;
   onChange?: (value: string) => void;
   placeholder?: string;
+  keyboardMode?: 'cycle' | 'dropdown';
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
 declare function Select$1(props: BaseSelectProps): react_jsx_runtime3.JSX.Element;
 //#endregion

package/dist/Select.js

@@ -4,13 +4,38 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/Select.tsx
 function Select$1(props) {
-	const { options, value = "", onChange, placeholder, contentProps,...restProps } = props;
+	const { options, value = "", onChange, placeholder, contentProps, keyboardMode = "dropdown", open: openProp, onOpenChange: onOpenChangeProp,...restProps } = props;
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const open = openProp ?? uncontrolledOpen;
+	const handleOpenChange = (nextOpen) => {
+		if (openProp === void 0) setUncontrolledOpen(nextOpen);
+		onOpenChangeProp?.(nextOpen);
+	};
+	const handleTriggerKeyDown = (event) => {
+		if (keyboardMode !== "cycle") return;
+		if (open) return;
+		if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+		event.preventDefault();
+		event.stopPropagation();
+		if (!options || options.length === 0) return;
+		const currentIndex = options.findIndex((option) => String(option.value) === value);
+		const optionCount = options.length;
+		let nextIndex = 0;
+		if (event.key === "ArrowDown") nextIndex = currentIndex >= 0 ? (currentIndex + 1) % optionCount : 0;
+		else nextIndex = currentIndex >= 0 ? (currentIndex - 1 + optionCount) % optionCount : optionCount - 1;
+		const nextValue = String(options[nextIndex]?.value ?? "");
+		if (!nextValue || nextValue === value) return;
+		onChange?.(nextValue);
+	};
 	return /* @__PURE__ */ jsxs(Select, {
 		value,
 		onValueChange: onChange,
+		open,
+		onOpenChange: handleOpenChange,
 		...restProps,
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			className: "w-full",
+			onKeyDown: handleTriggerKeyDown,
 			children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
 		}), /* @__PURE__ */ jsx(SelectContent, {
 			...contentProps,

package/dist/file-upload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime7.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/input/Input.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/input/Input.d.ts
 type InputProps$1 = InputProps & {
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input$1(props: InputProps$1): react_jsx_runtime6.JSX.Element;
+declare function Input$1(props: InputProps$1): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Input$1 as Input, InputProps$1 as InputProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -58,9 +58,9 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "@internal/eslint-config": "0.3.0",
-    "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
+    "@internal/hooks": "0.0.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },