@blockle/blocks 0.20.0-alpha1 → 1.0.0

package/dist/hooks/useLayer/useLayer.mjs

@@ -1,26 +0,0 @@
-import { useRef, useEffect } from "react";
-const useLayer = () => {
-  const layerRef = useRef(null);
-  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;
-};
-export {
-  useLayer
-};

package/dist/hooks/usePreventBodyScroll/index.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/hooks/usePreventBodyScroll/index.mjs

@@ -1 +0,0 @@
-

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.cjs

@@ -1,29 +0,0 @@
-"use strict";
-const hooks_useIsomorphicLayoutEffect_useIsomorphicLayoutEffect_cjs = require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const usePreventBodyScroll = (enabled = true) => {
-  hooks_useIsomorphicLayoutEffect_useIsomorphicLayoutEffect_cjs.useIsomorphicLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const prevOverflow = document.body.style.getPropertyValue("overflow");
-    const prevScrollTop = document.documentElement.scrollTop;
-    if (document.body.scrollHeight > window.innerHeight) {
-      document.body.style.position = "fixed";
-      document.body.style.overflow = "hidden";
-      document.body.style.overflowY = "scroll";
-      document.body.style.width = "100%";
-      document.body.style.top = `-${prevScrollTop}px`;
-    } else {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.position = "";
-      document.body.style.overflow = prevOverflow;
-      document.body.style.overflowY = "";
-      document.body.style.width = "";
-      document.body.style.top = "";
-      document.documentElement.scrollTop = prevScrollTop;
-    };
-  }, [enabled]);
-};
-exports.usePreventBodyScroll = usePreventBodyScroll;

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.mjs

@@ -1,30 +0,0 @@
-import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-const usePreventBodyScroll = (enabled = true) => {
-  useIsomorphicLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const prevOverflow = document.body.style.getPropertyValue("overflow");
-    const prevScrollTop = document.documentElement.scrollTop;
-    if (document.body.scrollHeight > window.innerHeight) {
-      document.body.style.position = "fixed";
-      document.body.style.overflow = "hidden";
-      document.body.style.overflowY = "scroll";
-      document.body.style.width = "100%";
-      document.body.style.top = `-${prevScrollTop}px`;
-    } else {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.position = "";
-      document.body.style.overflow = prevOverflow;
-      document.body.style.overflowY = "";
-      document.body.style.width = "";
-      document.body.style.top = "";
-      document.documentElement.scrollTop = prevScrollTop;
-    };
-  }, [enabled]);
-};
-export {
-  usePreventBodyScroll
-};

package/dist/hooks/useRestoreFocus/index.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/hooks/useRestoreFocus/index.mjs

@@ -1 +0,0 @@
-

package/dist/hooks/useRestoreFocus/useRestoreFocus.cjs

@@ -1,17 +0,0 @@
-"use strict";
-const react = require("react");
-const isBrowser = typeof window !== "undefined";
-const useRestoreFocus = (active) => {
-  const target = react.useRef(null);
-  if (isBrowser && active && !target.current) {
-    target.current = document.activeElement;
-  }
-  react.useEffect(() => {
-    var _a;
-    if (target.current && !active && target.current instanceof HTMLElement) {
-      (_a = target.current) == null ? void 0 : _a.focus();
-      target.current = null;
-    }
-  }, [active]);
-};
-exports.useRestoreFocus = useRestoreFocus;

package/dist/hooks/useRestoreFocus/useRestoreFocus.mjs

@@ -1,18 +0,0 @@
-import { useRef, useEffect } from "react";
-const isBrowser = typeof window !== "undefined";
-const useRestoreFocus = (active) => {
-  const target = useRef(null);
-  if (isBrowser && active && !target.current) {
-    target.current = document.activeElement;
-  }
-  useEffect(() => {
-    var _a;
-    if (target.current && !active && target.current instanceof HTMLElement) {
-      (_a = target.current) == null ? void 0 : _a.focus();
-      target.current = null;
-    }
-  }, [active]);
-};
-export {
-  useRestoreFocus
-};

package/dist/hooks/useRootAriaHidden/index.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/hooks/useRootAriaHidden/index.mjs

