@wrrdev/fenix-ui 1.0.9 → 1.0.11

package/dist/core/jsx.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx.js","sources":["../../src/core/jsx.ts"],"sourcesContent":["/**\r\n * Tipagens de propriedades + augmentations JSX do FenixUI.\r\n *\r\n * Importar este módulo — diretamente (`@wrrdev/fenix-ui/jsx`) ou via o\r\n * índice principal (`@wrrdev/fenix-ui`) — habilita, no TypeScript:\r\n *\r\n *  1. autocomplete + validação de atributos em templates JSX/TSX;\r\n *  2. tipos nomeados (`FxButtonProps`, `FxInputProps`, …) para wrappers ou código imperativo.\r\n *\r\n * A biblioteca NÃO depende de React/Vue: os atributos comuns\r\n * (`className`, `onClick`, `style`, `children`, …) são aceitos via assinatura\r\n * de índice, funcionando com qualquer runtime JSX.\r\n */\r\n\r\nimport type { FxElementProps, FxSize } from './types';\r\n\r\n/** Marcador de runtime: permite `import '@wrrdev/fenix-ui/jsx'` como side-effect import. */\r\nexport const FX_JSX_TYPES = true as const;\r\n\r\n/* Uniões auxiliares (variants, enums) */\r\nexport type FxButtonVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'ghost' | 'outline';\r\nexport type FxBadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';\r\nexport type FxAlertVariant = 'info' | 'success' | 'warning' | 'danger';\r\nexport type FxProgressVariant = 'primary' | 'success' | 'warning' | 'danger';\r\nexport type FxSkeletonVariant = 'text' | 'circle' | 'rect';\r\nexport type FxFloatlabelVariant = 'on' | 'in' | 'over';\r\nexport type FxInputType = 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url';\r\nexport type FxFieldStatus = 'error' | 'invalid' | 'success' | 'valid';\r\nexport type FxToastKind = 'success' | 'error' | 'info' | 'warning';\r\nexport type FxToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';\r\nexport type FxTooltipPosition = 'top' | 'bottom' | 'left' | 'right';\r\nexport type FxDrawerPosition = 'left' | 'right' | 'top' | 'bottom';\r\nexport type FxDropdownPosition = 'left' | 'center' | 'right' | 'bottom-left' | 'bottom-right';\r\nexport type FxPaginationPosition = 'left' | 'center' | 'right';\r\n\r\n/* Props por componente */\r\nexport interface FxButtonProps extends FxElementProps {\r\n  variant?: FxButtonVariant;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  size?: FxSize;\r\n  loading?: boolean;\r\n  full?: boolean;\r\n}\r\nexport interface FxBadgeProps extends FxElementProps {\r\n  variant?: FxBadgeVariant;\r\n  round?: boolean;\r\n}\r\nexport interface FxSpinnerProps extends FxElementProps { size?: FxSize; }\r\nexport interface FxInputProps extends FxElementProps {\r\n  type?: FxInputType;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  readonly?: boolean;\r\n  min?: string | number;\r\n  max?: string | number;\r\n  step?: string | number;\r\n  clearable?: boolean;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxSelectProps extends FxElementProps {\r\n  value?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  searchable?: boolean;\r\n  clearable?: boolean;\r\n  'search-placeholder'?: string;\r\n  'no-results'?: string;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxSwitchProps extends FxElementProps { checked?: boolean; size?: FxSize; }\r\nexport interface FxCheckboxProps extends FxElementProps {\r\n  checked?: boolean;\r\n  indeterminate?: boolean;\r\n  value?: string;\r\n  size?: FxSize;\r\n}\r\nexport interface FxRadioProps extends FxElementProps {\r\n  checked?: boolean;\r\n  value?: string;\r\n  name?: string;\r\n  size?: FxSize;\r\n}\r\nexport interface FxTextareaProps extends FxElementProps {\r\n  value?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  readonly?: boolean;\r\n  rows?: number;\r\n  maxlength?: number;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxMultiselectProps extends FxElementProps {\r\n  values?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  searchable?: boolean;\r\n  clearable?: boolean;\r\n  open?: boolean;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxCalendarProps extends FxElementProps {\r\n  value?: string;\r\n  start?: string;\r\n  end?: string;\r\n  min?: string;\r\n  max?: string;\r\n  mode?: 'single' | 'range' | 'multiple';\r\n  values?: string;\r\n  locale?: string;\r\n  disabled?: boolean;\r\n}\r\nexport interface FxDatepickerProps extends FxElementProps {\r\n  value?: string;\r\n  start?: string;\r\n  end?: string;\r\n  values?: string;\r\n  mode?: 'single' | 'range' | 'multiple';\r\n  min?: string;\r\n  max?: string;\r\n  placeholder?: string;\r\n  size?: FxSize;\r\n  format?: string;\r\n  'show-time'?: boolean;\r\n  'free-text'?: boolean;\r\n  clearable?: boolean;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxTableProps extends FxElementProps {\r\n  pagination?: boolean;\r\n  rows?: number;\r\n  'rows-options'?: string;\r\n  striped?: boolean;\r\n  'empty-message'?: string;\r\n  'pagination-position'?: FxPaginationPosition;\r\n  total?: number;\r\n  page?: number;\r\n}\r\nexport interface FxFloatlabelProps extends FxElementProps {\r\n  variant?: FxFloatlabelVariant;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n  active?: boolean;\r\n  'error-text'?: string;\r\n}\r\nexport interface FxDialogProps extends FxElementProps { open?: boolean; size?: FxSize; heading?: string; }\r\nexport interface FxDrawerProps extends FxElementProps { open?: boolean; title?: string; position?: FxDrawerPosition; }\r\nexport interface FxToastProps extends FxElementProps {\r\n  kind?: FxToastKind;\r\n  title?: string;\r\n  message?: string;\r\n  duration?: number;\r\n  position?: FxToastPosition;\r\n}\r\nexport interface FxTooltipProps extends FxElementProps { content?: string; position?: FxTooltipPosition; }\r\nexport interface FxTabsProps extends FxElementProps { value?: string; }\r\nexport interface FxTabPanelProps extends FxElementProps { tab?: string; hidden?: boolean; }\r\nexport interface FxProgressProps extends FxElementProps {\r\n  value?: number;\r\n  indeterminate?: boolean;\r\n  variant?: FxProgressVariant;\r\n  label?: string;\r\n  'hide-label'?: boolean;\r\n  size?: FxSize;\r\n}\r\nexport interface FxSkeletonProps extends FxElementProps {\r\n  variant?: FxSkeletonVariant;\r\n  width?: string;\r\n  height?: string;\r\n  lines?: number;\r\n}\r\nexport interface FxAlertProps extends FxElementProps { variant?: FxAlertVariant; title?: string; dismissible?: boolean; }\r\nexport interface FxDropdownProps extends FxElementProps { label?: string; position?: FxDropdownPosition; open?: boolean; }\r\nexport interface FxDropdownItemProps extends FxElementProps { value?: string; }\r\nexport interface FxPaginationProps extends FxElementProps {\r\n  page?: number;\r\n  total?: number;\r\n  rows?: number;\r\n  'rows-options'?: string;\r\n  position?: FxPaginationPosition;\r\n}\r\nexport interface FxAutocompleteProps extends FxElementProps {\r\n  value?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  source?: string;\r\n  disabled?: boolean;\r\n  'min-chars'?: number;\r\n}\r\n/* Augmentation global de JSX (React/TSX, Preact, Vue JSX, …).\r\n   Cada tag fx-* recebe autocomplete + validação de atributos. */\r\ndeclare global {\r\n  namespace JSX {\r\n    interface IntrinsicElements {\r\n      'fx-button': FxButtonProps;\r\n      'fx-badge': FxBadgeProps;\r\n      'fx-spinner': FxSpinnerProps;\r\n      'fx-input': FxInputProps;\r\n      'fx-select': FxSelectProps;\r\n      'fx-switch': FxSwitchProps;\r\n      'fx-checkbox': FxCheckboxProps;\r\n      'fx-radio': FxRadioProps;\r\n      'fx-textarea': FxTextareaProps;\r\n      'fx-multiselect': FxMultiselectProps;\r\n      'fx-calendar': FxCalendarProps;\r\n      'fx-datepicker': FxDatepickerProps;\r\n      'fx-table': FxTableProps;\r\n      'fx-floatlabel': FxFloatlabelProps;\r\n      'fx-dialog': FxDialogProps;\r\n      'fx-drawer': FxDrawerProps;\r\n      'fx-toast': FxToastProps;\r\n      'fx-tooltip': FxTooltipProps;\r\n      'fx-tabs': FxTabsProps;\r\n      'fx-tab-panel': FxTabPanelProps;\r\n      'fx-progress': FxProgressProps;\r\n      'fx-skeleton': FxSkeletonProps;\r\n      'fx-alert': FxAlertProps;\r\n      'fx-dropdown': FxDropdownProps;\r\n      'fx-dropdown-item': FxDropdownItemProps;\r\n      'fx-pagination': FxPaginationProps;\r\n      'fx-autocomplete': FxAutocompleteProps;\r\n    }\r\n  }\r\n}\r\n\r\n/* Tipagem imperativa: document.createElement('fx-...').\r\n   As tags abaixo não declaradas nos próprios componentes ganham tipagem aqui;\r\n   as demais (alert, dialog, drawer, dropdown, pagination, progress, skeleton,\r\n   tabs, textarea, toast, tooltip, autocomplete) já são tipadas com a classe\r\n   concreta nos respectivos index.ts. */\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'fx-button': HTMLElement;\r\n    'fx-badge': HTMLElement;\r\n    'fx-spinner': HTMLElement;\r\n    'fx-input': HTMLElement;\r\n    'fx-select': HTMLElement;\r\n    'fx-switch': HTMLElement;\r\n    'fx-checkbox': HTMLElement;\r\n    'fx-radio': HTMLElement;\r\n    'fx-multiselect': HTMLElement;\r\n    'fx-calendar': HTMLElement;\r\n    'fx-datepicker': HTMLElement;\r\n    'fx-table': HTMLElement;\r\n    'fx-floatlabel': HTMLElement;\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAiBO,MAAM,eAAe;"}
+{"version":3,"file":"jsx.js","sources":["../../src/core/jsx.ts"],"sourcesContent":["/**\r\n * Tipagens de propriedades + augmentations JSX do FenixUI.\r\n *\r\n * Importar este módulo — diretamente (`@wrrdev/fenix-ui/jsx`) ou via o\r\n * índice principal (`@wrrdev/fenix-ui`) — habilita, no TypeScript:\r\n *\r\n *  1. autocomplete + validação de atributos em templates JSX/TSX;\r\n *  2. tipos nomeados (`FxButtonProps`, `FxInputProps`, …) para wrappers ou código imperativo.\r\n *\r\n * A biblioteca NÃO depende de React/Vue: os atributos comuns\r\n * (`className`, `onClick`, `style`, `children`, …) são aceitos via assinatura\r\n * de índice, funcionando com qualquer runtime JSX.\r\n */\r\n\r\nimport type { FxElementProps, FxSize } from './types';\r\n\r\n/** Marcador de runtime: permite `import '@wrrdev/fenix-ui/jsx'` como side-effect import. */\r\nexport const FX_JSX_TYPES = true as const;\r\n\r\n/* Uniões auxiliares (variants, enums) */\r\nexport type FxButtonVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'ghost' | 'outline';\r\nexport type FxBadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';\r\nexport type FxAlertVariant = 'info' | 'success' | 'warning' | 'danger';\r\nexport type FxProgressVariant = 'primary' | 'success' | 'warning' | 'danger';\r\nexport type FxSkeletonVariant = 'text' | 'circle' | 'rect';\r\nexport type FxFloatlabelVariant = 'on' | 'in' | 'over';\r\nexport type FxInputType = 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url';\r\nexport type FxFieldStatus = 'error' | 'invalid' | 'success' | 'valid';\r\nexport type FxToastKind = 'success' | 'error' | 'info' | 'warning';\r\nexport type FxToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';\r\nexport type FxTooltipPosition = 'top' | 'bottom' | 'left' | 'right';\r\nexport type FxDrawerPosition = 'left' | 'right' | 'top' | 'bottom';\r\nexport type FxDropdownPosition = 'left' | 'center' | 'right' | 'bottom-left' | 'bottom-right';\r\nexport type FxPaginationPosition = 'left' | 'center' | 'right';\r\n\r\n/* Props por componente */\r\nexport interface FxButtonProps extends FxElementProps {\r\n  variant?: FxButtonVariant;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  size?: FxSize;\r\n  loading?: boolean;\r\n  full?: boolean;\r\n}\r\nexport interface FxBadgeProps extends FxElementProps {\r\n  variant?: FxBadgeVariant;\r\n  round?: boolean;\r\n}\r\nexport interface FxSpinnerProps extends FxElementProps { size?: FxSize; }\r\nexport interface FxInputProps extends FxElementProps {\r\n  type?: FxInputType;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  readonly?: boolean;\r\n  min?: string | number;\r\n  max?: string | number;\r\n  step?: string | number;\r\n  clearable?: boolean;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxSelectProps extends FxElementProps {\r\n  value?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  searchable?: boolean;\r\n  clearable?: boolean;\r\n  'search-placeholder'?: string;\r\n  'no-results'?: string;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxSwitchProps extends FxElementProps { checked?: boolean; size?: FxSize; }\r\nexport interface FxCheckboxProps extends FxElementProps {\r\n  checked?: boolean;\r\n  indeterminate?: boolean;\r\n  value?: string;\r\n  size?: FxSize;\r\n}\r\nexport interface FxRadioProps extends FxElementProps {\r\n  checked?: boolean;\r\n  value?: string;\r\n  name?: string;\r\n  size?: FxSize;\r\n}\r\nexport interface FxTextareaProps extends FxElementProps {\r\n  value?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  readonly?: boolean;\r\n  rows?: number;\r\n  maxlength?: number;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxMultiselectProps extends FxElementProps {\r\n  values?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  searchable?: boolean;\r\n  clearable?: boolean;\r\n  open?: boolean;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxCalendarProps extends FxElementProps {\r\n  value?: string;\r\n  start?: string;\r\n  end?: string;\r\n  min?: string;\r\n  max?: string;\r\n  mode?: 'single' | 'range' | 'multiple';\r\n  values?: string;\r\n  locale?: string;\r\n  disabled?: boolean;\r\n}\r\nexport interface FxDatepickerProps extends FxElementProps {\r\n  value?: string;\r\n  start?: string;\r\n  end?: string;\r\n  values?: string;\r\n  mode?: 'single' | 'range' | 'multiple';\r\n  min?: string;\r\n  max?: string;\r\n  placeholder?: string;\r\n  size?: FxSize;\r\n  format?: string;\r\n  'show-time'?: boolean;\r\n  'free-text'?: boolean;\r\n  clearable?: boolean;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n}\r\nexport interface FxTableProps extends FxElementProps {\r\n  pagination?: boolean;\r\n  rows?: number;\r\n  'rows-options'?: string;\r\n  striped?: boolean;\r\n  'empty-message'?: string;\r\n  'pagination-position'?: FxPaginationPosition;\r\n  total?: number;\r\n  page?: number;\r\n}\r\nexport interface FxFloatlabelProps extends FxElementProps {\r\n  variant?: FxFloatlabelVariant;\r\n  error?: boolean;\r\n  invalid?: boolean;\r\n  success?: boolean;\r\n  valid?: boolean;\r\n  active?: boolean;\r\n  'error-text'?: string;\r\n}\r\nexport interface FxDialogProps extends FxElementProps { open?: boolean; size?: FxSize; heading?: string; }\r\nexport interface FxDrawerProps extends FxElementProps { open?: boolean; title?: string; position?: FxDrawerPosition; }\r\nexport interface FxToastProps extends FxElementProps {\r\n  kind?: FxToastKind;\r\n  title?: string;\r\n  message?: string;\r\n  duration?: number;\r\n  position?: FxToastPosition;\r\n}\r\nexport interface FxTooltipProps extends FxElementProps { content?: string; position?: FxTooltipPosition; }\r\nexport interface FxTabsProps extends FxElementProps { value?: string; }\r\nexport interface FxTabPanelProps extends FxElementProps { tab?: string; hidden?: boolean; }\r\nexport interface FxProgressProps extends FxElementProps {\r\n  value?: number;\r\n  indeterminate?: boolean;\r\n  variant?: FxProgressVariant;\r\n  label?: string;\r\n  'hide-label'?: boolean;\r\n  size?: FxSize;\r\n}\r\nexport interface FxSkeletonProps extends FxElementProps {\r\n  variant?: FxSkeletonVariant;\r\n  width?: string;\r\n  height?: string;\r\n  lines?: number;\r\n}\r\nexport interface FxAlertProps extends FxElementProps { variant?: FxAlertVariant; title?: string; dismissible?: boolean; }\r\nexport interface FxDropdownProps extends FxElementProps { label?: string; position?: FxDropdownPosition; open?: boolean; }\r\nexport interface FxDropdownItemProps extends FxElementProps { value?: string; }\r\nexport interface FxPaginationProps extends FxElementProps {\r\n  page?: number;\r\n  total?: number;\r\n  rows?: number;\r\n  'rows-options'?: string;\r\n  position?: FxPaginationPosition;\r\n}\r\nexport interface FxAutocompleteProps extends FxElementProps {\r\n  value?: string;\r\n  size?: FxSize;\r\n  placeholder?: string;\r\n  source?: string;\r\n  disabled?: boolean;\r\n  'min-chars'?: number;\r\n}\r\n/* Augmentation global de JSX (React/TSX, Preact, Vue JSX, …).\r\n   Cada tag fx-* recebe autocomplete + validação de atributos. */\r\ndeclare global {\r\n  namespace JSX {\r\n    interface IntrinsicElements {\r\n      'fx-button': FxButtonProps;\r\n      'fx-badge': FxBadgeProps;\r\n      'fx-spinner': FxSpinnerProps;\r\n      'fx-input': FxInputProps;\r\n      'fx-select': FxSelectProps;\r\n      'fx-switch': FxSwitchProps;\r\n      'fx-checkbox': FxCheckboxProps;\r\n      'fx-radio': FxRadioProps;\r\n      'fx-textarea': FxTextareaProps;\r\n      'fx-multiselect': FxMultiselectProps;\r\n      'fx-calendar': FxCalendarProps;\r\n      'fx-datepicker': FxDatepickerProps;\r\n      'fx-table': FxTableProps;\r\n      'fx-floatlabel': FxFloatlabelProps;\r\n      'fx-dialog': FxDialogProps;\r\n      'fx-drawer': FxDrawerProps;\r\n      'fx-toast': FxToastProps;\r\n      'fx-tooltip': FxTooltipProps;\r\n      'fx-tabs': FxTabsProps;\r\n      'fx-tab-panel': FxTabPanelProps;\r\n      'fx-progress': FxProgressProps;\r\n      'fx-skeleton': FxSkeletonProps;\r\n      'fx-alert': FxAlertProps;\r\n      'fx-dropdown': FxDropdownProps;\r\n      'fx-dropdown-item': FxDropdownItemProps;\r\n      'fx-pagination': FxPaginationProps;\r\n      'fx-autocomplete': FxAutocompleteProps;\r\n    }\r\n  }\r\n}\r\n\r\n/* Tipagem imperativa: document.createElement('fx-...').\r\n   As tags abaixo não declaradas nos próprios componentes ganham tipagem aqui;\r\n   as demais (alert, dialog, drawer, dropdown, pagination, progress, skeleton,\r\n   tabs, textarea, toast, tooltip, autocomplete) já são tipadas com a classe\r\n   concreta nos respectivos index.ts. */\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'fx-button': HTMLElement;\r\n    'fx-badge': HTMLElement;\r\n    'fx-spinner': HTMLElement;\r\n    'fx-input': HTMLElement;\r\n    'fx-select': HTMLElement;\r\n    'fx-switch': HTMLElement;\r\n    'fx-checkbox': HTMLElement;\r\n    'fx-radio': HTMLElement;\r\n    'fx-multiselect': HTMLElement;\r\n    'fx-calendar': HTMLElement;\r\n    'fx-datepicker': HTMLElement;\r\n    'fx-table': HTMLElement;\r\n    'fx-floatlabel': HTMLElement;\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAiBO,MAAM,eAAe;"}

package/dist/docs/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/docs/app.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EAAiB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AA2D5B,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AA46BD,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAAgB,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/docs/app.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EAAiB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AA2D5B,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AA86BD,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAAgB,CAAC"}

package/dist/docs/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/docs/shared.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAE/E,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,KAAG,MACsC,CAAC;AAEvE,eAAO,MAAM,cAAc,UAA+E,CAAC;AAC3G,eAAO,MAAM,aAAa,UAAiE,CAAC;AAC5F,eAAO,MAAM,KAAK,UAAqB,CAAC;AAExC,gFAAgF;AAChF,eAAO,MAAM,SAAS,QAAoC,CAAC;AAC3D,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/docs/shared.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAE/E,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,KAAG,MACsC,CAAC;AAEvE,eAAO,MAAM,cAAc,UAAuF,CAAC;AACnH,eAAO,MAAM,aAAa,UAAiE,CAAC;AAC5F,eAAO,MAAM,KAAK,UAAqB,CAAC;AAExC,gFAAgF;AAChF,eAAO,MAAM,SAAS,QAAoC,CAAC;AAC3D,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C"}

package/dist/fenix-ui.umd.min.js

@@ -53,6 +53,7 @@
     :host([variant='success']) .btn { background: var(--fx-color-success); }
     :host([variant='warning']) .btn { background: var(--fx-color-warning); }
     :host([variant='danger']) .btn { background: var(--fx-color-danger); }
+    :host([variant='info']) .btn { background: var(--fx-color-info); }
     :host([variant='ghost']) .btn { background: transparent; color: var(--fx-text-default); }
     :host([variant='ghost']) .btn:hover { background: var(--fx-surface-surface-hover); filter: none; }
     :host([variant='outline']) .btn { background: transparent; color: var(--fx-color-primary); border-color: var(--fx-color-primary); }
@@ -1742,6 +1743,7 @@
       --_color: var(--fx-color-primary);
       --_bg: color-mix(in srgb, var(--fx-color-primary) 10%, var(--fx-surface-background));
     }
