@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.1

package/dist/components/data-table/data-table.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.types.cjs","sources":["../../../components/data-table/data-table.types.tsx"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  Table,\n  VisibilityState\n} from '@tanstack/table-core';\nimport type {\n  DataTableFilterOperatorTypes,\n  FilterOperatorTypes,\n  FilterSelectOption,\n  FilterTypes,\n  FilterValueType\n} from '~/types/filters';\nimport type { BaseSelectProps } from '../select/select-root';\n\nexport type DataTableMode = 'client' | 'server';\n\nexport const SortOrders = {\n  ASC: 'asc',\n  DESC: 'desc'\n} as const;\n\nexport interface DataTableFilterValues {\n  value: any;\n  // Only one of these value fields should be present at a time\n  boolValue?: boolean;\n  stringValue?: string;\n  numberValue?: number;\n}\n// Internal filter with UI operators and metadata\nexport interface InternalFilter extends DataTableFilterValues {\n  _type?: FilterTypes;\n  _dataType?: FilterValueType;\n  name: string;\n  operator: FilterOperatorTypes;\n}\n\n// Data table filter for backend API (no internal fields)\nexport interface DataTableFilter extends DataTableFilterValues {\n  name: string;\n  operator: DataTableFilterOperatorTypes;\n}\n\ntype SortOrdersKeys = keyof typeof SortOrders;\nexport type SortOrdersValues = (typeof SortOrders)[SortOrdersKeys];\n\nexport interface DataTableSort {\n  name: string;\n  order: SortOrdersValues;\n}\n\n// Internal query with UI operators and metadata\nexport interface InternalQuery {\n  filters?: InternalFilter[];\n  sort?: DataTableSort[];\n  group_by?: string[];\n  offset?: number;\n  limit?: number;\n  search?: string;\n}\n\n// Data table query for backend API (clean, no internal fields)\nexport interface DataTableQuery extends Omit<InternalQuery, 'filters'> {\n  filters?: DataTableFilter[];\n}\n\nexport type DataTableColumn<TData, TValue> = Omit<\n  Column<TData, TValue>,\n  'columnDef'\n> & {\n  columnDef: DataTableColumnDef<TData, TValue>;\n};\n\nexport type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {\n  accessorKey: string;\n  header: string;\n  filterType?: FilterTypes;\n  dataType?: FilterValueType;\n  enableColumnFilter?: boolean;\n  enableSorting?: boolean;\n  enableHiding?: boolean;\n  defaultHidden?: boolean;\n  filterOptions?: FilterSelectOption[];\n  filterProps?: {\n    select?: BaseSelectProps;\n  };\n  classNames?: {\n    cell?: string;\n    header?: string;\n  };\n  styles?: {\n    cell?: React.CSSProperties;\n    header?: React.CSSProperties;\n  };\n  enableGrouping?: boolean;\n  showGroupCount?: boolean;\n  groupCountMap?: Record<string, number>;\n  groupLabelsMap?: Record<string, string>;\n  // TODO: implement these\n  icon?: React.ReactNode;\n};\n\nexport interface DataTableProps<TData, TValue> {\n  columns: DataTableColumnDef<TData, TValue>[];\n  data: TData[];\n  query?: DataTableQuery; // Initial query (will be transformed to internal format)\n  mode?: DataTableMode;\n  isLoading?: boolean;\n  loadingRowCount?: number;\n  onTableQueryChange?: (query: DataTableQuery) => void;\n  defaultSort: DataTableSort;\n  onLoadMore?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  onColumnVisibilityChange?: (columnVisibility: VisibilityState) => void;\n  /** When true, group headers stick under the table header while scrolling. Default is false. */\n  stickyGroupHeader?: boolean;\n  /** Return a stable unique id for each row (used as React key). Use for sortable/filterable tables. */\n  getRowId?: (row: TData, index: number) => string;\n}\n\nexport type DataTableContentClassNames = {\n  root?: string;\n  table?: string;\n  header?: string;\n  body?: string;\n  row?: string;\n};\n\nexport type DataTableContentBaseProps = {\n  emptyState?: React.ReactNode;\n  zeroState?: React.ReactNode;\n  classNames?: DataTableContentClassNames;\n};\n\nexport type DataTableContentProps = DataTableContentBaseProps;\n\nexport type VirtualizedContentProps = DataTableContentBaseProps & {\n  /** Height of each row in pixels. */\n  rowHeight?: number;\n  /** Height of group header rows in pixels. Falls back to rowHeight if not set. */\n  groupHeaderHeight?: number;\n  /** Number of rows to render outside visible area. */\n  overscan?: number;\n  /** Distance in pixels from bottom to trigger load more. */\n  loadMoreOffset?: number;\n};\n\nexport type TableQueryUpdateFn = (query: InternalQuery) => InternalQuery;\n\nexport type TableContextType<TData, TValue> = {\n  table: Table<TData>;\n  columns: DataTableColumnDef<TData, TValue>[];\n  isLoading?: boolean;\n  loadMoreData: () => void;\n  mode: DataTableMode;\n  defaultSort: DataTableSort;\n  tableQuery?: InternalQuery;\n  loadingRowCount?: number;\n  onDisplaySettingsReset: () => void;\n  updateTableQuery: (fn: TableQueryUpdateFn) => void;\n  onRowClick?: (row: TData) => void;\n  shouldShowFilters?: boolean;\n  stickyGroupHeader?: boolean;\n};\n\nexport interface ColumnData {\n  label: string;\n  id: string;\n  isVisible?: boolean;\n}\n\ninterface SubRows<_T> {}\n\nexport interface GroupedData<T> extends SubRows<T> {\n  label: string;\n  group_key: string;\n  subRows: T[];\n  count?: number;\n  showGroupCount?: boolean;\n}\n\nexport const defaultGroupOption = {\n  id: '--',\n  label: 'No grouping'\n};\n"],"names":[],"mappings":";;AAiBa,MAAA,UAAU,GAAG;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;EACH;AAiKE,MAAA,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,aAAa;;;;;;"}
+{"version":3,"file":"data-table.types.cjs","sources":["../../../components/data-table/data-table.types.tsx"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  Table,\n  VisibilityState\n} from '@tanstack/table-core';\nimport type {\n  DataTableFilterOperatorTypes,\n  FilterOperatorTypes,\n  FilterSelectOption,\n  FilterTypes,\n  FilterValueType\n} from '~/types/filters';\nimport type { BaseSelectProps } from '../select/select-root';\n\nexport type DataTableMode = 'client' | 'server';\n\nexport const SortOrders = {\n  ASC: 'asc',\n  DESC: 'desc'\n} as const;\n\nexport interface DataTableFilterValues {\n  value: any;\n  // Only one of these value fields should be present at a time\n  boolValue?: boolean;\n  stringValue?: string;\n  numberValue?: number;\n}\n// Internal filter with UI operators and metadata\nexport interface InternalFilter extends DataTableFilterValues {\n  _type?: FilterTypes;\n  _dataType?: FilterValueType;\n  name: string;\n  operator: FilterOperatorTypes;\n}\n\n// Data table filter for backend API (no internal fields)\nexport interface DataTableFilter extends DataTableFilterValues {\n  name: string;\n  operator: DataTableFilterOperatorTypes;\n}\n\ntype SortOrdersKeys = keyof typeof SortOrders;\nexport type SortOrdersValues = (typeof SortOrders)[SortOrdersKeys];\n\nexport interface DataTableSort {\n  name: string;\n  order: SortOrdersValues;\n}\n\n// Internal query with UI operators and metadata\nexport interface InternalQuery {\n  filters?: InternalFilter[];\n  sort?: DataTableSort[];\n  group_by?: string[];\n  offset?: number;\n  limit?: number;\n  search?: string;\n}\n\n// Data table query for backend API (clean, no internal fields)\nexport interface DataTableQuery extends Omit<InternalQuery, 'filters'> {\n  filters?: DataTableFilter[];\n}\n\nexport type DataTableColumn<TData, TValue> = Omit<\n  Column<TData, TValue>,\n  'columnDef'\n> & {\n  columnDef: DataTableColumnDef<TData, TValue>;\n};\n\nexport type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {\n  accessorKey: string;\n  header: string;\n  filterType?: FilterTypes;\n  dataType?: FilterValueType;\n  enableColumnFilter?: boolean;\n  enableSorting?: boolean;\n  enableHiding?: boolean;\n  defaultHidden?: boolean;\n  filterOptions?: FilterSelectOption[];\n  defaultFilterValue?: unknown;\n  filterProps?: {\n    select?: BaseSelectProps;\n  };\n  classNames?: {\n    cell?: string;\n    header?: string;\n  };\n  styles?: {\n    cell?: React.CSSProperties;\n    header?: React.CSSProperties;\n  };\n  enableGrouping?: boolean;\n  showGroupCount?: boolean;\n  groupCountMap?: Record<string, number>;\n  groupLabelsMap?: Record<string, string>;\n  // TODO: implement these\n  icon?: React.ReactNode;\n};\n\nexport interface DataTableProps<TData, TValue> {\n  columns: DataTableColumnDef<TData, TValue>[];\n  data: TData[];\n  query?: DataTableQuery; // Initial query (will be transformed to internal format)\n  mode?: DataTableMode;\n  isLoading?: boolean;\n  loadingRowCount?: number;\n  onTableQueryChange?: (query: DataTableQuery) => void;\n  defaultSort: DataTableSort;\n  onLoadMore?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  onColumnVisibilityChange?: (columnVisibility: VisibilityState) => void;\n  /** When true, group headers stick under the table header while scrolling. Default is false. */\n  stickyGroupHeader?: boolean;\n  /** Return a stable unique id for each row (used as React key). Use for sortable/filterable tables. */\n  getRowId?: (row: TData, index: number) => string;\n}\n\nexport type DataTableContentClassNames = {\n  root?: string;\n  table?: string;\n  header?: string;\n  body?: string;\n  row?: string;\n};\n\nexport type DataTableContentBaseProps = {\n  emptyState?: React.ReactNode;\n  zeroState?: React.ReactNode;\n  classNames?: DataTableContentClassNames;\n};\n\nexport type DataTableContentProps = DataTableContentBaseProps;\n\nexport type VirtualizedContentProps = DataTableContentBaseProps & {\n  /** Height of each row in pixels. */\n  rowHeight?: number;\n  /** Height of group header rows in pixels. Falls back to rowHeight if not set. */\n  groupHeaderHeight?: number;\n  /** Number of rows to render outside visible area. */\n  overscan?: number;\n  /** Distance in pixels from bottom to trigger load more. */\n  loadMoreOffset?: number;\n};\n\nexport type TableQueryUpdateFn = (query: InternalQuery) => InternalQuery;\n\nexport type TableContextType<TData, TValue> = {\n  table: Table<TData>;\n  columns: DataTableColumnDef<TData, TValue>[];\n  isLoading?: boolean;\n  loadMoreData: () => void;\n  mode: DataTableMode;\n  defaultSort: DataTableSort;\n  tableQuery?: InternalQuery;\n  loadingRowCount?: number;\n  onDisplaySettingsReset: () => void;\n  updateTableQuery: (fn: TableQueryUpdateFn) => void;\n  onRowClick?: (row: TData) => void;\n  shouldShowFilters?: boolean;\n  stickyGroupHeader?: boolean;\n};\n\nexport interface ColumnData {\n  label: string;\n  id: string;\n  isVisible?: boolean;\n}\n\ninterface SubRows<_T> {}\n\nexport interface GroupedData<T> extends SubRows<T> {\n  label: string;\n  group_key: string;\n  subRows: T[];\n  count?: number;\n  showGroupCount?: boolean;\n}\n\nexport const defaultGroupOption = {\n  id: '--',\n  label: 'No grouping'\n};\n"],"names":[],"mappings":";;AAiBa,MAAA,UAAU,GAAG;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;EACH;AAkKE,MAAA,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,aAAa;;;;;;"}

package/dist/components/data-table/data-table.types.d.ts

@@ -52,6 +52,7 @@ export type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {
     enableHiding?: boolean;
     defaultHidden?: boolean;
     filterOptions?: FilterSelectOption[];
+    defaultFilterValue?: unknown;
     filterProps?: {
         select?: BaseSelectProps;
     };

package/dist/components/data-table/data-table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.types.d.ts","sourceRoot":"","sources":["../../../components/data-table/data-table.types.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table.types.d.ts","sourceRoot":"","sources":["../../../components/data-table/data-table.types.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-table/data-table.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.types.js","sources":["../../../components/data-table/data-table.types.tsx"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  Table,\n  VisibilityState\n} from '@tanstack/table-core';\nimport type {\n  DataTableFilterOperatorTypes,\n  FilterOperatorTypes,\n  FilterSelectOption,\n  FilterTypes,\n  FilterValueType\n} from '~/types/filters';\nimport type { BaseSelectProps } from '../select/select-root';\n\nexport type DataTableMode = 'client' | 'server';\n\nexport const SortOrders = {\n  ASC: 'asc',\n  DESC: 'desc'\n} as const;\n\nexport interface DataTableFilterValues {\n  value: any;\n  // Only one of these value fields should be present at a time\n  boolValue?: boolean;\n  stringValue?: string;\n  numberValue?: number;\n}\n// Internal filter with UI operators and metadata\nexport interface InternalFilter extends DataTableFilterValues {\n  _type?: FilterTypes;\n  _dataType?: FilterValueType;\n  name: string;\n  operator: FilterOperatorTypes;\n}\n\n// Data table filter for backend API (no internal fields)\nexport interface DataTableFilter extends DataTableFilterValues {\n  name: string;\n  operator: DataTableFilterOperatorTypes;\n}\n\ntype SortOrdersKeys = keyof typeof SortOrders;\nexport type SortOrdersValues = (typeof SortOrders)[SortOrdersKeys];\n\nexport interface DataTableSort {\n  name: string;\n  order: SortOrdersValues;\n}\n\n// Internal query with UI operators and metadata\nexport interface InternalQuery {\n  filters?: InternalFilter[];\n  sort?: DataTableSort[];\n  group_by?: string[];\n  offset?: number;\n  limit?: number;\n  search?: string;\n}\n\n// Data table query for backend API (clean, no internal fields)\nexport interface DataTableQuery extends Omit<InternalQuery, 'filters'> {\n  filters?: DataTableFilter[];\n}\n\nexport type DataTableColumn<TData, TValue> = Omit<\n  Column<TData, TValue>,\n  'columnDef'\n> & {\n  columnDef: DataTableColumnDef<TData, TValue>;\n};\n\nexport type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {\n  accessorKey: string;\n  header: string;\n  filterType?: FilterTypes;\n  dataType?: FilterValueType;\n  enableColumnFilter?: boolean;\n  enableSorting?: boolean;\n  enableHiding?: boolean;\n  defaultHidden?: boolean;\n  filterOptions?: FilterSelectOption[];\n  filterProps?: {\n    select?: BaseSelectProps;\n  };\n  classNames?: {\n    cell?: string;\n    header?: string;\n  };\n  styles?: {\n    cell?: React.CSSProperties;\n    header?: React.CSSProperties;\n  };\n  enableGrouping?: boolean;\n  showGroupCount?: boolean;\n  groupCountMap?: Record<string, number>;\n  groupLabelsMap?: Record<string, string>;\n  // TODO: implement these\n  icon?: React.ReactNode;\n};\n\nexport interface DataTableProps<TData, TValue> {\n  columns: DataTableColumnDef<TData, TValue>[];\n  data: TData[];\n  query?: DataTableQuery; // Initial query (will be transformed to internal format)\n  mode?: DataTableMode;\n  isLoading?: boolean;\n  loadingRowCount?: number;\n  onTableQueryChange?: (query: DataTableQuery) => void;\n  defaultSort: DataTableSort;\n  onLoadMore?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  onColumnVisibilityChange?: (columnVisibility: VisibilityState) => void;\n  /** When true, group headers stick under the table header while scrolling. Default is false. */\n  stickyGroupHeader?: boolean;\n  /** Return a stable unique id for each row (used as React key). Use for sortable/filterable tables. */\n  getRowId?: (row: TData, index: number) => string;\n}\n\nexport type DataTableContentClassNames = {\n  root?: string;\n  table?: string;\n  header?: string;\n  body?: string;\n  row?: string;\n};\n\nexport type DataTableContentBaseProps = {\n  emptyState?: React.ReactNode;\n  zeroState?: React.ReactNode;\n  classNames?: DataTableContentClassNames;\n};\n\nexport type DataTableContentProps = DataTableContentBaseProps;\n\nexport type VirtualizedContentProps = DataTableContentBaseProps & {\n  /** Height of each row in pixels. */\n  rowHeight?: number;\n  /** Height of group header rows in pixels. Falls back to rowHeight if not set. */\n  groupHeaderHeight?: number;\n  /** Number of rows to render outside visible area. */\n  overscan?: number;\n  /** Distance in pixels from bottom to trigger load more. */\n  loadMoreOffset?: number;\n};\n\nexport type TableQueryUpdateFn = (query: InternalQuery) => InternalQuery;\n\nexport type TableContextType<TData, TValue> = {\n  table: Table<TData>;\n  columns: DataTableColumnDef<TData, TValue>[];\n  isLoading?: boolean;\n  loadMoreData: () => void;\n  mode: DataTableMode;\n  defaultSort: DataTableSort;\n  tableQuery?: InternalQuery;\n  loadingRowCount?: number;\n  onDisplaySettingsReset: () => void;\n  updateTableQuery: (fn: TableQueryUpdateFn) => void;\n  onRowClick?: (row: TData) => void;\n  shouldShowFilters?: boolean;\n  stickyGroupHeader?: boolean;\n};\n\nexport interface ColumnData {\n  label: string;\n  id: string;\n  isVisible?: boolean;\n}\n\ninterface SubRows<_T> {}\n\nexport interface GroupedData<T> extends SubRows<T> {\n  label: string;\n  group_key: string;\n  subRows: T[];\n  count?: number;\n  showGroupCount?: boolean;\n}\n\nexport const defaultGroupOption = {\n  id: '--',\n  label: 'No grouping'\n};\n"],"names":[],"mappings":"AAiBa,MAAA,UAAU,GAAG;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;EACH;AAiKE,MAAA,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,aAAa;;;;;"}
+{"version":3,"file":"data-table.types.js","sources":["../../../components/data-table/data-table.types.tsx"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  Table,\n  VisibilityState\n} from '@tanstack/table-core';\nimport type {\n  DataTableFilterOperatorTypes,\n  FilterOperatorTypes,\n  FilterSelectOption,\n  FilterTypes,\n  FilterValueType\n} from '~/types/filters';\nimport type { BaseSelectProps } from '../select/select-root';\n\nexport type DataTableMode = 'client' | 'server';\n\nexport const SortOrders = {\n  ASC: 'asc',\n  DESC: 'desc'\n} as const;\n\nexport interface DataTableFilterValues {\n  value: any;\n  // Only one of these value fields should be present at a time\n  boolValue?: boolean;\n  stringValue?: string;\n  numberValue?: number;\n}\n// Internal filter with UI operators and metadata\nexport interface InternalFilter extends DataTableFilterValues {\n  _type?: FilterTypes;\n  _dataType?: FilterValueType;\n  name: string;\n  operator: FilterOperatorTypes;\n}\n\n// Data table filter for backend API (no internal fields)\nexport interface DataTableFilter extends DataTableFilterValues {\n  name: string;\n  operator: DataTableFilterOperatorTypes;\n}\n\ntype SortOrdersKeys = keyof typeof SortOrders;\nexport type SortOrdersValues = (typeof SortOrders)[SortOrdersKeys];\n\nexport interface DataTableSort {\n  name: string;\n  order: SortOrdersValues;\n}\n\n// Internal query with UI operators and metadata\nexport interface InternalQuery {\n  filters?: InternalFilter[];\n  sort?: DataTableSort[];\n  group_by?: string[];\n  offset?: number;\n  limit?: number;\n  search?: string;\n}\n\n// Data table query for backend API (clean, no internal fields)\nexport interface DataTableQuery extends Omit<InternalQuery, 'filters'> {\n  filters?: DataTableFilter[];\n}\n\nexport type DataTableColumn<TData, TValue> = Omit<\n  Column<TData, TValue>,\n  'columnDef'\n> & {\n  columnDef: DataTableColumnDef<TData, TValue>;\n};\n\nexport type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {\n  accessorKey: string;\n  header: string;\n  filterType?: FilterTypes;\n  dataType?: FilterValueType;\n  enableColumnFilter?: boolean;\n  enableSorting?: boolean;\n  enableHiding?: boolean;\n  defaultHidden?: boolean;\n  filterOptions?: FilterSelectOption[];\n  defaultFilterValue?: unknown;\n  filterProps?: {\n    select?: BaseSelectProps;\n  };\n  classNames?: {\n    cell?: string;\n    header?: string;\n  };\n  styles?: {\n    cell?: React.CSSProperties;\n    header?: React.CSSProperties;\n  };\n  enableGrouping?: boolean;\n  showGroupCount?: boolean;\n  groupCountMap?: Record<string, number>;\n  groupLabelsMap?: Record<string, string>;\n  // TODO: implement these\n  icon?: React.ReactNode;\n};\n\nexport interface DataTableProps<TData, TValue> {\n  columns: DataTableColumnDef<TData, TValue>[];\n  data: TData[];\n  query?: DataTableQuery; // Initial query (will be transformed to internal format)\n  mode?: DataTableMode;\n  isLoading?: boolean;\n  loadingRowCount?: number;\n  onTableQueryChange?: (query: DataTableQuery) => void;\n  defaultSort: DataTableSort;\n  onLoadMore?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  onColumnVisibilityChange?: (columnVisibility: VisibilityState) => void;\n  /** When true, group headers stick under the table header while scrolling. Default is false. */\n  stickyGroupHeader?: boolean;\n  /** Return a stable unique id for each row (used as React key). Use for sortable/filterable tables. */\n  getRowId?: (row: TData, index: number) => string;\n}\n\nexport type DataTableContentClassNames = {\n  root?: string;\n  table?: string;\n  header?: string;\n  body?: string;\n  row?: string;\n};\n\nexport type DataTableContentBaseProps = {\n  emptyState?: React.ReactNode;\n  zeroState?: React.ReactNode;\n  classNames?: DataTableContentClassNames;\n};\n\nexport type DataTableContentProps = DataTableContentBaseProps;\n\nexport type VirtualizedContentProps = DataTableContentBaseProps & {\n  /** Height of each row in pixels. */\n  rowHeight?: number;\n  /** Height of group header rows in pixels. Falls back to rowHeight if not set. */\n  groupHeaderHeight?: number;\n  /** Number of rows to render outside visible area. */\n  overscan?: number;\n  /** Distance in pixels from bottom to trigger load more. */\n  loadMoreOffset?: number;\n};\n\nexport type TableQueryUpdateFn = (query: InternalQuery) => InternalQuery;\n\nexport type TableContextType<TData, TValue> = {\n  table: Table<TData>;\n  columns: DataTableColumnDef<TData, TValue>[];\n  isLoading?: boolean;\n  loadMoreData: () => void;\n  mode: DataTableMode;\n  defaultSort: DataTableSort;\n  tableQuery?: InternalQuery;\n  loadingRowCount?: number;\n  onDisplaySettingsReset: () => void;\n  updateTableQuery: (fn: TableQueryUpdateFn) => void;\n  onRowClick?: (row: TData) => void;\n  shouldShowFilters?: boolean;\n  stickyGroupHeader?: boolean;\n};\n\nexport interface ColumnData {\n  label: string;\n  id: string;\n  isVisible?: boolean;\n}\n\ninterface SubRows<_T> {}\n\nexport interface GroupedData<T> extends SubRows<T> {\n  label: string;\n  group_key: string;\n  subRows: T[];\n  count?: number;\n  showGroupCount?: boolean;\n}\n\nexport const defaultGroupOption = {\n  id: '--',\n  label: 'No grouping'\n};\n"],"names":[],"mappings":"AAiBa,MAAA,UAAU,GAAG;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;EACH;AAkKE,MAAA,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,aAAa;;;;;"}

package/dist/components/data-table/hooks/useFilters.cjs

@@ -13,11 +13,12 @@ function useFilters() {
         const filterType = columnDef.filterType || filters.FilterType.string;
         const dataType = filterOperations.getDataType({ filterType, dataType: columnDef.dataType });
         const defaultFilter = filters.filterOperators[filterType][0];
-        const defaultValue = filterType === filters.FilterType.date
-            ? new Date()
-            : filterType === filters.FilterType.select
-                ? options[0].value
-                : '';
+        const defaultValue = columnDef.defaultFilterValue ??
+            (filterType === filters.FilterType.date
+                ? new Date()
+                : filterType === filters.FilterType.select
+                    ? options[0].value
+                    : '');
         updateTableQuery(query => {
             return {
                 ...query,

package/dist/components/data-table/hooks/useFilters.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFilters.cjs","sources":["../../../../components/data-table/hooks/useFilters.tsx"],"sourcesContent":["import {\n  FilterOperatorTypes,\n  FilterType,\n  filterOperators\n} from '~/types/filters';\nimport { DataTableColumn } from '../data-table.types';\nimport { getDataType } from '../utils/filter-operations';\nimport { useDataTable } from './useDataTable';\n\nexport function useFilters<TData, TValue>() {\n  const { updateTableQuery } = useDataTable();\n\n  function onAddFilter(column: DataTableColumn<TData, TValue>) {\n    const columnDef = column.columnDef;\n    const id = columnDef.accessorKey || column.id;\n    const options = columnDef.filterOptions || [];\n    const filterType = columnDef.filterType || FilterType.string;\n    const dataType = getDataType({ filterType, dataType: columnDef.dataType });\n    const defaultFilter = filterOperators[filterType][0];\n    const defaultValue =\n      filterType === FilterType.date\n        ? new Date()\n        : filterType === FilterType.select\n          ? options[0].value\n          : '';\n\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: [\n          ...(query.filters || []),\n          // TODO: Add default filter value in column definition\n          {\n            _dataType: dataType,\n            _type: filterType,\n            name: id,\n            value: defaultValue,\n            operator: defaultFilter.value\n          }\n        ]\n      };\n    });\n  }\n\n  function handleRemoveFilter(columnId: string) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.filter(filter => filter.name !== columnId)\n      };\n    });\n  }\n\n  function handleFilterValueChange(columnId: string, value: any) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, value };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  function handleFilterOperationChange(\n    columnId: string,\n    operator: FilterOperatorTypes\n  ) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, operator };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  return {\n    onAddFilter,\n    handleRemoveFilter,\n    handleFilterValueChange,\n    handleFilterOperationChange\n  };\n}\n"],"names":["useDataTable","FilterType","getDataType","filterOperators"],"mappings":";;;;;;SASgB,UAAU,GAAA;AACxB,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAGA,yBAAY,EAAE,CAAC;IAE5C,SAAS,WAAW,CAAC,MAAsC,EAAA;AACzD,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,CAAC;AAC9C,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,IAAI,EAAE,CAAC;QAC9C,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAIC,kBAAU,CAAC,MAAM,CAAC;AAC7D,QAAA,MAAM,QAAQ,GAAGC,4BAAW,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,MAAM,aAAa,GAAGC,uBAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,QAAA,MAAM,YAAY,GAChB,UAAU,KAAKF,kBAAU,CAAC,IAAI;cAC1B,IAAI,IAAI,EAAE;AACZ,cAAE,UAAU,KAAKA,kBAAU,CAAC,MAAM;AAChC,kBAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;kBAChB,EAAE,CAAC;QAEX,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;;AAExB,oBAAA;AACE,wBAAA,SAAS,EAAE,QAAQ;AACnB,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,IAAI,EAAE,EAAE;AACR,wBAAA,KAAK,EAAE,YAAY;wBACnB,QAAQ,EAAE,aAAa,CAAC,KAAK;AAC9B,qBAAA;AACF,iBAAA;aACF,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,SAAS,kBAAkB,CAAC,QAAgB,EAAA;QAC1C,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;aACnE,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,uBAAuB,CAAC,QAAgB,EAAE,KAAU,EAAA;QAC3D,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,IAAG;AACnC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC;qBAC7B;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,2BAA2B,CAClC,QAAgB,EAChB,QAA6B,EAAA;QAE7B,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,IAAG;AACnC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC;qBAChC;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,OAAO;QACL,WAAW;QACX,kBAAkB;QAClB,uBAAuB;QACvB,2BAA2B;KAC5B,CAAC;AACJ;;;;"}
+{"version":3,"file":"useFilters.cjs","sources":["../../../../components/data-table/hooks/useFilters.tsx"],"sourcesContent":["import {\n  FilterOperatorTypes,\n  FilterType,\n  filterOperators\n} from '~/types/filters';\nimport { DataTableColumn } from '../data-table.types';\nimport { getDataType } from '../utils/filter-operations';\nimport { useDataTable } from './useDataTable';\n\nexport function useFilters<TData, TValue>() {\n  const { updateTableQuery } = useDataTable();\n\n  function onAddFilter(column: DataTableColumn<TData, TValue>) {\n    const columnDef = column.columnDef;\n    const id = columnDef.accessorKey || column.id;\n    const options = columnDef.filterOptions || [];\n    const filterType = columnDef.filterType || FilterType.string;\n    const dataType = getDataType({ filterType, dataType: columnDef.dataType });\n    const defaultFilter = filterOperators[filterType][0];\n    const defaultValue =\n      columnDef.defaultFilterValue ??\n      (filterType === FilterType.date\n        ? new Date()\n        : filterType === FilterType.select\n          ? options[0].value\n          : '');\n\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: [\n          ...(query.filters || []),\n          // TODO: Add default filter value in column definition\n          {\n            _dataType: dataType,\n            _type: filterType,\n            name: id,\n            value: defaultValue,\n            operator: defaultFilter.value\n          }\n        ]\n      };\n    });\n  }\n\n  function handleRemoveFilter(columnId: string) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.filter(filter => filter.name !== columnId)\n      };\n    });\n  }\n\n  function handleFilterValueChange(columnId: string, value: any) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, value };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  function handleFilterOperationChange(\n    columnId: string,\n    operator: FilterOperatorTypes\n  ) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, operator };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  return {\n    onAddFilter,\n    handleRemoveFilter,\n    handleFilterValueChange,\n    handleFilterOperationChange\n  };\n}\n"],"names":["useDataTable","FilterType","getDataType","filterOperators"],"mappings":"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"}

package/dist/components/data-table/hooks/useFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../../../components/data-table/hooks/useFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;0BAGT,gBAAgB,KAAK,EAAE,MAAM,CAAC;mCAgCrB,MAAM;wCASD,MAAM,SAAS,GAAG;4CAejD,MAAM,YACN,mBAAmB;EAqBhC"}
+{"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../../../components/data-table/hooks/useFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;0BAGT,gBAAgB,KAAK,EAAE,MAAM,CAAC;mCAiCrB,MAAM;wCASD,MAAM,SAAS,GAAG;4CAejD,MAAM,YACN,mBAAmB;EAqBhC"}

package/dist/components/data-table/hooks/useFilters.js

@@ -11,11 +11,12 @@ function useFilters() {
         const filterType = columnDef.filterType || FilterType.string;
         const dataType = getDataType({ filterType, dataType: columnDef.dataType });
         const defaultFilter = filterOperators[filterType][0];
-        const defaultValue = filterType === FilterType.date
-            ? new Date()
-            : filterType === FilterType.select
-                ? options[0].value
-                : '';
+        const defaultValue = columnDef.defaultFilterValue ??
+            (filterType === FilterType.date
+                ? new Date()
+                : filterType === FilterType.select
+                    ? options[0].value
+                    : '');
         updateTableQuery(query => {
             return {
                 ...query,

package/dist/components/data-table/hooks/useFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilters.js","sources":["../../../../components/data-table/hooks/useFilters.tsx"],"sourcesContent":["import {\n  FilterOperatorTypes,\n  FilterType,\n  filterOperators\n} from '~/types/filters';\nimport { DataTableColumn } from '../data-table.types';\nimport { getDataType } from '../utils/filter-operations';\nimport { useDataTable } from './useDataTable';\n\nexport function useFilters<TData, TValue>() {\n  const { updateTableQuery } = useDataTable();\n\n  function onAddFilter(column: DataTableColumn<TData, TValue>) {\n    const columnDef = column.columnDef;\n    const id = columnDef.accessorKey || column.id;\n    const options = columnDef.filterOptions || [];\n    const filterType = columnDef.filterType || FilterType.string;\n    const dataType = getDataType({ filterType, dataType: columnDef.dataType });\n    const defaultFilter = filterOperators[filterType][0];\n    const defaultValue =\n      filterType === FilterType.date\n        ? new Date()\n        : filterType === FilterType.select\n          ? options[0].value\n          : '';\n\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: [\n          ...(query.filters || []),\n          // TODO: Add default filter value in column definition\n          {\n            _dataType: dataType,\n            _type: filterType,\n            name: id,\n            value: defaultValue,\n            operator: defaultFilter.value\n          }\n        ]\n      };\n    });\n  }\n\n  function handleRemoveFilter(columnId: string) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.filter(filter => filter.name !== columnId)\n      };\n    });\n  }\n\n  function handleFilterValueChange(columnId: string, value: any) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, value };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  function handleFilterOperationChange(\n    columnId: string,\n    operator: FilterOperatorTypes\n  ) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, operator };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  return {\n    onAddFilter,\n    handleRemoveFilter,\n    handleFilterValueChange,\n    handleFilterOperationChange\n  };\n}\n"],"names":[],"mappings":";;;;SASgB,UAAU,GAAA;AACxB,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IAE5C,SAAS,WAAW,CAAC,MAAsC,EAAA;AACzD,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,CAAC;AAC9C,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,IAAI,EAAE,CAAC;QAC9C,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC;AAC7D,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,MAAM,aAAa,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,QAAA,MAAM,YAAY,GAChB,UAAU,KAAK,UAAU,CAAC,IAAI;cAC1B,IAAI,IAAI,EAAE;AACZ,cAAE,UAAU,KAAK,UAAU,CAAC,MAAM;AAChC,kBAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;kBAChB,EAAE,CAAC;QAEX,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;;AAExB,oBAAA;AACE,wBAAA,SAAS,EAAE,QAAQ;AACnB,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,IAAI,EAAE,EAAE;AACR,wBAAA,KAAK,EAAE,YAAY;wBACnB,QAAQ,EAAE,aAAa,CAAC,KAAK;AAC9B,qBAAA;AACF,iBAAA;aACF,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,SAAS,kBAAkB,CAAC,QAAgB,EAAA;QAC1C,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;aACnE,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,uBAAuB,CAAC,QAAgB,EAAE,KAAU,EAAA;QAC3D,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,IAAG;AACnC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC;qBAC7B;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,2BAA2B,CAClC,QAAgB,EAChB,QAA6B,EAAA;QAE7B,gBAAgB,CAAC,KAAK,IAAG;YACvB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,IAAG;AACnC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC;qBAChC;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,OAAO;QACL,WAAW;QACX,kBAAkB;QAClB,uBAAuB;QACvB,2BAA2B;KAC5B,CAAC;AACJ;;;;"}
+{"version":3,"file":"useFilters.js","sources":["../../../../components/data-table/hooks/useFilters.tsx"],"sourcesContent":["import {\n  FilterOperatorTypes,\n  FilterType,\n  filterOperators\n} from '~/types/filters';\nimport { DataTableColumn } from '../data-table.types';\nimport { getDataType } from '../utils/filter-operations';\nimport { useDataTable } from './useDataTable';\n\nexport function useFilters<TData, TValue>() {\n  const { updateTableQuery } = useDataTable();\n\n  function onAddFilter(column: DataTableColumn<TData, TValue>) {\n    const columnDef = column.columnDef;\n    const id = columnDef.accessorKey || column.id;\n    const options = columnDef.filterOptions || [];\n    const filterType = columnDef.filterType || FilterType.string;\n    const dataType = getDataType({ filterType, dataType: columnDef.dataType });\n    const defaultFilter = filterOperators[filterType][0];\n    const defaultValue =\n      columnDef.defaultFilterValue ??\n      (filterType === FilterType.date\n        ? new Date()\n        : filterType === FilterType.select\n          ? options[0].value\n          : '');\n\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: [\n          ...(query.filters || []),\n          // TODO: Add default filter value in column definition\n          {\n            _dataType: dataType,\n            _type: filterType,\n            name: id,\n            value: defaultValue,\n            operator: defaultFilter.value\n          }\n        ]\n      };\n    });\n  }\n\n  function handleRemoveFilter(columnId: string) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.filter(filter => filter.name !== columnId)\n      };\n    });\n  }\n\n  function handleFilterValueChange(columnId: string, value: any) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, value };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  function handleFilterOperationChange(\n    columnId: string,\n    operator: FilterOperatorTypes\n  ) {\n    updateTableQuery(query => {\n      return {\n        ...query,\n        filters: query.filters?.map(filter => {\n          if (filter.name === columnId) {\n            return { ...filter, operator };\n          }\n          return filter;\n        })\n      };\n    });\n  }\n\n  return {\n    onAddFilter,\n    handleRemoveFilter,\n    handleFilterValueChange,\n    handleFilterOperationChange\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/dialog/dialog-content.cjs

@@ -4,13 +4,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var dialog_module = require('./dialog.module.css.cjs');
 var dialogMisc = require('./dialog-misc.cjs');
 
-const DialogContent = React.forwardRef(({ className, children, showCloseButton = true, overlay, width, style, showNestedAnimation = true, ...props }, ref) => {
-    return (jsxRuntime.jsxs(react.Dialog.Portal, { children: [jsxRuntime.jsx(react.Dialog.Backdrop, { ...overlay, className: classVarianceAuthority.cx(dialog_module.default.dialogOverlay, overlay?.blur && dialog_module.default.overlayBlur, overlay?.className) }), jsxRuntime.jsx(react.Dialog.Viewport, { className: dialog_module.default.viewport, children: jsxRuntime.jsxs(react.Dialog.Popup, { ref: ref, className: classVarianceAuthority.cx(dialog_module.default.dialogContent, showNestedAnimation && dialog_module.default.showNestedAnimation, className), style: { width, ...style }, ...props, children: [children, showCloseButton && jsxRuntime.jsx(dialogMisc.CloseButton, { className: dialog_module.default.closeButton })] }) })] }));
-});
+function DialogContent({ className, children, showCloseButton = true, overlay, width, style, showNestedAnimation = true, ...props }) {
+    return (jsxRuntime.jsxs(react.Dialog.Portal, { children: [jsxRuntime.jsx(react.Dialog.Backdrop, { ...overlay, className: classVarianceAuthority.cx(dialog_module.default.dialogOverlay, overlay?.blur && dialog_module.default.overlayBlur, overlay?.className) }), jsxRuntime.jsx(react.Dialog.Viewport, { className: dialog_module.default.viewport, children: jsxRuntime.jsxs(react.Dialog.Popup, { className: classVarianceAuthority.cx(dialog_module.default.dialogContent, showNestedAnimation && dialog_module.default.showNestedAnimation, className), style: { width, ...style }, ...props, children: [children, showCloseButton && jsxRuntime.jsx(dialogMisc.CloseButton, { className: dialog_module.default.closeButton })] }) })] }));
+}
 DialogContent.displayName = 'Dialog.Content';
 
 exports.DialogContent = DialogContent;

package/dist/components/dialog/dialog-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.cjs","sources":["../../../components/dialog/dialog-content.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport styles from './dialog.module.css';\nimport { CloseButton } from './dialog-misc';\n\nexport interface DialogContentProps extends DialogPrimitive.Popup.Props {\n  showCloseButton?: boolean;\n  overlay?: DialogPrimitive.Backdrop.Props & { blur?: boolean };\n  width?: string | number;\n  /**\n   * Toggles nested dialog animation (scaling and translation)\n   * `@default` true\n   */\n  showNestedAnimation?: boolean;\n}\n\nexport const DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Popup>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      showCloseButton = true,\n      overlay,\n      width,\n      style,\n      showNestedAnimation = true,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Backdrop\n          {...overlay}\n          className={cx(\n            styles.dialogOverlay,\n            overlay?.blur && styles.overlayBlur,\n            overlay?.className\n          )}\n        />\n        <DialogPrimitive.Viewport className={styles.viewport}>\n          <DialogPrimitive.Popup\n            ref={ref}\n            className={cx(\n              styles.dialogContent,\n              showNestedAnimation && styles.showNestedAnimation,\n              className\n            )}\n            style={{ width, ...style }}\n            {...props}\n          >\n            {children}\n            {showCloseButton && <CloseButton className={styles.closeButton} />}\n          </DialogPrimitive.Popup>\n        </DialogPrimitive.Viewport>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nDialogContent.displayName = 'Dialog.Content';\n"],"names":[],"mappings":";;;;;;;;;;AAmBO;;AA4CL;AAGF;;"}
+{"version":3,"file":"dialog-content.cjs","sources":["../../../components/dialog/dialog-content.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './dialog.module.css';\nimport { CloseButton } from './dialog-misc';\n\nexport interface DialogContentProps extends DialogPrimitive.Popup.Props {\n  showCloseButton?: boolean;\n  overlay?: DialogPrimitive.Backdrop.Props & { blur?: boolean };\n  width?: string | number;\n  /**\n   * Toggles nested dialog animation (scaling and translation)\n   * `@default` true\n   */\n  showNestedAnimation?: boolean;\n}\n\nexport function DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlay,\n  width,\n  style,\n  showNestedAnimation = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Backdrop\n        {...overlay}\n        className={cx(\n          styles.dialogOverlay,\n          overlay?.blur && styles.overlayBlur,\n          overlay?.className\n        )}\n      />\n      <DialogPrimitive.Viewport className={styles.viewport}>\n        <DialogPrimitive.Popup\n          className={cx(\n            styles.dialogContent,\n            showNestedAnimation && styles.showNestedAnimation,\n            className\n          )}\n          style={{ width, ...style }}\n          {...props}\n        >\n          {children}\n          {showCloseButton && <CloseButton className={styles.closeButton} />}\n        </DialogPrimitive.Popup>\n      </DialogPrimitive.Viewport>\n    </DialogPrimitive.Portal>\n  );\n}\n\nDialogContent.displayName = 'Dialog.Content';\n"],"names":[],"mappings":";;;;;;;;;AAkBM;;AAoCN;AAEA;;"}

package/dist/components/dialog/dialog-content.d.ts

@@ -11,5 +11,8 @@ export interface DialogContentProps extends DialogPrimitive.Popup.Props {
      */
     showNestedAnimation?: boolean;
 }
-export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function DialogContent({ className, children, showCloseButton, overlay, width, style, showNestedAnimation, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogContent {
+    var displayName: string;
+}
 //# sourceMappingURL=dialog-content.d.ts.map

package/dist/components/dialog/dialog-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAM3D,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,KAAK,CAAC,KAAK;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,GAAG;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,4HA6CzB,CAAC"}
+{"version":3,"file":"dialog-content.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAK3D,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,KAAK,CAAC,KAAK;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,GAAG;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,OAAO,EACP,KAAK,EACL,KAAK,EACL,mBAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA2BpB;yBApCe,aAAa"}

package/dist/components/dialog/dialog-content.js

@@ -2,13 +2,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Dialog } from '@base-ui/react';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import styles from './dialog.module.css.js';
 import { CloseButton } from './dialog-misc.js';
 
-const DialogContent = forwardRef(({ className, children, showCloseButton = true, overlay, width, style, showNestedAnimation = true, ...props }, ref) => {
-    return (jsxs(Dialog.Portal, { children: [jsx(Dialog.Backdrop, { ...overlay, className: cx(styles.dialogOverlay, overlay?.blur && styles.overlayBlur, overlay?.className) }), jsx(Dialog.Viewport, { className: styles.viewport, children: jsxs(Dialog.Popup, { ref: ref, className: cx(styles.dialogContent, showNestedAnimation && styles.showNestedAnimation, className), style: { width, ...style }, ...props, children: [children, showCloseButton && jsx(CloseButton, { className: styles.closeButton })] }) })] }));
-});
+function DialogContent({ className, children, showCloseButton = true, overlay, width, style, showNestedAnimation = true, ...props }) {
+    return (jsxs(Dialog.Portal, { children: [jsx(Dialog.Backdrop, { ...overlay, className: cx(styles.dialogOverlay, overlay?.blur && styles.overlayBlur, overlay?.className) }), jsx(Dialog.Viewport, { className: styles.viewport, children: jsxs(Dialog.Popup, { className: cx(styles.dialogContent, showNestedAnimation && styles.showNestedAnimation, className), style: { width, ...style }, ...props, children: [children, showCloseButton && jsx(CloseButton, { className: styles.closeButton })] }) })] }));
+}
 DialogContent.displayName = 'Dialog.Content';
 
 export { DialogContent };

package/dist/components/dialog/dialog-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.js","sources":["../../../components/dialog/dialog-content.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport styles from './dialog.module.css';\nimport { CloseButton } from './dialog-misc';\n\nexport interface DialogContentProps extends DialogPrimitive.Popup.Props {\n  showCloseButton?: boolean;\n  overlay?: DialogPrimitive.Backdrop.Props & { blur?: boolean };\n  width?: string | number;\n  /**\n   * Toggles nested dialog animation (scaling and translation)\n   * `@default` true\n   */\n  showNestedAnimation?: boolean;\n}\n\nexport const DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Popup>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      showCloseButton = true,\n      overlay,\n      width,\n      style,\n      showNestedAnimation = true,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Backdrop\n          {...overlay}\n          className={cx(\n            styles.dialogOverlay,\n            overlay?.blur && styles.overlayBlur,\n            overlay?.className\n          )}\n        />\n        <DialogPrimitive.Viewport className={styles.viewport}>\n          <DialogPrimitive.Popup\n            ref={ref}\n            className={cx(\n              styles.dialogContent,\n              showNestedAnimation && styles.showNestedAnimation,\n              className\n            )}\n            style={{ width, ...style }}\n            {...props}\n          >\n            {children}\n            {showCloseButton && <CloseButton className={styles.closeButton} />}\n          </DialogPrimitive.Popup>\n        </DialogPrimitive.Viewport>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nDialogContent.displayName = 'Dialog.Content';\n"],"names":[],"mappings":";;;;;;;;AAmBO;;AA4CL;AAGF;;"}
+{"version":3,"file":"dialog-content.js","sources":["../../../components/dialog/dialog-content.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './dialog.module.css';\nimport { CloseButton } from './dialog-misc';\n\nexport interface DialogContentProps extends DialogPrimitive.Popup.Props {\n  showCloseButton?: boolean;\n  overlay?: DialogPrimitive.Backdrop.Props & { blur?: boolean };\n  width?: string | number;\n  /**\n   * Toggles nested dialog animation (scaling and translation)\n   * `@default` true\n   */\n  showNestedAnimation?: boolean;\n}\n\nexport function DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlay,\n  width,\n  style,\n  showNestedAnimation = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Backdrop\n        {...overlay}\n        className={cx(\n          styles.dialogOverlay,\n          overlay?.blur && styles.overlayBlur,\n          overlay?.className\n        )}\n      />\n      <DialogPrimitive.Viewport className={styles.viewport}>\n        <DialogPrimitive.Popup\n          className={cx(\n            styles.dialogContent,\n            showNestedAnimation && styles.showNestedAnimation,\n            className\n          )}\n          style={{ width, ...style }}\n          {...props}\n        >\n          {children}\n          {showCloseButton && <CloseButton className={styles.closeButton} />}\n        </DialogPrimitive.Popup>\n      </DialogPrimitive.Viewport>\n    </DialogPrimitive.Portal>\n  );\n}\n\nDialogContent.displayName = 'Dialog.Content';\n"],"names":[],"mappings":";;;;;;;AAkBM;;AAoCN;AAEA;;"}

package/dist/components/dialog/dialog-misc.cjs

@@ -5,27 +5,32 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var flex = require('../flex/flex.cjs');
 var dialog_module = require('./dialog.module.css.cjs');
 
-const DialogHeader = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: classVarianceAuthority.cx(dialog_module.default.header, className), ref: ref, ...props })));
+function DialogHeader({ className, ...props }) {
+    return (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: classVarianceAuthority.cx(dialog_module.default.header, className), ...props }));
+}
 DialogHeader.displayName = 'Dialog.Header';
-const DialogFooter = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: classVarianceAuthority.cx(dialog_module.default.footer, className), ref: ref, ...props })));
+function DialogFooter({ className, ...props }) {
+    return (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: classVarianceAuthority.cx(dialog_module.default.footer, className), ...props }));
+}
 DialogFooter.displayName = 'Dialog.Footer';
-const DialogBody = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: classVarianceAuthority.cx(dialog_module.default.body, className), ref: ref, ...props })));
+function DialogBody({ className, ...props }) {
+    return (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: classVarianceAuthority.cx(dialog_module.default.body, className), ...props }));
+}
 DialogBody.displayName = 'Dialog.Body';
-const CloseButton = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(react.Dialog.Close, { ref: ref, className: classVarianceAuthority.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }));
-});
+function CloseButton({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Dialog.Close, { className: classVarianceAuthority.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }));
+}
 CloseButton.displayName = 'Dialog.CloseButton';
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(react.Dialog.Title, { ref: ref, className: classVarianceAuthority.cx(dialog_module.default.title, className), ...props }));
-});
+function DialogTitle({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Dialog.Title, { className: classVarianceAuthority.cx(dialog_module.default.title, className), ...props }));
+}
 DialogTitle.displayName = 'Dialog.Title';
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(react.Dialog.Description, { ref: ref, className: classVarianceAuthority.cx(dialog_module.default.description, className), ...props }));
-});
+function DialogDescription({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Dialog.Description, { className: classVarianceAuthority.cx(dialog_module.default.description, className), ...props }));
+}
 DialogDescription.displayName = 'Dialog.Description';
 
 exports.CloseButton = CloseButton;

