@soyfri/shared-library 1.0.0

package/esm/_virtual/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/index4.js

@@ -0,0 +1,2 @@
+var e={exports:{}};export{e as __module};
+//# sourceMappingURL=index4.js.map

package/esm/_virtual/index4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/index5.js

@@ -0,0 +1,2 @@
+var e={exports:{}};export{e as __module};
+//# sourceMappingURL=index5.js.map

package/esm/_virtual/index5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/jsx-runtime.js

@@ -0,0 +1,2 @@
+import{__require as r}from"../node_modules/react/jsx-runtime.js";var e=r();export{e as j};
+//# sourceMappingURL=jsx-runtime.js.map

package/esm/_virtual/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/jsx-runtime2.js

@@ -0,0 +1,2 @@
+var e={exports:{}};export{e as __module};
+//# sourceMappingURL=jsx-runtime2.js.map

package/esm/_virtual/jsx-runtime2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/react-is.development.js

@@ -0,0 +1,2 @@
+var r={};export{r as __exports};
+//# sourceMappingURL=react-is.development.js.map

package/esm/_virtual/react-is.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/react-is.development2.js

@@ -0,0 +1,2 @@
+var r={};export{r as __exports};
+//# sourceMappingURL=react-is.development2.js.map

package/esm/_virtual/react-is.development2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/react-is.production.js

@@ -0,0 +1,2 @@
+var r={};export{r as __exports};
+//# sourceMappingURL=react-is.production.js.map

package/esm/_virtual/react-is.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/react-is.production.min.js

@@ -0,0 +1,2 @@
+var r={};export{r as __exports};
+//# sourceMappingURL=react-is.production.min.js.map

package/esm/_virtual/react-is.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,2 @@
+var r={};export{r as __exports};
+//# sourceMappingURL=react-jsx-runtime.development.js.map

package/esm/_virtual/react-jsx-runtime.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/_virtual/react-jsx-runtime.production.js

@@ -0,0 +1,2 @@
+var r={};export{r as __exports};
+//# sourceMappingURL=react-jsx-runtime.production.js.map

package/esm/_virtual/react-jsx-runtime.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Avatar/Avatar.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface AvatarItem {
+    text?: string;
+    imageUrl?: string;
+    badge?: string;
+    color?: string;
+    backgroundColor?: string;
+}
+export interface AvatarProps {
+    type?: string;
+    items: AvatarItem[];
+    displayedAvatars?: number;
+    size?: 'sm' | 'xl';
+    trustUrls?: boolean;
+    showText?: boolean;
+    showTooltip?: boolean;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/esm/components/Avatar/Avatar.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{Tooltip as e}from"@mui/material";import a from"../../node_modules/@mui/icons-material/esm/AccountCircle.js";import{useState as i}from"react";const r={sm:{avatar:{width:35,height:35,borderWidth:3,marginTop:".5rem"},icon:{width:42,height:42,marginTop:".5rem",fontSize:42},badge:{width:35,height:35,borderWidth:3,marginTop:".5rem",fontSize:16}},xl:{avatar:{width:105,height:105,borderWidth:10,marginTop:"0"},icon:{width:126,height:126,marginTop:"0",fontSize:126},badge:{width:105,height:105,borderWidth:10,marginTop:"0",fontSize:64}}},o=({items:o,type:d,displayedAvatars:n=4,size:s="sm",trustUrls:l=!1,showText:g=!0,showTooltip:m=!1})=>{const[h,c]=i(new Set);return t.jsxs("div",{"data-testid":"avatar-container",className:"flex items-center leading-2 h-full w-full",children:[o.slice(0,n).map(((i,o)=>{const d={zIndex:n-o,marginLeft:o>0?-22:0},l=r[s],g=i.imageUrl,b=!i.imageUrl&&!i.badge||h.has(o)&&!i.badge,p=i.badge&&!i.imageUrl||i.badge&&h.has(o),x=t.jsxs("span",{"data-testid":"avatar",style:d,children:[i.imageUrl&&!h.has(o)?t.jsx("img",{"data-testid":"image",alt:i.text||"User avatar",src:g,onError:()=>{return t=o,void c((e=>new Set(e).add(t)));var t},style:Object.assign(Object.assign({},l.avatar),{color:i.color||"#667688",border:`${l.avatar.borderWidth}px solid white`,borderRadius:"9999px",marginTop:l.avatar.marginTop})}):b?t.jsx(a,{"data-testid":"icon","aria-label":i.text,sx:Object.assign(Object.assign({},l.icon),{fontSize:l.icon.fontSize,marginTop:l.icon.marginTop,borderRadius:"9999px",backgroundColor:"#fff",color:i.color||"#667688"})}):null,p&&t.jsx("span",{"data-testid":"badge","aria-label":i.text,style:Object.assign(Object.assign({},l.badge),{display:"inline-block",backgroundColor:i.backgroundColor||"#c8d5e9",color:i.color||"#667688",fontWeight:700,textAlign:"center",borderRadius:"9999px",border:`${l.badge.borderWidth}px solid white`,lineHeight:l.badge.height,fontSize:l.badge.fontSize,marginTop:l.badge.marginTop,marginBottom:l.badge.marginTop}),children:i.badge})]},o);return m&&i.text?t.jsx(e,{title:i.text,children:x},o):x})),g&&t.jsxs("span",{"data-testid":"text",className:"ml-2 text-xs font-normal",children:[d&&1===o.length&&t.jsxs("span",{"data-testid":"type",children:[d,": "]}),o[0].text," ",o.length>2&&"+"+(o.length-1)]})]})};export{o as Avatar,o as default};
+//# sourceMappingURL=Avatar.js.map

package/esm/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Avatar } from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;
+export declare const WithTypeAndText: Story;
+export declare const WithBadgesAndTooltip: Story;

package/esm/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { default as Avatar } from './Avatar';

package/esm/components/Avatar.js

@@ -0,0 +1,2 @@
+export{Avatar}from"./Avatar/Avatar.js";
+//# sourceMappingURL=Avatar.js.map

package/esm/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Button/Button.d.ts