+    :host([variant='info']) { --_color: var(--fx-color-info); --_bg: color-mix(in srgb, var(--fx-color-info) 10%, var(--fx-surface-background)); }
     :host([variant='success']) { --_color: var(--fx-color-success); --_bg: color-mix(in srgb, var(--fx-color-success) 10%, var(--fx-surface-background)); }
     :host([variant='warning']) { --_color: var(--fx-color-warning); --_bg: color-mix(in srgb, var(--fx-color-warning) 12%, var(--fx-surface-background)); }
     :host([variant='danger']) { --_color: var(--fx-color-danger); --_bg: color-mix(in srgb, var(--fx-color-danger) 10%, var(--fx-surface-background)); }
@@ -2579,22 +2581,24 @@
     }
     .list-item { animation: slideIn 0.2s ease-out; }
   `;let at=jt;function $(v){return v.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function $e(){return b("fx-picklist",at)}$e();const Vt=class Vt extends f{constructor(){super(...arguments),this._mo=null}static get observedAttributes(){return["header","expanded","disabled"]}get header(){return this.getAttr("header","")}set header(t){this.setAttribute("header",t)}get value(){return this.getAttr("value","")}set value(t){this.setAttribute("value",t)}get expanded(){return this.hasAttr("expanded")}set expanded(t){this.toggleAttr("expanded",t)}get disabled(){return this.hasAttr("disabled")}set disabled(t){this.toggleAttr("disabled",t)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t=>{t.composedPath().some(r=>{var s;return(s=r.classList)==null?void 0:s.contains("header")})&&(this.disabled||this.dispatchEvent(new CustomEvent("fx-accordion-toggle",{bubbles:!0,composed:!0,detail:{panel:this}})))}),this._mo=new MutationObserver(()=>this.render()),this._mo.observe(this,{attributes:!0,attributeFilter:["expanded","header","disabled"]})}disconnectedCallback(){var t;(t=this._mo)==null||t.disconnect(),this._mo=null}render(){this.setTemplate(`
