@soyfri/shared-library 3.0.0 → 3.2.0

package/index.cjs

@@ -7,7 +7,7 @@ const Button = require("./Button-C17mExpd.cjs");
 const Card = require("./Card-Dr1-ATRY.cjs");
 const Chip = require("./Chip-qoJLDiva.cjs");
 const components_Column = require("./components/Column/Column.cjs");
-const Avatar = require("./Avatar-Dw5rzayR.cjs");
+const Avatar = require("./Avatar-BjyfSNvP.cjs");
 const Stat = require("./Stat-BUcFCGrz.cjs");
 const Spinner = require("./Spinner-D7qRmNS9.cjs");
 const Alert = require("./Alert-B3SMPD1s.cjs");
@@ -16,17 +16,27 @@ const ButtonGroup = require("./ButtonGroup-CNunDofQ.cjs");
 const Breadcrumbs = require("./Breadcrumbs-B9I3vxPb.cjs");
 const Step = require("./Step-Nd7SJbRZ.cjs");
 const Tab = require("./Tab-D1S7kxXI.cjs");
-const Table = require("./Table-C4OM6rrC.cjs");
+const Table = require("./Table-DaNgX7PO.cjs");
 const StatusMessage = require("./StatusMessage-B3nXpuRl.cjs");
 const Modal = require("./Modal-D_6ZdSzw.cjs");
