design-zystem 1.0.460 → 1.0.461

package/dist/ui/index.d.mts

@@ -2175,6 +2175,8 @@ declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeC
 interface TimeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
     value: string;
     onChange: (value: string) => void;
+    /** Largeur du champ — un format `HH:mm` n'a pas besoin de s'étirer en pleine largeur. */
+    width?: string;
 }
 /**
  * Champ heure en texte libre (`HH:mm`), icône horloge posée dans le champ —

package/dist/ui/index.d.ts

@@ -2175,6 +2175,8 @@ declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeC
 interface TimeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
     value: string;
     onChange: (value: string) => void;
+    /** Largeur du champ — un format `HH:mm` n'a pas besoin de s'étirer en pleine largeur. */
+    width?: string;
 }
 /**
  * Champ heure en texte libre (`HH:mm`), icône horloge posée dans le champ —

package/dist/ui/index.js

@@ -10239,8 +10239,8 @@ var import_jsx_runtime120 = require("react/jsx-runtime");
 var formatDigitsAsTime = (digits) => [digits.slice(0, 2), digits.slice(2, 4)].filter(Boolean).join(":");
 var TimeInput = (0, import_react67.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { value, onChange, className } = _b, props = __objRest(_b, ["value", "onChange", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative w-full", children: [
+    var _b = _a, { value, onChange, className, width = "110px", style } = _b, props = __objRest(_b, ["value", "onChange", "className", "width", "style"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative", style: __spreadValues({ width }, style), children: [
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         Input,
         __spreadValues({
@@ -10253,7 +10253,7 @@ var TimeInput = (0, import_react67.forwardRef)(
             const digits = e.target.value.replace(/\D/g, "").slice(0, 4);
             onChange(formatDigitsAsTime(digits));
           },
-          className: cn("pr-8", className)
+          className: cn("w-full pr-8", className)
         }, props)
       ),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(

package/dist/ui/index.mjs

@@ -10054,8 +10054,8 @@ import { jsx as jsx120, jsxs as jsxs71 } from "react/jsx-runtime";
 var formatDigitsAsTime = (digits) => [digits.slice(0, 2), digits.slice(2, 4)].filter(Boolean).join(":");
 var TimeInput = forwardRef38(
   (_a, ref) => {
-    var _b = _a, { value, onChange, className } = _b, props = __objRest(_b, ["value", "onChange", "className"]);
-    return /* @__PURE__ */ jsxs71("div", { className: "relative w-full", children: [
+    var _b = _a, { value, onChange, className, width = "110px", style } = _b, props = __objRest(_b, ["value", "onChange", "className", "width", "style"]);
+    return /* @__PURE__ */ jsxs71("div", { className: "relative", style: __spreadValues({ width }, style), children: [
       /* @__PURE__ */ jsx120(
         Input,
         __spreadValues({
@@ -10068,7 +10068,7 @@ var TimeInput = forwardRef38(
             const digits = e.target.value.replace(/\D/g, "").slice(0, 4);
             onChange(formatDigitsAsTime(digits));
           },
-          className: cn("pr-8", className)
+          className: cn("w-full pr-8", className)
         }, props)
       ),
       /* @__PURE__ */ jsx120(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.460",
+  "version": "1.0.461",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",