package/dist/components/dialog/dialog-misc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-misc.cjs","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport const DialogHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport const DialogFooter = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    gap={5}\n    justify='end'\n    className={cx(styles.footer, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const DialogBody = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    direction='column'\n    gap={3}\n    className={cx(styles.body, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport const CloseButton = forwardRef<\n  ElementRef<typeof DialogPrimitive.Close>,\n  DialogPrimitive.Close.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n});\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport const DialogTitle = forwardRef<\n  ElementRef<typeof DialogPrimitive.Title>,\n  DialogPrimitive.Title.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cx(styles.title, className)}\n      {...props}\n    />\n  );\n});\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport const DialogDescription = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  DialogPrimitive.Description.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n});\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBA;;AAeA;;AAeA;AAEa;AAIX;AAUF;AAEA;AAEa;;AAWb;AAEA;AAEa;;AAWb;AAEA;;;;;;;"}
+{"version":3,"file":"dialog-misc.cjs","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport function DialogHeader({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      justify='between'\n      align='center'\n      className={cx(styles.header, className)}\n      {...props}\n    />\n  );\n}\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport function DialogFooter({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      gap={5}\n      justify='end'\n      className={cx(styles.footer, className)}\n      {...props}\n    />\n  );\n}\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport function DialogBody({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      direction='column'\n      gap={3}\n      className={cx(styles.body, className)}\n      {...props}\n    />\n  );\n}\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport function CloseButton({\n  className,\n  ...props\n}: DialogPrimitive.Close.Props) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n}\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport function DialogTitle({\n  className,\n  ...props\n}: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title className={cx(styles.title, className)} {...props} />\n  );\n}\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n}\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;AASM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;AAIJ;AASF;AAEA;AAEM;;AAON;AAEA;AAEM;;AAUN;AAEA;;;;;;;"}

