@apipass/design-system 7.0.0 → 7.2.0

package/dist/lib/ui/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../../src/ui/components/DataTable/DataTable.tsx"],"sourcesContent":["import {\n  Pagination,\n  PermissionGate,\n  Search,\n  Table,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHead,\n  TableRow,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { IconChevronDown, IconChevronRight } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport type { Selection, SortDescriptor } from \"react-aria-components\";\nimport \"./datatable.css\";\n\nexport interface Column<T> {\n  key: keyof T | string;\n  label: string;\n  align?: \"start\" | \"center\" | \"right\";\n  render?: (item: T) => ReactNode;\n  /** When true, the header becomes clickable and the rows can be sorted by this column. */\n  sortable?: boolean;\n  /** Value used to sort this column. Defaults to `item[key]`. */\n  sortValue?: (item: T) => SortableValue;\n}\n\ntype SortableValue = string | number | Date | null | undefined;\n\nconst sortCollator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n\nfunction compareSortableValues(a: SortableValue, b: SortableValue): number {\n  if (a == null || b == null) return a == null ? (b == null ? 0 : 1) : -1;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return sortCollator.compare(String(a), String(b));\n}\n\nfunction sortRows<T>(rows: T[], column: Column<T>, direction: SortDescriptor[\"direction\"]): T[] {\n  const valueOf = column.sortValue ?? ((item: T) => (item as Record<string, unknown>)[column.key as string] as SortableValue);\n  const directionFactor = direction === \"descending\" ? -1 : 1;\n  return [...rows].sort((a, b) => compareSortableValues(valueOf(a), valueOf(b)) * directionFactor);\n}\n\nexport interface RowActionDef<T> {\n  /** Unique key for this action. */\n  key: string;\n  /** aria-label for the button. */\n  label: string;\n  /** Icon element rendered inside the button. */\n  icon: ReactNode;\n  /** When false, button is disabled and a tooltip with `noAccessLabel` is shown. Default: true. */\n  isAllowed?: boolean;\n  /** Tooltip text shown when `isAllowed` is false. */\n  noAccessLabel?: string;\n  /** Called with the row item when the button is pressed. */\n  onPress: (item: T) => void;\n}\n\nfunction RowActionButton<T>({\n  action,\n  item,\n}: {\n  action: RowActionDef<T>;\n  item: T;\n}) {\n  const allowed = action.isAllowed !== false;\n  const btn = (\n    <button\n      type=\"button\"\n      className=\"data-table-row-action-btn\"\n      aria-label={action.label}\n      disabled={!allowed}\n      onClick={allowed ? () => action.onPress(item) : undefined}\n    >\n      {action.icon}\n    </button>\n  );\n  if (allowed) return btn;\n  return (\n    <PermissionGate isAllowed={false} noAccessLabel={action.noAccessLabel ?? \"\"}>\n      {btn}\n    </PermissionGate>\n  );\n}\n\n// O tipo da linha aninhada é independente de T (não há relação genérica entre linha pai e linhas\n// filhas), então \"any\" é usado deliberadamente como fronteira de erasure de tipo.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype NestedStatus = { status: \"loading\"; data: never[] } | { status: \"loaded\"; data: any[] };\n\nexport interface DataTableProps<T extends { id: string }> {\n  columns: Column<T>[];\n  data: T[];\n  actions?: ReactNode;\n  /** Per-row action buttons rendered in a dedicated last column. */\n  rowActions?: RowActionDef<T>[] | ((item: T) => RowActionDef<T>[]);\n  /** Label for the row actions column header. Defaults to empty string. */\n  rowActionsLabel?: string;\n  /**\n   * When true, renders a selection column before the first data column — a per-row control on\n   * every row (see `selectionType`), plus a \"select all\" checkbox in the header when\n   * `selectionType` is \"checkbox\". Off by default.\n   */\n  selectable?: boolean;\n  /**\n   * Visual style of the built-in selection control. \"checkbox\" (default) allows selecting\n   * multiple rows and shows a \"select all\" in the header. \"radio\" restricts selection to a\n   * single row (no \"select all\" — there is nothing to select all *to* with one choice) and\n   * renders a round control instead of a checkbox.\n   */\n  selectionType?: \"checkbox\" | \"radio\";\n  /** Controlled selection state. Omit to let the table manage its own selection internally. */\n  selectedKeys?: Selection;\n  onSelectionChange?: (keys: Selection) => void;\n  /** Initial sort when the table manages its own sorting. Only columns with `sortable` can be sorted. */\n  defaultSortDescriptor?: SortDescriptor;\n  /** Controlled sort state. Omit to let the table manage its own sorting internally. */\n  sortDescriptor?: SortDescriptor;\n  onSortChange?: (descriptor: SortDescriptor) => void;\n  searchPlaceholder?: string;\n  searchKeys?: (keyof T)[];\n  isLoading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  previousLabel?: string;\n  nextLabel?: string;\n  pageSize?: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedColumns?: Column<any>[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  getNestedData?: (item: T) => any[] | Promise<any[]>;\n  nestedLoadingMessage?: string;\n  nestedEmptyMessage?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedSearchKeys?: (keyof any)[];\n  nestedSearchPlaceholder?: string;\n  nestedActions?: (item: T) => ReactNode;\n  nestedPageSize?: number;\n}\n\nexport function DataTable<T extends { id: string }>({\n  columns,\n  data,\n  actions,\n  rowActions,\n  rowActionsLabel = \"\",\n  selectable = false,\n  selectionType = \"checkbox\",\n  selectedKeys,\n  onSelectionChange,\n  defaultSortDescriptor,\n  sortDescriptor: controlledSortDescriptor,\n  onSortChange,\n  searchPlaceholder = \"Search...\",\n  searchKeys = [],\n  isLoading = false,\n  loadingMessage = \"Loading...\",\n  emptyMessage = \"No records found\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  nestedColumns,\n  getNestedData,\n  nestedLoadingMessage = \"Loading...\",\n  nestedEmptyMessage = \"No records found\",\n  nestedSearchKeys,\n  nestedSearchPlaceholder,\n  nestedActions,\n  nestedPageSize,\n}: DataTableProps<T>) {\n  const [query, setQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n  const [internalSortDescriptor, setInternalSortDescriptor] = useState(defaultSortDescriptor);\n  const sortDescriptor = controlledSortDescriptor ?? internalSortDescriptor;\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const [nestedCache, setNestedCache] = useState<Map<string, NestedStatus>>(new Map());\n\n  const hasNested = !!getNestedData && !!nestedColumns;\n  const hasRowActions = !!rowActions;\n\n  function setRowExpanded(id: string, isExpanded: boolean) {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (isExpanded) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n  }\n\n  // A carga fica fora do updater do setExpanded: o React pode chamar updaters mais de uma\n  // vez (StrictMode), o que dispararia getNestedData em dobro.\n  function toggleRow(item: T) {\n    const id = item.id;\n    const willExpand = !expanded.has(id);\n    setRowExpanded(id, willExpand);\n    if (!willExpand || nestedCache.has(id)) return;\n\n    const result = getNestedData!(item);\n    if (result instanceof Promise) {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loading\", data: [] }));\n      result.then(\n        (rows) => {\n          setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: rows }));\n        },\n        () => {\n          // Na falha, descarta a entrada e recolhe a linha: expandir de novo refaz a carga,\n          // em vez de a linha ficar presa em \"loading\".\n          setNestedCache((c) => {\n            const next = new Map(c);\n            next.delete(id);\n            return next;\n          });\n          setRowExpanded(id, false);\n        },\n      );\n    } else {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: result }));\n    }\n  }\n\n  const hasSearch = searchKeys.length > 0;\n  const hasToolbar = hasSearch || !!actions;\n\n  const filtered = useMemo(() => {\n    if (!query.trim() || !hasSearch) return data;\n    const lower = query.toLowerCase();\n    return data.filter((item) =>\n      searchKeys.some((k) =>\n        String(item[k] ?? \"\")\n          .toLowerCase()\n          .includes(lower),\n      ),\n    );\n  }, [data, query, searchKeys, hasSearch]);\n\n  const sortColumn = columns.find((col) => col.sortable && String(col.key) === String(sortDescriptor?.column));\n\n  const sorted = useMemo(\n    () => (sortColumn && sortDescriptor ? sortRows(filtered, sortColumn, sortDescriptor.direction) : filtered),\n    [filtered, sortColumn, sortDescriptor],\n  );\n\n  function handleSortChange(descriptor: SortDescriptor) {\n    setInternalSortDescriptor(descriptor);\n    setPage(1);\n    onSortChange?.(descriptor);\n  }\n\n  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const currentPage = Math.min(page, totalPages);\n  const pageData = sorted.slice(\n    (currentPage - 1) * pageSize,\n    currentPage * pageSize,\n  );\n\n  function getCell(item: T, col: Column<T>): ReactNode {\n    if (col.render) return col.render(item);\n    return String((item as Record<string, unknown>)[col.key as string] ?? \"\");\n  }\n\n  return (\n    <Flex direction=\"column\" gap=\"300\" className=\"data-table\">\n      {hasToolbar && (\n        <div className=\"data-table-toolbar\">\n          {hasSearch && (\n            <Search\n              placeholder={searchPlaceholder}\n              onSearch={(v) => {\n                setQuery(v);\n                setPage(1);\n              }}\n              className=\"data-table-search\"\n            />\n          )}\n          {actions && <div className=\"data-table-actions\">{actions}</div>}\n        </div>\n      )}\n\n      {isLoading ? (\n        <div\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={loadingMessage}\n          className=\"data-table-status\"\n        >\n          {loadingMessage}\n        </div>\n      ) : filtered.length === 0 ? (\n        <div role=\"status\" className=\"data-table-status data-table-empty\">\n          {emptyMessage}\n        </div>\n      ) : (\n        <Table\n          selectionMode={selectable ? (selectionType === \"radio\" ? \"single\" : \"multiple\") : \"none\"}\n          selectionType={selectionType}\n          selectedKeys={selectedKeys}\n          onSelectionChange={onSelectionChange}\n          sortDescriptor={sortDescriptor}\n          onSortChange={handleSortChange}\n        >\n          <TableHead>\n            {hasNested && <TableColumn className=\"data-table-expand-col\" />}\n            {columns.map((col, idx) => (\n              <TableColumn\n                key={String(col.key)}\n                id={String(col.key)}\n                align={col.align}\n                allowsSorting={col.sortable}\n                isRowHeader={idx === 0}\n              >\n                {col.label}\n              </TableColumn>\n            ))}\n            {hasRowActions && (\n              <TableColumn align=\"right\" className=\"data-table-row-actions-col\">\n                {rowActionsLabel}\n              </TableColumn>\n            )}\n          </TableHead>\n          <TableBody>\n            {pageData.flatMap((item) => {\n              const isExpanded = expanded.has(item.id);\n              const cached = nestedCache.get(item.id);\n              const rows: ReactNode[] = [\n                <TableRow key={item.id} id={item.id}>\n                  {hasNested && (\n                    <TableCell className=\"data-table-expand-cell\">\n                      <button\n                        type=\"button\"\n                        className=\"data-table-expand-btn\"\n                        aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                        aria-expanded={isExpanded}\n                        onClick={() => toggleRow(item)}\n                      >\n                        {isExpanded ? (\n                          <IconChevronDown size=\"16\" />\n                        ) : (\n                          <IconChevronRight size=\"16\" />\n                        )}\n                      </button>\n                    </TableCell>\n                  )}\n                  {columns.map((col) => (\n                    <TableCell key={String(col.key)} align={col.align}>\n                      {getCell(item, col)}\n                    </TableCell>\n                  ))}\n                  {hasRowActions && (\n                    <TableCell align=\"right\" className=\"data-table-row-actions-cell\">\n                      <div className=\"data-table-row-actions\">\n                        {(typeof rowActions === \"function\"\n                          ? rowActions(item)\n                          : rowActions!\n                        ).map((action) => (\n                          <RowActionButton key={action.key} action={action} item={item} />\n                        ))}\n                      </div>\n                    </TableCell>\n                  )}\n                </TableRow>,\n              ];\n              if (isExpanded) {\n                rows.push(\n                  <TableRow key={`${item.id}-nested`} id={`${item.id}-nested`} className=\"data-table-nested-row\">\n                    <TableCell\n                      colSpan={\n                        columns.length +\n                        (hasNested ? 1 : 0) +\n                        (selectable ? 1 : 0) +\n                        (hasRowActions ? 1 : 0)\n                      }\n                      className=\"data-table-nested-cell\"\n                    >\n                      <DataTable\n                        columns={nestedColumns!}\n                        data={cached?.data ?? []}\n                        isLoading={!cached || cached.status === \"loading\"}\n                        loadingMessage={nestedLoadingMessage}\n                        emptyMessage={nestedEmptyMessage}\n                        searchKeys={nestedSearchKeys}\n                        searchPlaceholder={nestedSearchPlaceholder}\n                        actions={nestedActions?.(item)}\n                        pageSize={nestedPageSize ?? pageSize}\n                      />\n                    </TableCell>\n                  </TableRow>,\n                );\n              }\n              return rows;\n            })}\n          </TableBody>\n        </Table>\n      )}\n\n      <Pagination\n        page={currentPage}\n        totalPages={totalPages}\n        onPageChange={setPage}\n        previousLabel={previousLabel}\n        nextLabel={nextLabel}\n      />\n    </Flex>\n  );\n}\n"],"names":["sortCollator","compareSortableValues","a","b","sortRows","rows","column","direction","valueOf","item","directionFactor","RowActionButton","action","allowed","btn","jsx","PermissionGate","DataTable","columns","data","actions","rowActions","rowActionsLabel","selectable","selectionType","selectedKeys","onSelectionChange","defaultSortDescriptor","controlledSortDescriptor","onSortChange","searchPlaceholder","searchKeys","isLoading","loadingMessage","emptyMessage","previousLabel","nextLabel","pageSize","nestedColumns","getNestedData","nestedLoadingMessage","nestedEmptyMessage","nestedSearchKeys","nestedSearchPlaceholder","nestedActions","nestedPageSize","query","setQuery","useState","page","setPage","internalSortDescriptor","setInternalSortDescriptor","sortDescriptor","expanded","setExpanded","nestedCache","setNestedCache","hasNested","hasRowActions","setRowExpanded","id","isExpanded","prev","next","toggleRow","willExpand","result","c","hasSearch","hasToolbar","filtered","useMemo","lower","k","sortColumn","col","sorted","handleSortChange","descriptor","totalPages","currentPage","pageData","getCell","Flex","jsxs","Search","v","Table","TableHead","TableColumn","idx","TableBody","cached","TableRow","TableCell","IconChevronDown","IconChevronRight","Pagination"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/ui/components/DataTable/DataTable.tsx"],"sourcesContent":["import {\n  IconButton,\n  Pagination,\n  PermissionGate,\n  Search,\n  Table,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHead,\n  TableRow,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { IconChevronDown, IconChevronRight } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { useMemo, useState } from \"react\";\nimport type { Selection, SortDescriptor } from \"react-aria-components\";\nimport \"./datatable.css\";\n\nexport interface Column<T> {\n  key: keyof T | string;\n  label: string;\n  align?: \"start\" | \"center\" | \"right\";\n  render?: (item: T) => ReactNode;\n  /** Marks the column that names the row for assistive technology. Defaults to the first column when no column sets it. */\n  isRowHeader?: boolean;\n  /** When true, the header becomes clickable and the rows can be sorted by this column. */\n  sortable?: boolean;\n  /** Value used to sort this column. Defaults to `item[key]`. */\n  sortValue?: (item: T) => SortableValue;\n}\n\ntype SortableValue = string | number | Date | null | undefined;\n\nconst sortCollator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n\nfunction compareSortableValues(a: SortableValue, b: SortableValue): number {\n  if (a == null || b == null) return a == null ? (b == null ? 0 : 1) : -1;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return sortCollator.compare(String(a), String(b));\n}\n\nfunction sortRows<T>(rows: T[], column: Column<T>, direction: SortDescriptor[\"direction\"]): T[] {\n  const valueOf = column.sortValue ?? ((item: T) => (item as Record<string, unknown>)[column.key as string] as SortableValue);\n  const directionFactor = direction === \"descending\" ? -1 : 1;\n  return [...rows].sort((a, b) => compareSortableValues(valueOf(a), valueOf(b)) * directionFactor);\n}\n\nexport interface RowActionDef<T> {\n  /** Unique key for this action. */\n  key: string;\n  /** aria-label for the button. */\n  label: string;\n  /** Icon element rendered inside the button. */\n  icon: ReactNode;\n  /** When false, button is disabled and a tooltip with `noAccessLabel` is shown. Default: true. */\n  isAllowed?: boolean;\n  /** Tooltip text shown when `isAllowed` is false. */\n  noAccessLabel?: string;\n  /** Called with the row item when the button is pressed. */\n  onPress: (item: T) => void;\n}\n\nfunction RowActionButton<T>({\n  action,\n  item,\n}: {\n  action: RowActionDef<T>;\n  item: T;\n}) {\n  const allowed = action.isAllowed !== false;\n  const btn = (\n    <IconButton\n      variant=\"neutral\"\n      size=\"small\"\n      aria-label={action.label}\n      isDisabled={!allowed}\n      onPress={allowed ? () => action.onPress(item) : undefined}\n    >\n      {action.icon}\n    </IconButton>\n  );\n  if (allowed) return btn;\n  return (\n    <PermissionGate isAllowed={false} noAccessLabel={action.noAccessLabel ?? \"\"}>\n      {btn}\n    </PermissionGate>\n  );\n}\n\n// O tipo da linha aninhada é independente de T (não há relação genérica entre linha pai e linhas\n// filhas), então \"any\" é usado deliberadamente como fronteira de erasure de tipo.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype NestedStatus = { status: \"loading\"; data: never[] } | { status: \"loaded\"; data: any[] };\n\nexport interface DataTableProps<T extends { id: string }> {\n  columns: Column<T>[];\n  data: T[];\n  actions?: ReactNode;\n  /** Per-row action buttons rendered in a dedicated last column. */\n  rowActions?: RowActionDef<T>[] | ((item: T) => RowActionDef<T>[]);\n  /** Label for the row actions column header. Defaults to empty string. */\n  rowActionsLabel?: string;\n  /**\n   * When true, renders a selection column before the first data column — a per-row control on\n   * every row (see `selectionType`), plus a \"select all\" checkbox in the header when\n   * `selectionType` is \"checkbox\". Off by default.\n   */\n  selectable?: boolean;\n  /**\n   * Visual style of the built-in selection control. \"checkbox\" (default) allows selecting\n   * multiple rows and shows a \"select all\" in the header. \"radio\" restricts selection to a\n   * single row (no \"select all\" — there is nothing to select all *to* with one choice) and\n   * renders a round control instead of a checkbox.\n   */\n  selectionType?: \"checkbox\" | \"radio\";\n  /** Controlled selection state. Omit to let the table manage its own selection internally. */\n  selectedKeys?: Selection;\n  onSelectionChange?: (keys: Selection) => void;\n  /** Initial sort when the table manages its own sorting. Only columns with `sortable` can be sorted. */\n  defaultSortDescriptor?: SortDescriptor;\n  /** Controlled sort state. Omit to let the table manage its own sorting internally. */\n  sortDescriptor?: SortDescriptor;\n  onSortChange?: (descriptor: SortDescriptor) => void;\n  /** Accessible name of the table. */\n  ariaLabel?: string;\n  /** Compact row height. Off by default. */\n  dense?: boolean;\n  /** Alternating row background. Off by default. */\n  striped?: boolean;\n  /**\n   * Caps the height of the table so its rows scroll inside it with a sticky header, keeping the\n   * pagination in view. A percentage needs a parent with a defined height. Off by default.\n   */\n  maxHeight?: number | string;\n  searchPlaceholder?: string;\n  searchKeys?: (keyof T)[];\n  isLoading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  previousLabel?: string;\n  nextLabel?: string;\n  pageSize?: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedColumns?: Column<any>[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  getNestedData?: (item: T) => any[] | Promise<any[]>;\n  nestedLoadingMessage?: string;\n  nestedEmptyMessage?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedSearchKeys?: (keyof any)[];\n  nestedSearchPlaceholder?: string;\n  nestedActions?: (item: T) => ReactNode;\n  nestedPageSize?: number;\n}\n\nexport function DataTable<T extends { id: string }>({\n  columns,\n  data,\n  actions,\n  rowActions,\n  rowActionsLabel = \"\",\n  selectable = false,\n  selectionType = \"checkbox\",\n  selectedKeys,\n  onSelectionChange,\n  defaultSortDescriptor,\n  sortDescriptor: controlledSortDescriptor,\n  onSortChange,\n  ariaLabel,\n  dense,\n  striped,\n  maxHeight,\n  searchPlaceholder = \"Search...\",\n  searchKeys = [],\n  isLoading = false,\n  loadingMessage = \"Loading...\",\n  emptyMessage = \"No records found\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  nestedColumns,\n  getNestedData,\n  nestedLoadingMessage = \"Loading...\",\n  nestedEmptyMessage = \"No records found\",\n  nestedSearchKeys,\n  nestedSearchPlaceholder,\n  nestedActions,\n  nestedPageSize,\n}: DataTableProps<T>) {\n  const [query, setQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n  const [internalSortDescriptor, setInternalSortDescriptor] = useState(defaultSortDescriptor);\n  const sortDescriptor = controlledSortDescriptor ?? internalSortDescriptor;\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const [nestedCache, setNestedCache] = useState<Map<string, NestedStatus>>(new Map());\n\n  const hasNested = !!getNestedData && !!nestedColumns;\n  const hasRowActions = !!rowActions;\n\n  function setRowExpanded(id: string, isExpanded: boolean) {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (isExpanded) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n  }\n\n  // A carga fica fora do updater do setExpanded: o React pode chamar updaters mais de uma\n  // vez (StrictMode), o que dispararia getNestedData em dobro.\n  function toggleRow(item: T) {\n    const id = item.id;\n    const willExpand = !expanded.has(id);\n    setRowExpanded(id, willExpand);\n    if (!willExpand || nestedCache.has(id)) return;\n\n    const result = getNestedData!(item);\n    if (result instanceof Promise) {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loading\", data: [] }));\n      result.then(\n        (rows) => {\n          setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: rows }));\n        },\n        () => {\n          // Na falha, descarta a entrada e recolhe a linha: expandir de novo refaz a carga,\n          // em vez de a linha ficar presa em \"loading\".\n          setNestedCache((c) => {\n            const next = new Map(c);\n            next.delete(id);\n            return next;\n          });\n          setRowExpanded(id, false);\n        },\n      );\n    } else {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: result }));\n    }\n  }\n\n  const hasSearch = searchKeys.length > 0;\n  const hasExplicitRowHeader = columns.some((col) => col.isRowHeader);\n  const hasToolbar = hasSearch || !!actions;\n\n  const filtered = useMemo(() => {\n    if (!query.trim() || !hasSearch) return data;\n    const lower = query.toLowerCase();\n    return data.filter((item) =>\n      searchKeys.some((k) =>\n        String(item[k] ?? \"\")\n          .toLowerCase()\n          .includes(lower),\n      ),\n    );\n  }, [data, query, searchKeys, hasSearch]);\n\n  const sortColumn = columns.find((col) => col.sortable && String(col.key) === String(sortDescriptor?.column));\n\n  const sorted = useMemo(\n    () => (sortColumn && sortDescriptor ? sortRows(filtered, sortColumn, sortDescriptor.direction) : filtered),\n    [filtered, sortColumn, sortDescriptor],\n  );\n\n  function handleSortChange(descriptor: SortDescriptor) {\n    setInternalSortDescriptor(descriptor);\n    setPage(1);\n    onSortChange?.(descriptor);\n  }\n\n  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const currentPage = Math.min(page, totalPages);\n  const pageData = sorted.slice(\n    (currentPage - 1) * pageSize,\n    currentPage * pageSize,\n  );\n\n  function getCell(item: T, col: Column<T>): ReactNode {\n    if (col.render) return col.render(item);\n    return String((item as Record<string, unknown>)[col.key as string] ?? \"\");\n  }\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"300\"\n      className={clsx(\"data-table\", maxHeight !== undefined && \"data-table--fill\")}\n    >\n      {hasToolbar && (\n        <div className=\"data-table-toolbar\">\n          {hasSearch && (\n            <Search\n              placeholder={searchPlaceholder}\n              onSearch={(v) => {\n                setQuery(v);\n                setPage(1);\n              }}\n              className=\"data-table-search\"\n            />\n          )}\n          {actions && <div className=\"data-table-actions\">{actions}</div>}\n        </div>\n      )}\n\n      {isLoading ? (\n        <div\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={loadingMessage}\n          className=\"data-table-status\"\n        >\n          {loadingMessage}\n        </div>\n      ) : filtered.length === 0 ? (\n        <div role=\"status\" className=\"data-table-status data-table-empty\">\n          {emptyMessage}\n        </div>\n      ) : (\n        <Table\n          aria-label={ariaLabel}\n          dense={dense}\n          striped={striped}\n          maxHeight={maxHeight}\n          selectionMode={selectable ? (selectionType === \"radio\" ? \"single\" : \"multiple\") : \"none\"}\n          selectionType={selectionType}\n          selectedKeys={selectedKeys}\n          onSelectionChange={onSelectionChange}\n          sortDescriptor={sortDescriptor}\n          onSortChange={handleSortChange}\n        >\n          <TableHead>\n            {hasNested && <TableColumn className=\"data-table-expand-col\" />}\n            {columns.map((col, idx) => (\n              <TableColumn\n                key={String(col.key)}\n                id={String(col.key)}\n                align={col.align}\n                allowsSorting={col.sortable}\n                isRowHeader={hasExplicitRowHeader ? col.isRowHeader : idx === 0}\n              >\n                {col.label}\n              </TableColumn>\n            ))}\n            {hasRowActions && (\n              <TableColumn align=\"right\" className=\"data-table-row-actions-col\">\n                {rowActionsLabel}\n              </TableColumn>\n            )}\n          </TableHead>\n          <TableBody>\n            {pageData.flatMap((item) => {\n              const isExpanded = expanded.has(item.id);\n              const cached = nestedCache.get(item.id);\n              const rows: ReactNode[] = [\n                <TableRow key={item.id} id={item.id}>\n                  {hasNested && (\n                    <TableCell className=\"data-table-expand-cell\">\n                      <button\n                        type=\"button\"\n                        className=\"data-table-expand-btn\"\n                        aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                        aria-expanded={isExpanded}\n                        onClick={() => toggleRow(item)}\n                      >\n                        {isExpanded ? (\n                          <IconChevronDown size=\"16\" />\n                        ) : (\n                          <IconChevronRight size=\"16\" />\n                        )}\n                      </button>\n                    </TableCell>\n                  )}\n                  {columns.map((col) => (\n                    <TableCell key={String(col.key)} align={col.align}>\n                      {getCell(item, col)}\n                    </TableCell>\n                  ))}\n                  {hasRowActions && (\n                    <TableCell align=\"right\" className=\"data-table-row-actions-cell\">\n                      <div className=\"data-table-row-actions\">\n                        {(typeof rowActions === \"function\"\n                          ? rowActions(item)\n                          : rowActions!\n                        ).map((action) => (\n                          <RowActionButton key={action.key} action={action} item={item} />\n                        ))}\n                      </div>\n                    </TableCell>\n                  )}\n                </TableRow>,\n              ];\n              if (isExpanded) {\n                rows.push(\n                  <TableRow key={`${item.id}-nested`} id={`${item.id}-nested`} className=\"data-table-nested-row\">\n                    <TableCell\n                      colSpan={\n                        columns.length +\n                        (hasNested ? 1 : 0) +\n                        (selectable ? 1 : 0) +\n                        (hasRowActions ? 1 : 0)\n                      }\n                      className=\"data-table-nested-cell\"\n                    >\n                      <DataTable\n                        columns={nestedColumns!}\n                        data={cached?.data ?? []}\n                        isLoading={!cached || cached.status === \"loading\"}\n                        loadingMessage={nestedLoadingMessage}\n                        emptyMessage={nestedEmptyMessage}\n                        searchKeys={nestedSearchKeys}\n                        searchPlaceholder={nestedSearchPlaceholder}\n                        actions={nestedActions?.(item)}\n                        pageSize={nestedPageSize ?? pageSize}\n                      />\n                    </TableCell>\n                  </TableRow>,\n                );\n              }\n              return rows;\n            })}\n          </TableBody>\n        </Table>\n      )}\n\n      <Pagination\n        page={currentPage}\n        totalPages={totalPages}\n        onPageChange={setPage}\n        previousLabel={previousLabel}\n        nextLabel={nextLabel}\n      />\n    </Flex>\n  );\n}\n"],"names":["sortCollator","compareSortableValues","a","b","sortRows","rows","column","direction","valueOf","item","directionFactor","RowActionButton","action","allowed","btn","jsx","IconButton","PermissionGate","DataTable","columns","data","actions","rowActions","rowActionsLabel","selectable","selectionType","selectedKeys","onSelectionChange","defaultSortDescriptor","controlledSortDescriptor","onSortChange","ariaLabel","dense","striped","maxHeight","searchPlaceholder","searchKeys","isLoading","loadingMessage","emptyMessage","previousLabel","nextLabel","pageSize","nestedColumns","getNestedData","nestedLoadingMessage","nestedEmptyMessage","nestedSearchKeys","nestedSearchPlaceholder","nestedActions","nestedPageSize","query","setQuery","useState","page","setPage","internalSortDescriptor","setInternalSortDescriptor","sortDescriptor","expanded","setExpanded","nestedCache","setNestedCache","hasNested","hasRowActions","setRowExpanded","id","isExpanded","prev","next","toggleRow","willExpand","result","c","hasSearch","hasExplicitRowHeader","col","hasToolbar","filtered","useMemo","lower","k","sortColumn","sorted","handleSortChange","descriptor","totalPages","currentPage","pageData","getCell","jsxs","Flex","clsx","Search","v","Table","TableHead","TableColumn","idx","TableBody","cached","TableRow","TableCell","IconChevronDown","IconChevronRight","Pagination"],"mappings":"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"}

