@bamboocss/preset-open-props 1.11.1 → 1.11.3

package/dist/index.cjs

@@ -0,0 +1,205 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let open_props_src_animations = require("open-props/src/animations");
+open_props_src_animations = __toESM(open_props_src_animations);
+let open_props_src_easing = require("open-props/src/easing");
+open_props_src_easing = __toESM(open_props_src_easing);
+let css = require("css");
+css = __toESM(css);
+let open_props_src_colors = require("open-props/src/colors");
+open_props_src_colors = __toESM(open_props_src_colors);
+let open_props_src_colors_hsl = require("open-props/src/colors-hsl");
+open_props_src_colors_hsl = __toESM(open_props_src_colors_hsl);
+let open_props_src_zindex = require("open-props/src/zindex");
+open_props_src_zindex = __toESM(open_props_src_zindex);
+let open_props_src_svg = require("open-props/src/svg");
+open_props_src_svg = __toESM(open_props_src_svg);
+let open_props_src_gradients = require("open-props/src/gradients");
+open_props_src_gradients = __toESM(open_props_src_gradients);
+let open_props_src_borders = require("open-props/src/borders");
+open_props_src_borders = __toESM(open_props_src_borders);
+let open_props_src_shadows = require("open-props/src/shadows");
+open_props_src_shadows = __toESM(open_props_src_shadows);
+let open_props_src_sizes = require("open-props/src/sizes");
+open_props_src_sizes = __toESM(open_props_src_sizes);
+let open_props_src_fonts = require("open-props/src/fonts");
+open_props_src_fonts = __toESM(open_props_src_fonts);
+let open_props_src_masks_corner_cuts = require("open-props/src/masks.corner-cuts");
+open_props_src_masks_corner_cuts = __toESM(open_props_src_masks_corner_cuts);
+let open_props_src_masks_edges = require("open-props/src/masks.edges");
+open_props_src_masks_edges = __toESM(open_props_src_masks_edges);
+//#region src/utils.ts
+const camelize = (text) => {
+	return text.replace(/[-]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").toLowerCase().replace(/^./, (match) => match.toLowerCase());
+};
+const transformOpenPropsObj = (obj, keyTransform = camelize, valueTransform = (text) => text) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [keyTransform(key), { value: valueTransform(value) }]));
+const cssKeyframesToObj = (_css) => {
+	const stylesheet = css.default.parse(_css).stylesheet;
+	if (!stylesheet) return {};
+	function isKeyframe(rule) {
+		return "keyframes" in rule && rule.type === "keyframes";
+	}
+	const rule = stylesheet.rules[0];
+	if (!isKeyframe(rule) || !rule.keyframes) return {};
+	return rule.keyframes.map((keyframe) => {
+		const key = keyframe.values.join(", ");
+		const value = keyframe.declarations?.map((decl) => ({ [decl.property]: decl.value })).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
+		return { [key]: value };
+	}).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
+};
+//#endregion
+//#region src/keyframes.ts
+const easings = transformOpenPropsObj(open_props_src_easing.default, (key) => key.replace("--ease-", ""), (value) => value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}"));
+const _keyframes = Object.entries(open_props_src_animations.default).filter(([key]) => key.includes("@"));
+const keyframes = _keyframes.reduce((acc, [_key, value]) => {
+	const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
+	const suffix = _key.includes("media:dark") ? "-dark" : "";
+	return Object.assign({}, acc, { [key + suffix]: cssKeyframesToObj(value) });
+}, {});
+const animations = Object.entries(open_props_src_animations.default).filter(([key]) => !key.includes("@")).reduce((acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}") } }), {});
+const semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
+	const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
+	const value = animations[key].value;
+	return Object.assign({}, acc, { [key]: { value: { _dark: value.replace(key, key + "-dark") } } });
+}, {});
+//#endregion
+//#region src/breakpoints.ts
+const breakpoints = {
+	xxs: "240px",
+	xs: "360px",
+	sm: "480px",
+	md: "768px",
+	lg: "1024px",
+	xl: "1440px",
+	xxl: "1920px"
+};
+//#endregion
+//#region src/colors.ts
+const base = transformOpenPropsObj(open_props_src_colors.default);
+const hsl = transformOpenPropsObj(open_props_src_colors_hsl.default);
+const colors = Object.assign({}, base, hsl);
+//#endregion
+//#region src/zIndex.ts
+const zIndex = transformOpenPropsObj(open_props_src_zindex.default);
+//#endregion
+//#region src/assets.ts
+const assets = transformOpenPropsObj(open_props_src_svg.default);
+//#endregion
+//#region src/gradients.ts
+const noiseFilters = Object.fromEntries(Object.entries(open_props_src_gradients.default).filter(([key]) => key.includes("-filter-")).map(([key, value]) => [camelize(key), value]));
+const gradients = Object.fromEntries(Object.entries(open_props_src_gradients.default).filter(([key]) => !key.includes("-filter-")).map(([key, value]) => [camelize(key.replace("--gradient-", "")), { value }]));
+//#endregion
+//#region src/borders.ts
+const borderWidths = Object.fromEntries(Object.entries(open_props_src_borders.default).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }]));
+const radii = Object.fromEntries(Object.entries(open_props_src_borders.default).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value: value.replace(/var\(--radius-([^)]+)\)/g, "{radii.$1}") }]));
+//#endregion
+//#region src/shadows.ts
+const _shadows = Object.entries(open_props_src_shadows.default).filter(([key]) => /--(shadow|inner-shadow)-\d+/.test(key));
+const _shadow_vars = Object.keys(open_props_src_shadows.default).filter((key) => !/--(shadow|inner-shadow)-\d+/.test(key) && !key.includes("media:dark"));
+const shadows = Object.fromEntries(_shadows.map(([key, _value]) => {
+	const value = _shadow_vars.reduce((result, str) => {
+		return result.replaceAll(`var(${str})`, open_props_src_shadows.default[str]);
+	}, _value);
+	return [camelize(key.replace("-shadow-", "")), { value }];
+}));
+const semanticShadows = Object.fromEntries(_shadows.map(([key, _value]) => {
+	const value = _shadow_vars.reduce((result, str) => {
+		return result.replaceAll(`var(${str})`, open_props_src_shadows.default[str + "-@media:dark"]);
+	}, _value);
+	return [camelize(key.replace("-shadow-", "")), { value: { _dark: value } }];
+}));
+//#endregion
+//#region src/sizes.ts
+const spacing = transformOpenPropsObj(open_props_src_sizes.default, (key) => key.replace("--size-", ""));
+const sizes = spacing;
+//#endregion
+//#region src/typography.ts
+const transformFonts = (_v) => {
+	const v = `--font-${_v}-`;
+	return Object.fromEntries(Object.entries(open_props_src_fonts.default).filter(([key]) => key.startsWith(v)).map(([key, value]) => [key.replace(v, ""), { value }]));
+};
+const fontWeights = transformFonts("weight");
+const lineHeights = transformFonts("lineheight");
+const letterSpacings = transformFonts("letterspacing");
+const fontSizes = transformFonts("size");
+const fonts = Object.fromEntries([
+	"sans",
+	"serif",
+	"mono"
+].map((v) => [v, { value: open_props_src_fonts.default[`--font-${v}`] }]));
+//#endregion
+//#region src/tokens.ts
+const defineTokens = (v) => v;
+const tokens = defineTokens({
+	borderWidths,
+	radii,
+	easings,
+	zIndex,
+	letterSpacings,
+	fonts,
+	lineHeights,
+	fontWeights,
+	fontSizes,
+	shadows,
+	assets,
+	gradients,
+	colors,
+	spacing,
+	sizes,
+	animations
+});
+const utilities = {
+	WebkitMask: {
+		values: Object.fromEntries(Object.entries(Object.assign({}, open_props_src_masks_corner_cuts.default, open_props_src_masks_edges.default)).map(([key, value]) => [camelize(key.replace("--mask-", "")), value])),
+		transform(value) {
+			return { WebkitMask: value };
+		}
+	},
+	filter: {
+		className: "filter",
+		values: noiseFilters
+	}
+};
+//#endregion
+//#region src/index.ts
+const definePreset = (config) => config;
+const preset = definePreset({
+	name: "@bamboocss/open-props",
+	theme: {
+		keyframes,
+		tokens,
+		semanticTokens: {
+			animations: semanticAnimations,
+			shadows: semanticShadows
+		},
+		breakpoints
+	},
+	utilities
+});
+//#endregion
+exports.default = preset;
+exports.preset = preset;

