@sytechui/theme 2.4.26

package/dist/chunk-GHZ36ATJ.mjs

@@ -0,0 +1,17 @@
+// src/colors/blue.ts
+var blue = {
+  50: "#e6f1fe",
+  100: "#cce3fd",
+  200: "#99c7fb",
+  300: "#66aaf9",
+  400: "#338ef7",
+  500: "#006FEE",
+  600: "#005bc4",
+  700: "#004493",
+  800: "#002e62",
+  900: "#001731"
+};
+
+export {
+  blue
+};

package/dist/chunk-GMH4QQZS.mjs

@@ -0,0 +1,16 @@
+import {
+  semanticColors
+} from "./chunk-JC3ABGTC.mjs";
+import {
+  commonColors
+} from "./chunk-NTTT6BHX.mjs";
+
+// src/colors/index.ts
+var colors = {
+  ...commonColors,
+  ...semanticColors
+};
+
+export {
+  colors
+};

package/dist/chunk-GQT3YUX3.mjs

@@ -0,0 +1,77 @@
+// src/utils/variants.ts
+var solid = {
+  default: "bg-default text-default-foreground",
+  primary: "bg-primary text-primary-foreground",
+  secondary: "bg-secondary text-secondary-foreground",
+  success: "bg-success text-success-foreground",
+  warning: "bg-warning text-warning-foreground",
+  danger: "bg-danger text-danger-foreground",
+  foreground: "bg-foreground text-background"
+};
+var shadow = {
+  default: "shadow-lg shadow-default/50 bg-default text-default-foreground",
+  primary: "shadow-lg shadow-primary/40 bg-primary text-primary-foreground",
+  secondary: "shadow-lg shadow-secondary/40 bg-secondary text-secondary-foreground",
+  success: "shadow-lg shadow-success/40 bg-success text-success-foreground",
+  warning: "shadow-lg shadow-warning/40 bg-warning text-warning-foreground",
+  danger: "shadow-lg shadow-danger/40 bg-danger text-danger-foreground",
+  foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
+};
+var bordered = {
+  default: "bg-transparent border-default text-foreground",
+  primary: "bg-transparent border-primary text-primary",
+  secondary: "bg-transparent border-secondary text-secondary",
+  success: "bg-transparent border-success text-success",
+  warning: "bg-transparent border-warning text-warning",
+  danger: "bg-transparent border-danger text-danger",
+  foreground: "bg-transparent border-foreground text-foreground"
+};
+var flat = {
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-600",
+  secondary: "bg-secondary/20 text-secondary-600",
+  success: "bg-success/20 text-success-700 dark:text-success",
+  warning: "bg-warning/20 text-warning-700 dark:text-warning",
+  danger: "bg-danger/20 text-danger-600 dark:text-danger-500",
+  foreground: "bg-foreground/10 text-foreground"
+};
+var faded = {
+  default: "border-default bg-default-100 text-default-foreground",
+  primary: "border-default bg-default-100 text-primary",
+  secondary: "border-default bg-default-100 text-secondary",
+  success: "border-default bg-default-100 text-success",
+  warning: "border-default bg-default-100 text-warning",
+  danger: "border-default bg-default-100 text-danger",
+  foreground: "border-default bg-default-100 text-foreground"
+};
+var light = {
+  default: "bg-transparent text-default-foreground",
+  primary: "bg-transparent text-primary",
+  secondary: "bg-transparent text-secondary",
+  success: "bg-transparent text-success",
+  warning: "bg-transparent text-warning",
+  danger: "bg-transparent text-danger",
+  foreground: "bg-transparent text-foreground"
+};
+var ghost = {
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
+  foreground: "border-foreground text-foreground hover:!bg-foreground"
+};
+var colorVariants = {
+  solid,
+  shadow,
+  bordered,
+  flat,
+  faded,
+  light,
+  ghost
+};
+
+export {
+  colorVariants
+};

package/dist/chunk-GSRZWDGA.mjs

