@flexkit/studio 0.2.1 → 0.2.2

package/dist/chunk-Z6IEBNKV.js

@@ -0,0 +1,2 @@
+import'./index.css';import {q as q$1,o,r}from'./chunk-7ZDMZVDA.js';import {f}from'./chunk-66N44IKJ.js';import {e}from'./chunk-NNA4MLFC.js';import {useCallback}from'react';import {toast}from'sonner';import {useApolloClient}from'@apollo/client/react';function E(i){let{currentProjectSchema:t}=f();return useCallback(a=>{t&&q$1(o(i,t),a);},[i,t])}var g=["image/jpeg","image/png","image/webp","image/vnd.microsoft.icon","image/bmp","image/gif","image/tiff","image/svg+xml","image/avif","image/heic","image/heif","image/heic-sequence","image/heif-sequence","image/apng","audio/aac","audio/mpeg","audio/wav","audio/webm","audio/midi","audio/x-midi","audio/ogg","video/x-msvideo","video/mp4","video/mpeg","video/webm","video/quicktime","video/ogg","video/mp2t","video/3gpp","video/3gpp2","application/x-7z-compressed","application/zip","application/vnd.amazon.ebook","application/octet-stream","application/epub+zip","application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-fontobject","application/gzip","application/x-gzip","application/java-archive","application/json","application/ld+json","text/javascript","application/vnd.oasis.opendocument.presentation","application/vnd.oasis.opendocument.spreadsheet","application/vnd.oasis.opendocument.text","application/ogg","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/vnd.rar","application/x-tar","application/vnd.visio","application/xhtml+xml","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xml"];function F(i,t){if(!i.type)return  true;let a=t?t.split(",").map(e=>e.trim()).filter(Boolean):g;return a.length===0?true:a.some(e=>e.endsWith("/*")?i.type.startsWith(e.slice(0,-1)):i.type===e)}async function x(i,t){let a=new URLSearchParams({filename:i.name}),e$1=await fetch(`${e(t).assets}?${a.toString()}`,{method:"POST",headers:{"Content-Type":i.type||"application/octet-stream"},body:i});if(!e$1.ok)throw new Error(`Upload failed for ${i.name}`);let n=await e$1.json(),o={_id:n._id,path:n.path??"",originalFilename:n.originalFilename??i.name,size:n.size??i.size,mimeType:n.mimeType??i.type,lqip:n.lqip??"",width:n.width??0,height:n.height??0};return {pathname:o.path,lqip:o.lqip||void 0,originalFilename:o.originalFilename,size:o.size,mimeType:o.mimeType,width:o.width||void 0,height:o.height||void 0,_id:o._id,asset:o}}async function h(i,t){let{projectId:a,accept:e,maxBytes:n=4*1024*1024,onUploadStart:o}=t,l=[];for(let p of Array.from(i)){if(p.size>n){toast.error(`File size too big (max ${(n/(1024*1024)).toFixed(0)}MB): ${p.name}`);continue}if(!F(p,e)){toast.error(`Unsupported file type: ${p.name}`);continue}l.push(p);}if(l.length===0)return [];o?.();try{let p=await Promise.all(l.map(async f=>x(f,a)));return p.length>0&&toast.success(`Uploaded ${p.length} file${p.length>1?"s":""}`),p}catch(p){return console.error(p),toast.error("Upload failed. Please try again."),[]}}async function b(i){let{accept:t,multiple:a=true}=i,e=document.createElement("input");e.type="file",e.accept=t??g.join(","),e.multiple=a,e.style.display="none",document.body.appendChild(e);try{let n=await new Promise(o=>{e.addEventListener("change",()=>o(e.files),{once:!0}),e.addEventListener("cancel",()=>o(null),{once:!0}),e.click();});return !n||n.length===0?[]:h(n,i)}finally{document.body.removeChild(e);}}function q(){let i=useApolloClient();return useCallback(async t=>{let a=t.files?await h(t.files,t):await b(t);return a.length>0&&await r(i,"GetAssets").catch(e=>{console.error("Error refreshing asset lists after upload:",e);}),a},[i])}export{E as a,x as b,q as c};//# sourceMappingURL=chunk-Z6IEBNKV.js.map
+//# sourceMappingURL=chunk-Z6IEBNKV.js.map

