@postenbring/hedwig-react 0.0.68 → 0.0.70

package/dist/_tsup-dts-rollup.d.mts

@@ -1007,8 +1007,18 @@ declare interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
      * Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.
      *
      * Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.
+     *
+     * Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.
      */
     gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between grid items horizontally
+     */
+    gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between grid items vertically
+     */
+    gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
     /**
      * Column span for the grid items
      *
@@ -1836,7 +1846,24 @@ export { Stack as Stack_alias_4 }
 
 declare interface StackProps extends React_2.HTMLAttributes<HTMLDivElement> {
     children: React_2.ReactNode;
+    /**
+     * Space between items. Both horizontal and vertical.
+     *
+     * Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.
+     *
+     * Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.
+     *
+     * Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.
+     */
     gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between items horizontally
+     */
+    gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between items vertically
+     */
+    gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
     direction?: ResponsiveProp<React_2.CSSProperties["flexDirection"]>;
     wrap?: ResponsiveProp<boolean>;
     align?: ResponsiveProp<React_2.CSSProperties["alignItems"]>;

package/dist/_tsup-dts-rollup.d.ts

@@ -1007,8 +1007,18 @@ declare interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
      * Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.
      *
      * Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.
+     *
+     * Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.
      */
     gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between grid items horizontally
+     */
+    gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between grid items vertically
+     */
+    gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
     /**
      * Column span for the grid items
      *
@@ -1836,7 +1846,24 @@ export { Stack as Stack_alias_4 }
 
 declare interface StackProps extends React_2.HTMLAttributes<HTMLDivElement> {
     children: React_2.ReactNode;
+    /**
+     * Space between items. Both horizontal and vertical.
+     *
+     * Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.
+     *
+     * Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.
+     *
+     * Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.
+     */
     gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between items horizontally
+     */
+    gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
+    /**
+     * Space between items vertically
+     */
+    gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
     direction?: ResponsiveProp<React_2.CSSProperties["flexDirection"]>;
     wrap?: ResponsiveProp<boolean>;
     align?: ResponsiveProp<React_2.CSSProperties["alignItems"]>;

package/dist/{chunk-XNA5MFJC.mjs → chunk-25R7DBK6.mjs}

