@welldot/vue 0.1.1 → 0.2.1

package/dist/grid/useWellGridColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWellGridColumns.js","names":[],"sources":["../../src/grid/useWellGridColumns.ts"],"sourcesContent":["import type {\n  AfterEditEvent,\n  BeforeSaveDataDetails,\n  ColumnRegular,\n  Editors,\n  FocusAfterRenderEvent,\n  GridPlugin,\n} from '@revolist/revogrid';\nimport {\n  BasePlugin,\n  VGridVueEditor,\n  type PluginProviders,\n} from '@revolist/vue3-datagrid';\nimport type { LanguageTextInput } from '@welldot/core';\nimport {\n  computed,\n  defineComponent,\n  h,\n  ref,\n  toValue,\n  type Component,\n  type MaybeRefOrGetter,\n} from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport type { DisplayUnitType } from '../composables/useWellUnits';\nimport { resolvePart, useWelldotConfig } from '../config';\nimport GridCheckboxCell from './cells/GridCheckboxCell.vue';\nimport GridColorCell from './cells/GridColorCell.vue';\nimport GridColorPickerEditor from './cells/GridColorPickerEditor.vue';\nimport GridComboEditor from './cells/GridComboEditor.vue';\nimport GridDeleteCell from './cells/GridDeleteCell.vue';\nimport GridDragCell from './cells/GridDragCell.vue';\nimport GridFormattedCell from './cells/GridFormattedCell.vue';\nimport GridHeaderCell from './cells/GridHeaderCell.vue';\nimport GridNumberEditor from './cells/GridNumberEditor.vue';\nimport GridSelectButtonCell from './cells/GridSelectButtonCell.vue';\nimport GridSelectCell from './cells/GridSelectCell.vue';\nimport GridSelectEditor from './cells/GridSelectEditor.vue';\nimport GridTextEditor from './cells/GridTextEditor.vue';\nimport GridTextureSelectCell from './cells/GridTextureSelectCell.vue';\nimport GridTextureSelectEditor from './cells/GridTextureSelectEditor.vue';\nimport GridUnitCell from './cells/GridUnitCell.vue';\nimport GridUnitEditor from './cells/GridUnitEditor.vue';\nimport { columnStretchPlugin } from './columnStretchPlugin';\nimport {\n  useCellTemplate,\n  type GridVueTemplate,\n} from './composables/useCellTemplate';\nimport { useUnitSuffix } from './composables/useUnitSuffix';\nimport WellGridDeleteButton from './parts/WellGridDeleteButton.vue';\nimport type {\n  ResolvedGridOption,\n  WellDataGridComponents,\n  WellDataGridLabels,\n  WellGridColumn,\n  WellGridOption,\n} from './types';\n\n// ─── Column kinds ──────────────────────────────────────────────────────────\n// Declares how each column \"kind\" renders and edits.\n// `resolveColumnKind` decides which kind a column declaration maps to.\n\ntype ColumnKind =\n  | 'text'\n  | 'number'\n  | 'unit'\n  | 'color'\n  | 'select'\n  | 'select-button'\n  | 'combo'\n  | 'formatted'\n  | 'checkbox'\n  | 'texture';\n\n/** What a kind needs from one column, with its text already resolved. */\ninterface ResolvedColumn {\n  col: WellGridColumn;\n  options?: ResolvedGridOption[];\n}\n\ninterface ColumnKindDef {\n  editor?: string;\n  numeric?: boolean;\n  cellProperties?: ColumnRegular['cellProperties'];\n  cellTemplate?: (c: ResolvedColumn) => GridVueTemplate;\n  /** Per-column props handed to the editor (read from `column.editorProps`). */\n  editorProps?: (c: ResolvedColumn) => Record<string, unknown>;\n}\n\nfunction resolveColumnKind(col: WellGridColumn): ColumnKind {\n  if (col.type === 'texture') return 'texture';\n  if (col.type === 'select') return 'select';\n  if (col.type === 'select-button') return 'select-button';\n  if (col.type === 'combo') return 'combo';\n  if (col.type === 'color') return 'color';\n  if (col.type === 'checkbox') return 'checkbox';\n  if (col.unitType) return 'unit';\n  if (col.formatter) return 'formatted';\n  return col.type === 'number' ? 'number' : 'text';\n}\n\nconst UNIT_TYPES: readonly DisplayUnitType[] = [\n  'length',\n  'diameter',\n  'flow',\n  'power',\n  'volume',\n];\n\n/** Props RevoGrid hands to every editor (`EditorType`). */\ninterface GridEditorProps {\n  val?: unknown;\n  save: (value: unknown, preventFocus?: boolean) => void;\n  close: (focusNext?: boolean) => void;\n  /** Cell data model; `column.column` is the `ColumnRegular`. */\n  column?: { column?: { editorProps?: Record<string, unknown> } };\n}\n\n/* eslint-disable vue/one-component-per-file -- tiny render-function editor\n   adapters, not SFCs */\n\nconst EDITOR_PROP_KEYS: Array<keyof GridEditorProps> = [\n  'val',\n  'save',\n  'close',\n  'column',\n];\n\n/**\n * Editor that forwards `val`/`save`/`close` plus the column's\n * `editorProps` (and optional grid-wide props) to `component`. Lets one\n * editor per kind — registered once in setup — serve every column.\n */\nfunction columnEditor(\n  component: Component,\n  extraProps?: () => Record<string, unknown>,\n) {\n  return VGridVueEditor(\n    defineComponent(\n      (p: GridEditorProps) => () =>\n        h(component, {\n          val: p.val,\n          save: p.save,\n          close: p.close,\n          ...p.column?.column?.editorProps,\n          ...extraProps?.(),\n        }),\n      { inheritAttrs: false, props: EDITOR_PROP_KEYS },\n    ),\n  );\n}\n\nconst NoopEditor = defineComponent(\n  (p: GridEditorProps) => {\n    p.close();\n    return () => null;\n  },\n  { inheritAttrs: false, props: EDITOR_PROP_KEYS },\n);\n\n/* eslint-enable vue/one-component-per-file */\n\nexport interface UseWellGridColumnsOptions {\n  columns: MaybeRefOrGetter<WellGridColumn[]>;\n  onDelete: (rowIndex: number, model: Record<string, unknown>) => void;\n  onChange: (rowIndex: number, prop: string, value: unknown) => void;\n  /** Include the pinned-start drag-handle column (default true) */\n  enableDrag?: boolean;\n  /** Include the pinned-end delete-row column (default true) */\n  enableDelete?: boolean;\n  /** Label handed to the delete-button part (its aria-label by default). */\n  deleteLabel?: MaybeRefOrGetter<LanguageTextInput>;\n  /** Grid-internal text (texture editor, header info trigger). */\n  labels?: MaybeRefOrGetter<WellDataGridLabels | undefined>;\n  /** Part overrides; `addButton` is rendered by `WellDataGrid` itself. */\n  components?: MaybeRefOrGetter<WellDataGridComponents | undefined>;\n}\n\n/**\n * Editor registry, column-kind resolution and RevoGrid column builder for a\n * well feature grid. **Call it in `setup`**: cell templates and editors are\n * bound to the calling component's app context there (see\n * `useCellTemplate`), which is what lets cells reach `createWelldot` and\n * PrimeVue.\n */\nexport function useWellGridColumns(options: UseWellGridColumnsOptions) {\n  const {\n    onDelete,\n    onChange,\n    enableDrag = true,\n    enableDelete = true,\n  } = options;\n  const cols = computed(() => toValue(options.columns));\n  const labels = computed(() => toValue(options.labels) ?? {});\n  const parts = computed(() => toValue(options.components) ?? {});\n\n  const config = useWelldotConfig();\n  const text = useWellText();\n  const cellTemplate = useCellTemplate();\n  const suffixes = Object.fromEntries(\n    UNIT_TYPES.map(type => [type, useUnitSuffix(type)]),\n  ) as Record<DisplayUnitType, ReturnType<typeof useUnitSuffix>>;\n\n  // ─── Editors ───────────────────────────────────────────────────────────────\n  // Created once, here in setup: `VGridVueEditor` captures the current\n  // instance's app context when called. Per-column data (unit type, options)\n  // travels on the column as `editorProps`.\n\n  const gridEditors: Editors = {\n    noop: VGridVueEditor(NoopEditor),\n    text: VGridVueEditor(GridTextEditor),\n    number: VGridVueEditor(GridNumberEditor),\n    color: VGridVueEditor(GridColorPickerEditor),\n    unit: columnEditor(GridUnitEditor),\n    select: columnEditor(GridSelectEditor),\n    combo: columnEditor(GridComboEditor, () => ({\n      hint: labels.value.comboHint,\n    })),\n    texture: columnEditor(GridTextureSelectEditor, () => ({\n      placeholder: labels.value.texturePlaceholder,\n      showPending: labels.value.showPendingTextures,\n    })),\n  };\n\n  const headerTemplate = cellTemplate(GridHeaderCell);\n\n  const stretchCol = computed(() => cols.value.find(c => c.stretch) ?? null);\n  const stretchProp = computed(() => stretchCol.value?.prop ?? null);\n  const gridStretch = computed(() => stretchProp.value === null);\n\n  const plugins = computed(() => {\n    const list: GridPlugin[] = [];\n    if (enableDrag) {\n      list.push(\n        class HRPlugin extends BasePlugin {\n          constructor(r: HTMLRevoGridElement, p: PluginProviders) {\n            super(r, p);\n            this.addEventListener('rowdragstart', e => {\n              const name = e.detail.model?.['name'];\n              if (typeof name === 'string' && name) {\n                e.detail.text = name;\n              }\n            });\n          }\n        },\n      );\n    }\n    if (stretchProp.value !== null) {\n      list.push(\n        columnStretchPlugin(stretchProp.value, stretchCol.value?.minSize),\n      );\n    }\n    return list;\n  });\n\n  const checkboxCellProperties = () => ({ class: 'well-grid-checkbox-cell' });\n\n  const columnKinds: Record<ColumnKind, ColumnKindDef> = {\n    text: {},\n    number: { numeric: true },\n    unit: {\n      editor: 'unit',\n      numeric: true,\n      editorProps: ({ col }) => ({ unitType: col.unitType }),\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridUnitCell, { unitType: col.unitType }),\n    },\n    color: {\n      editor: 'color',\n      cellTemplate: () => cellTemplate(GridColorCell),\n    },\n    select: {\n      editor: 'select',\n      editorProps: ({ options }) => ({ options }),\n      cellTemplate: ({ options }) => cellTemplate(GridSelectCell, { options }),\n    },\n    combo: {\n      editor: 'combo',\n      editorProps: ({ options }) => ({ options }),\n      // GridSelectCell already falls back to the raw value when it isn't\n      // one of the suggested options, which is exactly what free text needs.\n      cellTemplate: ({ options }) => cellTemplate(GridSelectCell, { options }),\n    },\n    formatted: {\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridFormattedCell, { formatter: col.formatter }),\n    },\n    checkbox: {\n      editor: 'noop',\n      cellProperties: checkboxCellProperties,\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridCheckboxCell, {\n          prop: col.prop,\n          onToggle: (rowIndex: number, prop: string, value: boolean) =>\n            onChange(rowIndex, prop, value),\n        }),\n    },\n    'select-button': {\n      editor: 'noop',\n      cellProperties: checkboxCellProperties,\n      cellTemplate: ({ col, options }) =>\n        cellTemplate(GridSelectButtonCell, {\n          prop: col.prop,\n          options,\n          onChange: (rowIndex: number, prop: string, value: unknown) =>\n            onChange(rowIndex, prop, value),\n        }),\n    },\n    texture: {\n      editor: 'texture',\n      cellTemplate: () => cellTemplate(GridTextureSelectCell),\n    },\n  };\n\n  function resolveOptions(\n    list: readonly WellGridOption[],\n  ): ResolvedGridOption[] {\n    return list.map(o => ({\n      value: o.value,\n      label: text(o.label) ?? o.value,\n      ...(o.deprecated && { deprecated: true }),\n    }));\n  }\n\n  function buildColumn(col: WellGridColumn): ColumnRegular {\n    const kind = columnKinds[resolveColumnKind(col)];\n    const resolved: ResolvedColumn = {\n      col,\n      options: 'options' in col ? resolveOptions(col.options) : undefined,\n    };\n    const label = text(col.label) ?? '';\n    const unit = col.unitType ? suffixes[col.unitType].value : null;\n    const readonly = col.readonly ?? false;\n    const info = text(col.info);\n\n    return {\n      prop: col.prop,\n      name: unit ? `${label} (${unit})` : label,\n      autoSize: !col.size && !col.stretch,\n      size: col.size,\n      readonly,\n      editor: readonly\n        ? undefined\n        : (kind.editor ??\n          col.editor ??\n          (col.type === 'number' ? 'number' : 'text')),\n      editorProps: kind.editorProps?.(resolved),\n      pin: col.pin,\n      cellProperties:\n        kind.cellProperties ??\n        (kind.numeric ? () => ({ class: 'num' }) : undefined),\n      cellTemplate: kind.cellTemplate?.(resolved),\n      ...(info && {\n        info,\n        infoHighlight: text(col.infoHighlight),\n        infoLabel: text(labels.value.columnInfo),\n        columnTemplate: headerTemplate,\n      }),\n    };\n  }\n\n  const revoColumns = computed<ColumnRegular[]>(() => {\n    const result: ColumnRegular[] = [];\n    if (enableDrag) {\n      const dragHandle = resolvePart(\n        'dragHandle',\n        parts.value.dragHandle,\n        undefined,\n        config,\n      );\n      result.push({\n        prop: '_drag',\n        name: '',\n        size: 30,\n        pin: 'colPinStart',\n        rowDrag: true,\n        cellProperties: () => ({ class: 'well-grid-drag-cell' }),\n        // Without an override RevoGrid draws its own handle (styled by\n        // grid.css). A template replaces it, so GridDragCell re-emits the\n        // drag start RevoGrid's handle would have emitted.\n        ...(dragHandle && {\n          cellTemplate: cellTemplate(GridDragCell, { part: dragHandle }),\n        }),\n      });\n    }\n    result.push(...cols.value.map(buildColumn));\n    if (enableDelete) {\n      result.push({\n        prop: '_delete',\n        name: '',\n        size: 40,\n        readonly: true,\n        pin: 'colPinEnd',\n        cellProperties: () => ({ class: 'well-grid-delete-cell' }),\n        cellTemplate: cellTemplate(GridDeleteCell, {\n          part: resolvePart(\n            'deleteButton',\n            parts.value.deleteButton,\n            WellGridDeleteButton,\n            config,\n          ),\n          label: text(toValue(options.deleteLabel)),\n          requestDelete: onDelete,\n        }),\n      });\n    }\n    return result;\n  });\n\n  function coerceCellValue(prop: string, val: unknown): unknown {\n    const col = cols.value.find(c => c.prop === prop);\n    if (col?.type === 'checkbox' && typeof val === 'string') {\n      return val === 'true' || val === '1' || val.toLowerCase() === 'yes';\n    }\n    return val;\n  }\n\n  // ─── Click-on-focused-cell → enter edit mode ───────────────────────────────\n  // `afterfocus` only fires when focus moves to a new cell. A click that\n  // triggers such a focus change is suppressed; a second click on the cell\n  // that's already focused enters edit mode for it.\n\n  const gridContainerRef = ref<HTMLElement | null>(null);\n  const focusedCell = ref<{\n    rowIndex: number;\n    colIndex: number;\n    prop: string;\n  } | null>(null);\n  let suppressNextClick = false;\n\n  function handleAfterFocus(event: CustomEvent<FocusAfterRenderEvent>) {\n    const { rowIndex, colIndex, column } = event.detail;\n    focusedCell.value = column\n      ? { rowIndex, colIndex, prop: String(column.prop) }\n      : null;\n    suppressNextClick = true;\n  }\n\n  function handleGridMousedown() {\n    suppressNextClick = false;\n  }\n\n  function handleGridClick(event: MouseEvent) {\n    if (suppressNextClick) {\n      suppressNextClick = false;\n      return;\n    }\n    const cell = focusedCell.value;\n    if (!cell) return;\n\n    const target = (event.target as HTMLElement).closest<HTMLElement>(\n      '[data-rgrow][data-rgcol]',\n    );\n    if (!target) return;\n    if (\n      Number(target.dataset.rgrow) !== cell.rowIndex ||\n      Number(target.dataset.rgcol) !== cell.colIndex\n    ) {\n      return;\n    }\n\n    const col = cols.value.find(c => c.prop === cell.prop);\n    if (!col || col.readonly) return;\n\n    const gridEl = gridContainerRef.value?.querySelector('revo-grid') as\n      | HTMLRevoGridElement\n      | undefined;\n    gridEl?.setCellEdit(cell.rowIndex, cell.prop);\n  }\n\n  function handleAfterEdit(event: CustomEvent<AfterEditEvent>) {\n    const detail = event.detail as Record<string, unknown>;\n\n    // Single-cell edit: detail has rowIndex + prop + val\n    if ('rowIndex' in detail) {\n      const { rowIndex, prop, val } =\n        detail as unknown as BeforeSaveDataDetails;\n      onChange(rowIndex, String(prop), coerceCellValue(String(prop), val));\n      return;\n    }\n\n    // Block edit (paste, range clear, etc.): detail has data keyed by row index\n    const blockData = detail.data as\n      | Record<string, Record<string, unknown>>\n      | undefined;\n    if (!blockData) return;\n\n    for (const [rowKey, rowData] of Object.entries(blockData)) {\n      const rowIndex = Number(rowKey);\n      for (const [prop, val] of Object.entries(rowData)) {\n        onChange(rowIndex, prop, coerceCellValue(prop, val));\n      }\n    }\n  }\n\n  return {\n    gridEditors,\n    revoColumns,\n    gridStretch,\n    plugins,\n    coerceCellValue,\n    handleAfterEdit,\n    gridContainerRef,\n    handleAfterFocus,\n    handleGridMousedown,\n    handleGridClick,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useWellGridColumns.js","names":[],"sources":["../../src/grid/useWellGridColumns.ts"],"sourcesContent":["import type {\n  AfterEditEvent,\n  BeforeSaveDataDetails,\n  ColumnRegular,\n  Editors,\n  FocusAfterRenderEvent,\n  GridPlugin,\n} from '@revolist/revogrid';\nimport {\n  BasePlugin,\n  VGridVueEditor,\n  type PluginProviders,\n} from '@revolist/vue3-datagrid';\nimport type { LanguageTextInput } from '@welldot/core';\nimport {\n  computed,\n  defineComponent,\n  h,\n  ref,\n  toValue,\n  type Component,\n  type MaybeRefOrGetter,\n} from 'vue';\nimport { useWellText } from '../composables/useWellText';\nimport type { DisplayUnitType } from '../composables/useWellUnits';\nimport { resolvePart, useWelldotConfig } from '../config';\nimport GridCheckboxCell from './cells/GridCheckboxCell.vue';\nimport GridColorCell from './cells/GridColorCell.vue';\nimport GridColorPickerEditor from './cells/GridColorPickerEditor.vue';\nimport GridComboEditor from './cells/GridComboEditor.vue';\nimport GridDeleteCell from './cells/GridDeleteCell.vue';\nimport GridDragCell from './cells/GridDragCell.vue';\nimport GridFormattedCell from './cells/GridFormattedCell.vue';\nimport GridHeaderCell from './cells/GridHeaderCell.vue';\nimport GridNumberEditor from './cells/GridNumberEditor.vue';\nimport GridSelectButtonCell from './cells/GridSelectButtonCell.vue';\nimport GridSelectCell from './cells/GridSelectCell.vue';\nimport GridSelectEditor from './cells/GridSelectEditor.vue';\nimport GridTextEditor from './cells/GridTextEditor.vue';\nimport GridTextureSelectCell from './cells/GridTextureSelectCell.vue';\nimport GridTextureSelectEditor from './cells/GridTextureSelectEditor.vue';\nimport GridUnitCell from './cells/GridUnitCell.vue';\nimport GridUnitEditor from './cells/GridUnitEditor.vue';\nimport { columnStretchPlugin } from './columnStretchPlugin';\nimport {\n  useCellTemplate,\n  type GridVueTemplate,\n} from './composables/useCellTemplate';\nimport { useUnitSuffix } from './composables/useUnitSuffix';\nimport WellGridDeleteButton from './parts/WellGridDeleteButton.vue';\nimport type {\n  ResolvedGridOption,\n  WellDataGridComponents,\n  WellDataGridLabels,\n  WellGridColumn,\n  WellGridOption,\n} from './types';\n\n// ─── Column kinds ──────────────────────────────────────────────────────────\n// Declares how each column \"kind\" renders and edits.\n// `resolveColumnKind` decides which kind a column declaration maps to.\n\ntype ColumnKind =\n  | 'text'\n  | 'number'\n  | 'unit'\n  | 'color'\n  | 'select'\n  | 'select-button'\n  | 'combo'\n  | 'formatted'\n  | 'checkbox'\n  | 'texture';\n\n/** What a kind needs from one column, with its text already resolved. */\ninterface ResolvedColumn {\n  col: WellGridColumn;\n  options?: ResolvedGridOption[];\n}\n\ninterface ColumnKindDef {\n  editor?: string;\n  numeric?: boolean;\n  cellProperties?: ColumnRegular['cellProperties'];\n  cellTemplate?: (c: ResolvedColumn) => GridVueTemplate;\n  /** Per-column props handed to the editor (read from `column.editorProps`). */\n  editorProps?: (c: ResolvedColumn) => Record<string, unknown>;\n}\n\nfunction resolveColumnKind(col: WellGridColumn): ColumnKind {\n  if (col.type === 'texture') return 'texture';\n  if (col.type === 'select') return 'select';\n  if (col.type === 'select-button') return 'select-button';\n  if (col.type === 'combo') return 'combo';\n  if (col.type === 'color') return 'color';\n  if (col.type === 'checkbox') return 'checkbox';\n  if (col.unitType) return 'unit';\n  if (col.formatter) return 'formatted';\n  return col.type === 'number' ? 'number' : 'text';\n}\n\nconst UNIT_TYPES: readonly DisplayUnitType[] = [\n  'length',\n  'diameter',\n  'flow',\n  'power',\n  'volume',\n];\n\n/** Props RevoGrid hands to every editor (`EditorType`). */\nexport interface GridEditorProps {\n  val?: unknown;\n  save: (value: unknown, preventFocus?: boolean) => void;\n  close: (focusNext?: boolean) => void;\n  /** Cell data model; `column.column` is the `ColumnRegular`. */\n  column?: { column?: { editorProps?: Record<string, unknown> } };\n  /** Row model of the edited cell. */\n  model?: Record<string, unknown>;\n  /** Key of the edited cell on `model`. */\n  prop?: string | number;\n}\n\n/* eslint-disable vue/one-component-per-file -- tiny render-function editor\n   adapters, not SFCs */\n\nconst EDITOR_PROP_KEYS: Array<keyof GridEditorProps> = [\n  'val',\n  'save',\n  'close',\n  'column',\n  'model',\n  'prop',\n];\n\n/**\n * Whether `val` is the key the user typed to open the editor rather than\n * the cell's stored value (RevoGrid passes `editCell.val || modelValue`).\n */\nexport function isEnteredValue(p: GridEditorProps): boolean {\n  return p.prop != null && p.val !== p.model?.[p.prop];\n}\n\n/**\n * Editor that forwards `val`/`save`/`close` plus the column's\n * `editorProps` (and optional grid-wide props) to `component`. Lets one\n * editor per kind — registered once in setup — serve every column.\n */\nfunction columnEditor(\n  component: Component,\n  extraProps?: (p: GridEditorProps) => Record<string, unknown>,\n) {\n  return VGridVueEditor(\n    defineComponent(\n      (p: GridEditorProps) => () =>\n        h(component, {\n          val: p.val,\n          save: p.save,\n          close: p.close,\n          ...p.column?.column?.editorProps,\n          ...extraProps?.(p),\n        }),\n      { inheritAttrs: false, props: EDITOR_PROP_KEYS },\n    ),\n  );\n}\n\nconst NoopEditor = defineComponent(\n  (p: GridEditorProps) => {\n    p.close();\n    return () => null;\n  },\n  { inheritAttrs: false, props: EDITOR_PROP_KEYS },\n);\n\n/* eslint-enable vue/one-component-per-file */\n\nexport interface UseWellGridColumnsOptions {\n  columns: MaybeRefOrGetter<WellGridColumn[]>;\n  onDelete: (rowIndex: number, model: Record<string, unknown>) => void;\n  onChange: (rowIndex: number, prop: string, value: unknown) => void;\n  /** Include the pinned-start drag-handle column (default true) */\n  enableDrag?: boolean;\n  /** Include the pinned-end delete-row column (default true) */\n  enableDelete?: boolean;\n  /** Label handed to the delete-button part (its aria-label by default). */\n  deleteLabel?: MaybeRefOrGetter<LanguageTextInput>;\n  /** Grid-internal text (texture editor, header info trigger). */\n  labels?: MaybeRefOrGetter<WellDataGridLabels | undefined>;\n  /** Part overrides; `addButton` is rendered by `WellDataGrid` itself. */\n  components?: MaybeRefOrGetter<WellDataGridComponents | undefined>;\n}\n\n/**\n * Editor registry, column-kind resolution and RevoGrid column builder for a\n * well feature grid. **Call it in `setup`**: cell templates and editors are\n * bound to the calling component's app context there (see\n * `useCellTemplate`), which is what lets cells reach `createWelldot` and\n * PrimeVue.\n */\nexport function useWellGridColumns(options: UseWellGridColumnsOptions) {\n  const {\n    onDelete,\n    onChange,\n    enableDrag = true,\n    enableDelete = true,\n  } = options;\n  const cols = computed(() => toValue(options.columns));\n  const labels = computed(() => toValue(options.labels) ?? {});\n  const parts = computed(() => toValue(options.components) ?? {});\n\n  const config = useWelldotConfig();\n  const text = useWellText();\n  const cellTemplate = useCellTemplate();\n  const suffixes = Object.fromEntries(\n    UNIT_TYPES.map(type => [type, useUnitSuffix(type)]),\n  ) as Record<DisplayUnitType, ReturnType<typeof useUnitSuffix>>;\n\n  // ─── Editors ───────────────────────────────────────────────────────────────\n  // Created once, here in setup: `VGridVueEditor` captures the current\n  // instance's app context when called. Per-column data (unit type, options)\n  // travels on the column as `editorProps`.\n\n  const gridEditors: Editors = {\n    noop: VGridVueEditor(NoopEditor),\n    text: VGridVueEditor(GridTextEditor),\n    number: VGridVueEditor(GridNumberEditor),\n    color: VGridVueEditor(GridColorPickerEditor),\n    unit: columnEditor(GridUnitEditor, p => ({\n      entered: isEnteredValue(p),\n    })),\n    select: columnEditor(GridSelectEditor),\n    combo: columnEditor(GridComboEditor, () => ({\n      hint: labels.value.comboHint,\n    })),\n    texture: columnEditor(GridTextureSelectEditor, () => ({\n      placeholder: labels.value.texturePlaceholder,\n      showPending: labels.value.showPendingTextures,\n    })),\n  };\n\n  const headerTemplate = cellTemplate(GridHeaderCell);\n\n  const stretchCol = computed(() => cols.value.find(c => c.stretch) ?? null);\n  const stretchProp = computed(() => stretchCol.value?.prop ?? null);\n  const gridStretch = computed(() => stretchProp.value === null);\n\n  const plugins = computed(() => {\n    const list: GridPlugin[] = [];\n    if (enableDrag) {\n      list.push(\n        class HRPlugin extends BasePlugin {\n          constructor(r: HTMLRevoGridElement, p: PluginProviders) {\n            super(r, p);\n            this.addEventListener('rowdragstart', e => {\n              const name = e.detail.model?.['name'];\n              if (typeof name === 'string' && name) {\n                e.detail.text = name;\n              }\n            });\n          }\n        },\n      );\n    }\n    if (stretchProp.value !== null) {\n      list.push(\n        columnStretchPlugin(stretchProp.value, stretchCol.value?.minSize),\n      );\n    }\n    return list;\n  });\n\n  const checkboxCellProperties = () => ({ class: 'well-grid-checkbox-cell' });\n\n  const columnKinds: Record<ColumnKind, ColumnKindDef> = {\n    text: {},\n    number: { numeric: true },\n    unit: {\n      editor: 'unit',\n      numeric: true,\n      editorProps: ({ col }) => ({ unitType: col.unitType }),\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridUnitCell, { unitType: col.unitType }),\n    },\n    color: {\n      editor: 'color',\n      cellTemplate: () => cellTemplate(GridColorCell),\n    },\n    select: {\n      editor: 'select',\n      editorProps: ({ options }) => ({ options }),\n      cellTemplate: ({ options }) => cellTemplate(GridSelectCell, { options }),\n    },\n    combo: {\n      editor: 'combo',\n      editorProps: ({ options }) => ({ options }),\n      // GridSelectCell already falls back to the raw value when it isn't\n      // one of the suggested options, which is exactly what free text needs.\n      cellTemplate: ({ options }) => cellTemplate(GridSelectCell, { options }),\n    },\n    formatted: {\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridFormattedCell, { formatter: col.formatter }),\n    },\n    checkbox: {\n      editor: 'noop',\n      cellProperties: checkboxCellProperties,\n      cellTemplate: ({ col }) =>\n        cellTemplate(GridCheckboxCell, {\n          prop: col.prop,\n          onToggle: (rowIndex: number, prop: string, value: boolean) =>\n            onChange(rowIndex, prop, value),\n        }),\n    },\n    'select-button': {\n      editor: 'noop',\n      cellProperties: checkboxCellProperties,\n      cellTemplate: ({ col, options }) =>\n        cellTemplate(GridSelectButtonCell, {\n          prop: col.prop,\n          options,\n          onChange: (rowIndex: number, prop: string, value: unknown) =>\n            onChange(rowIndex, prop, value),\n        }),\n    },\n    texture: {\n      editor: 'texture',\n      cellTemplate: () => cellTemplate(GridTextureSelectCell),\n    },\n  };\n\n  function resolveOptions(\n    list: readonly WellGridOption[],\n  ): ResolvedGridOption[] {\n    return list.map(o => ({\n      value: o.value,\n      label: text(o.label) ?? o.value,\n      ...(o.deprecated && { deprecated: true }),\n    }));\n  }\n\n  function buildColumn(col: WellGridColumn): ColumnRegular {\n    const kind = columnKinds[resolveColumnKind(col)];\n    const resolved: ResolvedColumn = {\n      col,\n      options: 'options' in col ? resolveOptions(col.options) : undefined,\n    };\n    const label = text(col.label) ?? '';\n    const unit = col.unitType ? suffixes[col.unitType].value : null;\n    const readonly = col.readonly ?? false;\n    const info = text(col.info);\n\n    return {\n      prop: col.prop,\n      name: unit ? `${label} (${unit})` : label,\n      autoSize: !col.size && !col.stretch,\n      size: col.size,\n      readonly,\n      editor: readonly\n        ? undefined\n        : (kind.editor ??\n          col.editor ??\n          (col.type === 'number' ? 'number' : 'text')),\n      editorProps: kind.editorProps?.(resolved),\n      pin: col.pin,\n      cellProperties:\n        kind.cellProperties ??\n        (kind.numeric ? () => ({ class: 'num' }) : undefined),\n      cellTemplate: kind.cellTemplate?.(resolved),\n      ...(info && {\n        info,\n        infoHighlight: text(col.infoHighlight),\n        infoLabel: text(labels.value.columnInfo),\n        columnTemplate: headerTemplate,\n      }),\n    };\n  }\n\n  const revoColumns = computed<ColumnRegular[]>(() => {\n    const result: ColumnRegular[] = [];\n    if (enableDrag) {\n      const dragHandle = resolvePart(\n        'dragHandle',\n        parts.value.dragHandle,\n        undefined,\n        config,\n      );\n      result.push({\n        prop: '_drag',\n        name: '',\n        size: 30,\n        pin: 'colPinStart',\n        rowDrag: true,\n        cellProperties: () => ({ class: 'well-grid-drag-cell' }),\n        // Without an override RevoGrid draws its own handle (styled by\n        // grid.css). A template replaces it, so GridDragCell re-emits the\n        // drag start RevoGrid's handle would have emitted.\n        ...(dragHandle && {\n          cellTemplate: cellTemplate(GridDragCell, { part: dragHandle }),\n        }),\n      });\n    }\n    result.push(...cols.value.map(buildColumn));\n    if (enableDelete) {\n      result.push({\n        prop: '_delete',\n        name: '',\n        size: 40,\n        readonly: true,\n        pin: 'colPinEnd',\n        cellProperties: () => ({ class: 'well-grid-delete-cell' }),\n        cellTemplate: cellTemplate(GridDeleteCell, {\n          part: resolvePart(\n            'deleteButton',\n            parts.value.deleteButton,\n            WellGridDeleteButton,\n            config,\n          ),\n          label: text(toValue(options.deleteLabel)),\n          requestDelete: onDelete,\n        }),\n      });\n    }\n    return result;\n  });\n\n  function coerceCellValue(prop: string, val: unknown): unknown {\n    const col = cols.value.find(c => c.prop === prop);\n    if (col?.type === 'checkbox' && typeof val === 'string') {\n      return val === 'true' || val === '1' || val.toLowerCase() === 'yes';\n    }\n    return val;\n  }\n\n  // ─── Click-on-focused-cell → enter edit mode ───────────────────────────────\n  // `afterfocus` only fires when focus moves to a new cell. A click that\n  // triggers such a focus change is suppressed; a second click on the cell\n  // that's already focused enters edit mode for it.\n\n  const gridContainerRef = ref<HTMLElement | null>(null);\n  const focusedCell = ref<{\n    rowIndex: number;\n    colIndex: number;\n    prop: string;\n  } | null>(null);\n  let suppressNextClick = false;\n\n  function handleAfterFocus(event: CustomEvent<FocusAfterRenderEvent>) {\n    const { rowIndex, colIndex, column } = event.detail;\n    focusedCell.value = column\n      ? { rowIndex, colIndex, prop: String(column.prop) }\n      : null;\n    suppressNextClick = true;\n  }\n\n  function handleGridMousedown() {\n    suppressNextClick = false;\n  }\n\n  function handleGridClick(event: MouseEvent) {\n    if (suppressNextClick) {\n      suppressNextClick = false;\n      return;\n    }\n    const cell = focusedCell.value;\n    if (!cell) return;\n\n    const target = (event.target as HTMLElement).closest<HTMLElement>(\n      '[data-rgrow][data-rgcol]',\n    );\n    if (!target) return;\n    if (\n      Number(target.dataset.rgrow) !== cell.rowIndex ||\n      Number(target.dataset.rgcol) !== cell.colIndex\n    ) {\n      return;\n    }\n\n    const col = cols.value.find(c => c.prop === cell.prop);\n    if (!col || col.readonly) return;\n\n    const gridEl = gridContainerRef.value?.querySelector('revo-grid') as\n      | HTMLRevoGridElement\n      | undefined;\n    gridEl?.setCellEdit(cell.rowIndex, cell.prop);\n  }\n\n  function handleAfterEdit(event: CustomEvent<AfterEditEvent>) {\n    const detail = event.detail as Record<string, unknown>;\n\n    // Single-cell edit: detail has rowIndex + prop + val\n    if ('rowIndex' in detail) {\n      const { rowIndex, prop, val } =\n        detail as unknown as BeforeSaveDataDetails;\n      onChange(rowIndex, String(prop), coerceCellValue(String(prop), val));\n      return;\n    }\n\n    // Block edit (paste, range clear, etc.): detail has data keyed by row index\n    const blockData = detail.data as\n      | Record<string, Record<string, unknown>>\n      | undefined;\n    if (!blockData) return;\n\n    for (const [rowKey, rowData] of Object.entries(blockData)) {\n      const rowIndex = Number(rowKey);\n      for (const [prop, val] of Object.entries(rowData)) {\n        onChange(rowIndex, prop, coerceCellValue(prop, val));\n      }\n    }\n  }\n\n  return {\n    gridEditors,\n    revoColumns,\n    gridStretch,\n    plugins,\n    coerceCellValue,\n    handleAfterEdit,\n    gridContainerRef,\n    handleAfterFocus,\n    handleGridMousedown,\n    handleGridClick,\n  };\n}\n"],"mappings":"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"}

