@lobehub/ui 6.0.6 → 6.2.0

package/es/stylex/media.stylex.js

@@ -0,0 +1,14 @@
+import * as stylex from '@stylexjs/stylex';
+
+export const media = stylex.defineConsts({
+  desktop: '@media (min-width: 1200px)',
+  laptop: '@media (max-width: 991.98px)',
+  lg: '@media (max-width: 991.98px)',
+  md: '@media (max-width: 767.98px)',
+  mobile: '@media (max-width: 479.98px)',
+  sm: '@media (max-width: 575.98px)',
+  tablet: '@media (max-width: 767.98px)',
+  xl: '@media (max-width: 1199.98px)',
+  xs: '@media (max-width: 479.98px)',
+  xxl: '@media (min-width: 1200px)',
+});

package/es/stylex/media.stylex.ts

@@ -0,0 +1,14 @@
+import * as stylex from '@stylexjs/stylex';
+
+export const media = stylex.defineConsts({
+  desktop: '@media (min-width: 1200px)',
+  laptop: '@media (max-width: 991.98px)',
+  lg: '@media (max-width: 991.98px)',
+  md: '@media (max-width: 767.98px)',
+  mobile: '@media (max-width: 479.98px)',
+  sm: '@media (max-width: 575.98px)',
+  tablet: '@media (max-width: 767.98px)',
+  xl: '@media (max-width: 1199.98px)',
+  xs: '@media (max-width: 479.98px)',
+  xxl: '@media (min-width: 1200px)',
+});

package/es/utils/bem.mjs

@@ -0,0 +1,39 @@
+//#region src/utils/bem.ts
+const BLOCK_PREFIX = "lobe-";
+const cache = /* @__PURE__ */ new Map();
+/**
+* Builds the stable class names of one component block, following the
+* `lobe-<block>` / `lobe-<block>__<element>` BEM convention.
+*
+* Element names must match the component's `classNames` / `styles` slot keys, so
+* a consumer reads the same part name in CSS and in props. State and variants
+* belong on `data-*` attributes, never on `--modifier` classes: one source of
+* truth beats two.
+*
+* Generated StyleX hashes are not stable between releases, so these names are
+* the only surface integrations and e2e selectors may target.
+*
+* The factory is cached per block, so calling it at module scope, inside render,
+* or from a test all hand back the same instance.
+*
+* @example
+* ```tsx
+* const slider = bem('slider');
+*
+* slider();        // 'lobe-slider'
+* slider('thumb'); // 'lobe-slider__thumb'
+* ```
+*/
+const bem = (block) => {
+	const cached = cache.get(block);
+	if (cached) return cached;
+	const base = `${BLOCK_PREFIX}${block}`;
+	const factory = ((element) => element ? `${base}__${element}` : base);
+	factory.block = base;
+	cache.set(block, factory);
+	return factory;
+};
+//#endregion
+export { bem };
+
+//# sourceMappingURL=bem.mjs.map

package/es/utils/bem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bem.mjs","names":[],"sources":["../../src/utils/bem.ts"],"sourcesContent":["const BLOCK_PREFIX = 'lobe-';\n\nexport interface BEM {\n  /** The block class name, e.g. `lobe-slider`. */\n  block: string;\n  /** The block itself, or `block__element` when a name is passed. */\n  (element?: string): string;\n}\n\nconst cache = new Map<string, BEM>();\n\n/**\n * Builds the stable class names of one component block, following the\n * `lobe-<block>` / `lobe-<block>__<element>` BEM convention.\n *\n * Element names must match the component's `classNames` / `styles` slot keys, so\n * a consumer reads the same part name in CSS and in props. State and variants\n * belong on `data-*` attributes, never on `--modifier` classes: one source of\n * truth beats two.\n *\n * Generated StyleX hashes are not stable between releases, so these names are\n * the only surface integrations and e2e selectors may target.\n *\n * The factory is cached per block, so calling it at module scope, inside render,\n * or from a test all hand back the same instance.\n *\n * @example\n * ```tsx\n * const slider = bem('slider');\n *\n * slider();        // 'lobe-slider'\n * slider('thumb'); // 'lobe-slider__thumb'\n * ```\n */\nexport const bem = (block: string): BEM => {\n  const cached = cache.get(block);\n  if (cached) return cached;\n\n  const base = `${BLOCK_PREFIX}${block}`;\n  const factory = ((element?: string) => (element ? `${base}__${element}` : base)) as BEM;\n  factory.block = base;\n\n  cache.set(block, factory);\n  return factory;\n};\n"],"mappings":";AAAA,MAAM,eAAe;AASrB,MAAM,wBAAQ,IAAI,IAAiB;;;;;;;;;;;;;;;;;;;;;;;;AAyBnC,MAAa,OAAO,UAAuB;CACzC,MAAM,SAAS,MAAM,IAAI,KAAK;CAC9B,IAAI,QAAQ,OAAO;CAEnB,MAAM,OAAO,GAAG,eAAe;CAC/B,MAAM,YAAY,YAAsB,UAAU,GAAG,KAAK,IAAI,YAAY;CAC1E,QAAQ,QAAQ;CAEhB,MAAM,IAAI,OAAO,OAAO;CACxB,OAAO;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "6.0.6",
+  "version": "6.2.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -96,6 +96,16 @@
     "./global.css": "./es/global.css",
     "./theme.css": "./es/theme.css",
     "./style.css": "./es/style.css",
+    "./stylex/cssVar.stylex": {
+      "types": "./es/stylex/cssVar.stylex.ts",
+      "import": "./es/stylex/cssVar.stylex.js",
+      "default": "./es/stylex/cssVar.stylex.js"
+    },
+    "./stylex/media.stylex": {
+      "types": "./es/stylex/media.stylex.ts",
+      "import": "./es/stylex/media.stylex.js",
+      "default": "./es/stylex/media.stylex.js"
+    },
     "./es/*": {
       "types": "./es/*.d.mts",
       "import": "./es/*.mjs"
@@ -108,7 +118,7 @@
     "es"
   ],
   "scripts": {
-    "build": "tsdown && tsx ./scripts/buildThemeCss.ts && tsx ./scripts/checkStylexBuild.ts && npm run build:packages",
+    "build": "tsdown && tsx ./scripts/buildThemeCss.ts && tsx ./scripts/publishStylexTokens.ts && tsx ./scripts/checkStylexBuild.ts && npm run build:packages",
     "build:packages": "tsx ./scripts/build.ts",
     "build:stylex-vars": "tsx ./scripts/buildStylexVars.ts",
     "build:watch": "tsdown --watch",