@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.
Files changed (32) hide show
  1. package/dist/index.cjs.js +14 -9
  2. package/dist/index.esm.js +15 -11
  3. package/dist/types/components/Menu/Menu.d.ts +14 -0
  4. package/dist/types/components/Menu/Menu.d.ts.map +1 -0
  5. package/dist/types/components/Menu/Menu.types.d.ts +29 -0
  6. package/dist/types/components/Menu/Menu.types.d.ts.map +1 -0
  7. package/dist/types/components/Menu/index.d.ts +2 -0
  8. package/dist/types/components/Menu/index.d.ts.map +1 -0
  9. package/dist/types/components/Menu/sidebar-items.d.ts +3 -0
  10. package/dist/types/components/Menu/sidebar-items.d.ts.map +1 -0
  11. package/dist/types/components/button/Button.d.ts.map +1 -1
  12. package/dist/types/components/icon/Icon.d.ts +6 -5
  13. package/dist/types/components/icon/Icon.d.ts.map +1 -1
  14. package/dist/types/components/icon/Icon.types.d.ts +17 -5
  15. package/dist/types/components/icon/Icon.types.d.ts.map +1 -1
  16. package/dist/types/components/index.d.ts +4 -0
  17. package/dist/types/components/index.d.ts.map +1 -0
  18. package/dist/types/components/menu-nav-list/MenuNavList.d.ts +5 -0
  19. package/dist/types/components/menu-nav-list/MenuNavList.d.ts.map +1 -0
  20. package/dist/types/components/menu-nav-list/MenuNavList.styles.d.ts +19 -0
  21. package/dist/types/components/menu-nav-list/MenuNavList.styles.d.ts.map +1 -0
  22. package/dist/types/components/menu-nav-list/MenuNavList.types.d.ts +27 -0
  23. package/dist/types/components/menu-nav-list/MenuNavList.types.d.ts.map +1 -0
  24. package/dist/types/components/menuprueba/MenuPrueba.d.ts +4 -0
  25. package/dist/types/components/menuprueba/MenuPrueba.d.ts.map +1 -0
  26. package/dist/types/components/menuprueba/MenuPrueba.types.d.ts +23 -0
  27. package/dist/types/components/menuprueba/MenuPrueba.types.d.ts.map +1 -0
  28. package/dist/types/components/menuprueba/index.d.ts +3 -0
  29. package/dist/types/components/menuprueba/index.d.ts.map +1 -0
  30. package/dist/types/index.d.ts +3 -2
  31. package/dist/types/index.d.ts.map +1 -1
  32. 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
- // biome-ignore lint/suspicious/noConsoleLog: <explanation>
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 icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, className = _a.className;
74
- react.useEffect(function () {
75
- // biome-ignore lint/suspicious/noConsoleLog: <explanation>
76
- console.log("estamos dentro del icono");
77
- }, []);
78
- var iconSize = sizeMap[size];
79
- return (jsxRuntime.jsx(react$2.Icon, { icon: icon, width: iconSize, height: iconSize, className: className }));
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
- // biome-ignore lint/suspicious/noConsoleLog: <explanation>
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 icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, className = _a.className;
72
- useEffect(function () {
73
- // biome-ignore lint/suspicious/noConsoleLog: <explanation>
74
- console.log("estamos dentro del icono");
75
- }, []);
76
- var iconSize = sizeMap[size];
77
- return (jsx(Icon, { icon: icon, width: iconSize, height: iconSize, className: className }));
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,2 @@
1
+ export { Menu } from "./Menu";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ import { type MenuNavListItem } from "../menu-nav-list/MenuNavList.types";
2
+ export declare const sectionItems: MenuNavListItem[];
3
+ //# sourceMappingURL=sidebar-items.d.ts.map
@@ -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,CAmCpD,CAAC"}
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: string;
4
- md: string;
5
- lg: string;
6
- xl: string;
4
+ readonly sm: "16px";
5
+ readonly md: "20px";
6
+ readonly lg: "24px";
7
+ readonly xl: "32px";
7
8
  };
8
- export declare const IconComponent: ({ icon, size, className, }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
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":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,4BAI3B,kBAAkB,4CAcpB,CAAC"}
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 { IconifyIconProps } from "@iconify/react/dist/iconify.js";
2
- import type { sizeMap } from "./Icon";
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 IconifyIconProps {
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,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,kDAAkD;AAClD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC;AAE5C,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC3D,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,yFAAyF;IACzF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}
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,4 @@
1
+ export * from "./button";
2
+ export * from "./icon";
3
+ export * from "./menuprueba";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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,4 @@
1
+ import type React from "react";
2
+ import type { MenuPruebaProps } from "./MenuPrueba.types";
3
+ export declare const MenuPrueba: React.FC<MenuPruebaProps>;
4
+ //# sourceMappingURL=MenuPrueba.d.ts.map
@@ -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,3 @@
1
+ export { MenuPrueba } from "./MenuPrueba";
2
+ export type { MenuPruebaProps } from "./MenuPrueba.types";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -1,6 +1,7 @@
1
1
  export * from "./components/button";
2
2
  export * from "./components/icon";
3
- export { themeColors } from "@/styles/colors.default";
4
- export * from "@/providers/theme";
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;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,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",
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
- "type": "module",
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
  }