package/dist/{chunk-GM5OZTHL.js.map → chunk-Z6IEBNKV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/graphql-client/use-patch-entity-list.ts","../src/core/upload.ts"],"names":["usePatchEntityList","entityNameOrPlural","schema","useConfig","useCallback","patches","scheduleEntityListPatch","getEntityListQueryName","ACCEPTED_MIME_TYPES","isAcceptedMimeType","file","accept","allowed","pattern","uploadAssetFile","projectId","params","response","apiPaths","data","asset","uploadSelectedFiles","files","options","maxBytes","onUploadStart","validFiles","toast","uploads","error","openFileDialogAndUpload","multiple","input","resolve","useUploadAssets","apolloClient","useApolloClient","scheduleEntityListRefetch"],"mappings":"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","file":"chunk-GM5OZTHL.js","sourcesContent":["import { useCallback } from 'react';\nimport { useConfig } from '../core/config/config-context';\nimport {\n  getEntityListQueryName,\n  scheduleEntityListPatch,\n  type EntityListRowPatch,\n} from './refetch-entity-lists';\n\n/**\n * Patch active list rows for an entity without a soft-refetch.\n * Prefer this after mutations that only change row fields (e.g. tag connect/disconnect).\n */\nexport function usePatchEntityList(entityNameOrPlural: string): (patches: EntityListRowPatch[]) => void {\n  const { currentProjectSchema: schema } = useConfig();\n\n  return useCallback(\n    (patches: EntityListRowPatch[]) => {\n      if (!schema) {\n        return;\n      }\n\n      scheduleEntityListPatch(getEntityListQueryName(entityNameOrPlural, schema), patches);\n    },\n    [entityNameOrPlural, schema]\n  );\n}\n","import { useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { useApolloClient } from '@apollo/client/react';\nimport { apiPaths } from './api-paths';\nimport { scheduleEntityListRefetch } from '../graphql-client/refetch-entity-lists';\nimport type { OrderedAssetValue } from '../graphql-client/types';\n\nexport const ACCEPTED_MIME_TYPES = [\n  'image/jpeg',\n  'image/png',\n  'image/webp',\n  'image/vnd.microsoft.icon',\n  'image/bmp',\n  'image/gif',\n  'image/tiff',\n  'image/svg+xml',\n  'image/avif',\n  'image/heic',\n  'image/heif',\n  'image/heic-sequence',\n  'image/heif-sequence',\n  'image/apng',\n  'audio/aac',\n  'audio/mpeg',\n  'audio/wav',\n  'audio/webm',\n  'audio/midi',\n  'audio/x-midi',\n  'audio/ogg',\n  'video/x-msvideo',\n  'video/mp4',\n  'video/mpeg',\n  'video/webm',\n  'video/quicktime',\n  'video/ogg',\n  'video/mp2t',\n  'video/3gpp',\n  'video/3gpp2',\n  'application/x-7z-compressed',\n  'application/zip',\n  'application/vnd.amazon.ebook',\n  'application/octet-stream',\n  'application/epub+zip',\n  'application/pdf',\n  'application/msword',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n  'application/vnd.ms-fontobject',\n  'application/gzip',\n  'application/x-gzip',\n  'application/java-archive',\n  'application/json',\n  'application/ld+json',\n  'text/javascript',\n  'application/vnd.oasis.opendocument.presentation',\n  'application/vnd.oasis.opendocument.spreadsheet',\n  'application/vnd.oasis.opendocument.text',\n  'application/ogg',\n  'application/vnd.ms-powerpoint',\n  'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n  'application/vnd.rar',\n  'application/x-tar',\n  'application/vnd.visio',\n  'application/xhtml+xml',\n  'application/vnd.ms-excel',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n  'application/xml',\n];\n\nexport type UploadedFileResult = {\n  pathname: string;\n  lqip?: string;\n  size: number;\n  mimeType: string;\n  originalFilename: string;\n  width?: number;\n  height?: number;\n};\n\nexport type UploadedAssetResult = UploadedFileResult & {\n  asset: OrderedAssetValue;\n  _id: string;\n};\n\ntype AssetUploadResponse = {\n  _id: string;\n  path: string | null;\n  mimeType: string | null;\n  originalFilename: string | null;\n  size: number | null;\n  width: number | null;\n  height: number | null;\n  lqip: string | null;\n  sha256: string | null;\n  deduped: boolean;\n};\n\nexport type OpenFileDialogAndUploadOptions = {\n  projectId: string | undefined;\n  accept?: string;\n  files?: File[] | FileList;\n  multiple?: boolean;\n  maxBytes?: number;\n  onUploadStart?: () => void;\n};\n\nfunction isAcceptedMimeType(file: File, accept?: string): boolean {\n  if (!file.type) {\n    return true;\n  }\n\n  const allowed = accept\n    ? accept\n        .split(',')\n        .map((pattern) => pattern.trim())\n        .filter(Boolean)\n    : ACCEPTED_MIME_TYPES;\n\n  if (allowed.length === 0) {\n    return true;\n  }\n\n  return allowed.some((pattern) => {\n    if (pattern.endsWith('/*')) {\n      return file.type.startsWith(pattern.slice(0, -1));\n    }\n\n    return file.type === pattern;\n  });\n}\n\n/**\n * Uploads a single file to the one-shot /assets endpoint, which stores the\n * blob and creates the _asset node in a single request.\n */\nexport async function uploadAssetFile(file: File, projectId: string | undefined): Promise<UploadedAssetResult> {\n  const params = new URLSearchParams({ filename: file.name });\n  const response = await fetch(`${apiPaths(projectId).assets}?${params.toString()}`, {\n    method: 'POST',\n    headers: { 'Content-Type': file.type || 'application/octet-stream' },\n    body: file,\n  });\n\n  if (!response.ok) {\n    throw new Error(`Upload failed for ${file.name}`);\n  }\n\n  const data = (await response.json()) as AssetUploadResponse;\n  const asset: OrderedAssetValue = {\n    _id: data._id,\n    path: data.path ?? '',\n    originalFilename: data.originalFilename ?? file.name,\n    size: data.size ?? file.size,\n    mimeType: data.mimeType ?? file.type,\n    lqip: data.lqip ?? '',\n    width: data.width ?? 0,\n    height: data.height ?? 0,\n  };\n\n  return {\n    pathname: asset.path,\n    lqip: asset.lqip || undefined,\n    originalFilename: asset.originalFilename,\n    size: asset.size,\n    mimeType: asset.mimeType,\n    width: asset.width || undefined,\n    height: asset.height || undefined,\n    _id: asset._id,\n    asset,\n  };\n}\n\nasync function uploadSelectedFiles(\n  files: File[] | FileList,\n  options: OpenFileDialogAndUploadOptions\n): Promise<UploadedAssetResult[]> {\n  const { projectId, accept, maxBytes = 4 * 1024 * 1024, onUploadStart } = options;\n  const validFiles: File[] = [];\n\n  for (const file of Array.from(files)) {\n    if (file.size > maxBytes) {\n      toast.error(`File size too big (max ${(maxBytes / (1024 * 1024)).toFixed(0)}MB): ${file.name}`);\n\n      continue;\n    }\n\n    if (!isAcceptedMimeType(file, accept)) {\n      toast.error(`Unsupported file type: ${file.name}`);\n\n      continue;\n    }\n\n    validFiles.push(file);\n  }\n\n  if (validFiles.length === 0) {\n    return [];\n  }\n\n  onUploadStart?.();\n\n  try {\n    const uploads = await Promise.all(validFiles.map(async (file) => uploadAssetFile(file, projectId)));\n\n    if (uploads.length > 0) {\n      toast.success(`Uploaded ${uploads.length} file${uploads.length > 1 ? 's' : ''}`);\n    }\n\n    return uploads;\n  } catch (error) {\n    console.error(error);\n    toast.error('Upload failed. Please try again.');\n\n    return [];\n  }\n}\n\n/**\n * Opens a native file picker and uploads selected files to the Flexkit assets\n * endpoint, which also creates an asset node in the database.\n * Returns a list of uploaded file results. Skips files that exceed maxBytes.\n */\nasync function openFileDialogAndUpload(options: OpenFileDialogAndUploadOptions): Promise<UploadedAssetResult[]> {\n  const { accept, multiple = true } = options;\n  const input = document.createElement('input');\n  input.type = 'file';\n  input.accept = accept ?? ACCEPTED_MIME_TYPES.join(',');\n  input.multiple = multiple;\n  input.style.display = 'none';\n  document.body.appendChild(input);\n\n  try {\n    const files = await new Promise<FileList | null>((resolve) => {\n      input.addEventListener('change', () => resolve(input.files), { once: true });\n      input.addEventListener('cancel', () => resolve(null), { once: true });\n      input.click();\n    });\n\n    if (!files || files.length === 0) {\n      return [];\n    }\n\n    return uploadSelectedFiles(files, options);\n  } finally {\n    document.body.removeChild(input);\n  }\n}\n\nexport function useUploadAssets(): (options: OpenFileDialogAndUploadOptions) => Promise<UploadedAssetResult[]> {\n  const apolloClient = useApolloClient();\n\n  return useCallback(\n    async (options: OpenFileDialogAndUploadOptions) => {\n      const uploads = options.files\n        ? await uploadSelectedFiles(options.files, options)\n        : await openFileDialogAndUpload(options);\n\n      if (uploads.length > 0) {\n        // Upload is outside Apollo; soft-refresh mounted asset lists via useEntityQuery.\n        await scheduleEntityListRefetch(apolloClient, 'GetAssets').catch((error: unknown) => {\n          console.error('Error refreshing asset lists after upload:', error);\n        });\n      }\n\n      return uploads;\n    },\n    [apolloClient]\n  );\n}\n"]}
+{"version":3,"sources":["../src/graphql-client/use-patch-entity-list.ts","../src/core/upload.ts"],"names":["usePatchEntityList","entityNameOrPlural","schema","useConfig","useCallback","patches","scheduleEntityListPatch","getEntityListQueryName","ACCEPTED_MIME_TYPES","isAcceptedMimeType","file","accept","allowed","pattern","uploadAssetFile","projectId","params","response","apiPaths","data","asset","uploadSelectedFiles","files","options","maxBytes","onUploadStart","validFiles","toast","uploads","error","openFileDialogAndUpload","multiple","input","resolve","useUploadAssets","apolloClient","useApolloClient","scheduleEntityListRefetch"],"mappings":"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","file":"chunk-Z6IEBNKV.js","sourcesContent":["import { useCallback } from 'react';\nimport { useConfig } from '../core/config/config-context';\nimport {\n  getEntityListQueryName,\n  scheduleEntityListPatch,\n  type EntityListRowPatch,\n} from './refetch-entity-lists';\n\n/**\n * Patch active list rows for an entity without a soft-refetch.\n * Prefer this after mutations that only change row fields (e.g. tag connect/disconnect).\n */\nexport function usePatchEntityList(entityNameOrPlural: string): (patches: EntityListRowPatch[]) => void {\n  const { currentProjectSchema: schema } = useConfig();\n\n  return useCallback(\n    (patches: EntityListRowPatch[]) => {\n      if (!schema) {\n        return;\n      }\n\n      scheduleEntityListPatch(getEntityListQueryName(entityNameOrPlural, schema), patches);\n    },\n    [entityNameOrPlural, schema]\n  );\n}\n","import { useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { useApolloClient } from '@apollo/client/react';\nimport { apiPaths } from './api-paths';\nimport { scheduleEntityListRefetch } from '../graphql-client/refetch-entity-lists';\nimport type { OrderedAssetValue } from '../graphql-client/types';\n\nexport const ACCEPTED_MIME_TYPES = [\n  'image/jpeg',\n  'image/png',\n  'image/webp',\n  'image/vnd.microsoft.icon',\n  'image/bmp',\n  'image/gif',\n  'image/tiff',\n  'image/svg+xml',\n  'image/avif',\n  'image/heic',\n  'image/heif',\n  'image/heic-sequence',\n  'image/heif-sequence',\n  'image/apng',\n  'audio/aac',\n  'audio/mpeg',\n  'audio/wav',\n  'audio/webm',\n  'audio/midi',\n  'audio/x-midi',\n  'audio/ogg',\n  'video/x-msvideo',\n  'video/mp4',\n  'video/mpeg',\n  'video/webm',\n  'video/quicktime',\n  'video/ogg',\n  'video/mp2t',\n  'video/3gpp',\n  'video/3gpp2',\n  'application/x-7z-compressed',\n  'application/zip',\n  'application/vnd.amazon.ebook',\n  'application/octet-stream',\n  'application/epub+zip',\n  'application/pdf',\n  'application/msword',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n  'application/vnd.ms-fontobject',\n  'application/gzip',\n  'application/x-gzip',\n  'application/java-archive',\n  'application/json',\n  'application/ld+json',\n  'text/javascript',\n  'application/vnd.oasis.opendocument.presentation',\n  'application/vnd.oasis.opendocument.spreadsheet',\n  'application/vnd.oasis.opendocument.text',\n  'application/ogg',\n  'application/vnd.ms-powerpoint',\n  'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n  'application/vnd.rar',\n  'application/x-tar',\n  'application/vnd.visio',\n  'application/xhtml+xml',\n  'application/vnd.ms-excel',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n  'application/xml',\n];\n\nexport type UploadedFileResult = {\n  pathname: string;\n  lqip?: string;\n  size: number;\n  mimeType: string;\n  originalFilename: string;\n  width?: number;\n  height?: number;\n};\n\nexport type UploadedAssetResult = UploadedFileResult & {\n  asset: OrderedAssetValue;\n  _id: string;\n};\n\ntype AssetUploadResponse = {\n  _id: string;\n  path: string | null;\n  mimeType: string | null;\n  originalFilename: string | null;\n  size: number | null;\n  width: number | null;\n  height: number | null;\n  lqip: string | null;\n  sha256: string | null;\n  deduped: boolean;\n};\n\nexport type OpenFileDialogAndUploadOptions = {\n  projectId: string | undefined;\n  accept?: string;\n  files?: File[] | FileList;\n  multiple?: boolean;\n  maxBytes?: number;\n  onUploadStart?: () => void;\n};\n\nfunction isAcceptedMimeType(file: File, accept?: string): boolean {\n  if (!file.type) {\n    return true;\n  }\n\n  const allowed = accept\n    ? accept\n        .split(',')\n        .map((pattern) => pattern.trim())\n        .filter(Boolean)\n    : ACCEPTED_MIME_TYPES;\n\n  if (allowed.length === 0) {\n    return true;\n  }\n\n  return allowed.some((pattern) => {\n    if (pattern.endsWith('/*')) {\n      return file.type.startsWith(pattern.slice(0, -1));\n    }\n\n    return file.type === pattern;\n  });\n}\n\n/**\n * Uploads a single file to the one-shot /assets endpoint, which stores the\n * blob and creates the _asset node in a single request.\n */\nexport async function uploadAssetFile(file: File, projectId: string | undefined): Promise<UploadedAssetResult> {\n  const params = new URLSearchParams({ filename: file.name });\n  const response = await fetch(`${apiPaths(projectId).assets}?${params.toString()}`, {\n    method: 'POST',\n    headers: { 'Content-Type': file.type || 'application/octet-stream' },\n    body: file,\n  });\n\n  if (!response.ok) {\n    throw new Error(`Upload failed for ${file.name}`);\n  }\n\n  const data = (await response.json()) as AssetUploadResponse;\n  const asset: OrderedAssetValue = {\n    _id: data._id,\n    path: data.path ?? '',\n    originalFilename: data.originalFilename ?? file.name,\n    size: data.size ?? file.size,\n    mimeType: data.mimeType ?? file.type,\n    lqip: data.lqip ?? '',\n    width: data.width ?? 0,\n    height: data.height ?? 0,\n  };\n\n  return {\n    pathname: asset.path,\n    lqip: asset.lqip || undefined,\n    originalFilename: asset.originalFilename,\n    size: asset.size,\n    mimeType: asset.mimeType,\n    width: asset.width || undefined,\n    height: asset.height || undefined,\n    _id: asset._id,\n    asset,\n  };\n}\n\nasync function uploadSelectedFiles(\n  files: File[] | FileList,\n  options: OpenFileDialogAndUploadOptions\n): Promise<UploadedAssetResult[]> {\n  const { projectId, accept, maxBytes = 4 * 1024 * 1024, onUploadStart } = options;\n  const validFiles: File[] = [];\n\n  for (const file of Array.from(files)) {\n    if (file.size > maxBytes) {\n      toast.error(`File size too big (max ${(maxBytes / (1024 * 1024)).toFixed(0)}MB): ${file.name}`);\n\n      continue;\n    }\n\n    if (!isAcceptedMimeType(file, accept)) {\n      toast.error(`Unsupported file type: ${file.name}`);\n\n      continue;\n    }\n\n    validFiles.push(file);\n  }\n\n  if (validFiles.length === 0) {\n    return [];\n  }\n\n  onUploadStart?.();\n\n  try {\n    const uploads = await Promise.all(validFiles.map(async (file) => uploadAssetFile(file, projectId)));\n\n    if (uploads.length > 0) {\n      toast.success(`Uploaded ${uploads.length} file${uploads.length > 1 ? 's' : ''}`);\n    }\n\n    return uploads;\n  } catch (error) {\n    console.error(error);\n    toast.error('Upload failed. Please try again.');\n\n    return [];\n  }\n}\n\n/**\n * Opens a native file picker and uploads selected files to the Flexkit assets\n * endpoint, which also creates an asset node in the database.\n * Returns a list of uploaded file results. Skips files that exceed maxBytes.\n */\nasync function openFileDialogAndUpload(options: OpenFileDialogAndUploadOptions): Promise<UploadedAssetResult[]> {\n  const { accept, multiple = true } = options;\n  const input = document.createElement('input');\n  input.type = 'file';\n  input.accept = accept ?? ACCEPTED_MIME_TYPES.join(',');\n  input.multiple = multiple;\n  input.style.display = 'none';\n  document.body.appendChild(input);\n\n  try {\n    const files = await new Promise<FileList | null>((resolve) => {\n      input.addEventListener('change', () => resolve(input.files), { once: true });\n      input.addEventListener('cancel', () => resolve(null), { once: true });\n      input.click();\n    });\n\n    if (!files || files.length === 0) {\n      return [];\n    }\n\n    return uploadSelectedFiles(files, options);\n  } finally {\n    document.body.removeChild(input);\n  }\n}\n\nexport function useUploadAssets(): (options: OpenFileDialogAndUploadOptions) => Promise<UploadedAssetResult[]> {\n  const apolloClient = useApolloClient();\n\n  return useCallback(\n    async (options: OpenFileDialogAndUploadOptions) => {\n      const uploads = options.files\n        ? await uploadSelectedFiles(options.files, options)\n        : await openFileDialogAndUpload(options);\n\n      if (uploads.length > 0) {\n        // Upload is outside Apollo; soft-refresh mounted asset lists via useEntityQuery.\n        await scheduleEntityListRefetch(apolloClient, 'GetAssets').catch((error: unknown) => {\n          console.error('Error refreshing asset lists after upload:', error);\n        });\n      }\n\n      return uploads;\n    },\n    [apolloClient]\n  );\n}\n"]}

package/dist/index.css

@@ -80,11 +80,13 @@
     --fk-tracking-tight: -0.025em;
     --fk-tracking-wide: 0.025em;
     --fk-tracking-widest: 0.1em;
+    --fk-leading-tight: 1.25;
     --fk-leading-snug: 1.375;
     --fk-leading-normal: 1.5;
     --fk-leading-relaxed: 1.625;
     --fk-radius-xs: 0.125rem;
     --fk-radius-xl: 0.75rem;
+    --fk-radius-3xl: 1.5rem;
     --fk-drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
     --fk-ease-out: cubic-bezier(0, 0, 0.2, 1);
     --fk-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1805,6 +1807,9 @@
   .fk\:min-w-34 {
     min-width: calc(var(--fk-spacing) * 34);
   }
+  .fk\:min-w-40 {
+    min-width: calc(var(--fk-spacing) * 40);
+  }
   .fk\:min-w-44 {
     min-width: calc(var(--fk-spacing) * 44);
   }
@@ -1919,6 +1924,48 @@
       animation-direction: reverse;
     }
   }
+  .fk\:scroll-fade-x {
+    --_scroll-fade-size-s: var(
+    --scroll-fade-s-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --_scroll-fade-size-e: var(
+    --scroll-fade-e-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --scroll-fade-inline: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--scroll-fade-s, 0px),
+    #000 calc(100% - var(--scroll-fade-e, 0px)),
+    transparent 100%
+  );
+    &:where([dir="rtl"], [dir="rtl"] *) {
+      --scroll-fade-inline: linear-gradient(
+      to left,
+      transparent 0,
+      #000 var(--scroll-fade-s, 0px),
+      #000 calc(100% - var(--scroll-fade-e, 0px)),
+      transparent 100%
+    );
+    }
+    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    @supports (animation-timeline: scroll()) {
+      animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out;
+      animation-timeline: scroll(self inline), scroll(self inline);
+      animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
+      animation-fill-mode: both;
+    }
+    @supports not (animation-timeline: scroll()) {
+      --scroll-fade-s: var(--_scroll-fade-size-s);
+      --scroll-fade-e: var(--_scroll-fade-size-e);
+    }
+  }
   .fk\:animate-bounce {
     animation: var(--fk-animate-bounce);
   }
@@ -1958,9 +2005,18 @@
   .fk\:resize-none {
     resize: none;
   }
+  .fk\:snap-x {
+    scroll-snap-type: x var(--tw-scroll-snap-strictness);
+  }
+  .fk\:snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
   .fk\:scroll-my-1 {
     scroll-margin-block: calc(var(--fk-spacing) * 1);
   }
+  .fk\:scroll-px-1 {
+    scroll-padding-inline: calc(var(--fk-spacing) * 1);
+  }
   .fk\:scroll-py-1 {
     scroll-padding-block: calc(var(--fk-spacing) * 1);
   }
@@ -2241,9 +2297,15 @@
   .fk\:overflow-y-hidden {
     overflow-y: hidden;
   }
+  .fk\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
   .fk\:rounded {
     border-radius: 0.25rem;
   }
+  .fk\:rounded-3xl {
+    border-radius: var(--fk-radius-3xl);
+  }
   .fk\:rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -2955,6 +3017,9 @@
   .fk\:pb-20 {
     padding-bottom: calc(var(--fk-spacing) * 20);
   }
+  .fk\:pb-\[12vh\] {
+    padding-bottom: 12vh;
+  }
   .fk\:pl-0 {
     padding-left: calc(var(--fk-spacing) * 0);
   }
@@ -3093,6 +3158,10 @@
     --tw-leading: var(--fk-leading-snug);
     line-height: var(--fk-leading-snug);
   }
+  .fk\:leading-tight {
+    --tw-leading: var(--fk-leading-tight);
+    line-height: var(--fk-leading-tight);
+  }
   .fk\:font-bold {
     --tw-font-weight: var(--fk-font-weight-bold);
     font-weight: var(--fk-font-weight-bold);
@@ -3787,6 +3856,36 @@
       height: calc(var(--fk-spacing) * 9);
     }
   }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:absolute {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      position: absolute;
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:top-3 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      top: calc(var(--fk-spacing) * 3);
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:right-3 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      right: calc(var(--fk-spacing) * 3);
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:w-full {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      width: 100%;
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:gap-1 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      gap: calc(var(--fk-spacing) * 1);
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:px-1 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      padding-inline: calc(var(--fk-spacing) * 1);
+    }
+  }
   .fk\:group-data-\[orientation\=vertical\]\/tabs\:h-fit {
     &:is(:where(.fk\:group\/tabs)[data-orientation="vertical"] *) {
       height: fit-content;
@@ -3862,6 +3961,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .fk\:group-data-\[size\=sm\]\/attachment\:w-8 {
+    &:is(:where(.fk\:group\/attachment)[data-size="sm"] *) {
+      width: calc(var(--fk-spacing) * 8);
+    }
+  }
   .fk\:group-data-\[size\=sm\]\/avatar\:size-2 {
     &:is(:where(.fk\:group\/avatar)[data-size="sm"] *) {
       width: calc(var(--fk-spacing) * 2);
@@ -3880,6 +3984,47 @@
       height: calc(var(--fk-spacing) * 3);
     }
   }
+  .fk\:group-data-\[size\=xs\]\/attachment\:w-7 {
+    &:is(:where(.fk\:group\/attachment)[data-size="xs"] *) {
+      width: calc(var(--fk-spacing) * 7);
+    }
+  }
+  .fk\:group-data-\[size\=xs\]\/attachment\:rounded-md {
+    &:is(:where(.fk\:group\/attachment)[data-size="xs"] *) {
+      border-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .fk\:group-data-\[state\=done\]\/attachment\:opacity-100 {
+    &:is(:where(.fk\:group\/attachment)[data-state="done"] *) {
+      opacity: 100%;
+    }
+  }
+  .fk\:group-data-\[state\=error\]\/attachment\:bg-destructive\/10 {
+    &:is(:where(.fk\:group\/attachment)[data-state="error"] *) {
+      background-color: hsl(var(--destructive));
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
+      }
+    }
+  }
+  .fk\:group-data-\[state\=error\]\/attachment\:text-destructive {
+    &:is(:where(.fk\:group\/attachment)[data-state="error"] *) {
+      color: hsl(var(--destructive));
+    }
+  }
+  .fk\:group-data-\[state\=error\]\/attachment\:text-destructive\/80 {
+    &:is(:where(.fk\:group\/attachment)[data-state="error"] *) {
+      color: hsl(var(--destructive));
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent);
+      }
+    }
+  }
+  .fk\:group-data-\[state\=idle\]\/attachment\:opacity-100 {
+    &:is(:where(.fk\:group\/attachment)[data-state="idle"] *) {
+      opacity: 100%;
+    }
+  }
   .fk\:group-data-\[state\=open\]\:rotate-90 {
     &:is(:where(.fk\:group)[data-state="open"] *) {
       rotate: 90deg;
@@ -3890,6 +4035,66 @@
       rotate: 180deg;
     }
   }
+  .fk\:group-data-\[state\=processing\]\/attachment\:shimmer {
+    &:is(:where(.fk\:group\/attachment)[data-state="processing"] *) {
+      --_spread: var(--shimmer-spread, calc(3ch + 40px));
+      --_base: currentColor;
+      --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+      background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      @supports (color: color-mix(in lab, red, red)) {
+        background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      }
+      background-repeat: no-repeat;
+      background-size: calc(200% + var(--_spread) * 2) 100%;
+      background-position: 0 0;
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+      animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+      &:is([style="color-scheme: dark;"] *) {
+        --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+      }
+      &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+      }
+    }
+  }
+  .fk\:group-data-\[state\=uploading\]\/attachment\:shimmer {
+    &:is(:where(.fk\:group\/attachment)[data-state="uploading"] *) {
+      --_spread: var(--shimmer-spread, calc(3ch + 40px));
+      --_base: currentColor;
+      --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+      background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      @supports (color: color-mix(in lab, red, red)) {
+        background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      }
+      background-repeat: no-repeat;
+      background-size: calc(200% + var(--_spread) * 2) 100%;
+      background-position: 0 0;
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+      animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+      &:is([style="color-scheme: dark;"] *) {
+        --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+      }
+      &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+      }
+    }
+  }
   .fk\:group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.fk\:group)[data-variant="floating"] *) {
       border-radius: var(--radius);
@@ -4400,6 +4605,12 @@
       padding-bottom: calc(var(--fk-spacing) * 0);
     }
   }