-const Input = require("./Input-CScC87J5.cjs");
-const Select = require("./Select-CURrHSyl.cjs");
-const Autocomplete = require("./Autocomplete-CejWztBY.cjs");
-const Switch = require("./Switch-CQFOopYy.cjs");
-const RadioGroup = require("./RadioGroup-Dd0rHXSX.cjs");
-const Checkbox = require("./Checkbox-BCqMFWt4.cjs");
-const DatePicker = require("./DatePicker-t7uDTZMl.cjs");
-const DateTimePicker = require("./DateTimePicker-BxQyjTCY.cjs");
+const Input = require("./Input-Bpjw7qwq.cjs");
+const Select = require("./Select-WpHNCHHz.cjs");
+const Autocomplete = require("./Autocomplete-Bd3bN4Cw.cjs");
+const Switch = require("./Switch-B4ex7yKR.cjs");
+const RadioGroup = require("./RadioGroup-DVvmmDs3.cjs");
+const Checkbox = require("./Checkbox-Bx4Asmg7.cjs");
+const DatePicker = require("./DatePicker-CMcQddi1.cjs");
+const DateTimePicker = require("./DateTimePicker-BVJGq1A0.cjs");
+const InputGroup = require("./InputGroup-BZ7cmAcg.cjs");
+const ActionMenu = require("./ActionMenu-wNWkDZWh.cjs");
+const AppBarMenuToggle = require("./AppBarMenuToggle-D_RJGtHO.cjs");
+const DrawerItem = require("./DrawerItem--OTb3X9v.cjs");
+const Flyout = require("./Flyout-fycujUVf.cjs");
+const Gallery = require("./Gallery-Cn1Bj_ao.cjs");
+const Icon = require("./Icon-ChnAivGo.cjs");
+const MenuButton = require("./MenuButton-C4s8rG05.cjs");
+const TimelineItem = require("./TimelineItem-BbhUWJhU.cjs");
+const Tooltip = require("./Tooltip-DpAsWGpN.cjs");
 function scrollToTop({
   behavior = "smooth",
   target = typeof window !== "undefined" ? window : void 0,
@@ -188,5 +198,21 @@ exports.RadioGroup = RadioGroup.RadioGroup;
 exports.Checkbox = Checkbox.Checkbox;
 exports.DatePicker = DatePicker.DatePicker;
 exports.DateTimePicker = DateTimePicker.DateTimePicker;
+exports.InputGroup = InputGroup.InputGroup;
+exports.ActionMenu = ActionMenu.ActionMenu;
+exports.ActionMenuItem = ActionMenu.ActionMenuItem;
+exports.AppBar = AppBarMenuToggle.AppBar;
+exports.AppBarMenuToggle = AppBarMenuToggle.AppBarMenuToggle;
+exports.useAppBarContext = AppBarMenuToggle.useAppBarContext;
+exports.Drawer = DrawerItem.Drawer;
+exports.DrawerItem = DrawerItem.DrawerItem;
+exports.useDrawerContext = DrawerItem.useDrawerContext;
+exports.Flyout = Flyout.Flyout;
+exports.Gallery = Gallery.Gallery;
+exports.Icon = Icon.Icon;
+exports.MenuButton = MenuButton.MenuButton;
+exports.Timeline = TimelineItem.Timeline;
+exports.TimelineItem = TimelineItem.TimelineItem;
+exports.Tooltip = Tooltip.Tooltip;
 exports.scrollToTop = scrollToTop;
 //# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -43,3 +43,14 @@ 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/index.js

@@ -5,7 +5,7 @@ import { B } from "./Button-UkkP-bNw.js";
 import { C } from "./Card-DYKGY-NG.js";
 import { C as C2 } from "./Chip-OPYQ1uQ_.js";
 import { Column } from "./components/Column/Column.js";
-import { A } from "./Avatar-H8akSege.js";
+import { A } from "./Avatar-C_C4bcb9.js";
 import { S } from "./Stat-C06A_izS.js";
 import { S as S2 } from "./Spinner-B6sThC1p.js";
 import { A as A2 } from "./Alert-YsPScpSE.js";
@@ -14,17 +14,27 @@ import { B as B2 } from "./ButtonGroup-CcKUZ-lT.js";
 import { B as B3 } from "./Breadcrumbs-C41SPbtX.js";
 import { a, S as S3 } from "./Step-BArsou1V.js";
 import { a as a2, T } from "./Tab-DycIMXmQ.js";
-import { T as T2 } from "./Table-C2LbW0B1.js";
+import { T as T2 } from "./Table-aNFAOuQk.js";
 import { S as S4 } from "./StatusMessage-D0WgSBx7.js";
 import { M, b, c, a as a3 } from "./Modal-C_QY7ZzY.js";
-import { I } from "./Input-DP_fKl38.js";
-import { O, S as S5 } from "./Select-BY5Y0qZ1.js";
-import { A as A3, a as a4 } from "./Autocomplete-C_lW1VER.js";
-import { S as S6 } from "./Switch-D72dpkH2.js";
-import { R } from "./RadioGroup-bO-ahP9T.js";
-import { C as C3 } from "./Checkbox-gB5YKkVo.js";
-import { D as D3 } from "./DatePicker-_IGWc3I5.js";
-import { D as D4 } from "./DateTimePicker-CrmWav_j.js";
+import { I } from "./Input-BibHlnGN.js";
+import { O, S as S5 } from "./Select-BaY3zJhq.js";
+import { A as A3, a as a4 } from "./Autocomplete-E5aSUGVK.js";
+import { S as S6 } from "./Switch-CY1Dd2ff.js";
+import { R } from "./RadioGroup-cKCpag8W.js";
+import { C as C3 } from "./Checkbox-BL4kvHFB.js";
+import { D as D3 } from "./DatePicker-D__RSgs-.js";
+import { D as D4 } from "./DateTimePicker-LeaE716a.js";
+import { I as I2 } from "./InputGroup-D5pXKGjZ.js";
+import { A as A4, a as a5 } from "./ActionMenu-BXRVKopM.js";
+import { A as A5, a as a6, u } from "./AppBarMenuToggle-BpXBMeca.js";
+import { D as D5, a as a7, u as u2 } from "./DrawerItem-DKlMQ-xs.js";
+import { F } from "./Flyout-DCcDBYKT.js";
+import { G } from "./Gallery-ClBJxCMc.js";
+import { I as I3 } from "./Icon-CUwK2c8z.js";
+import { M as M2 } from "./MenuButton-CZRN4P6x.js";
+import { T as T3, a as a8 } from "./TimelineItem-0jRPFT11.js";
+import { T as T4 } from "./Tooltip-BB77JBcg.js";
 import './index.css';function scrollToTop({
   behavior = "smooth",
   target = typeof window !== "undefined" ? window : void 0,
@@ -34,8 +44,12 @@ import './index.css';function scrollToTop({
   target.scrollTo({ top, left: 0, behavior });
 }
 export {
+  A4 as ActionMenu,
+  a5 as ActionMenuItem,
   A2 as Alert,
   AlertTitle,
+  A5 as AppBar,
+  a6 as AppBarMenuToggle,
   A3 as Autocomplete,
   a4 as AutocompleteSelect,
   A as Avatar,
@@ -55,10 +69,16 @@ export {
   D3 as DatePicker,
   D4 as DateTimePicker,
   D2 as Divider,
+  D5 as Drawer,
+  a7 as DrawerItem,
   Fade,
+  F as Flyout,
+  G as Gallery,
   Grid,
   Grow,
+  I3 as Icon,
   I as Input,
+  I2 as InputGroup,
   LinearProgress,
   Link,
   List,
@@ -67,6 +87,7 @@ export {
   ListItemIcon,
   ListItemText,
   ListSubheader,
+  M2 as MenuButton,
   M as Modal,
   b as ModalBody,
   c as ModalFooter,
@@ -88,6 +109,9 @@ export {
   T2 as Table,
   T as Tabs,
   ThemeProvider,
+  T3 as Timeline,
+  a8 as TimelineItem,
+  T4 as Tooltip,
   Typography,
   Zoom,
   alpha,
@@ -96,6 +120,8 @@ export {
   r as resolvePreset,
   scrollToTop,
   styled,
+  u as useAppBarContext,
+  u2 as useDrawerContext,
   useMediaQuery,
   useTheme
 };

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}
+{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}

package/package.json

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

package/styles.css

@@ -0,0 +1,375 @@
+/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+@layer properties;
+.\@container {
+  container-type: inline-size;
+}
+.collapse {
+  visibility: collapse;
+}
+.invisible {
+  visibility: hidden;
+}
+.visible {
+  visibility: visible;
+}
+.absolute {
+  position: absolute;
+}
+.fixed {
+  position: fixed;
+}
+.relative {
+  position: relative;
+}
+.static {
+  position: static;
+}
+.sticky {
+  position: sticky;
+}
+.isolate {
+  isolation: isolate;
+}
+.float-left {
+  float: left;
+}
+.float-right {
+  float: right;
+}
+.container {
+  width: 100%;
+}
+.block {
+  display: block;
+}
+.contents {
+  display: contents;
+}
+.flex {
+  display: flex;
+}
+.grid {
+  display: grid;
+}
+.hidden {
+  display: none;
+}
+.inline {
+  display: inline;
+}
+.inline-block {
+  display: inline-block;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.table {
+  display: table;
+}
+.table-cell {
+  display: table-cell;
+}
+.table-header-group {
+  display: table-header-group;
+}
+.table-row {
+  display: table-row;
+}
+.table-row-group {
+  display: table-row-group;
+}
+.flex-shrink {
+  flex-shrink: 1;
+}
+.shrink {
+  flex-shrink: 1;
+}
+.flex-grow {
+  flex-grow: 1;
+}
+.grow {
+  flex-grow: 1;
+}
+.border-collapse {
+  border-collapse: collapse;
+}
+.transform {
+  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+}
+.transform\! {
+  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
+}
+.resize {
+  resize: both;
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+.text-wrap {
+  text-wrap: wrap;
+}
+.lowercase {
+  text-transform: lowercase;
+}
+.uppercase {
+  text-transform: uppercase;
+}
+.italic {
+  font-style: italic;
+}
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+}
+.overline {
+  text-decoration-line: overline;
+}
+.underline {
+  text-decoration-line: underline;
+}
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.ring {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.outline {
+  outline-style: var(--tw-outline-style);
+  outline-width: 1px;
+}
+.grayscale {
+  --tw-grayscale: grayscale(100%);
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+}
+.filter {
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+}
+.filter\! {
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
+}
+.transition {
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-border-style: solid;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+    }
+  }
+}

package/theme/tokens.d.ts

@@ -10,8 +10,18 @@
  */
 /** Margen superior que deja el aire para el label flotante "outside". */
 export declare const LABEL_MARGIN_TOP = "14px";
-/** Padding vertical interno del input (TextField/Select/Picker sections). */
-export declare const FIELD_INPUT_PADDING_Y = "8.5px";
+/**
+ * Padding vertical interno del input (TextField/Select/Picker sections).
+ * 9px → 41px de alto de control (9 + 9 + 23 de line-height). Es el único lugar
+ * donde se decide la densidad de TODOS los campos.
+ */
+export declare const FIELD_INPUT_PADDING_Y = "9px";
+/**
+ * Radio por defecto de los campos y de los controles con borde
+ * (Checkbox/Switch/RadioGroup bordered, InputGroup). Vive acá para que campos,
+ * botones y chips de un mismo formulario se puedan alinear a un solo valor.
+ */
+export declare const FIELD_BORDER_RADIUS = 8;
 /** Transform que aplica el label cuando sube arriba del input (shrink). */
 export declare const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
 /** Origen del transform para el shrink. */

package/{tokens-jaWWNk39.cjs → tokens-BGPazVFO.cjs}

@@ -1,6 +1,7 @@
 "use strict";
 const LABEL_MARGIN_TOP = "14px";
-const FIELD_INPUT_PADDING_Y = "8.5px";
+const FIELD_INPUT_PADDING_Y = "9px";
+const FIELD_BORDER_RADIUS = 8;
 const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
 const LABEL_TRANSFORM_ORIGIN = "top left";
 const LABEL_TRANSITION = "color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
@@ -8,6 +9,7 @@ const LABEL_COLOR_REST = "text.secondary";
 const LABEL_COLOR_FILLED = "text.primary";
 const LABEL_COLOR_FOCUSED = "primary.main";
 const LABEL_FONT_WEIGHT_FILLED = 500;
+exports.FIELD_BORDER_RADIUS = FIELD_BORDER_RADIUS;
 exports.FIELD_INPUT_PADDING_Y = FIELD_INPUT_PADDING_Y;
 exports.LABEL_COLOR_FILLED = LABEL_COLOR_FILLED;
 exports.LABEL_COLOR_FOCUSED = LABEL_COLOR_FOCUSED;
@@ -17,4 +19,4 @@ exports.LABEL_MARGIN_TOP = LABEL_MARGIN_TOP;
 exports.LABEL_SHRINK_TRANSFORM = LABEL_SHRINK_TRANSFORM;
 exports.LABEL_TRANSFORM_ORIGIN = LABEL_TRANSFORM_ORIGIN;
 exports.LABEL_TRANSITION = LABEL_TRANSITION;
-//# sourceMappingURL=tokens-jaWWNk39.cjs.map
+//# sourceMappingURL=tokens-BGPazVFO.cjs.map

package/tokens-BGPazVFO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-BGPazVFO.cjs","sources":["../src/theme/tokens.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/**\n * Padding vertical interno del input (TextField/Select/Picker sections).\n * 9px → 41px de alto de control (9 + 9 + 23 de line-height). Es el único lugar\n * donde se decide la densidad de TODOS los campos.\n */\nexport const FIELD_INPUT_PADDING_Y = '9px';\n\n/**\n * Radio por defecto de los campos y de los controles con borde\n * (Checkbox/Switch/RadioGroup bordered, InputGroup). Vive acá para que campos,\n * botones y chips de un mismo formulario se puedan alinear a un solo valor.\n */\nexport const FIELD_BORDER_RADIUS = 8;\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n"],"names":[],"mappings":";AAaO,MAAM,mBAAmB;AAOzB,MAAM,wBAAwB;AAO9B,MAAM,sBAAsB;AAI5B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;;;;;;;;;;;"}

package/{tokens-BRrcP_p_.js → tokens-DE2fV3a9.js}

@@ -1,5 +1,6 @@
 const LABEL_MARGIN_TOP = "14px";
-const FIELD_INPUT_PADDING_Y = "8.5px";
+const FIELD_INPUT_PADDING_Y = "9px";
+const FIELD_BORDER_RADIUS = 8;
 const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
 const LABEL_TRANSFORM_ORIGIN = "top left";
 const LABEL_TRANSITION = "color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
@@ -8,14 +9,15 @@ const LABEL_COLOR_FILLED = "text.primary";
 const LABEL_COLOR_FOCUSED = "primary.main";
 const LABEL_FONT_WEIGHT_FILLED = 500;
 export {
-  FIELD_INPUT_PADDING_Y as F,
+  FIELD_BORDER_RADIUS as F,
   LABEL_MARGIN_TOP as L,
-  LABEL_COLOR_FOCUSED as a,
-  LABEL_FONT_WEIGHT_FILLED as b,
-  LABEL_COLOR_FILLED as c,
-  LABEL_TRANSFORM_ORIGIN as d,
-  LABEL_SHRINK_TRANSFORM as e,
-  LABEL_TRANSITION as f,
-  LABEL_COLOR_REST as g
+  FIELD_INPUT_PADDING_Y as a,
+  LABEL_COLOR_FOCUSED as b,
+  LABEL_FONT_WEIGHT_FILLED as c,
+  LABEL_COLOR_FILLED as d,
+  LABEL_TRANSFORM_ORIGIN as e,
+  LABEL_SHRINK_TRANSFORM as f,
+  LABEL_TRANSITION as g,
+  LABEL_COLOR_REST as h
 };
-//# sourceMappingURL=tokens-BRrcP_p_.js.map
+//# sourceMappingURL=tokens-DE2fV3a9.js.map

package/tokens-DE2fV3a9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-DE2fV3a9.js","sources":["../src/theme/tokens.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/**\n * Padding vertical interno del input (TextField/Select/Picker sections).\n * 9px → 41px de alto de control (9 + 9 + 23 de line-height). Es el único lugar\n * donde se decide la densidad de TODOS los campos.\n */\nexport const FIELD_INPUT_PADDING_Y = '9px';\n\n/**\n * Radio por defecto de los campos y de los controles con borde\n * (Checkbox/Switch/RadioGroup bordered, InputGroup). Vive acá para que campos,\n * botones y chips de un mismo formulario se puedan alinear a un solo valor.\n */\nexport const FIELD_BORDER_RADIUS = 8;\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n"],"names":[],"mappings":"AAaO,MAAM,mBAAmB;AAOzB,MAAM,wBAAwB;AAO9B,MAAM,sBAAsB;AAI5B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;"}