@soyfri/shared-library 4.0.0 → 4.0.1

package/components/ActionMenu.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/ActionMenu/index'
+export * from './ActionMenu/index'
 export {}
-import _default from '../src/components/ActionMenu/index'
+import _default from './ActionMenu/index'
 export default _default
-export * from '../src/components/ActionMenu/index'
+export * from './ActionMenu/index'
 export {}

package/components/Alert.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Alert/index'
+export * from './Alert/index'
 export {}
-import _default from '../src/components/Alert/index'
+import _default from './Alert/index'
 export default _default
-export * from '../src/components/Alert/index'
+export * from './Alert/index'
 export {}

package/components/AppBar.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/AppBar/index'
+export * from './AppBar/index'
 export {}
-import _default from '../src/components/AppBar/index'
+import _default from './AppBar/index'
 export default _default
-export * from '../src/components/AppBar/index'
+export * from './AppBar/index'
 export {}

package/components/Autocomplete.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Autocomplete/index'
+export * from './Autocomplete/index'
 export {}
-import _default from '../src/components/Autocomplete/index'
+import _default from './Autocomplete/index'
 export default _default
-export * from '../src/components/Autocomplete/index'
+export * from './Autocomplete/index'
 export {}

package/components/Avatar.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Avatar/index'
+export * from './Avatar/index'
 export {}

package/components/Breadcrumbs.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Breadcrumbs/index'
+export * from './Breadcrumbs/index'
 export {}
-import _default from '../src/components/Breadcrumbs/index'
+import _default from './Breadcrumbs/index'
 export default _default
-export * from '../src/components/Breadcrumbs/index'
+export * from './Breadcrumbs/index'
 export {}

package/components/Button.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Button/index'
+export * from './Button/index'
 export {}

package/components/ButtonGroup.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/ButtonGroup/index'
+export * from './ButtonGroup/index'
 export {}
-import _default from '../src/components/ButtonGroup/index'
+import _default from './ButtonGroup/index'
 export default _default
-export * from '../src/components/ButtonGroup/index'
+export * from './ButtonGroup/index'
 export {}

package/components/Card.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Card/index'
+export * from './Card/index'
 export {}
-import _default from '../src/components/Card/index'
+import _default from './Card/index'
 export default _default
-export * from '../src/components/Card/index'
+export * from './Card/index'
 export {}

package/components/Checkbox.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Checkbox/index'
+export * from './Checkbox/index'
 export {}
-import _default from '../src/components/Checkbox/index'
+import _default from './Checkbox/index'
 export default _default
-export * from '../src/components/Checkbox/index'
+export * from './Checkbox/index'
 export {}

package/components/Chip.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Chip/index'
+export * from './Chip/index'
 export {}
-import _default from '../src/components/Chip/index'
+import _default from './Chip/index'
 export default _default
-export * from '../src/components/Chip/index'
+export * from './Chip/index'
 export {}

package/components/Column.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Column/index'
+export * from './Column/index'
 export {}

package/components/DataRow.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/DataRow/index'
+export * from './DataRow/index'
 export {}
-import _default from '../src/components/DataRow/index'
+import _default from './DataRow/index'
 export default _default
-export * from '../src/components/DataRow/index'
+export * from './DataRow/index'
 export {}

package/components/DatePicker.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/DatePicker/index'
+export * from './DatePicker/index'
 export {}
-import _default from '../src/components/DatePicker/index'
+import _default from './DatePicker/index'
 export default _default
-export * from '../src/components/DatePicker/index'
+export * from './DatePicker/index'
 export {}

package/components/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/DateTimePicker/index'
+export * from './DateTimePicker/index'
 export {}
-import _default from '../src/components/DateTimePicker/index'
+import _default from './DateTimePicker/index'
 export default _default
-export * from '../src/components/DateTimePicker/index'
+export * from './DateTimePicker/index'
 export {}

package/components/Divider.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Divider/index'
+export * from './Divider/index'
 export {}
-import _default from '../src/components/Divider/index'
+import _default from './Divider/index'
 export default _default
-export * from '../src/components/Divider/index'
+export * from './Divider/index'
 export {}

package/components/Drawer.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Drawer/index'
+export * from './Drawer/index'
 export {}
-import _default from '../src/components/Drawer/index'
+import _default from './Drawer/index'
 export default _default
-export * from '../src/components/Drawer/index'
+export * from './Drawer/index'
 export {}

package/components/EmptyState.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/EmptyState/index'
+export * from './EmptyState/index'
 export {}
