@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/cjs/surfaces.cjs

@@ -46,6 +46,26 @@ var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_SheetModal = require("./SheetModal/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+function NestedScale({
+  density,
+  children
+}) {
+  if (density === "compact") return children;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Preset, {
+    overrides: {
+      density: "compact"
+    },
+    children
+  });
+}
+const overlayFrameFocus = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+const overlayFrameFocusStyle = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
 function CardRoot({
   children,
   tier = "content",
@@ -53,7 +73,9 @@ function CardRoot({
 }) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
   const tierProps = tier === "elevated" ? {
     ...knobProps.elevatedSurface,
     ...knobProps.containerRadius
@@ -63,15 +85,25 @@ function CardRoot({
     ...tierProps,
     ...knobProps.gap,
     ...props,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 }
 function CardHeader({
   children,
   ...props
 }) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Header, {
     padding: 0,
+    ...knobProps.heading,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -80,8 +112,15 @@ function CardFooter({
   children,
   ...props
 }) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Footer, {
     padding: 0,
+    ...knobProps.body,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -110,25 +149,44 @@ const overlayEnterExit = {
 const DialogContent = (0, import_react.forwardRef)(function DialogContent2({
   children,
   ...props
+}, ref) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Surface, {
+    size: "md",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+const DialogContentInner = (0, import_react.forwardRef)(function DialogContentInner2({
+  children,
+  ...props
 }, ref) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "DialogContent"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Content, {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
+    ...knobProps.elevatedSurface,
     ...knobProps.containerRadius,
-    elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     transition: knobProps.transition,
     enterStyle: overlayEnterExit,
     exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogRegionContext.Provider, {
       value: IN_DIALOG_REGION,
-      children
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+        density: knobProps.density,
+        children
+      })
     })
   });
 });
@@ -158,15 +216,23 @@ const PopoverContent = (0, import_react.forwardRef)(function PopoverContent2({
 }, ref) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "PopoverContent"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
     ref,
     ...knobProps.elevatedSurface,
     transition: knobProps.transition,
     enterStyle: overlayEnterExit,
     exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 const SheetFrame = (0, import_react.forwardRef)(function SheetFrame2({
@@ -175,17 +241,25 @@ const SheetFrame = (0, import_react.forwardRef)(function SheetFrame2({
 }, ref) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SheetFrame"
+  });
   const frameProps = {
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
     ...knobProps.panelPadding,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
     ...frameProps,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 const Panel = (0, import_react.forwardRef)(function Panel2({
@@ -194,20 +268,23 @@ const Panel = (0, import_react.forwardRef)(function Panel2({
 }, ref) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Panel"
+  });
   const viewProps = {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
+    ...knobProps.elevatedSurface,
     ...knobProps.containerRadius,
-    elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     ...props
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     ...viewProps,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 const KnobCard = Card;

package/dist/cjs/surfaces.native.js

@@ -48,6 +48,27 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_SheetModal = require("./SheetModal/index.native.js");
+function NestedScale(param) {
+  var {
+    density,
+    children
+  } = param;
+  if (density === "compact") return children;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Preset, {
+    overrides: {
+      density: "compact"
+    },
+    children
+  });
+}
+var overlayFrameFocus = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+var overlayFrameFocusStyle = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
 function CardRoot(param) {
   var {
     children,
@@ -56,7 +77,9 @@ function CardRoot(param) {
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
   var tierProps = tier === "elevated" ? {
     ...knobProps.elevatedSurface,
     ...knobProps.containerRadius
@@ -66,7 +89,10 @@ function CardRoot(param) {
     ...tierProps,
     ...knobProps.gap,
     ...props,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 }
 function CardHeader(param) {
@@ -74,8 +100,15 @@ function CardHeader(param) {
     children,
     ...props
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Header, {
     padding: 0,
+    ...knobProps.heading,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -85,8 +118,15 @@ function CardFooter(param) {
     children,
     ...props
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Footer, {
     padding: 0,
+    ...knobProps.body,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -113,28 +153,48 @@ var overlayEnterExit = {
   scale: 0.97
 };
 var DialogContent = /* @__PURE__ */(0, import_react.forwardRef)(function DialogContent2(param, ref) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Surface, {
+    size: "md",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+var DialogContentInner = /* @__PURE__ */(0, import_react.forwardRef)(function DialogContentInner2(param, ref) {
   var {
     children,
     ...props
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "DialogContent"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Content, {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
+    ...knobProps.elevatedSurface,
     ...knobProps.containerRadius,
-    elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     transition: knobProps.transition,
     enterStyle: overlayEnterExit,
     exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogRegionContext.Provider, {
       value: IN_DIALOG_REGION,
-      children
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+        density: knobProps.density,
+        children
+      })
     })
   });
 });
@@ -166,15 +226,23 @@ var PopoverContent = /* @__PURE__ */(0, import_react.forwardRef)(function Popove
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "PopoverContent"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
     ref,
     ...knobProps.elevatedSurface,
     transition: knobProps.transition,
     enterStyle: overlayEnterExit,
     exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 var SheetFrame = /* @__PURE__ */(0, import_react.forwardRef)(function SheetFrame2(param, ref) {
@@ -184,17 +252,25 @@ var SheetFrame = /* @__PURE__ */(0, import_react.forwardRef)(function SheetFrame
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "SheetFrame"
+  });
   var frameProps = {
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
     ...knobProps.panelPadding,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
     ...frameProps,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 var Panel = /* @__PURE__ */(0, import_react.forwardRef)(function Panel2(param, ref) {
@@ -204,20 +280,23 @@ var Panel = /* @__PURE__ */(0, import_react.forwardRef)(function Panel2(param, r
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Panel"
+  });
   var viewProps = {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
+    ...knobProps.elevatedSurface,
     ...knobProps.containerRadius,
-    elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     ...props
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     ...viewProps,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 var KnobCard = Card;

package/dist/cjs/surfaces.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","surfaces_exports","__export","Card","CardFooter","CardHeader","DialogContent","DialogOverlay","DialogRegionContext","KnobCard","KnobDialogContent","KnobPanel","KnobPopoverContent","KnobSheetFrame","Panel","PopoverContent","SheetFrame","SheetModal","import_SheetModal","useDialogRegionContext","useIsInDialogRegion","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","CardRoot","param","children","tier","props","knobProps","useResolvedKnobs","tierProps","elevatedSurface","containerRadius","featureSurface","cardSurface","jsx","panelPadding","gap","Header","padding","Footer","withStaticProperties","createContext","inDialogRegion","useContext","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","forwardRef","DialogContent2","ref","Dialog","Content","surface","borderRadius","elevation","transition","enterStyle","exitStyle","Provider","scrimFade","DialogOverlay2","Overlay","backgroundColor","PopoverContent2","Popover","SheetFrame2","frameProps"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","surfaces_exports","__export","Card","CardFooter","CardHeader","DialogContent","DialogOverlay","DialogRegionContext","KnobCard","KnobDialogContent","KnobPanel","KnobPopoverContent","KnobSheetFrame","Panel","PopoverContent","SheetFrame","SheetModal","import_SheetModal","useDialogRegionContext","useIsInDialogRegion","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","NestedScale","param","density","children","jsx","Preset","overrides","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","CardRoot","tier","props","knobProps","useResolvedKnobs","component","tierProps","elevatedSurface","containerRadius","featureSurface","cardSurface","panelPadding","gap","Header","padding","heading","Footer","body","withStaticProperties","createContext","inDialogRegion","useContext","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","forwardRef","DialogContent2","ref","Surface","size","DialogContentInner","DialogContentInner2","Dialog","Content","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","scrimFade","DialogOverlay2","Overlay","backgroundColor"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/tamagui.cjs

@@ -22,13 +22,12 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var tamagui_exports = {};
 __export(tamagui_exports, {
-  Adapt: () => import_tamagui4.Adapt,
-  AlertDialog: () => import_tamagui4.AlertDialog,
+  Adapt: () => import_tamagui3.Adapt,
+  AlertDialog: () => import_tamagui3.AlertDialog,
   Anchor: () => import_tamagui2.Anchor,
-  AnimatePresence: () => import_tamagui5.AnimatePresence,
-  Button: () => import_tamagui3.Button,
+  AnimatePresence: () => import_tamagui4.AnimatePresence,
   Circle: () => import_tamagui.Circle,
-  Dialog: () => import_tamagui4.Dialog,
+  Dialog: () => import_tamagui3.Dialog,
   Group: () => import_tamagui.Group,
   H1: () => import_tamagui2.H1,
   H2: () => import_tamagui2.H2,
@@ -39,49 +38,50 @@ __export(tamagui_exports, {
   Heading: () => import_tamagui2.Heading,
   ListItem: () => import_tamagui.ListItem,
   Paragraph: () => import_tamagui2.Paragraph,
-  Popover: () => import_tamagui4.Popover,
-  Portal: () => import_tamagui4.Portal,
-  PortalProvider: () => import_tamagui4.PortalProvider,
+  Popover: () => import_tamagui3.Popover,
+  Portal: () => import_tamagui3.Portal,
+  PortalProvider: () => import_tamagui3.PortalProvider,
   ScrollView: () => import_tamagui.ScrollView,
   Separator: () => import_tamagui.Separator,
-  Sheet: () => import_tamagui4.Sheet,
+  Sheet: () => import_tamagui3.Sheet,
   SizableText: () => import_tamagui2.SizableText,
   Spacer: () => import_tamagui.Spacer,
-  Spinner: () => import_tamagui3.Spinner,
   Square: () => import_tamagui.Square,
-  TamaguiCheckbox: () => import_tamagui8.Checkbox,
-  TamaguiInput: () => import_tamagui8.Input,
-  TamaguiLabel: () => import_tamagui8.Label,
-  TamaguiProgress: () => import_tamagui8.Progress,
-  TamaguiProvider: () => import_tamagui5.TamaguiProvider,
-  TamaguiRadioGroup: () => import_tamagui8.RadioGroup,
-  TamaguiSelect: () => import_tamagui8.Select,
-  TamaguiSlider: () => import_tamagui8.Slider,
-  TamaguiSwitch: () => import_tamagui8.Switch,
-  TamaguiTextArea: () => import_tamagui8.TextArea,
-  TamaguiToggleGroup: () => import_tamagui8.ToggleGroup,
+  TamaguiButton: () => import_tamagui7.Button,
+  TamaguiCheckbox: () => import_tamagui7.Checkbox,
+  TamaguiInput: () => import_tamagui7.Input,
+  TamaguiLabel: () => import_tamagui7.Label,
+  TamaguiProgress: () => import_tamagui7.Progress,
+  TamaguiProvider: () => import_tamagui4.TamaguiProvider,
+  TamaguiRadioGroup: () => import_tamagui7.RadioGroup,
+  TamaguiSelect: () => import_tamagui7.Select,
+  TamaguiSlider: () => import_tamagui7.Slider,
+  TamaguiSpinner: () => import_tamagui7.Spinner,
+  TamaguiSwitch: () => import_tamagui7.Switch,
+  TamaguiTextArea: () => import_tamagui7.TextArea,
+  TamaguiToggleGroup: () => import_tamagui7.ToggleGroup,
   Text: () => import_tamagui2.Text,
-  Theme: () => import_tamagui5.Theme,
+  Theme: () => import_tamagui4.Theme,
   View: () => import_tamagui.View,
   XGroup: () => import_tamagui.XGroup,
   XStack: () => import_tamagui.XStack,
   YGroup: () => import_tamagui.YGroup,
   YStack: () => import_tamagui.YStack,
-  createStyledContext: () => import_tamagui7.createStyledContext,
-  getToken: () => import_tamagui7.getToken,
-  getTokenValue: () => import_tamagui7.getTokenValue,
-  getTokens: () => import_tamagui7.getTokens,
-  isClient: () => import_tamagui7.isClient,
-  isWeb: () => import_tamagui7.isWeb,
-  styled: () => import_tamagui7.styled,
-  useControllableState: () => import_tamagui6.useControllableState,
-  useDidFinishSSR: () => import_tamagui6.useDidFinishSSR,
-  useEvent: () => import_tamagui6.useEvent,
-  useMedia: () => import_tamagui6.useMedia,
-  usePropsAndStyle: () => import_tamagui6.usePropsAndStyle,
-  useTheme: () => import_tamagui6.useTheme,
-  useThemeName: () => import_tamagui6.useThemeName,
-  withStaticProperties: () => import_tamagui7.withStaticProperties
+  createStyledContext: () => import_tamagui6.createStyledContext,
+  getToken: () => import_tamagui6.getToken,
+  getTokenValue: () => import_tamagui6.getTokenValue,
+  getTokens: () => import_tamagui6.getTokens,
+  isClient: () => import_tamagui6.isClient,
+  isWeb: () => import_tamagui6.isWeb,
+  styled: () => import_tamagui6.styled,
+  useControllableState: () => import_tamagui5.useControllableState,
+  useDidFinishSSR: () => import_tamagui5.useDidFinishSSR,
+  useEvent: () => import_tamagui5.useEvent,
+  useMedia: () => import_tamagui5.useMedia,
+  usePropsAndStyle: () => import_tamagui5.usePropsAndStyle,
+  useTheme: () => import_tamagui5.useTheme,
+  useThemeName: () => import_tamagui5.useThemeName,
+  withStaticProperties: () => import_tamagui6.withStaticProperties
 });
 module.exports = __toCommonJS(tamagui_exports);
 var import_tamagui = require("tamagui");
@@ -90,5 +90,4 @@ var import_tamagui3 = require("tamagui");
 var import_tamagui4 = require("tamagui");
 var import_tamagui5 = require("tamagui");
 var import_tamagui6 = require("tamagui");
-var import_tamagui7 = require("tamagui");
-var import_tamagui8 = require("tamagui");
+var import_tamagui7 = require("tamagui");