package/dist/components/dialog/dialog-misc.d.ts

@@ -1,34 +1,28 @@
-export declare const DialogHeader: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
-    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | null | undefined;
-    wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-    gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
-    width?: "full" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
-    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | null | undefined;
-    wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-    gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
-    width?: "full" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DialogBody: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
-    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | null | undefined;
-    wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-    gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
-    width?: "full" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CloseButton: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+import { Dialog as DialogPrimitive } from '@base-ui/react';
+import { type ComponentProps } from 'react';
+import { Flex } from '../flex';
+export declare function DialogHeader({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogHeader {
+    var displayName: string;
+}
+export declare function DialogFooter({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogFooter {
+    var displayName: string;
+}
+export declare function DialogBody({ className, ...props }: ComponentProps<typeof Flex>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogBody {
+    var displayName: string;
+}
+export declare function CloseButton({ className, ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace CloseButton {
+    var displayName: string;
+}
+export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogTitle {
+    var displayName: string;
+}
+export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogDescription {
+    var displayName: string;
+}
 //# sourceMappingURL=dialog-misc.d.ts.map

package/dist/components/dialog/dialog-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-misc.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog-misc.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;;;;;;;;;kHAWvB,CAAC;AAIH,eAAO,MAAM,YAAY;;;;;;;;;kHAWvB,CAAC;AAIH,eAAO,MAAM,UAAU;;;;;;;;;kHAWrB,CAAC;AAIH,eAAO,MAAM,WAAW,sJActB,CAAC;AAIH,eAAO,MAAM,WAAW,uJAWtB,CAAC;AAIH,eAAO,MAAM,iBAAiB,+JAW5B,CAAC"}
+{"version":3,"file":"dialog-misc.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAS7B;yBAZe,YAAY;;;AAgB5B,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAS7B;yBAZe,YAAY;;;AAgB5B,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAS7B;yBAZe,UAAU;;;AAgB1B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAU7B;yBAbe,WAAW;;;AAiB3B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAI7B;yBAPe,WAAW;;;AAW3B,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,2CAOnC;yBAVe,iBAAiB"}

package/dist/components/dialog/dialog-misc.js

@@ -3,27 +3,32 @@ import { jsx } from 'react/jsx-runtime';
 import { Dialog } from '@base-ui/react';
 import { Cross1Icon } from '@radix-ui/react-icons';
 import { cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
 import styles from './dialog.module.css.js';
 
-const DialogHeader = forwardRef(({ className, ...props }, ref) => (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), ref: ref, ...props })));
+function DialogHeader({ className, ...props }) {
+    return (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), ...props }));
+}
 DialogHeader.displayName = 'Dialog.Header';
-const DialogFooter = forwardRef(({ className, ...props }, ref) => (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), ref: ref, ...props })));
+function DialogFooter({ className, ...props }) {
+    return (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), ...props }));
+}
 DialogFooter.displayName = 'Dialog.Footer';