package/dist/lib/ui/components/FormModal/FormModal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                */const r=require("../../primitives/Dialog/Dialog.cjs"),n=require("../../layout/Flex/Flex.cjs"),a=require("../../primitives/Button/Button.cjs");function f({isOpen:o,title:s,submitLabel:t="Save",cancelLabel:c="Cancel",isLoading:l=!1,isSubmitDisabled:d=!1,size:u="medium",onSubmit:m,onClose:i,children:x}){return o?e.jsx(r.DialogModal,{isOpen:o,onOpenChange:g=>!g&&i(),children:e.jsxs(r.Dialog,{className:j.clsx("form-modal",`form-modal--${u}`),children:[e.jsxs(n.Flex,{direction:"row",alignPrimary:"space-between",alignSecondary:"center",children:[e.jsx(r.DialogTitle,{children:s}),e.jsx(r.DialogClose,{onPress:i})]}),e.jsx(r.DialogBody,{children:e.jsx(n.Flex,{direction:"column",gap:"300",children:x})}),e.jsxs(n.Flex,{direction:"row",gap:"200",alignPrimary:"end",className:"form-modal-footer",children:[e.jsx(a.Button,{variant:"neutral",onPress:i,isDisabled:l,children:c}),e.jsx(a.Button,{variant:"primary",onPress:m,isDisabled:d||l,children:l?"...":t})]})]})}):null}exports.FormModal=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                */const r=require("../../primitives/Dialog/Dialog.cjs"),n=require("../../layout/Flex/Flex.cjs"),o=require("../../primitives/Button/Button.cjs");function j({isOpen:a,title:s,submitLabel:t="Save",cancelLabel:c="Cancel",isLoading:i=!1,isSubmitDisabled:d=!1,size:u="medium",onSubmit:m,onClose:l,children:x}){return a?e.jsx(r.DialogModal,{isOpen:a,onOpenChange:g=>!g&&l(),children:e.jsxs(r.Dialog,{className:"form-modal",size:u,children:[e.jsxs(n.Flex,{direction:"row",alignPrimary:"space-between",alignSecondary:"center",children:[e.jsx(r.DialogTitle,{children:s}),e.jsx(r.DialogClose,{onPress:l})]}),e.jsx(r.DialogBody,{children:e.jsx(n.Flex,{direction:"column",gap:"300",children:x})}),e.jsxs(n.Flex,{direction:"row",gap:"200",alignPrimary:"end",className:"form-modal-footer",children:[e.jsx(o.Button,{variant:"neutral",onPress:l,isDisabled:i,children:c}),e.jsx(o.Button,{variant:"primary",onPress:m,isDisabled:d||i,children:i?"...":t})]})]})}):null}exports.FormModal=j;
 //# sourceMappingURL=FormModal.cjs.map