@@ -0,0 +1,21 @@
+import type { ButtonProps } from "@mui/material/Button";
+import React from "react";
+type PickButtonProps = Pick<ButtonProps, "href" | "children" | "onClick" | "color" | "disabled" | "className" | "endIcon" | "startIcon" | "loading" | "loadingIndicator" | "variant" | "size" | "loadingPosition">;
+export interface MyButtonProps extends PickButtonProps {
+    children?: React.ReactNode;
+    variant?: "text" | "outlined" | "contained";
+    disabled?: boolean;
+    endIcon?: React.ReactNode;
+    startIcon?: React.ReactNode;
+    size?: "small" | "medium" | "large";
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    loading?: boolean;
+    loadingIndicator?: React.ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: "primary" | "success" | "error" | "info" | "warning";
+    href?: string;
+    "data-testid"?: string;
+}
+export declare const Button: React.FC<MyButtonProps>;
+export default Button;

package/esm/components/Button/Button.definition.d.ts

@@ -0,0 +1,11 @@
+export declare const DefaultButtonDefinition = "\n<Button variant=\"text\">\n  Button\n</Button>\n";
+export declare const OutlinedButtonDefinition = "\n<Button variant=\"outlined\">\n  Button\n</Button>\n";
+export declare const ContainedButtonDefinition = "\n<Button variant=\"contained\">\n  Button\n</Button>\n";
+export declare const WithStartIconButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  startIcon={<NotificationsIcon/>}\n  variant=\"contained\"\n>\n  Button\n</Button>\n";
+export declare const WithEndIconButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  endIcon={<NotificationsIcon/>}\n  variant=\"contained\"\n>\n  Button\n</Button>\n";
+export declare const WithSmallSizeButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  size=\"small\"\n  variant=\"contained\"\n>\n  Button\n</Button>\n";
+export declare const WithLargeSizeButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  size=\"large\"\n  variant=\"contained\"\n>\n  Button\n</Button>\n";
+export declare const DisabledStateButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  disabled\n  variant=\"contained\"\n>\n  Button\n</Button>";
+export declare const LoadingButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  loading\n  variant=\"contained\"\n>\n  Button\n</Button>\n";
+export declare const LoadingIndicatorStartButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  loading\n  loadingPosition=\"start\"\n  variant=\"contained\"\n>\n  Button\n</Button>\n";
+export declare const LoadingIndicatorEndButtonDefinition = "\n<Button\n  data-testid=\"button\"\n  loading\n  loadingPosition=\"end\"\n  variant=\"contained\"\n>\n  Button\n</Button>";

package/esm/components/Button/Button.js

@@ -0,0 +1,2 @@
+import{j as a}from"../../_virtual/jsx-runtime.js";import{Button as i}from"@mui/material";const o=({children:o,variant:n,disabled:t,startIcon:s,endIcon:e,size:d,className:l,onClick:r,loading:c,loadingPosition:m,loadingIndicator:f,color:g,href:I,"data-testid":p})=>a.jsx(i,{disabled:t,variant:n,startIcon:s,endIcon:e,size:d,className:l,onClick:r,loading:c,loadingPosition:m,loadingIndicator:f,sx:{textTransform:"none"},disableRipple:!0,disableElevation:!0,color:g,"data-testid":p,href:I,children:o});export{o as Button,o as default};
+//# sourceMappingURL=Button.js.map

package/esm/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Button/Button.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "./Button";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Outlined: Story;
+export declare const Contained: Story;
+export declare const WithStartIcon: Story;
+export declare const WithEndIcon: Story;
+export declare const WithSmallSize: Story;
+export declare const WithLargeSize: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const LoadingStart: Story;
+export declare const LoadingEnd: Story;

package/esm/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button';

package/esm/components/Button.js

@@ -0,0 +1,2 @@
+export{Button}from"./Button/Button.js";
+//# sourceMappingURL=Button.js.map

package/esm/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Column/Column.d.ts

@@ -0,0 +1,11 @@
+type FieldName<T> = keyof T | Array<keyof T>;
+export interface ColumnProps<T> {
+    name: string;
+    field: FieldName<T>;
+    children: (fieldData: Partial<T>) => React.ReactNode;
+}
+export declare function Column<T>(props: ColumnProps<T>): React.ReactNode;
+export declare namespace Column {
+    var displayName: string;
+}
+export default Column;

package/esm/components/Column/Column.js

@@ -0,0 +1,2 @@
+function l(l){return null}l.displayName="Column";export{l as Column,l as default};
+//# sourceMappingURL=Column.js.map

package/esm/components/Column/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Column/index.d.ts

@@ -0,0 +1 @@
+export { default as Column } from './Column';

package/esm/components/Column.js

@@ -0,0 +1,2 @@
+export{Column}from"./Column/Column.js";
+//# sourceMappingURL=Column.js.map

package/esm/components/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Icon/Icon.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from 'react';
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface IconProps {
+    children: ReactNode;
+    color?: string;
+    outlined?: boolean;
+    spin?: boolean;
+    badge?: string | number;
+    badgeColor?: 'primary' | 'secondary' | 'error';
+    badgePosition?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'right' | 'left';
+    };
+    badgeSize?: 'small' | 'medium' | 'large';
+    size?: IconSize;
+    black?: boolean;
+    white?: boolean;
+    className?: string;
+}
+export declare const Icon: React.FC<IconProps>;
+export default Icon;

package/esm/components/Icon/Icon.js