-import _default from '../src/components/EmptyState/index'
+import _default from './EmptyState/index'
 export default _default
-export * from '../src/components/EmptyState/index'
+export * from './EmptyState/index'
 export {}

package/components/Flyout.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Flyout/index'
+export * from './Flyout/index'
 export {}

package/components/Gallery.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Gallery/index'
+export * from './Gallery/index'
 export {}
-import _default from '../src/components/Gallery/index'
+import _default from './Gallery/index'
 export default _default
-export * from '../src/components/Gallery/index'
+export * from './Gallery/index'
 export {}

package/components/Icon.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Icon/index'
+export * from './Icon/index'
 export {}
-import _default from '../src/components/Icon/index'
+import _default from './Icon/index'
 export default _default
-export * from '../src/components/Icon/index'
+export * from './Icon/index'
 export {}

package/components/Input.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Input/index'
+export * from './Input/index'
 export {}
-import _default from '../src/components/Input/index'
+import _default from './Input/index'
 export default _default
-export * from '../src/components/Input/index'
+export * from './Input/index'
 export {}

package/components/InputGroup.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/InputGroup/index'
+export * from './InputGroup/index'
 export {}
-import _default from '../src/components/InputGroup/index'
+import _default from './InputGroup/index'
 export default _default
-export * from '../src/components/InputGroup/index'
+export * from './InputGroup/index'
 export {}

package/components/MenuButton.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/MenuButton/index'
+export * from './MenuButton/index'
 export {}

package/components/Modal.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Modal/index'
+export * from './Modal/index'
 export {}
-import _default from '../src/components/Modal/index'
+import _default from './Modal/index'
 export default _default
-export * from '../src/components/Modal/index'
+export * from './Modal/index'
 export {}

package/components/PageHeader.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/PageHeader/index'
+export * from './PageHeader/index'
 export {}
-import _default from '../src/components/PageHeader/index'
+import _default from './PageHeader/index'
 export default _default
-export * from '../src/components/PageHeader/index'
+export * from './PageHeader/index'
 export {}

package/components/RadioGroup.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/RadioGroup/index'
+export * from './RadioGroup/index'
 export {}
-import _default from '../src/components/RadioGroup/index'
+import _default from './RadioGroup/index'
 export default _default
-export * from '../src/components/RadioGroup/index'
+export * from './RadioGroup/index'
 export {}

package/components/Select.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Select/index'
+export * from './Select/index'
 export {}
-import _default from '../src/components/Select/index'
+import _default from './Select/index'
 export default _default
-export * from '../src/components/Select/index'
+export * from './Select/index'
 export {}

package/components/Spinner.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Spinner/index'
+export * from './Spinner/index'
 export {}
-import _default from '../src/components/Spinner/index'
+import _default from './Spinner/index'
 export default _default
-export * from '../src/components/Spinner/index'
+export * from './Spinner/index'
 export {}

package/components/Stat.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Stat/index'
+export * from './Stat/index'
 export {}
-import _default from '../src/components/Stat/index'
+import _default from './Stat/index'
 export default _default
-export * from '../src/components/Stat/index'
+export * from './Stat/index'
 export {}

package/components/StatusMessage.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/StatusMessage/index'
+export * from './StatusMessage/index'
 export {}
-import _default from '../src/components/StatusMessage/index'
+import _default from './StatusMessage/index'
 export default _default
-export * from '../src/components/StatusMessage/index'
+export * from './StatusMessage/index'
 export {}

package/components/Stepper.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Stepper/index'
+export * from './Stepper/index'
 export {}
-import _default from '../src/components/Stepper/index'
+import _default from './Stepper/index'
 export default _default
-export * from '../src/components/Stepper/index'
+export * from './Stepper/index'
 export {}

package/components/Switch.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Switch/index'
+export * from './Switch/index'
 export {}
-import _default from '../src/components/Switch/index'
+import _default from './Switch/index'
 export default _default
-export * from '../src/components/Switch/index'
+export * from './Switch/index'
 export {}

package/components/Table.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Table/index'
+export * from './Table/index'
 export {}

package/components/Tabs.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Tabs/index'
+export * from './Tabs/index'
 export {}
-import _default from '../src/components/Tabs/index'
+import _default from './Tabs/index'
 export default _default
-export * from '../src/components/Tabs/index'
+export * from './Tabs/index'
 export {}

package/components/Timeline.d.ts

@@ -1,6 +1,6 @@
-export * from '../src/components/Timeline/index'
+export * from './Timeline/index'
 export {}