-const DialogBody = forwardRef(({ className, ...props }, ref) => (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), ref: ref, ...props })));
+function DialogBody({ className, ...props }) {
+    return (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), ...props }));
+}
 DialogBody.displayName = 'Dialog.Body';
-const CloseButton = forwardRef(({ className, ...props }, ref) => {
-    return (jsx(Dialog.Close, { ref: ref, className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsx(Cross1Icon, { "aria-hidden": 'true' }) }));
-});
+function CloseButton({ className, ...props }) {
+    return (jsx(Dialog.Close, { className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsx(Cross1Icon, { "aria-hidden": 'true' }) }));
+}
 CloseButton.displayName = 'Dialog.CloseButton';
-const DialogTitle = forwardRef(({ className, ...props }, ref) => {
-    return (jsx(Dialog.Title, { ref: ref, className: cx(styles.title, className), ...props }));
-});
+function DialogTitle({ className, ...props }) {
+    return (jsx(Dialog.Title, { className: cx(styles.title, className), ...props }));
+}
 DialogTitle.displayName = 'Dialog.Title';
-const DialogDescription = forwardRef(({ className, ...props }, ref) => {
-    return (jsx(Dialog.Description, { ref: ref, className: cx(styles.description, className), ...props }));
-});
+function DialogDescription({ className, ...props }) {
+    return (jsx(Dialog.Description, { className: cx(styles.description, className), ...props }));
+}
 DialogDescription.displayName = 'Dialog.Description';
 
 export { CloseButton, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle };

package/dist/components/dialog/dialog-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-misc.js","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport const DialogHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport const DialogFooter = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    gap={5}\n    justify='end'\n    className={cx(styles.footer, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const DialogBody = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentPropsWithoutRef<typeof Flex>\n>(({ className, ...props }, ref) => (\n  <Flex\n    direction='column'\n    gap={3}\n    className={cx(styles.body, className)}\n    ref={ref}\n    {...props}\n  />\n));\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport const CloseButton = forwardRef<\n  ElementRef<typeof DialogPrimitive.Close>,\n  DialogPrimitive.Close.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n});\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport const DialogTitle = forwardRef<\n  ElementRef<typeof DialogPrimitive.Title>,\n  DialogPrimitive.Title.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cx(styles.title, className)}\n      {...props}\n    />\n  );\n});\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport const DialogDescription = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  DialogPrimitive.Description.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n});\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;AAsBA;;AAeA;;AAeA;AAEa;AAIX;AAUF;AAEA;AAEa;;AAWb;AAEA;AAEa;;AAWb;AAEA;;"}
+{"version":3,"file":"dialog-misc.js","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nexport function DialogHeader({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      justify='between'\n      align='center'\n      className={cx(styles.header, className)}\n      {...props}\n    />\n  );\n}\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport function DialogFooter({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      gap={5}\n      justify='end'\n      className={cx(styles.footer, className)}\n      {...props}\n    />\n  );\n}\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport function DialogBody({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      direction='column'\n      gap={3}\n      className={cx(styles.body, className)}\n      {...props}\n    />\n  );\n}\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport function CloseButton({\n  className,\n  ...props\n}: DialogPrimitive.Close.Props) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n}\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport function DialogTitle({\n  className,\n  ...props\n}: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title className={cx(styles.title, className)} {...props} />\n  );\n}\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      className={cx(styles.description, className)}\n      {...props}\n    />\n  );\n}\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;AASM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;;AAYN;AAEA;AAEM;AAIJ;AASF;AAEA;AAEM;;AAON;AAEA;AAEM;;AAUN;AAEA;;"}