-      <button type="button" class="header" part="header" role="button"
-        aria-expanded="${this.expanded}"
-        ${this.disabled?'aria-disabled="true"':""}>
-        <span class="header-text" part="header-text">
-          <slot name="header">${this.header}</slot>
-        </span>
-        <span class="chevron" part="chevron" aria-hidden="true">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
-            stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-            <polyline points="6 9 12 15 18 9"></polyline>
-          </svg>
-        </span>
-      </button>
-      <div class="content" part="content" role="region">
-        <div class="content-inner">
-          <div class="content-pad" part="content-pad"><slot></slot></div>
+      <div class="panel" part="panel">
+        <button type="button" class="header" part="header" role="button"
+          aria-expanded="${this.expanded}"
+          ${this.disabled?'aria-disabled="true"':""}>
+          <span class="header-text" part="header-text">
+            <slot name="header">${this.header}</slot>
+          </span>
+          <span class="chevron" part="chevron" aria-hidden="true">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
+              stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+              <polyline points="6 9 12 15 18 9"></polyline>
+            </svg>
+          </span>
+        </button>
+        <div class="content" part="content" role="region">
+          <div class="content-inner">
+            <div class="content-pad" part="content-pad"><slot></slot></div>
+          </div>
         </div>
       </div>
     `)}};Vt.styles=p`
