@vritti/quantum-ui 0.3.20 → 0.3.21

package/dist/CopyButton.js

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { c as cn } from './utils.js';
+import { T as Tooltip } from './Tooltip.js';
+import { C as Check } from './check.js';
+import { C as Copy } from './copy.js';
+
+const CopyButton = ({ value, label = "Copy", className }) => {
+  const [copied, setCopied] = useState(false);
+  const timeoutRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    },
+    []
+  );
+  const handleCopy = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopied(true);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => setCopied(false), 1500);
+    } catch {
+    }
+  }, [value]);
+  return /* @__PURE__ */ jsx(Tooltip, { content: copied ? "Copied" : label, children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      "aria-label": label,
+      className: cn(
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        className
+      ),
+      children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-success" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+    }
+  ) });
+};
+CopyButton.displayName = "CopyButton";
+
+export { CopyButton as C };
+//# sourceMappingURL=CopyButton.js.map

package/dist/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sources":["../lib/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import { Check, Copy } from 'lucide-react';\nimport type React from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { cn } from '../../../shadcn/utils';\nimport { Tooltip } from '../Tooltip';\n\n/**\n * Props for the CopyButton component\n */\nexport interface CopyButtonProps {\n  /** The full string copied to the clipboard */\n  value: string;\n  /** Accessible label and tooltip text (default: 'Copy'); the tooltip shows 'Copied' after a copy */\n  label?: string;\n  /** Additional CSS classes applied to the button */\n  className?: string;\n}\n\n/**\n * CopyButton is an icon-only copy-to-clipboard affordance that briefly flips a\n * Copy icon to a Check and surfaces a Tooltip confirming the copy.\n *\n * @example\n * ```tsx\n * <CopyButton value=\"sk_live_123\" label=\"Copy API key\" />\n * ```\n */\nexport const CopyButton: React.FC<CopyButtonProps> = ({ value, label = 'Copy', className }) => {\n  const [copied, setCopied] = useState(false);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Clear any pending revert timer on unmount to avoid setting state on an unmounted component\n  useEffect(\n    () => () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    },\n    [],\n  );\n\n  // Write the value to the clipboard and briefly show the copied confirmation\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setCopied(true);\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n      timeoutRef.current = setTimeout(() => setCopied(false), 1500);\n    } catch {\n      // Clipboard access can be denied or unavailable; fail silently without breaking the UI\n    }\n  }, [value]);\n\n  return (\n    <Tooltip content={copied ? 'Copied' : label}>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        aria-label={label}\n        className={cn(\n          'inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n          className,\n        )}\n      >\n        {copied ? <Check className=\"size-3.5 text-success\" /> : <Copy className=\"size-3.5\" />}\n      </button>\n    </Tooltip>\n  );\n};\n\nCopyButton.displayName = 'CopyButton';\n"],"names":[],"mappings":";;;;;;;AA2BO,MAAM,aAAwC,CAAC,EAAE,OAAO,KAAA,GAAQ,MAAA,EAAQ,WAAU,KAAM;AAC7F,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,UAAA,GAAa,OAA6C,IAAI,CAAA;AAGpE,EAAA,SAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAAA,MACjC;AAAA,IACF,CAAA;AAAA,IACA;AAAC,GACH;AAGA,EAAA,MAAM,UAAA,GAAa,YAAY,YAAY;AACzC,IAAA,IAAI;AACF,MAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAK,CAAA;AACzC,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAAA,MACjC;AACA,MAAA,UAAA,CAAW,UAAU,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,GAAG,IAAI,CAAA;AAAA,IAC9D,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,MAAA,GAAS,WAAW,KAAA,EACpC,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,UAAA;AAAA,MACT,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,iJAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,MAAA,uBAAU,KAAA,EAAA,EAAM,SAAA,EAAU,yBAAwB,CAAA,mBAAK,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA,GACrF,EACF,CAAA;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/Form.js