+  .fk\:focus-within\:ring-1 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .fk\:focus-within\:ring-2 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -4411,6 +4622,14 @@
       --tw-ring-color: hsl(var(--ring));
     }
   }
+  .fk\:focus-within\:ring-ring\/50 {
+    &:focus-within {
+      --tw-ring-color: hsl(var(--ring));
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
+      }
+    }
+  }
   .fk\:focus-within\:ring-offset-2 {
     &:focus-within {
       --tw-ring-offset-width: 2px;
@@ -4975,6 +5194,56 @@
       column-gap: calc(var(--fk-spacing) * 6);
     }
   }
+  .fk\:has-data-\[slot\=attachment-content\]\:w-30 {
+    &:has(*[data-slot="attachment-content"]) {
+      width: calc(var(--fk-spacing) * 30);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:px-1\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--fk-spacing) * 1.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:px-2 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--fk-spacing) * 2);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:px-2\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--fk-spacing) * 2.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:py-1 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--fk-spacing) * 1);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:py-1\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--fk-spacing) * 1.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:py-2 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--fk-spacing) * 2);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-media\]\:p-1 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--fk-spacing) * 1);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-media\]\:p-1\.5 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--fk-spacing) * 1.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-media\]\:p-2 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--fk-spacing) * 2);
+    }
+  }
   .fk\:has-data-\[variant\=inset\]\:bg-sidebar {
     &:has(*[data-variant="inset"]) {
       background-color: hsl(var(--sidebar-background));
@@ -5048,6 +5317,18 @@
       gap: calc(var(--fk-spacing) * 2);
     }
   }