package/dist/index.d.cts

@@ -0,0 +1,107 @@
+//#region src/index.d.ts
+declare const preset: {
+  name: string;
+  theme: {
+    keyframes: {};
+    tokens: {
+      borderWidths: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      radii: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      easings: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      zIndex: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      letterSpacings: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      fonts: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      lineHeights: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      fontWeights: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      fontSizes: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      shadows: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      assets: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      gradients: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      colors: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      spacing: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      sizes: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      animations: import("@bamboocss/types").Dict;
+    };
+    semanticTokens: {
+      animations: {};
+      shadows: {
+        [k: string]: {
+          value: {
+            _dark: string;
+          };
+        };
+      };
+    };
+    breakpoints: {
+      xxs: string;
+      xs: string;
+      sm: string;
+      md: string;
+      lg: string;
+      xl: string;
+      xxl: string;
+    };
+  };
+  utilities: import("@bamboocss/types").UtilityConfig;
+};
+//#endregion
+export { preset as default, preset };

package/dist/index.d.mts

@@ -0,0 +1,107 @@
+//#region src/index.d.ts
+declare const preset: {
+  name: string;
+  theme: {
+    keyframes: {};
+    tokens: {
+      borderWidths: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      radii: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      easings: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      zIndex: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      letterSpacings: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      fonts: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      lineHeights: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      fontWeights: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      fontSizes: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      shadows: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      assets: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      gradients: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      colors: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      spacing: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      sizes: {
+        [k: string]: {
+          value: string;
+        };
+      };
+      animations: import("@bamboocss/types").Dict;
+    };
+    semanticTokens: {
+      animations: {};
+      shadows: {
+        [k: string]: {
+          value: {
+            _dark: string;
+          };
+        };
+      };
+    };
+    breakpoints: {
+      xxs: string;
+      xs: string;
+      sm: string;
+      md: string;
+      lg: string;
+      xl: string;
+      xxl: string;
+    };
+  };
+  utilities: import("@bamboocss/types").UtilityConfig;
+};
+//#endregion
+export { preset as default, preset };

