@blockle/blocks 0.19.1 → 0.20.0-alpha1.0

package/dist/{styles/components → components}/form/Slider/slider.css.cjs

@@ -1,26 +1,27 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
+const layers_css = require("../../../lib/css/layers/layers.css.cjs");
 fileScope.setFileScope("src/components/form/Slider/slider.css.ts", "@blockle/blocks");
 const container = css.style({
   "@layer": {
-    [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
+    [layers_css.blocksLayer]: {
       position: "relative",
       writingMode: "horizontal-tb"
     }
   }
-}, "container");
+});
 const containerVertical = css.style({
   "@layer": {
-    [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
+    [layers_css.blocksLayer]: {
       writingMode: "vertical-lr"
     }
   }
-}, "containerVertical");
+});
 const track = css.style({
   "@layer": {
-    [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
+    [layers_css.blocksLayer]: {
       cursor: "pointer",
       position: "absolute",
       inlineSize: "100%",
@@ -33,10 +34,10 @@ const track = css.style({
       }
     }
   }
-}, "track");
+});
 const filledTrack = css.style({
   "@layer": {
-    [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
+    [layers_css.blocksLayer]: {
       position: "absolute",
       blockSize: "100%",
       borderRadius: "inherit",
@@ -47,10 +48,10 @@ const filledTrack = css.style({
       }
     }
   }
-}, "filledTrack");
+});
 const thumb = css.style({
   "@layer": {
-    [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
+    [layers_css.blocksLayer]: {
       cursor: "pointer",
       position: "absolute",
       blockSize: "100%",
@@ -65,7 +66,7 @@ const thumb = css.style({
       }
     }
   }
-}, "thumb");
+});
 fileScope.endFileScope();
 exports.container = container;
 exports.containerVertical = containerVertical;

package/dist/components/form/Slider/slider.css.d.ts

@@ -0,0 +1,5 @@
+export declare const container: string;
+export declare const containerVertical: string;
+export declare const track: string;
+export declare const filledTrack: string;
+export declare const thumb: string;

