@beweco/aurora-ui 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +14 -9
- package/dist/index.esm.js +15 -11
- package/dist/types/components/Menu/Menu.d.ts +14 -0
- package/dist/types/components/Menu/Menu.d.ts.map +1 -0
- package/dist/types/components/Menu/Menu.types.d.ts +29 -0
- package/dist/types/components/Menu/Menu.types.d.ts.map +1 -0
- package/dist/types/components/Menu/index.d.ts +2 -0
- package/dist/types/components/Menu/index.d.ts.map +1 -0
- package/dist/types/components/Menu/sidebar-items.d.ts +3 -0
- package/dist/types/components/Menu/sidebar-items.d.ts.map +1 -0
- package/dist/types/components/button/Button.d.ts.map +1 -1
- package/dist/types/components/icon/Icon.d.ts +6 -5
- package/dist/types/components/icon/Icon.d.ts.map +1 -1
- package/dist/types/components/icon/Icon.types.d.ts +17 -5
- package/dist/types/components/icon/Icon.types.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +4 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/types/components/menu-nav-list/MenuNavList.d.ts +5 -0
- package/dist/types/components/menu-nav-list/MenuNavList.d.ts.map +1 -0
- package/dist/types/components/menu-nav-list/MenuNavList.styles.d.ts +19 -0
- package/dist/types/components/menu-nav-list/MenuNavList.styles.d.ts.map +1 -0
- package/dist/types/components/menu-nav-list/MenuNavList.types.d.ts +27 -0
- package/dist/types/components/menu-nav-list/MenuNavList.types.d.ts.map +1 -0
- package/dist/types/components/menuprueba/MenuPrueba.d.ts +4 -0
- package/dist/types/components/menuprueba/MenuPrueba.d.ts.map +1 -0
- package/dist/types/components/menuprueba/MenuPrueba.types.d.ts +23 -0
- package/dist/types/components/menuprueba/MenuPrueba.types.d.ts.map +1 -0
- package/dist/types/components/menuprueba/index.d.ts +3 -0
- package/dist/types/components/menuprueba/index.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -2
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +13 -9
package/dist/index.cjs.js
CHANGED
|
@@ -57,8 +57,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
57
57
|
var ButtonPrueba = function (_a) {
|
|
58
58
|
var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _b = _a.loading, loading = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.variant, variant = _c === void 0 ? "solid" : _c, _d = _a.color, color = _d === void 0 ? "primary" : _d, _e = _a.size, size = _e === void 0 ? "md" : _e, radius = _a.radius, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g, props = __rest(_a, ["children", "startIcon", "endIcon", "loading", "disabled", "variant", "color", "size", "radius", "fullWidth", "className"]);
|
|
59
59
|
react.useEffect(function () {
|
|
60
|
-
//
|
|
61
|
-
console.log("estamos dentro del botnon");
|
|
60
|
+
// console.log("estamos dentro del botnon");
|
|
62
61
|
}, []);
|
|
63
62
|
return (jsxRuntime.jsx(react$1.Button, __assign({ variant: variant, color: color, size: size, radius: radius, fullWidth: fullWidth, isLoading: loading, isDisabled: disabled, startContent: startIcon, endContent: endIcon, className: className }, props, { children: children })));
|
|
64
63
|
};
|
|
@@ -70,14 +69,19 @@ var sizeMap = {
|
|
|
70
69
|
xl: "32px",
|
|
71
70
|
};
|
|
72
71
|
var IconComponent = function (_a) {
|
|
73
|
-
var
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
72
|
+
var _b;
|
|
73
|
+
var icon = _a.icon, _c = _a.size, size = _c === void 0 ? "md" : _c, className = _a.className, style = _a.style, color = _a.color, hFlip = _a.hFlip, vFlip = _a.vFlip, flip = _a.flip, rotate = _a.rotate, nativeProps = __rest(_a, ["icon", "size", "className", "style", "color", "hFlip", "vFlip", "flip", "rotate"]);
|
|
74
|
+
var iconSize = (_b = sizeMap[size]) !== null && _b !== void 0 ? _b : sizeMap.md;
|
|
75
|
+
return (jsxRuntime.jsx("span", __assign({}, nativeProps, { children: jsxRuntime.jsx(react$2.Icon, { icon: icon, width: iconSize, height: iconSize, className: className, style: style, color: color, hFlip: hFlip, vFlip: vFlip, flip: flip, rotate: rotate }) })));
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
var MenuPrueba = function (_a) {
|
|
79
|
+
var logo = _a.logo, company = _a.company, user = _a.user, items = _a.items, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, onCollapse = _a.onCollapse;
|
|
80
|
+
return (jsxRuntime.jsxs("aside", { className: "h-screen flex flex-col bg-transparent border-r border-gray-800 transition-all duration-300", style: { minWidth: collapsed ? 80 : 256, maxWidth: collapsed ? 80 : 256 }, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-5 border-b border-gray-800", children: [jsxRuntime.jsx("img", { src: logo, alt: company, className: "rounded-full bg-white", style: { width: 40, height: 40 } }), !collapsed && (jsxRuntime.jsx("span", { className: "font-bold uppercase text-base tracking-widest text-white", children: company })), jsxRuntime.jsx("button", { type: "button", className: "ml-auto text-white opacity-60 hover:opacity-100 bg-transparent", onClick: onCollapse, "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar", children: collapsed ? "»" : "«" })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-6 py-4 border-b border-gray-800", children: [jsxRuntime.jsx("img", { src: user.avatar, alt: user.name, className: "rounded-full", style: { width: 36, height: 36 } }), !collapsed && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: "font-semibold text-white text-sm", children: user.name }), jsxRuntime.jsx("div", { className: "text-xs text-gray-400", children: user.email })] }))] }), jsxRuntime.jsx("nav", { className: "flex-1 mt-4", children: jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: items.map(function (item, _idx) { return (jsxRuntime.jsx("li", { className: "list-none", children: jsxRuntime.jsxs("button", { type: "button", className: "flex items-center w-full gap-3 px-6 py-3 cursor-pointer transition-colors bg-transparent ".concat(item.selected
|
|
81
|
+
? "bg-gray-800 text-white font-semibold"
|
|
82
|
+
: "hover:bg-gray-800 text-gray-300"), onClick: item.onClick, children: [jsxRuntime.jsx("span", { className: "text-lg", children: item.icon }), !collapsed && jsxRuntime.jsx("span", { className: "text-base", children: item.label })] }) }, item.label)); }) }) }), jsxRuntime.jsx("div", { className: "px-6 py-4 text-xs text-gray-500 border-t border-gray-800", children: !collapsed && "© BeweOS" })] }));
|
|
80
83
|
};
|
|
84
|
+
MenuPrueba.displayName = "MenuPrueba";
|
|
81
85
|
|
|
82
86
|
var themeColors = {
|
|
83
87
|
"purple-light": {
|
|
@@ -279,6 +283,7 @@ var ThemeProvider = function (_a) {
|
|
|
279
283
|
|
|
280
284
|
exports.ButtonPrueba = ButtonPrueba;
|
|
281
285
|
exports.IconComponent = IconComponent;
|
|
286
|
+
exports.MenuPrueba = MenuPrueba;
|
|
282
287
|
exports.ThemeContext = ThemeContext;
|
|
283
288
|
exports.ThemeProvider = ThemeProvider;
|
|
284
289
|
exports.sizeMap = sizeMap;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { Button } from '@heroui/react';
|
|
3
3
|
import { useEffect, createContext, useContext } from 'react';
|
|
4
4
|
import { Icon } from '@iconify/react';
|
|
@@ -55,8 +55,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
55
55
|
var ButtonPrueba = function (_a) {
|
|
56
56
|
var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _b = _a.loading, loading = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.variant, variant = _c === void 0 ? "solid" : _c, _d = _a.color, color = _d === void 0 ? "primary" : _d, _e = _a.size, size = _e === void 0 ? "md" : _e, radius = _a.radius, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g, props = __rest(_a, ["children", "startIcon", "endIcon", "loading", "disabled", "variant", "color", "size", "radius", "fullWidth", "className"]);
|
|
57
57
|
useEffect(function () {
|
|
58
|
-
//
|
|
59
|
-
console.log("estamos dentro del botnon");
|
|
58
|
+
// console.log("estamos dentro del botnon");
|
|
60
59
|
}, []);
|
|
61
60
|
return (jsx(Button, __assign({ variant: variant, color: color, size: size, radius: radius, fullWidth: fullWidth, isLoading: loading, isDisabled: disabled, startContent: startIcon, endContent: endIcon, className: className }, props, { children: children })));
|
|
62
61
|
};
|
|
@@ -68,14 +67,19 @@ var sizeMap = {
|
|
|
68
67
|
xl: "32px",
|
|
69
68
|
};
|
|
70
69
|
var IconComponent = function (_a) {
|
|
71
|
-
var
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
70
|
+
var _b;
|
|
71
|
+
var icon = _a.icon, _c = _a.size, size = _c === void 0 ? "md" : _c, className = _a.className, style = _a.style, color = _a.color, hFlip = _a.hFlip, vFlip = _a.vFlip, flip = _a.flip, rotate = _a.rotate, nativeProps = __rest(_a, ["icon", "size", "className", "style", "color", "hFlip", "vFlip", "flip", "rotate"]);
|
|
72
|
+
var iconSize = (_b = sizeMap[size]) !== null && _b !== void 0 ? _b : sizeMap.md;
|
|
73
|
+
return (jsx("span", __assign({}, nativeProps, { children: jsx(Icon, { icon: icon, width: iconSize, height: iconSize, className: className, style: style, color: color, hFlip: hFlip, vFlip: vFlip, flip: flip, rotate: rotate }) })));
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
var MenuPrueba = function (_a) {
|
|
77
|
+
var logo = _a.logo, company = _a.company, user = _a.user, items = _a.items, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, onCollapse = _a.onCollapse;
|
|
78
|
+
return (jsxs("aside", { className: "h-screen flex flex-col bg-transparent border-r border-gray-800 transition-all duration-300", style: { minWidth: collapsed ? 80 : 256, maxWidth: collapsed ? 80 : 256 }, children: [jsxs("div", { className: "flex items-center gap-3 px-6 py-5 border-b border-gray-800", children: [jsx("img", { src: logo, alt: company, className: "rounded-full bg-white", style: { width: 40, height: 40 } }), !collapsed && (jsx("span", { className: "font-bold uppercase text-base tracking-widest text-white", children: company })), jsx("button", { type: "button", className: "ml-auto text-white opacity-60 hover:opacity-100 bg-transparent", onClick: onCollapse, "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar", children: collapsed ? "»" : "«" })] }), jsxs("div", { className: "flex items-center gap-3 px-6 py-4 border-b border-gray-800", children: [jsx("img", { src: user.avatar, alt: user.name, className: "rounded-full", style: { width: 36, height: 36 } }), !collapsed && (jsxs("div", { children: [jsx("div", { className: "font-semibold text-white text-sm", children: user.name }), jsx("div", { className: "text-xs text-gray-400", children: user.email })] }))] }), jsx("nav", { className: "flex-1 mt-4", children: jsx("ul", { className: "flex flex-col gap-1", children: items.map(function (item, _idx) { return (jsx("li", { className: "list-none", children: jsxs("button", { type: "button", className: "flex items-center w-full gap-3 px-6 py-3 cursor-pointer transition-colors bg-transparent ".concat(item.selected
|
|
79
|
+
? "bg-gray-800 text-white font-semibold"
|
|
80
|
+
: "hover:bg-gray-800 text-gray-300"), onClick: item.onClick, children: [jsx("span", { className: "text-lg", children: item.icon }), !collapsed && jsx("span", { className: "text-base", children: item.label })] }) }, item.label)); }) }) }), jsx("div", { className: "px-6 py-4 text-xs text-gray-500 border-t border-gray-800", children: !collapsed && "© BeweOS" })] }));
|
|
78
81
|
};
|
|
82
|
+
MenuPrueba.displayName = "MenuPrueba";
|
|
79
83
|
|
|
80
84
|
var themeColors = {
|
|
81
85
|
"purple-light": {
|
|
@@ -275,4 +279,4 @@ var ThemeProvider = function (_a) {
|
|
|
275
279
|
return (jsx(ThemeContext.Provider, { value: { theme: theme, setTheme: setTheme }, children: jsx("main", { className: "".concat(theme, " bg-background text-foreground "), children: children }) }));
|
|
276
280
|
};
|
|
277
281
|
|
|
278
|
-
export { ButtonPrueba, IconComponent, ThemeContext, ThemeProvider, sizeMap, themeColors, useThemeContext };
|
|
282
|
+
export { ButtonPrueba, IconComponent, MenuPrueba, ThemeContext, ThemeProvider, sizeMap, themeColors, useThemeContext };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Menu.scss";
|
|
3
|
+
import type { MenuComponentProps } from "./Menu.types";
|
|
4
|
+
/**
|
|
5
|
+
* Sidebar menu component for navigation and user actions.
|
|
6
|
+
* @param commerceInfo - Object with logo and name of the company.
|
|
7
|
+
* @param userInfo - Object with user avatar, name, and email.
|
|
8
|
+
* @param helpButton - Help button configuration.
|
|
9
|
+
* @param upgradeCard - Optional upgrade card configuration.
|
|
10
|
+
* @param isOpenSidebar - Controls sidebar visibility.
|
|
11
|
+
* @param onOpenSidebarChange - Callback to open/close sidebar.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Menu: React.NamedExoticComponent<MenuComponentProps>;
|
|
14
|
+
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,gDAiLf,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { MenuNavListItem } from "../menu-nav-list/MenuNavList.types";
|
|
2
|
+
export interface MenuComponentProps {
|
|
3
|
+
commerceInfo: {
|
|
4
|
+
logo: string;
|
|
5
|
+
name: string;
|
|
6
|
+
};
|
|
7
|
+
userInfo: {
|
|
8
|
+
avatar: string;
|
|
9
|
+
name: string;
|
|
10
|
+
email: string;
|
|
11
|
+
};
|
|
12
|
+
helpButton: {
|
|
13
|
+
title: string;
|
|
14
|
+
redirect: string;
|
|
15
|
+
};
|
|
16
|
+
upgradeCard?: {
|
|
17
|
+
title: string;
|
|
18
|
+
description: string;
|
|
19
|
+
buttonText: string;
|
|
20
|
+
buttonLink: string;
|
|
21
|
+
};
|
|
22
|
+
menuItems: {
|
|
23
|
+
items: MenuNavListItem[];
|
|
24
|
+
selectedKey: string;
|
|
25
|
+
};
|
|
26
|
+
isOpenSidebar?: boolean;
|
|
27
|
+
onOpenSidebarChange?: (open: boolean) => void;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=Menu.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;IACF,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE;QACV,KAAK,EAAE,eAAe,EAAE,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-items.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/sidebar-items.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,eAAe,EAEpB,MAAM,oCAAoC,CAAC;AAE5C,eAAO,MAAM,YAAY,EAAE,eAAe,EAwHzC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkCpD,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import type React from "react";
|
|
1
2
|
import type { IconComponentProps } from "./Icon.types";
|
|
2
3
|
export declare const sizeMap: {
|
|
3
|
-
sm:
|
|
4
|
-
md:
|
|
5
|
-
lg:
|
|
6
|
-
xl:
|
|
4
|
+
readonly sm: "16px";
|
|
5
|
+
readonly md: "20px";
|
|
6
|
+
readonly lg: "24px";
|
|
7
|
+
readonly xl: "32px";
|
|
7
8
|
};
|
|
8
|
-
export declare const IconComponent:
|
|
9
|
+
export declare const IconComponent: React.FC<IconComponentProps>;
|
|
9
10
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6BtD,CAAC"}
|
|
@@ -1,13 +1,25 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type
|
|
1
|
+
import type { IconifyIcon } from "@iconify/react";
|
|
2
|
+
import type React from "react";
|
|
3
3
|
/** Available icon sizes mapped to pixel values */
|
|
4
|
-
export type IconSize = keyof typeof sizeMap;
|
|
5
|
-
export interface IconComponentProps extends
|
|
4
|
+
export type IconSize = keyof typeof import("./Icon").sizeMap;
|
|
5
|
+
export interface IconComponentProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
6
6
|
/** The icon name/identifier from Iconify */
|
|
7
|
-
icon: string;
|
|
7
|
+
icon: string | IconifyIcon;
|
|
8
8
|
/** The size of the icon. Can be 'sm' (16px), 'md' (20px), 'lg' (24px), or 'xl' (32px) */
|
|
9
9
|
size?: IconSize;
|
|
10
10
|
/** Optional CSS class name to apply custom styles */
|
|
11
11
|
className?: string;
|
|
12
|
+
/** Optional inline styles */
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
/** Optional color */
|
|
15
|
+
color?: string;
|
|
16
|
+
/** Optional horizontal flip */
|
|
17
|
+
hFlip?: boolean;
|
|
18
|
+
/** Optional vertical flip */
|
|
19
|
+
vFlip?: boolean;
|
|
20
|
+
/** Optional flip direction */
|
|
21
|
+
flip?: string;
|
|
22
|
+
/** Optional rotation */
|
|
23
|
+
rotate?: number;
|
|
12
24
|
}
|
|
13
25
|
//# sourceMappingURL=Icon.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,kDAAkD;AAClD,MAAM,MAAM,QAAQ,GAAG,MAAM,cAAc,QAAQ,EAAE,OAAO,CAAC;AAE7D,MAAM,WAAW,kBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,4CAA4C;IAC5C,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,yFAAyF;IACzF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { MenuNavListProps } from "./MenuNavList.types";
|
|
3
|
+
declare const MenuNavList: React.ForwardRefExoticComponent<Omit<MenuNavListProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
4
|
+
export default MenuNavList;
|
|
5
|
+
//# sourceMappingURL=MenuNavList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuNavList.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/MenuNavList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,QAAA,MAAM,WAAW,mGA6RhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { MenuNavListProps } from "./MenuNavList.types";
|
|
2
|
+
type SectionClasses = MenuNavListProps["sectionClasses"];
|
|
3
|
+
type ItemClasses = MenuNavListProps["itemClasses"];
|
|
4
|
+
export declare const getSectionClasses: (isCollapsed: boolean | undefined, sectionClassesProp?: SectionClasses) => {
|
|
5
|
+
base: string;
|
|
6
|
+
group: string;
|
|
7
|
+
heading: string;
|
|
8
|
+
divider?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
|
|
9
|
+
};
|
|
10
|
+
export declare const getItemClasses: (isCollapsed: boolean | undefined, itemClassesProp?: ItemClasses) => {
|
|
11
|
+
base: string;
|
|
12
|
+
title?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
|
|
13
|
+
description?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
|
|
14
|
+
selectedIcon?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
|
|
15
|
+
wrapper?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
|
|
16
|
+
shortcut?: string | false | 0 | import("tailwind-merge").ClassNameValue[] | null | undefined;
|
|
17
|
+
};
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=MenuNavList.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuNavList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/MenuNavList.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,KAAK,cAAc,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AACzD,KAAK,WAAW,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEnD,eAAO,MAAM,iBAAiB,GAC7B,aAAa,OAAO,GAAG,SAAS,EAChC,qBAAoB,cAAmB;;;;;CAYtC,CAAC;AAEH,eAAO,MAAM,cAAc,GAC1B,aAAa,OAAO,GAAG,SAAS,EAChC,kBAAiB,WAAgB;;;;;;;CAMhC,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ListboxProps, ListboxSectionProps } from "@heroui/react";
|
|
2
|
+
import type React from "react";
|
|
3
|
+
export declare enum MenuNavListItemType {
|
|
4
|
+
Nest = "nest"
|
|
5
|
+
}
|
|
6
|
+
export type MenuNavListItem = {
|
|
7
|
+
key: string;
|
|
8
|
+
title: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
href?: string;
|
|
11
|
+
type?: MenuNavListItemType.Nest;
|
|
12
|
+
startContent?: React.ReactNode;
|
|
13
|
+
endContent?: React.ReactNode;
|
|
14
|
+
items?: MenuNavListItem[];
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export type MenuNavListProps = Omit<ListboxProps<MenuNavListItem>, "children"> & {
|
|
18
|
+
items: MenuNavListItem[];
|
|
19
|
+
isCollapsed?: boolean;
|
|
20
|
+
hideEndContent?: boolean;
|
|
21
|
+
iconClassName?: string;
|
|
22
|
+
sectionClasses?: ListboxSectionProps["classNames"];
|
|
23
|
+
classNames?: ListboxProps["classNames"];
|
|
24
|
+
defaultSelectedKey: string;
|
|
25
|
+
onSelect?: (key: string) => void;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=MenuNavList.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuNavList.types.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-nav-list/MenuNavList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,mBAAmB;IAC9B,IAAI,SAAS;CACb;AAED,MAAM,MAAM,eAAe,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAClC,YAAY,CAAC,eAAe,CAAC,EAC7B,UAAU,CACV,GAAG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPrueba.d.ts","sourceRoot":"","sources":["../../../../src/components/menuprueba/MenuPrueba.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6EhD,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Props para el componente MenuPrueba
|
|
4
|
+
*/
|
|
5
|
+
export interface MenuPruebaItem {
|
|
6
|
+
label: string;
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export interface MenuPruebaProps {
|
|
12
|
+
logo: string;
|
|
13
|
+
company: string;
|
|
14
|
+
user: {
|
|
15
|
+
name: string;
|
|
16
|
+
email: string;
|
|
17
|
+
avatar: string;
|
|
18
|
+
};
|
|
19
|
+
items: MenuPruebaItem[];
|
|
20
|
+
collapsed?: boolean;
|
|
21
|
+
onCollapse?: () => void;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=MenuPrueba.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPrueba.types.d.ts","sourceRoot":"","sources":["../../../../src/components/menuprueba/MenuPrueba.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menuprueba/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from "./components/button";
|
|
2
2
|
export * from "./components/icon";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export * from "./components/menuprueba";
|
|
4
|
+
export { themeColors } from "./styles/colors.default";
|
|
5
|
+
export * from "./providers/theme";
|
|
5
6
|
export * from "./contexts/theme";
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAElC,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beweco/aurora-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "Bewe Aurora UI Component Library",
|
|
5
|
+
"main": "./dist/index.cjs.js",
|
|
6
|
+
"module": "./dist/index.esm.js",
|
|
7
|
+
"types": "./dist/types/index.d.ts",
|
|
8
|
+
"files": ["dist"],
|
|
5
9
|
"sideEffects": false,
|
|
6
|
-
"
|
|
10
|
+
"author": "Bewe",
|
|
11
|
+
"license": "MIT",
|
|
7
12
|
"publishConfig": {
|
|
8
13
|
"access": "restricted"
|
|
9
14
|
},
|
|
@@ -14,12 +19,6 @@
|
|
|
14
19
|
"require": "./dist/index.cjs.js"
|
|
15
20
|
}
|
|
16
21
|
},
|
|
17
|
-
"main": "./dist/index.cjs.js",
|
|
18
|
-
"module": "./dist/index.esm.js",
|
|
19
|
-
"types": "./dist/types/index.d.ts",
|
|
20
|
-
"files": ["dist"],
|
|
21
|
-
"author": "Bewe",
|
|
22
|
-
"license": "MIT",
|
|
23
22
|
"scripts": {
|
|
24
23
|
"build": "rollup -c",
|
|
25
24
|
"build:storybook": "storybook build",
|
|
@@ -66,9 +65,14 @@
|
|
|
66
65
|
"husky": "^9.1.7",
|
|
67
66
|
"postcss": "^8.5.5",
|
|
68
67
|
"postcss-loader": "^8.1.1",
|
|
68
|
+
"react": ">=18.0.0",
|
|
69
|
+
"react-dom": ">=18.0.0",
|
|
69
70
|
"rollup": "^4.44.1",
|
|
70
71
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
72
|
+
"rollup-plugin-scss": "^4.0.1",
|
|
73
|
+
"sass": "^1.89.2",
|
|
71
74
|
"storybook": "^8.0.0",
|
|
72
75
|
"typescript": "^5.8.3"
|
|
73
|
-
}
|
|
76
|
+
},
|
|
77
|
+
"type": "module"
|
|
74
78
|
}
|