@multiplatform.one/frappe-ui 7.4.1 → 7.5.0

package/dist/esm/FileBrowser/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AsyncBoundary","Breadcrumbs","DropdownMenu","ImageGrid","List","TreeView","ViewSwitcher","Button","Checkbox","FileUpload","Input","DataTable","OVERLAY_BREAKPOINT","useResolvedKnobs","CaretLeftIcon","CheckIcon","DotsThreeVerticalIcon","DownloadSimpleIcon","EyeIcon","FileIcon","FileArchiveIcon","FileImageIcon","FileTextIcon","FileVideoIcon","FolderIcon","ListIcon","MagnifyingGlassIcon","PencilSimpleIcon","SquaresFourIcon","TrashIcon","UploadSimpleIcon","XIcon","useCallback","useMemo","useState","useTranslation","Text","XStack","YStack","useWindowDimensions","ancestorFolderIds","breadcrumbItems","buildFolderTree","childrenOf","fileKind","isFolder","parentFolder","readPersistedView","writePersistedView","RAIL_WIDTH","KindIcon","param","kind","size","props","color","formatSize","bytes","Number","isNaN","units","i","Math","min","length","floor","log","pow","toFixed","resolveStatus","status","items","error","FileRowMenu","file","onOpen","onDownload","onRename","onMove","onDelete","t","placement","key","label","icon","onSelect","separator","destructive","children","chromeless","BulkBar","count","onClear","knobProps","alignItems","gap","panelPadding","borderWidth","borderColor","backgroundColor","containerRadius","marginHorizontal","marginTop","marginBottom","fontWeight","fontSize","onPress","flex","FileBrowser","files","foldersStatus","filesStatus","foldersError","filesError","onFoldersRetry","onFilesRetry","view","viewProp","defaultView","onViewChange","surfaceId","selectionMode","selectedIds","selectedIdsProp","onSelectedIdsChange","currentValue","onPick","currentFolder","currentFolderProp","onCurrentFolderChange","tileSize","mediaAspect","selectAllScope","bulkBarPlacement","tableZebra","layout","layoutProp","onUpload","search","searchProp","onSearchChange","accept","_ref","_ref1","_crumbs_","width","persisted","uncontrolledView","setUncontrolledView","setView","next","uncontrolledFolder","setUncontrolledFolder","setFolder","uncontrolledSelected","setUncontrolledSelected","setSelectedIds","uncontrolledSearch","setUncontrolledSearch","setSearch","uploadOpen","setUploadOpen","folderNodes","paneFiles","kids","trim","q","toLowerCase","filter","file_name","includes","folderStatus","fileStatus","single","toggleSelected","id","item","handleFileActivate","name","selectedFiles","crumbs","parent","columns","accessorKey","header","cell","param2","row","original","current","file_url","minWidth","numberOfLines","title","fontFamily","file_size","enableSorting","tableRows","map","toolbar","paddingHorizontal","paddingVertical","borderBottomWidth","disabled","maxVisible","onNavigate","href","value","onChangeText","placeholder","leftIcon","labelHidden","currentView","onViewChange2","views","type","iconOnly","bulk","onDownload1","onMove1","onDelete1","renderGridItem","renderGridItem2","checked","position","top","left","zIndex","event","stopPropagation","onCheckedChange","aspectRatio","justifyContent","src","alt","style","height","objectFit","filesPaneReady","renderItem","onItemClick","emptyMessage","data","enableRowSelection","enableFiltering","enableGlobalSearch","enablePagination","enableColumnVisibility","onRowPress","rowLabel"],"sources":["../../../src/FileBrowser/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FileBrowser/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/esm/FileBrowser/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/FileBrowser/types.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.native.js.map

package/dist/esm/FileBrowser/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/FileBrowser/viewPersistence.mjs

@@ -0,0 +1,29 @@
+const PREFIX = "mpo.filebrowser.view.";
+const memory = /* @__PURE__ */new Map();
+function storageKey(surfaceId) {
+  return `${PREFIX}${surfaceId}`;
+}
+function coerce(value) {
+  return value === "grid" || value === "list" ? value : void 0;
+}
+function readPersistedView(surfaceId) {
+  if (!surfaceId) return void 0;
+  const key = storageKey(surfaceId);
+  const remembered = memory.get(key);
+  if (remembered) return remembered;
+  try {
+    return coerce(globalThis.localStorage?.getItem(key));
+  } catch {
+    return void 0;
+  }
+}
+function writePersistedView(surfaceId, view) {
+  if (!surfaceId) return;
+  const key = storageKey(surfaceId);
+  memory.set(key, view);
+  try {
+    globalThis.localStorage?.setItem(key, view);
+  } catch {}
+}
+export { readPersistedView, writePersistedView };
+//# sourceMappingURL=viewPersistence.mjs.map

