@noya-app/noya-designsystem 0.0.8 → 0.0.9

package/dist/index.js

@@ -44,6 +44,7 @@ __export(src_exports, {
   DesignSystemConfigurationProvider: () => DesignSystemConfigurationProvider,
   Dialog: () => Dialog,
   DialogProvider: () => DialogProvider,
+  DimensionInput: () => DimensionInput,
   Divider: () => Divider,
   DividerVertical: () => DividerVertical,
   DropdownMenu: () => DropdownMenu,
@@ -96,6 +97,7 @@ __export(src_exports, {
   fuzzyScore: () => fuzzyScore,
   fuzzyTokenize: () => fuzzyTokenize,
   getGradientBackground: () => getGradientBackground,
+  getNewValue: () => getNewValue,
   isLeftButtonClicked: () => isLeftButtonClicked,
   isRightButtonClicked: () => isRightButtonClicked,
   lightTheme: () => light_exports,
@@ -2072,14 +2074,9 @@ var DividerVertical = (0, import_react20.memo)(function DividerVertical2(props)
 var import_react24 = __toESM(require("react"));
 var import_styled_components20 = __toESM(require("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,
@@ -5344,6 +5341,42 @@ var ArrayController = (0, import_react41.memo)(function ArrayController2({
     ))))
   ) : indexes.map(renderRow)), expanded && renderExpandedContent?.());
 });
+
+// src/components/DimensionInput.tsx
+var import_noya_utils8 = require("@noya-app/noya-utils");
+var import_react42 = __toESM(require("react"));
+function getNewValue(value, mode, delta) {
+  return delta === void 0 ? value : mode === "replace" ? delta : value + delta;
+}
+var DimensionInput = (0, import_react42.memo)(function DimensionInput2({
+  id,
+  value,
+  onSetValue,
+  label,
+  size: size2,
+  placeholder = "multi",
+  disabled,
+  trigger = "submit"
+}) {
+  const handleNudgeValue = (0, import_react42.useCallback)(
+    (value2) => onSetValue(value2, "adjust"),
+    [onSetValue]
+  );
+  const handleSetValue = (0, import_react42.useCallback)(
+    (value2) => onSetValue(value2, "replace"),
+    [onSetValue]
+  );
+  return /* @__PURE__ */ import_react42.default.createElement(InputField.Root, { id, width: size2 }, /* @__PURE__ */ import_react42.default.createElement(
+    InputField.NumberInput,
+    {
+      value: value === void 0 ? value : (0, import_noya_utils8.round)(value, 2),
+      placeholder: value === void 0 ? placeholder : void 0,
+      onNudge: handleNudgeValue,
+      disabled,
+      ...trigger === "change" ? { onChange: handleSetValue } : { onSubmit: handleSetValue }
+    }
+  ), label && /* @__PURE__ */ import_react42.default.createElement(InputField.Label, null, label));
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActivityIndicator,
@@ -5360,6 +5393,7 @@ var ArrayController = (0, import_react41.memo)(function ArrayController2({
   DesignSystemConfigurationProvider,
   Dialog,
   DialogProvider,
+  DimensionInput,
   Divider,
   DividerVertical,
   DropdownMenu,
@@ -5412,6 +5446,7 @@ var ArrayController = (0, import_react41.memo)(function ArrayController2({
   fuzzyScore,
   fuzzyTokenize,
   getGradientBackground,
+  getNewValue,
   isLeftButtonClicked,
   isRightButtonClicked,
   lightTheme,