@multiplatform.one/components 6.7.0 → 7.1.0

package/dist/esm/surfaces.mjs.map

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

package/dist/esm/surfaces.native.js

@@ -1,8 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Preset, Surface, useResolvedKnobs } from "@multiplatform.one/theme";
 import { createContext, forwardRef, useContext } from "react";
 import { Card as TamaguiCard, Dialog, Popover, Sheet, View, withStaticProperties } from "tamagui";
 import { SheetModal } from "./SheetModal/index.native.js";
+function NestedScale(param) {
+  var {
+    density,
+    children
+  } = param;
+  if (density === "compact") return children;
+  return /* @__PURE__ */_jsx(Preset, {
+    overrides: {
+      density: "compact"
+    },
+    children
+  });
+}
+var overlayFrameFocus = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+var overlayFrameFocusStyle = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
 function CardRoot(param) {
   var {
     children,
@@ -11,7 +32,9 @@ function CardRoot(param) {
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "Card"
+  });
   var tierProps = tier === "elevated" ? {
     ...knobProps.elevatedSurface,
     ...knobProps.containerRadius
@@ -21,7 +44,10 @@ function CardRoot(param) {
     ...tierProps,
     ...knobProps.gap,
     ...props,
-    children
+    children: /* @__PURE__ */_jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 }
 function CardHeader(param) {
@@ -29,8 +55,15 @@ function CardHeader(param) {
     children,
     ...props
   } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Card"
+  });
   return /* @__PURE__ */_jsx(TamaguiCard.Header, {
     padding: 0,
+    ...knobProps.heading,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -40,8 +73,15 @@ function CardFooter(param) {
     children,
     ...props
   } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Card"
+  });
   return /* @__PURE__ */_jsx(TamaguiCard.Footer, {
     padding: 0,
+    ...knobProps.body,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -68,28 +108,48 @@ var overlayEnterExit = {
   scale: 0.97
 };
 var DialogContent = /* @__PURE__ */forwardRef(function DialogContent2(param, ref) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsx(Surface, {
+    size: "md",
+    children: /* @__PURE__ */_jsx(DialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(param, ref) {
   var {
     children,
     ...props
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "DialogContent"
+  });
   return /* @__PURE__ */_jsx(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__ */_jsx(DialogRegionContext.Provider, {
       value: IN_DIALOG_REGION,
-      children
+      children: /* @__PURE__ */_jsx(NestedScale, {
+        density: knobProps.density,
+        children
+      })
     })
   });
 });
@@ -121,15 +181,23 @@ var PopoverContent = /* @__PURE__ */forwardRef(function PopoverContent2(param, r
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "PopoverContent"
+  });
   return /* @__PURE__ */_jsx(Popover.Content, {
     ref,
     ...knobProps.elevatedSurface,
     transition: knobProps.transition,
     enterStyle: overlayEnterExit,
     exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props,
-    children
+    children: /* @__PURE__ */_jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 var SheetFrame = /* @__PURE__ */forwardRef(function SheetFrame2(param, ref) {
@@ -139,17 +207,25 @@ var SheetFrame = /* @__PURE__ */forwardRef(function SheetFrame2(param, ref) {
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "SheetFrame"
+  });
   var frameProps = {
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
     ...knobProps.panelPadding,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props
   };
   return /* @__PURE__ */_jsx(Sheet.Frame, {
     ...frameProps,
-    children
+    children: /* @__PURE__ */_jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 var Panel = /* @__PURE__ */forwardRef(function Panel2(param, ref) {
@@ -159,20 +235,23 @@ var Panel = /* @__PURE__ */forwardRef(function Panel2(param, ref) {
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "Panel"
+  });
   var viewProps = {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
+    ...knobProps.elevatedSurface,
     ...knobProps.containerRadius,
-    elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     ...props
   };
   return /* @__PURE__ */_jsx(View, {
     ...viewProps,
-    children
+    children: /* @__PURE__ */_jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 var KnobCard = Card;

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

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

package/dist/esm/tamagui.mjs

@@ -1,10 +1,9 @@
 import { Circle, Group, ListItem, ScrollView, Separator, Spacer, Square, View, XGroup, XStack, YGroup, YStack } from "tamagui";
 import { Anchor, H1, H2, H3, H4, H5, H6, Heading, Paragraph, SizableText, Text } from "tamagui";
-import { Button, Spinner } from "tamagui";
 import { Adapt, AlertDialog, Dialog, Popover, Portal, PortalProvider, Sheet } from "tamagui";
 import { AnimatePresence, TamaguiProvider, Theme } from "tamagui";
 import { useControllableState, useDidFinishSSR, useEvent, useMedia, usePropsAndStyle, useTheme, useThemeName } from "tamagui";
 import { createStyledContext, getToken, getTokens, getTokenValue, isClient, isWeb, styled, withStaticProperties } from "tamagui";
-import { Checkbox, Input, Label, Progress, RadioGroup, Select, Slider, Switch, TextArea, ToggleGroup } from "tamagui";
-export { Adapt, AlertDialog, Anchor, AnimatePresence, Button, Circle, Dialog, Group, H1, H2, H3, H4, H5, H6, Heading, ListItem, Paragraph, Popover, Portal, PortalProvider, ScrollView, Separator, Sheet, SizableText, Spacer, Spinner, Square, Checkbox as TamaguiCheckbox, Input as TamaguiInput, Label as TamaguiLabel, Progress as TamaguiProgress, TamaguiProvider, RadioGroup as TamaguiRadioGroup, Select as TamaguiSelect, Slider as TamaguiSlider, Switch as TamaguiSwitch, TextArea as TamaguiTextArea, ToggleGroup as TamaguiToggleGroup, Text, Theme, View, XGroup, XStack, YGroup, YStack, createStyledContext, getToken, getTokenValue, getTokens, isClient, isWeb, styled, useControllableState, useDidFinishSSR, useEvent, useMedia, usePropsAndStyle, useTheme, useThemeName, withStaticProperties };
+import { Button, Checkbox, Input, Label, Progress, RadioGroup, Select, Slider, Spinner, Switch, TextArea, ToggleGroup } from "tamagui";
+export { Adapt, AlertDialog, Anchor, AnimatePresence, Circle, Dialog, Group, H1, H2, H3, H4, H5, H6, Heading, ListItem, Paragraph, Popover, Portal, PortalProvider, ScrollView, Separator, Sheet, SizableText, Spacer, Square, Button as TamaguiButton, Checkbox as TamaguiCheckbox, Input as TamaguiInput, Label as TamaguiLabel, Progress as TamaguiProgress, TamaguiProvider, RadioGroup as TamaguiRadioGroup, Select as TamaguiSelect, Slider as TamaguiSlider, Spinner as TamaguiSpinner, Switch as TamaguiSwitch, TextArea as TamaguiTextArea, ToggleGroup as TamaguiToggleGroup, Text, Theme, View, XGroup, XStack, YGroup, YStack, createStyledContext, getToken, getTokenValue, getTokens, isClient, isWeb, styled, useControllableState, useDidFinishSSR, useEvent, useMedia, usePropsAndStyle, useTheme, useThemeName, withStaticProperties };
 //# sourceMappingURL=tamagui.mjs.map

package/dist/esm/tamagui.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Circle","Group","ListItem","ScrollView","Separator","Spacer","Square","View","XGroup","XStack","YGroup","YStack","Anchor","H1","H2","H3","H4","H5","H6","Heading","Paragraph","SizableText","Text","Button","Spinner","Adapt","AlertDialog","Dialog","Popover","Portal","PortalProvider","Sheet","AnimatePresence","TamaguiProvider","Theme","useControllableState","useDidFinishSSR","useEvent","useMedia","usePropsAndStyle","useTheme","useThemeName","createStyledContext","getToken","getTokens","getTokenValue","isClient","isWeb","styled","withStaticProperties","Checkbox","Input","Label","Progress","RadioGroup","Select","Slider","Switch","TextArea","ToggleGroup"],"sources":["../../src/tamagui.ts"],"sourcesContent":[null],"mappings":"AAsBA,SACEA,MAAA,EACAC,KAAA,EACAC,QAAA,EACAC,UAAA,EACAC,SAAA,EACAC,MAAA,EACAC,MAAA,EACAC,IAAA,EACAC,MAAA,EACAC,MAAA,EACAC,MAAA,EACAC,MAAA,QACK;AAGP,SAASC,MAAA,EAAQC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,OAAA,EAASC,SAAA,EAAWC,WAAA,EAAaC,IAAA,QAAY;AAGtF,SAASC,MAAA,EAAQC,OAAA,QAAe;AAIhC,SAASC,KAAA,EAAOC,WAAA,EAAaC,MAAA,EAAQC,OAAA,EAASC,MAAA,EAAQC,cAAA,EAAgBC,KAAA,QAAa;AAGnF,SAASC,eAAA,EAAiBC,eAAA,EAAiBC,KAAA,QAAa;AAGxD,SACEC,oBAAA,EACAC,eAAA,EACAC,QAAA,EACAC,QAAA,EACAC,gBAAA,EACAC,QAAA,EACAC,YAAA,QACK;AAGP,SACEC,mBAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,QAAA,EACAC,KAAA,EACAC,MAAA,EACAC,oBAAA,QACK;AA2CP,SACcC,QAAA,EACHC,KAAA,EACAC,KAAA,EACGC,QAAA,EACEC,UAAA,EACJC,MAAA,EACAC,MAAA,EACAC,MAAA,EACEC,QAAA,EACGC,WAAA,QACV","ignoreList":[]}
+{"version":3,"names":["Circle","Group","ListItem","ScrollView","Separator","Spacer","Square","View","XGroup","XStack","YGroup","YStack","Anchor","H1","H2","H3","H4","H5","H6","Heading","Paragraph","SizableText","Text","Adapt","AlertDialog","Dialog","Popover","Portal","PortalProvider","Sheet","AnimatePresence","TamaguiProvider","Theme","useControllableState","useDidFinishSSR","useEvent","useMedia","usePropsAndStyle","useTheme","useThemeName","createStyledContext","getToken","getTokens","getTokenValue","isClient","isWeb","styled","withStaticProperties","Button","Checkbox","Input","Label","Progress","RadioGroup","Select","Slider","Spinner","Switch","TextArea","ToggleGroup"],"sources":["../../src/tamagui.ts"],"sourcesContent":[null],"mappings":"AAyBA,SACEA,MAAA,EACAC,KAAA,EACAC,QAAA,EACAC,UAAA,EACAC,SAAA,EACAC,MAAA,EACAC,MAAA,EACAC,IAAA,EACAC,MAAA,EACAC,MAAA,EACAC,MAAA,EACAC,MAAA,QACK;AAGP,SAASC,MAAA,EAAQC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,OAAA,EAASC,SAAA,EAAWC,WAAA,EAAaC,IAAA,QAAY;AAYtF,SAASC,KAAA,EAAOC,WAAA,EAAaC,MAAA,EAAQC,OAAA,EAASC,MAAA,EAAQC,cAAA,EAAgBC,KAAA,QAAa;AAGnF,SAASC,eAAA,EAAiBC,eAAA,EAAiBC,KAAA,QAAa;AAGxD,SACEC,oBAAA,EACAC,eAAA,EACAC,QAAA,EACAC,QAAA,EACAC,gBAAA,EACAC,QAAA,EACAC,YAAA,QACK;AAGP,SACEC,mBAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,QAAA,EACAC,KAAA,EACAC,MAAA,EACAC,oBAAA,QACK;AAyCP,SACYC,MAAA,EACEC,QAAA,EACHC,KAAA,EACAC,KAAA,EACGC,QAAA,EACEC,UAAA,EACJC,MAAA,EACAC,MAAA,EACCC,OAAA,EACDC,MAAA,EACEC,QAAA,EACGC,WAAA,QACV","ignoreList":[]}

package/dist/esm/tamagui.native.js

@@ -1,10 +1,9 @@
 import { Circle, Group, ListItem, ScrollView, Separator, Spacer, Square, View, XGroup, XStack, YGroup, YStack } from "tamagui";
 import { Anchor, H1, H2, H3, H4, H5, H6, Heading, Paragraph, SizableText, Text } from "tamagui";
-import { Button, Spinner } from "tamagui";
 import { Adapt, AlertDialog, Dialog, Popover, Portal, PortalProvider, Sheet } from "tamagui";
 import { AnimatePresence, TamaguiProvider, Theme } from "tamagui";
 import { useControllableState, useDidFinishSSR, useEvent, useMedia, usePropsAndStyle, useTheme, useThemeName } from "tamagui";
 import { createStyledContext, getToken, getTokens, getTokenValue, isClient, isWeb, styled, withStaticProperties } from "tamagui";
-import { Checkbox, Input, Label, Progress, RadioGroup, Select, Slider, Switch, TextArea, ToggleGroup } from "tamagui";
-export { Adapt, AlertDialog, Anchor, AnimatePresence, Button, Circle, Dialog, Group, H1, H2, H3, H4, H5, H6, Heading, ListItem, Paragraph, Popover, Portal, PortalProvider, ScrollView, Separator, Sheet, SizableText, Spacer, Spinner, Square, Checkbox as TamaguiCheckbox, Input as TamaguiInput, Label as TamaguiLabel, Progress as TamaguiProgress, TamaguiProvider, RadioGroup as TamaguiRadioGroup, Select as TamaguiSelect, Slider as TamaguiSlider, Switch as TamaguiSwitch, TextArea as TamaguiTextArea, ToggleGroup as TamaguiToggleGroup, Text, Theme, View, XGroup, XStack, YGroup, YStack, createStyledContext, getToken, getTokenValue, getTokens, isClient, isWeb, styled, useControllableState, useDidFinishSSR, useEvent, useMedia, usePropsAndStyle, useTheme, useThemeName, withStaticProperties };
+import { Button, Checkbox, Input, Label, Progress, RadioGroup, Select, Slider, Spinner, Switch, TextArea, ToggleGroup } from "tamagui";
+export { Adapt, AlertDialog, Anchor, AnimatePresence, Circle, Dialog, Group, H1, H2, H3, H4, H5, H6, Heading, ListItem, Paragraph, Popover, Portal, PortalProvider, ScrollView, Separator, Sheet, SizableText, Spacer, Square, Button as TamaguiButton, Checkbox as TamaguiCheckbox, Input as TamaguiInput, Label as TamaguiLabel, Progress as TamaguiProgress, TamaguiProvider, RadioGroup as TamaguiRadioGroup, Select as TamaguiSelect, Slider as TamaguiSlider, Spinner as TamaguiSpinner, Switch as TamaguiSwitch, TextArea as TamaguiTextArea, ToggleGroup as TamaguiToggleGroup, Text, Theme, View, XGroup, XStack, YGroup, YStack, createStyledContext, getToken, getTokenValue, getTokens, isClient, isWeb, styled, useControllableState, useDidFinishSSR, useEvent, useMedia, usePropsAndStyle, useTheme, useThemeName, withStaticProperties };
 //# sourceMappingURL=tamagui.native.js.map

package/dist/esm/tamagui.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Circle","Group","ListItem","ScrollView","Separator","Spacer","Square","View","XGroup","XStack","YGroup","YStack","Anchor","H1","H2","H3","H4","H5","H6","Heading","Paragraph","SizableText","Text","Button","Spinner","Adapt","AlertDialog","Dialog","Popover","Portal","PortalProvider","Sheet","AnimatePresence","TamaguiProvider","Theme","useControllableState","useDidFinishSSR","useEvent","useMedia","usePropsAndStyle","useTheme","useThemeName","createStyledContext","getToken","getTokens","getTokenValue","isClient","isWeb","styled","withStaticProperties","Checkbox","Input","Label","Progress","RadioGroup","Select","Slider","Switch","TextArea","ToggleGroup","TamaguiCheckbox","TamaguiInput","TamaguiLabel","TamaguiProgress","TamaguiRadioGroup","TamaguiSelect","TamaguiSlider","TamaguiSwitch","TamaguiTextArea","TamaguiToggleGroup"],"sources":["../../src/tamagui.ts"],"sourcesContent":[null],"mappings":"AAsBA,SAAAA,MAAA,EAAAC,KAAA,EAAAC,QAAA,EAAAC,UAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACEC,MAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,OAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,IAAA;AAAA,SACAC,MAAA,EAAAC,OAAA;AAAA,SACAC,KAAA,EAAAC,WAAA,EAAAC,MAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,KAAA;AAAA,SACAC,eAAA,EAAAC,eAAA,EAAAC,KAAA;AAAA,SACAC,oBAAA,EAAAC,eAAA,EAAAC,QAAA,EAAAC,QAAA,EAAAC,gBAAA,EAAAC,QAAA,EAAAC,YAAA;AAAA,SACAC,mBAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,oBAAA;AAAA,SACAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,QAAA,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,WAAA;AAAA,SAEAlC,KAAA,EACAC,WAAA,EACAd,MAAA,EACAoB,eAAA,EAAAT,MACK,EAGPvB,MAAA,EAGA2B,MAAA,EAIA1B,KAAA,EAGAY,EAAA,EAGAC,EAAA,EACEC,EAAA,EACAC,EAAA,EACAC,EAAA,EACAC,EAAA,EACAC,OAAA,EACAjB,QAAA,EACAkB,SAAA,EAAAQ,OACK,EAGPC,MAAA,EACEC,cAAA,EACA3B,UAAA,EACAC,SAAA,EACA2B,KAAA,EACAV,WAAA,EACAhB,MAAA,EACAmB,OAAA,EACAlB,MAAA,EAAA4C,QACK,IAAAU,eAAA,EA2CPT,KAAA,IAAAU,YAAA,EACcT,KAAA,IAAAU,YAAA,EACHT,QAAA,IAAAU,eAAA,EACA9B,eAAA,EACGqB,UAAA,IAAAU,iBAAA,EACET,MAAA,IAAAU,aAAA,EACJT,MAAA,IAAAU,aAAA,EACAT,MAAA,IAAAU,aAAA,EACAT,QAAA,IAAAU,eAAA,EACET,WAAA,IAAAU,kBAAA,EACG/C,IAAA,EAAAY,KACV,E","ignoreList":[]}
+{"version":3,"names":["Circle","Group","ListItem","ScrollView","Separator","Spacer","Square","View","XGroup","XStack","YGroup","YStack","Anchor","H1","H2","H3","H4","H5","H6","Heading","Paragraph","SizableText","Text","Adapt","AlertDialog","Dialog","Popover","Portal","PortalProvider","Sheet","AnimatePresence","TamaguiProvider","Theme","useControllableState","useDidFinishSSR","useEvent","useMedia","usePropsAndStyle","useTheme","useThemeName","createStyledContext","getToken","getTokens","getTokenValue","isClient","isWeb","styled","withStaticProperties","Button","Checkbox","Input","Label","Progress","RadioGroup","Select","Slider","Spinner","Switch","TextArea","ToggleGroup","TamaguiButton","TamaguiCheckbox","TamaguiInput","TamaguiLabel","TamaguiProgress","TamaguiRadioGroup","TamaguiSelect","TamaguiSlider","TamaguiSpinner","TamaguiSwitch","TamaguiTextArea","TamaguiToggleGroup"],"sources":["../../src/tamagui.ts"],"sourcesContent":[null],"mappings":"AAyBA,SAAAA,MAAA,EAAAC,KAAA,EAAAC,QAAA,EAAAC,UAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACEC,MAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,OAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,IAAA;AAAA,SACAC,KAAA,EAAAC,WAAA,EAAAC,MAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,KAAA;AAAA,SACAC,eAAA,EAAAC,eAAA,EAAAC,KAAA;AAAA,SACAC,oBAAA,EAAAC,eAAA,EAAAC,QAAA,EAAAC,QAAA,EAAAC,gBAAA,EAAAC,QAAA,EAAAC,YAAA;AAAA,SACAC,mBAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,oBAAA;AAAA,SACAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,QAAA,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,WAAA;AAAA,SAEApC,KAAA,EACAC,WAAA,EACAZ,MAAA,EACAkB,eAAA,EACA9B,MAAA,EAAAyB,MACK,EAGPxB,KAAA,EAYAY,EAAA,EAGAC,EAAA,EAGAC,EAAA,EACEC,EAAA,EACAC,EAAA,EACAC,EAAA,EACAC,OAAA,EACAjB,QAAA,EACAkB,SAAA,EACAM,OAAA,EAAAC,MACK,EAGPC,cAAA,EACEzB,UAAA,EACAC,SAAA,EACAyB,KAAA,EACAR,WAAA,EACAhB,MAAA,EACAC,MAAA,EACA0C,MAAA,IAAAY,aAAA,EACAX,QAAA,IAAAY,eAAA,EAAAX,KACK,IAAAY,YAAA,EAyCPX,KAAA,IAAAY,YAAA,EACYX,QAAA,IAAAY,eAAA,EACEjC,eAAA,EACHsB,UAAA,IAAAY,iBAAA,EACAX,MAAA,IAAAY,aAAA,EACGX,MAAA,IAAAY,aAAA,EACEX,OAAA,IAAAY,cAAA,EACJX,MAAA,IAAAY,aAAA,EACAX,QAAA,IAAAY,eAAA,EACCX,WAAA,IAAAY,kBAAA,EACDjD,IAAA,EACEU,KAAA,EACGzB,IAAA,EAAAC,MACV,E","ignoreList":[]}

package/dist/esm/views/Calendar.mjs

@@ -2,9 +2,9 @@ import { componentColors, sectionHeading } from "../componentColors.mjs";
 import { ViewSwitcher } from "../layouts/ViewSwitcher.mjs";
 import { withInterp } from "../shared/t.mjs";
 import { MINUTES_PER_DAY, computeResizeRange, createRangeFromDrag, eventAccessibleLabel, formatTimeRangeLabel, layoutDayBlocks, minutesOfDay, minutesToY, moveFocusDate, moveFocusSlot, moveRangeToSlot, snapMinutes, yToMinutes } from "./calendarMath.mjs";
-import { formatDayLong, formatTimeOfDay, getMonthNames, getWeekdayNames, hairline, hairlineWidth, pressTargetHitSlop, radiusClassProps, useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
+import { formatCalendarDate, formatDayLong, formatTimeOfDay, getMonthNames, getWeekdayNames, hairline, hairlineWidth, keyboardFocusRingProps, MIN_PRESS_TARGET, pressTargetHitSlop, radiusClassProps, ensureFocusVisibleRing, ensureKeyboardModalityTracking, useReadableTextOn, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
 import React, { useState, useMemo, useCallback, useEffect, useId, useRef } from "react";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "../shared/i18n.mjs";
 import { Button, FloatingPanel, Input, zIndex } from "@multiplatform.one/forms";
 import { AnimatePresence, ScrollView, Text, XStack, YStack, isWeb, styled } from "tamagui";
 import { useDirection } from "../hooks/useDirection.mjs";
@@ -70,10 +70,7 @@ function getWeekDays(date, firstDayOfWeek) {
   return days;
 }
 function formatDateKey(date) {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
+  return formatCalendarDate(date);
 }
 function addMonths(date, delta) {
   const next = new Date(date);
@@ -149,9 +146,47 @@ const TOUCH_LONG_PRESS_MS = 300;
 const TOUCH_SLOP_PX = 8;
 const LIFT_SHADOW = "0px 8px 28px rgba(0,0,0,0.18), 0px 2px 6px rgba(0,0,0,0.08)";
 const MIN_BLOCK_PX = 18;
-const RESIZE_ZONE_PX = 44;
-const DAY_DISC_PX = 22;
+const RESIZE_ZONE_PX = MIN_PRESS_TARGET;
 const MONTH_CHIP_MIN_PX = 24;
+function DayNumberDisc({
+  date,
+  today,
+  inMonth,
+  focused,
+  onAccent,
+  nestedPx,
+  nestedHitSlop,
+  nestedBox,
+  label
+}) {
+  return /* @__PURE__ */jsx(YStack, {
+    ...nestedBox,
+    flexShrink: 0,
+    borderRadius: nestedPx / 2,
+    ...radiusClassProps("R-PILL", "Calendar today marker"),
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: today ? "$accentBackground" : "transparent",
+    hitSlop: nestedHitSlop,
+    ...(focused && wasKeyboardFocus() ? keyboardFocusRingProps : {
+      outlineWidth: 0
+    }),
+    ...(today && {
+      "data-calendar-today": "true"
+    }),
+    ...{
+      "data-nested-px": nestedPx,
+      "data-calendar-day-disc": "true"
+    },
+    children: /* @__PURE__ */jsx(Text, {
+      ...label,
+      fontWeight: today ? "700" : label.fontWeight,
+      color: today ? onAccent ?? "$accentColor" : inMonth ? "$color" : componentColors.text.muted,
+      textAlign: "center",
+      children: date.getDate()
+    })
+  });
+}
 function getHours() {
   return Array.from({
     length: 24
@@ -377,6 +412,16 @@ function Calendar({
   const {
     knobProps
   } = useResolvedKnobs();
+  const {
+    knobProps: nestedKnobs
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const {
+    px: nestedPx,
+    hitSlop: nestedHitSlop,
+    ...nestedBox
+  } = nestedKnobs.nestedControl;
   const onAccent = useReadableTextOn("$accentBackground");
   const calendarId = useId();
   const isRTL = useDirection() === "rtl";
@@ -388,7 +433,7 @@ function Calendar({
   const space = knobProps.space;
   const cellPad = space === "small" ? 2 : space === "large" ? 7 : 4;
   const chipGap = space === "small" ? 2 : space === "large" ? 5 : 3;
-  const monthRowHardFloor = cellPad * 2 + DAY_DISC_PX + chipGap + MONTH_CHIP_MIN_PX;
+  const monthRowHardFloor = cellPad * 2 + nestedPx + chipGap + MONTH_CHIP_MIN_PX;
   const [monthBodyHeight, setMonthBodyHeight] = useState(0);
   const overlayInset = isRTL ? {
     left: 2,
@@ -916,6 +961,11 @@ function Calendar({
   const [focusedDate, setFocusedDate] = useState(null);
   const [focusedSlotMin, setFocusedSlotMin] = useState(9 * 60);
   const [announcement, setAnnouncement] = useState("");
+  if (typeof document !== "undefined") ensureKeyboardModalityTracking();
+  const handleBodyFocus = useCallback(() => {
+    if (!wasKeyboardFocus()) return;
+    setFocusedDate(prev => prev ?? currentDate);
+  }, [currentDate]);
   useEffect(() => {
     if (hasNavigatedRef.current) setAnnouncement(displayTitle);
   }, [displayTitle]);
@@ -983,6 +1033,13 @@ function Calendar({
     role: "button",
     tabIndex: 0,
     "aria-label": eventAccessibleLabel(event),
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: ensureFocusVisibleRing({
+      outlineOffset: -2
+    }),
     onKeyDown: ke => {
       if (ke.key === "Enter" || ke.key === " ") {
         ke.preventDefault?.();
@@ -1056,13 +1113,9 @@ function Calendar({
       "aria-label": t("Calendar"),
       tabIndex: 0,
       "aria-activedescendant": focusCellId,
+      onFocus: handleBodyFocus,
       onKeyDown: handleBodyKeyDown,
       outlineWidth: 0,
-      focusVisibleStyle: {
-        outlineWidth: 2,
-        outlineColor: "$accentBackground",
-        outlineStyle: "solid"
-      },
       ...{
         "data-calendar-body": view
       },
@@ -1079,9 +1132,8 @@ function Calendar({
             backgroundColor: componentColors.surface.background
           },
           children: /* @__PURE__ */jsx(Text, {
-            ...knobProps.body,
+            ...nestedKnobs.label,
             fontWeight: "500",
-            fontSize: "$2",
             color: componentColors.text.muted,
             children: day
           })
@@ -1135,12 +1187,7 @@ function Calendar({
                 borderColor: "$borderColor",
                 backgroundColor: isDropTarget ? "$accentBackground" : isCurrentMonth ? "$background" : componentColors.surface.background,
                 padding: cellPad,
-                ...(isFocused && {
-                  outlineWidth: 2,
-                  outlineColor: "$accentBackground",
-                  outlineStyle: "solid",
-                  outlineOffset: -2
-                }),
+                outlineWidth: 0,
                 ...{
                   "data-calendar-day": dayKey
                 },
@@ -1155,28 +1202,16 @@ function Calendar({
                 children: [/* @__PURE__ */jsx(XStack, {
                   justifyContent: "flex-end",
                   paddingInlineEnd: "$1",
-                  children: /* @__PURE__ */jsx(YStack, {
-                    width: DAY_DISC_PX,
-                    height: DAY_DISC_PX,
-                    borderRadius: DAY_DISC_PX / 2,
-                    ...radiusClassProps("R-PILL", "Calendar today marker"),
-                    alignItems: "center",
-                    justifyContent: "center",
-                    backgroundColor: today ? "$accentBackground" : "transparent",
-                    ...(today && {
-                      "data-calendar-today": "true"
-                    }),
-                    children: /* @__PURE__ */jsx(Text, {
-                      ...knobProps.body,
-                      fontSize: "$2",
-                      fontWeight: today ? "700" : "400",
-                      color: today ? onAccent ?? "$accentColor" : isCurrentMonth ? "$color" :
-                      // muted, not subtle: adjacent-month days are
-                      // clickable text — $color8 measured 1.79:1
-                      componentColors.text.muted,
-                      textAlign: "center",
-                      children: day.getDate()
-                    })
+                  children: /* @__PURE__ */jsx(DayNumberDisc, {
+                    date: day,
+                    today,
+                    inMonth: isCurrentMonth,
+                    focused: isFocused,
+                    onAccent,
+                    nestedPx,
+                    nestedHitSlop,
+                    nestedBox,
+                    label: nestedKnobs.label
                   })
                 }), /* @__PURE__ */jsxs(YStack, {
                   gap: chipGap,
@@ -1192,6 +1227,7 @@ function Calendar({
                       }),
                       cursor: "pointer",
                       paddingInlineStart: "$1",
+                      hitSlop: nestedHitSlop,
                       onPress: isWeb ? e => e?.stopPropagation?.() : void 0,
                       hoverStyle: {
                         opacity: 0.7
@@ -1370,13 +1406,9 @@ function Calendar({
       "aria-label": t("Calendar"),
       tabIndex: 0,
       "aria-activedescendant": focusCellId,
+      onFocus: handleBodyFocus,
       onKeyDown: handleBodyKeyDown,
       outlineWidth: 0,
-      focusVisibleStyle: {
-        outlineWidth: 2,
-        outlineColor: "$accentBackground",
-        outlineStyle: "solid"
-      },
       ...{
         "data-calendar-body": view
       },
@@ -1389,30 +1421,36 @@ function Calendar({
           flex: 1,
           padding: "$2",
           alignItems: "center",
+          minHeight: MIN_PRESS_TARGET,
+          cursor: "pointer",
           ...{
             backgroundColor: componentColors.surface.background
           },
-          ...(isToday(day) && {
-            backgroundColor: componentColors.interactive.background
-          }),
+          onPress: () => {
+            if (suppressClickRef.current) return;
+            onDateSelect?.(day);
+          },
           children: [/* @__PURE__ */jsx(Text, {
-            ...knobProps.body,
+            ...nestedKnobs.label,
             fontWeight: "500",
-            fontSize: "$2",
             color: componentColors.text.muted,
             children: weekdayNames[day.getDay()]
-          }), /* @__PURE__ */jsx(Text, {
-            ...knobProps.body,
-            fontWeight: isToday(day) ? "700" : "400",
-            fontSize: knobProps.sizeToken,
-            color: isToday(day) ? "$accentColor" : "$color",
-            children: day.getDate()
+          }), /* @__PURE__ */jsx(DayNumberDisc, {
+            date: day,
+            today: isToday(day),
+            inMonth: true,
+            focused: false,
+            onAccent,
+            nestedPx,
+            nestedHitSlop,
+            nestedBox,
+            label: nestedKnobs.label
           })]
         }, day.toISOString()))]
       }), /* @__PURE__ */jsxs(XStack, {
         ...hairline.bottom,
         borderColor: "$borderColor",
-        minHeight: 30,
+        minHeight: MIN_PRESS_TARGET,
         children: [/* @__PURE__ */jsx(YStack, {
           width: 56,
           justifyContent: "center",
@@ -1590,7 +1628,7 @@ function Calendar({
                     })]
                   })
                 })
-              }), focusHere && /* @__PURE__ */jsx(YStack, {
+              }), focusHere && wasKeyboardFocus() && /* @__PURE__ */jsx(YStack, {
                 id: `${calendarId}-slot-cursor`,
                 ...{
                   role: "gridcell"
@@ -1601,8 +1639,7 @@ function Calendar({
                 top: minutesToY(focusedSlotMin, hourHeight),
                 height: minutesToY(slotMinutes, hourHeight),
                 ...knobProps.borderRadius,
-                borderWidth: 2,
-                borderColor: "$accentBackground",
+                ...keyboardFocusRingProps,
                 pointerEvents: "none",
                 zIndex: 3,
                 transition: webLayoutTransition,