package/dist/index.mjs

@@ -1,221 +1,164 @@
-// src/keyframes.ts
 import Animations from "open-props/src/animations";
 import Easings from "open-props/src/easing";
-
-// src/utils.ts
 import css from "css";
-var camelize = (text) => {
-  return text.replace(/[-]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").toLowerCase().replace(/^./, (match) => match.toLowerCase());
-};
-var transformOpenPropsObj = (obj, keyTransform = camelize, valueTransform = (text) => text) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [keyTransform(key), { value: valueTransform(value) }]));
-var cssKeyframesToObj = (_css) => {
-  const parsedCss = css.parse(_css);
-  const stylesheet = parsedCss.stylesheet;
-  if (!stylesheet) return {};
-  function isKeyframe(rule2) {
-    return "keyframes" in rule2 && rule2.type === "keyframes";
-  }
-  const rule = stylesheet.rules[0];
-  if (!isKeyframe(rule) || !rule.keyframes) return {};
-  return rule.keyframes.map((keyframe) => {
-    const key = keyframe.values.join(", ");
-    const value = keyframe.declarations?.map((decl) => ({
-      [decl.property]: decl.value
-    })).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
-    return { [key]: value };
-  }).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
-};
-
-// src/keyframes.ts
-var easings = transformOpenPropsObj(
-  Easings,
-  (key) => key.replace("--ease-", ""),
-  (value) => value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}")
-);
-var _keyframes = Object.entries(Animations).filter(([key]) => key.includes("@"));
-var keyframes = _keyframes.reduce((acc, [_key, value]) => {
-  const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
-  const suffix = _key.includes("media:dark") ? "-dark" : "";
-  return Object.assign({}, acc, {
-    [key + suffix]: cssKeyframesToObj(value)
-  });
-}, {});
-var animations = Object.entries(Animations).filter(([key]) => !key.includes("@")).reduce(
-  (acc, [key, value]) => Object.assign({}, acc, {
-    [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}") }
-  }),
-  {}
-);
-var semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
-  const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
-  const value = animations[key].value;
-  return Object.assign({}, acc, {
-    [key]: { value: { _dark: value.replace(key, key + "-dark") } }
-  });
-}, {});
-
-// src/breakpoints.ts
-var breakpoints = {
-  xxs: "240px",
-  xs: "360px",
-  sm: "480px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1440px",
-  xxl: "1920px"
-};
-
-// src/colors.ts
 import Colors from "open-props/src/colors";
 import ColorsHSL from "open-props/src/colors-hsl";