@@ -2603,9 +2607,14 @@
       font-family: var(--fx-font-family);
       font-size: var(--fx-font-size);
       color: var(--fx-text-default);
+    }
+    /* A borda fica no wrapper interno (nao no :host): regras do documento
+       externo (ex.: preflight do Tailwind com border-width: 0) vencem as
+       regras :host do shadow tree, o que apagaria a linha divisoria. */
+    .panel {
       border-bottom: 1px solid var(--fx-border-default);
     }
-    :host(:last-child) { border-bottom: none; }
+    :host(:last-child) .panel { border-bottom: none; }
     :host([disabled]) { opacity: 0.6; pointer-events: none; }
     .header {
       display: flex;

package/dist/fenix-ui2.esm.js

@@ -436,6 +436,7 @@ _FxButton.styles = css`
     :host([variant='success']) .btn { background: var(--fx-color-success); }
     :host([variant='warning']) .btn { background: var(--fx-color-warning); }
     :host([variant='danger']) .btn { background: var(--fx-color-danger); }
+    :host([variant='info']) .btn { background: var(--fx-color-info); }
     :host([variant='ghost']) .btn { background: transparent; color: var(--fx-text-default); }
     :host([variant='ghost']) .btn:hover { background: var(--fx-surface-surface-hover); filter: none; }
     :host([variant='outline']) .btn { background: transparent; color: var(--fx-color-primary); border-color: var(--fx-color-primary); }
@@ -4246,6 +4247,7 @@ _FxAlert.styles = css`
       --_color: var(--fx-color-primary);
       --_bg: color-mix(in srgb, var(--fx-color-primary) 10%, var(--fx-surface-background));
     }
