@santi020k/lumen-react 1.7.0-rc.0 → 1.8.0

package/dist/server-components.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement } from 'react';
+import { composeClassName } from '@santi020k/lumen-core';
+const Primitive = ({ as, className, uiClassName, ...props }) => {
+    const tag = as ?? 'div';
+    const safeClassName = typeof className === 'string' ? className : undefined;
+    return createElement(tag, {
+        className: composeClassName(uiClassName, safeClassName),
+        ...props
+    });
+};
+const glassIntensityClass = (glass) => glass === 'subtle' ?
+    'ui-glass-subtle' :
+    glass === 'strong' && 'ui-glass-strong';
+export const Badge = ({ className, variant = 'default', ...props }) => (_jsx("span", { className: composeClassName('ui-badge', `ui-badge--${variant}`, className), "data-variant": variant, ...props }));
+export const Card = ({ as, className, glass = false, variant = 'default', ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), className: composeClassName(variant === 'muted' && 'ui-card--muted', variant === 'interactive' && 'ui-card--interactive', variant === 'unstyled' && 'ui-card--unstyled', (glass || variant === 'glass') && composeClassName('ui-card--glass', glassIntensityClass(glass)), className), "data-slot": "card", "data-variant": variant, ...props, uiClassName: "ui-card" }));
+export const CardHeader = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-header", ...props, uiClassName: "ui-card__header" }));
+export const CardTitle = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-title", ...props, uiClassName: "ui-card__title" }));
+export const CardDescription = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-description", ...props, uiClassName: "ui-card__description" }));
+export const CardContent = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-content", ...props, uiClassName: "ui-card__content" }));
+export const CardFooter = ({ as, ...props }) => (_jsx(Primitive, { ...(as ? { as } : {}), "data-slot": "card-footer", ...props, uiClassName: "ui-card__footer" }));
+export const Container = ({ as = 'div', className, size = 'lg', ...props }) => createElement(as, {
+    className: composeClassName('ui-container', `ui-container--${size}`, className),
+    'data-size': size,
+    'data-ui-container': true,
+    ...props
+});
+export const Direction = ({ className, dir = 'ltr', ...props }) => (_jsx("div", { className: composeClassName('ui-direction', className), dir: dir, ...props }));
+export const Grid = ({ as = 'div', className, columns = 'auto', gap = 'md', minItemWidth, style, ...props }) => {
+    const gridStyle = {
+        ...style,
+        '--ui-grid-min': minItemWidth
+    };
+    return createElement(as, {
+        className: composeClassName('ui-grid', `ui-grid--columns-${columns}`, `ui-grid--gap-${gap}`, className),
+        'data-columns': columns,
+        'data-ui-grid': true,
+        style: gridStyle,
+        ...props
+    });
+};
+export const Input = ({ className, ref, type = 'text', visualSize = 'default', ...props }) => (_jsx("input", { className: composeClassName('ui-input', visualSize === 'sm' && 'ui-input--sm', visualSize === 'lg' && 'ui-input--lg', className), ref: ref, type: type, ...props }));
+export const Label = ({ className, ...props }) => (_jsx("label", { className: composeClassName('ui-label', className), ...props }));
+export const Progress = ({ className, max = 100, value = 0, ...props }) => {
+    const safeMax = max > 0 ? max : 100;
+    const safeValue = Math.min(safeMax, Math.max(0, value));
+    const percentage = (safeValue / safeMax) * 100;
+    return (_jsx("div", { "aria-valuemax": safeMax, "aria-valuemin": 0, "aria-valuenow": safeValue, className: composeClassName('ui-progress', className), role: "progressbar", ...props, children: _jsx("span", { className: "ui-progress__bar", "data-slot": "progress-indicator", style: { width: `${percentage}%` } }) }));
+};
+export const Separator = ({ className, orientation = 'horizontal', ...props }) => (_jsx("hr", { "aria-orientation": orientation, className: composeClassName('ui-separator', `ui-separator--${orientation}`, className), "data-orientation": orientation, ...props }));
+export const Skeleton = ({ className, ...props }) => (_jsx("div", { className: composeClassName('ui-skeleton', className), ...props }));
+export const Spinner = ({ 'aria-hidden': ariaHidden, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, className, role, ...props }) => {
+    const isAccessible = Boolean(ariaLabel || ariaLabelledby);
+    return (_jsx("span", { "aria-hidden": ariaHidden ?? (isAccessible ? undefined : true), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className: composeClassName('ui-spinner', className), role: role ?? (isAccessible ? 'status' : undefined), ...props }));
+};
+export const Stack = ({ align = 'stretch', as = 'div', className, direction = 'vertical', gap = 'md', justify = 'start', wrap = false, ...props }) => createElement(as, {
+    className: composeClassName('ui-stack', `ui-stack--${direction}`, `ui-stack--gap-${gap}`, `ui-stack--align-${align}`, `ui-stack--justify-${justify}`, wrap && 'ui-stack--wrap', className),
+    'data-direction': direction,
+    'data-ui-stack': true,
+    ...props
+});
+export const Textarea = ({ className, ref, rows = 4, ...props }) => (_jsx("textarea", { className: composeClassName('ui-textarea', className), ref: ref, rows: rows, ...props }));
+export const Typography = ({ className, ...props }) => (_jsx("div", { className: composeClassName('ui-typography', className), ...props }));
+export const VisuallyHidden = ({ className, focusable = false, ...props }) => (_jsx("span", { className: composeClassName('ui-visually-hidden', focusable && 'ui-visually-hidden--focusable', className), "data-ui-visually-hidden": true, ...props }));

package/dist/server.d.ts

@@ -0,0 +1,3 @@
+export * from './server-components.js';
+export { type LumenComponentName, lumenComponentNames } from '@santi020k/lumen-core';
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,OAAO,EACL,KAAK,kBAAkB,EACvB,mBAAmB,EACpB,MAAM,uBAAuB,CAAA"}

package/dist/server.js

@@ -0,0 +1,2 @@
+export * from './server-components.js';
+export { lumenComponentNames } from '@santi020k/lumen-core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@santi020k/lumen-react",
-  "version": "1.7.0-rc.0",
+  "version": "1.8.0",
   "publishConfig": {
     "access": "public"
   },
@@ -8,7 +8,8 @@
   "type": "module",
   "sideEffects": [
     "./layers.css",
-    "./styles.css"
+    "./styles.css",
+    "./styles/critical.css"
   ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -18,27 +19,39 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
+    },
     "./styles.css": "./styles.css",
+    "./styles/critical.css": "./styles/critical.css",
     "./layers.css": "./layers.css",
     "./package.json": "./package.json"
   },
   "files": [
+    "bin",
     "dist",
     "layers.css",
     "styles.css",
+    "styles",
     "README.md",
     "LICENSE"
   ],
+  "bin": {
+    "lumen": "./bin/lumen.mjs"
+  },
   "dependencies": {
     "uqr": "^0.1.3",
-    "@santi020k/lumen": "^1.7.0-rc.0",
-    "@santi020k/lumen-core": "^1.7.0-rc.0"
+    "@santi020k/lumen": "^1.8.0",
+    "@santi020k/lumen-core": "^1.8.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
     "@vitest/coverage-v8": "^4.1.11",
     "jsdom": "^29.1.1",
     "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "typescript": "^6.0.3",
     "vitest": "^4.1.11"
   },