@@ -1 +0,0 @@
-

package/dist/hooks/useRootAriaHidden/useRootAriaHidden.cjs

@@ -1,11 +0,0 @@
-"use strict";
-const react = require("react");
-const components_other_BlocksProvider_context_cjs = require("../../components/other/BlocksProvider/context.cjs");
-const useRootAriaHidden = (hidden) => {
-  const context = react.useContext(components_other_BlocksProvider_context_cjs.BlocksProviderContext);
-  if (!context) {
-    throw new Error("useRootAriaHidden must be used within a BlocksProvider");
-  }
-  context.setAriaHidden(hidden);
-};
-exports.useRootAriaHidden = useRootAriaHidden;

package/dist/hooks/useRootAriaHidden/useRootAriaHidden.mjs

@@ -1,12 +0,0 @@
-import { useContext } from "react";
-import { BlocksProviderContext } from "../../components/other/BlocksProvider/context.mjs";
-const useRootAriaHidden = (hidden) => {
-  const context = useContext(BlocksProviderContext);
-  if (!context) {
-    throw new Error("useRootAriaHidden must be used within a BlocksProvider");
-  }
-  context.setAriaHidden(hidden);
-};
-export {
-  useRootAriaHidden
-};

package/dist/hooks/useVisibilityState/index.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/hooks/useVisibilityState/index.mjs

@@ -1 +0,0 @@
-

package/dist/hooks/useVisibilityState/useVisibilityState.cjs

@@ -1,15 +0,0 @@
-"use strict";
-const react = require("react");
-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];
-};
-exports.useVisibilityState = useVisibilityState;

package/dist/hooks/useVisibilityState/useVisibilityState.mjs

@@ -1,16 +0,0 @@
-import { useState, useCallback, useEffect } from "react";
-const useVisibilityState = (open) => {
-  const [visible, setVisible] = useState(open);
-  const hide = useCallback(() => {
-    setVisible(false);
-  }, []);
-  useEffect(() => {
-    if (open) {
-      setVisible(true);
-    }
-  }, [open]);
-  return [visible, hide];
-};
-export {
-  useVisibilityState
-};

package/dist/index.d.mts

@@ -1 +0,0 @@
-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, getTheme, makeComponentTheme, makeTheme, minMediaQuery, setTheme, style, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';

package/dist/index.mjs

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

package/dist/lib/asChildRenderer/createAsChildTemplate.cjs

@@ -1,72 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const lib_react_mergeProps_cjs = require("../react/mergeProps.cjs");
-function createAsChildTemplate(defaultElement) {
-  const Tag = defaultElement;
-  const Template = ({
-    asChild,
-    children,
-    ref,
-    ...rootProps
-  }) => {
-    if (!asChild) {
-      const tagProps = { ref, ...rootProps };
-      return /* @__PURE__ */ jsxRuntime.jsx(Tag, { ...tagProps, children });
-    }
-    const childrenArray = react.Children.toArray(children);
-    const slotIndex = childrenArray.findIndex((child) => {
-      if (!react.isValidElement(child)) {
-        return false;
-      }
-      return child.type === Slot;
-    });
-    const slot = childrenArray[slotIndex];
-    if (!slot) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error("Template: No Slot provided");
-      }
-      return null;
-    }
-    if (!isValidElementWithChildren(slot)) {
-      return null;
-    }
-    if (!react.isValidElement(slot.props.children)) {
-      if (process.env.NODE_ENV !== "production") {
-        if (react.Children.toArray(slot.props.children).length === 0) {
-          console.error("When using asChild, at least one child is required");
-        } else {
-          console.error("When using asChild, only one child is allowed");
-        }
-      }
-      return null;
-    }
-    if (!isValidElementWithChildren(slot.props.children)) {
-      return null;
-    }
-    const nextChildren = [...childrenArray];
-    if (nextChildren.length === 1 && !slot.props.children.props.children) {
-      return react.cloneElement(
-        slot.props.children,
-        lib_react_mergeProps_cjs.mergeProps(rootProps, slot.props.children.props)
-      );
-    }
-    nextChildren[slotIndex] = slot.props.children.props.children;
-    return react.cloneElement(
-      slot.props.children,
-      lib_react_mergeProps_cjs.mergeProps(rootProps, slot.props.children.props),
-      nextChildren
-    );
-  };
-  return {
-    Template,
-    Slot
-  };
-}
-function isValidElementWithChildren(child) {
-  return react.isValidElement(child) && !!child.props;
-}
-const Slot = ({ children }) => {
-  return children;
-};
-exports.createAsChildTemplate = createAsChildTemplate;

