@blockle/blocks 0.20.0-alpha1 → 1.0.0

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

@@ -1,38 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const sprinkles = require("@vanilla-extract/sprinkles");
-const lib_css_atoms_atomicProperties_cjs = require("./atomicProperties.cjs");
-const lib_css_atoms_breakpoints_cjs = require("./breakpoints.cjs");
-fileScope.setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
-const unresponsiveAtomicProperties = sprinkles.defineProperties({
-  properties: lib_css_atoms_atomicProperties_cjs.unresponsiveProperties,
-  shorthands: {
-    inset: ["insetBlockStart", "insetBlockEnd", "insetInlineStart", "insetInlineEnd"]
-  }
-});
-const responsiveAtomicProperties = sprinkles.defineProperties({
-  defaultCondition: "mobile",
-  conditions: {
-    mobile: {},
-    tablet: {
-      "@media": lib_css_atoms_breakpoints_cjs.minMediaQuery("tablet")
-    },
-    desktop: {
-      "@media": lib_css_atoms_breakpoints_cjs.minMediaQuery("desktop")
-    },
-    wide: {
-      "@media": lib_css_atoms_breakpoints_cjs.minMediaQuery("wide")
-    }
-  },
-  responsiveArray: lib_css_atoms_breakpoints_cjs.breakpointNames,
-  properties: lib_css_atoms_atomicProperties_cjs.responsiveProperties,
-  shorthands: {
-    margin: ["marginBlockStart", "marginBlockEnd", "marginInlineStart", "marginInlineEnd"],
-    marginBlock: ["marginBlockStart", "marginBlockEnd"],
-    marginInline: ["marginInlineStart", "marginInlineEnd"],
-    placeItems: ["justifyContent", "alignItems"]
-  }
-});
-const atoms = sprinkles.createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
-fileScope.endFileScope();
-exports.atoms = atoms;

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

@@ -1,39 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
-import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.mjs";
-import { breakpointNames, minMediaQuery } from "./breakpoints.mjs";
-setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
-const unresponsiveAtomicProperties = defineProperties({
-  properties: unresponsiveProperties,
-  shorthands: {
-    inset: ["insetBlockStart", "insetBlockEnd", "insetInlineStart", "insetInlineEnd"]
-  }
-});
-const responsiveAtomicProperties = defineProperties({
-  defaultCondition: "mobile",
-  conditions: {
-    mobile: {},
-    tablet: {
-      "@media": minMediaQuery("tablet")
-    },
-    desktop: {
-      "@media": minMediaQuery("desktop")
-    },
-    wide: {
-      "@media": minMediaQuery("wide")
-    }
-  },
-  responsiveArray: breakpointNames,
-  properties: responsiveProperties,
-  shorthands: {
-    margin: ["marginBlockStart", "marginBlockEnd", "marginInlineStart", "marginInlineEnd"],
-    marginBlock: ["marginBlockStart", "marginBlockEnd"],
-    marginInline: ["marginInlineStart", "marginInlineEnd"],
-    placeItems: ["justifyContent", "alignItems"]
-  }
-});
-const atoms = createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
-endFileScope();
-export {
-  atoms
-};

package/dist/lib/css/flexbox/flexbox.cjs

@@ -1,16 +0,0 @@
-"use strict";
-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"
-};
-exports.alignItemsMap = alignItemsMap;
-exports.justifyContentMap = justifyContentMap;

package/dist/lib/css/flexbox/flexbox.mjs

@@ -1,17 +0,0 @@
-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"
-};
-export {
-  alignItemsMap,
-  justifyContentMap
-};

package/dist/lib/css/layers/layers.css.cjs

@@ -1,7 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/css/layers/layers.css.ts", "@blockle/blocks");
-const blocksLayer = css.layer("blockle-blocks");
-fileScope.endFileScope();
-exports.blocksLayer = blocksLayer;

package/dist/lib/css/layers/layers.css.mjs

@@ -1,8 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { layer } from "@vanilla-extract/css";
-setFileScope("src/lib/css/layers/layers.css.ts", "@blockle/blocks");
-const blocksLayer = layer("blockle-blocks");
-endFileScope();
-export {
-  blocksLayer
-};