@@ -217,7 +217,7 @@ function Form({
       className: cn(hasActions ? "flex min-h-0 flex-1 flex-col" : "space-y-4", className),
       ...props,
       children: hasActions ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 py-4 [scrollbar-gutter:stable]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 py-4", children: [
           topError,
           bodyChildren,
           bottomError

package/dist/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../lib/utils/formHelpers.ts","../lib/components/Form/Form.tsx"],"sourcesContent":["import type { FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';\n\nexport interface FieldMapping {\n  [apiField: string]: string;\n}\n\ninterface AxiosLikeError {\n  response?: {\n    data?: unknown;\n  };\n}\n\nexport interface FieldError {\n  field: string;\n  message: string;\n}\n\nexport interface ApiErrorResponse {\n  type?: string;\n  title?: string;\n  status?: number;\n  label?: string;\n  detail?: string;\n  instance?: string;\n  errors?: FieldError[];\n}\n\nexport interface MapApiErrorsOptions {\n  fieldMapping?: FieldMapping;\n  setRootError?: boolean;\n}\n\n// Maps an RFC 9457 Problem Details API error response to react-hook-form root + field errors.\nexport function mapApiErrorsToForm<TFieldValues extends FieldValues = FieldValues>(\n  error: unknown,\n  form: UseFormReturn<TFieldValues>,\n  options: MapApiErrorsOptions = {},\n): void {\n  const { fieldMapping = {}, setRootError = true } = options;\n\n  if (!error || typeof error !== 'object') {\n    if (setRootError) {\n      form.setError('root', {\n        type: 'Error',\n        message: 'An error occurred',\n      });\n    }\n    return;\n  }\n\n  // Extract error data from axios response structure\n  const axiosError = error as AxiosLikeError;\n  const errorData = axiosError.response?.data || error;\n  const apiError = errorData as ApiErrorResponse;\n\n  // Extract title/label for error heading (RFC 9457)\n  const errorTitle = apiError.label || apiError.title || 'Error';\n  const generalMessage = apiError.detail;\n\n  // Map field-specific errors (field is always present in RFC 9457)\n  let mappedFieldErrorsCount = 0;\n  if (apiError.errors && Array.isArray(apiError.errors)) {\n    for (const errorItem of apiError.errors) {\n      const formField = fieldMapping[errorItem.field] || errorItem.field;\n\n      form.setError(formField as FieldPath<TFieldValues>, {\n        type: 'manual',\n        message: errorItem.message,\n      });\n      mappedFieldErrorsCount += 1;\n    }\n  }\n\n  // Root error is shown only when no field errors are present\n  if (generalMessage && setRootError && mappedFieldErrorsCount === 0) {\n    form.setError('root', {\n      type: errorTitle,\n      message: generalMessage,\n    });\n  }\n}\n","import type { UseMutationResult } from '@tanstack/react-query';\nimport type React from 'react';\nimport { Children, cloneElement, Fragment, isValidElement, useCallback } from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport type { Country } from 'react-phone-number-input';\nimport { cn } from '../../../shadcn/utils';\nimport { axios } from '../../utils/axios';\nimport { type FieldMapping, mapApiErrorsToForm } from '../../utils/formHelpers';\nimport { Alert } from '../Alert';\nimport { Button } from '../Button';\nimport { Checkbox } from '../Checkbox';\nimport { CheckboxGroup } from '../CheckboxGroup';\nimport { DatePicker } from '../DatePicker';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { PhoneField } from '../PhoneField';\nimport { RadioGroup } from '../RadioGroup';\nimport { Switch } from '../Switch';\nimport { UploadFile } from '../UploadFile';\n\n// Re-export Controller for explicit usage\nexport { Controller } from 'react-hook-form';\n\n// Recursively process children to wrap form fields with Controller and inject loading state into submit buttons\nfunction processChildren<\n  TFieldValues extends FieldValues = FieldValues,\n  _TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n>(\n  children: React.ReactNode,\n  control: ControllerProps<TFieldValues, FieldPath<TFieldValues>, TTransformedValues>['control'],\n  isSubmitting: boolean,\n  setValue: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['setValue'],\n  onCancel?: () => void,\n  reset?: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['reset'],\n): React.ReactNode {\n  return Children.map(children, (child) => {\n    // Handle non-element children (strings, numbers, null, etc.)\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const childProps = child.props as any;\n    const isFragment = child.type === Fragment;\n\n    // Handle form fields with name prop (but not Fragments)\n    if (!isFragment && childProps.name && typeof childProps.name === 'string') {\n      const name = childProps.name as FieldPath<TFieldValues>;\n\n      return (\n        <Controller\n          key={name}\n          control={control}\n          name={name}\n          render={({ field, fieldState }) => {\n            // Check if this is a Checkbox, Switch, RadioGroup, or CheckboxGroup component\n            const isCheckbox = child.type === Checkbox;\n            const isSwitch = child.type === Switch;\n            const isRadioGroup = child.type === RadioGroup;\n            const isCheckboxGroup = child.type === CheckboxGroup;\n            const isPhone = child.type === PhoneField;\n            const isDatePicker = child.type === DatePicker;\n            const isDateTimePicker = child.type === DateTimePicker;\n\n            const fieldProps =\n              isCheckbox || isSwitch\n                ? {\n                    checked: field.value,\n                    onCheckedChange: field.onChange,\n                    onBlur: field.onBlur,\n                    ref: field.ref,\n                  }\n                : isRadioGroup || isCheckboxGroup\n                  ? {\n                      value: field.value,\n                      onValueChange: field.onChange,\n                      onBlur: field.onBlur,\n                    }\n                  : isDatePicker\n                    ? {\n                        value: field.value,\n                        onValueChange: field.onChange,\n                        onBlur: field.onBlur,\n                        ref: field.ref,\n                      }\n                    : isDateTimePicker\n                      ? {\n                          value: field.value,\n                          onValueChange: field.onChange,\n                          onBlur: field.onBlur,\n                          ref: field.ref,\n                        }\n                      : isPhone\n                        ? {\n                            ...field,\n                            onCountryChange: (country: Country | undefined) => {\n                              setValue(`${name}Country` as FieldPath<TFieldValues>, country as any);\n                            },\n                          }\n                        : field;\n\n            const isUploadFile = child.type === UploadFile;\n\n            return cloneElement(child, {\n              ...childProps,\n              ...fieldProps,\n              error: fieldState.error?.message || (fieldState.error ? 'Invalid' : undefined),\n              name: undefined, // Remove name to avoid passing it to the underlying input\n              ...(isUploadFile ? { isLoading: isSubmitting } : {}),\n            });\n          }}\n        />\n      );\n    }\n\n    // Handle cancel buttons - wire up form.reset() + onCancel callback\n    if (childProps['data-cancel'] && onCancel && reset) {\n      return cloneElement(child, {\n        ...childProps,\n        onClick: () => {\n          reset();\n          onCancel();\n        },\n      });\n    }\n\n    // Handle submit buttons - inject loading state via isLoading prop\n    if (childProps.type === 'submit') {\n      const isButtonElement =\n        child.type === Button || (typeof child.type === 'function' && (child.type as any).displayName === 'Button');\n\n      if (isButtonElement) {\n        return cloneElement(child, {\n          ...childProps,\n          isLoading: isSubmitting,\n        });\n      }\n    }\n\n    // Handle React Fragments - process their children directly\n    if (isFragment) {\n      return processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset);\n    }\n\n    // Recurse into children for container elements (divs, FieldGroups, etc.)\n    if (childProps.children != null) {\n      return cloneElement(child, {\n        ...childProps,\n        children: processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset),\n      });\n    }\n\n    // Return unchanged if no name prop and no children\n    return child;\n  });\n}\n\nexport interface FormProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;\n\n  onSubmit?: Parameters<UseFormReturn<TFieldValues, TContext, TTransformedValues>['handleSubmit']>[0];\n\n  children: React.ReactNode;\n\n  rootErrorPosition?: 'top' | 'bottom';\n\n  rootErrorClassName?: string;\n\n  rootErrorAction?: React.ReactNode;\n\n  fieldMapping?: FieldMapping;\n\n  mutation?: UseMutationResult<TMutationData, TMutationError, TMutationVariables, unknown>;\n\n  transformSubmit?: (\n    data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues,\n  ) => TMutationVariables;\n\n  resetOnSuccess?: boolean;\n\n  onCancel?: () => void;\n}\n\n// Smart Form component that automatically wraps children with Controller\nexport function Form<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n>({\n  form,\n  onSubmit,\n  children,\n  rootErrorPosition = 'bottom',\n  rootErrorClassName,\n  rootErrorAction,\n  fieldMapping,\n  mutation,\n  transformSubmit,\n  resetOnSuccess,\n  onCancel,\n  className,\n  ...props\n}: FormProps<TFieldValues, TContext, TTransformedValues, TMutationData, TMutationError, TMutationVariables>) {\n  // Compute isSubmitting from both form state and mutation state\n  const isSubmitting = form.formState.isSubmitting || (mutation?.isPending ?? false);\n\n  // Wrap the submit handler with automatic error mapping; the mutation's own callbacks fire automatically\n  const wrappedOnSubmit = useCallback(\n    async (data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues) => {\n      // Suppress error toasts during form submission — Form handles errors inline\n      const interceptorId = axios.interceptors.request.use((config) => ({\n        ...config,\n        showErrorToast: false,\n      }));\n\n      try {\n        if (mutation) {\n          const variables = transformSubmit ? transformSubmit(data) : data;\n          // mutateAsync will trigger the mutation's onSuccess/onError callbacks\n          await mutation.mutateAsync(variables as TMutationVariables);\n        } else if (onSubmit) {\n          await onSubmit(data as any);\n        }\n\n        // Reset form after successful submission (default: true)\n        if (resetOnSuccess !== false) form.reset();\n      } catch (error) {\n        // Map API errors to form fields — mapApiErrorsToForm extracts the axios error structure internally\n        mapApiErrorsToForm(error, form as any, {\n          fieldMapping,\n        });\n        // Log error for debugging\n        console.error('[Form Submission Error]', error);\n        // Error is swallowed, not re-thrown (mutation's onError already fired)\n      } finally {\n        axios.interceptors.request.eject(interceptorId);\n      }\n    },\n    [onSubmit, mutation, transformSubmit, fieldMapping, form, resetOnSuccess],\n  );\n\n  const handleSubmit = form.handleSubmit(wrappedOnSubmit as any);\n\n  // Process children recursively to automatically wrap with Controller\n  const processedChildren = processChildren(children, form.control, isSubmitting, form.setValue, onCancel, form.reset);\n\n  const childArray = Children.toArray(processedChildren);\n  const actionsIndex = childArray.findIndex(\n    (child) => isValidElement(child) && (child.type as { displayName?: string })?.displayName === 'DialogActions',\n  );\n  const hasActions = actionsIndex !== -1;\n  const bodyChildren = hasActions ? childArray.filter((_, index) => index !== actionsIndex) : processedChildren;\n  const actions = hasActions ? childArray[actionsIndex] : null;\n\n  const topError =\n    rootErrorPosition === 'top' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mb-4', rootErrorClassName)}\n      />\n    ) : null;\n  const bottomError =\n    rootErrorPosition === 'bottom' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mt-4', rootErrorClassName)}\n      />\n    ) : null;\n\n  return (\n    <FormProvider {...form}>\n      <form\n        onSubmit={handleSubmit}\n        className={cn(hasActions ? 'flex min-h-0 flex-1 flex-col' : 'space-y-4', className)}\n        {...props}\n      >\n        {hasActions ? (\n          <>\n            <div className=\"min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 py-4 [scrollbar-gutter:stable]\">\n              {topError}\n              {bodyChildren}\n              {bottomError}\n            </div>\n            {actions}\n          </>\n        ) : (\n          <>\n            {topError}\n            {processedChildren}\n            {bottomError}\n          </>\n        )}\n      </form>\n    </FormProvider>\n  );\n}\n\nForm.displayName = 'Form';\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../lib/utils/formHelpers.ts","../lib/components/Form/Form.tsx"],"sourcesContent":["import type { FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';\n\nexport interface FieldMapping {\n  [apiField: string]: string;\n}\n\ninterface AxiosLikeError {\n  response?: {\n    data?: unknown;\n  };\n}\n\nexport interface FieldError {\n  field: string;\n  message: string;\n}\n\nexport interface ApiErrorResponse {\n  type?: string;\n  title?: string;\n  status?: number;\n  label?: string;\n  detail?: string;\n  instance?: string;\n  errors?: FieldError[];\n}\n\nexport interface MapApiErrorsOptions {\n  fieldMapping?: FieldMapping;\n  setRootError?: boolean;\n}\n\n// Maps an RFC 9457 Problem Details API error response to react-hook-form root + field errors.\nexport function mapApiErrorsToForm<TFieldValues extends FieldValues = FieldValues>(\n  error: unknown,\n  form: UseFormReturn<TFieldValues>,\n  options: MapApiErrorsOptions = {},\n): void {\n  const { fieldMapping = {}, setRootError = true } = options;\n\n  if (!error || typeof error !== 'object') {\n    if (setRootError) {\n      form.setError('root', {\n        type: 'Error',\n        message: 'An error occurred',\n      });\n    }\n    return;\n  }\n\n  // Extract error data from axios response structure\n  const axiosError = error as AxiosLikeError;\n  const errorData = axiosError.response?.data || error;\n  const apiError = errorData as ApiErrorResponse;\n\n  // Extract title/label for error heading (RFC 9457)\n  const errorTitle = apiError.label || apiError.title || 'Error';\n  const generalMessage = apiError.detail;\n\n  // Map field-specific errors (field is always present in RFC 9457)\n  let mappedFieldErrorsCount = 0;\n  if (apiError.errors && Array.isArray(apiError.errors)) {\n    for (const errorItem of apiError.errors) {\n      const formField = fieldMapping[errorItem.field] || errorItem.field;\n\n      form.setError(formField as FieldPath<TFieldValues>, {\n        type: 'manual',\n        message: errorItem.message,\n      });\n      mappedFieldErrorsCount += 1;\n    }\n  }\n\n  // Root error is shown only when no field errors are present\n  if (generalMessage && setRootError && mappedFieldErrorsCount === 0) {\n    form.setError('root', {\n      type: errorTitle,\n      message: generalMessage,\n    });\n  }\n}\n","import type { UseMutationResult } from '@tanstack/react-query';\nimport type React from 'react';\nimport { Children, cloneElement, Fragment, isValidElement, useCallback } from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  type UseFormReturn,\n} from 'react-hook-form';\nimport type { Country } from 'react-phone-number-input';\nimport { cn } from '../../../shadcn/utils';\nimport { axios } from '../../utils/axios';\nimport { type FieldMapping, mapApiErrorsToForm } from '../../utils/formHelpers';\nimport { Alert } from '../Alert';\nimport { Button } from '../Button';\nimport { Checkbox } from '../Checkbox';\nimport { CheckboxGroup } from '../CheckboxGroup';\nimport { DatePicker } from '../DatePicker';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { PhoneField } from '../PhoneField';\nimport { RadioGroup } from '../RadioGroup';\nimport { Switch } from '../Switch';\nimport { UploadFile } from '../UploadFile';\n\n// Re-export Controller for explicit usage\nexport { Controller } from 'react-hook-form';\n\n// Recursively process children to wrap form fields with Controller and inject loading state into submit buttons\nfunction processChildren<\n  TFieldValues extends FieldValues = FieldValues,\n  _TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n>(\n  children: React.ReactNode,\n  control: ControllerProps<TFieldValues, FieldPath<TFieldValues>, TTransformedValues>['control'],\n  isSubmitting: boolean,\n  setValue: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['setValue'],\n  onCancel?: () => void,\n  reset?: UseFormReturn<TFieldValues, _TContext, TTransformedValues>['reset'],\n): React.ReactNode {\n  return Children.map(children, (child) => {\n    // Handle non-element children (strings, numbers, null, etc.)\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const childProps = child.props as any;\n    const isFragment = child.type === Fragment;\n\n    // Handle form fields with name prop (but not Fragments)\n    if (!isFragment && childProps.name && typeof childProps.name === 'string') {\n      const name = childProps.name as FieldPath<TFieldValues>;\n\n      return (\n        <Controller\n          key={name}\n          control={control}\n          name={name}\n          render={({ field, fieldState }) => {\n            // Check if this is a Checkbox, Switch, RadioGroup, or CheckboxGroup component\n            const isCheckbox = child.type === Checkbox;\n            const isSwitch = child.type === Switch;\n            const isRadioGroup = child.type === RadioGroup;\n            const isCheckboxGroup = child.type === CheckboxGroup;\n            const isPhone = child.type === PhoneField;\n            const isDatePicker = child.type === DatePicker;\n            const isDateTimePicker = child.type === DateTimePicker;\n\n            const fieldProps =\n              isCheckbox || isSwitch\n                ? {\n                    checked: field.value,\n                    onCheckedChange: field.onChange,\n                    onBlur: field.onBlur,\n                    ref: field.ref,\n                  }\n                : isRadioGroup || isCheckboxGroup\n                  ? {\n                      value: field.value,\n                      onValueChange: field.onChange,\n                      onBlur: field.onBlur,\n                    }\n                  : isDatePicker\n                    ? {\n                        value: field.value,\n                        onValueChange: field.onChange,\n                        onBlur: field.onBlur,\n                        ref: field.ref,\n                      }\n                    : isDateTimePicker\n                      ? {\n                          value: field.value,\n                          onValueChange: field.onChange,\n                          onBlur: field.onBlur,\n                          ref: field.ref,\n                        }\n                      : isPhone\n                        ? {\n                            ...field,\n                            onCountryChange: (country: Country | undefined) => {\n                              setValue(`${name}Country` as FieldPath<TFieldValues>, country as any);\n                            },\n                          }\n                        : field;\n\n            const isUploadFile = child.type === UploadFile;\n\n            return cloneElement(child, {\n              ...childProps,\n              ...fieldProps,\n              error: fieldState.error?.message || (fieldState.error ? 'Invalid' : undefined),\n              name: undefined, // Remove name to avoid passing it to the underlying input\n              ...(isUploadFile ? { isLoading: isSubmitting } : {}),\n            });\n          }}\n        />\n      );\n    }\n\n    // Handle cancel buttons - wire up form.reset() + onCancel callback\n    if (childProps['data-cancel'] && onCancel && reset) {\n      return cloneElement(child, {\n        ...childProps,\n        onClick: () => {\n          reset();\n          onCancel();\n        },\n      });\n    }\n\n    // Handle submit buttons - inject loading state via isLoading prop\n    if (childProps.type === 'submit') {\n      const isButtonElement =\n        child.type === Button || (typeof child.type === 'function' && (child.type as any).displayName === 'Button');\n\n      if (isButtonElement) {\n        return cloneElement(child, {\n          ...childProps,\n          isLoading: isSubmitting,\n        });\n      }\n    }\n\n    // Handle React Fragments - process their children directly\n    if (isFragment) {\n      return processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset);\n    }\n\n    // Recurse into children for container elements (divs, FieldGroups, etc.)\n    if (childProps.children != null) {\n      return cloneElement(child, {\n        ...childProps,\n        children: processChildren(childProps.children, control, isSubmitting, setValue, onCancel, reset),\n      });\n    }\n\n    // Return unchanged if no name prop and no children\n    return child;\n  });\n}\n\nexport interface FormProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;\n\n  onSubmit?: Parameters<UseFormReturn<TFieldValues, TContext, TTransformedValues>['handleSubmit']>[0];\n\n  children: React.ReactNode;\n\n  rootErrorPosition?: 'top' | 'bottom';\n\n  rootErrorClassName?: string;\n\n  rootErrorAction?: React.ReactNode;\n\n  fieldMapping?: FieldMapping;\n\n  mutation?: UseMutationResult<TMutationData, TMutationError, TMutationVariables, unknown>;\n\n  transformSubmit?: (\n    data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues,\n  ) => TMutationVariables;\n\n  resetOnSuccess?: boolean;\n\n  onCancel?: () => void;\n}\n\n// Smart Form component that automatically wraps children with Controller\nexport function Form<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext = any,\n  TTransformedValues extends FieldValues | undefined = TFieldValues,\n  TMutationData = unknown,\n  TMutationError = Error,\n  TMutationVariables = any,\n>({\n  form,\n  onSubmit,\n  children,\n  rootErrorPosition = 'bottom',\n  rootErrorClassName,\n  rootErrorAction,\n  fieldMapping,\n  mutation,\n  transformSubmit,\n  resetOnSuccess,\n  onCancel,\n  className,\n  ...props\n}: FormProps<TFieldValues, TContext, TTransformedValues, TMutationData, TMutationError, TMutationVariables>) {\n  // Compute isSubmitting from both form state and mutation state\n  const isSubmitting = form.formState.isSubmitting || (mutation?.isPending ?? false);\n\n  // Wrap the submit handler with automatic error mapping; the mutation's own callbacks fire automatically\n  const wrappedOnSubmit = useCallback(\n    async (data: TTransformedValues extends undefined ? TFieldValues : TTransformedValues) => {\n      // Suppress error toasts during form submission — Form handles errors inline\n      const interceptorId = axios.interceptors.request.use((config) => ({\n        ...config,\n        showErrorToast: false,\n      }));\n\n      try {\n        if (mutation) {\n          const variables = transformSubmit ? transformSubmit(data) : data;\n          // mutateAsync will trigger the mutation's onSuccess/onError callbacks\n          await mutation.mutateAsync(variables as TMutationVariables);\n        } else if (onSubmit) {\n          await onSubmit(data as any);\n        }\n\n        // Reset form after successful submission (default: true)\n        if (resetOnSuccess !== false) form.reset();\n      } catch (error) {\n        // Map API errors to form fields — mapApiErrorsToForm extracts the axios error structure internally\n        mapApiErrorsToForm(error, form as any, {\n          fieldMapping,\n        });\n        // Log error for debugging\n        console.error('[Form Submission Error]', error);\n        // Error is swallowed, not re-thrown (mutation's onError already fired)\n      } finally {\n        axios.interceptors.request.eject(interceptorId);\n      }\n    },\n    [onSubmit, mutation, transformSubmit, fieldMapping, form, resetOnSuccess],\n  );\n\n  const handleSubmit = form.handleSubmit(wrappedOnSubmit as any);\n\n  // Process children recursively to automatically wrap with Controller\n  const processedChildren = processChildren(children, form.control, isSubmitting, form.setValue, onCancel, form.reset);\n\n  const childArray = Children.toArray(processedChildren);\n  const actionsIndex = childArray.findIndex(\n    (child) => isValidElement(child) && (child.type as { displayName?: string })?.displayName === 'DialogActions',\n  );\n  const hasActions = actionsIndex !== -1;\n  const bodyChildren = hasActions ? childArray.filter((_, index) => index !== actionsIndex) : processedChildren;\n  const actions = hasActions ? childArray[actionsIndex] : null;\n\n  const topError =\n    rootErrorPosition === 'top' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mb-4', rootErrorClassName)}\n      />\n    ) : null;\n  const bottomError =\n    rootErrorPosition === 'bottom' && form.formState.errors.root ? (\n      <Alert\n        variant=\"destructive\"\n        title={form.formState.errors.root.type || 'Error'}\n        description={form.formState.errors.root.message}\n        action={rootErrorAction}\n        className={cn('mt-4', rootErrorClassName)}\n      />\n    ) : null;\n\n  return (\n    <FormProvider {...form}>\n      <form\n        onSubmit={handleSubmit}\n        className={cn(hasActions ? 'flex min-h-0 flex-1 flex-col' : 'space-y-4', className)}\n        {...props}\n      >\n        {hasActions ? (\n          <>\n            <div className=\"min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 py-4\">\n              {topError}\n              {bodyChildren}\n              {bottomError}\n            </div>\n            {actions}\n          </>\n        ) : (\n          <>\n            {topError}\n            {processedChildren}\n            {bottomError}\n          </>\n        )}\n      </form>\n    </FormProvider>\n  );\n}\n\nForm.displayName = 'Form';\n"],"names":["Fragment"],"mappings":"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"}

package/dist/assets/quantum-ui.css

@@ -967,7 +967,7 @@ svg.react-flow__connectionline {
   --font-sans: "IBM Plex Sans", sans-serif;
   --font-serif: "Playfair Display", serif;
   --font-mono: "JetBrains Mono", monospace;
-  --radius: 0.75rem;
+  --radius: 0.625rem;
   --shadow-x: 0rem;
   --shadow-y: 0.5rem;
   --shadow-blur: 1rem;
@@ -1043,7 +1043,7 @@ svg.react-flow__connectionline {
   --font-sans: "IBM Plex Sans", sans-serif;
   --font-serif: "Playfair Display", serif;
   --font-mono: "JetBrains Mono", monospace;
-  --radius: 0.75rem;
+  --radius: 0.625rem;
   --shadow-x: 0rem;
   --shadow-y: 0.5rem;
   --shadow-blur: 1.25rem;
@@ -4704,10 +4704,6 @@ select:-webkit-autofill:active {
     -moz-appearance: textfield;
   }
 
-  .\[scrollbar-gutter\:stable\] {
-    scrollbar-gutter: stable;
-  }
-
   .\[text-decoration\:underline_line-through\] {
     text-decoration: underline line-through;
   }

package/dist/components/CopyButton.js

@@ -0,0 +1,2 @@
+export { C as CopyButton } from '../CopyButton.js';
+//# sourceMappingURL=CopyButton.js.map

package/dist/components/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.js

@@ -32,6 +32,7 @@ export { C as CompactTableSkeleton, a as CurrencyCell, D as DataTable, b as Data
 export { C as CompanySelector } from './CompanySelector.js';
 export { C as ConfirmHost } from './ConfirmHost.js';
 export { C as Controller } from './index.esm.js';
+export { C as CopyButton } from './CopyButton.js';
 export { C as CopyField } from './CopyField.js';
 export { C as CountryFilter, a as CountrySelector } from './CountrySelector.js';
 export { C as CurrencyField } from './CurrencyField.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface CopyButtonProps {
+    value: string;
+    label?: string;
+    className?: string;
+}
+export declare const CopyButton: React.FC<CopyButtonProps>;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/lib/components/CopyButton/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/CopyButton/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAe;IAE9B,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ChD,CAAC"}

package/dist/lib/components/CopyButton/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton, type CopyButtonProps } from './CopyButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/CopyButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/CopyButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/lib/components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../lib/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAiB,cAAc,EAA4B,MAAM,SAAS,CAAC;AA8BvF,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,KAAK,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,SAAiB,EACjB,SAAS,EACT,WAAkB,EAClB,YAAY,EACZ,IAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GACX,EAAE,cAAc,CAAC,KAAK,CAAC,kDAyavB;yBAxbe,SAAS"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../lib/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAiB,cAAc,EAA4B,MAAM,SAAS,CAAC;AA8BvF,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,KAAK,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,SAAiB,EACjB,SAAS,EACT,WAAkB,EAClB,YAAY,EACZ,IAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GACX,EAAE,cAAc,CAAC,KAAK,CAAC,kDAkdvB;yBAjee,SAAS"}

package/dist/lib/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './DatePicker';
 export * from './DateRangePicker';
 export * from './DateTimePicker';
 export * from './DateTimeRangePicker';
+export * from './CopyButton';
 export * from './CopyField';
 export * from './DetailField';
 export * from './Dialog';

package/dist/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/useDataTable.js

@@ -21830,6 +21830,13 @@ function DataTable({
 }) {
   const [filtersOpen, setFiltersOpen] = useState(false);
   const importDialog = useDialog();
+  const headerScrollRef = useRef(null);
+  const bodyScrollRef = useRef(null);
+  const syncHeaderScroll = () => {
+    if (headerScrollRef.current && bodyScrollRef.current) {
+      headerScrollRef.current.scrollLeft = bodyScrollRef.current.scrollLeft;
+    }
+  };
   const tableGate = usePermission(permission);
   const importGate = usePermission(importExport?.importPermission);
   const exportGate = usePermission(importExport?.exportPermission);
@@ -22002,134 +22009,158 @@ function DataTable({
         },
         "filters"
       ) : null }),
-      /* @__PURE__ */ jsxs("div", { className: "relative flex w-full flex-col overflow-auto overscroll-auto flex-1", children: [
-        /* @__PURE__ */ jsxs("table", { className: "w-full caption-bottom text-sm table-fixed", style: { minWidth: table.getCenterTotalSize() }, children: [
-          /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => {
-            const isActions = header.column.id === "actions";
-            const headerAlignClass = isActions ? "justify-end" : "justify-center";
-            return /* @__PURE__ */ jsxs(
-              TableHead,
-              {
-                colSpan: header.colSpan,
-                style: isActions ? { width: "70px" } : { width: header.getSize(), minWidth: header.getSize(), maxWidth: header.getSize() },
-                className: cn(
-                  "relative group/resize",
-                  isActions ? "text-right sticky right-0 z-20" : "text-center"
-                ),
-                "aria-sort": header.column.getCanSort() ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : void 0,
-                children: [
-                  isActions && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      "aria-hidden": true,
-                      className: "pointer-events-none absolute inset-x-0 top-0 bottom-px bg-muted/40 backdrop-blur-sm"
-                    }
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ jsx("div", { ref: headerScrollRef, className: "shrink-0 overflow-hidden", children: /* @__PURE__ */ jsx(
+          "table",
+          {
+            className: "w-full caption-bottom text-sm table-fixed",
+            style: { minWidth: table.getCenterTotalSize() },
+            children: /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => {
+              const isActions = header.column.id === "actions";
+              const headerAlignClass = isActions ? "justify-end" : "justify-center";
+              return /* @__PURE__ */ jsxs(
+                TableHead,
+                {
+                  colSpan: header.colSpan,
+                  style: isActions ? { width: "70px" } : { width: header.getSize(), minWidth: header.getSize(), maxWidth: header.getSize() },
+                  className: cn(
+                    "relative group/resize",
+                    // actions header stays pinned on horizontal scroll; z-20 keeps it above the
+                    // regular header cells that scroll underneath it.
+                    isActions ? "text-right sticky right-0 z-20" : "text-center"
                   ),
-                  /* @__PURE__ */ jsx("div", { className: cn(isActions ? "relative" : void 0), children: header.isPlaceholder ? null : typeof header.column.columnDef.header === "string" ? /* @__PURE__ */ jsx("div", { className: cn("flex", headerAlignClass), children: /* @__PURE__ */ jsx(DataTableColumnHeader, { column: header.column, title: header.column.columnDef.header }) }) : flexRender(header.column.columnDef.header, header.getContext()) }),
-                  !meta?.lockedColumnSizing && header.column.getCanResize() && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      onPointerDown: header.getResizeHandler(),
-                      onTouchStart: header.getResizeHandler(),
-                      className: cn(
-                        "absolute top-0 right-0 w-1 h-full cursor-col-resize select-none touch-none z-10",
-                        "opacity-0 group-hover/resize:opacity-100 hover:bg-primary/50",
-                        header.column.getIsResizing() && "opacity-100 bg-primary"
-                      )
-                    }
-                  )
-                ]
-              },
-              header.id
-            );
-          }) }, headerGroup.id)) }),
-          !locked && (isLoading || table.getRowModel().rows.length > 0) && /* @__PURE__ */ jsx(TableBody, { children: isLoading ? Array.from(
-            { length: table.getState().pagination?.pageSize ?? 20 },
-            (_, i) => `skeleton-row-${i}`
-          ).map((rowKey) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columnCount }, (_, i) => `${rowKey}-cell-${i}`).map((cellKey) => /* @__PURE__ */ jsx(TableCell, { className: densityClasses[density], children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }) }, cellKey)) }, rowKey)) : table.getRowModel().rows.map((row, index) => {
-            const externallySelected = selectedRowId != null && row.id === selectedRowId;
-            const isSelected = row.getIsSelected() || externallySelected;
-            return /* @__PURE__ */ jsx(
-              TableRow,
-              {
-                "data-state": isSelected ? "selected" : void 0,
-                className: "group animate-in fade-in duration-300",
-                style: { animationDelay: `${Math.min(index, 12) * 25}ms`, animationFillMode: "both" },
-                children: row.getVisibleCells().map((cell) => {
-                  const isActionsCell = cell.column.id === "actions";
-                  return /* @__PURE__ */ jsxs(
-                    TableCell,
-                    {
-                      className: cn(
-                        densityClasses[density],
-                        isActionsCell ? "px-2 sticky right-0 z-10" : void 0,
-                        onRowClick && !isActionsCell ? "cursor-pointer" : void 0
-                      ),
-                      onClick: onRowClick && !isActionsCell ? () => onRowClick(row.original) : void 0,
-                      style: isActionsCell ? { width: "70px" } : {
-                        width: cell.column.getSize(),
-                        minWidth: cell.column.getSize(),
-                        maxWidth: cell.column.getSize()
-                      },
-                      children: [
-                        isActionsCell && /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            "aria-hidden": true,
-                            className: "pointer-events-none absolute inset-x-0 top-0 bottom-px bg-background/40 backdrop-blur-sm group-hover:bg-muted/30 group-data-[state=selected]:bg-muted/40"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            className: cn(
-                              isActionsCell ? "relative flex items-center justify-end" : "overflow-hidden text-center"
-                            ),
-                            children: flexRender(cell.column.columnDef.cell, cell.getContext())
-                          }
+                  "aria-sort": header.column.getCanSort() ? header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none" : void 0,
+                  children: [
+                    isActions && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "aria-hidden": true,
+                        className: "pointer-events-none absolute inset-x-0 top-0 bottom-px bg-muted backdrop-blur-sm"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: cn(isActions ? "relative" : void 0), children: header.isPlaceholder ? null : typeof header.column.columnDef.header === "string" ? /* @__PURE__ */ jsx("div", { className: cn("flex", headerAlignClass), children: /* @__PURE__ */ jsx(DataTableColumnHeader, { column: header.column, title: header.column.columnDef.header }) }) : flexRender(header.column.columnDef.header, header.getContext()) }),
+                    !meta?.lockedColumnSizing && header.column.getCanResize() && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        onPointerDown: header.getResizeHandler(),
+                        onTouchStart: header.getResizeHandler(),
+                        className: cn(
+                          "absolute top-0 right-0 w-1 h-full cursor-col-resize select-none touch-none z-10",
+                          "opacity-0 group-hover/resize:opacity-100 hover:bg-primary/50",
+                          header.column.getIsResizing() && "opacity-100 bg-primary"
                         )
-                      ]
-                    },
-                    cell.id
-                  );
-                })
-              },
-              row.id
-            );
-          }) })
-        ] }),
-        (locked || !isLoading && table.getRowModel().rows.length === 0) && /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: locked ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 text-center", children: [
-          /* @__PURE__ */ jsx(PermissionLockIcon, { reason: tableGate.reason, className: "size-6" }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: lockedTip(tableGate) })
-        ] }) : isFiltered ? /* @__PURE__ */ jsx(
-          DataTableEmpty,
+                      }
+                    )
+                  ]
+                },
+                header.id
+              );
+            }) }, headerGroup.id)) })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            icon: emptyStateConfig?.icon,
-            title: "No results found",
-            description: buildNoResultsDescription({ hasActiveSearch, hasActiveFilters, hasActiveView }),
-            action: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              hasActiveSearch && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => meta?.setSearch?.(searchBaseline), children: "Clear Search" }),
-              hasActiveFilters && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => meta?.setFilters?.(filtersBaseline), children: "Clear Filters" }),
-              hasActiveView && slug && /* @__PURE__ */ jsx(
-                Button,
+            ref: bodyScrollRef,
+            onScroll: syncHeaderScroll,
+            className: "relative flex flex-col flex-1 min-h-0 overflow-auto overscroll-auto",
+            children: [
+              !locked && (isLoading || table.getRowModel().rows.length > 0) && /* @__PURE__ */ jsx(
+                "table",
                 {
-                  variant: "outline",
-                  size: "sm",
-                  onClick: () => loadViewState(slug, EMPTY_TABLE_STATE, null, false),
-                  children: "Clear View"
+                  className: "w-full caption-bottom text-sm table-fixed",
+                  style: { minWidth: table.getCenterTotalSize() },
+                  children: /* @__PURE__ */ jsx(TableBody, { children: isLoading ? Array.from(
+                    { length: table.getState().pagination?.pageSize ?? 20 },
+                    (_, i) => `skeleton-row-${i}`
+                  ).map((rowKey) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columnCount }, (_, i) => `${rowKey}-cell-${i}`).map((cellKey) => /* @__PURE__ */ jsx(TableCell, { className: densityClasses[density], children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }) }, cellKey)) }, rowKey)) : table.getRowModel().rows.map((row, index) => {
+                    const externallySelected = selectedRowId != null && row.id === selectedRowId;
+                    const isSelected = row.getIsSelected() || externallySelected;
+                    return /* @__PURE__ */ jsx(
+                      TableRow,
+                      {
+                        "data-state": isSelected ? "selected" : void 0,
+                        className: "group animate-in fade-in duration-300",
+                        style: { animationDelay: `${Math.min(index, 12) * 25}ms`, animationFillMode: "both" },
+                        children: row.getVisibleCells().map((cell) => {
+                          const isActionsCell = cell.column.id === "actions";
+                          return /* @__PURE__ */ jsxs(
+                            TableCell,
+                            {
+                              className: cn(
+                                densityClasses[density],
+                                isActionsCell ? "px-2 sticky right-0 z-10" : void 0,
+                                onRowClick && !isActionsCell ? "cursor-pointer" : void 0
+                              ),
+                              onClick: onRowClick && !isActionsCell ? () => onRowClick(row.original) : void 0,
+                              style: isActionsCell ? { width: "70px" } : {
+                                width: cell.column.getSize(),
+                                minWidth: cell.column.getSize(),
+                                maxWidth: cell.column.getSize()
+                              },
+                              children: [
+                                isActionsCell && /* @__PURE__ */ jsx(
+                                  "div",
+                                  {
+                                    "aria-hidden": true,
+                                    className: "pointer-events-none absolute inset-x-0 top-0 bottom-px bg-background/40 backdrop-blur-sm group-hover:bg-muted/30 group-data-[state=selected]:bg-muted/40"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  "div",
+                                  {
+                                    className: cn(
+                                      isActionsCell ? "relative flex items-center justify-end" : "overflow-hidden text-center"
+                                    ),
+                                    children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                                  }
+                                )
+                              ]
+                            },
+                            cell.id
+                          );
+                        })
+                      },
+                      row.id
+                    );
+                  }) })
                 }
