@flexkit/studio 0.0.18 → 0.0.19

package/dist/asset-TJGJREGN.js

@@ -0,0 +1,2 @@
+import'./index.css';export{a as Asset}from'./chunk-R4MPNNRN.js';import'./chunk-RMSYYUQM.js';import'./chunk-TMK5LKFR.js';import'./chunk-WIUPQHZ5.js';import'./chunk-AXB7FQV2.js';//# sourceMappingURL=asset-TJGJREGN.js.map
+//# sourceMappingURL=asset-TJGJREGN.js.map

package/dist/{asset-BDEGSRVW.js.map → asset-TJGJREGN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"asset-BDEGSRVW.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"asset-TJGJREGN.js"}

package/dist/chunk-6TSWBOSZ.js

@@ -0,0 +1,2 @@
+import'./index.css';import {a}from'./chunk-AXB7FQV2.js';import*as f from'react';import*as c from'@radix-ui/react-toggle';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';import*as s from'@radix-ui/react-toggle-group';import*as k from'@radix-ui/react-separator';var p=cva("fk-inline-flex fk-items-center fk-justify-center fk-rounded-md fk-text-sm fk-font-medium fk-ring-offset-background fk-transition-colors hover:fk-bg-muted hover:fk-text-muted-foreground focus-visible:fk-outline-none focus-visible:fk-ring-2 focus-visible:fk-ring-ring focus-visible:fk-ring-offset-2 disabled:fk-pointer-events-none disabled:fk-opacity-50 data-[state=on]:fk-bg-accent data-[state=on]:fk-text-accent-foreground",{variants:{variant:{default:"fk-bg-transparent",outline:"fk-border fk-border-input fk-bg-transparent hover:fk-bg-accent hover:fk-text-accent-foreground"},size:{default:"fk-h-10 fk-px-3",sm:"fk-h-9 fk-px-2.5",lg:"fk-h-11 fk-px-5"}},defaultVariants:{variant:"default",size:"default"}}),v=f.forwardRef(({className:t,variant:e,size:o,...r},l)=>jsx(c.Root,{className:a(p({variant:e,size:o,className:t})),ref:l,...r}));v.displayName=c.Root.displayName;var T=f.createContext({size:"default",variant:"default"}),P=f.forwardRef(({className:t,variant:e,size:o,children:r,...l},m)=>jsx(s.Root,{className:a("fk-flex fk-items-center fk-justify-center fk-gap-1",t),ref:m,...l,children:jsx(T.Provider,{value:{variant:e,size:o},children:r})}));P.displayName=s.Root.displayName;var N=f.forwardRef(({className:t,children:e,variant:o,size:r,...l},m)=>{let b=f.useContext(T);return jsx(s.Item,{className:a(p({variant:b.variant||o,size:b.size||r}),t),ref:m,...l,children:e})});N.displayName=s.Item.displayName;var h=f.forwardRef(({className:t,orientation:e="horizontal",decorative:o=true,...r},l)=>jsx(k.Root,{className:a("fk-shrink-0 fk-bg-border",e==="horizontal"?"fk-h-[1px] fk-w-full":"fk-h-full fk-w-[1px]",t),decorative:o,orientation:e,ref:l,...r}));h.displayName=k.Root.displayName;var x=f.forwardRef(({className:t,onScroll:e,...o},r)=>jsx("div",{className:"fk-relative fk-h-full fk-w-full fk-overflow-auto fk-rounded-md fk-border-border fk-border",onScroll:e,ref:r,children:jsx("table",{className:a("fk-w-full fk-caption-bottom fk-text-sm",t),...o})}));x.displayName="Table";var L=f.forwardRef(({className:t,...e},o)=>jsx("thead",{className:a("fk-sticky fk-z-[1] fk-top-0 fk-bg-background/90 fk-backdrop-blur-[1px] [&_tr]:fk-border-border [&_tr]:fk-border-b",t),ref:o,...e}));L.displayName="TableHeader";var M=f.forwardRef(({className:t,...e},o)=>jsx("tbody",{className:a("[&_tr:last-child]:fk-border-0",t),ref:o,...e}));M.displayName="TableBody";var w=f.forwardRef(({className:t,...e},o)=>jsx("tfoot",{className:a("fk-border-border fk-border-t fk-bg-muted/50 fk-font-medium [&>tr]:last:fk-border-b-0",t),ref:o,...e}));w.displayName="TableFooter";var E=f.forwardRef(({className:t,...e},o)=>jsx("tr",{className:a("fk-border-border fk-border-b fk-transition-colors hover:fk-bg-muted/50 data-[state=selected]:fk-bg-muted",t),ref:o,...e}));E.displayName="TableRow";var C=f.forwardRef(({className:t,style:e,...o},r)=>jsx("th",{className:a("fk-h-10 fk-px-4 fk-text-left fk-align-middle fk-font-medium fk-text-muted-foreground [&:has([role=checkbox])]:fk-pr-0",t),ref:r,...o,style:e}));C.displayName="TableHead";var G=f.forwardRef(({className:t,...e},o)=>jsx("td",{className:a("fk-px-4 fk-py-1 fk-align-middle [&:has([role=checkbox])]:fk-pr-0",t),ref:o,...e}));G.displayName="TableCell";var S=f.forwardRef(({className:t,...e},o)=>jsx("caption",{className:a("fk-mt-4 fk-text-sm fk-text-muted-foreground",t),ref:o,...e}));S.displayName="TableCaption";export{p as a,v as b,P as c,N as d,h as e,x as f,L as g,M as h,w as i,E as j,C as k,G as l,S as m};//# sourceMappingURL=chunk-6TSWBOSZ.js.map
+//# sourceMappingURL=chunk-6TSWBOSZ.js.map

package/dist/{chunk-5MTVN77Y.js.map → chunk-6TSWBOSZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/primitives/toggle.tsx","../src/ui/primitives/toggle-group.tsx","../src/ui/primitives/separator.tsx","../src/ui/primitives/table.tsx"],"names":["toggleVariants","cva","Toggle","g","className","variant","size","props","ref","jsx","cn","ToggleGroupContext","n","ToggleGroup","children","ToggleGroupItem","context","Separator","u","orientation","decorative","Table","onScroll","TableHeader","TableBody","TableFooter","TableRow","TableHead","style","TableCell","TableCaption"],"mappings":"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","file":"chunk-5MTVN77Y.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/utils';\n\nconst toggleVariants = cva(\n  'fk-inline-flex fk-items-center fk-justify-center fk-rounded-md fk-text-sm fk-font-medium fk-ring-offset-background fk-transition-colors hover:fk-bg-muted hover:fk-text-muted-foreground focus-visible:fk-outline-none focus-visible:fk-ring-2 focus-visible:fk-ring-ring focus-visible:fk-ring-offset-2 disabled:fk-pointer-events-none disabled:fk-opacity-50 data-[state=on]:fk-bg-accent data-[state=on]:fk-text-accent-foreground',\n  {\n    variants: {\n      variant: {\n        'default': 'fk-bg-transparent',\n        outline: 'fk-border fk-border-input fk-bg-transparent hover:fk-bg-accent hover:fk-text-accent-foreground',\n      },\n      size: {\n        'default': 'fk-h-10 fk-px-3',\n        sm: 'fk-h-9 fk-px-2.5',\n        lg: 'fk-h-11 fk-px-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root className={cn(toggleVariants({ variant, size, className }))} ref={ref} {...props} />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n","'use client';\n\nimport * as React from 'react';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/utils';\nimport { toggleVariants } from './toggle';\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    className={cn('fk-flex fk-items-center fk-justify-center fk-gap-1', className)}\n    ref={ref}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n));\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\nexport { ToggleGroup, ToggleGroupItem };\n","'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { cn } from 'src/ui/lib/utils';\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    className={cn(\n      'fk-shrink-0 fk-bg-border',\n      orientation === 'horizontal' ? 'fk-h-[1px] fk-w-full' : 'fk-h-full fk-w-[1px]',\n      className\n    )}\n    decorative={decorative}\n    orientation={orientation}\n    ref={ref}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n","import * as React from 'react';\nimport { cn } from 'src/ui/lib/utils';\n\nconst Table = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, onScroll, ...props }, ref) => (\n    <div\n      className=\"fk-relative fk-h-full fk-w-full fk-overflow-x-auto fk-rounded-md fk-border-border fk-border\"\n      onScroll={onScroll}\n      ref={ref}\n    >\n      <table className={cn('fk-w-full fk-caption-bottom fk-text-sm', className)} {...props} />\n    </div>\n  )\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead\n      className={cn(\n        'fk-sticky fk-z-[1] fk-top-0 fk-bg-background/90 fk-backdrop-blur-[1px] [&_tr]:fk-border-border [&_tr]:fk-border-border [&_tr]:fk-border-b',\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody className={cn('[&_tr:last-child]:fk-border-0', className)} ref={ref} {...props} />\n  )\n);\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      className={cn('fk-border-border fk-border-t fk-bg-muted/50 fk-font-medium [&>tr]:last:fk-border-b-0', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      className={cn(\n        'fk-border-border fk-border-b fk-transition-colors hover:fk-bg-muted/50 data-[state=selected]:fk-bg-muted',\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, style, ...props }, ref) => {\n    return (\n      <th\n        className={cn(\n          'fk-h-10 fk-px-4 fk-text-left fk-align-middle fk-font-medium fk-text-muted-foreground [&:has([role=checkbox])]:fk-pr-0',\n          className\n        )}\n        ref={ref}\n        {...props}\n        style={style}\n      />\n    );\n  }\n);\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, ...props }, ref) => (\n    <td\n      className={cn('fk-px-4 fk-py-1 fk-align-middle [&:has([role=checkbox])]:fk-pr-0', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption className={cn('fk-mt-4 fk-text-sm fk-text-muted-foreground', className)} ref={ref} {...props} />\n  )\n);\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"]}
+{"version":3,"sources":["../src/ui/primitives/toggle.tsx","../src/ui/primitives/toggle-group.tsx","../src/ui/primitives/separator.tsx","../src/ui/primitives/table.tsx"],"names":["toggleVariants","cva","Toggle","g","className","variant","size","props","ref","jsx","cn","ToggleGroupContext","n","ToggleGroup","children","ToggleGroupItem","context","Separator","u","orientation","decorative","Table","onScroll","TableHeader","TableBody","TableFooter","TableRow","TableHead","style","TableCell","TableCaption"],"mappings":"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","file":"chunk-6TSWBOSZ.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/utils';\n\nconst toggleVariants = cva(\n  'fk-inline-flex fk-items-center fk-justify-center fk-rounded-md fk-text-sm fk-font-medium fk-ring-offset-background fk-transition-colors hover:fk-bg-muted hover:fk-text-muted-foreground focus-visible:fk-outline-none focus-visible:fk-ring-2 focus-visible:fk-ring-ring focus-visible:fk-ring-offset-2 disabled:fk-pointer-events-none disabled:fk-opacity-50 data-[state=on]:fk-bg-accent data-[state=on]:fk-text-accent-foreground',\n  {\n    variants: {\n      variant: {\n        'default': 'fk-bg-transparent',\n        outline: 'fk-border fk-border-input fk-bg-transparent hover:fk-bg-accent hover:fk-text-accent-foreground',\n      },\n      size: {\n        'default': 'fk-h-10 fk-px-3',\n        sm: 'fk-h-9 fk-px-2.5',\n        lg: 'fk-h-11 fk-px-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root className={cn(toggleVariants({ variant, size, className }))} ref={ref} {...props} />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n","'use client';\n\nimport * as React from 'react';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/utils';\nimport { toggleVariants } from './toggle';\n\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    className={cn('fk-flex fk-items-center fk-justify-center fk-gap-1', className)}\n    ref={ref}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n));\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\nexport { ToggleGroup, ToggleGroupItem };\n","'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { cn } from 'src/ui/lib/utils';\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    className={cn(\n      'fk-shrink-0 fk-bg-border',\n      orientation === 'horizontal' ? 'fk-h-[1px] fk-w-full' : 'fk-h-full fk-w-[1px]',\n      className\n    )}\n    decorative={decorative}\n    orientation={orientation}\n    ref={ref}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n","import * as React from 'react';\nimport { cn } from 'src/ui/lib/utils';\n\nconst Table = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLTableElement>>(\n  ({ className, onScroll, ...props }, ref) => (\n    <div\n      className=\"fk-relative fk-h-full fk-w-full fk-overflow-auto fk-rounded-md fk-border-border fk-border\"\n      onScroll={onScroll}\n      ref={ref}\n    >\n      <table className={cn('fk-w-full fk-caption-bottom fk-text-sm', className)} {...props} />\n    </div>\n  )\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead\n      className={cn(\n        'fk-sticky fk-z-[1] fk-top-0 fk-bg-background/90 fk-backdrop-blur-[1px] [&_tr]:fk-border-border [&_tr]:fk-border-b',\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody className={cn('[&_tr:last-child]:fk-border-0', className)} ref={ref} {...props} />\n  )\n);\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      className={cn('fk-border-border fk-border-t fk-bg-muted/50 fk-font-medium [&>tr]:last:fk-border-b-0', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      className={cn(\n        'fk-border-border fk-border-b fk-transition-colors hover:fk-bg-muted/50 data-[state=selected]:fk-bg-muted',\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, style, ...props }, ref) => {\n    return (\n      <th\n        className={cn(\n          'fk-h-10 fk-px-4 fk-text-left fk-align-middle fk-font-medium fk-text-muted-foreground [&:has([role=checkbox])]:fk-pr-0',\n          className\n        )}\n        ref={ref}\n        {...props}\n        style={style}\n      />\n    );\n  }\n);\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\n  ({ className, ...props }, ref) => (\n    <td\n      className={cn('fk-px-4 fk-py-1 fk-align-middle [&:has([role=checkbox])]:fk-pr-0', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption className={cn('fk-mt-4 fk-text-sm fk-text-muted-foreground', className)} ref={ref} {...props} />\n  )\n);\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"]}