-var base = transformOpenPropsObj(Colors);
-var hsl = transformOpenPropsObj(ColorsHSL);
-var colors = Object.assign({}, base, hsl);
-
-// src/zIndex.ts
 import zindex from "open-props/src/zindex";
-var zIndex = transformOpenPropsObj(zindex);
-
-// src/assets.ts
 import svg from "open-props/src/svg";
-var assets = transformOpenPropsObj(svg);
-
-// src/gradients.ts
 import Gradients from "open-props/src/gradients";
-var noiseFilters = Object.fromEntries(
-  Object.entries(Gradients).filter(([key]) => key.includes("-filter-")).map(([key, value]) => [camelize(key), value])
-);
-var gradients = Object.fromEntries(
-  Object.entries(Gradients).filter(([key]) => !key.includes("-filter-")).map(([key, value]) => [camelize(key.replace("--gradient-", "")), { value }])
-);
-
-// src/borders.ts
 import Borders from "open-props/src/borders";
-var borderWidths = Object.fromEntries(
-  Object.entries(Borders).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }])
-);
-var radii = Object.fromEntries(
-  Object.entries(Borders).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [
-    key.replace("--radius-", ""),
-    { value: value.replace(/var\(--radius-([^)]+)\)/g, "{radii.$1}") }
-  ])
-);
-
-// src/shadows.ts
 import Shadows from "open-props/src/shadows";
-var _shadows = Object.entries(Shadows).filter(([key]) => /--(shadow|inner-shadow)-\d+/.test(key));
-var _shadow_vars = Object.keys(Shadows).filter(
-  (key) => !/--(shadow|inner-shadow)-\d+/.test(key) && !key.includes("media:dark")
-);
-var shadows = Object.fromEntries(
-  _shadows.map(([key, _value]) => {
-    const value = _shadow_vars.reduce((result, str) => {
-      return result.replaceAll(`var(${str})`, Shadows[str]);
-    }, _value);
-    return [
-      camelize(key.replace("-shadow-", "")),
-      {
-        value
-      }
-    ];
-  })
-);
-var semanticShadows = Object.fromEntries(
-  _shadows.map(([key, _value]) => {
-    const value = _shadow_vars.reduce((result, str) => {
-      return result.replaceAll(`var(${str})`, Shadows[str + "-@media:dark"]);
-    }, _value);
-    return [
-      camelize(key.replace("-shadow-", "")),
-      {
-        value: { _dark: value }
-      }
-    ];
-  })
-);
-
-// src/sizes.ts
 import Sizes from "open-props/src/sizes";
-var spacing = transformOpenPropsObj(Sizes, (key) => key.replace("--size-", ""));
-var sizes = spacing;
-
-// src/typography.ts
 import Fonts from "open-props/src/fonts";
-var transformFonts = (_v) => {
-  const v = `--font-${_v}-`;
-  return Object.fromEntries(
-    Object.entries(Fonts).filter(([key]) => key.startsWith(v)).map(([key, value]) => [key.replace(v, ""), { value }])
-  );
-};
-var fontWeights = transformFonts("weight");
-var lineHeights = transformFonts("lineheight");
-var letterSpacings = transformFonts("letterspacing");
-var fontSizes = transformFonts("size");
-var _fonts = ["sans", "serif", "mono"];
-var fonts = Object.fromEntries(_fonts.map((v) => [v, { value: Fonts[`--font-${v}`] }]));
-
-// src/tokens.ts
-var defineTokens = (v) => v;
-var tokens = defineTokens({
-  borderWidths,
-  radii,
-  easings,
-  zIndex,
-  letterSpacings,
-  fonts,
-  lineHeights,
-  fontWeights,
-  fontSizes,
-  shadows,
-  assets,
-  gradients,
-  colors,
-  spacing,
-  sizes,
-  animations
-});
-
-// src/utilities.ts
 import MaskCornerCuts from "open-props/src/masks.corner-cuts";
 import MaskEdges from "open-props/src/masks.edges";