package/dist/{styles/components/form/Slider/slider.css.mjs → components/form/Slider/slider.css.js}

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
+import { blocksLayer } from "../../../lib/css/layers/layers.css.js";
 setFileScope("src/components/form/Slider/slider.css.ts", "@blockle/blocks");
 const container = style({
   "@layer": {
@@ -9,14 +9,14 @@ const container = style({
       writingMode: "horizontal-tb"
     }
   }
-}, "container");
+});
 const containerVertical = style({
   "@layer": {
     [blocksLayer]: {
       writingMode: "vertical-lr"
     }
   }
-}, "containerVertical");
+});
 const track = style({
   "@layer": {
     [blocksLayer]: {
@@ -32,7 +32,7 @@ const track = style({
       }
     }
   }
-}, "track");
+});
 const filledTrack = style({
   "@layer": {
     [blocksLayer]: {
@@ -46,7 +46,7 @@ const filledTrack = style({
       }
     }
   }
-}, "filledTrack");
+});
 const thumb = style({
   "@layer": {
     [blocksLayer]: {
@@ -64,7 +64,7 @@ const thumb = style({
       }
     }
   }
-}, "thumb");
+});
 endFileScope();
 export {
   container,

package/dist/components/form/Slider/usePointerProgress.cjs

@@ -0,0 +1,47 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function getProgress(event, rect) {
+  const { clientX, clientY } = event;
+  const { width, height, left, top } = rect;
+  const x = (clientX - left) / width;
+  const y = (clientY - top) / height;
+  return [x, y];
+}
+function usePointerProgress({ container, orientation, onChange }) {
+  react.useEffect(() => {
+    const element = container.current;
+    function pointerdown(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      if (!element) {
+        return;
+      }
+      const containerRect = element.getBoundingClientRect();
+      const axisIndex = orientation === "horizontal" ? 0 : 1;
+      const progress = getProgress(event, containerRect);
+      onChange(progress[axisIndex]);
+      const pointermove = (event2) => {
+        event2.preventDefault();
+        const progress2 = getProgress(event2, containerRect);
+        onChange(progress2[axisIndex]);
+      };
+      const pointerup = () => {
+        document.removeEventListener("pointermove", pointermove);
+        document.removeEventListener("pointerup", pointerup);
+      };
+      document.addEventListener("pointermove", pointermove);
+      document.addEventListener("pointerup", pointerup);
+    }
+    if (!element) {
+      return;
+    }
+    element.addEventListener("pointerdown", pointerdown);
+    return () => {
+      element.removeEventListener("pointerdown", pointerdown);
+    };
+  }, [container, onChange, orientation]);
+}
+exports.getProgress = getProgress;
+exports.usePointerProgress = usePointerProgress;

package/dist/components/form/Slider/usePointerProgress.d.ts

@@ -0,0 +1,11 @@
+type PointerProgressOptions<T extends React.RefObject<HTMLElement | null>> = {
+    container: T;
+    orientation: 'horizontal' | 'vertical';
+    onChange(progress: number): void;
+};
+export declare function getProgress(event: PointerEvent, rect: DOMRect): [x: number, y: number];
+/**
+ * Utility hook to track pointer events and calculate progress based on the pointer position.
+ */
+export declare function usePointerProgress<T extends React.RefObject<HTMLElement | null>>({ container, orientation, onChange }: PointerProgressOptions<T>): void;
+export {};

package/dist/components/form/Slider/usePointerProgress.js

@@ -0,0 +1,47 @@
+"use client";
+import { useEffect } from "react";
+function getProgress(event, rect) {
+  const { clientX, clientY } = event;
+  const { width, height, left, top } = rect;
+  const x = (clientX - left) / width;
+  const y = (clientY - top) / height;
+  return [x, y];
+}
+function usePointerProgress({ container, orientation, onChange }) {
+  useEffect(() => {
+    const element = container.current;
+    function pointerdown(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      if (!element) {
+        return;
+      }
+      const containerRect = element.getBoundingClientRect();
+      const axisIndex = orientation === "horizontal" ? 0 : 1;
+      const progress = getProgress(event, containerRect);
+      onChange(progress[axisIndex]);
+      const pointermove = (event2) => {
+        event2.preventDefault();
+        const progress2 = getProgress(event2, containerRect);
+        onChange(progress2[axisIndex]);
+      };
+      const pointerup = () => {
+        document.removeEventListener("pointermove", pointermove);
+        document.removeEventListener("pointerup", pointerup);
+      };
+      document.addEventListener("pointermove", pointermove);
+      document.addEventListener("pointerup", pointerup);
+    }
+    if (!element) {
+      return;
+    }
+    element.addEventListener("pointerdown", pointerdown);
+    return () => {
+      element.removeEventListener("pointerdown", pointerdown);
+    };
+  }, [container, onChange, orientation]);
+}
+export {
+  getProgress,
+  usePointerProgress
+};

package/dist/{styles/components → components}/form/Switch/Switch.cjs

@@ -1,9 +1,11 @@
+"use client";
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("../../Accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const styles_components_form_Switch_switch_css_cjs = require("./switch.css.cjs");
-const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
+const theme = require("../../../lib/theme/store/theme.cjs");
+const classnames = require("../../../lib/utils/classnames.cjs");
+const switch_css = require("./switch.css.cjs");
 const Switch = ({
   checked,
   className,
@@ -12,9 +14,11 @@ const Switch = ({
   ref,
   ...restProps
 }) => {
-  const [isChecked, setIsChecked] = react.useState(defaultChecked || checked || false);
-  const baseClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("switch", { base: true });
-  const sliderClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("switch", { slider: true }, false);
+  const [isChecked, setIsChecked] = react.useState(
+    defaultChecked || checked || false
+  );
+  const baseClassName = theme.getComponentStyles("switch", { base: true });
+  const sliderClassName = theme.getComponentStyles("switch", { slider: true }, false);
   react.useEffect(() => {
     if (checked !== void 0) {
       setIsChecked(checked);
@@ -41,7 +45,7 @@ const Switch = ({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(className, styles_components_form_Switch_switch_css_cjs.container, baseClassName),
+      className: classnames.classnames(className, switch_css.container, baseClassName),
       "data-checked": isChecked,
       onClick: (event) => {
         if (event.target.tagName === "INPUT") {
@@ -55,7 +59,7 @@ const Switch = ({
           {
             ref,
             type: "checkbox",
-            className: styles_components_form_Switch_switch_css_cjs.input,
+            className: switch_css.input,
             checked: isChecked,
             onChange: onChangeHandler,
             ...restProps

package/dist/components/form/Switch/Switch.d.ts

@@ -0,0 +1,6 @@
+import { HTMLElementProps } from '../../../lib/utils/utils';
+export type SwitchProps = {
+    onChange?: (value: boolean) => void;
+    ref?: React.Ref<HTMLInputElement>;
+} & Omit<HTMLElementProps<HTMLInputElement>, 'onChange'>;
+export declare const Switch: React.FC<SwitchProps>;

package/dist/{styles/components/form/Switch/Switch.mjs → components/form/Switch/Switch.js}

@@ -1,8 +1,9 @@
+"use client";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { classnames } from "../../Accessibility/VisuallyHidden/VisuallyHidden.mjs";
-import { input, container } from "./switch.css.mjs";
-import { useComponentStyles } from "../../display/Divider/Divider.mjs";
+import { getComponentStyles } from "../../../lib/theme/store/theme.js";
+import { classnames } from "../../../lib/utils/classnames.js";
+import { input, container } from "./switch.css.js";
 const Switch = ({
   checked,
   className,
@@ -11,9 +12,11 @@ const Switch = ({
   ref,
   ...restProps
 }) => {
-  const [isChecked, setIsChecked] = useState(defaultChecked || checked || false);
-  const baseClassName = useComponentStyles("switch", { base: true });
-  const sliderClassName = useComponentStyles("switch", { slider: true }, false);
+  const [isChecked, setIsChecked] = useState(
+    defaultChecked || checked || false
+  );
+  const baseClassName = getComponentStyles("switch", { base: true });
+  const sliderClassName = getComponentStyles("switch", { slider: true }, false);
   useEffect(() => {
     if (checked !== void 0) {
       setIsChecked(checked);

package/dist/components/form/Switch/Switch.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SwitchProps } from './Switch';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryObj<SwitchProps>;

package/dist/components/form/Switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch, type SwitchProps } from './Switch';

package/dist/{styles/components → components}/form/Switch/switch.css.cjs

@@ -1,26 +1,27 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
+const layers_css = require("../../../lib/css/layers/layers.css.cjs");
 fileScope.setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks");
 const container = css.style({
   "@layer": {
-    [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
+    [layers_css.blocksLayer]: {
       cursor: "pointer",
       userSelect: "none",
       position: "relative"
     }
   }
-}, "container");
+});
 const input = css.style({
   "@layer": {
-    [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
+    [layers_css.blocksLayer]: {
       opacity: 0,
       maxBlockSize: 0,
       maxInlineSize: 0
     }
   }
-}, "input");
+});
 fileScope.endFileScope();
 exports.container = container;
 exports.input = input;

package/dist/components/form/Switch/switch.css.d.ts

@@ -0,0 +1,2 @@
+export declare const container: string;
+export declare const input: string;

package/dist/{styles/components/form/Switch/switch.css.mjs → components/form/Switch/switch.css.js}

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
+import { blocksLayer } from "../../../lib/css/layers/layers.css.js";
 setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks");
 const container = style({
   "@layer": {
@@ -10,7 +10,7 @@ const container = style({
       position: "relative"
     }
   }
-}, "container");
+});
 const input = style({
   "@layer": {
     [blocksLayer]: {
@@ -19,7 +19,7 @@ const input = style({
       maxInlineSize: 0
     }
   }
-}, "input");
+});
 endFileScope();
 export {
   container,

package/dist/components/layout/Box/Box.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const createAsChildTemplate = require("../../../lib/asChildRenderer/createAsChildTemplate.cjs");
+const atomProps = require("../../../lib/utils/atom-props.cjs");
+const classnames = require("../../../lib/utils/classnames.cjs");
+const sprinkles_css = require("../../../lib/css/atoms/sprinkles.css.cjs");
+const { Template, Slot } = createAsChildTemplate.createAsChildTemplate("div");
+const Box = ({
+  asChild,
+  className,
+  children,
+  ref,
+  ...restProps
+}) => {
+  const [atomsProps, otherProps] = atomProps.getAtomsAndProps(restProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Template,
+    {
+      ref,
+      asChild,
+      className: classnames.classnames(className, sprinkles_css.atoms(atomsProps)),
+      ...otherProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Slot, { children })
+    }
+  );
+};
+exports.Box = Box;

package/dist/components/layout/Box/Box.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Atoms } from '../../../lib/css/atoms/atomTypes';
+import { HTMLElementProps } from '../../../lib/utils/utils';
+export type BoxProps = {
+    asChild?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    ref?: React.Ref<HTMLDivElement>;
+    style?: React.CSSProperties;
+} & Atoms & HTMLElementProps<HTMLDivElement>;
+export declare const Box: React.FC<BoxProps>;

package/dist/components/layout/Box/Box.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { createAsChildTemplate } from "../../../lib/asChildRenderer/createAsChildTemplate.js";
+import { getAtomsAndProps } from "../../../lib/utils/atom-props.js";
+import { classnames } from "../../../lib/utils/classnames.js";
+import { atoms } from "../../../lib/css/atoms/sprinkles.css.js";
+const { Template, Slot } = createAsChildTemplate("div");
+const Box = ({
+  asChild,
+  className,
+  children,
+  ref,
+  ...restProps
+}) => {
+  const [atomsProps, otherProps] = getAtomsAndProps(restProps);
+  return /* @__PURE__ */ jsx(
+    Template,
+    {
+      ref,
+      asChild,
+      className: classnames(className, atoms(atomsProps)),
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(Slot, { children })
+    }
+  );
+};
+export {
+  Box
+};

package/dist/components/layout/Box/Box.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/layout/Box/Box.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BoxProps } from './Box';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryObj<BoxProps>;
+export declare const AsChild: StoryObj<BoxProps>;

package/dist/components/layout/Box/index.d.ts

@@ -0,0 +1 @@
+export { Box, type BoxProps } from './Box';

package/dist/components/layout/Inline/Inline.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const flexbox = require("../../../lib/css/flexbox/flexbox.cjs");
+const Box = require("../Box/Box.cjs");
+const Inline = ({
+  alignX,
+  alignY,
+  tag: Tag = "div",
+  children,
+  display = "flex",
+  spacing,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      asChild: true,
+      display,
+      gap: spacing,
+      flexDirection: "row",
+      justifyContent: alignX ? flexbox.justifyContentMap[alignX] : void 0,
+      alignItems: alignY ? flexbox.alignItemsMap[alignY] : void 0,
+      flexWrap: "wrap",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
+    }
+  );
+};
+exports.Inline = Inline;

package/dist/components/layout/Inline/Inline.d.ts

@@ -0,0 +1,13 @@
+import { Atoms, MarginAtoms, PaddingAtoms, ResponsiveDisplayFlex } from '../../../lib/css/atoms';
+import { AlignItemsMap, JustifyContentMap } from '../../../lib/css/flexbox/flexbox';
+export type InlineProps = {
+    alignX?: keyof JustifyContentMap;
+    alignY?: keyof AlignItemsMap;
+    tag?: 'div' | 'ul' | 'ol' | 'nav';
+    children: React.ReactNode;
+    className?: string;
+    display?: ResponsiveDisplayFlex;
+    spacing: Atoms['gap'];
+    style?: React.CSSProperties;
+} & MarginAtoms & PaddingAtoms;
+export declare const Inline: React.FC<InlineProps>;

package/dist/components/layout/Inline/Inline.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { alignItemsMap, justifyContentMap } from "../../../lib/css/flexbox/flexbox.js";
+import { Box } from "../Box/Box.js";
+const Inline = ({
+  alignX,
+  alignY,
+  tag: Tag = "div",
+  children,
+  display = "flex",
+  spacing,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      asChild: true,
+      display,
+      gap: spacing,
+      flexDirection: "row",
+      justifyContent: alignX ? justifyContentMap[alignX] : void 0,
+      alignItems: alignY ? alignItemsMap[alignY] : void 0,
+      flexWrap: "wrap",
+      ...props,
+      children: /* @__PURE__ */ jsx(Tag, { children })
+    }
+  );
+};
+export {
+  Inline
+};

package/dist/components/layout/Inline/Inline.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Inline, InlineProps } from './Inline';
+declare const _default: Meta<typeof Inline>;
+export default _default;
+export declare const Default: StoryObj<InlineProps>;
+export declare const List: StoryObj<InlineProps>;

package/dist/components/layout/Inline/index.d.ts

@@ -0,0 +1 @@
+export { Inline, type InlineProps } from './Inline';

package/dist/components/layout/Stack/Stack.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const flexbox = require("../../../lib/css/flexbox/flexbox.cjs");
+const Box = require("../Box/Box.cjs");
+const Stack = ({
+  tag: Tag = "div",
+  display = "flex",
+  children,
+  spacing,
+  alignX,
+  ...restProps
+}) => {
+  if (process.env.NODE_ENV === "development" && restProps.start !== void 0 && Tag !== "ol") {
+    console.warn('Stack: "start" prop is only valid with tag="ol"');
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      asChild: true,
+      display,
+      gap: spacing,
+      flexDirection: "column",
+      alignItems: alignX ? flexbox.alignItemsMap[alignX] : void 0,
+      ...restProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
+    }
+  );
+};
+exports.Stack = Stack;

package/dist/components/layout/Stack/Stack.d.ts

@@ -0,0 +1,17 @@
+import { Atoms, MarginAtoms, PaddingAtoms, ResponsiveDisplayFlex } from '../../../lib/css/atoms';
+import { AlignItemsMap } from '../../../lib/css/flexbox/flexbox';
+export type StackProps = {
+    alignX?: keyof AlignItemsMap;
+    tag?: 'div' | 'section' | 'ul' | 'ol';
+    children: React.ReactNode;
+    className?: string;
+    display?: ResponsiveDisplayFlex;
+    spacing: Atoms['gap'];
+    style?: React.CSSProperties;
+    role?: React.AriaRole;
+    /**
+     * Start prop is only valid when tag="ol"
+     */
+    start?: number;
+} & MarginAtoms & PaddingAtoms;
+export declare const Stack: React.FC<StackProps>;

package/dist/components/layout/Stack/Stack.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { alignItemsMap } from "../../../lib/css/flexbox/flexbox.js";
+import { Box } from "../Box/Box.js";
+const Stack = ({
+  tag: Tag = "div",
+  display = "flex",
+  children,
+  spacing,
+  alignX,
+  ...restProps
+}) => {
+  if (process.env.NODE_ENV === "development" && restProps.start !== void 0 && Tag !== "ol") {
+    console.warn('Stack: "start" prop is only valid with tag="ol"');
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      asChild: true,
+      display,
+      gap: spacing,
+      flexDirection: "column",
+      alignItems: alignX ? alignItemsMap[alignX] : void 0,
+      ...restProps,
+      children: /* @__PURE__ */ jsx(Tag, { children })
+    }
+  );
+};
+export {
+  Stack
+};

package/dist/components/layout/Stack/Stack.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Stack, StackProps } from './Stack';
+declare const _default: Meta<typeof Stack>;
+export default _default;
+export declare const Default: StoryObj<StackProps>;
+export declare const List: StoryObj<StackProps>;

package/dist/components/layout/Stack/index.d.ts

@@ -0,0 +1 @@
+export { Stack, type StackProps } from './Stack';