-import _default from '../src/components/Timeline/index'
+import _default from './Timeline/index'
 export default _default
-export * from '../src/components/Timeline/index'
+export * from './Timeline/index'
 export {}

package/components/Tooltip.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/components/Tooltip/index'
+export * from './Tooltip/index'
 export {}

package/hooks/ClipBoard.d.ts

@@ -1,2 +1,2 @@
-export * from '../src/hooks/ClipBoard/index'
+export * from './ClipBoard/index'
 export {}

package/index.d.ts

@@ -1,2 +1,62 @@
-export * from './src/index'
-export {}
+export type { LibraryComponentName, PresetStyle, ComponentPresets, LibraryStyles, } from './theme/componentStyles';
+export { DEFAULT_PRESET_NAME, resolvePreset } from './components/_shared/resolvePreset';
+export * from './utils';
+export * from './mui';
+export { Button } from './components/Button';
+export { Card } from './components/Card';
+export type { CardProps } from './components/Card';
+export { Chip } from './components/Chip';
+export { Column } from './components/Column';
+export type { ColumnProps } from './components/Column';
+export { Avatar } from './components/Avatar';
+export { Stat } from './components/Stat';
+export { Spinner } from './components/Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerColor } from './components/Spinner';
+export { Alert } from './components/Alert';
+export type { AlertProps, AlertSeverity, AlertVariant } from './components/Alert';
+export { Divider } from './components/Divider';
+export type { DividerProps } from './components/Divider';
+export { ButtonGroup } from './components/ButtonGroup';
+export type { ButtonGroupProps } from './components/ButtonGroup';
+export { Breadcrumbs } from './components/Breadcrumbs';
+export type { BreadcrumbsProps } from './components/Breadcrumbs';
+export { PageHeader } from './components/PageHeader';
+export type { PageHeaderProps } from './components/PageHeader';
+export { DataRow } from './components/DataRow';
+export type { DataRowProps } from './components/DataRow';
+export { EmptyState } from './components/EmptyState';
+export type { EmptyStateProps } from './components/EmptyState';
+export { Stepper, Step } from './components/Stepper';
+export { Tabs, Tab } from './components/Tabs';
+export { Table } from './components/Table';
+export { StatusMessage } from './components/StatusMessage';
+export type { StatusMessageProps } from './components/StatusMessage';
+export { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal';
+export type { ModalRef, ModalMode, ModalSeverity } from './components/Modal';
+export { Input } from './components/Input';
+export type { InputProps, BaseInputProps } from './components/Input';
+export { Select, Option } from './components/Select';
+export type { SelectProps, SelectOption, OptionProps } from './components/Select';
+export { Autocomplete, AutocompleteSelect } from './components/Autocomplete';
+export type { AutocompleteProps } from './components/Autocomplete';
+export { Switch } from './components/Switch';
+export type { SwitchProps, BaseSwitchProps } from './components/Switch';
+export { RadioGroup } from './components/RadioGroup';
+export type { RadioGroupProps, RadioOption, BaseRadioGroupProps } from './components/RadioGroup';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps, BaseCheckboxProps } from './components/Checkbox';
+export { DatePicker } from './components/DatePicker';
+export type { DatePickerProps } from './components/DatePicker';
+export { DateTimePicker } from './components/DateTimePicker';
+export type { DateTimePickerProps } from './components/DateTimePicker';
+export { InputGroup } from './components/InputGroup';
+export type { InputGroupProps } from './components/InputGroup';
+export { ActionMenu, ActionMenuItem } from './components/ActionMenu';
+export { AppBar, AppBarMenuToggle, useAppBarContext } from './components/AppBar';
+export { Drawer, DrawerItem, useDrawerContext } from './components/Drawer';
+export { Flyout } from './components/Flyout';
+export { Gallery } from './components/Gallery';
+export { Icon } from './components/Icon';
+export { MenuButton } from './components/MenuButton';
+export { Timeline, TimelineItem } from './components/Timeline';
+export { Tooltip } from './components/Tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",

package/src/components/Autocomplete/Autocomplete.definitions.d.ts