package/dist/lib/asChildRenderer/createAsChildTemplate.mjs

@@ -1,73 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Children, isValidElement, cloneElement } from "react";
-import { mergeProps } from "../react/mergeProps.mjs";
-function createAsChildTemplate(defaultElement) {
-  const Tag = defaultElement;
-  const Template = ({
-    asChild,
-    children,
-    ref,
-    ...rootProps
-  }) => {
-    if (!asChild) {
-      const tagProps = { ref, ...rootProps };
-      return /* @__PURE__ */ jsx(Tag, { ...tagProps, children });
-    }
-    const childrenArray = Children.toArray(children);
-    const slotIndex = childrenArray.findIndex((child) => {
-      if (!isValidElement(child)) {
-        return false;
-      }
-      return child.type === Slot;
-    });
-    const slot = childrenArray[slotIndex];
-    if (!slot) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error("Template: No Slot provided");
-      }
-      return null;
-    }
-    if (!isValidElementWithChildren(slot)) {
-      return null;
-    }
-    if (!isValidElement(slot.props.children)) {
-      if (process.env.NODE_ENV !== "production") {
-        if (Children.toArray(slot.props.children).length === 0) {
-          console.error("When using asChild, at least one child is required");
-        } else {
-          console.error("When using asChild, only one child is allowed");
-        }
-      }
-      return null;
-    }
-    if (!isValidElementWithChildren(slot.props.children)) {
-      return null;
-    }
-    const nextChildren = [...childrenArray];
-    if (nextChildren.length === 1 && !slot.props.children.props.children) {
-      return cloneElement(
-        slot.props.children,
-        mergeProps(rootProps, slot.props.children.props)
-      );
-    }
-    nextChildren[slotIndex] = slot.props.children.props.children;
-    return cloneElement(
-      slot.props.children,
-      mergeProps(rootProps, slot.props.children.props),
-      nextChildren
-    );
-  };
-  return {
-    Template,
-    Slot
-  };
-}
-function isValidElementWithChildren(child) {
-  return isValidElement(child) && !!child.props;
-}
-const Slot = ({ children }) => {
-  return children;
-};
-export {
-  createAsChildTemplate
-};

package/dist/lib/css/atoms/atomicProperties.cjs

