@noya-app/noya-designsystem 0.0.8 → 0.0.9

package/dist/index.mjs

@@ -2008,14 +2008,9 @@ var DividerVertical = memo11(function DividerVertical2(props) {
 import React22, { forwardRef as forwardRef8, memo as memo14 } from "react";
 import styled18 from "styled-components";
 
-// ../noya-file-format/dist/index.mjs
-var __defProp2 = Object.defineProperty;
-var __export2 = (target, all) => {
-  for (var name in all)
-    __defProp2(target, name, { get: all[name], enumerable: true });
-};
+// ../noya-file-format/src/types.ts
 var types_exports = {};
-__export2(types_exports, {
+__export(types_exports, {
   AnimationType: () => AnimationType,
   BlendMode: () => BlendMode,
   BlurType: () => BlurType,
@@ -5374,6 +5369,42 @@ var ArrayController = memo27(function ArrayController2({
     ))))
   ) : indexes.map(renderRow)), expanded && renderExpandedContent?.());
 });
+
+// src/components/DimensionInput.tsx
+import { round } from "@noya-app/noya-utils";
+import React40, { memo as memo28, useCallback as useCallback18 } from "react";
+function getNewValue(value, mode, delta) {
+  return delta === void 0 ? value : mode === "replace" ? delta : value + delta;
+}
+var DimensionInput = memo28(function DimensionInput2({
+  id,
+  value,
+  onSetValue,
+  label,
+  size: size2,
+  placeholder = "multi",
+  disabled,
+  trigger = "submit"
+}) {
+  const handleNudgeValue = useCallback18(
+    (value2) => onSetValue(value2, "adjust"),
+    [onSetValue]
+  );
+  const handleSetValue = useCallback18(
+    (value2) => onSetValue(value2, "replace"),
+    [onSetValue]
+  );
+  return /* @__PURE__ */ React40.createElement(InputField.Root, { id, width: size2 }, /* @__PURE__ */ React40.createElement(
+    InputField.NumberInput,
+    {
+      value: value === void 0 ? value : round(value, 2),
+      placeholder: value === void 0 ? placeholder : void 0,
+      onNudge: handleNudgeValue,
+      disabled,
+      ...trigger === "change" ? { onChange: handleSetValue } : { onSubmit: handleSetValue }
+    }
+  ), label && /* @__PURE__ */ React40.createElement(InputField.Label, null, label));
+});
 export {
   ActivityIndicator,
   ArrayController,
@@ -5389,6 +5420,7 @@ export {
   DesignSystemConfigurationProvider,
   Dialog,
   DialogProvider,
+  DimensionInput,
   Divider,
   DividerVertical,
   DropdownMenu,
@@ -5441,6 +5473,7 @@ export {
   fuzzyScore,
   fuzzyTokenize,
   getGradientBackground,
+  getNewValue,
   isLeftButtonClicked,
   isRightButtonClicked,
   light_exports as lightTheme,