package/dist/chunk-R4MPNNRN.js

@@ -0,0 +1,2 @@
+import'./index.css';import {a,b as b$1,c,d as d$1,e}from'./chunk-RMSYYUQM.js';import {b}from'./chunk-TMK5LKFR.js';import {defaultStyles,FileIcon}from'react-file-icon';import {useMemo,useState,useEffect}from'react';import {jsx,jsxs}from'react/jsx-runtime';var _=250,I=25e5,i=new Map,v=new Map,w=new Set,A=new Map;function d(e){if(A.has(e))return;let t=new Image;t.decoding="async",t.src=e,A.set(e,t);}function g(e){let t=i.get(e);t&&i.set(e,{...t,lastUsedAt:Date.now()});}function j(){if(i.size<=_)return;let e=Array.from(i.entries()).sort((n,r)=>n[1].lastUsedAt-r[1].lastUsedAt),t=Math.max(1,Math.ceil(_*.1));for(let n=0;n<t&&n<e.length;n+=1){let[r,o]=e[n];i.delete(r),URL.revokeObjectURL(o.objectUrl);}}async function N(e){if(w.has(e)){d(e);return}if(i.has(e)){g(e);return}let t=v.get(e);if(t){await t;return}let n=(async()=>{try{let r=await fetch(e,{mode:"cors",cache:"force-cache"});if(!r.ok){d(e);return}let o=await r.blob();if(o.size>I)return;let a=URL.createObjectURL(o);i.set(e,{objectUrl:a,byteSize:o.size,lastUsedAt:Date.now()}),j();}catch(r){r instanceof TypeError&&w.add(e),d(e);}})();v.set(e,n),await n,v.delete(e);}function U(e){let t=useMemo(()=>{if(!e)return null;let o=i.get(e);return o?(g(e),o.objectUrl):null},[e]),[n,r]=useState(t);return useEffect(()=>{if(!e){r(null);return}if(w.has(e)){d(e),r(null);return}let o=i.get(e);if(o){g(e),r(o.objectUrl);return}r(null);let a=false;return N(e).then(()=>{let f=i.get(e);f&&(a||(g(e),r(f.objectUrl)));}),()=>{a=true;}},[e]),n}var x="fk-bg-[#fafafa] [--asset-checker:#f0f0f0] [background-image:linear-gradient(45deg,var(--asset-checker)_25%,transparent_25%),linear-gradient(-45deg,var(--asset-checker)_25%,transparent_25%),linear-gradient(45deg,transparent_75%,var(--asset-checker)_75%),linear-gradient(-45deg,transparent_75%,var(--asset-checker)_75%)] [background-position:0_0,0_4px,4px_-4px,-4px_0px] [background-size:8px_8px] dark:fk-bg-[#222] dark:[--asset-checker:#2a2a2a]";function G({value:e}){return Array.isArray(e)?jsx(z,{value:e}):jsx(M,{value:e})}function M({value:e$1}){let t=e$1?.path??"",n=!!t,r=n&&/\.(png|jpe?g|gif|webp|avif|svg)$/i.test(t),o=l=>{let[u]=l.split("?"),y=u.split(".");return y.length>1?y.pop().toLowerCase():"file"},a$1=n?t.endsWith(".svg")?`${b}${t}`:`${b}${t}?w=84&h=84&f=webp`:null,f=n?t.endsWith(".svg")?`${b}${t}`:`${b}${t}?w=624&h=624&f=webp`:"",S=U(a$1);return n?jsx("div",{className:"fk-z-10",children:jsx(a,{children:r?jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx("img",{alt:"asset",className:`fk-w-7 fk-h-7 fk-cursor-zoom-in fk-overflow-hidden fk-rounded-md fk-object-contain ${x}`,decoding:"async",src:S??void 0})}),jsx(d$1,{children:jsx(e,{children:jsx("img",{alt:"asset",className:`fk-w-52 fk-h-52 fk-overflow-hidden fk-rounded-md fk-object-contain ${x}`,decoding:"async",src:f})})})]}):jsxs(b$1,{children:[jsx(c,{asChild:true,children:jsx("div",{className:"fk-w-7 fk-h-7 fk-rounded fk-bg-transparent fk-flex fk-items-center fk-justify-center [&>svg]:fk-h-full [&>svg]:fk-w-auto",children:(()=>{let l=o(t),u=defaultStyles[l];return jsx(FileIcon,{extension:l,...u||{}})})()})}),jsx(d$1,{children:jsx(e,{children:jsx("div",{className:"fk-text-sm fk-text-muted-foreground",children:"Preview not available"})})})]})})}):null}function z({value:e}){let t=e.filter(n=>!!n.path).slice(0,3);return t.length===0?null:jsxs("div",{className:"fk-flex fk-items-center",children:[jsx("div",{className:"fk-flex -fk-space-x-2",children:t.map(n=>jsx("img",{alt:"asset",className:`fk-h-7 fk-w-7 fk-overflow-hidden fk-rounded-md fk-object-contain ${x}`,decoding:"async",src:`${b}${n.path}?w=84&h=84&f=webp`},n._id))}),e.length>3?jsxs("span",{className:"fk-ml-2 fk-text-xs fk-text-muted-foreground",children:["+",e.length-3]}):null]})}export{G as a};//# sourceMappingURL=chunk-R4MPNNRN.js.map
+//# sourceMappingURL=chunk-R4MPNNRN.js.map

