@fairmint/ui 0.2.15 → 0.2.16

package/dist/fairmint-ui.js

@@ -15839,14 +15839,14 @@ function useAvatarGroupContext() {
   const ctx = useContext(AvatarGroupContext);
   return { withinGroup: !!ctx };
 }
-const varsResolver$v = createVarsResolver((_, { spacing }) => ({
+const varsResolver$v = createVarsResolver((_, { spacing: spacing2 }) => ({
   group: {
-    "--ag-spacing": getSpacing(spacing)
+    "--ag-spacing": getSpacing(spacing2)
   }
 }));
 const AvatarGroup = factory((_props, ref) => {
   const props = useProps("AvatarGroup", null, _props);
-  const { classNames: classNames2, className, style, styles, unstyled, vars, spacing, attributes, ...others } = props;
+  const { classNames: classNames2, className, style, styles, unstyled, vars, spacing: spacing2, attributes, ...others } = props;
   const getStyles2 = useStyles({
     name: "AvatarGroup",
     classes: classes$t,
@@ -21383,15 +21383,15 @@ Select$1.classes = { ...InputBase.classes, ...Combobox.classes };
 Select$1.displayName = "@mantine/core/Select";
 var classes$8 = { "container": "m_925c2d2c", "root": "m_2415a157" };
 function SimpleGridMediaVariables({
-  spacing,
+  spacing: spacing2,
   verticalSpacing,
   cols,
   selector
 }) {
   const theme2 = useMantineTheme();
-  const _verticalSpacing = verticalSpacing === void 0 ? spacing : verticalSpacing;
+  const _verticalSpacing = verticalSpacing === void 0 ? spacing2 : verticalSpacing;
   const baseStyles = filterProps({
-    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing)),
+    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing2)),
     "--sg-spacing-y": getSpacing(getBaseValue$1(_verticalSpacing)),
     "--sg-cols": getBaseValue$1(cols)?.toString()
   });
@@ -21400,8 +21400,8 @@ function SimpleGridMediaVariables({
       if (!acc[breakpoint]) {
         acc[breakpoint] = {};
       }
-      if (typeof spacing === "object" && spacing[breakpoint] !== void 0) {
-        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing[breakpoint]);
+      if (typeof spacing2 === "object" && spacing2[breakpoint] !== void 0) {
+        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing2[breakpoint]);
       }
       if (typeof _verticalSpacing === "object" && _verticalSpacing[breakpoint] !== void 0) {
         acc[breakpoint]["--sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint]);
@@ -21432,13 +21432,13 @@ function sortBreakpoints(breakpoints) {
   return breakpoints.sort((a, b) => px(a) - px(b));
 }
 function getUniqueBreakpoints({
-  spacing,
+  spacing: spacing2,
   verticalSpacing,
   cols
 }) {
   const breakpoints = Array.from(
     /* @__PURE__ */ new Set([
-      ...getBreakpoints(spacing),
+      ...getBreakpoints(spacing2),
       ...getBreakpoints(verticalSpacing),
       ...getBreakpoints(cols)
     ])
@@ -21446,25 +21446,25 @@ function getUniqueBreakpoints({
   return sortBreakpoints(breakpoints);
 }
 function SimpleGridContainerVariables({
-  spacing,
+  spacing: spacing2,
   verticalSpacing,
   cols,
   selector
 }) {
-  const _verticalSpacing = verticalSpacing === void 0 ? spacing : verticalSpacing;
+  const _verticalSpacing = verticalSpacing === void 0 ? spacing2 : verticalSpacing;
   const baseStyles = filterProps({
-    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing)),
+    "--sg-spacing-x": getSpacing(getBaseValue$1(spacing2)),
     "--sg-spacing-y": getSpacing(getBaseValue$1(_verticalSpacing)),
     "--sg-cols": getBaseValue$1(cols)?.toString()
   });
-  const uniqueBreakpoints = getUniqueBreakpoints({ spacing, verticalSpacing, cols });
+  const uniqueBreakpoints = getUniqueBreakpoints({ spacing: spacing2, verticalSpacing, cols });
   const queries = uniqueBreakpoints.reduce(
     (acc, breakpoint) => {
       if (!acc[breakpoint]) {
         acc[breakpoint] = {};
       }
-      if (typeof spacing === "object" && spacing[breakpoint] !== void 0) {
-        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing[breakpoint]);
+      if (typeof spacing2 === "object" && spacing2[breakpoint] !== void 0) {
+        acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing2[breakpoint]);
       }
       if (typeof _verticalSpacing === "object" && _verticalSpacing[breakpoint] !== void 0) {
         acc[breakpoint]["--sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint]);
@@ -21498,7 +21498,7 @@ const SimpleGrid = factory((_props, ref) => {
     vars,
     cols,
     verticalSpacing,
-    spacing,
+    spacing: spacing2,
     type,
     attributes,
     ...others
@@ -26768,6 +26768,13 @@ const z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   void: voidType
 }, Symbol.toStringTag, { value: "Module" }));
+const spacing = {
+  xs: "0.625rem",
+  sm: "0.75rem",
+  md: "1rem",
+  lg: "1.25rem",
+  xl: "2rem"
+};
 const colors = {
   /** Primary UI color — buttons, links, active states. */
   primary: "indigo",
@@ -26919,6 +26926,7 @@ const theme = createTheme({
   },
   radius: radii,
   defaultRadius: "md",
+  spacing,
   breakpoints: {
     xs: "30em",
     sm: "48em",
@@ -31241,6 +31249,7 @@ export {
   phoneSchema,
   radii,
   semanticColors,
+  spacing,
   theme,
   truncateAddress,
   typography,