package/dist/tailwind.css

@@ -1,6 +1,7 @@
 /*
- * @welldot/vue — Tailwind CSS 4 layer: theme tokens, dark variant, base
- * layer, the data grid's global styles and the components' own styles.
+ * @welldot/vue — Tailwind CSS 4 layer: color tokens, theme (dark variant,
+ * fonts, radii, base layer), the data grid's global styles and the
+ * components' own styles.
  *
  * Import it from the app's main stylesheet, after Tailwind itself, so the
  * tokens join the app's Tailwind compilation:
@@ -10,151 +11,13 @@
  *   @import '@welldot/vue/tailwind.css';
  *
  * The relative imports and `@source` below resolve against `dist/`, where
- * this file ships next to `grid.css` and `style.css` (see vite.config.ts).
+ * this file ships next to `grid.css`, `style.css`, `tokens.css` and
+ * `theme.css` (see vite.config.ts).
  */
 @import './grid.css';
 @import './style.css';
+@import './tokens.css';
+@import './theme.css';
 
 /* Scan the package's built JS so its utility classes are generated. */
 @source './**/*.js';
-
-@custom-variant dark (&:where(.dark-mode, .dark-mode *));
-
-@theme {
-  /* Surface — resolved from PrimeVue CSS vars (flips per mode) */
-  --color-surface-0: var(--w-surface-0);
-  --color-surface-50: var(--w-surface-50);
-  --color-surface-100: var(--w-surface-100);
-  --color-surface-200: var(--w-surface-200);
-  --color-surface-300: var(--w-surface-300);
-  --color-surface-400: var(--w-surface-400);
-  --color-surface-500: var(--w-surface-500);
-  --color-surface-600: var(--w-surface-600);
-  --color-surface-700: var(--w-surface-700);
-  --color-surface-800: var(--w-surface-800);
-  --color-surface-900: var(--w-surface-900);
-  --color-surface-950: var(--w-surface-950);
-
-  /* Content — mirror of surface, flips per mode */
-  --color-content-0: var(--w-content-0);
-  --color-content-50: var(--w-content-50);
-  --color-content-100: var(--w-content-100);
-  --color-content-200: var(--w-content-200);
-  --color-content-300: var(--w-content-300);
-  --color-content-400: var(--w-content-400);
-  --color-content-500: var(--w-content-500);
-  --color-content-600: var(--w-content-600);
-  --color-content-700: var(--w-content-700);
-  --color-content-800: var(--w-content-800);
-  --color-content-900: var(--w-content-900);
-  --color-content-950: var(--w-content-950);
-
-  /* Primary — explicitly mapped so bg-primary-* / text-primary-* work */
-  --color-primary-50: var(--w-primary-50);
-  --color-primary-100: var(--w-primary-100);
-  --color-primary-200: var(--w-primary-200);
-  --color-primary-300: var(--w-primary-300);
-  --color-primary-400: var(--w-primary-400);
-  --color-primary-500: var(--w-primary-500);
-  --color-primary-600: var(--w-primary-600);
-  --color-primary-700: var(--w-primary-700);
-  --color-primary-800: var(--w-primary-800);
-  --color-primary-900: var(--w-primary-900);
-  --color-primary-950: var(--w-primary-950);
-
-  /* Error — explicitly mapped so bg-error-* / text-error-* / ring-error-* work */
-  --color-error-50: var(--w-error-50);
-  --color-error-100: var(--w-error-100);
-  --color-error-200: var(--w-error-200);
-  --color-error-300: var(--w-error-300);
-  --color-error-400: var(--w-error-400);
-  --color-error-500: var(--w-error-500);
-  --color-error-600: var(--w-error-600);
-  --color-error-700: var(--w-error-700);
-  --color-error-800: var(--w-error-800);
-  --color-error-900: var(--w-error-900);
-  --color-error-950: var(--w-error-950);
-
-  /* Warning */
-  --color-warning-50: var(--w-warning-50);
-  --color-warning-100: var(--w-warning-100);
-  --color-warning-200: var(--w-warning-200);
-  --color-warning-300: var(--w-warning-300);
-  --color-warning-400: var(--w-warning-400);
-  --color-warning-500: var(--w-warning-500);
-  --color-warning-600: var(--w-warning-600);
-  --color-warning-700: var(--w-warning-700);
-  --color-warning-800: var(--w-warning-800);
-  --color-warning-900: var(--w-warning-900);
-  --color-warning-950: var(--w-warning-950);
-
-  /* Success */
-  --color-success-50: var(--w-success-50);
-  --color-success-100: var(--w-success-100);
-  --color-success-200: var(--w-success-200);
-  --color-success-300: var(--w-success-300);
-  --color-success-400: var(--w-success-400);
-  --color-success-500: var(--w-success-500);
-  --color-success-600: var(--w-success-600);
-  --color-success-700: var(--w-success-700);
-  --color-success-800: var(--w-success-800);
-  --color-success-900: var(--w-success-900);
-  --color-success-950: var(--w-success-950);
-
-  /* Info */
-  --color-info-50: var(--w-info-50);
-  --color-info-100: var(--w-info-100);
-  --color-info-200: var(--w-info-200);
-  --color-info-300: var(--w-info-300);
-  --color-info-400: var(--w-info-400);
-  --color-info-500: var(--w-info-500);
-  --color-info-600: var(--w-info-600);
-  --color-info-700: var(--w-info-700);
-  --color-info-800: var(--w-info-800);
-  --color-info-900: var(--w-info-900);
-  --color-info-950: var(--w-info-950);
-}
-
-/*
- * Fonts and radii are read through var() from component styles Tailwind
- * doesn't scan, so `static` always emits them (unused theme variables are
- * otherwise dropped). Override any of them in the app's own `@theme` block,
- * after importing this file.
- */
-@theme static {
-  /* Typography families — TW v4 convention: --font-{name} → font-{name} utility */
-  --font-display: 'Space Grotesk', system-ui, sans-serif;
-  --font-serif: 'IBM Plex Serif', Georgia, serif;
-  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
-
-  /* Legacy names kept for CSS var usage */
-  --font-family-display: var(--font-display);
-  --font-family-serif: var(--font-serif);
-  --font-family-mono: var(--font-mono);
-
-  /* Border radius tokens (also drive rounded-{sm…2xl,pill}) */
-  --radius-sm: 6px;
-  --radius-md: 8px;
-  --radius-lg: 12px;
-  --radius-xl: 14px;
-  --radius-2xl: 16px;
-  --radius-pill: 999px;
-}
-
-/*
- * Focus/error rings switch shade with the color scheme, so they live in the
- * base layer. Override them in the app's own `@layer base` (`:root` and
- * `.dark-mode`), after importing this file.
- */
-@layer base {
-  :root {
-    /* Input cell rings — lighter accent shades in dark mode */
-    --color-focus-ring: var(--color-primary-500);
-    --color-error-ring: var(--color-error-500);
-  }
-
-  .dark-mode {
-    --color-focus-ring: var(--color-primary-300);
-    --color-error-ring: var(--color-error-300);
-  }
-}