package/dist/chunk-R4MPNNRN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/hooks/use-cached-image-src.ts","../src/data-grid/preview-components/asset.tsx"],"names":["MAX_CACHE_ENTRIES","MAX_SINGLE_BLOB_BYTES","blobUrlCache","inFlightLoads","corsBlockedUrls","preloadedImages","ensurePreloaded","url","img","touch","entry","evictIfNeeded","entries","a","b","evictCount","i","loadToCache","existing","promise","res","blob","objectUrl","err","useCachedImageSrc","initial","useMemo","cached","src","setSrc","useState","useEffect","isStale","next","transparentImageBackground","Asset","value","jsx","AssetStack","SingleAsset","path","hasPath","isImage","getExtensionFromPath","p","clean","parts","thumbnaillUrl","IMAGES_BASE_URL","fullUrl","cachedThumbnailSrc","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipPortal","TooltipContent","ext","style","defaultStyles","FileTypeIcon","assets","asset"],"mappings":"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","file":"chunk-R4MPNNRN.js","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\ntype CacheEntry = {\n  objectUrl: string;\n  byteSize: number;\n  lastUsedAt: number;\n};\n\nconst MAX_CACHE_ENTRIES = 250;\nconst MAX_SINGLE_BLOB_BYTES = 2_500_000; // ~2.5MB\n\nconst blobUrlCache = new Map<string, CacheEntry>();\nconst inFlightLoads = new Map<string, Promise<void>>();\nconst corsBlockedUrls = new Set<string>();\nconst preloadedImages = new Map<string, HTMLImageElement>();\n\nfunction ensurePreloaded(url: string): void {\n  if (preloadedImages.has(url)) {\n    return;\n  }\n\n  const img = new Image();\n  img.decoding = 'async';\n  img.src = url;\n  preloadedImages.set(url, img);\n}\n\nfunction touch(url: string): void {\n  const entry = blobUrlCache.get(url);\n\n  if (!entry) {\n    return;\n  }\n\n  blobUrlCache.set(url, { ...entry, lastUsedAt: Date.now() });\n}\n\nfunction evictIfNeeded(): void {\n  if (blobUrlCache.size <= MAX_CACHE_ENTRIES) {\n    return;\n  }\n\n  const entries = Array.from(blobUrlCache.entries()).sort((a, b) => a[1].lastUsedAt - b[1].lastUsedAt);\n  const evictCount = Math.max(1, Math.ceil(MAX_CACHE_ENTRIES * 0.1));\n\n  for (let i = 0; i < evictCount && i < entries.length; i += 1) {\n    const [url, entry] = entries[i];\n    blobUrlCache.delete(url);\n\n    URL.revokeObjectURL(entry.objectUrl);\n  }\n}\n\nasync function loadToCache(url: string): Promise<void> {\n  if (corsBlockedUrls.has(url)) {\n    ensurePreloaded(url);\n\n    return;\n  }\n\n  if (blobUrlCache.has(url)) {\n    touch(url);\n\n    return;\n  }\n\n  const existing = inFlightLoads.get(url);\n\n  if (existing) {\n    await existing;\n\n    return;\n  }\n\n  const promise = (async () => {\n    try {\n      const res = await fetch(url, {\n        mode: 'cors',\n        cache: 'force-cache',\n      });\n\n      if (!res.ok) {\n        ensurePreloaded(url);\n\n        return;\n      }\n\n      const blob = await res.blob();\n\n      if (blob.size > MAX_SINGLE_BLOB_BYTES) {\n        return;\n      }\n\n      const objectUrl = URL.createObjectURL(blob);\n      blobUrlCache.set(url, { objectUrl, byteSize: blob.size, lastUsedAt: Date.now() });\n      evictIfNeeded();\n    } catch (err: unknown) {\n      // Most common failure is CORS (TypeError: Failed to fetch). If so, avoid retrying.\n      if (err instanceof TypeError) {\n        corsBlockedUrls.add(url);\n      }\n\n      ensurePreloaded(url);\n    }\n  })();\n\n  inFlightLoads.set(url, promise);\n\n  await promise;\n\n  inFlightLoads.delete(url);\n}\n\n/**\n * Keeps a stable, in-memory cached image src across virtualized unmount/remount cycles.\n * Falls back to the original URL if the image can’t be fetched (e.g. due to CORS).\n */\nexport function useCachedImageSrc(url: string | null | undefined): string | null {\n  const initial = useMemo(() => {\n    if (!url) {\n      return null;\n    }\n\n    const cached = blobUrlCache.get(url);\n\n    if (!cached) {\n      return null;\n    }\n\n    touch(url);\n\n    return cached.objectUrl;\n  }, [url]);\n\n  const [src, setSrc] = useState<string | null>(initial);\n\n  useEffect(() => {\n    if (!url) {\n      setSrc(null);\n\n      return;\n    }\n\n    if (corsBlockedUrls.has(url)) {\n      ensurePreloaded(url);\n      setSrc(null);\n\n      return;\n    }\n\n    const cached = blobUrlCache.get(url);\n\n    if (cached) {\n      touch(url);\n      setSrc(cached.objectUrl);\n\n      return;\n    }\n\n    setSrc(null);\n    let isStale = false;\n\n    loadToCache(url).then(() => {\n      const next = blobUrlCache.get(url);\n\n      if (!next) {\n        return;\n      }\n\n      if (isStale) {\n        return;\n      }\n\n      touch(url);\n      setSrc(next.objectUrl);\n    });\n\n    return () => {\n      isStale = true;\n    };\n  }, [url]);\n\n  return src;\n}\n","import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from '../../ui/primitives/tooltip';\nimport { IMAGES_BASE_URL } from '../../core/api-paths';\nimport { FileIcon as FileTypeIcon, defaultStyles } from 'react-file-icon';\nimport { useCachedImageSrc } from '../../ui/hooks/use-cached-image-src';\n\nexport type Asset = {\n  _id: string;\n  path: string;\n};\n\nconst transparentImageBackground =\n  'fk-bg-[#fafafa] [--asset-checker:#f0f0f0] [background-image:linear-gradient(45deg,var(--asset-checker)_25%,transparent_25%),linear-gradient(-45deg,var(--asset-checker)_25%,transparent_25%),linear-gradient(45deg,transparent_75%,var(--asset-checker)_75%),linear-gradient(-45deg,transparent_75%,var(--asset-checker)_75%)] [background-position:0_0,0_4px,4px_-4px,-4px_0px] [background-size:8px_8px] dark:fk-bg-[#222] dark:[--asset-checker:#2a2a2a]';\n\nexport function Asset({ value }: { value: Asset | Asset[] }) {\n  if (Array.isArray(value)) {\n    return <AssetStack value={value} />;\n  }\n\n  return <SingleAsset value={value} />;\n}\n\nfunction SingleAsset({ value }: { value: Asset }) {\n  const path = value?.path ?? '';\n  const hasPath = Boolean(path);\n  const isImage = hasPath && /\\.(png|jpe?g|gif|webp|avif|svg)$/i.test(path);\n\n  const getExtensionFromPath = (p: string): string => {\n    const [clean] = p.split('?');\n    const parts = clean.split('.');\n\n    if (parts.length > 1) {\n      return parts.pop()!.toLowerCase();\n    }\n\n    return 'file';\n  };\n\n  const thumbnaillUrl = hasPath\n    ? path.endsWith('.svg')\n      ? `${IMAGES_BASE_URL}${path}`\n      : `${IMAGES_BASE_URL}${path}?w=84&h=84&f=webp`\n    : null;\n\n  const fullUrl = hasPath\n    ? path.endsWith('.svg')\n      ? `${IMAGES_BASE_URL}${path}`\n      : `${IMAGES_BASE_URL}${path}?w=624&h=624&f=webp`\n    : '';\n\n  const cachedThumbnailSrc = useCachedImageSrc(thumbnaillUrl);\n\n  if (!hasPath) {\n    return null;\n  }\n\n  return (\n    <div className=\"fk-z-10\">\n      <TooltipProvider>\n        {isImage ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <img\n                alt=\"asset\"\n                className={`fk-w-7 fk-h-7 fk-cursor-zoom-in fk-overflow-hidden fk-rounded-md fk-object-contain ${transparentImageBackground}`}\n                decoding=\"async\"\n                src={cachedThumbnailSrc ?? undefined}\n              />\n            </TooltipTrigger>\n            <TooltipPortal>\n              <TooltipContent>\n                <img\n                  alt=\"asset\"\n                  className={`fk-w-52 fk-h-52 fk-overflow-hidden fk-rounded-md fk-object-contain ${transparentImageBackground}`}\n                  decoding=\"async\"\n                  src={fullUrl}\n                />\n              </TooltipContent>\n            </TooltipPortal>\n          </Tooltip>\n        ) : (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <div className=\"fk-w-7 fk-h-7 fk-rounded fk-bg-transparent fk-flex fk-items-center fk-justify-center [&>svg]:fk-h-full [&>svg]:fk-w-auto\">\n                {(() => {\n                  const ext = getExtensionFromPath(path);\n                  const style = (\n                    defaultStyles as Record<string, Record<string, string | number | boolean | undefined>>\n                  )[ext];\n\n                  return <FileTypeIcon extension={ext} {...(style || {})} />;\n                })()}\n              </div>\n            </TooltipTrigger>\n            <TooltipPortal>\n              <TooltipContent>\n                <div className=\"fk-text-sm fk-text-muted-foreground\">Preview not available</div>\n              </TooltipContent>\n            </TooltipPortal>\n          </Tooltip>\n        )}\n      </TooltipProvider>\n    </div>\n  );\n}\n\nfunction AssetStack({ value }: { value: Asset[] }): JSX.Element | null {\n  const assets = value.filter((asset) => Boolean(asset.path)).slice(0, 3);\n\n  if (assets.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"fk-flex fk-items-center\">\n      <div className=\"fk-flex -fk-space-x-2\">\n        {assets.map((asset) => (\n          <img\n            alt=\"asset\"\n            className={`fk-h-7 fk-w-7 fk-overflow-hidden fk-rounded-md fk-object-contain ${transparentImageBackground}`}\n            decoding=\"async\"\n            key={asset._id}\n            src={`${IMAGES_BASE_URL}${asset.path}?w=84&h=84&f=webp`}\n          />\n        ))}\n      </div>\n      {value.length > 3 ? (\n        <span className=\"fk-ml-2 fk-text-xs fk-text-muted-foreground\">+{value.length - 3}</span>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/index.css