+  .fk\:has-\[\>a\,\>button\]\:hover\:bg-muted\/50 {
+    &:has(>a,>button) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: hsl(var(--muted));
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
   .fk\:has-\[\>button\]\:mr-\[-0\.4rem\] {
     &:has(>button) {
       margin-right: -0.4rem;
@@ -5472,6 +5753,20 @@
       max-width: var(--fk-container-xs);
     }
   }
+  .fk\:\*\:data-\[slot\=attachment\]\:flex-none {
+    :is(& > *) {
+      &[data-slot="attachment"] {
+        flex: none;
+      }
+    }
+  }
+  .fk\:\*\:data-\[slot\=attachment\]\:snap-start {
+    :is(& > *) {
+      &[data-slot="attachment"] {
+        scroll-snap-align: start;
+      }
+    }
+  }
   .fk\:\*\:data-\[slot\=avatar\]\:ring-2 {
     :is(& > *) {
       &[data-slot="avatar"] {
@@ -5560,6 +5855,16 @@
       }
     }
   }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\! {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      :is(& > *) {
+        &[data-slot="spinner"] {
+          width: calc(var(--fk-spacing) * 6) !important;
+          height: calc(var(--fk-spacing) * 6) !important;
+        }
+      }
+    }
+  }
   .fk\:data-\[spacing\=0\]\:rounded-none {
     &[data-spacing="0"] {
       border-radius: 0;
@@ -5723,6 +6028,20 @@
       --tw-exit-scale: .95;
     }
   }