package/dist/theme/define.d.ts

@@ -18,8 +18,8 @@ export interface WelldotThemeOverrides {
  * merge key by key, any other value set in `overrides` wins, arrays are
  * concatenated). The defaults are never mutated.
  *
- * Changing `options.prefix` breaks `@welldot/vue/tailwind.css`, whose tokens
- * read PrimeVue's `--w-*` variables.
+ * Colors come from the `--w-*` variables of `@welldot/vue/tokens.css`; override
+ * them there, in CSS, not through the preset, so PrimeVue and Tailwind agree.
  *
  * @example
  * app.use(PrimeVue, {

package/dist/theme/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/theme/define.ts"],"sourcesContent":["import type { Preset } from '@primeuix/themes/types';\nimport { defu } from 'defu';\nimport type { PrimeVuePTOptions } from 'primevue/config';\nimport { WelldotPreset } from './preset';\nimport { welldotPt } from './pt';\n\ntype DeepPartial<T> = T extends (...args: never[]) => unknown\n  ? T\n  : T extends object\n    ? { [K in keyof T]?: DeepPartial<T[K]> }\n    : T;\n\n/** PrimeVue `theme` option shape: `{ preset, options }`. */\nexport type WelldotTheme = typeof WelldotPreset;\n\n/** Overrides merged onto `WelldotPreset` by `defineWelldotTheme`. */\nexport interface WelldotThemeOverrides {\n  /** Design tokens (`primitive`, `semantic`, `components`…) */\n  preset?: DeepPartial<Preset> & Record<string, unknown>;\n  /** Theme options (`prefix`, `darkModeSelector`, `cssLayer`) */\n  options?: DeepPartial<WelldotTheme['options']>;\n}\n\n/**\n * `WelldotPreset` with `overrides` deep-merged on top (`defu`: plain objects\n * merge key by key, any other value set in `overrides` wins, arrays are\n * concatenated). The defaults are never mutated.\n *\n * Changing `options.prefix` breaks `@welldot/vue/tailwind.css`, whose tokens\n * read PrimeVue's `--w-*` variables.\n *\n * @example\n * app.use(PrimeVue, {\n *   theme: defineWelldotTheme({\n *     preset: { components: { tabs: { tab: { padding: '0.5rem 1rem' } } } },\n *   }),\n * })\n */\nexport function defineWelldotTheme(\n  overrides: WelldotThemeOverrides = {},\n): WelldotTheme {\n  return defu(overrides, WelldotPreset) as WelldotTheme;\n}\n\n/**\n * `welldotPt` with `overrides` deep-merged on top, per component and section.\n * A section set in `overrides` replaces the default (a class string or a\n * function is not combined with the default's); nested sections merge.\n *\n * @example\n * app.use(PrimeVue, {\n *   pt: defineWelldotPt({ tabpanels: { root: 'p-0' } }),\n * })\n */\nexport function defineWelldotPt(\n  overrides: PrimeVuePTOptions = {},\n): PrimeVuePTOptions {\n  return defu(\n    overrides as Record<string, unknown>,\n    welldotPt as Record<string, unknown>,\n  ) as PrimeVuePTOptions;\n}\n"],"mappings":";;;;AAsCA,SAAgB,EACd,IAAmC,EAAE,EACvB;AACd,QAAO,EAAK,GAAW,EAAc;;AAavC,SAAgB,EACd,IAA+B,EAAE,EACd;AACnB,QAAO,EACL,GACA,EACD"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/theme/define.ts"],"sourcesContent":["import type { Preset } from '@primeuix/themes/types';\nimport { defu } from 'defu';\nimport type { PrimeVuePTOptions } from 'primevue/config';\nimport { WelldotPreset } from './preset';\nimport { welldotPt } from './pt';\n\ntype DeepPartial<T> = T extends (...args: never[]) => unknown\n  ? T\n  : T extends object\n    ? { [K in keyof T]?: DeepPartial<T[K]> }\n    : T;\n\n/** PrimeVue `theme` option shape: `{ preset, options }`. */\nexport type WelldotTheme = typeof WelldotPreset;\n\n/** Overrides merged onto `WelldotPreset` by `defineWelldotTheme`. */\nexport interface WelldotThemeOverrides {\n  /** Design tokens (`primitive`, `semantic`, `components`…) */\n  preset?: DeepPartial<Preset> & Record<string, unknown>;\n  /** Theme options (`prefix`, `darkModeSelector`, `cssLayer`) */\n  options?: DeepPartial<WelldotTheme['options']>;\n}\n\n/**\n * `WelldotPreset` with `overrides` deep-merged on top (`defu`: plain objects\n * merge key by key, any other value set in `overrides` wins, arrays are\n * concatenated). The defaults are never mutated.\n *\n * Colors come from the `--w-*` variables of `@welldot/vue/tokens.css`; override\n * them there, in CSS, not through the preset, so PrimeVue and Tailwind agree.\n *\n * @example\n * app.use(PrimeVue, {\n *   theme: defineWelldotTheme({\n *     preset: { components: { tabs: { tab: { padding: '0.5rem 1rem' } } } },\n *   }),\n * })\n */\nexport function defineWelldotTheme(\n  overrides: WelldotThemeOverrides = {},\n): WelldotTheme {\n  return defu(overrides, WelldotPreset) as WelldotTheme;\n}\n\n/**\n * `welldotPt` with `overrides` deep-merged on top, per component and section.\n * A section set in `overrides` replaces the default (a class string or a\n * function is not combined with the default's); nested sections merge.\n *\n * @example\n * app.use(PrimeVue, {\n *   pt: defineWelldotPt({ tabpanels: { root: 'p-0' } }),\n * })\n */\nexport function defineWelldotPt(\n  overrides: PrimeVuePTOptions = {},\n): PrimeVuePTOptions {\n  return defu(\n    overrides as Record<string, unknown>,\n    welldotPt as Record<string, unknown>,\n  ) as PrimeVuePTOptions;\n}\n"],"mappings":";;;;AAsCA,SAAgB,EACd,IAAmC,EAAE,EACvB;AACd,QAAO,EAAK,GAAW,EAAc;;AAavC,SAAgB,EACd,IAA+B,EAAE,EACd;AACnB,QAAO,EACL,GACA,EACD"}