@@ -0,0 +1,2 @@
+import{j as i}from"../../_virtual/jsx-runtime.js";import{useMemo as o}from"react";import{styled as r,Badge as e}from"@mui/material";const a={xs:18,sm:24,md:36,lg:48,xl:64},n=r("span")((({color:i,fontSize:o,spin:r,outlined:e})=>({display:"inline-flex",color:i,fontSize:o,animation:r?"spin 1s linear infinite":void 0,border:e?"1px solid currentColor":void 0,borderRadius:"50%",padding:e?4:0,"@keyframes spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}}))),t=({children:r,color:t="var(--primary-color)",outlined:s=!1,spin:l=!1,badge:d,badgeColor:m="primary",badgePosition:c={vertical:"bottom",horizontal:"right"},badgeSize:p="medium",size:f="sm",black:g,white:b,className:u})=>{const h=o((()=>b?"white":g?"black":t),[t,b,g]),x=a[f];return i.jsx(e,{badgeContent:d,color:m,anchorOrigin:c,invisible:void 0===d,sx:{".MuiBadge-badge":{transform:"scale(1)"}},children:i.jsx(n,{color:h,fontSize:x,spin:l,outlined:s,className:`hsi-icon ${u||""}`,children:r})})};export{t as Icon,t as default};
+//# sourceMappingURL=Icon.js.map

package/esm/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Icon/Icon.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Icon } from './Icon';
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const Outlined: Story;
+export declare const Spinning: Story;
+export declare const WithBadge: Story;
+export declare const LargeWhiteIcon: Story;

package/esm/components/Icon/index.d.ts

@@ -0,0 +1,2 @@
+import '../../styles.css';
+export { default as Icon } from './Icon';

package/esm/components/Icon.js

@@ -0,0 +1,2 @@
+export{Icon}from"./Icon/Icon.js";
+//# sourceMappingURL=Icon.js.map

package/esm/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Stat/Stat.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface StatChip {
+    stat: any;
+    chipColor: string;
+}
+export interface StatProps {
+    stat: any;
+    stat2?: any;
+    label: string;
+    color?: string;
+    chipColor?: string;
+    chips?: StatChip[];
+    simple?: boolean;
+    chip?: boolean;
+    chipList?: boolean;
+    children?: React.ReactNode;
+    statDisplay?: (stat: any) => React.ReactNode;
+}
+export declare const Stat: React.FC<StatProps>;
+export default Stat;

package/esm/components/Stat/Stat.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../_virtual/jsx-runtime.js";import{useMemo as i}from"react";import{Box as e,Typography as s,Stack as a,Chip as r}from"@mui/material";const l=({stat:l,stat2:o,label:n,color:c="#1469B8",chipColor:d="#1469B8",chips:h=[],simple:p=!1,chip:m=!1,chipList:x=!1,children:j,statDisplay:g})=>{const b=i((()=>p?"simple":m?"chip":x?"chipList":"default"),[p,m,x]),f=()=>g?g(l):t.jsx(s,{variant:"h6",children:l});return t.jsxs(t.Fragment,{children:["default"===b&&t.jsxs(e,{className:"stat",children:[t.jsx(s,{variant:"h4","data-testid":"selection-template-option-outlet",children:f()}),t.jsxs(e,{className:"stat__label",display:"flex",alignItems:"center",gap:1,children:[t.jsx(s,{variant:"body1",children:n}),t.jsx(e,{width:40,height:4,bgcolor:c,"data-testid":"stat-border",borderRadius:2})]})]}),"simple"===b&&t.jsxs(a,{direction:"row",spacing:2,alignItems:"center",children:[t.jsx(s,{variant:"body1",children:n}),t.jsx(s,{"data-testid":"selection-template-option-outlet",children:f()}),o&&t.jsx(s,{children:o})]}),"chip"===b&&t.jsxs(a,{direction:"row",spacing:2,alignItems:"center",children:[t.jsx(s,{variant:"body1",children:n}),t.jsx(r,{"data-testid":"chip-template-option-outlet",label:f(),sx:{backgroundColor:d,color:"#fff",fontWeight:"bold"}})]}),"chipList"===b&&t.jsxs(a,{direction:"row",spacing:2,alignItems:"center",children:[t.jsx(s,{variant:"body1",children:n}),t.jsx(a,{direction:"row",spacing:1,children:h.map(((i,e)=>t.jsx(r,{label:i.stat,sx:{backgroundColor:i.chipColor,color:"#fff",fontWeight:"bold"}},e)))})]}),j]})};export{l as Stat,l as default};
+//# sourceMappingURL=Stat.js.map

package/esm/components/Stat/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Stat/Stat.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Stat } from './Stat';
+declare const meta: Meta<typeof Stat>;
+export default meta;
+type Story = StoryObj<typeof Stat>;
+export declare const Default: Story;
+export declare const Simple: Story;
+export declare const Chip: Story;
+export declare const ChipList: Story;
+export declare const WithCustomDisplay: Story;
+export declare const aStat: Story;

package/esm/components/Stat/index.d.ts

@@ -0,0 +1,2 @@
+import '../../styles.css';
+export { default as Stat } from './Stat';

package/esm/components/Stat.js

@@ -0,0 +1,2 @@
+export{Stat}from"./Stat/Stat.js";
+//# sourceMappingURL=Stat.js.map

package/esm/components/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Table/Table.d.ts

@@ -0,0 +1,16 @@
+interface TableProps<T> {
+    data: T[];
+    children: React.ReactNode;
+    currentPage?: number;
+    pageSize?: number;
+    totalPages?: number;
+    previousPage?: number;
+    nextPage?: number;
+    pageSizeSelectorValue?: number;
+    onPageChange?: (newPage: number) => void;
+    onPageSizeChange?: (newSize: number) => void;
+    visiblePageNumbers?: number;
+}
+export declare function Table<T>({ data, children, currentPage, pageSize, totalPages, previousPage, nextPage, pageSizeSelectorValue, // Valor por defecto si no se proporciona
+onPageChange, onPageSizeChange, visiblePageNumbers, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Table;

package/esm/components/Table/Table.definition.d.ts

@@ -0,0 +1,11 @@
+export declare const BasicTableCode = "\n        <Table data={data} visiblePageNumbers={5} pageSizeSelectorValue={1} pageSize={1}>\n      <Column name=\"Nombre\" field=\"nombre\">\n        {({ nombre }) => <Typography variant=\"body2\">{nombre}</Typography>}\n      </Column>\n      <Column name=\"Email\" field=\"email\">\n        {({ email }) => <Typography variant=\"body2\" color=\"text.secondary\">{email}</Typography>}\n      </Column>\n      <Column name=\"Edad\" field=\"edad\">\n        {({ edad }) => <Typography variant=\"body2\">{edad} a\u00F1os</Typography>}\n      </Column>\n    </Table>\n";
+export declare const ComplexComponentsCode = "\n          <Table data={data}>\n            <Column name=\"Usuario\" field={['avatar', 'nombre']}>\n              {({ avatar, nombre }) => (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n                  <Avatar src={avatar} alt={nombre} sx={{ width: 40, height: 40 }} />\n                  <Typography variant=\"body2\" fontWeight=\"medium\">{nombre}</Typography>\n                </Box>\n              )}\n            </Column>\n            <Column name=\"Estado\" field=\"activo\">\n              {({ activo }) => (\n                <Chip\n                  label={activo ? 'Activo' : 'Inactivo'}\n                  color={activo ? 'success' : 'default'}\n                  size=\"small\"\n                />\n              )}\n            </Column>\n            <Column name=\"Rol\" field=\"rol\">\n              {({ rol }) => (\n                <Chip\n                  label={rol!.charAt(0).toUpperCase() + rol!.slice(1)}\n                  color={rol === 'admin' ? 'primary' : rol === 'moderador' ? 'secondary' : 'default'}\n                  variant=\"outlined\"\n                  size=\"small\"\n                />\n              )}\n            </Column>\n            <Column name=\"Puntuaci\u00F3n\" field=\"puntuacion\">\n              {({ puntuacion }) => (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                  <Rating value={puntuacion} max={5} precision={0.1} size=\"small\" readOnly />\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    {puntuacion}\n                  </Typography>\n                </Box>\n              )}\n            </Column>\n          </Table>\n        ";
+export declare const WithExternalPaginationControlCode = "\n          const [currentPage, setCurrentPage] = useState(1);\n          const [pageSize, setPageSize] = useState(2);\n          const totalItems = usuarios.length;\n          const totalPages = Math.ceil(totalItems / pageSize);\n\n          const startIndex = (currentPage - 1) * pageSize;\n          const currentData = usuarios.slice(startIndex, startIndex + pageSize);\n\n          const previousPageNum = currentPage > 1 ? currentPage - 1 : 1;\n          const nextPageNum = currentPage < totalPages ? currentPage + 1 : totalPages;\n\n          return (\n            <Table\n              data={currentData} // Pasa solo los datos de la p\u00E1gina actual\n              currentPage={currentPage}\n              pageSize={pageSize}\n              totalPages={totalPages}\n              previousPage={previousPageNum}\n              nextPage={nextPageNum}\n              onPageChange={setCurrentPage}\n              onPageSizeChange={setPageSize}\n            >\n              <Column name=\"Nombre\" field=\"nombre\">\n                {({ nombre }) => <Typography variant=\"body2\" fontWeight=\"medium\">{nombre}</Typography>}\n              </Column>\n              <Column name=\"Email\" field=\"email\">\n                {({ email }) => <Typography variant=\"body2\" color=\"text.secondary\">{email}</Typography>}\n              </Column>\n              <Column name=\"Estado\" field=\"activo\">\n                {({ activo }) => (\n                  <Chip\n                    label={activo ? 'Activo' : 'Inactivo'}\n                    color={activo ? 'success' : 'default'}\n                    size=\"small\"\n                  />\n                )}\n              </Column>\n              <Column name=\"Fecha de Registro\" field=\"fechaRegistro\">\n                {({ fechaRegistro }) => (\n                  <Typography variant=\"body2\">\n                    {new Date(fechaRegistro!).toLocaleDateString('es-ES')}\n                  </Typography>\n                )}\n              </Column>\n            </Table>\n          );\n        ";
+export declare const ProductTableCode = "\n          <Table data={data} pageSizeSelectorValue={pageSizeSelectorValue}>\n          <Column name=\"Producto\" field={['imagen', 'nombre']}>\n            {({ imagen, nombre }) => (\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n                <Box\n                  component=\"img\"\n                  src={imagen}\n                  alt={nombre}\n                  sx={{ width: 50, height: 50, borderRadius: 1, objectFit: 'cover' }}\n                />\n                <Typography variant=\"body2\" fontWeight=\"medium\">{nombre}</Typography>\n              </Box>\n            )}\n          </Column>\n          <Column name=\"Precio\" field={['precio', 'enOferta']}>\n            {({ precio, enOferta }) => (\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                <Typography\n                  variant=\"body2\"\n                  color={enOferta ? 'error.main' : 'text.primary'}\n                  fontWeight={enOferta ? 'bold' : 'normal'}\n                >\n                  ${precio!.toLocaleString()}\n                </Typography>\n                {enOferta && (\n                  <Chip label=\"OFERTA\" color=\"error\" size=\"small\" />\n                )}\n              </Box>\n            )}\n          </Column>\n          <Column name=\"Stock\" field=\"stock\">\n            {({ stock }) => (\n              <Chip\n                label={stock! > 0 ? `${stock} unidades` : 'Sin stock'}\n                color={stock! > 5 ? 'success' : stock! > 0 ? 'warning' : 'error'}\n                size=\"small\"\n              />\n            )}\n          </Column>\n          <Column name=\"Categor\u00EDa\" field=\"categoria\">\n            {({ categoria }) => (\n              <Typography variant=\"body2\">{categoria}</Typography>\n            )}\n          </Column>\n          <Column name=\"Rating\" field=\"rating\">\n            {({ rating }) => (\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                <Rating value={rating} max={5} precision={0.1} size=\"small\" readOnly />\n                <Typography variant=\"caption\">({rating})</Typography>\n              </Box>\n            )}\n          </Column>\n        </Table>\n        ";
+export declare const EmployeeTableCode = "\n          <Table data={data} pageSizeSelectorValue={pageSizeSelectorValue}>\n            <Column name=\"Empleado\" field={['avatar', 'nombre', 'apellido']}>\n              {({ avatar, nombre, apellido }) => (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n                  <Avatar src={avatar} sx={{ width: 40, height: 40 }}>\n                    {avatar ? '' : `${nombre!.charAt(0)}${apellido!.charAt(0)}`}\n                  </Avatar>\n                  <Typography variant=\"body2\" fontWeight=\"medium\">\n                    {nombre} {apellido}\n                  </Typography>\n                </Box>\n              )}\n            </Column>\n            <Column name=\"Departamento\" field=\"departamento\">\n              {({ departamento }) => (\n                <Chip\n                  label={departamento}\n                  color=\"info\"\n                  variant=\"filled\"\n                  size=\"small\"\n                />\n              )}\n            </Column>\n            <Column name=\"Salario\" field=\"salario\">\n              {({ salario }) => (\n                <Typography variant=\"body2\" fontWeight=\"bold\" color=\"success.dark\">\n                  ${salario!.toLocaleString('es-ES')}\n                </Typography>\n              )}\n            </Column>\n            <Column name=\"Estado\" field={['activo', 'fechaIngreso']}>\n              {({ activo, fechaIngreso }) => (\n                <Box>\n                  <Chip\n                    label={activo ? 'Contratado' : 'Inactivo'}\n                    color={activo ? 'success' : 'error'}\n                    size=\"small\"\n                  />\n                  <Typography variant=\"caption\" display=\"block\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n                    Desde: {new Date(fechaIngreso!).toLocaleDateString('es-ES')}\n                  </Typography>\n                </Box>\n              )}\n            </Column>\n          </Table>\n        ";
+export declare const EmptyTableCode = "\n          <Table data={data}>\n            <Column name=\"Nombre\" field=\"nombre\">\n              {({ nombre }) => <Typography variant=\"body2\">{nombre}</Typography>}\n            </Column>\n            <Column name=\"Email\" field=\"email\">\n              {({ email }) => <Typography variant=\"body2\">{email}</Typography>}\n            </Column>\n            <Column name=\"Estado\" field=\"activo\">\n              {({ activo }) => <Chip label={activo ? 'Activo' : 'Inactivo'} size=\"small\" />}\n            </Column>\n          </Table>\n        ";
+export declare const SingleRowCode = "\n          <Table data={data}>\n            <Column name=\"Usuario\" field={['avatar', 'nombre', 'email']}>\n              {({ avatar, nombre, email }) => (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n                  <Avatar src={avatar} alt={nombre} />\n                  <Box>\n                    <Typography variant=\"body2\" fontWeight=\"medium\">{nombre}</Typography>\n                    <Typography variant=\"caption\" color=\"text.secondary\">{email}</Typography>\n                  </Box>\n                </Box>\n              )}\n            </Column>\n            <Column name=\"Informaci\u00F3n\" field={['edad', 'rol', 'activo']}>\n              {({ edad, rol, activo }) => (\n                <Box>\n                  <Typography variant=\"body2\">{edad} a\u00F1os</Typography>\n                  <Box sx={{ display: 'flex', gap: 1, mt: 0.5 }}>\n                    <Chip label={rol} size=\"small\" color=\"primary\" variant=\"outlined\" />\n                    <Chip\n                      label={activo ? 'Activo' : 'Inactivo'}\n                      size=\"small\"\n                      color={activo ? 'success' : 'default'}\n                    />\n                  </Box>\n                </Box>\n              )}\n            </Column>\n          </Table>\n        ";
+export declare const ProductTableWithZeroStockHighlightedCode = "\n          <Table data={data}>\n            <Column name=\"Producto\" field={['imagen', 'nombre']}>\n              {({ imagen, nombre }) => (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n                  <Box\n                    component=\"img\"\n                    src={imagen}\n                    alt={nombre}\n                    sx={{ width: 50, height: 50, borderRadius: 1, objectFit: 'cover' }}\n                  />\n                  <Typography variant=\"body2\" fontWeight=\"medium\">{nombre}</Typography>\n                </Box>\n              )}\n            </Column>\n            <Column name=\"Precio\" field={['precio', 'enOferta']}>\n              {({ precio, enOferta }) => (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                  <Typography\n                    variant=\"body2\"\n                    color={enOferta ? 'error.main' : 'text.primary'}\n                    fontWeight={enOferta ? 'bold' : 'normal'}\n                  >\n                    ${precio!.toLocaleString()}\n                  </Typography>\n                  {enOferta && (\n                    <Chip label=\"OFERTA\" color=\"error\" size=\"small\" />\n                  )}\n                </Box>\n              )}\n            </Column>\n            <Column name=\"Stock\" field=\"stock\">\n              {({ stock }) => (\n                <Chip\n                  label={stock! > 0 ? `${stock} unidades` : 'Sin stock'}\n                  color={stock!> 5 ? 'success' : stock! > 0 ? 'warning' : 'error'}\n                  size=\"small\"\n                  sx={{ backgroundColor: stock === 0 ? 'rgba(255, 0, 0, 0.1)' : undefined }}\n                />\n              )}\n            </Column>\n            <Column name=\"Rating\" field=\"rating\">\n              {({ rating }) => (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                  <Rating value={rating} max={5} precision={0.1} size=\"small\" readOnly />\n                  <Typography variant=\"caption\">({rating})</Typography>\n                </Box>\n              )}\n            </Column>\n          </Table>\n        ";
+export declare const UserTableSortedByAgeCode = "\n          const sortedUsers = [...usuarios].sort((a, b) => a.edad - b.edad);\n          return (\n            <Table {...args} data={sortedUsers.slice(0, 4)}>\n              <Column name=\"Nombre\" field=\"nombre\">\n                {({ nombre }) => <Typography variant=\"body2\">{nombre}</Typography>}\n              </Column>\n              <Column name=\"Edad\" field=\"edad\">\n                {({ edad }) => <Typography variant=\"body2\" fontWeight=\"medium\">{edad} a\u00F1os</Typography>}\n              </Column>\n              <Column name=\"Rol\" field=\"rol\">\n                {({ rol }) => (\n                  <Chip\n                    label={rol!.charAt(0).toUpperCase() + rol!.slice(1)}\n                    color={rol === 'admin' ? 'primary' : rol === 'moderador' ? 'secondary' : 'default'}\n                    variant=\"outlined\"\n                    size=\"small\"\n                  />\n                )}\n              </Column>\n              <Column name=\"Puntuaci\u00F3n\" field=\"puntuacion\">\n                {({ puntuacion }) => (\n                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                    <Rating value={puntuacion} max={5} precision={0.1} size=\"small\" readOnly />\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {puntuacion!.toFixed(1)}\n                    </Typography>\n                  </Box>\n                )}\n              </Column>\n            </Table>\n          );\n        ";
+export declare const EmployeeDetailedStatusCode = "\n<Table data={data}>\n<Column name=\"Empleado\" field={['nombre', 'apellido', 'avatar']}>\n  {({ nombre, apellido, avatar }) => (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n      <Avatar src={avatar} sx={{ width: 40, height: 40 }}>\n        {avatar ? '' : `${nombre!.charAt(0)}${apellido!.charAt(0)}`}\n      </Avatar>\n      <Typography variant=\"body2\" fontWeight=\"medium\">\n        {nombre} {apellido}\n      </Typography>\n    </Box>\n  )}\n</Column>\n<Column name=\"Departamento\" field=\"departamento\">\n  {({ departamento }) => (\n    <Chip\n      label={departamento}\n      color=\"info\"\n      variant=\"filled\"\n      size=\"small\"\n    />\n  )}\n</Column>\n<Column name=\"Salario\" field=\"salario\">\n  {({ salario }) => (\n    <Typography variant=\"body2\" fontWeight=\"bold\" color=\"success.dark\">\n      ${salario!.toLocaleString('es-ES')}\n    </Typography>\n  )}\n</Column>\n<Column name=\"Estado de Contrataci\u00F3n\" field={['activo', 'fechaIngreso']}>\n  {({ activo, fechaIngreso }) => (\n    <Box>\n      <Chip\n        label={activo ? 'Contratado' : 'Inactivo'}\n        color={activo ? 'success' : 'error'}\n        size=\"small\"\n      />\n      <Typography variant=\"caption\" display=\"block\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n        Desde: {new Date(fechaIngreso!).toLocaleDateString('es-ES')}\n      </Typography>\n    </Box>\n  )}\n</Column>\n</Table>\n";
+export declare const ActionsColumnCode = "\n          <Table data={data}>\n            <Column name=\"Nombre\" field=\"nombre\">\n              {({ nombre }) => <Typography variant=\"body2\">{nombre}</Typography>}\n            </Column>\n            <Column name=\"Email\" field=\"email\">\n              {({ email }) => <Typography variant=\"body2\" color=\"text.secondary\">{email}</Typography>}\n            </Column>\n            <Column name=\"Acciones\" field=\"id\"> \n              {({ id }) => (\n                <Button\n                  variant=\"contained\"\n                  color=\"primary\"\n                  size=\"small\"\n                  onClick={() => alert('ID del usuario: '+id )} // Log al hacer clic\n                >\n                  Ver Detalles ({id})\n                </Button>\n              )}\n            </Column>\n          </Table>\n        ";

package/esm/components/Table/Table.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../_virtual/jsx-runtime.js";import{TableContainer as a,Paper as l,Table as r,TableHead as i,TableRow as t,TableCell as n,Typography as s,TableBody as o,Box as c,Select as d,MenuItem as h,IconButton as x,Button as m}from"@mui/material";import{Children as p,isValidElement as g,useState as u}from"react";import{FirstPage as j,KeyboardArrowLeft as b,KeyboardArrowRight as f,LastPage as y}from"@mui/icons-material";function v({data:v,children:C,currentPage:P,pageSize:k,totalPages:z,previousPage:M,nextPage:S,pageSizeSelectorValue:A=10,onPageChange:N,onPageSizeChange:W,visiblePageNumbers:I=5}){const w=p.toArray(C).filter((e=>g(e)&&"Column"===e.type.displayName)),R="function"==typeof N&&"number"==typeof P,[T,O]=u(1),[V,_]=u(A),q=R?P:T,B=R?k:V,D=(q-1)*B,E=R?v:v.slice(D,D+B),F=R?z:Math.ceil(v.length/B),G=e=>{e<1||e>F||(R?null==N||N(e):O(e))};return e.jsxs(a,{component:l,sx:{borderRadius:2,overflow:"hidden"},children:[e.jsxs(r,{sx:{minWidth:650},"aria-label":"custom table",children:[e.jsx(i,{sx:{backgroundColor:e=>e.palette.grey[100]},children:e.jsx(t,{children:w.map(((a,l)=>e.jsx(n,{sx:{fontWeight:"bold",color:e=>e.palette.text.secondary},children:e.jsxs(s,{variant:"subtitle2",fontWeight:"bold",children:[a.props.name," "]})},l)))})}),e.jsxs(o,{children:[E.map(((a,l)=>e.jsx(t,{sx:{"&:last-child td, &:last-child th":{border:0},"&:hover":{backgroundColor:e=>e.palette.action.hover}},children:w.map(((l,r)=>{const{field:i,children:t}=l.props;let s;return s=Array.isArray(i)?i.reduce(((e,l)=>(e[l]=a[l],e)),{}):{[i]:a[i]},e.jsx(n,{children:t(s)},r)}))},l))),0===E.length&&e.jsx(t,{children:e.jsx(n,{colSpan:w.length,sx:{textAlign:"center",py:4},children:e.jsx(s,{variant:"body2",color:"text.secondary",children:"No hay datos disponibles para mostrar."})})})]})]}),F>0&&e.jsxs(c,{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,children:[e.jsx(d,{size:"small",value:B,onChange:e=>{const a=Number(e.target.value);R?(null==W||W(a),null==N||N(1)):(e=>{_(e),O(1)})(a)},children:[10,20,50,100].map((a=>e.jsxs(h,{value:a,children:["Mostrar ",a]},a)))}),e.jsxs(c,{display:"flex",alignItems:"center",gap:1,children:[e.jsx(x,{onClick:()=>G(1),disabled:q<=1,size:"small",title:"Primera página",children:e.jsx(j,{})}),e.jsx(x,{onClick:()=>G(q-1),disabled:q<=1,size:"small",title:"Página anterior",children:e.jsx(b,{})}),e.jsx(c,{display:"flex",alignItems:"center",gap:.5,children:(()=>{const e=[];if(F<=I)for(let a=1;a<=F;a++)e.push(a);else{const a=Math.floor(I/2);let l=Math.max(1,q-a),r=Math.min(F,q+a);r-l+1<I&&(1===l?r=Math.min(F,l+I-1):l=Math.max(1,r-I+1));for(let a=l;a<=r;a++)e.push(a)}return e})().map((a=>e.jsx(m,{onClick:()=>G(a),variant:a===q?"contained":"text",size:"small",sx:Object.assign({minWidth:"32px",height:"32px",borderRadius:"4px"},a===q&&{backgroundColor:"primary.main",color:"primary.contrastText","&:hover":{backgroundColor:"primary.dark"}}),children:a},a)))}),e.jsx(x,{onClick:()=>G(q+1),disabled:q>=F,size:"small",title:"Página siguiente",children:e.jsx(f,{})}),e.jsx(x,{onClick:()=>G(F),disabled:q>=F,size:"small",title:"Última página",children:e.jsx(y,{})})]}),e.jsxs(s,{variant:"body2",color:"text.secondary",children:["Página ",q," de ",F]})]})]})}export{v as Table,v as default};
+//# sourceMappingURL=Table.js.map

package/esm/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Table/Table.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicTable: Story;
+export declare const ComplexComponents: Story;
+export declare const WithExternalPaginationControl: Story;
+export declare const ProductTable: Story;
+export declare const EmployeeTable: Story;
+export declare const EmptyTable: Story;
+export declare const SingleRow: Story;
+export declare const ProductTableWithZeroStockHighlighted: Story;
+export declare const UserTableSortedByAge: Story;
+export declare const EmployeeDetailedStatus: Story;
+export declare const ActionsColumn: Story;

package/esm/components/Table/data.d.ts

@@ -0,0 +1,3 @@
+export declare const usuarios: Usuario[];
+export declare const productos: Producto[];
+export declare const empleados: Empleado[];

package/esm/components/Table/index.d.ts

@@ -0,0 +1 @@
+export { default as Table } from './Table';

package/esm/components/Table/types.d.ts

@@ -0,0 +1,31 @@
+interface Usuario {
+    id: number;
+    nombre: string;
+    email: string;
+    avatar: string;
+    edad: number;
+    activo: boolean;
+    rol: 'admin' | 'usuario' | 'moderador';
+    fechaRegistro: string;
+    puntuacion: number;
+}
+interface Producto {
+    id: number;
+    nombre: string;
+    precio: number;
+    categoria: string;
+    stock: number;
+    imagen: string;
+    enOferta: boolean;
+    rating: number;
+}
+interface Empleado {
+    id: number;
+    nombre: string;
+    apellido: string;
+    departamento: string;
+    salario: number;
+    fechaIngreso: string;
+    activo: boolean;
+    avatar: string;
+}

package/esm/components/Table.js

@@ -0,0 +1,2 @@
+export{Table}from"./Table/Table.js";
+//# sourceMappingURL=Table.js.map

package/esm/components/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/index.css

@@ -0,0 +1 @@
+@tailwind base;@tailwind components;@tailwind utilities;

package/esm/index.d.ts

@@ -0,0 +1 @@
+import './styles.css';

package/esm/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/node_modules/@mui/icons-material/esm/AccountCircle.js

@@ -0,0 +1,2 @@
+import{j as r}from"../../../../_virtual/jsx-runtime.js";import s from"../../material/esm/utils/createSvgIcon.js";var t=s(r.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20"}),"AccountCircle");export{t as default};
+//# sourceMappingURL=AccountCircle.js.map

package/esm/node_modules/@mui/icons-material/esm/AccountCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountCircle.js","sources":["../../../../../../node_modules/@mui/icons-material/esm/AccountCircle.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20\"\n}), 'AccountCircle');"],"names":["AccountCircleIcon","createSvgIcon","_jsx","jsx","d"],"mappings":"iHAIA,IAAAA,EAAeC,EAA2BC,EAAIC,IAAC,OAAQ,CACrDC,EAAG,oPACD","x_google_ignoreList":[0]}

package/esm/node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js

@@ -0,0 +1,2 @@
+import"react";import r from"../../../../../_virtual/index.js";import"../../../../../_virtual/jsx-runtime.js";import{useDefaultProps as e}from"../../../system/esm/DefaultPropsProvider/DefaultPropsProvider.js";function o(r){return e(r)}"production"!==process.env.NODE_ENV&&(r.node,r.object.isRequired);export{o as useDefaultProps};
+//# sourceMappingURL=DefaultPropsProvider.js.map

package/esm/node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPropsProvider.js","sources":["../../../../../../../node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport SystemDefaultPropsProvider, { useDefaultProps as useSystemDefaultProps } from '@mui/system/DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction DefaultPropsProvider(props) {\n  return /*#__PURE__*/_jsx(SystemDefaultPropsProvider, {\n    ...props\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * @ignore\n   */\n  value: PropTypes.object.isRequired\n} : void 0;\nexport default DefaultPropsProvider;\nexport function useDefaultProps(params) {\n  return useSystemDefaultProps(params);\n}"],"names":["useDefaultProps","params","useSystemDefaultProps","process","env","NODE_ENV","PropTypes","node","object","isRequired"],"mappings":"gNA0BO,SAASA,EAAgBC,GAC9B,OAAOC,EAAsBD,EAC/B,CAjByB,eAAzBE,QAAQC,IAAIC,WAQAC,EAAUC,KAIbD,EAAUE,OAAOC","x_google_ignoreList":[0]}

package/esm/node_modules/@mui/material/esm/SvgIcon/SvgIcon.js

@@ -0,0 +1,2 @@
+import*as o from"react";import e from"../../../../../_virtual/index.js";import{clsx as r}from"../../../../clsx/dist/clsx.js";import t from"../utils/memoTheme.js";import{getSvgIconUtilityClass as i}from"./svgIconClasses.js";import{j as s}from"../../../../../_virtual/jsx-runtime.js";import{useDefaultProps as n}from"../DefaultPropsProvider/DefaultPropsProvider.js";import l from"../styles/styled.js";import a from"../../../utils/esm/capitalize/capitalize.js";import c from"../../../utils/esm/composeClasses/composeClasses.js";const p=l("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.root,"inherit"!==r.color&&e[`color${a(r.color)}`],e[`fontSize${a(r.fontSize)}`]]}})(t((({theme:o})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:o.transitions?.create?.("fill",{duration:(o.vars??o).transitions?.duration?.shorter}),variants:[{props:o=>!o.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:o.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:o.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:o.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((o.vars??o).palette).filter((([,o])=>o&&o.main)).map((([e])=>({props:{color:e},style:{color:(o.vars??o).palette?.[e]?.main}}))),{props:{color:"action"},style:{color:(o.vars??o).palette?.action?.active}},{props:{color:"disabled"},style:{color:(o.vars??o).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),m=o.forwardRef((function(e,t){const l=n({props:e,name:"MuiSvgIcon"}),{children:m,className:f,color:d="inherit",component:h="svg",fontSize:v="medium",htmlColor:u,inheritViewBox:y=!1,titleAccess:S,viewBox:g="0 0 24 24",...x}=l,z=o.isValidElement(m)&&"svg"===m.type,j={...l,color:d,component:h,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:y,viewBox:g,hasSvgAsChild:z},w={};y||(w.viewBox=g);const b=(o=>{const{color:e,fontSize:r,classes:t}=o,s={root:["root","inherit"!==e&&`color${a(e)}`,`fontSize${a(r)}`]};return c(s,i,t)})(j);return s.jsxs(p,{as:h,className:r(b.root,f),focusable:"false",color:u,"aria-hidden":!S||void 0,role:S?"img":void 0,ref:t,...w,...x,...z&&m.props,ownerState:j,children:[z?m.props.children:m,S?s.jsx("title",{children:S}):null]})}));"production"!==process.env.NODE_ENV&&(m.propTypes={children:e.node,classes:e.object,className:e.string,color:e.oneOfType([e.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),e.string]),component:e.elementType,fontSize:e.oneOfType([e.oneOf(["inherit","large","medium","small"]),e.string]),htmlColor:e.string,inheritViewBox:e.bool,shapeRendering:e.string,sx:e.oneOfType([e.arrayOf(e.oneOfType([e.func,e.object,e.bool])),e.func,e.object]),titleAccess:e.string,viewBox:e.string}),m.muiName="SvgIcon";export{m as default};
+//# sourceMappingURL=SvgIcon.js.map

package/esm/node_modules/@mui/material/esm/SvgIcon/SvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIcon.js","sources":["../../../../../../../node_modules/@mui/material/esm/SvgIcon/SvgIcon.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from \"../utils/capitalize.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getSvgIconUtilityClass } from \"./svgIconClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    color,\n    fontSize,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', color !== 'inherit' && `color${capitalize(color)}`, `fontSize${capitalize(fontSize)}`]\n  };\n  return composeClasses(slots, getSvgIconUtilityClass, classes);\n};\nconst SvgIconRoot = styled('svg', {\n  name: 'MuiSvgIcon',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.color !== 'inherit' && styles[`color${capitalize(ownerState.color)}`], styles[`fontSize${capitalize(ownerState.fontSize)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  userSelect: 'none',\n  width: '1em',\n  height: '1em',\n  display: 'inline-block',\n  flexShrink: 0,\n  transition: theme.transitions?.create?.('fill', {\n    duration: (theme.vars ?? theme).transitions?.duration?.shorter\n  }),\n  variants: [{\n    props: props => !props.hasSvgAsChild,\n    style: {\n      // the <svg> will define the property that has `currentColor`\n      // for example heroicons uses fill=\"none\" and stroke=\"currentColor\"\n      fill: 'currentColor'\n    }\n  }, {\n    props: {\n      fontSize: 'inherit'\n    },\n    style: {\n      fontSize: 'inherit'\n    }\n  }, {\n    props: {\n      fontSize: 'small'\n    },\n    style: {\n      fontSize: theme.typography?.pxToRem?.(20) || '1.25rem'\n    }\n  }, {\n    props: {\n      fontSize: 'medium'\n    },\n    style: {\n      fontSize: theme.typography?.pxToRem?.(24) || '1.5rem'\n    }\n  }, {\n    props: {\n      fontSize: 'large'\n    },\n    style: {\n      fontSize: theme.typography?.pxToRem?.(35) || '2.1875rem'\n    }\n  },\n  // TODO v5 deprecate color prop, v6 remove for sx\n  ...Object.entries((theme.vars ?? theme).palette).filter(([, value]) => value && value.main).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      color: (theme.vars ?? theme).palette?.[color]?.main\n    }\n  })), {\n    props: {\n      color: 'action'\n    },\n    style: {\n      color: (theme.vars ?? theme).palette?.action?.active\n    }\n  }, {\n    props: {\n      color: 'disabled'\n    },\n    style: {\n      color: (theme.vars ?? theme).palette?.action?.disabled\n    }\n  }, {\n    props: {\n      color: 'inherit'\n    },\n    style: {\n      color: undefined\n    }\n  }]\n})));\nconst SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSvgIcon'\n  });\n  const {\n    children,\n    className,\n    color = 'inherit',\n    component = 'svg',\n    fontSize = 'medium',\n    htmlColor,\n    inheritViewBox = false,\n    titleAccess,\n    viewBox = '0 0 24 24',\n    ...other\n  } = props;\n  const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';\n  const ownerState = {\n    ...props,\n    color,\n    component,\n    fontSize,\n    instanceFontSize: inProps.fontSize,\n    inheritViewBox,\n    viewBox,\n    hasSvgAsChild\n  };\n  const more = {};\n  if (!inheritViewBox) {\n    more.viewBox = viewBox;\n  }\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(SvgIconRoot, {\n    as: component,\n    className: clsx(classes.root, className),\n    focusable: \"false\",\n    color: htmlColor,\n    \"aria-hidden\": titleAccess ? undefined : true,\n    role: titleAccess ? 'img' : undefined,\n    ref: ref,\n    ...more,\n    ...other,\n    ...(hasSvgAsChild && children.props),\n    ownerState: ownerState,\n    children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /*#__PURE__*/_jsx(\"title\", {\n      children: titleAccess\n    }) : null]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? SvgIcon.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Node passed into the SVG element.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.\n   * @default 'inherit'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'action', 'disabled', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.\n   * @default 'medium'\n   */\n  fontSize: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'large', 'medium', 'small']), PropTypes.string]),\n  /**\n   * Applies a color attribute to the SVG element.\n   */\n  htmlColor: PropTypes.string,\n  /**\n   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`\n   * prop will be ignored.\n   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that\n   * `component`'s viewBox to the root node.\n   * @default false\n   */\n  inheritViewBox: PropTypes.bool,\n  /**\n   * The shape-rendering attribute. The behavior of the different options is described on the\n   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).\n   * If you are having issues with blurry icons you should investigate this prop.\n   */\n  shapeRendering: PropTypes.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Provides a human-readable title for the element that contains it.\n   * https://www.w3.org/TR/SVG-access/#Equivalent\n   */\n  titleAccess: PropTypes.string,\n  /**\n   * Allows you to redefine what the coordinates without units mean inside an SVG element.\n   * For example, if the SVG element is 500 (width) by 200 (height),\n   * and you pass viewBox=\"0 0 50 20\",\n   * this means that the coordinates inside the SVG will go from the top left corner (0,0)\n   * to bottom right (50,20) and each unit will be worth 10px.\n   * @default '0 0 24 24'\n   */\n  viewBox: PropTypes.string\n} : void 0;\nSvgIcon.muiName = 'SvgIcon';\nexport default SvgIcon;"],"names":["SvgIconRoot","styled","name","slot","overridesResolver","props","styles","ownerState","root","color","capitalize","fontSize","memoTheme","theme","userSelect","width","height","display","flexShrink","transition","transitions","create","duration","vars","shorter","variants","hasSvgAsChild","style","fill","typography","pxToRem","Object","entries","palette","filter","value","main","map","action","active","disabled","undefined","SvgIcon","React","forwardRef","inProps","ref","useDefaultProps","children","className","component","htmlColor","inheritViewBox","titleAccess","viewBox","other","isValidElement","type","instanceFontSize","more","classes","slots","composeClasses","getSvgIconUtilityClass","useUtilityClasses","_jsxs","as","clsx","focusable","role","_jsx","jsx","process","env","NODE_ENV","propTypes","PropTypes","node","object","string","oneOfType","oneOf","elementType","bool","shapeRendering","sx","arrayOf","func","muiName"],"mappings":"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","x_google_ignoreList":[0]}