@@ -17,9 +17,9 @@ import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var Grid = forwardRef(
   (_a, ref) => {
-    var _b = _a, { children, asChild, className, span, center, style: _style, gap } = _b, rest = __objRest(_b, ["children", "asChild", "className", "span", "center", "style", "gap"]);
+    var _b = _a, { children, asChild, className, span, center, style: _style, gap, gapX, gapY } = _b, rest = __objRest(_b, ["children", "asChild", "className", "span", "center", "style", "gap", "gapX", "gapY"]);
     const Component = asChild ? Slot : "div";
-    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-grid-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-grid-span", span)), getResponsiveProps("--hds-grid-center", center, (value) => value ? "1" : "0"));
+    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-grid-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-grid-gap-x", gapX, getSpacingVariable)), getResponsiveProps("--hds-grid-gap-y", gapY, getSpacingVariable)), getResponsiveProps("--hds-grid-span", span)), getResponsiveProps("--hds-grid-center", center, (value) => value ? "1" : "0"));
     return /* @__PURE__ */ jsx(
       Component,
       __spreadProps(__spreadValues({
@@ -56,4 +56,4 @@ export {
   Grid,
   GridItem
 };
-//# sourceMappingURL=chunk-XNA5MFJC.mjs.map
+//# sourceMappingURL=chunk-25R7DBK6.mjs.map

package/dist/chunk-25R7DBK6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/grid/grid.tsx"],"sourcesContent":["import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { forwardRef } from \"react\";\nimport { getResponsiveProps, type ResponsiveProp } from \"../responsive\";\nimport { type SpacingSizes, type ResponsiveSpacingSizes, getSpacingVariable } from \"../spacing\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n\n  /**\n   * Space between grid items. Both horizontal and vertical.\n   *\n   * Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.\n   *\n   * Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.\n   *\n   * Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.\n   */\n  gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;\n\n  /**\n   * Space between grid items horizontally\n   */\n  gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;\n\n  /**\n   * Space between grid items vertically\n   */\n  gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;\n\n  /**\n   * Column span for the grid items\n   *\n   * `default` is `12`\n   */\n  span?: ResponsiveProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;\n\n  /**\n   * Center grid items horizontally\n   *\n   * Offsets the start position of the grid items relative to their span so that it appears centered.\n   *\n   * assumes a span of 2, 4, 6, 8, or 10\n   *\n   * a span of `12` is 100% width and centering has no effect\n   *\n   * `default` is `false`\n   */\n  center?: ResponsiveProp<boolean>;\n\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n}\n\n/**\n * 🚧 A simple opionated abstraction over CSS Grid.\n *\n * The grid is always a 12 column grid.\n *\n * example\n * ```tsx\n * <Grid gap=\"12-16\" span={{ small: 6 }}>\n *   <div>6/12</div>\n *   <div>6/12</div>\n *   <Grid.Item span={{ small: 12 }}>12/12</Grid.Item>\n *   <div>6/12</div>\n *   <div>6/12</div>\n * </Grid>\n * ```\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    { children, asChild, className, span, center, style: _style, gap, gapX, gapY, ...rest },\n    ref,\n  ) => {\n    const Component = asChild ? Slot : \"div\";\n    const style: React.CSSProperties = {\n      ..._style,\n      ...getResponsiveProps(\"--hds-grid-gap\", gap, getSpacingVariable),\n      ...getResponsiveProps(\"--hds-grid-gap-x\", gapX, getSpacingVariable),\n      ...getResponsiveProps(\"--hds-grid-gap-y\", gapY, getSpacingVariable),\n      ...getResponsiveProps(\"--hds-grid-span\", span),\n      ...getResponsiveProps(\"--hds-grid-center\", center, (value) => (value ? \"1\" : \"0\")),\n    };\n    return (\n      <Component\n        style={style}\n        className={clsx(\"hds-grid\", className as undefined)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nGrid.displayName = \"Grid\";\n\nexport interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n\n  /**\n   * Column span for the grid item\n   *\n   * `default` is `12`\n   */\n  span?: ResponsiveProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;\n\n  /**\n   * Center the grid item horizontally\n   *\n   * Offsets the start position of the grid item relative to it's span so that it appears centered.\n   *\n   * assumes a span of 2, 4, 6, 8, or 10\n   *\n   * a span of `12` is 100% width and centering has no effect\n   *\n   * `default` is `false`\n   */\n  center?: ResponsiveProp<boolean>;\n\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n}\n\n/**\n * 🚧 Grid.Item\n *\n * Use as the direct child of a `Grid` to override `span` and `center` for individual items.\n */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  ({ children, asChild, className, span, center, style: _style, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    const style: React.CSSProperties = {\n      ..._style,\n      ...getResponsiveProps(\"--hds-grid-item-span\", span),\n      ...getResponsiveProps(\"--hds-grid-item-center\", center, (value) => (value ? \"1\" : \"0\")),\n    };\n    return (\n      <Component\n        style={style}\n        className={clsx(\"hds-grid__item\", className as undefined)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nGridItem.displayName = \"Grid.Item\";\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAqFrB;AAfC,IAAM,OAAO;AAAA,EAClB,CACE,IACA,QACG;AAFH,iBAAE,YAAU,SAAS,WAAW,MAAM,QAAQ,OAAO,QAAQ,KAAK,MAAM,KA1E5E,IA0EI,IAAiF,iBAAjF,IAAiF,CAA/E,YAAU,WAAS,aAAW,QAAM,UAAQ,SAAe,OAAK,QAAM;AAGxE,UAAM,YAAY,UAAU,OAAO;AACnC,UAAM,QAA6B,8FAC9B,SACA,mBAAmB,kBAAkB,KAAK,kBAAkB,IAC5D,mBAAmB,oBAAoB,MAAM,kBAAkB,IAC/D,mBAAmB,oBAAoB,MAAM,kBAAkB,IAC/D,mBAAmB,mBAAmB,IAAI,IAC1C,mBAAmB,qBAAqB,QAAQ,CAAC,UAAW,QAAQ,MAAM,GAAI;AAEnF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,YAAY,SAAsB;AAAA,QAClD;AAAA,SACI,OAJL;AAAA,QAME;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;AAoCZ,IAAM,WAAW;AAAA,EACtB,CAAC,IAAwE,QAAQ;AAAhF,iBAAE,YAAU,SAAS,WAAW,MAAM,QAAQ,OAAO,OAvIxD,IAuIG,IAAgE,iBAAhE,IAAgE,CAA9D,YAAU,WAAS,aAAW,QAAM,UAAQ;AAC7C,UAAM,YAAY,UAAU,OAAO;AACnC,UAAM,QAA6B,iDAC9B,SACA,mBAAmB,wBAAwB,IAAI,IAC/C,mBAAmB,0BAA0B,QAAQ,CAAC,UAAW,QAAQ,MAAM,GAAI;AAExF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,kBAAkB,SAAsB;AAAA,QACxD;AAAA,SACI,OAJL;AAAA,QAME;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/{chunk-DIDVODBP.mjs → chunk-JDXYRFLJ.mjs}

@@ -1,7 +1,7 @@
 import {
   Grid,
   GridItem
-} from "./chunk-XNA5MFJC.mjs";
+} from "./chunk-25R7DBK6.mjs";
 
 // src/layout/grid/index.tsx
 var GridComponent = Grid;
@@ -10,4 +10,4 @@ GridComponent.Item = GridItem;
 export {
   GridComponent
 };
-//# sourceMappingURL=chunk-DIDVODBP.mjs.map
+//# sourceMappingURL=chunk-JDXYRFLJ.mjs.map

package/dist/{chunk-QGZU7Z2W.mjs → chunk-VVPJOVFP.mjs}

@@ -18,9 +18,33 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var Stack = forwardRef(
   (_a, ref) => {
-    var _b = _a, { children, asChild, className, style: _style, gap, direction, wrap, align, justify } = _b, rest = __objRest(_b, ["children", "asChild", "className", "style", "gap", "direction", "wrap", "align", "justify"]);
+    var _b = _a, {
+      children,
+      asChild,
+      className,
+      style: _style,
+      gap,
+      gapX,
+      gapY,
+      direction,
+      wrap,
+      align,
+      justify
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "asChild",
+      "className",
+      "style",
+      "gap",
+      "gapX",
+      "gapY",
+      "direction",
+      "wrap",
+      "align",
+      "justify"
+    ]);
     const Component = asChild ? Slot : "div";
-    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-stack-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-stack-direction", direction)), getResponsiveProps("--hds-stack-wrap", wrap, (value) => value ? "wrap" : "nowrap")), getResponsiveProps("--hds-stack-align", align)), getResponsiveProps("--hds-stack-justify", justify));
+    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-stack-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-stack-gap-x", gapX, getSpacingVariable)), getResponsiveProps("--hds-stack-gap-y", gapY, getSpacingVariable)), getResponsiveProps("--hds-stack-direction", direction)), getResponsiveProps("--hds-stack-wrap", wrap, (value) => value ? "wrap" : "nowrap")), getResponsiveProps("--hds-stack-align", align)), getResponsiveProps("--hds-stack-justify", justify));
     return /* @__PURE__ */ jsx(
       Component,
       __spreadProps(__spreadValues({
@@ -48,4 +72,4 @@ export {
   HStack,
   VStack
 };
-//# sourceMappingURL=chunk-QGZU7Z2W.mjs.map
+//# sourceMappingURL=chunk-VVPJOVFP.mjs.map

package/dist/chunk-VVPJOVFP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/stack/stack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { getSpacingVariable, type ResponsiveSpacingSizes, type SpacingSizes } from \"../spacing\";\nimport { getResponsiveProps, type ResponsiveProp } from \"../responsive\";\n\ntype CSSPropertiesWithVar = React.CSSProperties & {\n  \"--hds-stack-gap\"?: string;\n  \"--hds-stack-direction\"?: string;\n  \"--hds-stack-wrap\"?: string;\n  \"--hds-stack-align\"?: string;\n  \"--hds-stack-justify\"?: string;\n};\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n\n  /**\n   * Space between items. Both horizontal and vertical.\n   *\n   * Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.\n   *\n   * Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.\n   *\n   * Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.\n   */\n  gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;\n\n  /**\n   * Space between items horizontally\n   */\n  gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;\n\n  /**\n   * Space between items vertically\n   */\n  gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;\n\n  direction?: ResponsiveProp<React.CSSProperties[\"flexDirection\"]>;\n  wrap?: ResponsiveProp<boolean>;\n  align?: ResponsiveProp<React.CSSProperties[\"alignItems\"]>;\n  justify?: ResponsiveProp<React.CSSProperties[\"justifyContent\"]>;\n\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n}\n\n/**\n * 🚨 WORK IN PROGRESS 🚨\n *\n * TODO\n * - [ ] Add more examples\n * - [ ] Document usage\n * - [ ] Document props\n */\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      children,\n      asChild,\n      className,\n      style: _style,\n      gap,\n      gapX,\n      gapY,\n      direction,\n      wrap,\n      align,\n      justify,\n      ...rest\n    },\n    ref,\n  ) => {\n    const Component = asChild ? Slot : \"div\";\n    const style: CSSPropertiesWithVar = {\n      ..._style,\n      ...getResponsiveProps(\"--hds-stack-gap\", gap, getSpacingVariable),\n      ...getResponsiveProps(\"--hds-stack-gap-x\", gapX, getSpacingVariable),\n      ...getResponsiveProps(\"--hds-stack-gap-y\", gapY, getSpacingVariable),\n      ...getResponsiveProps(\"--hds-stack-direction\", direction),\n      ...getResponsiveProps(\"--hds-stack-wrap\", wrap, (value) => (value ? \"wrap\" : \"nowrap\")),\n      ...getResponsiveProps(\"--hds-stack-align\", align),\n      ...getResponsiveProps(\"--hds-stack-justify\", justify),\n    };\n    return (\n      <Component\n        style={style}\n        className={clsx(\"hds-stack\", className as undefined)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nStack.displayName = \"Stack\";\n\n/**\n * 🚨 WORK IN PROGRESS 🚨\n *\n * TODO\n * - [ ] Add more examples\n * - [ ] Document usage\n * - [ ] Document props\n */\nexport const HStack = forwardRef<HTMLDivElement, Omit<StackProps, \"direction\">>((props, ref) => {\n  return <Stack ref={ref} {...props} direction=\"row\" />;\n});\nHStack.displayName = \"HStack\";\n\n/**\n * 🚨 WORK IN PROGRESS 🚨\n *\n * TODO\n * - [ ] Add more examples\n * - [ ] Document usage\n * - [ ] Document props\n */\nexport const VStack = forwardRef<HTMLDivElement, Omit<StackProps, \"direction\">>((props, ref) => {\n  return <Stack ref={ref} {...props} direction=\"column\" />;\n});\nVStack.displayName = \"VStack\";\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAuB;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAqFf;AA9BC,IAAM,QAAQ;AAAA,EACnB,CACE,IAcA,QACG;AAfH,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAvEN,IA4DI,IAYK,iBAZL,IAYK;AAAA,MAXH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,YAAY,UAAU,OAAO;AACnC,UAAM,QAA8B,4HAC/B,SACA,mBAAmB,mBAAmB,KAAK,kBAAkB,IAC7D,mBAAmB,qBAAqB,MAAM,kBAAkB,IAChE,mBAAmB,qBAAqB,MAAM,kBAAkB,IAChE,mBAAmB,yBAAyB,SAAS,IACrD,mBAAmB,oBAAoB,MAAM,CAAC,UAAW,QAAQ,SAAS,QAAS,IACnF,mBAAmB,qBAAqB,KAAK,IAC7C,mBAAmB,uBAAuB,OAAO;AAEtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,aAAa,SAAsB;AAAA,QACnD;AAAA,SACI,OAJL;AAAA,QAME;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;AAUb,IAAM,SAAS,WAA0D,CAAC,OAAO,QAAQ;AAC9F,SAAO,oBAAC,sCAAM,OAAc,QAApB,EAA2B,WAAU,QAAM;AACrD,CAAC;AACD,OAAO,cAAc;AAUd,IAAM,SAAS,WAA0D,CAAC,OAAO,QAAQ;AAC9F,SAAO,oBAAC,sCAAM,OAAc,QAApB,EAA2B,WAAU,WAAS;AACxD,CAAC;AACD,OAAO,cAAc;","names":[]}

package/dist/footer/footer.mjs

@@ -9,11 +9,11 @@ import "../chunk-GJDRW6PA.mjs";
 import "../chunk-PMLDK3VC.mjs";
 import "../chunk-HT2EIJAD.mjs";
 import "../chunk-XYIY6FHW.mjs";
-import "../chunk-OUHO4LGN.mjs";
 import "../chunk-GUB3UCXO.mjs";
 import "../chunk-YXHXRUFX.mjs";
 import "../chunk-62F4I3MQ.mjs";
 import "../chunk-VRIY65P5.mjs";
+import "../chunk-OUHO4LGN.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {

package/dist/footer/index.mjs

@@ -11,11 +11,11 @@ import "../chunk-GJDRW6PA.mjs";
 import "../chunk-PMLDK3VC.mjs";
 import "../chunk-HT2EIJAD.mjs";
 import "../chunk-XYIY6FHW.mjs";
-import "../chunk-OUHO4LGN.mjs";
 import "../chunk-GUB3UCXO.mjs";
 import "../chunk-YXHXRUFX.mjs";
 import "../chunk-62F4I3MQ.mjs";
 import "../chunk-VRIY65P5.mjs";
+import "../chunk-OUHO4LGN.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {

package/dist/index-no-css.js

@@ -1337,9 +1337,9 @@ function getSpacingVariable(size) {
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Grid = (0, import_react21.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { children, asChild, className, span, center, style: _style, gap } = _b, rest = __objRest(_b, ["children", "asChild", "className", "span", "center", "style", "gap"]);
+    var _b = _a, { children, asChild, className, span, center, style: _style, gap, gapX, gapY } = _b, rest = __objRest(_b, ["children", "asChild", "className", "span", "center", "style", "gap", "gapX", "gapY"]);
     const Component = asChild ? import_react_slot2.Slot : "div";
-    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-grid-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-grid-span", span)), getResponsiveProps("--hds-grid-center", center, (value) => value ? "1" : "0"));
+    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-grid-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-grid-gap-x", gapX, getSpacingVariable)), getResponsiveProps("--hds-grid-gap-y", gapY, getSpacingVariable)), getResponsiveProps("--hds-grid-span", span)), getResponsiveProps("--hds-grid-center", center, (value) => value ? "1" : "0"));
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Component,
       __spreadProps(__spreadValues({
@@ -1384,9 +1384,33 @@ var import_react_slot3 = require("@radix-ui/react-slot");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var Stack = (0, import_react22.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { children, asChild, className, style: _style, gap, direction, wrap, align, justify } = _b, rest = __objRest(_b, ["children", "asChild", "className", "style", "gap", "direction", "wrap", "align", "justify"]);
+    var _b = _a, {
+      children,
+      asChild,
+      className,
+      style: _style,
+      gap,
+      gapX,
+      gapY,
+      direction,
+      wrap,
+      align,
+      justify
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "asChild",
+      "className",
+      "style",
+      "gap",
+      "gapX",
+      "gapY",
+      "direction",
+      "wrap",
+      "align",
+      "justify"
+    ]);
     const Component = asChild ? import_react_slot3.Slot : "div";
-    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-stack-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-stack-direction", direction)), getResponsiveProps("--hds-stack-wrap", wrap, (value) => value ? "wrap" : "nowrap")), getResponsiveProps("--hds-stack-align", align)), getResponsiveProps("--hds-stack-justify", justify));
+    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-stack-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-stack-gap-x", gapX, getSpacingVariable)), getResponsiveProps("--hds-stack-gap-y", gapY, getSpacingVariable)), getResponsiveProps("--hds-stack-direction", direction)), getResponsiveProps("--hds-stack-wrap", wrap, (value) => value ? "wrap" : "nowrap")), getResponsiveProps("--hds-stack-align", align)), getResponsiveProps("--hds-stack-justify", justify));
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Component,
       __spreadProps(__spreadValues({