-var masks = Object.fromEntries(
-  Object.entries(Object.assign({}, MaskCornerCuts, MaskEdges)).map(([key, value]) => [
-    camelize(key.replace("--mask-", "")),
-    value
-  ])
-);
-var utilities = {
-  WebkitMask: {
-    values: masks,
-    transform(value) {
-      return {
-        WebkitMask: value
-      };
-    }
-  },
-  filter: {
-    className: "filter",
-    values: noiseFilters
-  }
+//#region src/utils.ts
+const camelize = (text) => {
+	return text.replace(/[-]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").toLowerCase().replace(/^./, (match) => match.toLowerCase());
 };
-
-// src/index.ts
-var definePreset = (config) => config;
-var preset = definePreset({
-  name: "@bamboocss/open-props",
-  theme: {
-    keyframes,
-    tokens,
-    semanticTokens: {
-      animations: semanticAnimations,
-      shadows: semanticShadows
-    },
-    breakpoints
-  },
-  utilities
+const transformOpenPropsObj = (obj, keyTransform = camelize, valueTransform = (text) => text) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [keyTransform(key), { value: valueTransform(value) }]));
+const cssKeyframesToObj = (_css) => {
+	const stylesheet = css.parse(_css).stylesheet;
+	if (!stylesheet) return {};
+	function isKeyframe(rule) {
+		return "keyframes" in rule && rule.type === "keyframes";
+	}
+	const rule = stylesheet.rules[0];
+	if (!isKeyframe(rule) || !rule.keyframes) return {};
+	return rule.keyframes.map((keyframe) => {
+		const key = keyframe.values.join(", ");
+		const value = keyframe.declarations?.map((decl) => ({ [decl.property]: decl.value })).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
+		return { [key]: value };
+	}).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
+};
+//#endregion
+//#region src/keyframes.ts
+const easings = transformOpenPropsObj(Easings, (key) => key.replace("--ease-", ""), (value) => value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}"));
+const _keyframes = Object.entries(Animations).filter(([key]) => key.includes("@"));
+const keyframes = _keyframes.reduce((acc, [_key, value]) => {
+	const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
+	const suffix = _key.includes("media:dark") ? "-dark" : "";
+	return Object.assign({}, acc, { [key + suffix]: cssKeyframesToObj(value) });
+}, {});
+const animations = Object.entries(Animations).filter(([key]) => !key.includes("@")).reduce((acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}") } }), {});
+const semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
+	const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
+	const value = animations[key].value;
+	return Object.assign({}, acc, { [key]: { value: { _dark: value.replace(key, key + "-dark") } } });
+}, {});
+//#endregion
+//#region src/breakpoints.ts
+const breakpoints = {
+	xxs: "240px",
+	xs: "360px",
+	sm: "480px",
+	md: "768px",
+	lg: "1024px",
+	xl: "1440px",
+	xxl: "1920px"
+};
+//#endregion
+//#region src/colors.ts
+const base = transformOpenPropsObj(Colors);
+const hsl = transformOpenPropsObj(ColorsHSL);
+const colors = Object.assign({}, base, hsl);
+//#endregion
+//#region src/zIndex.ts
+const zIndex = transformOpenPropsObj(zindex);
+//#endregion
+//#region src/assets.ts
+const assets = transformOpenPropsObj(svg);
+//#endregion
+//#region src/gradients.ts
+const noiseFilters = Object.fromEntries(Object.entries(Gradients).filter(([key]) => key.includes("-filter-")).map(([key, value]) => [camelize(key), value]));
+const gradients = Object.fromEntries(Object.entries(Gradients).filter(([key]) => !key.includes("-filter-")).map(([key, value]) => [camelize(key.replace("--gradient-", "")), { value }]));
+//#endregion
+//#region src/borders.ts
+const borderWidths = Object.fromEntries(Object.entries(Borders).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }]));
+const radii = Object.fromEntries(Object.entries(Borders).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value: value.replace(/var\(--radius-([^)]+)\)/g, "{radii.$1}") }]));
+//#endregion
+//#region src/shadows.ts
+const _shadows = Object.entries(Shadows).filter(([key]) => /--(shadow|inner-shadow)-\d+/.test(key));
+const _shadow_vars = Object.keys(Shadows).filter((key) => !/--(shadow|inner-shadow)-\d+/.test(key) && !key.includes("media:dark"));
+const shadows = Object.fromEntries(_shadows.map(([key, _value]) => {
+	const value = _shadow_vars.reduce((result, str) => {
+		return result.replaceAll(`var(${str})`, Shadows[str]);
+	}, _value);
+	return [camelize(key.replace("-shadow-", "")), { value }];
+}));
+const semanticShadows = Object.fromEntries(_shadows.map(([key, _value]) => {
+	const value = _shadow_vars.reduce((result, str) => {
+		return result.replaceAll(`var(${str})`, Shadows[str + "-@media:dark"]);
+	}, _value);
+	return [camelize(key.replace("-shadow-", "")), { value: { _dark: value } }];
+}));
+//#endregion
+//#region src/sizes.ts
+const spacing = transformOpenPropsObj(Sizes, (key) => key.replace("--size-", ""));
+const sizes = spacing;
+//#endregion
+//#region src/typography.ts
+const transformFonts = (_v) => {
+	const v = `--font-${_v}-`;
+	return Object.fromEntries(Object.entries(Fonts).filter(([key]) => key.startsWith(v)).map(([key, value]) => [key.replace(v, ""), { value }]));
+};
+const fontWeights = transformFonts("weight");
+const lineHeights = transformFonts("lineheight");
+const letterSpacings = transformFonts("letterspacing");
+const fontSizes = transformFonts("size");
+const fonts = Object.fromEntries([
+	"sans",
+	"serif",
+	"mono"
+].map((v) => [v, { value: Fonts[`--font-${v}`] }]));
+//#endregion
+//#region src/tokens.ts
+const defineTokens = (v) => v;
+const tokens = defineTokens({
+	borderWidths,
+	radii,
+	easings,
+	zIndex,
+	letterSpacings,
+	fonts,
+	lineHeights,
+	fontWeights,
+	fontSizes,
+	shadows,
+	assets,
+	gradients,
+	colors,
+	spacing,
+	sizes,
+	animations
 });