package/dist/esm/FileBrowser/viewPersistence.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["PREFIX","memory","Map","storageKey","surfaceId","coerce","value","readPersistedView","key","remembered","get","globalThis","localStorage","getItem","writePersistedView","view","set","setItem"],"sources":["../../../src/FileBrowser/viewPersistence.ts"],"sourcesContent":[null],"mappings":"AAEA,MAAMA,MAAA,GAAS;AAGf,MAAMC,MAAA,GAAS,mBAAIC,GAAA,CAA6B;AAEhD,SAASC,WAAWC,SAAA,EAA2B;EAC7C,OAAO,GAAGJ,MAAM,GAAGI,SAAS;AAC9B;AAEA,SAASC,OAAOC,KAAA,EAA+D;EAC7E,OAAOA,KAAA,KAAU,UAAUA,KAAA,KAAU,SAASA,KAAA,GAAQ;AACxD;AAEO,SAASC,kBAAkBH,SAAA,EAAiD;EACjF,IAAI,CAACA,SAAA,EAAW,OAAO;EACvB,MAAMI,GAAA,GAAML,UAAA,CAAWC,SAAS;EAChC,MAAMK,UAAA,GAAaR,MAAA,CAAOS,GAAA,CAAIF,GAAG;EACjC,IAAIC,UAAA,EAAY,OAAOA,UAAA;EACvB,IAAI;IACF,OAAOJ,MAAA,CAAOM,UAAA,CAAWC,YAAA,EAAcC,OAAA,CAAQL,GAAG,CAAC;EACrD,QAAQ;IACN,OAAO;EACT;AACF;AAEO,SAASM,mBAAmBV,SAAA,EAA+BW,IAAA,EAA6B;EAC7F,IAAI,CAACX,SAAA,EAAW;EAChB,MAAMI,GAAA,GAAML,UAAA,CAAWC,SAAS;EAChCH,MAAA,CAAOe,GAAA,CAAIR,GAAA,EAAKO,IAAI;EACpB,IAAI;IACFJ,UAAA,CAAWC,YAAA,EAAcK,OAAA,CAAQT,GAAA,EAAKO,IAAI;EAC5C,QAAQ,CAER;AACF","ignoreList":[]}

package/dist/esm/FileBrowser/viewPersistence.native.js

@@ -0,0 +1,31 @@
+var PREFIX = "mpo.filebrowser.view.";
+var memory = /* @__PURE__ */new Map();
+function storageKey(surfaceId) {
+  return `${PREFIX}${surfaceId}`;
+}
+function coerce(value) {
+  return value === "grid" || value === "list" ? value : void 0;
+}
+function readPersistedView(surfaceId) {
+  if (!surfaceId) return void 0;
+  var key = storageKey(surfaceId);
+  var remembered = memory.get(key);
+  if (remembered) return remembered;
+  try {
+    var _globalThis_localStorage;
+    return coerce((_globalThis_localStorage = globalThis.localStorage) === null || _globalThis_localStorage === void 0 ? void 0 : _globalThis_localStorage.getItem(key));
+  } catch (unused) {
+    return void 0;
+  }
+}
+function writePersistedView(surfaceId, view) {
+  if (!surfaceId) return;
+  var key = storageKey(surfaceId);
+  memory.set(key, view);
+  try {
+    var _globalThis_localStorage;
+    (_globalThis_localStorage = globalThis.localStorage) === null || _globalThis_localStorage === void 0 ? void 0 : _globalThis_localStorage.setItem(key, view);
+  } catch (unused) {}
+}
+export { readPersistedView, writePersistedView };
+//# sourceMappingURL=viewPersistence.native.js.map

package/dist/esm/FileBrowser/viewPersistence.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PREFIX","memory","Map","storageKey","surfaceId","coerce","value","readPersistedView","key","remembered","get","_globalThis_localStorage","globalThis","localStorage","getItem","unused","writePersistedView","view","set","setItem"],"sources":["../../../src/FileBrowser/viewPersistence.ts"],"sourcesContent":[null],"mappings":"AAEA,IAAAA,MAAM,0BAAS;AAGf,IAAAC,MAAM,kBAAS,IAAAC,GAAI;AAEnB,SAASC,WAAWC,SAAA,EAA2B;EAC7C,OAAO,GAAGJ,MAAM,GAAGI,SAAS;AAC9B;AAEA,SAASC,OAAOC,KAAA,EAA+D;EAC7E,OAAOA,KAAA,KAAU,UAAUA,KAAA,KAAU,SAASA,KAAA,GAAQ;AACxD;AAEO,SAASC,kBAAkBH,SAAA,EAAiD;EACjF,IAAI,CAACA,SAAA,EAAW,OAAO;EACvB,IAAAI,GAAM,GAAAL,UAAM,CAAAC,SAAW;EACvB,IAAAK,UAAM,GAAAR,MAAa,CAAAS,GAAO,CAAAF,GAAI;EAC9B,IAAIC,UAAA,EAAY,OAAOA,UAAA;EACvB,IAAI;IACF,IAAAE,wBAAyB;IAC3B,OAAQN,MAAA,EAAAM,wBAAA,GAAAC,UAAA,CAAAC,YAAA,cAAAF,wBAAA,uBAAAA,wBAAA,CAAAG,OAAA,CAAAN,GAAA;EACN,SAAOO,MAAA;IACT;EACF;AAEO;AACL,SAAKC,kBAAWA,CAAAZ,SAAA,EAAAa,IAAA;EAChB,KAAAb,SAAY;EACZ,IAAAI,GAAO,GAAAL,UAAa,CAAAC,SAAA;EACpBH,MAAI,CAAAiB,GAAA,CAAAV,GAAA,EAAAS,IAAA;EACF;IACF,IAAAN,wBAAQ;IAER,CAAAA,wBAAA,GAAAC,UAAA,CAAAC,YAAA,cAAAF,wBAAA,uBAAAA,wBAAA,CAAAQ,OAAA,CAAAX,GAAA,EAAAS,IAAA;EACF,SAAAF,MAAA,G","ignoreList":[]}

package/dist/esm/FormSidebar.mjs