+  .fk\:data-\[state\=error\]\:border-destructive\/30 {
+    &[data-state="error"] {
+      border-color: hsl(var(--destructive));
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent);
+      }
+    }
+  }
+  .fk\:data-\[state\=idle\]\:border-dashed {
+    &[data-state="idle"] {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
   .fk\:data-\[state\=on\]\:bg-accent {
     &[data-state="on"] {
       background-color: hsl(var(--accent));
@@ -6643,6 +6962,22 @@
       height: calc(var(--fk-spacing) * 4);
     }
   }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-6 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      & svg:not([class*=size-]) {
+        width: calc(var(--fk-spacing) * 6);
+        height: calc(var(--fk-spacing) * 6);
+      }
+    }
+  }
+  .fk\:group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 {
+    &:is(:where(.fk\:group\/attachment)[data-size="xs"] *) {
+      & svg:not([class*=size-]) {
+        width: calc(var(--fk-spacing) * 3.5);
+        height: calc(var(--fk-spacing) * 3.5);
+      }
+    }
+  }
   .fk\:\[\&_table\]\:w-full {
     & table {
       width: 100%;
@@ -6769,6 +7104,27 @@
       }
     }
   }
+  .fk\:\*\:\[img\]\:aspect-square {
+    :is(& > *) {
+      &:is(img) {
+        aspect-ratio: 1 / 1;
+      }
+    }
+  }
+  .fk\:\*\:\[img\]\:w-full {
+    :is(& > *) {
+      &:is(img) {
+        width: 100%;
+      }
+    }
+  }
+  .fk\:\*\:\[img\]\:object-cover {
+    :is(& > *) {
+      &:is(img) {
+        object-fit: cover;
+      }
+    }
+  }
   .fk\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\! {
     &[data-variant="destructive"] {
       :is(& > *) {
@@ -8016,6 +8372,11 @@ pre {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -8266,6 +8627,22 @@ pre {
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 }
+@keyframes scroll-fade-reveal-s {
+  from {
+    --scroll-fade-s: 0px;
+  }
+  to {
+    --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
+  }
+}
+@keyframes scroll-fade-reveal-e {
+  from {
+    --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
+  }
+  to {
+    --scroll-fade-e: 0px;
+  }
+}
 @keyframes tw-shimmer {
   from {
     background-position: 100% 0;
@@ -8317,6 +8694,7 @@ pre {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { gql } from '@apollo/client';
 import { UiSchema, ProjectSchemaResponse, UiEntity, UiAttribute, FieldGroup, AttributeOptions } from '@flexkit/schema';
 export { UiAttribute as Attribute, Config, Attribute as ConfigAttribute, Entity as ConfigEntity, DataType, DefaultValue, DefaultValueByDataType, UiEntity as Entity, EntityMenu, FieldGroup, MenuGroup, ProjectConfig, ProjectSchemaResponse, UiSchema as Schema, ScopeType, UiAttribute, UiEntity, UiProjectSchema, ZodValidation, defineConfig, defineEntity } from '@flexkit/schema';
 import { AgentChat, AgentChatMessage, AutomationApproval, AutomationMutationPolicy, AutomationToolAllowRule, AutomationRun } from '@flexkit/agent-protocol';
-export { AgentChat, AgentChatAttachment, AgentChatMessage, AgentChatMessageRole, AgentChatMessageStatus, AgentChatPart, AgentChatTurn, AutomationApproval, AutomationApprovalStatus, AutomationMutationPolicy, AutomationRun, AutomationRunStatus } from '@flexkit/agent-protocol';
+export { AgentChat, AgentChatAttachment, AgentChatFollowUp, AgentChatFollowUpDelivery, AgentChatFollowUpResult, AgentChatMessage, AgentChatMessageRole, AgentChatMessageStatus, AgentChatPart, AgentChatTurn, AutomationApproval, AutomationApprovalStatus, AutomationMutationPolicy, AutomationRun, AutomationRunStatus } from '@flexkit/agent-protocol';
 export { Outlet, useLocation, useParams } from 'react-router-dom';
 import { Control, UseFormSetValue, FieldValues } from 'react-hook-form';
 import { Column, Row, ColumnDef, Table, RowSelectionState, OnChangeFn, SortingState } from '@tanstack/react-table';