package/dist/lib/ui/components/FormModal/FormModal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormModal.cjs","sources":["../../../../../src/ui/components/FormModal/FormModal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  Button,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport type { ReactNode } from \"react\";\nimport \"./formmodal.css\";\n\nexport type FormModalSize = \"medium\" | \"large\" | \"xlarge\";\n\nexport interface FormModalProps {\n  isOpen: boolean;\n  title: string;\n  submitLabel?: string;\n  cancelLabel?: string;\n  isLoading?: boolean;\n  isSubmitDisabled?: boolean;\n  /**\n   * Maximum width of the dialog. Defaults to `\"medium\"`, which preserves the\n   * previous fixed width. Use `\"large\"`/`\"xlarge\"` for forms that embed wide\n   * content such as tables.\n   */\n  size?: FormModalSize;\n  onSubmit: () => void;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport function FormModal({\n  isOpen,\n  title,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  isLoading = false,\n  isSubmitDisabled = false,\n  size = \"medium\",\n  onSubmit,\n  onClose,\n  children,\n}: FormModalProps) {\n  if (!isOpen) return null;\n\n  return (\n    <DialogModal isOpen={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog className={clsx(\"form-modal\", `form-modal--${size}`)}>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={onClose} />\n        </Flex>\n        <DialogBody>\n          <Flex direction=\"column\" gap=\"300\">\n            {children}\n          </Flex>\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"form-modal-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={onSubmit}\n            isDisabled={isSubmitDisabled || isLoading}\n          >\n            {isLoading ? \"...\" : submitLabel}\n          </Button>\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["FormModal","isOpen","title","submitLabel","cancelLabel","isLoading","isSubmitDisabled","size","onSubmit","onClose","children","DialogModal","open","jsxs","Dialog","clsx","Flex","jsx","DialogTitle","DialogClose","DialogBody","Button"],"mappings":"kVAiCO,SAASA,EAAU,CACxB,OAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,OACd,YAAAC,EAAc,SACd,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,KAAAC,EAAO,SACP,SAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAAmB,CACjB,OAAKT,QAGFU,cAAA,CAAY,OAAAV,EAAgB,aAAeW,GAAS,CAACA,GAAQH,IAC5D,SAAAI,EAAAA,KAACC,EAAAA,QAAO,UAAWC,OAAK,aAAc,eAAeR,CAAI,EAAE,EACzD,SAAA,CAAAM,OAACG,EAAAA,MAAK,UAAU,MAAM,aAAa,gBAAgB,eAAe,SAChE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,aAAa,SAAAhB,CAAA,CAAM,EACpBe,EAAAA,IAACE,EAAAA,YAAA,CAAY,QAASV,CAAA,CAAS,CAAA,EACjC,EACAQ,EAAAA,IAACG,EAAAA,YACC,SAAAH,EAAAA,IAACD,EAAAA,KAAA,CAAK,UAAU,SAAS,IAAI,MAC1B,SAAAN,CAAA,CACH,CAAA,CACF,EACAG,EAAAA,KAACG,EAAAA,KAAA,CACC,UAAU,MACV,IAAI,MACJ,aAAa,MACb,UAAU,oBAEV,SAAA,CAAAC,EAAAA,IAACI,EAAAA,QAAO,QAAQ,UAAU,QAASZ,EAAS,WAAYJ,EACrD,SAAAD,CAAA,CACH,EACAa,EAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,UACR,QAASb,EACT,WAAYF,GAAoBD,EAE/B,WAAY,MAAQF,CAAA,CAAA,CACvB,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,EAhCkB,IAkCtB"}
+{"version":3,"file":"FormModal.cjs","sources":["../../../../../src/ui/components/FormModal/FormModal.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n  type DialogSize,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport type { ReactNode } from \"react\";\nimport \"./formmodal.css\";\n\nexport type FormModalSize = DialogSize;\n\nexport interface FormModalProps {\n  isOpen: boolean;\n  title: string;\n  submitLabel?: string;\n  cancelLabel?: string;\n  isLoading?: boolean;\n  isSubmitDisabled?: boolean;\n  /**\n   * Maximum width of the dialog. Defaults to `\"medium\"`, which preserves the\n   * previous fixed width. Use `\"large\"`/`\"xlarge\"` for forms that embed wide\n   * content such as tables.\n   */\n  size?: FormModalSize;\n  onSubmit: () => void;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport function FormModal({\n  isOpen,\n  title,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  isLoading = false,\n  isSubmitDisabled = false,\n  size = \"medium\",\n  onSubmit,\n  onClose,\n  children,\n}: FormModalProps) {\n  if (!isOpen) return null;\n\n  return (\n    <DialogModal isOpen={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog className=\"form-modal\" size={size}>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={onClose} />\n        </Flex>\n        <DialogBody>\n          <Flex direction=\"column\" gap=\"300\">\n            {children}\n          </Flex>\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"form-modal-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={onSubmit}\n            isDisabled={isSubmitDisabled || isLoading}\n          >\n            {isLoading ? \"...\" : submitLabel}\n          </Button>\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["FormModal","isOpen","title","submitLabel","cancelLabel","isLoading","isSubmitDisabled","size","onSubmit","onClose","children","jsx","DialogModal","open","jsxs","Dialog","Flex","DialogTitle","DialogClose","DialogBody","Button"],"mappings":"kSAiCO,SAASA,EAAU,CACxB,OAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,OACd,YAAAC,EAAc,SACd,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,KAAAC,EAAO,SACP,SAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAAmB,CACjB,OAAKT,EAGHU,EAAAA,IAACC,EAAAA,YAAA,CAAY,OAAAX,EAAgB,aAAeY,GAAS,CAACA,GAAQJ,EAAA,EAC5D,SAAAK,EAAAA,KAACC,EAAAA,OAAA,CAAO,UAAU,aAAa,KAAAR,EAC7B,SAAA,CAAAO,OAACE,EAAAA,MAAK,UAAU,MAAM,aAAa,gBAAgB,eAAe,SAChE,SAAA,CAAAL,EAAAA,IAACM,EAAAA,aAAa,SAAAf,CAAA,CAAM,EACpBS,EAAAA,IAACO,EAAAA,YAAA,CAAY,QAAST,CAAA,CAAS,CAAA,EACjC,EACAE,EAAAA,IAACQ,EAAAA,YACC,SAAAR,EAAAA,IAACK,EAAAA,KAAA,CAAK,UAAU,SAAS,IAAI,MAC1B,SAAAN,CAAA,CACH,CAAA,CACF,EACAI,EAAAA,KAACE,EAAAA,KAAA,CACC,UAAU,MACV,IAAI,MACJ,aAAa,MACb,UAAU,oBAEV,SAAA,CAAAL,EAAAA,IAACS,EAAAA,QAAO,QAAQ,UAAU,QAASX,EAAS,WAAYJ,EACrD,SAAAD,CAAA,CACH,EACAO,EAAAA,IAACS,EAAAA,OAAA,CACC,QAAQ,UACR,QAASZ,EACT,WAAYF,GAAoBD,EAE/B,WAAY,MAAQF,CAAA,CAAA,CACvB,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,EAhCkB,IAkCtB"}

package/dist/lib/ui/components/FormModal/FormModal.js

@@ -1,10 +1,9 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { clsx as h } from "../../../vendor/clsx/dist/clsx.js";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
 /* empty css              */
-import { DialogModal as u, Dialog as D, DialogTitle as x, DialogClose as y, DialogBody as P } from "../../primitives/Dialog/Dialog.js";
-import { Flex as a } from "../../layout/Flex/Flex.js";
+import { DialogModal as h, Dialog as u, DialogTitle as D, DialogClose as y, DialogBody as P } from "../../primitives/Dialog/Dialog.js";
+import { Flex as o } from "../../layout/Flex/Flex.js";
 import { Button as n } from "../../primitives/Button/Button.js";
-function M({
+function B({
   isOpen: l,
   title: m,
   submitLabel: t = "Save",
@@ -13,24 +12,24 @@ function M({
   isSubmitDisabled: d = !1,
   size: s = "medium",
   onSubmit: f,
-  onClose: o,
+  onClose: i,
   children: p
 }) {
-  return l ? /* @__PURE__ */ r(u, { isOpen: l, onOpenChange: (g) => !g && o(), children: /* @__PURE__ */ i(D, { className: h("form-modal", `form-modal--${s}`), children: [
-    /* @__PURE__ */ i(a, { direction: "row", alignPrimary: "space-between", alignSecondary: "center", children: [
-      /* @__PURE__ */ r(x, { children: m }),
-      /* @__PURE__ */ r(y, { onPress: o })
+  return l ? /* @__PURE__ */ r(h, { isOpen: l, onOpenChange: (g) => !g && i(), children: /* @__PURE__ */ a(u, { className: "form-modal", size: s, children: [
+    /* @__PURE__ */ a(o, { direction: "row", alignPrimary: "space-between", alignSecondary: "center", children: [
+      /* @__PURE__ */ r(D, { children: m }),
+      /* @__PURE__ */ r(y, { onPress: i })
     ] }),
-    /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(a, { direction: "column", gap: "300", children: p }) }),
-    /* @__PURE__ */ i(
-      a,
+    /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(o, { direction: "column", gap: "300", children: p }) }),
+    /* @__PURE__ */ a(
+      o,
       {
         direction: "row",
         gap: "200",
         alignPrimary: "end",
         className: "form-modal-footer",
         children: [
-          /* @__PURE__ */ r(n, { variant: "neutral", onPress: o, isDisabled: e, children: c }),
+          /* @__PURE__ */ r(n, { variant: "neutral", onPress: i, isDisabled: e, children: c }),
           /* @__PURE__ */ r(
             n,
             {
@@ -46,6 +45,6 @@ function M({
   ] }) }) : null;
 }
 export {
-  M as FormModal
+  B as FormModal
 };
 //# sourceMappingURL=FormModal.js.map

package/dist/lib/ui/components/FormModal/FormModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormModal.js","sources":["../../../../../src/ui/components/FormModal/FormModal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  Button,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport type { ReactNode } from \"react\";\nimport \"./formmodal.css\";\n\nexport type FormModalSize = \"medium\" | \"large\" | \"xlarge\";\n\nexport interface FormModalProps {\n  isOpen: boolean;\n  title: string;\n  submitLabel?: string;\n  cancelLabel?: string;\n  isLoading?: boolean;\n  isSubmitDisabled?: boolean;\n  /**\n   * Maximum width of the dialog. Defaults to `\"medium\"`, which preserves the\n   * previous fixed width. Use `\"large\"`/`\"xlarge\"` for forms that embed wide\n   * content such as tables.\n   */\n  size?: FormModalSize;\n  onSubmit: () => void;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport function FormModal({\n  isOpen,\n  title,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  isLoading = false,\n  isSubmitDisabled = false,\n  size = \"medium\",\n  onSubmit,\n  onClose,\n  children,\n}: FormModalProps) {\n  if (!isOpen) return null;\n\n  return (\n    <DialogModal isOpen={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog className={clsx(\"form-modal\", `form-modal--${size}`)}>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={onClose} />\n        </Flex>\n        <DialogBody>\n          <Flex direction=\"column\" gap=\"300\">\n            {children}\n          </Flex>\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"form-modal-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={onSubmit}\n            isDisabled={isSubmitDisabled || isLoading}\n          >\n            {isLoading ? \"...\" : submitLabel}\n          </Button>\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["FormModal","isOpen","title","submitLabel","cancelLabel","isLoading","isSubmitDisabled","size","onSubmit","onClose","children","DialogModal","open","jsxs","Dialog","clsx","Flex","jsx","DialogTitle","DialogClose","DialogBody","Button"],"mappings":";;;;;;AAiCO,SAASA,EAAU;AAAA,EACxB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAAmB;AACjB,SAAKT,sBAGFU,GAAA,EAAY,QAAAV,GAAgB,cAAc,CAACW,MAAS,CAACA,KAAQH,KAC5D,UAAA,gBAAAI,EAACC,KAAO,WAAWC,EAAK,cAAc,eAAeR,CAAI,EAAE,GACzD,UAAA;AAAA,IAAA,gBAAAM,EAACG,KAAK,WAAU,OAAM,cAAa,iBAAgB,gBAAe,UAChE,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAa,UAAAhB,EAAA,CAAM;AAAA,MACpB,gBAAAe,EAACE,GAAA,EAAY,SAASV,EAAA,CAAS;AAAA,IAAA,GACjC;AAAA,IACA,gBAAAQ,EAACG,KACC,UAAA,gBAAAH,EAACD,GAAA,EAAK,WAAU,UAAS,KAAI,OAC1B,UAAAN,EAAA,CACH,EAAA,CACF;AAAA,IACA,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAI;AAAA,QACJ,cAAa;AAAA,QACb,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAC,EAACI,KAAO,SAAQ,WAAU,SAASZ,GAAS,YAAYJ,GACrD,UAAAD,EAAA,CACH;AAAA,UACA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASb;AAAA,cACT,YAAYF,KAAoBD;AAAA,cAE/B,cAAY,QAAQF;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF,IAhCkB;AAkCtB;"}
+{"version":3,"file":"FormModal.js","sources":["../../../../../src/ui/components/FormModal/FormModal.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n  type DialogSize,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport type { ReactNode } from \"react\";\nimport \"./formmodal.css\";\n\nexport type FormModalSize = DialogSize;\n\nexport interface FormModalProps {\n  isOpen: boolean;\n  title: string;\n  submitLabel?: string;\n  cancelLabel?: string;\n  isLoading?: boolean;\n  isSubmitDisabled?: boolean;\n  /**\n   * Maximum width of the dialog. Defaults to `\"medium\"`, which preserves the\n   * previous fixed width. Use `\"large\"`/`\"xlarge\"` for forms that embed wide\n   * content such as tables.\n   */\n  size?: FormModalSize;\n  onSubmit: () => void;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport function FormModal({\n  isOpen,\n  title,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  isLoading = false,\n  isSubmitDisabled = false,\n  size = \"medium\",\n  onSubmit,\n  onClose,\n  children,\n}: FormModalProps) {\n  if (!isOpen) return null;\n\n  return (\n    <DialogModal isOpen={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <Dialog className=\"form-modal\" size={size}>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={onClose} />\n        </Flex>\n        <DialogBody>\n          <Flex direction=\"column\" gap=\"300\">\n            {children}\n          </Flex>\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"form-modal-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={onSubmit}\n            isDisabled={isSubmitDisabled || isLoading}\n          >\n            {isLoading ? \"...\" : submitLabel}\n          </Button>\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["FormModal","isOpen","title","submitLabel","cancelLabel","isLoading","isSubmitDisabled","size","onSubmit","onClose","children","jsx","DialogModal","open","jsxs","Dialog","Flex","DialogTitle","DialogClose","DialogBody","Button"],"mappings":";;;;;AAiCO,SAASA,EAAU;AAAA,EACxB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAAmB;AACjB,SAAKT,IAGH,gBAAAU,EAACC,GAAA,EAAY,QAAAX,GAAgB,cAAc,CAACY,MAAS,CAACA,KAAQJ,EAAA,GAC5D,UAAA,gBAAAK,EAACC,GAAA,EAAO,WAAU,cAAa,MAAAR,GAC7B,UAAA;AAAA,IAAA,gBAAAO,EAACE,KAAK,WAAU,OAAM,cAAa,iBAAgB,gBAAe,UAChE,UAAA;AAAA,MAAA,gBAAAL,EAACM,KAAa,UAAAf,EAAA,CAAM;AAAA,MACpB,gBAAAS,EAACO,GAAA,EAAY,SAAST,EAAA,CAAS;AAAA,IAAA,GACjC;AAAA,IACA,gBAAAE,EAACQ,KACC,UAAA,gBAAAR,EAACK,GAAA,EAAK,WAAU,UAAS,KAAI,OAC1B,UAAAN,EAAA,CACH,EAAA,CACF;AAAA,IACA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAI;AAAA,QACJ,cAAa;AAAA,QACb,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAL,EAACS,KAAO,SAAQ,WAAU,SAASX,GAAS,YAAYJ,GACrD,UAAAD,EAAA,CACH;AAAA,UACA,gBAAAO;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASZ;AAAA,cACT,YAAYF,KAAoBD;AAAA,cAE/B,cAAY,QAAQF;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF,IAhCkB;AAkCtB;"}

package/dist/lib/ui/primitives/Dialog/Dialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("../../../vendor/clsx/dist/clsx.cjs"),t=require("react-aria-components");;/* empty css             */const m=require("../../icons/IconX.cjs"),r=require("../Text/Text.cjs"),c=require("../IconButton/IconButton.cjs"),j=require("../Button/Button.cjs"),N=require("../../hooks/useOverlayPortal.cjs");function u({className:o,type:e="card",...a}){const i=l.clsx(o,"dialog",`dialog-type-${e}`);return s.jsx(t.Dialog,{className:i,...a})}const y=({onPress:o})=>s.jsx(c.IconButton,{className:"dialog-close","aria-label":"Dismiss dialog",onPress:o,variant:"subtle",size:"small",children:s.jsx(m.IconX,{})});function g({...o}){return s.jsx(t.DialogTrigger,{...o})}function B({label:o,icon:e,variant:a,children:i,...n}){return s.jsxs(g,{children:[e?s.jsx(c.IconButton,{variant:a,"aria-label":o,children:e}):s.jsx(j.Button,{variant:a,children:o}),s.jsx(d,{isDismissable:!0,children:s.jsx(u,{...n,children:i})})]})}function T({className:o,...e}){const a=l.clsx(o,"dialog-title");return s.jsx(r.TextHeading,{...e,slot:"title",className:a})}function b({className:o,...e}){const a=l.clsx(o,"dialog-description");return s.jsx(r.Text,{...e,className:a})}function p({bleed:o,className:e,...a}){const i=l.clsx(e,"dialog-body",o&&"dialog-body-bleed");return s.jsx("div",{...a,className:i})}function d({children:o,className:e,isDismissable:a,UNSTABLE_portalContainer:i,...n}){const x=l.clsx(e,"dialog-backdrop"),D=N.useOverlayPortalContainer();return s.jsx(t.ModalOverlay,{className:x,isDismissable:a,...n,UNSTABLE_portalContainer:i??D,children:s.jsx(t.Modal,{className:"dialog-container",children:o})})}exports.Dialog=u;exports.DialogBody=p;exports.DialogButton=B;exports.DialogClose=y;exports.DialogDescription=b;exports.DialogModal=d;exports.DialogTitle=T;exports.DialogTrigger=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css             */const m=require("../../icons/IconX.cjs"),r=require("../Text/Text.cjs"),c=require("../IconButton/IconButton.cjs"),j=require("../Button/Button.cjs"),N=require("../../hooks/useOverlayPortal.cjs");function u({className:o,type:s="card",size:i="medium",...a}){const l=t.clsx(o,"dialog",`dialog-type-${s}`,`dialog-size-${i}`);return e.jsx(n.Dialog,{className:l,...a})}const y=({onPress:o})=>e.jsx(c.IconButton,{className:"dialog-close","aria-label":"Dismiss dialog",onPress:o,variant:"subtle",size:"small",children:e.jsx(m.IconX,{})});function g({...o}){return e.jsx(n.DialogTrigger,{...o})}function B({label:o,icon:s,variant:i,children:a,...l}){return e.jsxs(g,{children:[s?e.jsx(c.IconButton,{variant:i,"aria-label":o,children:s}):e.jsx(j.Button,{variant:i,children:o}),e.jsx(d,{isDismissable:!0,children:e.jsx(u,{...l,children:a})})]})}function T({className:o,...s}){const i=t.clsx(o,"dialog-title");return e.jsx(r.TextHeading,{...s,slot:"title",className:i})}function b({className:o,...s}){const i=t.clsx(o,"dialog-description");return e.jsx(r.Text,{...s,className:i})}function p({bleed:o,className:s,...i}){const a=t.clsx(s,"dialog-body",o&&"dialog-body-bleed");return e.jsx("div",{...i,className:a})}function d({children:o,className:s,isDismissable:i,UNSTABLE_portalContainer:a,...l}){const x=t.clsx(s,"dialog-backdrop"),D=N.useOverlayPortalContainer();return e.jsx(n.ModalOverlay,{className:x,isDismissable:i,...l,UNSTABLE_portalContainer:a??D,children:e.jsx(n.Modal,{className:"dialog-container",children:o})})}exports.Dialog=u;exports.DialogBody=p;exports.DialogButton=B;exports.DialogClose=y;exports.DialogDescription=b;exports.DialogModal=d;exports.DialogTitle=T;exports.DialogTrigger=g;
 //# sourceMappingURL=Dialog.cjs.map

package/dist/lib/ui/primitives/Dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","sources":["../../../../../src/ui/primitives/Dialog/Dialog.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconX } from \"icons\";\nimport {\n  Button,\n  ButtonProps,\n  IconButton,\n  IconButtonProps,\n  Text,\n  TextHeading,\n  type TextHeadingProps,\n  type TextProps,\n} from \"primitives\";\nimport {\n  Dialog as RACDialog,\n  DialogTrigger as RACDialogTrigger,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n  type DialogProps as RACDialogProps,\n  type DialogTriggerProps as RACDialogTriggerProps,\n  type ModalOverlayProps as RACModalOverlayProps,\n} from \"react-aria-components\";\nimport \"./dialog.css\";\n\nexport type DialogProps = RACDialogProps & {\n  type?: \"sheet\" | \"card\";\n};\nexport function Dialog({ className, type = \"card\", ...props }: DialogProps) {\n  const classNames = clsx(className, \"dialog\", `dialog-type-${type}`);\n  return <RACDialog className={classNames} {...props} />;\n}\n\nexport type DialogCloseProps = Pick<IconButtonProps, \"onPress\">;\nexport const DialogClose = ({ onPress }: DialogCloseProps) => (\n  <IconButton\n    className=\"dialog-close\"\n    aria-label=\"Dismiss dialog\"\n    onPress={onPress}\n    variant=\"subtle\"\n    size=\"small\"\n  >\n    <IconX />\n  </IconButton>\n);\n\nexport type DialogTriggerProps = RACDialogTriggerProps;\nexport function DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <RACDialogTrigger {...props} />;\n}\n\nexport interface DialogButtonProps\n  extends DialogProps,\n    Omit<DialogTriggerProps, \"children\"> {\n  label: string;\n  variant?: ButtonProps[\"variant\"];\n  icon?: React.ReactNode;\n}\nexport function DialogButton({\n  label,\n  icon,\n  variant,\n  children,\n  ...props\n}: DialogButtonProps) {\n  return (\n    <DialogTrigger>\n      {icon ? (\n        <IconButton variant={variant} aria-label={label}>\n          {icon}\n        </IconButton>\n      ) : (\n        <Button variant={variant}>{label}</Button>\n      )}\n      <DialogModal isDismissable>\n        <Dialog {...props}>{children}</Dialog>\n      </DialogModal>\n    </DialogTrigger>\n  );\n}\n\nexport type DialogTitleProps = TextHeadingProps;\nexport function DialogTitle({ className, ...props }: DialogTitleProps) {\n  const classNames = clsx(className, \"dialog-title\");\n  return <TextHeading {...props} slot=\"title\" className={classNames} />;\n}\n\nexport type DialogDescriptionProps = TextProps;\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  const classNames = clsx(className, \"dialog-description\");\n  return <Text {...props} className={classNames} />;\n}\n\nexport type DialogBodyProps = {\n  bleed?: boolean;\n} & React.ComponentPropsWithoutRef<\"div\">;\nexport function DialogBody({ bleed, className, ...props }: DialogBodyProps) {\n  const classNames = clsx(\n    className,\n    \"dialog-body\",\n    bleed && \"dialog-body-bleed\",\n  );\n  return <div {...props} className={classNames} />;\n}\n\nexport type DialogModalProps = RACModalOverlayProps;\nexport function DialogModal({\n  children,\n  className,\n  isDismissable,\n  UNSTABLE_portalContainer,\n  ...props\n}: DialogModalProps) {\n  const classNames = clsx(className, \"dialog-backdrop\");\n  // Sem um container explícito, o RAC faz portal no document.body — fora da\n  // shadow root do MFE, onde o CSS do DS não alcança, e o dialog abre sem\n  // estilo. Ver OverlayPortalProvider em ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <RACModalOverlay\n      className={classNames}\n      isDismissable={isDismissable}\n      {...props}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer ?? portalContainer}\n    >\n      <RACModal className={\"dialog-container\"}>{children}</RACModal>\n    </RACModalOverlay>\n  );\n}\n"],"names":["Dialog","className","type","props","classNames","clsx","jsx","RACDialog","DialogClose","onPress","IconButton","IconX","DialogTrigger","RACDialogTrigger","DialogButton","label","icon","variant","children","Button","DialogModal","DialogTitle","TextHeading","DialogDescription","Text","DialogBody","bleed","isDismissable","UNSTABLE_portalContainer","portalContainer","useOverlayPortalContainer","RACModalOverlay","RACModal"],"mappings":"qaA2BO,SAASA,EAAO,CAAE,UAAAC,EAAW,KAAAC,EAAO,OAAQ,GAAGC,GAAsB,CAC1E,MAAMC,EAAaC,EAAAA,KAAKJ,EAAW,SAAU,eAAeC,CAAI,EAAE,EAClE,OAAOI,EAAAA,IAACC,EAAAA,OAAA,CAAU,UAAWH,EAAa,GAAGD,EAAO,CACtD,CAGO,MAAMK,EAAc,CAAC,CAAE,QAAAC,CAAA,IAC5BH,EAAAA,IAACI,EAAAA,WAAA,CACC,UAAU,eACV,aAAW,iBACX,QAAAD,EACA,QAAQ,SACR,KAAK,QAEL,eAACE,EAAAA,MAAA,CAAA,CAAM,CAAA,CACT,EAIK,SAASC,EAAc,CAAE,GAAGT,GAA6B,CAC9D,OAAOG,MAACO,EAAAA,cAAA,CAAkB,GAAGV,CAAA,CAAO,CACtC,CASO,SAASW,EAAa,CAC3B,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGf,CACL,EAAsB,CACpB,cACGS,EAAA,CACE,SAAA,CAAAI,EACCV,EAAAA,IAACI,EAAAA,WAAA,CAAW,QAAAO,EAAkB,aAAYF,EACvC,WACH,EAEAT,EAAAA,IAACa,EAAAA,OAAA,CAAO,QAAAF,EAAmB,SAAAF,EAAM,EAEnCT,EAAAA,IAACc,GAAY,cAAa,GACxB,eAACpB,EAAA,CAAQ,GAAGG,EAAQ,SAAAe,CAAA,CAAS,CAAA,CAC/B,CAAA,EACF,CAEJ,CAGO,SAASG,EAAY,CAAE,UAAApB,EAAW,GAAGE,GAA2B,CACrE,MAAMC,EAAaC,EAAAA,KAAKJ,EAAW,cAAc,EACjD,aAAQqB,EAAAA,YAAA,CAAa,GAAGnB,EAAO,KAAK,QAAQ,UAAWC,EAAY,CACrE,CAGO,SAASmB,EAAkB,CAChC,UAAAtB,EACA,GAAGE,CACL,EAA2B,CACzB,MAAMC,EAAaC,EAAAA,KAAKJ,EAAW,oBAAoB,EACvD,OAAOK,EAAAA,IAACkB,EAAAA,KAAA,CAAM,GAAGrB,EAAO,UAAWC,EAAY,CACjD,CAKO,SAASqB,EAAW,CAAE,MAAAC,EAAO,UAAAzB,EAAW,GAAGE,GAA0B,CAC1E,MAAMC,EAAaC,EAAAA,KACjBJ,EACA,cACAyB,GAAS,mBAAA,EAEX,OAAOpB,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAO,UAAWC,EAAY,CAChD,CAGO,SAASgB,EAAY,CAC1B,SAAAF,EACA,UAAAjB,EACA,cAAA0B,EACA,yBAAAC,EACA,GAAGzB,CACL,EAAqB,CACnB,MAAMC,EAAaC,EAAAA,KAAKJ,EAAW,iBAAiB,EAI9C4B,EAAkBC,EAAAA,0BAAA,EACxB,OACExB,EAAAA,IAACyB,EAAAA,aAAA,CACC,UAAW3B,EACX,cAAAuB,EACC,GAAGxB,EACJ,yBAA0ByB,GAA4BC,EAEtD,SAAAvB,EAAAA,IAAC0B,EAAAA,MAAA,CAAS,UAAW,mBAAqB,SAAAd,CAAA,CAAS,CAAA,CAAA,CAGzD"}
+{"version":3,"file":"Dialog.cjs","sources":["../../../../../src/ui/primitives/Dialog/Dialog.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconX } from \"icons\";\nimport {\n  Button,\n  ButtonProps,\n  IconButton,\n  IconButtonProps,\n  Text,\n  TextHeading,\n  type TextHeadingProps,\n  type TextProps,\n} from \"primitives\";\nimport {\n  Dialog as RACDialog,\n  DialogTrigger as RACDialogTrigger,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n  type DialogProps as RACDialogProps,\n  type DialogTriggerProps as RACDialogTriggerProps,\n  type ModalOverlayProps as RACModalOverlayProps,\n} from \"react-aria-components\";\nimport \"./dialog.css\";\n\nexport type DialogSize = \"medium\" | \"large\" | \"xlarge\";\n\nexport type DialogProps = RACDialogProps & {\n  type?: \"sheet\" | \"card\";\n  size?: DialogSize;\n};\nexport function Dialog({\n  className,\n  type = \"card\",\n  size = \"medium\",\n  ...props\n}: DialogProps) {\n  const classNames = clsx(\n    className,\n    \"dialog\",\n    `dialog-type-${type}`,\n    `dialog-size-${size}`,\n  );\n  return <RACDialog className={classNames} {...props} />;\n}\n\nexport type DialogCloseProps = Pick<IconButtonProps, \"onPress\">;\nexport const DialogClose = ({ onPress }: DialogCloseProps) => (\n  <IconButton\n    className=\"dialog-close\"\n    aria-label=\"Dismiss dialog\"\n    onPress={onPress}\n    variant=\"subtle\"\n    size=\"small\"\n  >\n    <IconX />\n  </IconButton>\n);\n\nexport type DialogTriggerProps = RACDialogTriggerProps;\nexport function DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <RACDialogTrigger {...props} />;\n}\n\nexport interface DialogButtonProps\n  extends DialogProps,\n    Omit<DialogTriggerProps, \"children\"> {\n  label: string;\n  variant?: ButtonProps[\"variant\"];\n  icon?: React.ReactNode;\n}\nexport function DialogButton({\n  label,\n  icon,\n  variant,\n  children,\n  ...props\n}: DialogButtonProps) {\n  return (\n    <DialogTrigger>\n      {icon ? (\n        <IconButton variant={variant} aria-label={label}>\n          {icon}\n        </IconButton>\n      ) : (\n        <Button variant={variant}>{label}</Button>\n      )}\n      <DialogModal isDismissable>\n        <Dialog {...props}>{children}</Dialog>\n      </DialogModal>\n    </DialogTrigger>\n  );\n}\n\nexport type DialogTitleProps = TextHeadingProps;\nexport function DialogTitle({ className, ...props }: DialogTitleProps) {\n  const classNames = clsx(className, \"dialog-title\");\n  return <TextHeading {...props} slot=\"title\" className={classNames} />;\n}\n\nexport type DialogDescriptionProps = TextProps;\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  const classNames = clsx(className, \"dialog-description\");\n  return <Text {...props} className={classNames} />;\n}\n\nexport type DialogBodyProps = {\n  bleed?: boolean;\n} & React.ComponentPropsWithoutRef<\"div\">;\nexport function DialogBody({ bleed, className, ...props }: DialogBodyProps) {\n  const classNames = clsx(\n    className,\n    \"dialog-body\",\n    bleed && \"dialog-body-bleed\",\n  );\n  return <div {...props} className={classNames} />;\n}\n\nexport type DialogModalProps = RACModalOverlayProps;\nexport function DialogModal({\n  children,\n  className,\n  isDismissable,\n  UNSTABLE_portalContainer,\n  ...props\n}: DialogModalProps) {\n  const classNames = clsx(className, \"dialog-backdrop\");\n  // Sem um container explícito, o RAC faz portal no document.body — fora da\n  // shadow root do MFE, onde o CSS do DS não alcança, e o dialog abre sem\n  // estilo. Ver OverlayPortalProvider em ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <RACModalOverlay\n      className={classNames}\n      isDismissable={isDismissable}\n      {...props}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer ?? portalContainer}\n    >\n      <RACModal className={\"dialog-container\"}>{children}</RACModal>\n    </RACModalOverlay>\n  );\n}\n"],"names":["Dialog","className","type","size","props","classNames","clsx","jsx","RACDialog","DialogClose","onPress","IconButton","IconX","DialogTrigger","RACDialogTrigger","DialogButton","label","icon","variant","children","Button","DialogModal","DialogTitle","TextHeading","DialogDescription","Text","DialogBody","bleed","isDismissable","UNSTABLE_portalContainer","portalContainer","useOverlayPortalContainer","RACModalOverlay","RACModal"],"mappings":"qaA8BO,SAASA,EAAO,CACrB,UAAAC,EACA,KAAAC,EAAO,OACP,KAAAC,EAAO,SACP,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAaC,EAAAA,KACjBL,EACA,SACA,eAAeC,CAAI,GACnB,eAAeC,CAAI,EAAA,EAErB,OAAOI,EAAAA,IAACC,EAAAA,OAAA,CAAU,UAAWH,EAAa,GAAGD,EAAO,CACtD,CAGO,MAAMK,EAAc,CAAC,CAAE,QAAAC,CAAA,IAC5BH,EAAAA,IAACI,EAAAA,WAAA,CACC,UAAU,eACV,aAAW,iBACX,QAAAD,EACA,QAAQ,SACR,KAAK,QAEL,eAACE,EAAAA,MAAA,CAAA,CAAM,CAAA,CACT,EAIK,SAASC,EAAc,CAAE,GAAGT,GAA6B,CAC9D,OAAOG,MAACO,EAAAA,cAAA,CAAkB,GAAGV,CAAA,CAAO,CACtC,CASO,SAASW,EAAa,CAC3B,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGf,CACL,EAAsB,CACpB,cACGS,EAAA,CACE,SAAA,CAAAI,EACCV,EAAAA,IAACI,EAAAA,WAAA,CAAW,QAAAO,EAAkB,aAAYF,EACvC,WACH,EAEAT,EAAAA,IAACa,EAAAA,OAAA,CAAO,QAAAF,EAAmB,SAAAF,EAAM,EAEnCT,EAAAA,IAACc,GAAY,cAAa,GACxB,eAACrB,EAAA,CAAQ,GAAGI,EAAQ,SAAAe,CAAA,CAAS,CAAA,CAC/B,CAAA,EACF,CAEJ,CAGO,SAASG,EAAY,CAAE,UAAArB,EAAW,GAAGG,GAA2B,CACrE,MAAMC,EAAaC,EAAAA,KAAKL,EAAW,cAAc,EACjD,aAAQsB,EAAAA,YAAA,CAAa,GAAGnB,EAAO,KAAK,QAAQ,UAAWC,EAAY,CACrE,CAGO,SAASmB,EAAkB,CAChC,UAAAvB,EACA,GAAGG,CACL,EAA2B,CACzB,MAAMC,EAAaC,EAAAA,KAAKL,EAAW,oBAAoB,EACvD,OAAOM,EAAAA,IAACkB,EAAAA,KAAA,CAAM,GAAGrB,EAAO,UAAWC,EAAY,CACjD,CAKO,SAASqB,EAAW,CAAE,MAAAC,EAAO,UAAA1B,EAAW,GAAGG,GAA0B,CAC1E,MAAMC,EAAaC,EAAAA,KACjBL,EACA,cACA0B,GAAS,mBAAA,EAEX,OAAOpB,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAO,UAAWC,EAAY,CAChD,CAGO,SAASgB,EAAY,CAC1B,SAAAF,EACA,UAAAlB,EACA,cAAA2B,EACA,yBAAAC,EACA,GAAGzB,CACL,EAAqB,CACnB,MAAMC,EAAaC,EAAAA,KAAKL,EAAW,iBAAiB,EAI9C6B,EAAkBC,EAAAA,0BAAA,EACxB,OACExB,EAAAA,IAACyB,EAAAA,aAAA,CACC,UAAW3B,EACX,cAAAuB,EACC,GAAGxB,EACJ,yBAA0ByB,GAA4BC,EAEtD,SAAAvB,EAAAA,IAAC0B,EAAAA,MAAA,CAAS,UAAW,mBAAqB,SAAAd,CAAA,CAAS,CAAA,CAAA,CAGzD"}

package/dist/lib/ui/primitives/Dialog/Dialog.js

@@ -1,17 +1,27 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { clsx as s } from "../../../vendor/clsx/dist/clsx.js";
-import { Dialog as g, DialogTrigger as d, ModalOverlay as u, Modal as p } from "react-aria-components";
+import { clsx as t } from "../../../vendor/clsx/dist/clsx.js";
+import { Dialog as d, DialogTrigger as g, ModalOverlay as u, Modal as p } from "react-aria-components";
 /* empty css           */
 import { IconX as f } from "../../icons/IconX.js";
 import { TextHeading as D, Text as N } from "../Text/Text.js";
 import { IconButton as e } from "../IconButton/IconButton.js";
 import { Button as b } from "../Button/Button.js";
 import { useOverlayPortalContainer as T } from "../../hooks/useOverlayPortal.js";
-function h({ className: o, type: i = "card", ...l }) {
-  const r = s(o, "dialog", `dialog-type-${i}`);
-  return /* @__PURE__ */ a(g, { className: r, ...l });
+function h({
+  className: o,
+  type: i = "card",
+  size: l = "medium",
+  ...r
+}) {
+  const s = t(
+    o,
+    "dialog",
+    `dialog-type-${i}`,
+    `dialog-size-${l}`
+  );
+  return /* @__PURE__ */ a(d, { className: s, ...r });
 }
-const z = ({ onPress: o }) => /* @__PURE__ */ a(
+const k = ({ onPress: o }) => /* @__PURE__ */ a(
   e,
   {
     className: "dialog-close",
@@ -23,33 +33,33 @@ const z = ({ onPress: o }) => /* @__PURE__ */ a(
   }
 );
 function x({ ...o }) {
-  return /* @__PURE__ */ a(d, { ...o });
+  return /* @__PURE__ */ a(g, { ...o });
 }
 function A({
   label: o,
   icon: i,
   variant: l,
   children: r,
-  ...t
+  ...s
 }) {
   return /* @__PURE__ */ m(x, { children: [
     i ? /* @__PURE__ */ a(e, { variant: l, "aria-label": o, children: i }) : /* @__PURE__ */ a(b, { variant: l, children: o }),
-    /* @__PURE__ */ a(y, { isDismissable: !0, children: /* @__PURE__ */ a(h, { ...t, children: r }) })
+    /* @__PURE__ */ a(y, { isDismissable: !0, children: /* @__PURE__ */ a(h, { ...s, children: r }) })
   ] });
 }
 function E({ className: o, ...i }) {
-  const l = s(o, "dialog-title");
+  const l = t(o, "dialog-title");
   return /* @__PURE__ */ a(D, { ...i, slot: "title", className: l });
 }
 function H({
   className: o,
   ...i
 }) {
-  const l = s(o, "dialog-description");
+  const l = t(o, "dialog-description");
   return /* @__PURE__ */ a(N, { ...i, className: l });
 }
 function L({ bleed: o, className: i, ...l }) {
-  const r = s(
+  const r = t(
     i,
     "dialog-body",
     o && "dialog-body-bleed"
@@ -61,15 +71,15 @@ function y({
   className: i,
   isDismissable: l,
   UNSTABLE_portalContainer: r,
-  ...t
+  ...s
 }) {
-  const n = s(i, "dialog-backdrop"), c = T();
+  const n = t(i, "dialog-backdrop"), c = T();
   return /* @__PURE__ */ a(
     u,
     {
       className: n,
       isDismissable: l,
-      ...t,
+      ...s,
       UNSTABLE_portalContainer: r ?? c,
       children: /* @__PURE__ */ a(p, { className: "dialog-container", children: o })
     }
@@ -79,7 +89,7 @@ export {
   h as Dialog,
   L as DialogBody,
   A as DialogButton,
-  z as DialogClose,
+  k as DialogClose,
   H as DialogDescription,
   y as DialogModal,
   E as DialogTitle,

package/dist/lib/ui/primitives/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../src/ui/primitives/Dialog/Dialog.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconX } from \"icons\";\nimport {\n  Button,\n  ButtonProps,\n  IconButton,\n  IconButtonProps,\n  Text,\n  TextHeading,\n  type TextHeadingProps,\n  type TextProps,\n} from \"primitives\";\nimport {\n  Dialog as RACDialog,\n  DialogTrigger as RACDialogTrigger,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n  type DialogProps as RACDialogProps,\n  type DialogTriggerProps as RACDialogTriggerProps,\n  type ModalOverlayProps as RACModalOverlayProps,\n} from \"react-aria-components\";\nimport \"./dialog.css\";\n\nexport type DialogProps = RACDialogProps & {\n  type?: \"sheet\" | \"card\";\n};\nexport function Dialog({ className, type = \"card\", ...props }: DialogProps) {\n  const classNames = clsx(className, \"dialog\", `dialog-type-${type}`);\n  return <RACDialog className={classNames} {...props} />;\n}\n\nexport type DialogCloseProps = Pick<IconButtonProps, \"onPress\">;\nexport const DialogClose = ({ onPress }: DialogCloseProps) => (\n  <IconButton\n    className=\"dialog-close\"\n    aria-label=\"Dismiss dialog\"\n    onPress={onPress}\n    variant=\"subtle\"\n    size=\"small\"\n  >\n    <IconX />\n  </IconButton>\n);\n\nexport type DialogTriggerProps = RACDialogTriggerProps;\nexport function DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <RACDialogTrigger {...props} />;\n}\n\nexport interface DialogButtonProps\n  extends DialogProps,\n    Omit<DialogTriggerProps, \"children\"> {\n  label: string;\n  variant?: ButtonProps[\"variant\"];\n  icon?: React.ReactNode;\n}\nexport function DialogButton({\n  label,\n  icon,\n  variant,\n  children,\n  ...props\n}: DialogButtonProps) {\n  return (\n    <DialogTrigger>\n      {icon ? (\n        <IconButton variant={variant} aria-label={label}>\n          {icon}\n        </IconButton>\n      ) : (\n        <Button variant={variant}>{label}</Button>\n      )}\n      <DialogModal isDismissable>\n        <Dialog {...props}>{children}</Dialog>\n      </DialogModal>\n    </DialogTrigger>\n  );\n}\n\nexport type DialogTitleProps = TextHeadingProps;\nexport function DialogTitle({ className, ...props }: DialogTitleProps) {\n  const classNames = clsx(className, \"dialog-title\");\n  return <TextHeading {...props} slot=\"title\" className={classNames} />;\n}\n\nexport type DialogDescriptionProps = TextProps;\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  const classNames = clsx(className, \"dialog-description\");\n  return <Text {...props} className={classNames} />;\n}\n\nexport type DialogBodyProps = {\n  bleed?: boolean;\n} & React.ComponentPropsWithoutRef<\"div\">;\nexport function DialogBody({ bleed, className, ...props }: DialogBodyProps) {\n  const classNames = clsx(\n    className,\n    \"dialog-body\",\n    bleed && \"dialog-body-bleed\",\n  );\n  return <div {...props} className={classNames} />;\n}\n\nexport type DialogModalProps = RACModalOverlayProps;\nexport function DialogModal({\n  children,\n  className,\n  isDismissable,\n  UNSTABLE_portalContainer,\n  ...props\n}: DialogModalProps) {\n  const classNames = clsx(className, \"dialog-backdrop\");\n  // Sem um container explícito, o RAC faz portal no document.body — fora da\n  // shadow root do MFE, onde o CSS do DS não alcança, e o dialog abre sem\n  // estilo. Ver OverlayPortalProvider em ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <RACModalOverlay\n      className={classNames}\n      isDismissable={isDismissable}\n      {...props}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer ?? portalContainer}\n    >\n      <RACModal className={\"dialog-container\"}>{children}</RACModal>\n    </RACModalOverlay>\n  );\n}\n"],"names":["Dialog","className","type","props","classNames","clsx","jsx","RACDialog","DialogClose","onPress","IconButton","IconX","DialogTrigger","RACDialogTrigger","DialogButton","label","icon","variant","children","Button","DialogModal","DialogTitle","TextHeading","DialogDescription","Text","DialogBody","bleed","isDismissable","UNSTABLE_portalContainer","portalContainer","useOverlayPortalContainer","RACModalOverlay","RACModal"],"mappings":";;;;;;;;;AA2BO,SAASA,EAAO,EAAE,WAAAC,GAAW,MAAAC,IAAO,QAAQ,GAAGC,KAAsB;AAC1E,QAAMC,IAAaC,EAAKJ,GAAW,UAAU,eAAeC,CAAI,EAAE;AAClE,SAAO,gBAAAI,EAACC,GAAA,EAAU,WAAWH,GAAa,GAAGD,GAAO;AACtD;AAGO,MAAMK,IAAc,CAAC,EAAE,SAAAC,EAAA,MAC5B,gBAAAH;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,cAAW;AAAA,IACX,SAAAD;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IAEL,4BAACE,GAAA,CAAA,CAAM;AAAA,EAAA;AACT;AAIK,SAASC,EAAc,EAAE,GAAGT,KAA6B;AAC9D,SAAO,gBAAAG,EAACO,GAAA,EAAkB,GAAGV,EAAA,CAAO;AACtC;AASO,SAASW,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGf;AACL,GAAsB;AACpB,2BACGS,GAAA,EACE,UAAA;AAAA,IAAAI,IACC,gBAAAV,EAACI,GAAA,EAAW,SAAAO,GAAkB,cAAYF,GACvC,aACH,IAEA,gBAAAT,EAACa,GAAA,EAAO,SAAAF,GAAmB,UAAAF,GAAM;AAAA,IAEnC,gBAAAT,EAACc,KAAY,eAAa,IACxB,4BAACpB,GAAA,EAAQ,GAAGG,GAAQ,UAAAe,EAAA,CAAS,EAAA,CAC/B;AAAA,EAAA,GACF;AAEJ;AAGO,SAASG,EAAY,EAAE,WAAApB,GAAW,GAAGE,KAA2B;AACrE,QAAMC,IAAaC,EAAKJ,GAAW,cAAc;AACjD,2BAAQqB,GAAA,EAAa,GAAGnB,GAAO,MAAK,SAAQ,WAAWC,GAAY;AACrE;AAGO,SAASmB,EAAkB;AAAA,EAChC,WAAAtB;AAAA,EACA,GAAGE;AACL,GAA2B;AACzB,QAAMC,IAAaC,EAAKJ,GAAW,oBAAoB;AACvD,SAAO,gBAAAK,EAACkB,GAAA,EAAM,GAAGrB,GAAO,WAAWC,GAAY;AACjD;AAKO,SAASqB,EAAW,EAAE,OAAAC,GAAO,WAAAzB,GAAW,GAAGE,KAA0B;AAC1E,QAAMC,IAAaC;AAAA,IACjBJ;AAAA,IACA;AAAA,IACAyB,KAAS;AAAA,EAAA;AAEX,SAAO,gBAAApB,EAAC,OAAA,EAAK,GAAGH,GAAO,WAAWC,GAAY;AAChD;AAGO,SAASgB,EAAY;AAAA,EAC1B,UAAAF;AAAA,EACA,WAAAjB;AAAA,EACA,eAAA0B;AAAA,EACA,0BAAAC;AAAA,EACA,GAAGzB;AACL,GAAqB;AACnB,QAAMC,IAAaC,EAAKJ,GAAW,iBAAiB,GAI9C4B,IAAkBC,EAAA;AACxB,SACE,gBAAAxB;AAAA,IAACyB;AAAAA,IAAA;AAAA,MACC,WAAW3B;AAAA,MACX,eAAAuB;AAAA,MACC,GAAGxB;AAAA,MACJ,0BAA0ByB,KAA4BC;AAAA,MAEtD,UAAA,gBAAAvB,EAAC0B,GAAA,EAAS,WAAW,oBAAqB,UAAAd,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/ui/primitives/Dialog/Dialog.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { IconX } from \"icons\";\nimport {\n  Button,\n  ButtonProps,\n  IconButton,\n  IconButtonProps,\n  Text,\n  TextHeading,\n  type TextHeadingProps,\n  type TextProps,\n} from \"primitives\";\nimport {\n  Dialog as RACDialog,\n  DialogTrigger as RACDialogTrigger,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n  type DialogProps as RACDialogProps,\n  type DialogTriggerProps as RACDialogTriggerProps,\n  type ModalOverlayProps as RACModalOverlayProps,\n} from \"react-aria-components\";\nimport \"./dialog.css\";\n\nexport type DialogSize = \"medium\" | \"large\" | \"xlarge\";\n\nexport type DialogProps = RACDialogProps & {\n  type?: \"sheet\" | \"card\";\n  size?: DialogSize;\n};\nexport function Dialog({\n  className,\n  type = \"card\",\n  size = \"medium\",\n  ...props\n}: DialogProps) {\n  const classNames = clsx(\n    className,\n    \"dialog\",\n    `dialog-type-${type}`,\n    `dialog-size-${size}`,\n  );\n  return <RACDialog className={classNames} {...props} />;\n}\n\nexport type DialogCloseProps = Pick<IconButtonProps, \"onPress\">;\nexport const DialogClose = ({ onPress }: DialogCloseProps) => (\n  <IconButton\n    className=\"dialog-close\"\n    aria-label=\"Dismiss dialog\"\n    onPress={onPress}\n    variant=\"subtle\"\n    size=\"small\"\n  >\n    <IconX />\n  </IconButton>\n);\n\nexport type DialogTriggerProps = RACDialogTriggerProps;\nexport function DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <RACDialogTrigger {...props} />;\n}\n\nexport interface DialogButtonProps\n  extends DialogProps,\n    Omit<DialogTriggerProps, \"children\"> {\n  label: string;\n  variant?: ButtonProps[\"variant\"];\n  icon?: React.ReactNode;\n}\nexport function DialogButton({\n  label,\n  icon,\n  variant,\n  children,\n  ...props\n}: DialogButtonProps) {\n  return (\n    <DialogTrigger>\n      {icon ? (\n        <IconButton variant={variant} aria-label={label}>\n          {icon}\n        </IconButton>\n      ) : (\n        <Button variant={variant}>{label}</Button>\n      )}\n      <DialogModal isDismissable>\n        <Dialog {...props}>{children}</Dialog>\n      </DialogModal>\n    </DialogTrigger>\n  );\n}\n\nexport type DialogTitleProps = TextHeadingProps;\nexport function DialogTitle({ className, ...props }: DialogTitleProps) {\n  const classNames = clsx(className, \"dialog-title\");\n  return <TextHeading {...props} slot=\"title\" className={classNames} />;\n}\n\nexport type DialogDescriptionProps = TextProps;\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  const classNames = clsx(className, \"dialog-description\");\n  return <Text {...props} className={classNames} />;\n}\n\nexport type DialogBodyProps = {\n  bleed?: boolean;\n} & React.ComponentPropsWithoutRef<\"div\">;\nexport function DialogBody({ bleed, className, ...props }: DialogBodyProps) {\n  const classNames = clsx(\n    className,\n    \"dialog-body\",\n    bleed && \"dialog-body-bleed\",\n  );\n  return <div {...props} className={classNames} />;\n}\n\nexport type DialogModalProps = RACModalOverlayProps;\nexport function DialogModal({\n  children,\n  className,\n  isDismissable,\n  UNSTABLE_portalContainer,\n  ...props\n}: DialogModalProps) {\n  const classNames = clsx(className, \"dialog-backdrop\");\n  // Sem um container explícito, o RAC faz portal no document.body — fora da\n  // shadow root do MFE, onde o CSS do DS não alcança, e o dialog abre sem\n  // estilo. Ver OverlayPortalProvider em ui/hooks/useOverlayPortal.\n  const portalContainer = useOverlayPortalContainer();\n  return (\n    <RACModalOverlay\n      className={classNames}\n      isDismissable={isDismissable}\n      {...props}\n      UNSTABLE_portalContainer={UNSTABLE_portalContainer ?? portalContainer}\n    >\n      <RACModal className={\"dialog-container\"}>{children}</RACModal>\n    </RACModalOverlay>\n  );\n}\n"],"names":["Dialog","className","type","size","props","classNames","clsx","jsx","RACDialog","DialogClose","onPress","IconButton","IconX","DialogTrigger","RACDialogTrigger","DialogButton","label","icon","variant","children","Button","DialogModal","DialogTitle","TextHeading","DialogDescription","Text","DialogBody","bleed","isDismissable","UNSTABLE_portalContainer","portalContainer","useOverlayPortalContainer","RACModalOverlay","RACModal"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAO;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAaC;AAAA,IACjBL;AAAA,IACA;AAAA,IACA,eAAeC,CAAI;AAAA,IACnB,eAAeC,CAAI;AAAA,EAAA;AAErB,SAAO,gBAAAI,EAACC,GAAA,EAAU,WAAWH,GAAa,GAAGD,GAAO;AACtD;AAGO,MAAMK,IAAc,CAAC,EAAE,SAAAC,EAAA,MAC5B,gBAAAH;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,cAAW;AAAA,IACX,SAAAD;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IAEL,4BAACE,GAAA,CAAA,CAAM;AAAA,EAAA;AACT;AAIK,SAASC,EAAc,EAAE,GAAGT,KAA6B;AAC9D,SAAO,gBAAAG,EAACO,GAAA,EAAkB,GAAGV,EAAA,CAAO;AACtC;AASO,SAASW,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGf;AACL,GAAsB;AACpB,2BACGS,GAAA,EACE,UAAA;AAAA,IAAAI,IACC,gBAAAV,EAACI,GAAA,EAAW,SAAAO,GAAkB,cAAYF,GACvC,aACH,IAEA,gBAAAT,EAACa,GAAA,EAAO,SAAAF,GAAmB,UAAAF,GAAM;AAAA,IAEnC,gBAAAT,EAACc,KAAY,eAAa,IACxB,4BAACrB,GAAA,EAAQ,GAAGI,GAAQ,UAAAe,EAAA,CAAS,EAAA,CAC/B;AAAA,EAAA,GACF;AAEJ;AAGO,SAASG,EAAY,EAAE,WAAArB,GAAW,GAAGG,KAA2B;AACrE,QAAMC,IAAaC,EAAKL,GAAW,cAAc;AACjD,2BAAQsB,GAAA,EAAa,GAAGnB,GAAO,MAAK,SAAQ,WAAWC,GAAY;AACrE;AAGO,SAASmB,EAAkB;AAAA,EAChC,WAAAvB;AAAA,EACA,GAAGG;AACL,GAA2B;AACzB,QAAMC,IAAaC,EAAKL,GAAW,oBAAoB;AACvD,SAAO,gBAAAM,EAACkB,GAAA,EAAM,GAAGrB,GAAO,WAAWC,GAAY;AACjD;AAKO,SAASqB,EAAW,EAAE,OAAAC,GAAO,WAAA1B,GAAW,GAAGG,KAA0B;AAC1E,QAAMC,IAAaC;AAAA,IACjBL;AAAA,IACA;AAAA,IACA0B,KAAS;AAAA,EAAA;AAEX,SAAO,gBAAApB,EAAC,OAAA,EAAK,GAAGH,GAAO,WAAWC,GAAY;AAChD;AAGO,SAASgB,EAAY;AAAA,EAC1B,UAAAF;AAAA,EACA,WAAAlB;AAAA,EACA,eAAA2B;AAAA,EACA,0BAAAC;AAAA,EACA,GAAGzB;AACL,GAAqB;AACnB,QAAMC,IAAaC,EAAKL,GAAW,iBAAiB,GAI9C6B,IAAkBC,EAAA;AACxB,SACE,gBAAAxB;AAAA,IAACyB;AAAAA,IAAA;AAAA,MACC,WAAW3B;AAAA,MACX,eAAAuB;AAAA,MACC,GAAGxB;AAAA,MACJ,0BAA0ByB,KAA4BC;AAAA,MAEtD,UAAA,gBAAAvB,EAAC0B,GAAA,EAAS,WAAW,oBAAqB,UAAAd,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

package/dist/lib/ui/primitives/Switch/Switch.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react-aria-components");;/* empty css             */const i=require("../Fieldset/Fieldset.cjs");function x({className:e,...c}){const t=r.clsx(e,"switch-group");return s.jsx("div",{...c,className:t})}function j({children:e,className:c,label:t,description:n,errorMessage:o,...u}){const d=r.clsx(c,"switch-field"),l=t||(typeof e=="string"?e:void 0);return s.jsx(h.Switch,{className:d,...u,children:s.jsxs(s.Fragment,{children:[s.jsx(i.Label,{children:l}),s.jsx(a,{}),n&&s.jsx(i.Description,{children:n}),s.jsx(i.FieldError,{children:o}),l!==e&&e]})})}function a({className:e,...c}){const t=r.clsx(e,"sds-switch");return s.jsx("div",{className:t,...c,children:s.jsx("span",{"aria-hidden":"true",className:"switch-icon"})})}exports.Switch=a;exports.SwitchField=j;exports.SwitchGroup=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("../../../vendor/clsx/dist/clsx.cjs"),x=require("react-aria-components");;/* empty css             */const i=require("../Fieldset/Fieldset.cjs");function w({className:e,...t}){const c=r.clsx(e,"switch-group");return s.jsx("div",{...t,className:c})}function j({children:e,className:t,label:c,description:n,errorMessage:o,labelPosition:u="start",...d}){const h=r.clsx(t,"switch-field",`switch-field-label-${u}`),l=c||(typeof e=="string"?e:void 0);return s.jsx(x.Switch,{className:h,...d,children:s.jsxs(s.Fragment,{children:[s.jsx(i.Label,{children:l}),s.jsx(a,{}),n&&s.jsx(i.Description,{children:n}),s.jsx(i.FieldError,{children:o}),l!==e&&e]})})}function a({className:e,...t}){const c=r.clsx(e,"sds-switch");return s.jsx("div",{className:c,...t,children:s.jsx("span",{"aria-hidden":"true",className:"switch-icon"})})}exports.Switch=a;exports.SwitchField=j;exports.SwitchGroup=w;
 //# sourceMappingURL=Switch.cjs.map

package/dist/lib/ui/primitives/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../../../src/ui/primitives/Switch/Switch.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport type React from \"react\";\nimport {\n  Switch as RACSwitch,\n  type SwitchProps as RACSwitchProps,\n} from \"react-aria-components\";\nimport \"./switch.css\";\n\nexport type SwitchGroupProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function SwitchGroup({ className, ...props }: SwitchGroupProps) {\n  const classNames = clsx(className, \"switch-group\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type SwitchFieldProps = RACSwitchProps & SharedFieldProps;\nexport function SwitchField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  ...props\n}: SwitchFieldProps) {\n  const classNames = clsx(className, \"switch-field\");\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACSwitch className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Switch />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && children}\n      </>\n    </RACSwitch>\n  );\n}\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Switch({ className, ...props }: SwitchProps) {\n  const classNames = clsx(className, \"sds-switch\");\n  return (\n    <div className={classNames} {...props}>\n      <span aria-hidden=\"true\" className=\"switch-icon\" />\n    </div>\n  );\n}\n"],"names":["SwitchGroup","className","props","classNames","clsx","jsx","SwitchField","children","label","description","errorMessage","labelText","RACSwitch","jsxs","Fragment","Label","Switch","Description","FieldError"],"mappings":"gRAUO,SAASA,EAAY,CAAE,UAAAC,EAAW,GAAGC,GAA2B,CACrE,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,cAAc,EACjD,OAAOI,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAO,UAAWC,EAAY,CAChD,CAGO,SAASG,EAAY,CAC1B,SAAAC,EACA,UAAAN,EACA,MAAAO,EACA,YAAAC,EACA,aAAAC,EACA,GAAGR,CACL,EAAqB,CACnB,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,cAAc,EAC3CU,EACJH,IAAU,OAAOD,GAAa,SAAWA,EAAW,QACtD,aACGK,EAAAA,OAAA,CAAU,UAAWT,EAAa,GAAGD,EACpC,SAAAW,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAT,EAAAA,IAACU,EAAAA,OAAO,SAAAJ,CAAA,CAAU,QACjBK,EAAA,EAAO,EACPP,GAAeJ,EAAAA,IAACY,EAAAA,YAAA,CAAa,SAAAR,CAAA,CAAY,EAC1CJ,EAAAA,IAACa,EAAAA,YAAY,SAAAR,CAAA,CAAa,EACzBC,IAAcJ,GAAYA,CAAA,CAAA,CAC7B,CAAA,CACF,CAEJ,CAGO,SAASS,EAAO,CAAE,UAAAf,EAAW,GAAGC,GAAsB,CAC3D,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,YAAY,EAC/C,OACEI,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAa,GAAGD,EAC9B,SAAAG,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAU,aAAA,CAAc,EACnD,CAEJ"}
+{"version":3,"file":"Switch.cjs","sources":["../../../../../src/ui/primitives/Switch/Switch.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport type React from \"react\";\nimport {\n  Switch as RACSwitch,\n  type SwitchProps as RACSwitchProps,\n} from \"react-aria-components\";\nimport \"./switch.css\";\n\nexport type SwitchGroupProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function SwitchGroup({ className, ...props }: SwitchGroupProps) {\n  const classNames = clsx(className, \"switch-group\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type SwitchFieldLabelPosition = \"start\" | \"end\";\n\nexport type SwitchFieldProps = RACSwitchProps &\n  SharedFieldProps & {\n    labelPosition?: SwitchFieldLabelPosition;\n  };\nexport function SwitchField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  labelPosition = \"start\",\n  ...props\n}: SwitchFieldProps) {\n  const classNames = clsx(\n    className,\n    \"switch-field\",\n    `switch-field-label-${labelPosition}`,\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACSwitch className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Switch />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && children}\n      </>\n    </RACSwitch>\n  );\n}\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Switch({ className, ...props }: SwitchProps) {\n  const classNames = clsx(className, \"sds-switch\");\n  return (\n    <div className={classNames} {...props}>\n      <span aria-hidden=\"true\" className=\"switch-icon\" />\n    </div>\n  );\n}\n"],"names":["SwitchGroup","className","props","classNames","clsx","jsx","SwitchField","children","label","description","errorMessage","labelPosition","labelText","RACSwitch","jsxs","Fragment","Label","Switch","Description","FieldError"],"mappings":"gRAUO,SAASA,EAAY,CAAE,UAAAC,EAAW,GAAGC,GAA2B,CACrE,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,cAAc,EACjD,OAAOI,EAAAA,IAAC,MAAA,CAAK,GAAGH,EAAO,UAAWC,EAAY,CAChD,CAQO,SAASG,EAAY,CAC1B,SAAAC,EACA,UAAAN,EACA,MAAAO,EACA,YAAAC,EACA,aAAAC,EACA,cAAAC,EAAgB,QAChB,GAAGT,CACL,EAAqB,CACnB,MAAMC,EAAaC,EAAAA,KACjBH,EACA,eACA,sBAAsBU,CAAa,EAAA,EAE/BC,EACJJ,IAAU,OAAOD,GAAa,SAAWA,EAAW,QACtD,aACGM,EAAAA,OAAA,CAAU,UAAWV,EAAa,GAAGD,EACpC,SAAAY,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAV,EAAAA,IAACW,EAAAA,OAAO,SAAAJ,CAAA,CAAU,QACjBK,EAAA,EAAO,EACPR,GAAeJ,EAAAA,IAACa,EAAAA,YAAA,CAAa,SAAAT,CAAA,CAAY,EAC1CJ,EAAAA,IAACc,EAAAA,YAAY,SAAAT,CAAA,CAAa,EACzBE,IAAcL,GAAYA,CAAA,CAAA,CAC7B,CAAA,CACF,CAEJ,CAGO,SAASU,EAAO,CAAE,UAAAhB,EAAW,GAAGC,GAAsB,CAC3D,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,YAAY,EAC/C,OACEI,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAa,GAAGD,EAC9B,SAAAG,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAU,aAAA,CAAc,EACnD,CAEJ"}

package/dist/lib/ui/primitives/Switch/Switch.js

@@ -1,36 +1,41 @@
-import { jsx as i, jsxs as m, Fragment as h } from "react/jsx-runtime";
+import { jsx as t, jsxs as h, Fragment as d } from "react/jsx-runtime";
 import { clsx as r } from "../../../vendor/clsx/dist/clsx.js";
-import { Switch as d } from "react-aria-components";
+import { Switch as f } from "react-aria-components";
 /* empty css           */
-import { Label as p, Description as f, FieldError as u } from "../Fieldset/Fieldset.js";
-function F({ className: s, ...t }) {
+import { Label as p, Description as w, FieldError as u } from "../Fieldset/Fieldset.js";
+function F({ className: s, ...i }) {
   const c = r(s, "switch-group");
-  return /* @__PURE__ */ i("div", { ...t, className: c });
+  return /* @__PURE__ */ t("div", { ...i, className: c });
 }
-function b({
+function j({
   children: s,
-  className: t,
+  className: i,
   label: c,
   description: e,
-  errorMessage: a,
-  ...n
+  errorMessage: o,
+  labelPosition: n = "start",
+  ...l
 }) {
-  const l = r(t, "switch-field"), o = c || (typeof s == "string" ? s : void 0);
-  return /* @__PURE__ */ i(d, { className: l, ...n, children: /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ i(p, { children: o }),
-    /* @__PURE__ */ i(w, {}),
-    e && /* @__PURE__ */ i(f, { children: e }),
-    /* @__PURE__ */ i(u, { children: a }),
-    o !== s && s
+  const m = r(
+    i,
+    "switch-field",
+    `switch-field-label-${n}`
+  ), a = c || (typeof s == "string" ? s : void 0);
+  return /* @__PURE__ */ t(f, { className: m, ...l, children: /* @__PURE__ */ h(d, { children: [
+    /* @__PURE__ */ t(p, { children: a }),
+    /* @__PURE__ */ t(N, {}),
+    e && /* @__PURE__ */ t(w, { children: e }),
+    /* @__PURE__ */ t(u, { children: o }),
+    a !== s && s
   ] }) });
 }
-function w({ className: s, ...t }) {
+function N({ className: s, ...i }) {
   const c = r(s, "sds-switch");
-  return /* @__PURE__ */ i("div", { className: c, ...t, children: /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "switch-icon" }) });
+  return /* @__PURE__ */ t("div", { className: c, ...i, children: /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "switch-icon" }) });
 }
 export {
-  w as Switch,
-  b as SwitchField,
+  N as Switch,
+  j as SwitchField,
   F as SwitchGroup
 };
 //# sourceMappingURL=Switch.js.map

package/dist/lib/ui/primitives/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/ui/primitives/Switch/Switch.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport type React from \"react\";\nimport {\n  Switch as RACSwitch,\n  type SwitchProps as RACSwitchProps,\n} from \"react-aria-components\";\nimport \"./switch.css\";\n\nexport type SwitchGroupProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function SwitchGroup({ className, ...props }: SwitchGroupProps) {\n  const classNames = clsx(className, \"switch-group\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type SwitchFieldProps = RACSwitchProps & SharedFieldProps;\nexport function SwitchField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  ...props\n}: SwitchFieldProps) {\n  const classNames = clsx(className, \"switch-field\");\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACSwitch className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Switch />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && children}\n      </>\n    </RACSwitch>\n  );\n}\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Switch({ className, ...props }: SwitchProps) {\n  const classNames = clsx(className, \"sds-switch\");\n  return (\n    <div className={classNames} {...props}>\n      <span aria-hidden=\"true\" className=\"switch-icon\" />\n    </div>\n  );\n}\n"],"names":["SwitchGroup","className","props","classNames","clsx","jsx","SwitchField","children","label","description","errorMessage","labelText","RACSwitch","jsxs","Fragment","Label","Switch","Description","FieldError"],"mappings":";;;;;AAUO,SAASA,EAAY,EAAE,WAAAC,GAAW,GAAGC,KAA2B;AACrE,QAAMC,IAAaC,EAAKH,GAAW,cAAc;AACjD,SAAO,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAO,WAAWC,GAAY;AAChD;AAGO,SAASG,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,WAAAN;AAAA,EACA,OAAAO;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGR;AACL,GAAqB;AACnB,QAAMC,IAAaC,EAAKH,GAAW,cAAc,GAC3CU,IACJH,MAAU,OAAOD,KAAa,WAAWA,IAAW;AACtD,2BACGK,GAAA,EAAU,WAAWT,GAAa,GAAGD,GACpC,UAAA,gBAAAW,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAT,EAACU,KAAO,UAAAJ,EAAA,CAAU;AAAA,sBACjBK,GAAA,EAAO;AAAA,IACPP,KAAe,gBAAAJ,EAACY,GAAA,EAAa,UAAAR,EAAA,CAAY;AAAA,IAC1C,gBAAAJ,EAACa,KAAY,UAAAR,EAAA,CAAa;AAAA,IACzBC,MAAcJ,KAAYA;AAAA,EAAA,EAAA,CAC7B,EAAA,CACF;AAEJ;AAGO,SAASS,EAAO,EAAE,WAAAf,GAAW,GAAGC,KAAsB;AAC3D,QAAMC,IAAaC,EAAKH,GAAW,YAAY;AAC/C,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAa,GAAGD,GAC9B,UAAA,gBAAAG,EAAC,QAAA,EAAK,eAAY,QAAO,WAAU,cAAA,CAAc,GACnD;AAEJ;"}
+{"version":3,"file":"Switch.js","sources":["../../../../../src/ui/primitives/Switch/Switch.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Description, FieldError, Label, SharedFieldProps } from \"primitives\";\nimport type React from \"react\";\nimport {\n  Switch as RACSwitch,\n  type SwitchProps as RACSwitchProps,\n} from \"react-aria-components\";\nimport \"./switch.css\";\n\nexport type SwitchGroupProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function SwitchGroup({ className, ...props }: SwitchGroupProps) {\n  const classNames = clsx(className, \"switch-group\");\n  return <div {...props} className={classNames} />;\n}\n\nexport type SwitchFieldLabelPosition = \"start\" | \"end\";\n\nexport type SwitchFieldProps = RACSwitchProps &\n  SharedFieldProps & {\n    labelPosition?: SwitchFieldLabelPosition;\n  };\nexport function SwitchField({\n  children,\n  className,\n  label,\n  description,\n  errorMessage,\n  labelPosition = \"start\",\n  ...props\n}: SwitchFieldProps) {\n  const classNames = clsx(\n    className,\n    \"switch-field\",\n    `switch-field-label-${labelPosition}`,\n  );\n  const labelText: string | undefined =\n    label || (typeof children === \"string\" ? children : undefined);\n  return (\n    <RACSwitch className={classNames} {...props}>\n      <>\n        <Label>{labelText}</Label>\n        <Switch />\n        {description && <Description>{description}</Description>}\n        <FieldError>{errorMessage}</FieldError>\n        {labelText !== children && children}\n      </>\n    </RACSwitch>\n  );\n}\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<\"div\">;\nexport function Switch({ className, ...props }: SwitchProps) {\n  const classNames = clsx(className, \"sds-switch\");\n  return (\n    <div className={classNames} {...props}>\n      <span aria-hidden=\"true\" className=\"switch-icon\" />\n    </div>\n  );\n}\n"],"names":["SwitchGroup","className","props","classNames","clsx","jsx","SwitchField","children","label","description","errorMessage","labelPosition","labelText","RACSwitch","jsxs","Fragment","Label","Switch","Description","FieldError"],"mappings":";;;;;AAUO,SAASA,EAAY,EAAE,WAAAC,GAAW,GAAGC,KAA2B;AACrE,QAAMC,IAAaC,EAAKH,GAAW,cAAc;AACjD,SAAO,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAO,WAAWC,GAAY;AAChD;AAQO,SAASG,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,WAAAN;AAAA,EACA,OAAAO;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGT;AACL,GAAqB;AACnB,QAAMC,IAAaC;AAAA,IACjBH;AAAA,IACA;AAAA,IACA,sBAAsBU,CAAa;AAAA,EAAA,GAE/BC,IACJJ,MAAU,OAAOD,KAAa,WAAWA,IAAW;AACtD,2BACGM,GAAA,EAAU,WAAWV,GAAa,GAAGD,GACpC,UAAA,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAV,EAACW,KAAO,UAAAJ,EAAA,CAAU;AAAA,sBACjBK,GAAA,EAAO;AAAA,IACPR,KAAe,gBAAAJ,EAACa,GAAA,EAAa,UAAAT,EAAA,CAAY;AAAA,IAC1C,gBAAAJ,EAACc,KAAY,UAAAT,EAAA,CAAa;AAAA,IACzBE,MAAcL,KAAYA;AAAA,EAAA,EAAA,CAC7B,EAAA,CACF;AAEJ;AAGO,SAASU,EAAO,EAAE,WAAAhB,GAAW,GAAGC,KAAsB;AAC3D,QAAMC,IAAaC,EAAKH,GAAW,YAAY;AAC/C,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAa,GAAGD,GAC9B,UAAA,gBAAAG,EAAC,QAAA,EAAK,eAAY,QAAO,WAAU,cAAA,CAAc,GACnD;AAEJ;"}

package/dist/types/ui/components/DataTable/DataTable.d.ts

@@ -6,6 +6,8 @@ export interface Column<T> {
     label: string;
     align?: "start" | "center" | "right";
     render?: (item: T) => ReactNode;
+    /** Marks the column that names the row for assistive technology. Defaults to the first column when no column sets it. */
+    isRowHeader?: boolean;
     /** When true, the header becomes clickable and the rows can be sorted by this column. */
     sortable?: boolean;
     /** Value used to sort this column. Defaults to `item[key]`. */
@@ -57,6 +59,17 @@ export interface DataTableProps<T extends {
     /** Controlled sort state. Omit to let the table manage its own sorting internally. */
     sortDescriptor?: SortDescriptor;
     onSortChange?: (descriptor: SortDescriptor) => void;
+    /** Accessible name of the table. */
+    ariaLabel?: string;
+    /** Compact row height. Off by default. */
+    dense?: boolean;
+    /** Alternating row background. Off by default. */
+    striped?: boolean;
+    /**
+     * Caps the height of the table so its rows scroll inside it with a sticky header, keeping the
+     * pagination in view. A percentage needs a parent with a defined height. Off by default.
+     */
+    maxHeight?: number | string;
     searchPlaceholder?: string;
     searchKeys?: (keyof T)[];
     isLoading?: boolean;
@@ -76,5 +89,5 @@ export interface DataTableProps<T extends {
 }
 export declare function DataTable<T extends {
     id: string;
-}>({ columns, data, actions, rowActions, rowActionsLabel, selectable, selectionType, selectedKeys, onSelectionChange, defaultSortDescriptor, sortDescriptor: controlledSortDescriptor, onSortChange, searchPlaceholder, searchKeys, isLoading, loadingMessage, emptyMessage, previousLabel, nextLabel, pageSize, nestedColumns, getNestedData, nestedLoadingMessage, nestedEmptyMessage, nestedSearchKeys, nestedSearchPlaceholder, nestedActions, nestedPageSize, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+}>({ columns, data, actions, rowActions, rowActionsLabel, selectable, selectionType, selectedKeys, onSelectionChange, defaultSortDescriptor, sortDescriptor: controlledSortDescriptor, onSortChange, ariaLabel, dense, striped, maxHeight, searchPlaceholder, searchKeys, isLoading, loadingMessage, emptyMessage, previousLabel, nextLabel, pageSize, nestedColumns, getNestedData, nestedLoadingMessage, nestedEmptyMessage, nestedSearchKeys, nestedSearchPlaceholder, nestedActions, nestedPageSize, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/ui/components/FormModal/FormModal.d.ts

@@ -1,6 +1,7 @@
+import { type DialogSize } from "primitives";
 import type { ReactNode } from "react";
 import "./formmodal.css";
-export type FormModalSize = "medium" | "large" | "xlarge";
+export type FormModalSize = DialogSize;
 export interface FormModalProps {
     isOpen: boolean;
     title: string;