@blockle/blocks 0.19.1 → 0.20.0-alpha1.0

package/dist/index.cjs

@@ -1,446 +1,73 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const styles_lib_css_atoms_breakpoints_cjs = require("./styles/lib/css/atoms/breakpoints.cjs");
-const styles_lib_css_style_style_cjs = require("./styles/lib/css/style/style.cjs");
-const styles_lib_theme_makeComponentTheme_cjs = require("./styles/lib/theme/makeComponentTheme.cjs");
-const styles_lib_theme_makeTheme_cjs = require("./styles/lib/theme/makeTheme.cjs");
-const styles_lib_theme_vars_css_cjs = require("./styles/lib/theme/vars.css.cjs");
-const styles_components_display_Divider_Divider_cjs = require("./styles/components/display/Divider/Divider.cjs");
-const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("./styles/components/Accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("./styles/lib/css/atoms/sprinkles.css.cjs");
-const jsxRuntime = require("react/jsx-runtime");
-const styles_components_form_Button_Button_cjs = require("./styles/components/form/Button/Button.cjs");
-const styles_components_form_Checkbox_Checkbox_cjs = require("./styles/components/form/Checkbox/Checkbox.cjs");
-const styles_components_form_Input_Input_cjs = require("./styles/components/form/Input/Input.cjs");
-const styles_components_form_Radio_Radio_cjs = require("./styles/components/form/Radio/Radio.cjs");
-const styles_components_form_Select_Select_cjs = require("./styles/components/form/Select/Select.cjs");
-const styles_components_form_Slider_Slider_cjs = require("./styles/components/form/Slider/Slider.cjs");
-const styles_components_form_Switch_Switch_cjs = require("./styles/components/form/Switch/Switch.cjs");
-const styles_components_other_BlocksProvider_BlocksProvider_cjs = require("./styles/components/other/BlocksProvider/BlocksProvider.cjs");
-const reactDom = require("react-dom");
-const styles_components_overlay_Dialog_Dialog_cjs = require("./styles/components/overlay/Dialog/Dialog.cjs");
-const react = require("react");
-const styles_components_typography_Heading_Heading_cjs = require("./styles/components/typography/Heading/Heading.cjs");
-const styles_components_typography_Text_Text_cjs = require("./styles/components/typography/Text/Text.cjs");
-const Progress = ({
-  className,
-  indeterminate,
-  max = 100,
-  ref,
-  value = 0,
-  ...restProps
-}) => {
-  const progress = value / max * 100;
-  const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
-    "progress",
-    {
-      base: true
-    },
-    false
-  );
-  const barClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
-    "progress",
-    { bar: true, variants: { indeterminate } },
-    false
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    styles_components_display_Divider_Divider_cjs.Box,
-    {
-      ref,
-      className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(containerClassName, className),
-      overflow: "hidden",
-      role: "progressbar",
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        styles_components_display_Divider_Divider_cjs.Box,
-        {
-          className: barClassName,
-          backgroundColor: "currentColor",
-          inlineSize: "full",
-          blockSize: "full",
-          style: { transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)` }
-        }
-      )
-    }
-  );
-};
-const justifyContentMap = {
-  left: "flex-start",
-  right: "flex-end",
-  center: "center",
-  between: "space-between",
-  around: "space-around"
-};
-const alignItemsMap = {
-  left: "flex-start",
-  right: "flex-end",
-  center: "center",
-  stretch: "stretch"
-};
-const Inline = ({
-  alignX,
-  alignY,
-  tag: Tag = "div",
-  children,
-  display = "flex",
-  spacing,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    styles_components_display_Divider_Divider_cjs.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__ */ jsxRuntime.jsx(Tag, { children })
-    }
-  );
-};
-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(
-    styles_components_display_Divider_Divider_cjs.Box,
-    {
-      asChild: true,
-      display,
-      gap: spacing,
-      flexDirection: "column",
-      alignItems: alignX ? alignItemsMap[alignX] : void 0,
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
-    }
-  );
-};
-const { Template, Slot } = styles_components_display_Divider_Divider_cjs.createAsChildTemplate("a");
-const Link = ({
-  asChild,
-  children,
-  className,
-  ref,
-  underline,
-  variant,
-  ...restProps
-}) => {
-  const linkClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("link", {
-    base: true,
-    variants: { variant, underline }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Template,
-    {
-      asChild,
-      ref,
-      className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(className, linkClassName),
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Slot, { children })
-    }
-  );
-};
-const Portal = ({ children, container }) => {
-  const context = styles_components_display_Divider_Divider_cjs.useTheme();
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(styles_components_other_BlocksProvider_BlocksProvider_cjs.BlocksProvider, { theme: context, children }),
-    container || document.body
-  );
-};
-const useLayer = () => {
-  const layerRef = react.useRef(null);
-  react.useEffect(
-    () => () => {
-      if (layerRef.current) {
-        layerRef.current.remove();
-        layerRef.current = null;
-      }
-    },
-    []
-  );
-  function getLayer() {
-    if (!layerRef.current) {
-      const div = document.createElement("div");
-      div.dataset.layer = "blocks";
-      layerRef.current = div;
-      document.body.append(layerRef.current);
-    }
-    return layerRef.current;
-  }
-  return getLayer;
-};
-const useVisibilityState = (open) => {
-  const [visible, setVisible] = react.useState(open);
-  const hide = react.useCallback(() => {
-    setVisible(false);
-  }, []);
-  react.useEffect(() => {
-    if (open) {
-      setVisible(true);
-    }
-  }, [open]);
-  return [visible, hide];
-};
-function getPopoverPosition(align, anchorRef, popoverRef) {
-  if (!anchorRef.current || !popoverRef.current) {
-    return [0, 0];
-  }
-  popoverRef.current.style.transform = "none";
-  popoverRef.current.style.transitionDuration = "0s";
-  const anchorRect = anchorRef.current.getBoundingClientRect();
-  const popoverRect = popoverRef.current.getBoundingClientRect();
-  let popoverStyles = getComputedStyle(popoverRef.current);
-  const top = popoverStyles.getPropertyValue("top");
-  const left = popoverStyles.getPropertyValue("left");
-  popoverRef.current.style.left = "0";
-  popoverRef.current.style.top = "0";
-  popoverStyles = getComputedStyle(popoverRef.current);
-  const marginTop = Number.parseFloat(popoverStyles.getPropertyValue("margin-top"));
-  const marginRight = Number.parseFloat(popoverStyles.getPropertyValue("margin-right"));
-  const marginBottom = Number.parseFloat(popoverStyles.getPropertyValue("margin-bottom"));
-  const marginLeft = Number.parseFloat(popoverStyles.getPropertyValue("margin-left"));
-  const marginY = marginTop + marginBottom;
-  const marginX = marginRight + marginLeft;
-  const docHeight = document.documentElement.clientHeight;
-  const docWidth = document.documentElement.clientWidth;
-  const docScrollTop = document.documentElement.scrollTop;
-  const docScrollLeft = document.documentElement.scrollLeft;
-  const anchorLeft = anchorRect.left + docScrollLeft;
-  const anchorTop = anchorRect.top + docScrollTop;
-  const topPosition = anchorRect.top - (popoverRect.height + marginTop);
-  const rightPosition = anchorRect.left + anchorRect.width + popoverRect.width;
-  const bottomPosition = anchorRect.top + anchorRect.height + popoverRect.height;
-  const leftPosition = anchorRect.left - popoverRect.width;
-  const offsetX = anchorLeft - marginLeft - (popoverRect.width - anchorRect.width) / 2;
-  const offsetY = anchorTop - marginTop - (popoverRect.height - anchorRect.height) / 2;
-  popoverRef.current.style.transform = "";
-  popoverRef.current.style.transitionDuration = "";
-  popoverRef.current.style.top = top;
-  popoverRef.current.style.left = left;
-  switch (align) {
-    case "top": {
-      return topPosition > 0 ? [offsetX, anchorTop - popoverRect.height - marginY] : [offsetX, anchorTop + anchorRect.height];
-    }
-    case "bottom": {
-      return bottomPosition < docHeight || topPosition < 0 ? [offsetX, anchorTop + anchorRect.height] : [offsetX, anchorTop - popoverRect.height - marginY];
-    }
-    case "left": {
-      return leftPosition > docWidth || leftPosition > 0 ? [anchorLeft - popoverRect.width - marginX, offsetY] : [anchorLeft + anchorRect.width, offsetY];
-    }
-    case "right": {
-      return rightPosition < docWidth || leftPosition < 0 ? [anchorLeft + anchorRect.width, offsetY] : [anchorLeft - popoverRect.width - marginX, offsetY];
-    }
-  }
-}
-const Popover = ({
-  align = "bottom",
-  anchorElement,
-  children,
-  className,
-  onRequestClose,
-  open,
-  repositionOnScroll,
-  style,
-  ...restProps
-}) => {
-  const layer = useLayer();
-  const [visible, hide] = useVisibilityState(open);
-  const [position, setPosition] = react.useState({ x: 0, y: 0 });
-  const popoverRef = react.useRef(null);
-  const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("popover", { base: true }, false);
-  react.useLayoutEffect(() => {
-    if (!visible) {
-      return;
-    }
-    const position2 = getPopoverPosition(align, anchorElement, popoverRef);
-    setPosition({ x: position2[0], y: position2[1] });
-  }, [align, anchorElement, visible]);
-  react.useEffect(() => {
-    if (!open || !repositionOnScroll) {
-      return;
-    }
-    function handleResize() {
-      const position2 = getPopoverPosition(align, anchorElement, popoverRef);
-      setPosition({ x: position2[0], y: position2[1] });
-    }
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("scroll", handleResize);
-    return () => {
-      window.removeEventListener("resize", handleResize);
-      window.removeEventListener("scroll", handleResize);
-    };
-  }, [align, anchorElement, open, repositionOnScroll]);
-  styles_components_overlay_Dialog_Dialog_cjs.useIsomorphicLayoutEffect(() => {
-    var _a;
-    if (!open) {
-      (_a = popoverRef.current) == null ? void 0 : _a.removeAttribute("data-open");
-      return;
-    }
-    let timer = requestAnimationFrame(() => {
-      timer = requestAnimationFrame(() => {
-        var _a2;
-        (_a2 = popoverRef.current) == null ? void 0 : _a2.setAttribute("data-open", "");
-      });
-    });
-    return () => {
-      cancelAnimationFrame(timer);
-    };
-  }, [open, visible]);
-  const onAnimationEnd = react.useCallback(() => {
-    if (!open) {
-      hide();
-    }
-  }, [hide, open]);
-  react.useEffect(() => {
-    if (open) {
-      return;
-    }
-    if (!styles_components_overlay_Dialog_Dialog_cjs.hasAnimationDuration(popoverRef.current)) {
-      hide();
-    }
-  }, [hide, open]);
-  styles_components_overlay_Dialog_Dialog_cjs.useKeyboard("Escape", onRequestClose, { enabled: visible });
-  styles_components_overlay_Dialog_Dialog_cjs.useClickOutside(popoverRef, onRequestClose, { enabled: visible });
-  if (!visible) {
-    return null;
-  }
-  const dataOpen = typeof window === "undefined" && open ? "" : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal, { container: layer(), children: /* @__PURE__ */ jsxRuntime.jsx(
-    styles_components_display_Divider_Divider_cjs.Box,
-    {
-      ref: popoverRef,
-      "data-open": dataOpen,
-      onAnimationEnd,
-      onTransitionEnd: onAnimationEnd,
-      className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(containerClassName, className),
-      position: "absolute",
-      style: {
-        ...style,
-        left: position.x,
-        top: position.y
-      },
-      ...restProps,
-      children
-    }
-  ) });
-};
-const Tooltip = ({
-  align = "top",
-  children,
-  label,
-  colorScheme
-}) => {
-  const id = react.useId();
-  const ref = react.useRef(null);
-  const [open, setOpen] = react.useState(false);
-  const tooltipClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("tooltip", {
-    base: true,
-    variants: { colorScheme }
-  });
-  react.useEffect(() => {
-    const element = ref.current;
-    if (!element) {
-      return;
-    }
-    function onEnter() {
-      setOpen(true);
-    }
-    function onLeave() {
-      setOpen(false);
-    }
-    element.addEventListener("mouseenter", onEnter);
-    element.addEventListener("mouseleave", onLeave);
-    element.addEventListener("focusin", onEnter);
-    element.addEventListener("focusout", onLeave);
-    return () => {
-      element.removeEventListener("mouseenter", onEnter);
-      element.removeEventListener("mouseleave", onLeave);
-      element.removeEventListener("focusin", onEnter);
-      element.removeEventListener("focusout", onLeave);
-    };
-  }, [ref, setOpen]);
-  if (react.Children.count(children) !== 1) {
-    throw new Error("Tooltip component can only have one child");
-  }
-  const child = react.Children.toArray(children)[0];
-  if (!react.isValidElement(child)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    react.cloneElement(child, {
-      ref: styles_components_display_Divider_Divider_cjs.composeRefs(ref, child.ref),
-      ["aria-describedby"]: open ? id : void 0
-    }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Popover,
-      {
-        id,
-        role: "tooltip",
-        anchorElement: ref,
-        open,
-        onRequestClose: () => {
-          setOpen(false);
-        },
-        align,
-        className: tooltipClassName,
-        children: label
-      }
-    )
-  ] });
-};
-const useRootAriaHidden = (hidden) => {
-  const context = react.useContext(styles_components_display_Divider_Divider_cjs.BlocksProviderContext);
-  if (!context) {
-    throw new Error("useRootAriaHidden must be used within a BlocksProvider");
-  }
-  context.setAriaHidden(hidden);
-};
-exports.minMediaQuery = styles_lib_css_atoms_breakpoints_cjs.minMediaQuery;
-exports.style = styles_lib_css_style_style_cjs.style;
-exports.makeComponentTheme = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme;
-exports.makeTheme = styles_lib_theme_makeTheme_cjs.makeTheme;
-exports.vars = styles_lib_theme_vars_css_cjs.vars;
-exports.Box = styles_components_display_Divider_Divider_cjs.Box;
-exports.Divider = styles_components_display_Divider_Divider_cjs.Divider;
-exports.createAsChildTemplate = styles_components_display_Divider_Divider_cjs.createAsChildTemplate;
-exports.useComponentStyleDefaultProps = styles_components_display_Divider_Divider_cjs.useComponentStyleDefaultProps;
-exports.useComponentStyles = styles_components_display_Divider_Divider_cjs.useComponentStyles;
-exports.VisuallyHidden = styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.VisuallyHidden;
-exports.classnames = styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames;
-exports.atoms = styles_lib_css_atoms_sprinkles_css_cjs.atoms;
-exports.Button = styles_components_form_Button_Button_cjs.Button;
-exports.Spinner = styles_components_form_Button_Button_cjs.Spinner;
-exports.Checkbox = styles_components_form_Checkbox_Checkbox_cjs.Checkbox;
-exports.Label = styles_components_form_Checkbox_Checkbox_cjs.Label;
-exports.Input = styles_components_form_Input_Input_cjs.Input;
-exports.Radio = styles_components_form_Radio_Radio_cjs.Radio;
-exports.Select = styles_components_form_Select_Select_cjs.Select;
-exports.Slider = styles_components_form_Slider_Slider_cjs.Slider;
-exports.Switch = styles_components_form_Switch_Switch_cjs.Switch;
-exports.BlocksProvider = styles_components_other_BlocksProvider_BlocksProvider_cjs.BlocksProvider;
-exports.Dialog = styles_components_overlay_Dialog_Dialog_cjs.Dialog;
-exports.useIsomorphicLayoutEffect = styles_components_overlay_Dialog_Dialog_cjs.useIsomorphicLayoutEffect;
-exports.useKeyboard = styles_components_overlay_Dialog_Dialog_cjs.useKeyboard;
-exports.usePreventBodyScroll = styles_components_overlay_Dialog_Dialog_cjs.usePreventBodyScroll;
-exports.Heading = styles_components_typography_Heading_Heading_cjs.Heading;
-exports.Text = styles_components_typography_Text_Text_cjs.Text;
-exports.Inline = Inline;
-exports.Link = Link;
-exports.Portal = Portal;
-exports.Progress = Progress;
-exports.Stack = Stack;
-exports.Tooltip = Tooltip;
-exports.useRootAriaHidden = useRootAriaHidden;
+const breakpoints = require("./lib/css/atoms/breakpoints.cjs");
+const style = require("./lib/css/style/style.cjs");
+const makeComponentTheme = require("./lib/theme/makeComponentTheme.cjs");
+const makeTheme = require("./lib/theme/makeTheme.cjs");
+const vars_css = require("./lib/theme/vars.css.cjs");
+const createAsChildTemplate = require("./lib/asChildRenderer/createAsChildTemplate.cjs");
+const theme = require("./lib/theme/store/theme.cjs");
+const classnames = require("./lib/utils/classnames.cjs");
+const sprinkles_css = require("./lib/css/atoms/sprinkles.css.cjs");
+const VisuallyHidden = require("./components/accessibility/VisuallyHidden/VisuallyHidden.cjs");
+const Divider = require("./components/display/Divider/Divider.cjs");
+const Progress = require("./components/feedback/Progress/Progress.cjs");
+const Spinner = require("./components/feedback/Spinner/Spinner.cjs");
+const Button = require("./components/form/Button/Button.cjs");
+const Checkbox = require("./components/form/Checkbox/Checkbox.cjs");
+const Input = require("./components/form/Input/Input.cjs");
+const Label = require("./components/form/Label/Label.cjs");
+const Radio = require("./components/form/Radio/Radio.cjs");
+const Select = require("./components/form/Select/Select.cjs");
+const Slider = require("./components/form/Slider/Slider.cjs");
+const Switch = require("./components/form/Switch/Switch.cjs");
+const Box = require("./components/layout/Box/Box.cjs");
+const Inline = require("./components/layout/Inline/Inline.cjs");
+const Stack = require("./components/layout/Stack/Stack.cjs");
+const Link = require("./components/navigation/Link/Link.cjs");
+const BlocksProvider = require("./components/other/BlocksProvider/BlocksProvider.cjs");
+const Portal = require("./components/other/Portal/Portal.cjs");
+const Dialog = require("./components/overlay/Dialog/Dialog.cjs");
+const Tooltip = require("./components/overlay/Tooltip/Tooltip.cjs");
+const Heading = require("./components/typography/Heading/Heading.cjs");
+const Text = require("./components/typography/Text/Text.cjs");
+const useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
+const useKeyboard = require("./hooks/useKeyboard/useKeyboard.cjs");
+const usePreventBodyScroll = require("./hooks/usePreventBodyScroll/usePreventBodyScroll.cjs");
+const useRootAriaHidden = require("./hooks/useRootAriaHidden/useRootAriaHidden.cjs");
+exports.minMediaQuery = breakpoints.minMediaQuery;
+exports.style = style.style;
+exports.makeComponentTheme = makeComponentTheme.makeComponentTheme;
+exports.makeTheme = makeTheme.makeTheme;
+exports.vars = vars_css.vars;
+exports.createAsChildTemplate = createAsChildTemplate.createAsChildTemplate;
+exports.getTheme = theme.getTheme;
+exports.setTheme = theme.setTheme;
+exports.classnames = classnames.classnames;
+exports.sprinkles = sprinkles_css.atoms;
+exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
+exports.Divider = Divider.Divider;
+exports.Progress = Progress.Progress;
+exports.Spinner = Spinner.Spinner;
+exports.Button = Button.Button;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Input = Input.Input;
+exports.Label = Label.Label;
+exports.Radio = Radio.Radio;
+exports.Select = Select.Select;
+exports.Slider = Slider.Slider;
+exports.Switch = Switch.Switch;
+exports.Box = Box.Box;
+exports.Inline = Inline.Inline;
+exports.Stack = Stack.Stack;
+exports.Link = Link.Link;
+exports.BlocksProvider = BlocksProvider.BlocksProvider;
+exports.Portal = Portal.Portal;
+exports.Dialog = Dialog.Dialog;
+exports.Tooltip = Tooltip.Tooltip;
+exports.Heading = Heading.Heading;
+exports.Text = Text.Text;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useKeyboard = useKeyboard.useKeyboard;
+exports.usePreventBodyScroll = usePreventBodyScroll.usePreventBodyScroll;
+exports.useRootAriaHidden = useRootAriaHidden.useRootAriaHidden;

package/dist/index.d.ts

@@ -1 +1,36 @@
-export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';
+export { atoms as sprinkles } from './lib/css/atoms/atoms';
+export { minMediaQuery } from './lib/css/atoms/breakpoints';
+export { style } from './lib/css/style/style';
+export { makeComponentTheme, type ThemeComponentsStyles, } from './lib/theme/makeComponentTheme';
+export { makeTheme } from './lib/theme/makeTheme';
+export type { ThemeTokens } from './lib/theme/tokensType';
+export { vars } from './lib/theme/vars.css';
+export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessibility/VisuallyHidden';
+export { Divider, type DividerProps } from './components/display/Divider';
+export { Progress, type ProgressProps } from './components/feedback/Progress';
+export { Spinner, type SpinnerProps } from './components/feedback/Spinner';
+export { Button, type ButtonProps } from './components/form/Button';
+export { Checkbox, type CheckboxProps } from './components/form/Checkbox';
+export { Input, type InputProps } from './components/form/Input';
+export { Label, type LabelProps } from './components/form/Label';
+export { Radio, type RadioProps } from './components/form/Radio';
+export { Select, type SelectProps } from './components/form/Select';
+export { Slider, type SliderProps } from './components/form/Slider';
+export { Switch, type SwitchProps } from './components/form/Switch';
+export { Box, type BoxProps } from './components/layout/Box';
+export { Inline, type InlineProps } from './components/layout/Inline';
+export { Stack, type StackProps } from './components/layout/Stack';
+export { Link, type LinkProps } from './components/navigation/Link';
+export { BlocksProvider, type BlocksProviderProps, } from './components/other/BlocksProvider';
+export { Portal, type PortalProps } from './components/other/Portal';
+export { Dialog, type DialogProps } from './components/overlay/Dialog';
+export { Tooltip, type TooltipProps } from './components/overlay/Tooltip';
+export { Heading, type HeadingProps } from './components/typography/Heading';
+export { Text, type TextProps } from './components/typography/Text';
+export { createAsChildTemplate } from './lib/asChildRenderer/createAsChildTemplate';
+export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+export { useKeyboard } from './hooks/useKeyboard';
+export { usePreventBodyScroll } from './hooks/usePreventBodyScroll';
+export { useRootAriaHidden } from './hooks/useRootAriaHidden';
+export { getTheme, setTheme } from './lib/theme/store/theme';
+export { classnames } from './lib/utils/classnames';

package/dist/index.js

@@ -0,0 +1,73 @@
+import { minMediaQuery } from "./lib/css/atoms/breakpoints.js";
+import { style } from "./lib/css/style/style.js";
+import { makeComponentTheme } from "./lib/theme/makeComponentTheme.js";
+import { makeTheme } from "./lib/theme/makeTheme.js";
+import { vars } from "./lib/theme/vars.css.js";
+import { createAsChildTemplate } from "./lib/asChildRenderer/createAsChildTemplate.js";
+import { getTheme, setTheme } from "./lib/theme/store/theme.js";
+import { classnames } from "./lib/utils/classnames.js";
+import { atoms } from "./lib/css/atoms/sprinkles.css.js";
+import { VisuallyHidden } from "./components/accessibility/VisuallyHidden/VisuallyHidden.js";
+import { Divider } from "./components/display/Divider/Divider.js";
+import { Progress } from "./components/feedback/Progress/Progress.js";
+import { Spinner } from "./components/feedback/Spinner/Spinner.js";
+import { Button } from "./components/form/Button/Button.js";
+import { Checkbox } from "./components/form/Checkbox/Checkbox.js";
+import { Input } from "./components/form/Input/Input.js";
+import { Label } from "./components/form/Label/Label.js";
+import { Radio } from "./components/form/Radio/Radio.js";
+import { Select } from "./components/form/Select/Select.js";
+import { Slider } from "./components/form/Slider/Slider.js";
+import { Switch } from "./components/form/Switch/Switch.js";
+import { Box } from "./components/layout/Box/Box.js";
+import { Inline } from "./components/layout/Inline/Inline.js";
+import { Stack } from "./components/layout/Stack/Stack.js";
+import { Link } from "./components/navigation/Link/Link.js";
+import { BlocksProvider } from "./components/other/BlocksProvider/BlocksProvider.js";
+import { Portal } from "./components/other/Portal/Portal.js";
+import { Dialog } from "./components/overlay/Dialog/Dialog.js";
+import { Tooltip } from "./components/overlay/Tooltip/Tooltip.js";
+import { Heading } from "./components/typography/Heading/Heading.js";
+import { Text } from "./components/typography/Text/Text.js";
+import { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+import { useKeyboard } from "./hooks/useKeyboard/useKeyboard.js";
+import { usePreventBodyScroll } from "./hooks/usePreventBodyScroll/usePreventBodyScroll.js";
+import { useRootAriaHidden } from "./hooks/useRootAriaHidden/useRootAriaHidden.js";
+export {
+  BlocksProvider,
+  Box,
+  Button,
+  Checkbox,
+  Dialog,
+  Divider,
+  Heading,
+  Inline,
+  Input,
+  Label,
+  Link,
+  Portal,
+  Progress,
+  Radio,
+  Select,
+  Slider,
+  Spinner,
+  Stack,
+  Switch,
+  Text,
+  Tooltip,
+  VisuallyHidden,
+  classnames,
+  createAsChildTemplate,
+  getTheme,
+  makeComponentTheme,
+  makeTheme,
+  minMediaQuery,
+  setTheme,
+  atoms as sprinkles,
+  style,
+  useIsomorphicLayoutEffect,
+  useKeyboard,
+  usePreventBodyScroll,
+  useRootAriaHidden,
+  vars
+};