@@ -1,89 +0,0 @@
-"use strict";
-const lib_theme_vars_css_cjs = require("../../theme/vars.css.cjs");
-const colorsWithCurrentColor = { ...lib_theme_vars_css_cjs.vars.color, currentColor: "currentColor" };
-const size = { auto: "auto", full: "100%", "fit-content": "fit-content" };
-const unresponsiveProperties = {
-  backgroundColor: colorsWithCurrentColor,
-  borderColor: colorsWithCurrentColor,
-  borderRadius: lib_theme_vars_css_cjs.vars.borderRadius,
-  borderWidth: lib_theme_vars_css_cjs.vars.borderWidth,
-  border: ["none"],
-  insetBlock: [0],
-  insetBlockStart: [0],
-  insetBlockEnd: [0],
-  insetInline: [0],
-  insetInlineStart: [0],
-  insetInlineEnd: [0],
-  boxShadow: lib_theme_vars_css_cjs.vars.shadow,
-  color: colorsWithCurrentColor,
-  cursor: ["auto", "pointer"],
-  fontFamily: lib_theme_vars_css_cjs.vars.fontFamily,
-  fontStyle: ["normal", "italic", "oblique"],
-  fontWeight: lib_theme_vars_css_cjs.vars.fontWeight,
-  lineHeight: lib_theme_vars_css_cjs.vars.lineHeight,
-  blockSize: size,
-  maxBlockSize: size,
-  inlineSize: size,
-  maxInlineSize: size,
-  opacity: [0, 1],
-  overflow: ["hidden", "scroll", "visible", "auto"],
-  overflowBlock: ["hidden", "scroll", "visible", "auto"],
-  overflowInline: ["hidden", "scroll", "visible", "auto"],
-  pointerEvents: ["none"],
-  textDecoration: ["overline", "line-through", "underline", "none"],
-  textTransform: ["lowercase", "uppercase", "capitalize"],
-  textWrap: ["balance", "wrap"],
-  transition: lib_theme_vars_css_cjs.vars.transition,
-  userSelect: ["none"],
-  whiteSpace: ["nowrap", "pre", "pre-line", "pre-wrap"],
-  wordBreak: ["break-word"],
-  wordWrap: ["break-word"]
-};
-const marginSpace = { auto: "auto", ...lib_theme_vars_css_cjs.vars.space };
-const responsiveProperties = {
-  alignContent: ["stretch", "center", "flex-start", "flex-end"],
-  alignItems: ["stretch", "center", "flex-start", "flex-end"],
-  alignSelf: ["stretch", "center", "flex-start", "flex-end"],
-  columnGap: lib_theme_vars_css_cjs.vars.space,
-  display: [
-    "none",
-    "flex",
-    "inline-flex",
-    "block",
-    "inline",
-    "inline-block",
-    "grid",
-    "inline-grid"
-  ],
-  flex: [1],
-  flexDirection: ["row", "row-reverse", "column", "column-reverse"],
-  flexGrow: [0, 1],
-  flexShrink: [0, 1],
-  flexWrap: ["nowrap", "wrap"],
-  fontSize: lib_theme_vars_css_cjs.vars.fontSize,
-  gap: lib_theme_vars_css_cjs.vars.space,
-  justifyContent: [
-    "flex-start",
-    "flex-end",
-    "center",
-    "space-between",
-    "space-around"
-  ],
-  marginBlockStart: marginSpace,
-  marginBlockEnd: marginSpace,
-  marginInlineStart: marginSpace,
-  marginInlineEnd: marginSpace,
-  outline: ["none"],
-  padding: lib_theme_vars_css_cjs.vars.space,
-  paddingBlock: lib_theme_vars_css_cjs.vars.space,
-  paddingBlockStart: lib_theme_vars_css_cjs.vars.space,
-  paddingBlockEnd: lib_theme_vars_css_cjs.vars.space,
-  paddingInline: lib_theme_vars_css_cjs.vars.space,
-  paddingInlineStart: lib_theme_vars_css_cjs.vars.space,
-  paddingInlineEnd: lib_theme_vars_css_cjs.vars.space,
-  position: ["relative", "fixed", "absolute", "sticky", "static"],
-  rowGap: lib_theme_vars_css_cjs.vars.space,
-  textAlign: ["center", "left", "right", "justify"]
-};
-exports.responsiveProperties = responsiveProperties;
-exports.unresponsiveProperties = unresponsiveProperties;

package/dist/lib/css/atoms/atomicProperties.mjs