@@ -1,15 +1,16 @@
-import { Avatar, getInitials } from "@multiplatform.one/components";
-import { pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Avatar, componentColors, getInitials } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageSquareIcon, PlusIcon, UploadIcon, UserIcon, XIcon } from "@phosphor-icons/react";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Button, Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
+import { Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const avatarColors = ["$blue4", "$green4", "$orange4", "$purple4", "$red4"];
+const avatarColors = ["$orange4", "$blue4", "$purple4", "$pink4"];
 function avatarColor(index) {
   return avatarColors[index % avatarColors.length];
 }
-const textColors = ["$blue11", "$green11", "$orange11", "$purple11", "$red11"];
+const textColors = ["$orange11", "$blue11", "$purple11", "$pink11"];
 function textColor(index) {
   return textColors[index % textColors.length];
 }
@@ -29,15 +30,12 @@ function FormSidebar({
     knobProps
   } = useResolvedKnobs();
   const theme = useTheme();
-  const placeholderIconColor = theme.color10?.val ?? "currentColor";
+  const placeholderIconColor = theme.color11?.val ?? "currentColor";
+  const iconSize = Number(knobProps.controlIcon?.width) || 16;
   const [erroredUrl, setErroredUrl] = React.useState();
   const imageBroken = Boolean(imageUrl) && erroredUrl === imageUrl;
   const sz = knobProps.sizeToken;
-  const headingFontSize = sz === "$3" ? "$1" : sz === "$5" ? "$4" : "$2";
-  const labelFontSize = headingFontSize;
-  const subFontSize = sz === "$5" ? "$2" : "$1";
   const avatarSize = sz === "$3" ? "$1" : sz === "$5" ? "$3" : "$2";
-  const metaIconSize = sz === "$3" ? 12 : sz === "$5" ? 16 : 14;
   const imageSize = sz === "$3" ? 160 : sz === "$5" ? 240 : 200;
   const resolvedImageLabel = imageLabel ?? t("Document image");
   const showImageBlock = Boolean(imageUrl) || Boolean(onImageAdd);
@@ -79,50 +77,51 @@ function FormSidebar({
           borderColor: "$borderColor",
           "aria-label": resolvedImageLabel,
           children: [/* @__PURE__ */jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Image failed to load")
           })]
-        }) : /* @__PURE__ */jsxs(Button, {
-          chromeless: true,
+        }) : /* @__PURE__ */jsxs(YStack, {
+          role: "button",
+          tabIndex: 0,
           onPress: onImageAdd,
           "aria-label": t("Add image"),
           width: imageSize,
           height: imageSize,
-          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
           gap: "$2",
           ...knobProps.containerRadius,
           borderWidth: 1,
           borderStyle: "dashed",
           borderColor: "$borderColor",
           children: [/* @__PURE__ */jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Add image")
           })]
         }), imageUrl && (onImageAdd || onImageRemove) && /* @__PURE__ */jsxs(XStack, {
           gap: "$2",
           children: [onImageAdd && /* @__PURE__ */jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: UploadIcon,
             "aria-label": t("Replace image"),
             onPress: onImageAdd,
-            ...pressTargetStyle(),
             children: t("Replace")
           }), onImageRemove && /* @__PURE__ */jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: XIcon,
             "aria-label": t("Remove image"),
             onPress: onImageRemove,
-            ...pressTargetStyle(),
             children: t("Remove")
           })]
         })]