-              )
-            ] })
-          }
-        ) : /* @__PURE__ */ jsx(
-          DataTableEmpty,
-          {
-            icon: emptyStateConfig?.icon,
-            title: emptyStateConfig?.title,
-            description: emptyStateConfig?.description,
-            action: emptyStateConfig?.action
+              ),
+              (locked || !isLoading && table.getRowModel().rows.length === 0) && /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: locked ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-2 text-center", children: [
+                /* @__PURE__ */ jsx(PermissionLockIcon, { reason: tableGate.reason, className: "size-6" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: lockedTip(tableGate) })
+              ] }) : isFiltered ? /* @__PURE__ */ jsx(
+                DataTableEmpty,
+                {
+                  icon: emptyStateConfig?.icon,
+                  title: "No results found",
+                  description: buildNoResultsDescription({ hasActiveSearch, hasActiveFilters, hasActiveView }),
+                  action: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                    hasActiveSearch && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => meta?.setSearch?.(searchBaseline), children: "Clear Search" }),
+                    hasActiveFilters && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => meta?.setFilters?.(filtersBaseline), children: "Clear Filters" }),
+                    hasActiveView && slug && /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "outline",
+                        size: "sm",
+                        onClick: () => loadViewState(slug, EMPTY_TABLE_STATE, null, false),
+                        children: "Clear View"
+                      }
+                    )
+                  ] })
+                }
+              ) : /* @__PURE__ */ jsx(
+                DataTableEmpty,
+                {
+                  icon: emptyStateConfig?.icon,
+                  title: emptyStateConfig?.title,
+                  description: emptyStateConfig?.description,
+                  action: emptyStateConfig?.action
+                }
+              ) })
+            ]
           }
-        ) })
+        )
       ] })
     ] }),
     (mode !== "compact" || table.getRowCount() > (table.getState().pagination?.pageSize ?? 20)) && /* @__PURE__ */ jsx(DataTablePagination, { table }),