@@ -1,90 +0,0 @@
-import { vars } from "../../theme/vars.css.mjs";
-const colorsWithCurrentColor = { ...vars.color, currentColor: "currentColor" };
-const size = { auto: "auto", full: "100%", "fit-content": "fit-content" };
-const unresponsiveProperties = {
-  backgroundColor: colorsWithCurrentColor,
-  borderColor: colorsWithCurrentColor,
-  borderRadius: vars.borderRadius,
-  borderWidth: vars.borderWidth,
-  border: ["none"],
-  insetBlock: [0],
-  insetBlockStart: [0],
-  insetBlockEnd: [0],
-  insetInline: [0],
-  insetInlineStart: [0],
-  insetInlineEnd: [0],
-  boxShadow: vars.shadow,
-  color: colorsWithCurrentColor,
-  cursor: ["auto", "pointer"],
-  fontFamily: vars.fontFamily,
-  fontStyle: ["normal", "italic", "oblique"],
-  fontWeight: vars.fontWeight,
-  lineHeight: vars.lineHeight,
-  blockSize: size,
-  maxBlockSize: size,
-  inlineSize: size,
-  maxInlineSize: size,
-  opacity: [0, 1],
-  overflow: ["hidden", "scroll", "visible", "auto"],
-  overflowBlock: ["hidden", "scroll", "visible", "auto"],
-  overflowInline: ["hidden", "scroll", "visible", "auto"],
-  pointerEvents: ["none"],
-  textDecoration: ["overline", "line-through", "underline", "none"],
-  textTransform: ["lowercase", "uppercase", "capitalize"],
-  textWrap: ["balance", "wrap"],
-  transition: vars.transition,
-  userSelect: ["none"],
-  whiteSpace: ["nowrap", "pre", "pre-line", "pre-wrap"],
-  wordBreak: ["break-word"],
-  wordWrap: ["break-word"]
-};
-const marginSpace = { auto: "auto", ...vars.space };
-const responsiveProperties = {
-  alignContent: ["stretch", "center", "flex-start", "flex-end"],
-  alignItems: ["stretch", "center", "flex-start", "flex-end"],
-  alignSelf: ["stretch", "center", "flex-start", "flex-end"],
-  columnGap: vars.space,
-  display: [
-    "none",
-    "flex",
-    "inline-flex",
-    "block",
-    "inline",
-    "inline-block",
-    "grid",
-    "inline-grid"
-  ],
-  flex: [1],
-  flexDirection: ["row", "row-reverse", "column", "column-reverse"],
-  flexGrow: [0, 1],
-  flexShrink: [0, 1],
-  flexWrap: ["nowrap", "wrap"],
-  fontSize: vars.fontSize,
-  gap: vars.space,
-  justifyContent: [
-    "flex-start",
-    "flex-end",
-    "center",
-    "space-between",
-    "space-around"
-  ],
-  marginBlockStart: marginSpace,
-  marginBlockEnd: marginSpace,
-  marginInlineStart: marginSpace,
-  marginInlineEnd: marginSpace,
-  outline: ["none"],
-  padding: vars.space,
-  paddingBlock: vars.space,
-  paddingBlockStart: vars.space,
-  paddingBlockEnd: vars.space,
-  paddingInline: vars.space,
-  paddingInlineStart: vars.space,
-  paddingInlineEnd: vars.space,
-  position: ["relative", "fixed", "absolute", "sticky", "static"],
-  rowGap: vars.space,
-  textAlign: ["center", "left", "right", "justify"]
-};
-export {
-  responsiveProperties,
-  unresponsiveProperties
-};

package/dist/lib/css/atoms/atoms.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./sprinkles.css.cjs");

package/dist/lib/css/atoms/atoms.mjs

@@ -1 +0,0 @@
-import "./sprinkles.css.mjs";

package/dist/lib/css/atoms/breakpoints.cjs

@@ -1,13 +0,0 @@
-"use strict";
-const breakpointNames = ["mobile", "tablet", "desktop", "wide"];
-const breakpoints = {
-  mobile: 0,
-  tablet: 740,
-  desktop: 992,
-  wide: 1200
-};
-function minMediaQuery(breakpoint) {
-  return `screen and (min-width: ${breakpoints[breakpoint]}px)`;
-}
-exports.breakpointNames = breakpointNames;
-exports.minMediaQuery = minMediaQuery;

package/dist/lib/css/atoms/breakpoints.mjs

@@ -1,14 +0,0 @@
-const breakpointNames = ["mobile", "tablet", "desktop", "wide"];
-const breakpoints = {
-  mobile: 0,
-  tablet: 740,
-  desktop: 992,
-  wide: 1200
-};
-function minMediaQuery(breakpoint) {
-  return `screen and (min-width: ${breakpoints[breakpoint]}px)`;
-}
-export {
-  breakpointNames,
-  minMediaQuery
-};

package/dist/lib/css/atoms/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./sprinkles.css.cjs");

package/dist/lib/css/atoms/index.mjs

@@ -1 +0,0 @@
-import "./sprinkles.css.mjs";