package/dist/components/dialog/dialog.d.ts

@@ -1,40 +1,15 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react';
+import { DialogContent } from './dialog-content';
+import { CloseButton, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from './dialog-misc';
 export declare const Dialog: typeof DialogPrimitive.Root & {
-    Header: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
-        direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
-        align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-        justify?: "center" | "start" | "end" | "between" | null | undefined;
-        wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-        gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
-        width?: "full" | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Footer: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
-        direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
-        align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-        justify?: "center" | "start" | "end" | "between" | null | undefined;
-        wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-        gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
-        width?: "full" | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Body: import("react").ForwardRefExoticComponent<Omit<Omit<import("class-variance-authority").VariantProps<(props?: ({
-        direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
-        align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-        justify?: "center" | "start" | "end" | "between" | null | undefined;
-        wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-        gap?: "small" | 1 | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
-        width?: "full" | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, {}> | undefined;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: typeof DialogHeader;
+    Footer: typeof DialogFooter;
+    Body: typeof DialogBody;
     Trigger: DialogPrimitive.Trigger;
-    Content: import("react").ForwardRefExoticComponent<Omit<import("./dialog-content").DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: typeof DialogContent;
     Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    CloseButton: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Title: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-    Description: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    CloseButton: typeof CloseButton;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
 };
 //# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAW3D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACZ,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,MAAM;;;;;;;;;;CAUjB,CAAC"}

package/dist/components/drawer/drawer-content.cjs

@@ -5,7 +5,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var drawer = require('@base-ui/react/drawer');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var drawer_module = require('./drawer.module.css.cjs');
 
 const drawerPopup = classVarianceAuthority.cva(drawer_module.default.drawerPopup, {
@@ -21,9 +20,9 @@ const drawerPopup = classVarianceAuthority.cva(drawer_module.default.drawerPopup
         side: 'right'
     }
 });
-const DrawerContent = React.forwardRef(({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }, ref) => {
-    return (jsxRuntime.jsxs(drawer.DrawerPreview.Portal, { children: [jsxRuntime.jsx(drawer.DrawerPreview.Backdrop, { ...overlayProps, className: classVarianceAuthority.cx(drawer_module.default.backdrop, overlayProps?.className) }), jsxRuntime.jsx(drawer.DrawerPreview.Viewport, { className: drawer_module.default.viewport, children: jsxRuntime.jsx(drawer.DrawerPreview.Popup, { ref: ref, className: drawerPopup({ side, className }), "aria-label": 'Drawer', ...props, children: jsxRuntime.jsxs(drawer.DrawerPreview.Content, { className: drawer_module.default.content, children: [children, showCloseButton && (jsxRuntime.jsx(drawer.DrawerPreview.Close, { className: drawer_module.default.close, "aria-label": 'Close Drawer', children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }))] }) }) })] }));
-});
+function DrawerContent({ className, children, side = 'right', showCloseButton = true, overlayProps, ...props }) {
+    return (jsxRuntime.jsxs(drawer.DrawerPreview.Portal, { children: [jsxRuntime.jsx(drawer.DrawerPreview.Backdrop, { ...overlayProps, className: classVarianceAuthority.cx(drawer_module.default.backdrop, overlayProps?.className) }), jsxRuntime.jsx(drawer.DrawerPreview.Viewport, { className: drawer_module.default.viewport, children: jsxRuntime.jsx(drawer.DrawerPreview.Popup, { className: drawerPopup({ side, className }), "aria-label": 'Drawer', ...props, children: jsxRuntime.jsxs(drawer.DrawerPreview.Content, { className: drawer_module.default.content, children: [children, showCloseButton && (jsxRuntime.jsx(drawer.DrawerPreview.Close, { className: drawer_module.default.close, "aria-label": 'Close Drawer', children: jsxRuntime.jsx(reactIcons.Cross1Icon, { "aria-hidden": 'true' }) }))] }) }) })] }));
+}
 DrawerContent.displayName = 'Drawer.Content';
 
 exports.DrawerContent = DrawerContent;