package/dist/theme/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/theme/preset.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,MAAM,EAAE,MAAM,wBAAwB,CAAC;AA+hC7E;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAUzB,CAAC"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/theme/preset.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAy7B7E;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAUzB,CAAC"}

package/dist/theme/preset.js

@@ -1,104 +1,35 @@
 import { definePreset as e } from "@primeuix/themes";
 import t from "@primeuix/themes/aura";
 //#region src/theme/preset.ts
-var n = {
-	0: "#ffffff",
-	50: "#f7f8fa",
-	100: "#eef0f3",
-	200: "#d8dde3",
-	300: "#b9c0c8",
-	400: "#7888a0",
-	500: "#4f5d75",
-	600: "#3d4a60",
-	700: "#2a3344",
-	800: "#1a2230",
-	900: "#131922",
-	950: "#0d1218"
-}, r = {
-	0: "#0d1218",
-	50: "#131922",
-	100: "#1a2230",
-	200: "#2a3344",
-	300: "#3d4a60",
-	400: "#4f5d75",
-	500: "#7888a0",
-	600: "#b9c0c8",
-	700: "#d8dde3",
-	800: "#eef0f3",
-	900: "#f7f8fa",
-	950: "#ffffff"
-}, i = {
+var n = [
+	0,
+	50,
+	100,
+	200,
+	300,
+	400,
+	500,
+	600,
+	700,
+	800,
+	900,
+	950
+], r = n.slice(1);
+function i(e, t) {
+	return Object.fromEntries(t.map((t) => [t, `var(--w-${e}-${t})`]));
+}
+var a = i("surface", n), o = i("content", n), s = {
 	preset: e(t, {
 		primitive: {
-			surface: n,
-			content: r
+			surface: a,
+			content: o
 		},
 		semantic: {
-			primary: {
-				50: "#f0f5fc",
-				100: "#dde9f8",
-				200: "#bdd1f1",
-				300: "#92b1e6",
-				400: "#5d86d2",
-				500: "#2f5fae",
-				600: "#29539b",
-				700: "#22427d",
-				800: "#1a325f",
-				900: "#112343",
-				950: "#0a172e"
-			},
-			error: {
-				50: "oklch(97% 0.02 25)",
-				100: "oklch(94% 0.05 25)",
-				200: "oklch(85% 0.11 25)",
-				300: "oklch(72% 0.17 25)",
-				400: "oklch(61% 0.19 25)",
-				500: "oklch(50% 0.20 25)",
-				600: "oklch(43% 0.19 25)",
-				700: "oklch(36% 0.17 25)",
-				800: "oklch(29% 0.14 25)",
-				900: "oklch(23% 0.11 25)",
-				950: "oklch(17% 0.08 25)"
-			},
-			warning: {
-				50: "oklch(97% 0.02 75)",
-				100: "oklch(94% 0.05 75)",
-				200: "oklch(85% 0.11 75)",
-				300: "oklch(72% 0.17 75)",
-				400: "oklch(61% 0.19 75)",
-				500: "oklch(50% 0.20 75)",
-				600: "oklch(43% 0.19 75)",
-				700: "oklch(36% 0.17 75)",
-				800: "oklch(29% 0.14 75)",
-				900: "oklch(23% 0.11 75)",
-				950: "oklch(17% 0.08 75)"
-			},
-			success: {
-				50: "oklch(97% 0.02 145)",
-				100: "oklch(94% 0.05 145)",
-				200: "oklch(85% 0.11 145)",
-				300: "oklch(72% 0.17 145)",
-				400: "oklch(61% 0.19 145)",
-				500: "oklch(50% 0.20 145)",
-				600: "oklch(43% 0.19 145)",
-				700: "oklch(36% 0.17 145)",
-				800: "oklch(29% 0.14 145)",
-				900: "oklch(23% 0.11 145)",
-				950: "oklch(17% 0.08 145)"
-			},
-			info: {
-				50: "oklch(97% 0.02 235)",
-				100: "oklch(94% 0.05 235)",
-				200: "oklch(85% 0.11 235)",
-				300: "oklch(72% 0.17 235)",
-				400: "oklch(61% 0.19 235)",
-				500: "oklch(50% 0.20 235)",
-				600: "oklch(43% 0.19 235)",
-				700: "oklch(36% 0.17 235)",
-				800: "oklch(29% 0.14 235)",
-				900: "oklch(23% 0.11 235)",
-				950: "oklch(17% 0.08 235)"
-			},
+			primary: i("primary", r),
+			error: i("error", r),
+			warning: i("warning", r),
+			success: i("success", r),
+			info: i("info", r),
 			colorScheme: {
 				light: {
 					primary: {
@@ -107,8 +38,8 @@ var n = {
 						hoverColor: "{primary.500}",
 						activeColor: "{primary.600}"
 					},
-					surface: n,
-					content: r,
+					surface: a,
+					content: o,
 					text: {
 						color: "{content.0}",
 						hoverColor: "{content.50}",
@@ -144,34 +75,8 @@ var n = {
 						hoverColor: "{primary.600}",
 						activeColor: "{primary.500}"
 					},
-					surface: {
-						0: "#0d1218",
-						50: "#131922",
-						100: "#1a2230",
-						200: "#2a3344",
-						300: "#3d4a60",
-						400: "#4f5d75",
-						500: "#7888a0",
-						600: "#b9c0c8",
-						700: "#d8dde3",
-						800: "#eef0f3",
-						900: "#f7f8fa",
-						950: "#ffffff"
-					},
-					content: {
-						0: "#ffffff",
-						50: "#f7f8fa",
-						100: "#eef0f3",
-						200: "#d8dde3",
-						300: "#b9c0c8",
-						400: "#7888a0",
-						500: "#4f5d75",
-						600: "#3d4a60",
-						700: "#2a3344",
-						800: "#1a2230",
-						900: "#131922",
-						950: "#0d1218"
-					},
+					surface: a,
+					content: o,
 					text: {
 						color: "{content.0}",
 						hoverColor: "{content.50}",
@@ -963,7 +868,7 @@ var n = {
 		}
 	}),
 	options: {
-		prefix: "w",
+		prefix: "p",
 		darkModeSelector: ".dark-mode",
 		cssLayer: {
 			name: "primevue",
@@ -972,6 +877,6 @@ var n = {
 	}
 };
 //#endregion
-export { i as WelldotPreset };
+export { s as WelldotPreset };
 
 //# sourceMappingURL=preset.js.map