package/dist/lib/css/reset/reset.css.cjs

@@ -1,38 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/css/reset/reset.css.ts", "@blockle/blocks");
-css.globalStyle(":where(*, *::before, *::after)", {
-  boxSizing: "inherit",
-  WebkitTapHighlightColor: "transparent"
-});
-css.globalStyle(":where(html)", {
-  lineHeight: 1.5,
-  boxSizing: "border-box",
-  WebkitFontSmoothing: "antialiased"
-});
-css.globalStyle(":where(body)", {
-  margin: 0,
-  padding: 0,
-  fontFamily: "Calibri, sans-serif"
-});
-css.globalStyle(":where(button, input, optgroup, select, textarea)", {
-  fontFamily: "inherit",
-  fontSize: "100%",
-  lineHeight: "inherit",
-  margin: 0,
-  padding: 0
-});
-css.globalStyle(":where(p, ul, ol, pre, blockquote)", {
-  margin: 0,
-  padding: 0
-});
-css.globalStyle(":where(h1, h2, h3, h4, h5, h6)", {
-  margin: 0,
-  padding: 0,
-  fontSize: "inherit"
-});
-css.globalStyle(":where(pre)", {
-  whiteSpace: "pre-wrap"
-});
-fileScope.endFileScope();

package/dist/lib/css/reset/reset.css.mjs

@@ -1,37 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { globalStyle } from "@vanilla-extract/css";
-setFileScope("src/lib/css/reset/reset.css.ts", "@blockle/blocks");
-globalStyle(":where(*, *::before, *::after)", {
-  boxSizing: "inherit",
-  WebkitTapHighlightColor: "transparent"
-});
-globalStyle(":where(html)", {
-  lineHeight: 1.5,
-  boxSizing: "border-box",
-  WebkitFontSmoothing: "antialiased"
-});
-globalStyle(":where(body)", {
-  margin: 0,
-  padding: 0,
-  fontFamily: "Calibri, sans-serif"
-});
-globalStyle(":where(button, input, optgroup, select, textarea)", {
-  fontFamily: "inherit",
-  fontSize: "100%",
-  lineHeight: "inherit",
-  margin: 0,
-  padding: 0
-});
-globalStyle(":where(p, ul, ol, pre, blockquote)", {
-  margin: 0,
-  padding: 0
-});
-globalStyle(":where(h1, h2, h3, h4, h5, h6)", {
-  margin: 0,
-  padding: 0,
-  fontSize: "inherit"
-});
-globalStyle(":where(pre)", {
-  whiteSpace: "pre-wrap"
-});
-endFileScope();

package/dist/lib/css/style/style.cjs

@@ -1,28 +0,0 @@
-"use strict";
-const css = require("@vanilla-extract/css");
-const lib_css_atoms_sprinkles_css_cjs = require("../atoms/sprinkles.css.cjs");
-function style(props) {
-  const styleRule = {};
-  const atomClassNames = [];
-  if (Array.isArray(props)) {
-    return props.map((rule) => {
-      if (typeof rule === "string") {
-        return rule;
-      }
-      return style(rule);
-    }).join(" ");
-  }
-  for (const [name, value] of Object.entries(props)) {
-    if (lib_css_atoms_sprinkles_css_cjs.atoms.properties.has(name)) {
-      try {
-        atomClassNames.push(lib_css_atoms_sprinkles_css_cjs.atoms({ [name]: value }));
-      } catch {
-        styleRule[name] = value;
-      }
-    } else {
-      styleRule[name] = value;
-    }
-  }
-  return css.style([styleRule, ...atomClassNames]);
-}
-exports.style = style;

package/dist/lib/css/style/style.mjs