@@ -1868,6 +1868,10 @@ body{
   height: 20px;
 }
 
+.fk-h-\[28rem\]{
+  height: 28rem;
+}
+
 .fk-h-\[30vh\]{
   height: 30vh;
 }
@@ -1880,6 +1884,10 @@ body{
   height: calc(100svh - 3.5rem);
 }
 
+.fk-h-\[calc\(100vh-10rem\)\]{
+  height: calc(100vh - 10rem);
+}
+
 .fk-h-\[calc\(100vh-3rem\)\]{
   height: calc(100vh - 3rem);
 }
@@ -1940,6 +1948,10 @@ body{
   min-height: 0px;
 }
 
+.fk-min-h-9{
+  min-height: 2.25rem;
+}
+
 .fk-min-h-\[150px\]{
   min-height: 150px;
 }
@@ -1960,10 +1972,6 @@ body{
   min-height: 80px;
 }
 
-.fk-min-h-full{
-  min-height: 100%;
-}
-
 .fk-w-1\.5{
   width: 0.375rem;
 }
@@ -2326,6 +2334,10 @@ body{
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+.fk-grid-cols-\[repeat\(auto-fill\,minmax\(8rem\,1fr\)\)\]{
+  grid-template-columns: repeat(auto-fill,minmax(8rem,1fr));
+}
+
 .fk-flex-row{
   flex-direction: row;
 }
@@ -2382,6 +2394,10 @@ body{
   gap: 0.625rem;
 }
 
+.fk-gap-3{
+  gap: 0.75rem;
+}
+
 .fk-gap-4{
   gap: 1rem;
 }
@@ -2395,6 +2411,12 @@ body{
   row-gap: 1.25rem;
 }
 
+.-fk-space-x-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .fk-space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -2437,12 +2459,6 @@ body{
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
-.fk-space-y-4 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-}
-
 .fk-space-y-6 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2465,10 +2481,6 @@ body{
   overflow: visible;
 }
 
-.fk-overflow-x-auto{
-  overflow-x: auto;
-}
-
 .fk-overflow-y-auto{
   overflow-y: auto;
 }
@@ -2635,6 +2647,11 @@ body{
   background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
 }
 
+.fk-bg-\[\#fafafa\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
+
 .fk-bg-accent{
   background-color: hsl(var(--accent));
 }
@@ -2743,6 +2760,16 @@ body{
   background-color: transparent;
 }
 
+.fk-object-contain{
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.fk-object-cover{
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
 .fk-object-scale-down{
   -o-object-fit: scale-down;
      object-fit: scale-down;
@@ -2902,6 +2929,10 @@ body{
   padding-left: 0.75rem;
 }
 
+.fk-pl-4{
+  padding-left: 1rem;
+}
+
 .fk-pl-8{
   padding-left: 2rem;
 }
@@ -2918,6 +2949,10 @@ body{
   padding-right: 0.5rem;
 }
 
+.fk-pr-3{
+  padding-right: 0.75rem;
+}
+
 .fk-pr-4{
   padding-right: 1rem;
 }
@@ -2926,6 +2961,10 @@ body{
   padding-right: 1.5rem;
 }
 
+.fk-pr-9{
+  padding-right: 2.25rem;
+}
+
 .fk-pt-0\.5{
   padding-top: 0.125rem;
 }
@@ -3382,10 +3421,26 @@ body{
   animation-timing-function: linear;
 }
 
+.\[--asset-checker\:\#f0f0f0\]{
+  --asset-checker: #f0f0f0;
+}
+
 .\[--cell-size\:2rem\]{
   --cell-size: 2rem;
 }
 
+.\[background-image\:linear-gradient\(45deg\2c var\(--asset-checker\)_25\%\2c transparent_25\%\)\2c linear-gradient\(-45deg\2c var\(--asset-checker\)_25\%\2c transparent_25\%\)\2c linear-gradient\(45deg\2c transparent_75\%\2c var\(--asset-checker\)_75\%\)\2c linear-gradient\(-45deg\2c transparent_75\%\2c var\(--asset-checker\)_75\%\)\]{
+  background-image: linear-gradient(45deg,var(--asset-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--asset-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--asset-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--asset-checker) 75%);
+}
+
+.\[background-position\:0_0\2c 0_4px\2c 4px_-4px\2c -4px_0px\]{
+  background-position: 0 0,0 4px,4px -4px,-4px 0px;
+}
+
+.\[background-size\:8px_8px\]{
+  background-size: 8px 8px;
+}
+
 .\[fk-animation-delay\:-0\.15s\]{
   fk-animation-delay: -0.15s;
 }
@@ -4595,6 +4650,11 @@ pre {
   color: hsl(var(--sidebar-accent-foreground));
 }
 
+.dark\:fk-bg-\[\#222\]:is([style="color-scheme: dark;"] *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
+}
+
 .dark\:fk-text-background:is([style="color-scheme: dark;"] *){
   color: hsl(var(--background));
 }
@@ -4608,6 +4668,10 @@ pre {
   color: rgb(255 255 255 / 0.9);
 }
 
+.dark\:\[--asset-checker\:\#2a2a2a\]:is([style="color-scheme: dark;"] *){
+  --asset-checker: #2a2a2a;
+}
+
 .dark\:hover\:fk-bg-red-800:hover:is([style="color-scheme: dark;"] *){
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as React$1 from 'react';
 import React__default, { Dispatch, SetStateAction, UIEvent, ReactElement } from 'react';
-import { A as AppContextType, a as ActionSetRelationship, b as ActionSetScope, C as Config, c as AppOptions, E as Entity, P as PluginOptions, d as ProjectOptions, e as SearchRequestProps, f as SearchResultItem, U as UseEntityQueryParams, M as MappedEntityItem, F as FormEntityItem, I as ImageValue, g as Schema, h as EntityData, i as AttributeValue, j as Attribute, k as MultipleRelationshipConnection } from './types.d-D7S0yibv.js';
-export { D as DataType, l as FormFieldParams, m as FormFieldProps, n as FormFieldValue, L as LogoProps, o as ScopeType, S as SingleProject } from './types.d-D7S0yibv.js';
+import { A as AppContextType, a as ActionSetRelationship, b as ActionSetScope, C as Config, c as AppOptions, E as Entity, P as PluginOptions, d as ProjectOptions, O as OrderedAssetValue, e as SearchRequestProps, f as SearchResultItem, U as UseEntityQueryParams, M as MappedEntityItem, F as FormEntityItem, I as ImageValue, g as Schema, h as EntityData, i as AttributeValue, j as Attribute, k as MultipleRelationshipConnection, l as SingleRelationshipConnection } from './types.d-DLhjvcTC.js';
+export { D as DataType, m as FormFieldParams, n as FormFieldProps, o as FormFieldValue, L as LogoProps, p as ScopeType, S as SingleProject } from './types.d-DLhjvcTC.js';
 export { Outlet, useLocation, useParams } from 'react-router-dom';
-import { DocumentNode, ErrorLike } from '@apollo/client';
+import { OperationVariables, DocumentNode, ErrorLike } from '@apollo/client';
 export { gql } from '@apollo/client';
 import { Column, Row, ColumnDef, Table, RowSelectionState } from '@tanstack/react-table';
 export { ColumnDef, ColumnFiltersState, Table as ReactTable, Row, RowSelectionState, SortingState, TableMeta, Updater, VisibilityState, flexRender, getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
@@ -60,13 +60,17 @@ type UploadedFileResult = {
     width?: number;
     height?: number;
 };
+type UploadedAssetResult = UploadedFileResult & {
+    asset: OrderedAssetValue;
+    _id: string;
+};
 type OpenFileDialogAndUploadOptions = {
     projectId: string | undefined;
     accept?: string;
     multiple?: boolean;
     maxBytes?: number;
 };
-declare function useUploadAssets(): (options: OpenFileDialogAndUploadOptions) => Promise<UploadedFileResult[]>;
+declare function useUploadAssets(): (options: OpenFileDialogAndUploadOptions) => Promise<UploadedAssetResult[]>;
 
 declare function ProjectDisabled(): JSX.Element;
 
@@ -113,7 +117,7 @@ type Props$1 = {
 declare function DefaultValueSwitch({ scope, checked, onChange }: Props$1): JSX.Element | null;
 
 type FetchMoreOptions = {
-    variables: {
+    variables: OperationVariables & {
         options: {
             offset: number;
             limit: number;
@@ -127,6 +131,7 @@ declare function useEntityQuery({ entityNamePlural, schema, scope, variables, is
     isLoading: boolean;
     isProjectDisabled: boolean;
     isProjectReadOnly: boolean;
+    schemaErrorMessage: string | null;
 };
 
 type EntityMutationResponse = [
@@ -249,8 +254,11 @@ type ActionEditRelationship = {
         connectionName?: string;
         entityId?: string;
         entityName: string;
+        initialAssetPath?: string;
+        initialConnection?: SingleRelationshipConnection;
         relationshipId: string;
         mode: 'single' | 'multiple';
+        assetAccept?: string;
     };
 };
 type ActionDeleteEntity = {