@@ -1,15 +0,0 @@
-export declare const SimpleAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Box, Typography } from '@mui/material';\n\nconst options = [\n  { value: '10', label: '10' },\n  { value: '25', label: '25' },\n];\n\nexport const SimpleExample = () => {\n  const [value, setValue] = useState(options[1]);\n\n  return (\n    <Box sx={{ width: 250 }}>\n      <Autocomplete\n        label=\"Registros por p\u00E1gina\"\n        options={options}\n        value={value}\n        onChange={(val) => {\n          setValue(val as string);\n        }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Valor: {value}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const WithPlaceholderAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Box, Typography } from '@mui/material';\n\nexport const WithPlaceholderExample = () => {\n  const [value, setValue] = useState(null);\n\n  return (\n    <Box sx={{ width: 300 }}>\n      <Autocomplete\n        label=\"Seleccione una opci\u00F3n\"\n        options={[]}\n        value={value}\n        onChange={(val) => {\n         setValue(val as string);\n        }}\n        placeholder=\"Ninguna opci\u00F3n seleccionada\"\n      />\n      <Typography sx={{ mt: 2 }}>\n        {value || 'Ninguno'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const MultipleAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Box } from '@mui/material';\n\nconst options = [\n  { value: 'pending', label: 'Pendiente' },\n  { value: 'approved', label: 'Aprobado' },\n];\n\nexport const MultipleExample = () => {\n  const [value, setValue] = useState([]);\n\n  return (\n    <Box sx={{ width: 400 }}>\n      <Autocomplete\n        multiple\n        options={options}\n        value={value}\n        onChange={(val) => {\n          setValue(val as string[]);\n        }}\n      />\n    </Box>\n  );\n};\n";
-export declare const MultipleWithLimitAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\n\nexport const MultipleWithLimitExample = () => {\n  const [value, setValue] = useState([]);\n\n  return (\n    <Autocomplete\n      multiple\n      maxChipsToShow={2}\n      options={[]}\n      value={value}\n      onChange={(val) => {\n        setValue(val as string[]);\n      }}\n    />\n  );\n};\n";
-export declare const CustomRenderOptionAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Avatar, Box } from '@mui/material';\n\nconst users = [\n  { value: 'admin', label: 'Administrador', img: '...' },\n];\n\nexport const CustomRenderExample = () => {\n  const [value, setValue] = useState([]);\n\n  return (\n    <Autocomplete\n      multiple\n      options={users}\n      value={value}\n      onChange={(val) => {\n        setValue(val as string[]);\n      }}\n      renderOptionItem={(item) => (\n        <Box sx={{ display: 'flex', gap: 1 }}>\n          <Avatar src={item.img} />\n          {item.label}\n        </Box>\n      )}\n    />\n  );\n};\n";
-export declare const CustomChipRenderAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Typography } from '@mui/material';\n\nexport const CustomChipExample = () => {\n  const [value, setValue] = useState([]);\n\n  return (\n    <Autocomplete\n      multiple\n      options={[]}\n      value={value}\n      onChange={(val) => {\n        setValue(val as string[]);\n      }}\n      renderChipLabel={(item) => (\n        <Typography variant=\"caption\">\n          {item.label.charAt(0)}\n        </Typography>\n      )}\n    />\n  );\n};\n";
-export declare const LoadingAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\n\nexport const LoadingExample = () => {\n  const [value, setValue] = useState(null);\n\n  return (\n    <Autocomplete\n      loading\n      options={[]}\n      value={value}\n      onChange={(val) => {\n\t\t\t\tsetValue(val as string);\n\t\t\t}}\n    />\n  );\n};\n";
-export declare const EmptyOptionsAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\n\nexport const EmptyExample = () => {\n  const [value, setValue] = useState(null);\n\n  return (\n    <Autocomplete\n      options={[]}\n      value={value}\n      onChange={(val) => {\n\t\t\t\tsetValue(val as string);\n\t\t\t}}\n      placeholder=\"No hay opciones\"\n    />\n  );\n};\n";
-export declare const ManyOptionsAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\n\nconst options = Array.from({ length: 50 }, (_, i) => ({\n  value: i,\n  label: 'Opci\u00F3n ' + i,\n}));\n\nexport const ManyOptionsExample = () => {\n  const [value, setValue] = useState(null);\n\n  return (\n    <Autocomplete\n      options={options}\n      value={value}\n      onChange={(val) => {\n\t\t\t\tsetValue(val as string);\n\t\t\t}}\n    />\n  );\n};\n";
-export declare const WithErrorAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Box } from '@mui/material';\n\nconst options = [\n  { value: '10', label: '10' },\n  { value: '25', label: '25' },\n];\n\nexport const WithErrorExample = () => {\n  const [value, setValue] = useState<string | null>(null);\n  return (\n    <Box sx={{ width: 300 }}>\n      <Autocomplete\n        label=\"Cantidad\"\n        options={options}\n        value={value}\n        onChange={(val) => setValue(val as string | null)}\n        error={!value}\n        helperText={!value ? 'Debes seleccionar una cantidad' : ' '}\n      />\n    </Box>\n  );\n};\n";
-export declare const LabelPositionAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Box, Stack } from '@mui/material';\n\nconst options = [\n  { value: 'a', label: 'Opci\u00F3n A' },\n  { value: 'b', label: 'Opci\u00F3n B' },\n];\n\nexport const LabelPositionExample = () => {\n  const [a, setA] = useState<string | null>(null);\n  const [b, setB] = useState<string | null>(null);\n  return (\n    <Stack spacing={3} sx={{ width: 320 }}>\n      <Autocomplete\n        label=\"Outside (default)\"\n        labelPosition=\"outside\"\n        options={options}\n        value={a}\n        onChange={(val) => setA(val as string | null)}\n      />\n      <Autocomplete\n        label=\"Floating\"\n        labelPosition=\"floating\"\n        options={options}\n        value={b}\n        onChange={(val) => setB(val as string | null)}\n      />\n    </Stack>\n  );\n};\n";
-export declare const CustomBorderRadiusAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Box, Stack } from '@mui/material';\n\nconst options = [\n  { value: '10', label: '10' },\n  { value: '25', label: '25' },\n];\n\nexport const CustomBorderRadiusExample = () => {\n  const [a, setA] = useState<string | null>(null);\n  const [b, setB] = useState<string | null>(null);\n  const [c, setC] = useState<string | null>(null);\n  return (\n    <Stack spacing={2} sx={{ width: 300 }}>\n      <Autocomplete label=\"0\" borderRadius={0} options={options} value={a} onChange={(v) => setA(v as string | null)} />\n      <Autocomplete label=\"10 (default)\" borderRadius={10} options={options} value={b} onChange={(v) => setB(v as string | null)} />\n      <Autocomplete label=\"24 (pill)\" borderRadius={24} options={options} value={c} onChange={(v) => setC(v as string | null)} />\n    </Stack>\n  );\n};\n";
-export declare const EmptyWithPlaceholderAutocompleteDefinition = "\nimport React, { useState } from 'react';\nimport Autocomplete from './Autocomplete';\nimport { Box } from '@mui/material';\n\nconst options = [\n  { value: 'mx', label: 'M\u00E9xico' },\n  { value: 'co', label: 'Colombia' },\n  { value: 'ar', label: 'Argentina' },\n];\n\nexport const EmptyWithPlaceholderExample = () => {\n  const [value, setValue] = useState<string | null>(null);\n  return (\n    <Box sx={{ width: 300 }}>\n      <Autocomplete\n        label=\"Pa\u00EDs\"\n        placeholder=\"Buscar pa\u00EDs...\"\n        options={options}\n        value={value}\n        onChange={(val) => setValue(val as string | null)}\n      />\n    </Box>\n  );\n};\n";
-export declare const RHFAutocompleteDefinition = "\nimport React from 'react';\nimport { useForm } from 'react-hook-form';\nimport Autocomplete from './Autocomplete';\nimport { Box, Button, Stack } from '@mui/material';\n\nconst options = [\n  { value: 'mx', label: 'M\u00E9xico' },\n  { value: 'co', label: 'Colombia' },\n  { value: 'ar', label: 'Argentina' },\n];\n\ntype FormValues = { country: string | null };\n\nexport const RHFExample = () => {\n  const { control, handleSubmit, watch } = useForm<FormValues>({\n    defaultValues: { country: null },\n  });\n\n  return (\n    <Box component=\"form\" onSubmit={handleSubmit((data) => console.log(data))}>\n      <Stack spacing={2} sx={{ width: 320 }}>\n        <Autocomplete\n          name=\"country\"\n          control={control}\n          validation={{ required: 'Campo requerido' }}\n          label=\"Pa\u00EDs\"\n          placeholder=\"Seleccione...\"\n          options={options}\n        />\n        <Button type=\"submit\" variant=\"contained\">Guardar</Button>\n        <Box>Valor actual: {JSON.stringify(watch('country'))}</Box>\n      </Stack>\n    </Box>\n  );\n};\n";
-export declare const AsyncServiceAutocompleteDefinition: string;

package/src/components/Avatar/Avatar.definitions.d.ts

@@ -1,11 +0,0 @@
-export declare const DefaultAvatarDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const DefaultAvatarExample = () => (\n    <Avatar\n        items={[\n            { text: 'User One', imageUrl: 'https://i.pravatar.cc/150?img=1' },\n            { text: 'User Two', imageUrl: 'https://i.pravatar.cc/150?img=2' },\n        ]}\n    />\n);\n";
-export declare const WithTypeAndTextDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const WithTypeAndTextExample = () => (\n    <Avatar\n        type=\"Owner\"\n        items={[{ text: 'Maria', imageUrl: 'https://i.pravatar.cc/150?img=5' }]}\n        showText\n    />\n);\n";
-export declare const WithBadgesAndTooltipDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const WithBadgesAndTooltipExample = () => (\n    <Avatar\n        showTooltip\n        items={[\n            { text: 'John D.', badge: 'JD', backgroundColor: '#EF5350', color: '#fff' },\n            { text: 'Alice B.', badge: 'AB', backgroundColor: '#AB47BC', color: '#fff' },\n        ]}\n    />\n);\n";
-export declare const SizeSmallDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const SizeSmallExample = () => (\n    <Avatar\n        size=\"sm\"\n        items={[\n            { text: 'User One', imageUrl: 'https://i.pravatar.cc/150?img=11' },\n            { text: 'User Two', imageUrl: 'https://i.pravatar.cc/150?img=12' },\n            { text: 'User Three', imageUrl: 'https://i.pravatar.cc/150?img=13' },\n        ]}\n    />\n);\n";
-export declare const SizeMediumDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const SizeMediumExample = () => (\n    <Avatar\n        size=\"md\"\n        items={[\n            { text: 'User One', imageUrl: 'https://i.pravatar.cc/150?img=21' },\n            { text: 'User Two', imageUrl: 'https://i.pravatar.cc/150?img=22' },\n            { text: 'User Three', imageUrl: 'https://i.pravatar.cc/150?img=23' },\n        ]}\n    />\n);\n";
-export declare const SizeLargeDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const SizeLargeExample = () => (\n    <Avatar\n        size=\"lg\"\n        items={[\n            { text: 'User One', imageUrl: 'https://i.pravatar.cc/150?img=31' },\n            { text: 'User Two', imageUrl: 'https://i.pravatar.cc/150?img=32' },\n        ]}\n    />\n);\n";
-export declare const SizeExtraLargeDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const SizeExtraLargeExample = () => (\n    <Avatar\n        size=\"xl\"\n        items={[{ text: 'Maria', imageUrl: 'https://i.pravatar.cc/150?img=5' }]}\n        showText={false}\n    />\n);\n";
-export declare const NumericSizeDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const NumericSizeExample = () => (\n    <Avatar\n        size={72}\n        items={[\n            { text: 'User One', imageUrl: 'https://i.pravatar.cc/150?img=41' },\n            { text: 'User Two', imageUrl: 'https://i.pravatar.cc/150?img=42' },\n        ]}\n        showText={false}\n    />\n);\n";
-export declare const FallbackIconDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const FallbackIconExample = () => (\n    <Avatar\n        items={[\n            { text: 'Without image' },\n            { text: 'Broken image', imageUrl: 'https://example.invalid/broken.png' },\n        ]}\n        showTooltip\n    />\n);\n";
-export declare const DisplayedAvatarsLimitDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const DisplayedAvatarsLimitExample = () => (\n    <Avatar\n        displayedAvatars={3}\n        items={[\n            { text: 'User 1', imageUrl: 'https://i.pravatar.cc/150?img=51' },\n            { text: 'User 2', imageUrl: 'https://i.pravatar.cc/150?img=52' },\n            { text: 'User 3', imageUrl: 'https://i.pravatar.cc/150?img=53' },\n            { text: 'User 4', imageUrl: 'https://i.pravatar.cc/150?img=54' },\n            { text: 'User 5', imageUrl: 'https://i.pravatar.cc/150?img=55' },\n        ]}\n    />\n);\n";
-export declare const CustomStylingDefinition = "\nimport { Avatar } from './Avatar';\n\nexport const CustomStylingExample = () => (\n    <Avatar\n        size=\"md\"\n        items={[\n            { text: 'User One', imageUrl: 'https://i.pravatar.cc/150?img=61' },\n            { text: 'User Two', imageUrl: 'https://i.pravatar.cc/150?img=62' },\n        ]}\n        sx={{\n            p: 1,\n            borderRadius: 2,\n            bgcolor: 'action.hover',\n        }}\n        avatarSx={{\n            border: (theme) => '3px solid ' + theme.palette.primary.main,\n        }}\n    />\n);\n";

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

@@ -1,11 +0,0 @@
-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/src/components/Card/Card.definition.d.ts

@@ -1 +0,0 @@
-export declare const DefaultCardDefinition = "\n<Card>\n  Card\n</Card>\n";

package/src/components/Chip/Chip.definitions.d.ts

@@ -1,10 +0,0 @@
-export declare const BasicChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const BasicChipExample = () => {\n  return (\n    <Chip label=\"Etiqueta B\u00E1sica\" />\n  );\n};\n";
-export declare const ClickableChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ClickableChipExample = () => {\n  const handleClick = () => {\n    alert('Chip clickeado!');\n  };\n  return (\n    <Chip label=\"Clickeable\" onClick={handleClick} />\n  );\n};\n";
-export declare const DeletableChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\nimport DeleteIcon from '@mui/icons-material/Delete';\n\nexport const DeletableChipExample = () => {\n  const handleDelete = () => {\n    alert('Chip borrado!');\n  };\n  return (\n    <Chip label=\"Borrable\" onDelete={handleDelete} deleteIcon={<DeleteIcon />} />\n  );\n};\n";
-export declare const ChipWithAvatarDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Avatar, Box, Typography } from '@mui/material';\n\nexport const ChipWithAvatarExample = () => {\n  return (\n    <Chip\n      label=\"Con Avatar\"\n      avatar={<Avatar alt=\"Avatar\" src=\"https://placehold.co/40x40/FF7F50/FFFFFF?text=A\" />}\n    />\n  );\n};\n";
-export declare const ChipWithIconDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\nimport FaceIcon from '@mui/icons-material/Face';\n\nexport const ChipWithIconExample = () => {\n  return (\n    <Chip label=\"Con Icono\" icon={<FaceIcon />} />\n  );\n};\n";
-export declare const DisabledChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const DisabledChipExample = () => {\n  return (\n    <Box sx={{ display: 'flex', gap: 2 }}>\n      <Chip label=\"Deshabilitado\" disabled />\n      <Chip label=\"Deshabilitado Borrable\" onDelete={() => {}} disabled />\n    </Box>\n  );\n};\n";
-export declare const ChipVariantsDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ChipVariantsExample = () => {\n  return (\n    <Box sx={{ display: 'flex', gap: 2 }}>\n      <Chip label=\"Filled (Default)\" />\n      <Chip label=\"Outlined\" variant=\"outlined\" />\n    </Box>\n  );\n};\n";
-export declare const ChipColorsDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ChipColorsExample = () => {\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 2 }}>\n      <Chip label=\"Default\" />\n      <Chip label=\"Primary\" color=\"primary\" />\n      <Chip label=\"Secondary\" color=\"secondary\" />\n      <Chip label=\"Error\" color=\"error\" />\n      <Chip label=\"Info\" color=\"info\" />\n      <Chip label=\"Success\" color=\"success\" />\n      <Chip label=\"Warning\" color=\"warning\" />\n      <Chip label=\"Primary Outlined\" color=\"primary\" variant=\"outlined\" />\n      <Chip label=\"Success Outlined\" color=\"success\" variant=\"outlined\" />\n    </Box>\n  );\n};\n";
-export declare const ChipSizesDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ChipSizesExample = () => {\n  return (\n    <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>\n      <Chip label=\"Peque\u00F1o\" size=\"small\" />\n      <Chip label=\"Mediano (Default)\" size=\"medium\" />\n    </Box>\n  );\n};\n";
-export declare const CustomContentChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography, Avatar } from '@mui/material';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nexport const CustomContentChipExample = () => {\n  const handleClick = () => alert('Perfil visto!');\n  const handleDelete = () => alert('Perfil eliminado!');\n\n  return (\n    <Chip\n      avatar={<Avatar src=\"https://placehold.co/40x40/87CEEB/FFFFFF?text=PR\" />}\n      label={\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n          <CheckCircleOutlineIcon sx={{ fontSize: 16 }} />\n          <Typography variant=\"body2\" sx={{ fontWeight: 'bold' }}>Perfil Completo</Typography>\n        </Box>\n      }\n      onDelete={handleDelete}\n      onClick={handleClick}\n      color=\"info\"\n      variant=\"outlined\"\n    />\n  );\n};\n";

package/src/components/DatePicker/DatePicker.definitions.d.ts

@@ -1,8 +0,0 @@
-export declare const BasicDatePickerDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const BasicDatePickerExample = () => {\n  const [selectedDate, setSelectedDate] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DatePicker\n        label=\"Seleccionar Fecha\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DatePickerWithMinMaxDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerWithMinMaxExample = () => {\n  const [selectedDate, setSelectedDate] = useState(dayjs('2023-06-15'));\n  const minDate = dayjs('2023-06-01');\n  const maxDate = dayjs('2023-06-30');\n  return (\n    <Box sx={{ width: 300 }}>\n      <DatePicker\n        label=\"Fecha en Junio\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        minDate={minDate}\n        maxDate={maxDate}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n      </Typography>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        (Rango: ${minDate.format('YYYY-MM-DD')} a ${maxDate.format('YYYY-MM-DD')})\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DateRangePickerDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerExample = () => {\n  const [startDate, setStartDate] = useState(dayjs('2023-01-01'));\n  const [endDate, setEndDate] = useState(dayjs('2023-01-31'));\n\n  const handleStartDateChange = (date) => {\n    setStartDate(date);\n    if (date && endDate && date.isAfter(endDate)) {\n      setEndDate(date);\n    }\n  };\n\n  const handleEndDateChange = (date) => {\n    setEndDate(date);\n    if (date && startDate && date.isBefore(startDate)) {\n      setStartDate(date);\n    }\n  };\n\n  return (\n    <Box sx={{ display: 'flex', gap: 3, flexDirection: 'column' }}>\n      <DatePicker\n        label=\"Fecha de Inicio\"\n        selectedDate={startDate}\n        onDateChange={handleStartDateChange}\n        maxDate={endDate || undefined}\n      />\n      <DatePicker\n        label=\"Fecha de Fin\"\n        selectedDate={endDate}\n        onDateChange={handleEndDateChange}\n        minDate={startDate || undefined}\n      />\n      <Typography>\n        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DatePickerWithErrorDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerWithErrorExample = () => {\n  const [selectedDate, setSelectedDate] = useState(dayjs('2023-01-01'));\n  // Intentamos establecer una fecha fuera de un rango muy restringido para forzar un error\n  const minDate = dayjs('2023-01-05');\n  const maxDate = dayjs('2023-01-10');\n\n  return (\n    <Box sx={{ width: 300 }}>\n      <DatePicker\n        label=\"Fecha (con error de rango)\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        minDate={minDate}\n        maxDate={maxDate}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n      </Typography>\n      <Typography variant=\"caption\" color=\"error\">\n        (Intenta seleccionar una fecha fuera de ${minDate.format('YYYY-MM-DD')} - ${maxDate.format('YYYY-MM-DD')})\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DatePickerSmallSizeDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerSmallSizeExample = () => {\n  const [selectedDate, setSelectedDate] = useState(dayjs());\n  return (\n    <Box sx={{ width: 250 }}>\n      <DatePicker\n        label=\"Fecha (Peque\u00F1o)\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        slotProps={{ textField: { size: 'small' } }} // Prop para hacer el TextField peque\u00F1o\n      />\n      <Typography sx={{ mt: 2 }}>\n        Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DatePickerDisabledDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerDisabledExample = () => {\n  const [selectedDate, setSelectedDate] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DatePicker\n        label=\"Fecha (Deshabilitado)\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        disabled\n      />\n      <Typography sx={{ mt: 2 }}>\n        Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DatePickerReadOnlyDefinition = "\n    import React, { useState } from 'react';\n    import { DatePicker } from '@soyfri/shared-library/DatePicker';\n    import dayjs from 'dayjs';\n    import { Box, Typography } from '@mui/material';\n\n    export const DatePickerReadOnlyDefinition = () => {\n    const [selectedDate, setSelectedDate] = useState<Dayjs | null>(dayjs('2024-07-24'));\n      return (\n        <Box sx={{ width: 300 }}>\n          <DatePicker\n            label=\"Fecha (Solo Lectura)\"\n            selectedDate={selectedDate}\n            onDateChange={() => {}} // No permite cambios\n            readOnly\n          />\n          <Typography sx={{ mt: 2 }}>\n            Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n          </Typography>\n        </Box>\n      );\n};\n";
-export declare const DatePickerEmptyWithMaskDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport { Dayjs } from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerEmptyWithMaskExample = () => {\n  const [selectedDate, setSelectedDate] = useState<Dayjs | null>(null);\n  return (\n    <Box sx={{ width: 300 }}>\n      <DatePicker\n        label=\"Fecha\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        format=\"DD/MM/YY\"\n      />\n      <Typography sx={{ mt: 2 }} variant=\"caption\" color=\"text.secondary\">\n        Al estar vac\u00EDo, el campo muestra la m\u00E1scara del formato (DD/MM/AA).\n      </Typography>\n    </Box>\n  );\n};\n";