@@ -1,29 +0,0 @@
-import { style as style$1 } from "@vanilla-extract/css";
-import { atoms } from "../atoms/sprinkles.css.mjs";
-function style(props) {
-  const styleRule = {};
-  const atomClassNames = [];
-  if (Array.isArray(props)) {
-    return props.map((rule) => {
-      if (typeof rule === "string") {
-        return rule;
-      }
-      return style(rule);
-    }).join(" ");
-  }
-  for (const [name, value] of Object.entries(props)) {
-    if (atoms.properties.has(name)) {
-      try {
-        atomClassNames.push(atoms({ [name]: value }));
-      } catch {
-        styleRule[name] = value;
-      }
-    } else {
-      styleRule[name] = value;
-    }
-  }
-  return style$1([styleRule, ...atomClassNames]);
-}
-export {
-  style
-};

package/dist/lib/css/utils/cssUtils.cjs

@@ -1,5 +0,0 @@
-"use strict";
-function rem(value) {
-  return `${value / 16}rem`;
-}
-exports.rem = rem;

package/dist/lib/css/utils/cssUtils.mjs

@@ -1,6 +0,0 @@
-function rem(value) {
-  return `${value / 16}rem`;
-}
-export {
-  rem
-};

package/dist/lib/react/mergeProps.cjs

@@ -1,42 +0,0 @@
-"use strict";
-const lib_utils_classnames_cjs = require("../utils/classnames.cjs");
-const lib_react_refs_cjs = require("./refs.cjs");
-function mergeProps(slotProps, childProps) {
-  const overrideProps = {};
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    if (childPropValue === void 0) {
-      continue;
-    }
-    if (slotPropValue === void 0) {
-      overrideProps[propName] = childPropValue;
-      continue;
-    }
-    if (typeof slotPropValue === "function" && typeof childPropValue === "function") {
-      overrideProps[propName] = (...args) => {
-        childPropValue(...args);
-        slotPropValue(...args);
-      };
-    } else
-      switch (propName) {
-        case "style": {
-          overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-          break;
-        }
-        case "className": {
-          overrideProps[propName] = lib_utils_classnames_cjs.classnames(slotPropValue, childPropValue);
-          break;
-        }
-        case "ref": {
-          overrideProps[propName] = lib_react_refs_cjs.composeRefs(slotPropValue, childPropValue);
-          break;
-        }
-        default: {
-          overrideProps[propName] = childPropValue;
-        }
-      }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-exports.mergeProps = mergeProps;

package/dist/lib/react/mergeProps.mjs

@@ -1,43 +0,0 @@
-import { classnames } from "../utils/classnames.mjs";
-import { composeRefs } from "./refs.mjs";
-function mergeProps(slotProps, childProps) {
-  const overrideProps = {};
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    if (childPropValue === void 0) {
-      continue;
-    }
-    if (slotPropValue === void 0) {
-      overrideProps[propName] = childPropValue;
-      continue;
-    }
-    if (typeof slotPropValue === "function" && typeof childPropValue === "function") {
-      overrideProps[propName] = (...args) => {
-        childPropValue(...args);
-        slotPropValue(...args);
-      };
-    } else
-      switch (propName) {
-        case "style": {
-          overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-          break;
-        }
-        case "className": {
-          overrideProps[propName] = classnames(slotPropValue, childPropValue);
-          break;
-        }
-        case "ref": {
-          overrideProps[propName] = composeRefs(slotPropValue, childPropValue);
-          break;
-        }
-        default: {
-          overrideProps[propName] = childPropValue;
-        }
-      }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-export {
-  mergeProps
-};

package/dist/lib/react/refs.cjs

@@ -1,16 +0,0 @@
-"use strict";
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      setRef(ref, node);
-    }
-  };
-}
-exports.composeRefs = composeRefs;

package/dist/lib/react/refs.mjs

@@ -1,17 +0,0 @@
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      setRef(ref, node);
-    }
-  };
-}
-export {
-  composeRefs
-};

package/dist/lib/theme/makeComponentTheme.cjs

@@ -1,5 +0,0 @@
-"use strict";
-function makeComponentTheme(component, componentTheme) {
-  return componentTheme;
-}
-exports.makeComponentTheme = makeComponentTheme;

package/dist/lib/theme/makeComponentTheme.mjs

@@ -1,6 +0,0 @@
-function makeComponentTheme(component, componentTheme) {
-  return componentTheme;
-}
-export {
-  makeComponentTheme
-};