-var index_default = preset;
-export {
-  index_default as default,
-  preset
+const utilities = {
+	WebkitMask: {
+		values: Object.fromEntries(Object.entries(Object.assign({}, MaskCornerCuts, MaskEdges)).map(([key, value]) => [camelize(key.replace("--mask-", "")), value])),
+		transform(value) {
+			return { WebkitMask: value };
+		}
+	},
+	filter: {
+		className: "filter",
+		values: noiseFilters
+	}
 };
+//#endregion
+//#region src/index.ts
+const definePreset = (config) => config;
+const preset = definePreset({
+	name: "@bamboocss/open-props",
+	theme: {
+		keyframes,
+		tokens,
+		semanticTokens: {
+			animations: semanticAnimations,
+			shadows: semanticShadows
+		},
+		breakpoints
+	},
+	utilities
+});
+//#endregion
+export { preset as default, preset };

package/package.json

@@ -1,27 +1,27 @@
 {
   "name": "@bamboocss/preset-open-props",
-  "version": "1.11.1",
+  "version": "1.11.3",
   "description": "A preset for Open Props",
   "homepage": "https://bamboo-css.com",
   "license": "MIT",
   "author": "Abraham Aremu <anubra266@gmail.com>",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/chakra-ui/bamboo.git",
+    "url": "git+https://github.com/bamboocss/bamboo.git",
     "directory": "packages/preset-open-props"
   },
   "files": [
     "dist"
   ],
   "sideEffects": false,
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "types": "dist/index.d.cts",
   "exports": {
     ".": {
       "source": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.js",
+      "types": "./dist/index.d.cts",
+      "require": "./dist/index.cjs",
       "import": {
         "types": "./dist/index.d.mts",
         "default": "./dist/index.mjs"
@@ -35,14 +35,14 @@
   "dependencies": {
     "css": "3.0.0",
     "open-props": "1.7.16",
-    "@bamboocss/types": "1.11.1"
+    "@bamboocss/types": "1.11.3"
   },
   "devDependencies": {
     "@types/css": "0.0.38"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format=esm,cjs --dts",
-    "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts",
+    "build": "tsdown src/index.ts --format=esm,cjs --dts",
+    "build-fast": "tsdown --dts=false src/index.ts --format=esm,cjs",
     "dev": "pnpm build-fast --watch"
   }
 }

package/dist/index.js

@@ -1,258 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  default: () => index_default,
-  preset: () => preset
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/keyframes.ts
-var import_animations = __toESM(require("open-props/src/animations"));
-var import_easing = __toESM(require("open-props/src/easing"));
-
-// src/utils.ts
-var import_css = __toESM(require("css"));
-var camelize = (text) => {
-  return text.replace(/[-]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").toLowerCase().replace(/^./, (match) => match.toLowerCase());
-};
-var transformOpenPropsObj = (obj, keyTransform = camelize, valueTransform = (text) => text) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [keyTransform(key), { value: valueTransform(value) }]));
-var cssKeyframesToObj = (_css) => {
-  const parsedCss = import_css.default.parse(_css);
-  const stylesheet = parsedCss.stylesheet;
-  if (!stylesheet) return {};
-  function isKeyframe(rule2) {
-    return "keyframes" in rule2 && rule2.type === "keyframes";
-  }
-  const rule = stylesheet.rules[0];
-  if (!isKeyframe(rule) || !rule.keyframes) return {};
-  return rule.keyframes.map((keyframe) => {
-    const key = keyframe.values.join(", ");
-    const value = keyframe.declarations?.map((decl) => ({
-      [decl.property]: decl.value
-    })).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
-    return { [key]: value };
-  }).reduce((acc, nxt) => Object.assign({}, acc, nxt), {});
-};
-
-// src/keyframes.ts
-var easings = transformOpenPropsObj(
-  import_easing.default,
-  (key) => key.replace("--ease-", ""),
-  (value) => value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}")
-);
-var _keyframes = Object.entries(import_animations.default).filter(([key]) => key.includes("@"));
-var keyframes = _keyframes.reduce((acc, [_key, value]) => {
-  const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
-  const suffix = _key.includes("media:dark") ? "-dark" : "";
-  return Object.assign({}, acc, {
-    [key + suffix]: cssKeyframesToObj(value)
-  });
-}, {});
-var animations = Object.entries(import_animations.default).filter(([key]) => !key.includes("@")).reduce(
-  (acc, [key, value]) => Object.assign({}, acc, {
-    [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}") }
-  }),
-  {}
-);
-var semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
-  const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
-  const value = animations[key].value;
-  return Object.assign({}, acc, {
-    [key]: { value: { _dark: value.replace(key, key + "-dark") } }
-  });
-}, {});
-
-// src/breakpoints.ts
-var breakpoints = {
-  xxs: "240px",
-  xs: "360px",
-  sm: "480px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1440px",
-  xxl: "1920px"
-};
-
-// src/colors.ts
-var import_colors = __toESM(require("open-props/src/colors"));
-var import_colors_hsl = __toESM(require("open-props/src/colors-hsl"));
-var base = transformOpenPropsObj(import_colors.default);
-var hsl = transformOpenPropsObj(import_colors_hsl.default);
-var colors = Object.assign({}, base, hsl);
-
-// src/zIndex.ts
-var import_zindex = __toESM(require("open-props/src/zindex"));
-var zIndex = transformOpenPropsObj(import_zindex.default);
-
-// src/assets.ts
-var import_svg = __toESM(require("open-props/src/svg"));
-var assets = transformOpenPropsObj(import_svg.default);
-
-// src/gradients.ts
-var import_gradients = __toESM(require("open-props/src/gradients"));
-var noiseFilters = Object.fromEntries(
-  Object.entries(import_gradients.default).filter(([key]) => key.includes("-filter-")).map(([key, value]) => [camelize(key), value])
-);
-var gradients = Object.fromEntries(
-  Object.entries(import_gradients.default).filter(([key]) => !key.includes("-filter-")).map(([key, value]) => [camelize(key.replace("--gradient-", "")), { value }])
-);
-
-// src/borders.ts
-var import_borders = __toESM(require("open-props/src/borders"));
-var borderWidths = Object.fromEntries(
-  Object.entries(import_borders.default).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }])
-);
-var radii = Object.fromEntries(
-  Object.entries(import_borders.default).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [
-    key.replace("--radius-", ""),
-    { value: value.replace(/var\(--radius-([^)]+)\)/g, "{radii.$1}") }
-  ])
-);
-
-// src/shadows.ts
-var import_shadows = __toESM(require("open-props/src/shadows"));
-var _shadows = Object.entries(import_shadows.default).filter(([key]) => /--(shadow|inner-shadow)-\d+/.test(key));
-var _shadow_vars = Object.keys(import_shadows.default).filter(
-  (key) => !/--(shadow|inner-shadow)-\d+/.test(key) && !key.includes("media:dark")
-);
-var shadows = Object.fromEntries(
-  _shadows.map(([key, _value]) => {
-    const value = _shadow_vars.reduce((result, str) => {
-      return result.replaceAll(`var(${str})`, import_shadows.default[str]);
-    }, _value);
-    return [
-      camelize(key.replace("-shadow-", "")),
-      {
-        value
-      }
-    ];
-  })
-);
-var semanticShadows = Object.fromEntries(
-  _shadows.map(([key, _value]) => {
-    const value = _shadow_vars.reduce((result, str) => {
-      return result.replaceAll(`var(${str})`, import_shadows.default[str + "-@media:dark"]);
-    }, _value);
-    return [
-      camelize(key.replace("-shadow-", "")),
-      {
-        value: { _dark: value }
-      }
-    ];
-  })
-);
-
-// src/sizes.ts
-var import_sizes = __toESM(require("open-props/src/sizes"));
-var spacing = transformOpenPropsObj(import_sizes.default, (key) => key.replace("--size-", ""));
-var sizes = spacing;
-
-// src/typography.ts
-var import_fonts = __toESM(require("open-props/src/fonts"));
-var transformFonts = (_v) => {
-  const v = `--font-${_v}-`;
-  return Object.fromEntries(
-    Object.entries(import_fonts.default).filter(([key]) => key.startsWith(v)).map(([key, value]) => [key.replace(v, ""), { value }])
-  );
-};
-var fontWeights = transformFonts("weight");
-var lineHeights = transformFonts("lineheight");
-var letterSpacings = transformFonts("letterspacing");
-var fontSizes = transformFonts("size");
-var _fonts = ["sans", "serif", "mono"];
-var fonts = Object.fromEntries(_fonts.map((v) => [v, { value: import_fonts.default[`--font-${v}`] }]));
-
-// src/tokens.ts
-var defineTokens = (v) => v;
-var tokens = defineTokens({
-  borderWidths,
-  radii,
-  easings,
-  zIndex,
-  letterSpacings,
-  fonts,
-  lineHeights,
-  fontWeights,
-  fontSizes,
-  shadows,
-  assets,
-  gradients,
-  colors,
-  spacing,
-  sizes,
-  animations
-});
-
-// src/utilities.ts
-var import_masks = __toESM(require("open-props/src/masks.corner-cuts"));
-var import_masks2 = __toESM(require("open-props/src/masks.edges"));
-var masks = Object.fromEntries(
-  Object.entries(Object.assign({}, import_masks.default, import_masks2.default)).map(([key, value]) => [
-    camelize(key.replace("--mask-", "")),
-    value
-  ])
-);
-var utilities = {
-  WebkitMask: {
-    values: masks,
-    transform(value) {
-      return {
-        WebkitMask: value
-      };
-    }
-  },
-  filter: {
-    className: "filter",
-    values: noiseFilters
-  }
-};
-
-// src/index.ts
-var definePreset = (config) => config;
-var preset = definePreset({
-  name: "@bamboocss/open-props",
-  theme: {
-    keyframes,
-    tokens,
-    semanticTokens: {
-      animations: semanticAnimations,
-      shadows: semanticShadows
-    },
-    breakpoints
-  },
-  utilities
-});
-var index_default = preset;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  preset
-});