@@ -137,20 +136,20 @@ function FormSidebar({
             alignItems: "center",
             gap: "$2",
             children: [section.icon, /* @__PURE__ */jsx(Text, {
-              fontSize: headingFontSize,
-              fontWeight: "600",
-              color: "$color11",
+              color: componentColors.text.muted,
+              ...knobProps.label,
+              fontWeight: "400",
               children: section.title
             })]
           }), section.onAdd && /* @__PURE__ */jsx(Button, {
-            size: "$1",
+            size: "$2",
+            circular: true,
             chromeless: true,
             icon: PlusIcon,
             "aria-label": t("Add {{section}}", {
               section: section.title
             }),
-            onPress: section.onAdd,
-            ...pressTargetStyle()
+            onPress: section.onAdd
           })]
         }), section.render ? section.render() : section.items && section.items.length > 0 ? /* @__PURE__ */jsx(YStack, {
           ...knobProps.gap,
@@ -164,60 +163,61 @@ function FormSidebar({
               children: /* @__PURE__ */jsx(Avatar.Fallback, {
                 backgroundColor: avatarColor(sectionIdx),
                 children: /* @__PURE__ */jsx(Text, {
-                  fontSize: subFontSize,
                   color: textColor(sectionIdx),
-                  fontWeight: "600",
+                  ...knobProps.label,
+                  fontWeight: "700",
                   children: getInitials(item.label)
                 })
               })
             }), /* @__PURE__ */jsxs(YStack, {
               flex: 1,
               children: [/* @__PURE__ */jsx(Text, {
-                fontSize: labelFontSize,
-                color: "$color12",
+                color: componentColors.text.primary,
                 numberOfLines: 1,
+                ...knobProps.label,
                 children: item.label
               }), item.sublabel && /* @__PURE__ */jsx(Text, {
-                fontSize: subFontSize,
-                color: "$color11",
+                color: componentColors.text.muted,
+                ...knobProps.label,
                 children: item.sublabel
               })]
             }), section.onRemoveItem && /* @__PURE__ */jsx(Button, {
-              size: "$1",
+              size: "$2",
+              circular: true,
               chromeless: true,
               icon: XIcon,
               "aria-label": t("Remove {{name}}", {
                 name: item.label
               }),
-              onPress: () => section.onRemoveItem?.(item),
-              ...pressTargetStyle()
+              onPress: () => section.onRemoveItem?.(item)
             })]
           }, item.id))
         }) : /* @__PURE__ */jsx(Text, {
-          fontSize: subFontSize,
-          color: "$color11",
+          color: componentColors.text.muted,
+          ...knobProps.label,
           children: section.emptyText ?? t("None")
         })]
       }), sectionIdx < sections.length - 1 && /* @__PURE__ */jsx(Separator, {})]
     }, section.key)), metadata.length > 0 && sections.length > 0 && /* @__PURE__ */jsx(Separator, {}), metadata.length > 0 && /* @__PURE__ */jsxs(YStack, {
       gap: "$1",
       children: [/* @__PURE__ */jsx(Text, {
-        fontSize: headingFontSize,
-        fontWeight: "600",
-        color: "$color11",
+        color: componentColors.text.muted,
         paddingHorizontal: "$2",
+        ...knobProps.label,
+        fontWeight: "400",
         children: t("Info")
       }), metadata.map(entry => /* @__PURE__ */jsx(ListItem, {
         size: knobProps.sizeToken,
         icon: entry.icon ?? /* @__PURE__ */jsx(UserIcon, {
-          size: metaIconSize,
-          color: "var(--color11)",
+          size: iconSize,
+          color: placeholderIconColor,
           style: {
             flexShrink: 0
           }
         }),
         title: /* @__PURE__ */jsx(Text, {
-          color: "$color11",
+          color: componentColors.text.muted,
+          ...knobProps.label,
           children: entry.label
         }),
         backgroundColor: "transparent",

package/dist/esm/FormSidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Avatar","getInitials","pressTargetStyle","useResolvedKnobs","ImageSquareIcon","PlusIcon","UploadIcon","UserIcon","XIcon","React","useTranslation","Button","Image","ListItem","Separator","Text","XStack","YStack","isWeb","useTheme","Fragment","jsx","jsxs","avatarColors","avatarColor","index","length","textColors","textColor","FormSidebar","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","stackProps","t","knobProps","theme","placeholderIconColor","color10","val","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","headingFontSize","labelFontSize","subFontSize","avatarSize","metaIconSize","imageSize","resolvedImageLabel","showImageBlock","containerRadius","panelPadding","gapLg","width","borderInlineEndWidth","borderInlineEndStyle","borderInlineEndColor","borderEndWidth","borderEndColor","children","alignItems","gap","src","alt","height","objectFit","onError","justifyContent","borderWidth","borderStyle","borderColor","size","color","fontSize","chromeless","onPress","flexDirection","icon","map","section","sectionIdx","fontWeight","title","onAdd","render","items","item","circular","backgroundColor","Fallback","label","flex","numberOfLines","sublabel","onRemoveItem","name","id","emptyText","key","paddingHorizontal","entry","style","flexShrink","paddingVertical"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Avatar","componentColors","getInitials","Button","useResolvedKnobs","ImageSquareIcon","PlusIcon","UploadIcon","UserIcon","XIcon","React","useTranslation","Image","ListItem","Separator","Text","XStack","YStack","isWeb","useTheme","Fragment","jsx","jsxs","avatarColors","avatarColor","index","length","textColors","textColor","FormSidebar","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","stackProps","t","knobProps","theme","placeholderIconColor","color11","val","iconSize","Number","controlIcon","width","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","avatarSize","imageSize","resolvedImageLabel","showImageBlock","containerRadius","panelPadding","gapLg","borderInlineEndWidth","borderInlineEndStyle","borderInlineEndColor","borderEndWidth","borderEndColor","children","alignItems","gap","src","alt","height","objectFit","onError","justifyContent","borderWidth","borderStyle","borderColor","size","color","text","muted","label","role","tabIndex","onPress","cursor","chromeless","icon","map","section","sectionIdx","fontWeight","title","onAdd","circular","render","items","item","backgroundColor","Fallback","flex","primary","numberOfLines","sublabel","onRemoveItem","name","id","emptyText","key","paddingHorizontal","entry","style","flexShrink","paddingVertical"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"AAmBA,SAASA,MAAA,EAAQC,eAAA,EAAiBC,WAAA,QAAmB;AACrD,SAASC,MAAA,QAAc;AACvB,SAASC,gBAAA,QAAwB;AACjC,SAASC,eAAA,EAAiBC,QAAA,EAAUC,UAAA,EAAYC,QAAA,EAAUC,KAAA,QAAa;AACvE,OAAOC,KAAA,MAAW;AAClB,SAASC,cAAA,QAAsB;AAC/B,SACEC,KAAA,EACAC,QAAA,EACAC,SAAA,EACAC,IAAA,EACAC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,QAAA,QAEK;AAkIC,SAAAC,QAAA,EAGMC,GAAA,EAYAC,IAAA,QAfN;AAlER,MAAMC,YAAA,GAAe,CAAC,YAAY,UAAU,YAAY,QAAQ;AAChE,SAASC,YAAYC,KAAA,EAAuB;EAC1C,OAAOF,YAAA,CAAaE,KAAA,GAAQF,YAAA,CAAaG,MAAM;AACjD;AAEA,MAAMC,UAAA,GAAa,CAAC,aAAa,WAAW,aAAa,SAAS;AAClE,SAASC,UAAUH,KAAA,EAAuB;EACxC,OAAOE,UAAA,CAAWF,KAAA,GAAQE,UAAA,CAAWD,MAAM;AAC7C;AAMO,SAASG,YAAY;EAC1BC,QAAA;EACAC,UAAA;EACAC,UAAA;EACAC,aAAA;EACAC,QAAA,GAAW,EAAC;EACZC,QAAA,GAAW,EAAC;EACZ,GAAGC;AACL,GAAqB;EACnB,MAAM;IAAEC;EAAE,IAAI1B,cAAA,CAAe;EAC7B,MAAM;IAAE2B;EAAU,IAAIlC,gBAAA,CAAiB;EACvC,MAAMmC,KAAA,GAAQpB,QAAA,CAAS;EAGvB,MAAMqB,oBAAA,GAAuBD,KAAA,CAAME,OAAA,EAASC,GAAA,IAAO;EACnD,MAAMC,QAAA,GAAWC,MAAA,CAAON,SAAA,CAAUO,WAAA,EAAaC,KAAK,KAAK;EAIzD,MAAM,CAACC,UAAA,EAAYC,aAAa,IAAItC,KAAA,CAAMuC,QAAA,CAA6B;EACvE,MAAMC,WAAA,GAAcC,OAAA,CAAQrB,QAAQ,KAAKiB,UAAA,KAAejB,QAAA;EAGxD,MAAMsB,EAAA,GAAKd,SAAA,CAAUe,SAAA;EACrB,MAAMC,UAAA,GAAaF,EAAA,KAAO,OAAO,OAAOA,EAAA,KAAO,OAAO,OAAO;EAC7D,MAAMG,SAAA,GAAYH,EAAA,KAAO,OAAO,MAAMA,EAAA,KAAO,OAAO,MAAM;EAE1D,MAAMI,kBAAA,GAAqBzB,UAAA,IAAcM,CAAA,CAAE,gBAAgB;EAC3D,MAAMoB,cAAA,GAAiBN,OAAA,CAAQrB,QAAQ,KAAKqB,OAAA,CAAQnB,UAAU;EAE9D,OACE,eAAAV,IAAA,CAACL,MAAA;IAIE,GAAGqB,SAAA,CAAUoB,eAAA;IACb,GAAGpB,SAAA,CAAUqB,YAAA;IACb,GAAGrB,SAAA,CAAUsB,KAAA;IACdd,KAAA,EAAO;IAGN,IAAI5B,KAAA,GACD;MACE2C,oBAAA,EAAsB;MACtBC,oBAAA,EAAsB;MACtBC,oBAAA,EAAsB;IACxB,IACA;MAAEC,cAAA,EAAgB;MAAGC,cAAA,EAAgB;IAAe;IACvD,GAAG7B,UAAA;IAGH8B,QAAA,GAAAT,cAAA,IACC,eAAAnC,IAAA,CAAAF,QAAA;MACE8C,QAAA,kBAAA5C,IAAA,CAACL,MAAA;QAAOkD,UAAA,EAAW;QAASC,GAAA,EAAI;QAC7BF,QAAA,GAAApC,QAAA,IAAY,CAACoB,WAAA,GACZ,eAAA7B,GAAA,CAACT,KAAA;UACE,GAAG0B,SAAA,CAAUoB,eAAA;UAGdW,GAAA,EAAKvC,QAAA;UACLwC,GAAA,EAAKd,kBAAA;UACLV,KAAA,EAAOS,SAAA;UACPgB,MAAA,EAAQhB,SAAA;UACRiB,SAAA,EAAU;UACVC,OAAA,EAASA,CAAA,KAAMzB,aAAA,CAAclB,QAAQ;QAAA,CACvC,IACEA,QAAA,IAAYoB,WAAA,GACd,eAAA5B,IAAA,CAACL,MAAA;UACE,GAAGqB,SAAA,CAAUoB,eAAA;UACdZ,KAAA,EAAOS,SAAA;UACPgB,MAAA,EAAQhB,SAAA;UACRY,UAAA,EAAW;UACXO,cAAA,EAAe;UACfN,GAAA,EAAI;UACJO,WAAA,EAAa;UACbC,WAAA,EAAY;UACZC,WAAA,EAAY;UACZ,cAAYrB,kBAAA;UAEZU,QAAA,kBAAA7C,GAAA,CAAChB,eAAA;YAAgByE,IAAA,EAAMnC,QAAA,GAAW;YAAGoC,KAAA,EAAOvC;UAAA,CAAsB,GAClE,eAAAnB,GAAA,CAACN,IAAA;YAAKgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKC,KAAA;YAAQ,GAAG3C,SAAA,CAAU4C,KAAA;YACpDhB,QAAA,EAAA7B,CAAA,CAAE,sBAAsB;UAAA,CAC3B;QAAA,CACF,IAEA,eAAAf,IAAA,CAACL,MAAA;UACCkE,IAAA,EAAK;UACLC,QAAA,EAAU;UACVC,OAAA,EAASrD,UAAA;UACT,cAAYK,CAAA,CAAE,WAAW;UACzBS,KAAA,EAAOS,SAAA;UACPgB,MAAA,EAAQhB,SAAA;UACRY,UAAA,EAAW;UACXO,cAAA,EAAe;UACfY,MAAA,EAAO;UACPlB,GAAA,EAAI;UACH,GAAG9B,SAAA,CAAUoB,eAAA;UACdiB,WAAA,EAAa;UACbC,WAAA,EAAY;UACZC,WAAA,EAAY;UAEZX,QAAA,kBAAA7C,GAAA,CAAChB,eAAA;YAAgByE,IAAA,EAAMnC,QAAA,GAAW;YAAGoC,KAAA,EAAOvC;UAAA,CAAsB,GAClE,eAAAnB,GAAA,CAACN,IAAA;YAAKgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKC,KAAA;YAAQ,GAAG3C,SAAA,CAAU4C,KAAA;YACpDhB,QAAA,EAAA7B,CAAA,CAAE,WAAW;UAAA,CAChB;QAAA,CACF,GAGDP,QAAA,KAAaE,UAAA,IAAcC,aAAA,KAC1B,eAAAX,IAAA,CAACN,MAAA;UAAOoD,GAAA,EAAI;UACTF,QAAA,GAAAlC,UAAA,IACC,eAAAX,GAAA,CAAClB,MAAA;YACC2E,IAAA,EAAK;YACLS,UAAA,EAAU;YACVC,IAAA,EAAMjF,UAAA;YACN,cAAY8B,CAAA,CAAE,eAAe;YAC7BgD,OAAA,EAASrD,UAAA;YAERkC,QAAA,EAAA7B,CAAA,CAAE,SAAS;UAAA,CACd,GAEDJ,aAAA,IACC,eAAAZ,GAAA,CAAClB,MAAA;YACC2E,IAAA,EAAK;YACLS,UAAA,EAAU;YACVC,IAAA,EAAM/E,KAAA;YACN,cAAY4B,CAAA,CAAE,cAAc;YAC5BgD,OAAA,EAASpD,aAAA;YAERiC,QAAA,EAAA7B,CAAA,CAAE,QAAQ;UAAA,CACb;QAAA,CAEJ;MAAA,CAEJ,GACA,eAAAhB,GAAA,CAACP,SAAA,IAAU;IAAA,CACb,GAIDoB,QAAA,CAASuD,GAAA,CAAI,CAACC,OAAA,EAASC,UAAA,KACtB,eAAArE,IAAA,CAACZ,KAAA,CAAMU,QAAA,EAAN;MACC8C,QAAA,kBAAA5C,IAAA,CAACL,MAAA;QAAQ,GAAGqB,SAAA,CAAU8B,GAAA;QACpBF,QAAA,kBAAA5C,IAAA,CAACN,MAAA;UAAOmD,UAAA,EAAW;UAASO,cAAA,EAAe;UACzCR,QAAA,kBAAA5C,IAAA,CAACN,MAAA;YAAOmD,UAAA,EAAW;YAASC,GAAA,EAAI;YAC7BF,QAAA,GAAAwB,OAAA,CAAQF,IAAA,EACT,eAAAnE,GAAA,CAACN,IAAA;cAAKgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKC,KAAA;cAAQ,GAAG3C,SAAA,CAAU4C,KAAA;cAAOU,UAAA,EAAW;cACtE1B,QAAA,EAAAwB,OAAA,CAAQG;YAAA,CACX;UAAA,CACF,GACCH,OAAA,CAAQI,KAAA,IACP,eAAAzE,GAAA,CAAClB,MAAA;YACC2E,IAAA,EAAK;YACLiB,QAAA,EAAQ;YACRR,UAAA,EAAU;YACVC,IAAA,EAAMlF,QAAA;YACN,cAAY+B,CAAA,CAAE,mBAAmB;cAC/BqD,OAAA,EAASA,OAAA,CAAQG;YACnB,CAAC;YACDR,OAAA,EAASK,OAAA,CAAQI;UAAA,CACnB;QAAA,CAEJ,GAECJ,OAAA,CAAQM,MAAA,GACPN,OAAA,CAAQM,MAAA,CAAO,IACbN,OAAA,CAAQO,KAAA,IAASP,OAAA,CAAQO,KAAA,CAAMvE,MAAA,GAAS,IAC1C,eAAAL,GAAA,CAACJ,MAAA;UAAQ,GAAGqB,SAAA,CAAU8B,GAAA;UACnBF,QAAA,EAAAwB,OAAA,CAAQO,KAAA,CAAMR,GAAA,CAAKS,IAAA,IAClB,eAAA5E,IAAA,CAACN,MAAA;YAAqBoD,GAAA,EAAI;YAAKD,UAAA,EAAW;YACxCD,QAAA,kBAAA7C,GAAA,CAACrB,MAAA;cAAO+F,QAAA,EAAQ;cAACjB,IAAA,EAAMxB,UAAA;cAAY6C,eAAA,EAAiB3E,WAAA,CAAYmE,UAAU;cACxEzB,QAAA,iBAAA7C,GAAA,CAACrB,MAAA,CAAOoG,QAAA,EAAP;gBAAgBD,eAAA,EAAiB3E,WAAA,CAAYmE,UAAU;gBACtDzB,QAAA,iBAAA7C,GAAA,CAACN,IAAA;kBAAKgE,KAAA,EAAOnD,SAAA,CAAU+D,UAAU;kBAAI,GAAGrD,SAAA,CAAU4C,KAAA;kBAAOU,UAAA,EAAW;kBACjE1B,QAAA,EAAAhE,WAAA,CAAYgG,IAAA,CAAKhB,KAAK;gBAAA,CACzB;cAAA,CACF;YAAA,CACF,GACA,eAAA5D,IAAA,CAACL,MAAA;cAAOoF,IAAA,EAAM;cACZnC,QAAA,kBAAA7C,GAAA,CAACN,IAAA;gBACCgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKsB,OAAA;gBAC5BC,aAAA,EAAe;gBACd,GAAGjE,SAAA,CAAU4C,KAAA;gBAEbhB,QAAA,EAAAgC,IAAA,CAAKhB;cAAA,CACR,GACCgB,IAAA,CAAKM,QAAA,IACJ,eAAAnF,GAAA,CAACN,IAAA;gBAAKgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKC,KAAA;gBAAQ,GAAG3C,SAAA,CAAU4C,KAAA;gBACpDhB,QAAA,EAAAgC,IAAA,CAAKM;cAAA,CACR;YAAA,CAEJ,GACCd,OAAA,CAAQe,YAAA,IACP,eAAApF,GAAA,CAAClB,MAAA;cACC2E,IAAA,EAAK;cACLiB,QAAA,EAAQ;cACRR,UAAA,EAAU;cACVC,IAAA,EAAM/E,KAAA;cACN,cAAY4B,CAAA,CAAE,mBAAmB;gBAAEqE,IAAA,EAAMR,IAAA,CAAKhB;cAAM,CAAC;cACrDG,OAAA,EAASA,CAAA,KAAMK,OAAA,CAAQe,YAAA,GAAeP,IAAI;YAAA,CAC5C;UAAA,GA9BSA,IAAA,CAAKS,EAgClB,CACD;QAAA,CACH,IAEA,eAAAtF,GAAA,CAACN,IAAA;UAAKgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKC,KAAA;UAAQ,GAAG3C,SAAA,CAAU4C,KAAA;UACpDhB,QAAA,EAAAwB,OAAA,CAAQkB,SAAA,IAAavE,CAAA,CAAE,MAAM;QAAA,CAChC;MAAA,CAEJ,GAECsD,UAAA,GAAazD,QAAA,CAASR,MAAA,GAAS,KAAK,eAAAL,GAAA,CAACP,SAAA,IAAU;IAAA,GAtE7B4E,OAAA,CAAQmB,GAuE7B,CACD,GAGA1E,QAAA,CAAST,MAAA,GAAS,KAAKQ,QAAA,CAASR,MAAA,GAAS,KAAK,eAAAL,GAAA,CAACP,SAAA,IAAU,GAGzDqB,QAAA,CAAST,MAAA,GAAS,KACjB,eAAAJ,IAAA,CAACL,MAAA;MAAOmD,GAAA,EAAI;MACVF,QAAA,kBAAA7C,GAAA,CAACN,IAAA;QACCgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKC,KAAA;QAC5B6B,iBAAA,EAAkB;QACjB,GAAGxE,SAAA,CAAU4C,KAAA;QACdU,UAAA,EAAW;QAEV1B,QAAA,EAAA7B,CAAA,CAAE,MAAM;MAAA,CACX,GACCF,QAAA,CAASsD,GAAA,CAAKsB,KAAA,IACb,eAAA1F,GAAA,CAACR,QAAA;QAECiE,IAAA,EAAMxC,SAAA,CAAUe,SAAA;QAChBmC,IAAA,EACGuB,KAAA,CAAMvB,IAAA,IACL,eAAAnE,GAAA,CAACb,QAAA;UACCsE,IAAA,EAAMnC,QAAA;UACNoC,KAAA,EAAOvC,oBAAA;UACPwE,KAAA,EAAO;YAAEC,UAAA,EAAY;UAAE;QAAA,CACzB;QAGJpB,KAAA,EACE,eAAAxE,GAAA,CAACN,IAAA;UAAKgE,KAAA,EAAO9E,eAAA,CAAgB+E,IAAA,CAAKC,KAAA;UAAQ,GAAG3C,SAAA,CAAU4C,KAAA;UACpDhB,QAAA,EAAA6C,KAAA,CAAM7B;QAAA,CACT;QAEFiB,eAAA,EAAgB;QAChBe,eAAA,EAAgB;MAAA,GAjBXH,KAAA,CAAM7B,KAkBb,CACD;IAAA,CACH;EAAA,CAEJ;AAEJ","ignoreList":[]}

package/dist/esm/FormSidebar.native.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, getInitials } from "@multiplatform.one/components";
-import { pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Avatar, componentColors, getInitials } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageSquareIcon, PlusIcon, UploadIcon, UserIcon, XIcon } from "@phosphor-icons/react";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Button, Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
-var avatarColors = ["$blue4", "$green4", "$orange4", "$purple4", "$red4"];
+import { Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
+var avatarColors = ["$orange4", "$blue4", "$purple4", "$pink4"];
 function avatarColor(index) {
   return avatarColors[index % avatarColors.length];
 }
-var textColors = ["$blue11", "$green11", "$orange11", "$purple11", "$red11"];
+var textColors = ["$orange11", "$blue11", "$purple11", "$pink11"];
 function textColor(index) {
   return textColors[index % textColors.length];
 }
@@ -24,7 +25,7 @@ function FormSidebar(param) {
     ...stackProps
   } = param;
   var _ref;
-  var _theme_color10;
+  var _theme_color11, _knobProps_controlIcon;
   var {
     t
   } = useTranslation();
@@ -32,15 +33,12 @@ function FormSidebar(param) {
     knobProps
   } = useResolvedKnobs();
   var theme = useTheme();
-  var placeholderIconColor = (_ref = (_theme_color10 = theme.color10) === null || _theme_color10 === void 0 ? void 0 : _theme_color10.val) !== null && _ref !== void 0 ? _ref : "currentColor";
+  var placeholderIconColor = (_ref = (_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.val) !== null && _ref !== void 0 ? _ref : "currentColor";
+  var iconSize = Number((_knobProps_controlIcon = knobProps.controlIcon) === null || _knobProps_controlIcon === void 0 ? void 0 : _knobProps_controlIcon.width) || 16;
   var [erroredUrl, setErroredUrl] = React.useState();
   var imageBroken = Boolean(imageUrl) && erroredUrl === imageUrl;
   var sz = knobProps.sizeToken;
-  var headingFontSize = sz === "$3" ? "$1" : sz === "$5" ? "$4" : "$2";
-  var labelFontSize = headingFontSize;
-  var subFontSize = sz === "$5" ? "$2" : "$1";
   var avatarSize = sz === "$3" ? "$1" : sz === "$5" ? "$3" : "$2";
-  var metaIconSize = sz === "$3" ? 12 : sz === "$5" ? 16 : 14;
   var imageSize = sz === "$3" ? 160 : sz === "$5" ? 240 : 200;
   var resolvedImageLabel = imageLabel !== null && imageLabel !== void 0 ? imageLabel : t("Document image");
   var showImageBlock = Boolean(imageUrl) || Boolean(onImageAdd);
@@ -92,51 +90,51 @@ function FormSidebar(param) {
           borderColor: "$borderColor",
           "aria-label": resolvedImageLabel,
           children: [/* @__PURE__ */_jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */_jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Image failed to load")
           })]
-        }) : /* @__PURE__ */_jsxs(Button, {
-          chromeless: true,
+        }) : /* @__PURE__ */_jsxs(YStack, {
+          role: "button",
+          tabIndex: 0,
           onPress: onImageAdd,
           "aria-label": t("Add image"),
           width: imageSize,
           height: imageSize,
-          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
           gap: "$2",
           ...knobProps.containerRadius,
           borderWidth: 1,
           borderStyle: "dashed",
           borderColor: "$borderColor",
           children: [/* @__PURE__ */_jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */_jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Add image")
           })]
         }), imageUrl && (onImageAdd || onImageRemove) && /* @__PURE__ */_jsxs(XStack, {
           gap: "$2",
           children: [onImageAdd && /* @__PURE__ */_jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: UploadIcon,
             "aria-label": t("Replace image"),
             onPress: onImageAdd,
-            // DG-LAY-04: raw size="$1" buttons measure ~20px tall.
-            ...pressTargetStyle(),
             children: t("Replace")
           }), onImageRemove && /* @__PURE__ */_jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: XIcon,
             "aria-label": t("Remove image"),
             onPress: onImageRemove,
-            ...pressTargetStyle(),
             children: t("Remove")
           })]
         })]