package/dist/lib/theme/makeTheme.cjs

@@ -1,12 +0,0 @@
-"use strict";
-const css = require("@vanilla-extract/css");
-const lib_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
-const lib_theme_vars_css_cjs = require("./vars.css.cjs");
-function makeTheme(theme) {
-  return {
-    name: theme.name,
-    vars: css.createTheme(lib_theme_vars_css_cjs.vars, lib_theme_makeVanillaTheme_cjs.makeVanillaTheme(theme.tokens)),
-    components: theme.components
-  };
-}
-exports.makeTheme = makeTheme;

package/dist/lib/theme/makeTheme.mjs

@@ -1,13 +0,0 @@
-import { createTheme } from "@vanilla-extract/css";
-import { makeVanillaTheme } from "./makeVanillaTheme.mjs";
-import { vars } from "./vars.css.mjs";
-function makeTheme(theme) {
-  return {
-    name: theme.name,
-    vars: createTheme(vars, makeVanillaTheme(theme.tokens)),
-    components: theme.components
-  };
-}
-export {
-  makeTheme
-};

package/dist/lib/theme/makeVanillaTheme.cjs

@@ -1,19 +0,0 @@
-"use strict";
-const makeVanillaTheme = (tokens) => {
-  return {
-    space: tokens.spacing,
-    borderRadius: tokens.border.radius,
-    color: tokens.color,
-    borderWidth: tokens.border.width,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.fontSize,
-    fontWeight: tokens.typography.fontWeight,
-    lineHeight: tokens.typography.lineHeight,
-    transition: tokens.transition,
-    shadow: tokens.shadow,
-    focus: {
-      boxShadow: tokens.focus.boxShadow
-    }
-  };
-};
-exports.makeVanillaTheme = makeVanillaTheme;

package/dist/lib/theme/makeVanillaTheme.mjs

@@ -1,20 +0,0 @@
-const makeVanillaTheme = (tokens) => {
-  return {
-    space: tokens.spacing,
-    borderRadius: tokens.border.radius,
-    color: tokens.color,
-    borderWidth: tokens.border.width,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.fontSize,
-    fontWeight: tokens.typography.fontWeight,
-    lineHeight: tokens.typography.lineHeight,
-    transition: tokens.transition,
-    shadow: tokens.shadow,
-    focus: {
-      boxShadow: tokens.focus.boxShadow
-    }
-  };
-};
-export {
-  makeVanillaTheme
-};

package/dist/lib/theme/store/theme.cjs

@@ -1,92 +0,0 @@
-"use strict";
-let currentTheme = null;
-function setTheme(theme) {
-  currentTheme = theme;
-}
-function getTheme() {
-  if (!currentTheme) {
-    throw new Error("No theme has been set. Use setTheme() to set a theme.");
-  }
-  return currentTheme;
-}
-function getComponentStyles(name, props, useDefaultVariants = true) {
-  const { components } = getTheme();
-  const component = components[name];
-  if (!component) {
-    console.warn(`Component ${name} is not defined in the theme`);
-    return "";
-  }
-  const classNames = [];
-  const variants = props.variants ?? {};
-  const variantsWithDefaults = { ...variants };
-  for (const key in props) {
-    const value = props[key];
-    if (typeof value === "boolean" && value) {
-      classNames.push(
-        // biome-ignore lint/suspicious/noExplicitAny: This is a type assertion for a dynamic key
-        component[key]
-      );
-    }
-  }
-  if (!component.variants) {
-    return classNames.join(" ");
-  }
-  const { defaultVariants } = component;
-  if (useDefaultVariants && defaultVariants) {
-    const keys2 = Object.keys(defaultVariants);
-    for (const key of keys2) {
-      if (variantsWithDefaults[key] === void 0 && defaultVariants[key]) {
-        variantsWithDefaults[key] = defaultVariants[key];
-      }
-    }
-  }
-  const keys = Object.keys(variantsWithDefaults);
-  const componentVariants = component.variants;
-  for (const key of keys) {
-    const value = variantsWithDefaults[key];
-    if (value === void 0 || componentVariants[key] === void 0) {
-      continue;
-    }
-    if (typeof value === "boolean") {
-      if (value && componentVariants[key]) {
-        classNames.push(componentVariants[key]);
-      }
-      continue;
-    }
-    const variant = componentVariants[key][value];
-    if (variant) {
-      classNames.push(variant);
-    }
-  }
-  const { compoundVariants } = component;
-  if (compoundVariants) {
-    for (const compoundVariant of compoundVariants) {
-      const keys2 = Object.keys(
-        compoundVariant.variants
-      );
-      const matches = keys2.every((key) => {
-        const value = variantsWithDefaults[key];
-        if (value === void 0) {
-          return false;
-        }
-        return value === compoundVariant.variants[key];
-      });
-      if (matches) {
-        classNames.push(compoundVariant.style);
-      }
-    }
-  }
-  return classNames.join(" ");
-}
-function getComponentStyleDefaults(name) {
-  const { components } = getTheme();
-  const component = components[name];
-  if (!component) {
-    return {};
-  }
-  return component.defaultVariants ?? {};
-}
-exports.getComponentStyleDefaults = getComponentStyleDefaults;
-exports.getComponentStyles = getComponentStyles;
-exports.getTheme = getTheme;
-exports.setTheme = setTheme;

