@noya-app/noya-designsystem 0.1.96 → 0.1.97

package/dist/index.mjs

@@ -21722,9 +21722,10 @@ var noop6 = () => {
 var getFieldSpacing = ({
   endWidth = 0,
   startWidth = 0,
+  startInset,
   variant
 }) => ({
-  paddingLeft: `${variant === "bare" ? startWidth : startWidth ? startWidth + 12 : 8}px`,
+  paddingLeft: `${variant === "bare" ? startWidth : startInset !== void 0 && startWidth ? startInset + startWidth + 5 : startWidth ? startWidth + 12 : 8}px`,
   paddingRight: `${variant === "bare" ? endWidth : endWidth ? endWidth + 12 : 8}px`
 });
 var InputFieldDropdownMenu = memoGeneric(function InputFieldDropdownMenu2({ id, items, onSelect, children }) {
@@ -21815,7 +21816,7 @@ var InputElement = forwardRef64(
     attachInputRef = true,
     ...props
   }, forwardedRef) => {
-    const { endWidth, inputRef, size: size4, id, startWidth } = useInputFieldContext();
+    const { endWidth, inputRef, size: size4, id, startWidth, startInset } = useInputFieldContext();
     const ref = useMergeRefs(
       attachInputRef ? inputRef : null,
       forwardedRef
@@ -21823,7 +21824,8 @@ var InputElement = forwardRef64(
     const spacingStyles = getFieldSpacing({
       endWidth,
       variant: $variant,
-      startWidth
+      startWidth,
+      startInset
     });
     const inputClassName = cx(
       "n-flex n-w-0 n-flex-1 n-relative n-border-0 n-outline-none n-min-w-0 n-self-stretch n-rounded n-bg-input-background focus:n-ring-2 focus:n-ring-primary placeholder:n-text-text-disabled n-transition-[box-shadow]",
@@ -22005,6 +22007,7 @@ function InputFieldRoot({
   width,
   sideOffset = 3,
   startWidth: startWidthProp,
+  startInset,
   endWidth: endWidthProp,
   size: size4 = "medium",
   renderPopoverContent,
@@ -22042,6 +22045,7 @@ function InputFieldRoot({
   const contextValue = useMemo42(
     () => ({
       startWidth,
+      startInset,
       endWidth,
       inputRef,
       startRef,
@@ -22051,7 +22055,16 @@ function InputFieldRoot({
       onFocusChange: handleFocusChange,
       id: id ?? randomId
     }),
-    [startWidth, endWidth, size4, isFocused, handleFocusChange, id, randomId]
+    [
+      startWidth,
+      startInset,
+      endWidth,
+      size4,
+      isFocused,
+      handleFocusChange,
+      id,
+      randomId
+    ]
   );
   const insetLabel = useMemo42(
     () => /* @__PURE__ */ React167.createElement(Label, { htmlFor: id, className: "!n-text-text-disabled" }, labelProp ?? label),
@@ -22066,7 +22079,15 @@ function InputFieldRoot({
       className
     },
     children,
-    start && /* @__PURE__ */ React167.createElement("span", { ref: startRef, className: cx(startBaseStyles, startClassName) }, start),
+    start && /* @__PURE__ */ React167.createElement(
+      "span",
+      {
+        ref: startRef,
+        className: cx(startBaseStyles, startClassName),
+        style: startInset !== void 0 ? { left: startInset } : void 0
+      },
+      start
+    ),
     (end || label) && /* @__PURE__ */ React167.createElement(
       "span",
       {