@@ -154,21 +152,20 @@ function FormSidebar(param) {
               alignItems: "center",
               gap: "$2",
               children: [section.icon, /* @__PURE__ */_jsx(Text, {
-                fontSize: headingFontSize,
-                fontWeight: "600",
-                color: "$color11",
+                color: componentColors.text.muted,
+                ...knobProps.label,
+                fontWeight: "400",
                 children: section.title
               })]
             }), section.onAdd && /* @__PURE__ */_jsx(Button, {
-              size: "$1",
+              size: "$2",
+              circular: true,
               chromeless: true,
               icon: PlusIcon,
               "aria-label": t("Add {{section}}", {
                 section: section.title
               }),
-              onPress: section.onAdd,
-              // DG-LAY-04: raw size="$1" icon buttons measure ~17×20.
-              ...pressTargetStyle()
+              onPress: section.onAdd
             })]
           }), section.render ? section.render() : section.items && section.items.length > 0 ? /* @__PURE__ */_jsx(YStack, {
             ...knobProps.gap,
@@ -183,26 +180,27 @@ function FormSidebar(param) {
                   children: /* @__PURE__ */_jsx(Avatar.Fallback, {
                     backgroundColor: avatarColor(sectionIdx),
                     children: /* @__PURE__ */_jsx(Text, {
-                      fontSize: subFontSize,
                       color: textColor(sectionIdx),
-                      fontWeight: "600",
+                      ...knobProps.label,
+                      fontWeight: "700",
                       children: getInitials(item.label)
                     })
                   })
                 }), /* @__PURE__ */_jsxs(YStack, {
                   flex: 1,
                   children: [/* @__PURE__ */_jsx(Text, {
-                    fontSize: labelFontSize,
-                    color: "$color12",
+                    color: componentColors.text.primary,
                     numberOfLines: 1,
+                    ...knobProps.label,
                     children: item.label
                   }), item.sublabel && /* @__PURE__ */_jsx(Text, {
-                    fontSize: subFontSize,
-                    color: "$color11",
+                    color: componentColors.text.muted,
+                    ...knobProps.label,
                     children: item.sublabel
                   })]
                 }), section.onRemoveItem && /* @__PURE__ */_jsx(Button, {
-                  size: "$1",
+                  size: "$2",
+                  circular: true,
                   chromeless: true,
                   icon: XIcon,
                   "aria-label": t("Remove {{name}}", {
@@ -211,14 +209,13 @@ function FormSidebar(param) {
                   onPress: function onPress() {
                     var _section_onRemoveItem;
                     return (_section_onRemoveItem = section.onRemoveItem) === null || _section_onRemoveItem === void 0 ? void 0 : _section_onRemoveItem.call(section, item);
-                  },
-                  ...pressTargetStyle()
+                  }
                 })]
               }, item.id);
             })
           }) : /* @__PURE__ */_jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: (_section_emptyText = section.emptyText) !== null && _section_emptyText !== void 0 ? _section_emptyText : t("None")
           })]
         }), sectionIdx < sections.length - 1 && /* @__PURE__ */_jsx(Separator, {})]
@@ -228,24 +225,25 @@ function FormSidebar(param) {
     metadata.length > 0 && /* @__PURE__ */_jsxs(YStack, {
       gap: "$1",
       children: [/* @__PURE__ */_jsx(Text, {
-        fontSize: headingFontSize,
-        fontWeight: "600",
-        color: "$color11",
+        color: componentColors.text.muted,
         paddingHorizontal: "$2",
+        ...knobProps.label,
+        fontWeight: "400",
         children: t("Info")
       }), metadata.map(function (entry) {
         var _entry_icon;
         return /* @__PURE__ */_jsx(ListItem, {
           size: knobProps.sizeToken,
           icon: (_entry_icon = entry.icon) !== null && _entry_icon !== void 0 ? _entry_icon : /* @__PURE__ */_jsx(UserIcon, {
-            size: metaIconSize,
-            color: "var(--color11)",
+            size: iconSize,
+            color: placeholderIconColor,
             style: {
               flexShrink: 0
             }
           }),
           title: /* @__PURE__ */_jsx(Text, {
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: entry.label
           }),
           backgroundColor: "transparent",