@duskmoon-dev/components 0.4.1 → 0.5.1

package/dist/components/dm-pro-table/index.js

@@ -2147,6 +2147,7 @@ var SelectRoot = forwardRef6(({
   "aria-invalid": ariaInvalid,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
+  "aria-required": ariaRequired,
   children,
   className,
   defaultValue,
@@ -2283,6 +2284,7 @@ var SelectRoot = forwardRef6(({
         "aria-invalid": ariaInvalid,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-required": ariaRequired,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         onClick: () => setOpen((current) => !current),
@@ -2297,7 +2299,20 @@ var SelectRoot = forwardRef6(({
           /* @__PURE__ */ jsx8("span", {
             className: selectIconClass,
             "aria-hidden": "true",
-            children: "v"
+            children: /* @__PURE__ */ jsx8("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx8("path", {
+                d: "m6 9 6 6 6-6"
+              })
+            })
           })
         ]
       }),
@@ -2306,7 +2321,19 @@ var SelectRoot = forwardRef6(({
         className: selectClearClass,
         "aria-label": "Clear selection",
         onClick: clearValue,
-        children: "x"
+        children: /* @__PURE__ */ jsx8("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx8("path", {
+            d: "m6 6 12 12M6 18 18 6"
+          })
+        })
       }) : null,
       open ? /* @__PURE__ */ jsxs7("div", {
         className: selectDropdownClass,

package/dist/components/dm-query/index.js

@@ -1645,6 +1645,7 @@ var SelectRoot = forwardRef4(({
   "aria-invalid": ariaInvalid,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
+  "aria-required": ariaRequired,
   children,
   className,
   defaultValue,
@@ -1781,6 +1782,7 @@ var SelectRoot = forwardRef4(({
         "aria-invalid": ariaInvalid,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-required": ariaRequired,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         onClick: () => setOpen((current) => !current),
@@ -1795,7 +1797,20 @@ var SelectRoot = forwardRef4(({
           /* @__PURE__ */ jsx5("span", {
             className: selectIconClass,
             "aria-hidden": "true",
-            children: "v"
+            children: /* @__PURE__ */ jsx5("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx5("path", {
+                d: "m6 9 6 6 6-6"
+              })
+            })
           })
         ]
       }),
@@ -1804,7 +1819,19 @@ var SelectRoot = forwardRef4(({
         className: selectClearClass,
         "aria-label": "Clear selection",
         onClick: clearValue,
-        children: "x"
+        children: /* @__PURE__ */ jsx5("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx5("path", {
+            d: "m6 6 12 12M6 18 18 6"
+          })
+        })
       }) : null,
       open ? /* @__PURE__ */ jsxs5("div", {
         className: selectDropdownClass,

package/dist/components/dm-search/index.js

@@ -1637,6 +1637,7 @@ var SelectRoot = forwardRef4(({
   "aria-invalid": ariaInvalid,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
+  "aria-required": ariaRequired,
   children,
   className,
   defaultValue,
@@ -1773,6 +1774,7 @@ var SelectRoot = forwardRef4(({
         "aria-invalid": ariaInvalid,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-required": ariaRequired,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         onClick: () => setOpen((current) => !current),
@@ -1787,7 +1789,20 @@ var SelectRoot = forwardRef4(({
           /* @__PURE__ */ jsx5("span", {
             className: selectIconClass,
             "aria-hidden": "true",
-            children: "v"
+            children: /* @__PURE__ */ jsx5("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx5("path", {
+                d: "m6 9 6 6 6-6"
+              })
+            })
           })
         ]
       }),
@@ -1796,7 +1811,19 @@ var SelectRoot = forwardRef4(({
         className: selectClearClass,
         "aria-label": "Clear selection",
         onClick: clearValue,
-        children: "x"
+        children: /* @__PURE__ */ jsx5("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx5("path", {
+            d: "m6 6 12 12M6 18 18 6"
+          })
+        })
       }) : null,
       open ? /* @__PURE__ */ jsxs5("div", {
         className: selectDropdownClass,

package/dist/components/dm-table/index.js

@@ -2137,6 +2137,7 @@ var SelectRoot = forwardRef6(({
   "aria-invalid": ariaInvalid,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
+  "aria-required": ariaRequired,
   children,
   className,
   defaultValue,
@@ -2273,6 +2274,7 @@ var SelectRoot = forwardRef6(({
         "aria-invalid": ariaInvalid,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-required": ariaRequired,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         onClick: () => setOpen((current) => !current),
@@ -2287,7 +2289,20 @@ var SelectRoot = forwardRef6(({
           /* @__PURE__ */ jsx8("span", {
             className: selectIconClass,
             "aria-hidden": "true",
-            children: "v"
+            children: /* @__PURE__ */ jsx8("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx8("path", {
+                d: "m6 9 6 6 6-6"
+              })
+            })
           })
         ]
       }),
@@ -2296,7 +2311,19 @@ var SelectRoot = forwardRef6(({
         className: selectClearClass,
         "aria-label": "Clear selection",
         onClick: clearValue,
-        children: "x"
+        children: /* @__PURE__ */ jsx8("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx8("path", {
+            d: "m6 6 12 12M6 18 18 6"
+          })
+        })
       }) : null,
       open ? /* @__PURE__ */ jsxs7("div", {
         className: selectDropdownClass,

package/dist/components/input-number/index.js

@@ -88,6 +88,7 @@ var InputNumber = forwardRef(({
   onStep,
   parser = parseNumber,
   precision,
+  readOnly,
   size = "md",
   status,
   step = 1,
@@ -107,7 +108,7 @@ var InputNumber = forwardRef(({
     return normalized;
   }
   function stepValue(type) {
-    if (disabled)
+    if (disabled || readOnly)
       return;
     const offset = type === "up" ? step : -step;
     const base = typeof currentValue === "number" ? currentValue : 0;
@@ -129,11 +130,15 @@ var InputNumber = forwardRef(({
         inputMode: "decimal",
         className: inputNumberInputClass,
         disabled,
+        readOnly,
         value: displayValue,
-        onChange: (event) => emitChange(parser(event.currentTarget.value)),
+        onChange: (event) => {
+          if (!readOnly)
+            emitChange(parser(event.currentTarget.value));
+        },
         onKeyDown: (event) => {
           onKeyDown?.(event);
-          if (!keyboard || event.defaultPrevented)
+          if (readOnly || !keyboard || event.defaultPrevented)
             return;
           if (event.key === "ArrowUp") {
             event.preventDefault();
@@ -151,7 +156,7 @@ var InputNumber = forwardRef(({
           /* @__PURE__ */ jsx("button", {
             type: "button",
             className: inputNumberControlClass,
-            disabled: disabled || max !== undefined && Number(currentValue) >= max,
+            disabled: disabled || readOnly || max !== undefined && Number(currentValue) >= max,
             "aria-label": "Increase value",
             onClick: () => stepValue("up"),
             children: "+"
@@ -159,7 +164,7 @@ var InputNumber = forwardRef(({
           /* @__PURE__ */ jsx("button", {
             type: "button",
             className: inputNumberControlClass,
-            disabled: disabled || min !== undefined && Number(currentValue) <= min,
+            disabled: disabled || readOnly || min !== undefined && Number(currentValue) <= min,
             "aria-label": "Decrease value",
             onClick: () => stepValue("down"),
             children: "-"

package/dist/components/json-schema-form/JsonSchemaForm.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import type { CompiledForm, FormErrors, RenderableSchema, FormValue } from "./json-schema-form";
 export type JsonSchemaFormProps = {
+    /** Additional classes for the generated native form; default classes are preserved. */
+    className?: string;
     value?: FormValue;
     defaultValue?: FormValue;
     onChange?: (value: FormValue) => void;
@@ -16,4 +18,4 @@ export type JsonSchemaFormProps = {
     schema: RenderableSchema;
     compiled?: never;
 });
-export declare function JsonSchemaForm({ compiled: suppliedCompiled, schema, value: controlledValue, defaultValue, onChange, errors: suppliedErrors, onErrorsChange, onSubmit, onReset, }: JsonSchemaFormProps): React.JSX.Element;
+export declare function JsonSchemaForm({ className, compiled: suppliedCompiled, schema, value: controlledValue, defaultValue, onChange, errors: suppliedErrors, onErrorsChange, onSubmit, onReset, }: JsonSchemaFormProps): React.JSX.Element;

package/dist/components/json-schema-form/index.js

@@ -3328,6 +3328,7 @@ var InputNumber = forwardRef11(({
   onStep,
   parser = parseNumber,
   precision,
+  readOnly,
   size = "md",
   status,
   step = 1,
@@ -3347,7 +3348,7 @@ var InputNumber = forwardRef11(({
     return normalized;
   }
   function stepValue(type) {
-    if (disabled)
+    if (disabled || readOnly)
       return;
     const offset = type === "up" ? step : -step;
     const base = typeof currentValue === "number" ? currentValue : 0;
@@ -3369,11 +3370,15 @@ var InputNumber = forwardRef11(({
         inputMode: "decimal",
         className: inputNumberInputClass,
         disabled,
+        readOnly,
         value: displayValue,
-        onChange: (event) => emitChange(parser(event.currentTarget.value)),
+        onChange: (event) => {
+          if (!readOnly)
+            emitChange(parser(event.currentTarget.value));
+        },
         onKeyDown: (event) => {
           onKeyDown?.(event);
-          if (!keyboard || event.defaultPrevented)
+          if (readOnly || !keyboard || event.defaultPrevented)
             return;
           if (event.key === "ArrowUp") {
             event.preventDefault();
@@ -3391,7 +3396,7 @@ var InputNumber = forwardRef11(({
           /* @__PURE__ */ jsx12("button", {
             type: "button",
             className: inputNumberControlClass,
-            disabled: disabled || max !== undefined && Number(currentValue) >= max,
+            disabled: disabled || readOnly || max !== undefined && Number(currentValue) >= max,
             "aria-label": "Increase value",
             onClick: () => stepValue("up"),
             children: "+"
@@ -3399,7 +3404,7 @@ var InputNumber = forwardRef11(({
           /* @__PURE__ */ jsx12("button", {
             type: "button",
             className: inputNumberControlClass,
-            disabled: disabled || min !== undefined && Number(currentValue) <= min,
+            disabled: disabled || readOnly || min !== undefined && Number(currentValue) <= min,
             "aria-label": "Decrease value",
             onClick: () => stepValue("down"),
             children: "-"
@@ -4207,6 +4212,7 @@ var SelectRoot = forwardRef16(({
   "aria-invalid": ariaInvalid,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
+  "aria-required": ariaRequired,
   children,
   className,
   defaultValue,
@@ -4343,6 +4349,7 @@ var SelectRoot = forwardRef16(({
         "aria-invalid": ariaInvalid,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-required": ariaRequired,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         onClick: () => setOpen((current) => !current),
@@ -4357,7 +4364,20 @@ var SelectRoot = forwardRef16(({
           /* @__PURE__ */ jsx17("span", {
             className: selectIconClass,
             "aria-hidden": "true",
-            children: "v"
+            children: /* @__PURE__ */ jsx17("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx17("path", {
+                d: "m6 9 6 6 6-6"
+              })
+            })
           })
         ]
       }),
@@ -4366,7 +4386,19 @@ var SelectRoot = forwardRef16(({
         className: selectClearClass,
         "aria-label": "Clear selection",
         onClick: clearValue,
-        children: "x"
+        children: /* @__PURE__ */ jsx17("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx17("path", {
+            d: "m6 6 12 12M6 18 18 6"
+          })
+        })
       }) : null,
       open ? /* @__PURE__ */ jsxs15("div", {
         className: selectDropdownClass,
@@ -7258,6 +7290,7 @@ function newItem(schema) {
   return "";
 }
 function JsonSchemaForm({
+  className,
   compiled: suppliedCompiled,
   schema,
   value: controlledValue,
@@ -7617,7 +7650,7 @@ function JsonSchemaForm({
     ref: formRef,
     className: "schema-form-container",
     children: /* @__PURE__ */ jsxs22("form", {
-      className: "form form-vertical schema-form",
+      className: ["form form-vertical schema-form", className].filter(Boolean).join(" "),
       noValidate: true,
       onSubmit: (event) => {
         event.preventDefault();

package/dist/components/select/index.js

@@ -177,6 +177,7 @@ var SelectRoot = forwardRef(({
   "aria-invalid": ariaInvalid,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
+  "aria-required": ariaRequired,
   children,
   className,
   defaultValue,
@@ -313,6 +314,7 @@ var SelectRoot = forwardRef(({
         "aria-invalid": ariaInvalid,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-required": ariaRequired,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         onClick: () => setOpen((current) => !current),
@@ -327,7 +329,20 @@ var SelectRoot = forwardRef(({
           /* @__PURE__ */ jsx("span", {
             className: selectIconClass,
             "aria-hidden": "true",
-            children: "v"
+            children: /* @__PURE__ */ jsx("svg", {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx("path", {
+                d: "m6 9 6 6 6-6"
+              })
+            })
           })
         ]
       }),
@@ -336,7 +351,19 @@ var SelectRoot = forwardRef(({
         className: selectClearClass,
         "aria-label": "Clear selection",
         onClick: clearValue,
-        children: "x"
+        children: /* @__PURE__ */ jsx("svg", {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "m6 6 12 12M6 18 18 6"
+          })
+        })
       }) : null,
       open ? /* @__PURE__ */ jsxs("div", {
         className: selectDropdownClass,

package/dist/generated/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.4.1";
+export declare const version = "0.5.1";