package/dist/lib/theme/store/theme.mjs

@@ -1,93 +0,0 @@
-let currentTheme = null;
-function setTheme(theme) {
-  currentTheme = theme;
-}
-function getTheme() {
-  if (!currentTheme) {
-    throw new Error("No theme has been set. Use setTheme() to set a theme.");
-  }
-  return currentTheme;
-}
-function getComponentStyles(name, props, useDefaultVariants = true) {
-  const { components } = getTheme();
-  const component = components[name];
-  if (!component) {
-    console.warn(`Component ${name} is not defined in the theme`);
-    return "";
-  }
-  const classNames = [];
-  const variants = props.variants ?? {};
-  const variantsWithDefaults = { ...variants };
-  for (const key in props) {
-    const value = props[key];
-    if (typeof value === "boolean" && value) {
-      classNames.push(
-        // biome-ignore lint/suspicious/noExplicitAny: This is a type assertion for a dynamic key
-        component[key]
-      );
-    }
-  }
-  if (!component.variants) {
-    return classNames.join(" ");
-  }
-  const { defaultVariants } = component;
-  if (useDefaultVariants && defaultVariants) {
-    const keys2 = Object.keys(defaultVariants);
-    for (const key of keys2) {
-      if (variantsWithDefaults[key] === void 0 && defaultVariants[key]) {
-        variantsWithDefaults[key] = defaultVariants[key];
-      }
-    }
-  }
-  const keys = Object.keys(variantsWithDefaults);
-  const componentVariants = component.variants;
-  for (const key of keys) {
-    const value = variantsWithDefaults[key];
-    if (value === void 0 || componentVariants[key] === void 0) {
-      continue;
-    }
-    if (typeof value === "boolean") {
-      if (value && componentVariants[key]) {
-        classNames.push(componentVariants[key]);
-      }
-      continue;
-    }
-    const variant = componentVariants[key][value];
-    if (variant) {
-      classNames.push(variant);
-    }
-  }
-  const { compoundVariants } = component;
-  if (compoundVariants) {
-    for (const compoundVariant of compoundVariants) {
-      const keys2 = Object.keys(
-        compoundVariant.variants
-      );
-      const matches = keys2.every((key) => {
-        const value = variantsWithDefaults[key];
-        if (value === void 0) {
-          return false;
-        }
-        return value === compoundVariant.variants[key];
-      });
-      if (matches) {
-        classNames.push(compoundVariant.style);
-      }
-    }
-  }
-  return classNames.join(" ");
-}
-function getComponentStyleDefaults(name) {
-  const { components } = getTheme();
-  const component = components[name];
-  if (!component) {
-    return {};
-  }
-  return component.defaultVariants ?? {};
-}
-export {
-  getComponentStyleDefaults,
-  getComponentStyles,
-  getTheme,
-  setTheme
-};