@@ -0,0 +1,62 @@
+// src/utilities/transition.ts
+var DEFAULT_TRANSITION_DURATION = "250ms";
+var transition_default = {
+  /**
+   * Transition utilities
+   */
+  ".transition-background": {
+    "transition-property": "background",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-colors-opacity": {
+    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-width": {
+    "transition-property": "width",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-height": {
+    "transition-property": "height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-size": {
+    "transition-property": "width, height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-left": {
+    "transition-property": "left",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-opacity": {
+    "transition-property": "transform, scale, opacity rotate",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-background": {
+    "transition-property": "transform, scale, background",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors": {
+    "transition-property": "transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors-opacity": {
+    "transition-property": "transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  }
+};
+
+export {
+  DEFAULT_TRANSITION_DURATION,
+  transition_default
+};

package/dist/chunk-HJWFZEER.mjs

@@ -0,0 +1,225 @@
+import {
+  baseStyles
+} from "./chunk-JGY6VQQQ.mjs";
+import {
+  isBaseTheme
+} from "./chunk-D2XMP2NC.mjs";
+import {
+  utilities
+} from "./chunk-7V3PIXOO.mjs";
+import {
+  semanticColors
+} from "./chunk-JC3ABGTC.mjs";
+import {
+  flattenThemeObject
+} from "./chunk-5ICJA2GK.mjs";
+import {
+  commonColors
+} from "./chunk-NTTT6BHX.mjs";
+import {
+  darkLayout,
+  defaultLayout,
+  lightLayout
+} from "./chunk-HUBDRSA4.mjs";
+import {
+  animations
+} from "./chunk-KXPLHLA6.mjs";
+
+// src/plugin.ts
+import Color from "color";
+import plugin from "tailwindcss/plugin.js";
+import deepMerge from "deepmerge";
+import { omit, kebabCase, mapKeys } from "@sytechui/shared-utils";
+var DEFAULT_PREFIX = "heroui";
+var parsedColorsCache = {};
+var resolveConfig = (themes = {}, defaultTheme, prefix) => {
+  const resolved = {
+    variants: [],
+    utilities: {},
+    colors: {},
+    baseStyles: {}
+  };
+  for (const [themeName, { extend, layout, colors }] of Object.entries(themes)) {
+    let cssSelector = `.${themeName}`;
+    const scheme = themeName === "light" || themeName === "dark" ? themeName : extend;
+    let baseSelector = "";
+    if (themeName === defaultTheme) {
+      baseSelector = `:root, [data-theme=${themeName}]`;
+    }
+    baseSelector && (resolved.baseStyles[baseSelector] = scheme ? {
+      "color-scheme": scheme
+    } : {});
+    resolved.utilities[cssSelector] = scheme ? {
+      "color-scheme": scheme
+    } : {};
+    const flatColors = flattenThemeObject(colors);
+    const flatLayout = layout ? mapKeys(layout, (_, key) => kebabCase(key)) : {};
+    resolved.variants.push({
+      name: themeName,
+      definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
+    });
+    for (const [colorName, colorValue] of Object.entries(flatColors)) {
+      if (!colorValue) return;
+      try {
+        const parsedColor = parsedColorsCache[colorValue] || Color(colorValue).hsl().round(2).array();
+        parsedColorsCache[colorValue] = parsedColor;
+        const [h, s, l, defaultAlphaValue] = parsedColor;
+        const herouiColorVariable = `--${prefix}-${colorName}`;
+        resolved.utilities[cssSelector][herouiColorVariable] = `${h} ${s}% ${l}%`;
+        baseSelector && (resolved.baseStyles[baseSelector][herouiColorVariable] = `${h} ${s}% ${l}%`);
+        resolved.colors[colorName] = `hsl(var(${herouiColorVariable}) / ${defaultAlphaValue != null ? defaultAlphaValue : "<alpha-value>"})`;
+      } catch (error) {
+        console.log("error", error == null ? void 0 : error.message);
+      }
+    }
+    for (const [key, value] of Object.entries(flatLayout)) {
+      if (!value) return;
+      const layoutVariablePrefix = `--${prefix}-${key}`;
+      if (typeof value === "object") {
+        for (const [nestedKey, nestedValue] of Object.entries(value)) {
+          const nestedLayoutVariable = `${layoutVariablePrefix}-${nestedKey}`;
+          resolved.utilities[cssSelector][nestedLayoutVariable] = nestedValue;
+          baseSelector && (resolved.baseStyles[baseSelector][nestedLayoutVariable] = nestedValue);
+        }
+      } else {
+        const formattedValue = layoutVariablePrefix.includes("opacity") && typeof value === "number" ? value.toString().replace(/^0\./, ".") : value;
+        resolved.utilities[cssSelector][layoutVariablePrefix] = formattedValue;
+        baseSelector && (resolved.baseStyles[baseSelector][layoutVariablePrefix] = formattedValue);
+      }
+    }
+  }
+  return resolved;
+};
+var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
+  const resolved = resolveConfig(themes, defaultTheme, prefix);
+  const createStripeGradient = (stripeColor, backgroundColor) => `linear-gradient(45deg,  hsl(var(--${prefix}-${stripeColor})) 25%,  hsl(var(--${prefix}-${backgroundColor})) 25%,  hsl(var(--${prefix}-${backgroundColor})) 50%,  hsl(var(--${prefix}-${stripeColor})) 50%,  hsl(var(--${prefix}-${stripeColor})) 75%,  hsl(var(--${prefix}-${backgroundColor})) 75%,  hsl(var(--${prefix}-${backgroundColor})))`;
+  return plugin(
+    ({ addBase, addUtilities, addVariant }) => {
+      addBase({
+        [":root, [data-theme]"]: {
+          ...baseStyles(prefix)
+        }
+      });
+      addBase({ ...resolved == null ? void 0 : resolved.baseStyles });
+      addUtilities({ ...resolved == null ? void 0 : resolved.utilities, ...utilities });
+      resolved == null ? void 0 : resolved.variants.forEach((variant) => {
+        addVariant(variant.name, variant.definition);
+      });
+    },
+    // extend the colors config
+    {
+      theme: {
+        extend: {
+          // @ts-ignore
+          colors: {
+            ...addCommonColors ? commonColors : {},
+            ...resolved == null ? void 0 : resolved.colors
+          },
+          scale: {
+            "80": "0.8",
+            "85": "0.85"
+          },
+          height: {
+            divider: `var(--${prefix}-divider-weight)`
+          },
+          width: {
+            divider: `var(--${prefix}-divider-weight)`
+          },
+          borderRadius: {
+            small: `var(--${prefix}-radius-small)`,
+            medium: `var(--${prefix}-radius-medium)`,
+            large: `var(--${prefix}-radius-large)`
+          },
+          opacity: {
+            hover: `var(--${prefix}-hover-opacity)`,
+            disabled: `var(--${prefix}-disabled-opacity)`
+          },
+          borderWidth: {
+            small: `var(--${prefix}-border-width-small)`,
+            medium: `var(--${prefix}-border-width-medium)`,
+            large: `var(--${prefix}-border-width-large)`,
+            1: "1px",
+            1.5: "1.5px",
+            3: "3px",
+            5: "5px"
+          },
+          boxShadow: {
+            small: `var(--${prefix}-box-shadow-small)`,
+            medium: `var(--${prefix}-box-shadow-medium)`,
+            large: `var(--${prefix}-box-shadow-large)`
+          },
+          backgroundSize: {
+            "stripe-size": "1.25rem 1.25rem"
+          },
+          backgroundImage: {
+            "stripe-gradient-default": createStripeGradient("default-200", "default-400"),
+            "stripe-gradient-primary": createStripeGradient("primary-200", "primary"),
+            "stripe-gradient-secondary": createStripeGradient("secondary-200", "secondary"),
+            "stripe-gradient-success": createStripeGradient("success-200", "success"),
+            "stripe-gradient-warning": createStripeGradient("warning-200", "warning"),
+            "stripe-gradient-danger": createStripeGradient("danger-200", "danger")
+          },
+          transitionDuration: {
+            0: "0ms",
+            250: "250ms",
+            400: "400ms"
+          },
+          transitionTimingFunction: {
+            "soft-spring": "cubic-bezier(0.155, 1.105, 0.295, 1.12)"
+          },
+          ...animations
+        }
+      }
+    }
+  );
+};
+var heroui = (config = {}) => {
+  var _a, _b, _c, _d;
+  const {
+    themes: themeObject = {},
+    defaultTheme = "light",
+    layout: userLayout,
+    defaultExtendTheme = "light",
+    prefix: defaultPrefix = DEFAULT_PREFIX,
+    addCommonColors = false
+  } = config;
+  const userLightColors = ((_a = themeObject == null ? void 0 : themeObject.light) == null ? void 0 : _a.colors) || {};
+  const userDarkColors = ((_b = themeObject == null ? void 0 : themeObject.dark) == null ? void 0 : _b.colors) || {};
+  const defaultLayoutObj = userLayout && typeof userLayout === "object" ? deepMerge(defaultLayout, userLayout) : defaultLayout;
+  const baseLayouts = {
+    light: {
+      ...defaultLayoutObj,
+      ...lightLayout
+    },
+    dark: {
+      ...defaultLayoutObj,
+      ...darkLayout
+    }
+  };
+  let otherThemes = omit(themeObject, ["light", "dark"]) || {};
+  Object.entries(otherThemes).forEach(([themeName, { extend, colors, layout }]) => {
+    const baseTheme = extend && isBaseTheme(extend) ? extend : defaultExtendTheme;
+    const baseColors = semanticColors[baseTheme];
+    otherThemes[themeName].colors = colors && typeof colors === "object" ? deepMerge(baseColors, colors) : baseColors;
+    const baseLayout = extend ? baseLayouts[extend] : defaultLayoutObj;
+    otherThemes[themeName].layout = layout && typeof layout === "object" ? deepMerge(baseLayout, layout) : baseLayout;
+  });
+  const light = {
+    layout: deepMerge(baseLayouts.light, ((_c = themeObject == null ? void 0 : themeObject.light) == null ? void 0 : _c.layout) || {}),
+    colors: deepMerge(semanticColors.light, userLightColors)
+  };
+  const dark = {
+    layout: deepMerge(baseLayouts.dark, ((_d = themeObject == null ? void 0 : themeObject.dark) == null ? void 0 : _d.layout) || {}),
+    colors: deepMerge(semanticColors.dark, userDarkColors)
+  };
+  const themes = {
+    light,
+    dark,
+    ...otherThemes
+  };
+  return corePlugin(themes, defaultTheme, defaultPrefix, addCommonColors);
+};
+
+export {
+  heroui
+};

package/dist/chunk-HO2ILFC5.mjs

@@ -0,0 +1,33 @@
+import {
+  utilities
+} from "./chunk-7V3PIXOO.mjs";
+
+// src/utils/tw-merge-config.ts
+var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    spacing: ["divider"],
+    radius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    opacity: [{ opacity: ["disabled"] }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "border-w": [{ border: COMMON_UNITS }],
+    "bg-image": [
+      "bg-stripe-gradient-default",
+      "bg-stripe-gradient-primary",
+      "bg-stripe-gradient-secondary",
+      "bg-stripe-gradient-success",
+      "bg-stripe-gradient-warning",
+      "bg-stripe-gradient-danger"
+    ],
+    transition: Object.keys(utilities).filter((key) => key.includes(".transition")).map((key) => key.replace(".", ""))
+    // remove the dot from the key, .transition-background -> transition-background
+  }
+};
+
+export {
+  COMMON_UNITS,
+  twMergeConfig
+};

package/dist/chunk-HUBDRSA4.mjs

@@ -0,0 +1,49 @@
+// src/default-layout.ts
+var defaultLayout = {
+  dividerWeight: "1px",
+  disabledOpacity: ".5",
+  fontSize: {
+    tiny: "0.75rem",
+    small: "0.875rem",
+    medium: "1rem",
+    large: "1.125rem"
+  },
+  lineHeight: {
+    tiny: "1rem",
+    small: "1.25rem",
+    medium: "1.5rem",
+    large: "1.75rem"
+  },
+  radius: {
+    small: "8px",
+    medium: "12px",
+    large: "14px"
+  },
+  borderWidth: {
+    small: "1px",
+    medium: "2px",
+    large: "3px"
+  },
+  boxShadow: {
+    small: "0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
+    medium: "0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
+    large: "0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"
+  }
+};
+var lightLayout = {
+  hoverOpacity: ".8"
+};
+var darkLayout = {
+  hoverOpacity: ".9",
+  boxShadow: {
+    small: "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
+    medium: "0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
+    large: "0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)"
+  }
+};
+
+export {
+  defaultLayout,
+  lightLayout,
+  darkLayout
+};

package/dist/chunk-JC3ABGTC.mjs

@@ -0,0 +1,155 @@
+import {
+  swapColorValues
+} from "./chunk-5ICJA2GK.mjs";
+import {
+  commonColors
+} from "./chunk-NTTT6BHX.mjs";
+
+// src/colors/semantic.ts
+import { readableColor } from "color2k";
+var base = {
+  light: {
+    background: {
+      DEFAULT: "#FFFFFF"
+    },
+    foreground: {
+      ...commonColors.zinc,
+      DEFAULT: "#11181C"
+    },
+    divider: {
+      DEFAULT: "rgba(17, 17, 17, 0.15)"
+    },
+    focus: {
+      DEFAULT: commonColors.blue[500]
+    },
+    overlay: {
+      DEFAULT: "#000000"
+    },
+    content1: {
+      DEFAULT: "#FFFFFF",
+      foreground: "#11181C"
+    },
+    content2: {
+      DEFAULT: commonColors.zinc[100],
+      foreground: commonColors.zinc[800]
+    },
+    content3: {
+      DEFAULT: commonColors.zinc[200],
+      foreground: commonColors.zinc[700]
+    },
+    content4: {
+      DEFAULT: commonColors.zinc[300],
+      foreground: commonColors.zinc[600]
+    }
+  },
+  dark: {
+    background: {
+      DEFAULT: "#000000"
+    },
+    foreground: {
+      ...swapColorValues(commonColors.zinc),
+      DEFAULT: "#ECEDEE"
+    },
+    focus: {
+      DEFAULT: commonColors.blue[500]
+    },
+    overlay: {
+      DEFAULT: "#000000"
+    },
+    divider: {
+      DEFAULT: "rgba(255, 255, 255, 0.15)"
+    },
+    content1: {
+      DEFAULT: commonColors.zinc[900],
+      foreground: commonColors.zinc[50]
+    },
+    content2: {
+      DEFAULT: commonColors.zinc[800],
+      foreground: commonColors.zinc[100]
+    },
+    content3: {
+      DEFAULT: commonColors.zinc[700],
+      foreground: commonColors.zinc[200]
+    },
+    content4: {
+      DEFAULT: commonColors.zinc[600],
+      foreground: commonColors.zinc[300]
+    }
+  }
+};
+var themeColorsLight = {
+  ...base.light,
+  default: {
+    ...commonColors.zinc,
+    foreground: readableColor(commonColors.zinc[300]),
+    DEFAULT: commonColors.zinc[300]
+  },
+  primary: {
+    ...commonColors.blue,
+    foreground: readableColor(commonColors.blue[500]),
+    DEFAULT: commonColors.blue[500]
+  },
+  secondary: {
+    ...commonColors.purple,
+    foreground: readableColor(commonColors.purple[500]),
+    DEFAULT: commonColors.purple[500]
+  },
+  success: {
+    ...commonColors.green,
+    foreground: readableColor(commonColors.green[500]),
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...commonColors.yellow,
+    foreground: readableColor(commonColors.yellow[500]),
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...commonColors.red,
+    foreground: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var themeColorsDark = {
+  ...base.dark,
+  default: {
+    ...swapColorValues(commonColors.zinc),
+    foreground: readableColor(commonColors.zinc[700]),
+    DEFAULT: commonColors.zinc[700]
+  },
+  primary: {
+    ...swapColorValues(commonColors.blue),
+    foreground: readableColor(commonColors.blue[500]),
+    DEFAULT: commonColors.blue[500]
+  },
+  secondary: {
+    ...swapColorValues(commonColors.purple),
+    foreground: readableColor(commonColors.purple[400]),
+    DEFAULT: commonColors.purple[400]
+  },
+  success: {
+    ...swapColorValues(commonColors.green),
+    foreground: readableColor(commonColors.green[500]),
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...swapColorValues(commonColors.yellow),
+    foreground: readableColor(commonColors.yellow[500]),
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...swapColorValues(commonColors.red),
+    foreground: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var semanticColors = {
+  light: themeColorsLight,
+  dark: themeColorsDark
+};
+
+export {
+  themeColorsLight,
+  themeColorsDark,
+  semanticColors
+};

package/dist/chunk-JFTCRIQA.mjs

@@ -0,0 +1,21 @@
+import {
+  tv
+} from "./chunk-PGQDBCOS.mjs";
+
+// src/components/spacer.ts
+var spacer = tv({
+  base: "w-px h-px inline-block",
+  variants: {
+    isInline: {
+      true: "inline-block",
+      false: "block"
+    }
+  },
+  defaultVariants: {
+    isInline: false
+  }
+});
+
+export {
+  spacer
+};