+    :host([variant='info']) { --_color: var(--fx-color-info); --_bg: color-mix(in srgb, var(--fx-color-info) 10%, var(--fx-surface-background)); }
     :host([variant='success']) { --_color: var(--fx-color-success); --_bg: color-mix(in srgb, var(--fx-color-success) 10%, var(--fx-surface-background)); }
     :host([variant='warning']) { --_color: var(--fx-color-warning); --_bg: color-mix(in srgb, var(--fx-color-warning) 12%, var(--fx-surface-background)); }
     :host([variant='danger']) { --_color: var(--fx-color-danger); --_bg: color-mix(in srgb, var(--fx-color-danger) 10%, var(--fx-surface-background)); }
@@ -6617,22 +6619,24 @@ const _FxAccordionPanel = class _FxAccordionPanel extends FxElement {
   }
   render() {
     this.setTemplate(`
-      <button type="button" class="header" part="header" role="button"
-        aria-expanded="${this.expanded}"
-        ${this.disabled ? 'aria-disabled="true"' : ""}>
-        <span class="header-text" part="header-text">
-          <slot name="header">${this.header}</slot>
-        </span>
-        <span class="chevron" part="chevron" aria-hidden="true">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
-            stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-            <polyline points="6 9 12 15 18 9"></polyline>
-          </svg>
-        </span>
-      </button>
-      <div class="content" part="content" role="region">
-        <div class="content-inner">
-          <div class="content-pad" part="content-pad"><slot></slot></div>
+      <div class="panel" part="panel">
+        <button type="button" class="header" part="header" role="button"
+          aria-expanded="${this.expanded}"
+          ${this.disabled ? 'aria-disabled="true"' : ""}>
+          <span class="header-text" part="header-text">
+            <slot name="header">${this.header}</slot>
+          </span>
+          <span class="chevron" part="chevron" aria-hidden="true">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
+              stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+              <polyline points="6 9 12 15 18 9"></polyline>
+            </svg>
+          </span>
+        </button>
+        <div class="content" part="content" role="region">
+          <div class="content-inner">
+            <div class="content-pad" part="content-pad"><slot></slot></div>
+          </div>
         </div>
       </div>
     `);
@@ -6644,9 +6648,14 @@ _FxAccordionPanel.styles = css`
       font-family: var(--fx-font-family);
       font-size: var(--fx-font-size);
       color: var(--fx-text-default);
+    }
+    /* A borda fica no wrapper interno (nao no :host): regras do documento
+       externo (ex.: preflight do Tailwind com border-width: 0) vencem as
+       regras :host do shadow tree, o que apagaria a linha divisoria. */
+    .panel {
       border-bottom: 1px solid var(--fx-border-default);
     }
-    :host(:last-child) { border-bottom: none; }
+    :host(:last-child) .panel { border-bottom: none; }
     :host([disabled]) { opacity: 0.6; pointer-events: none; }
     .header {
       display: flex;