hunk.code_window: 					return stringify(value);
   				}
   			}
   		],
   		[explorerStore.cutCopyState]
   	);
   	const table = useReactTable({
   		data: useMemo(() => explorer.items ?? [], [explorer.items]),
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit: 		[explorerStore.cutCopyState, isEphemeralLocation]
  
hunk.file_path: interface/app/$libraryId/Explorer/View/ListView/util/table.tsx
hunk.type: replace
file: import { Meta } from '@storybook/react';
  
  import { Button } from './Button';
  
  const meta: Meta<typeof Button> = {
  	title: 'Button',
  	component: Button,
  	argTypes: {},
  	parameters: {
  		backgrounds: {
  			default: 'dark'
  		}
  	},
  	args: {
  		children: 'Button'
  	}
  };
  
  export default meta;
  
  type ButtonVariant = 'accent' | 'default' | 'colored' | 'dotted' | 'gray' | 'outline' | 'subtle';
  
  export const AllVariants = () => {
  	const buttonVariants: ButtonVariant[] = [
  		'accent',
  		'default',
  		'colored',
  		'dotted',
  		'gray',
  		'outline',
  		'subtle'
  	];
  	return (
  		<div className="h-screen w-full bg-app p-10">
  			<h1 className="text-[20px] font-bold text-white">Buttons</h1>
  			<div className="mb-6 ml-[90px] mt-5 flex flex-col gap-8 text-sm">
  				<div className="ml-[100px] grid w-full max-w-[850px] grid-cols-9 items-center gap-6">
  					{buttonVariants.map((variant) => (
  						<p key={variant} className="text-white/80">
  							{variant}
  						</p>
  					))}
  				</div>
  				<div className="grid w-full max-w-[850px] grid-cols-9 items-center gap-6">
  					<h1 className="text-[14px] font-bold text-white">Regular</h1>
  					{buttonVariants.map((variant) => (
  						<Button key={variant} variant={variant}>
  							Button
  						</Button>
  					))}
  				</div>
  				<div className="grid w-full max-w-[850px] grid-cols-9 items-center gap-6">
  					<h1 className="text-[14px] font-bold text-white">Hovered</h1>
  					{buttonVariants.map((variant) => (
  						<Button key={variant} className="sb-pseudo--hover" variant={variant}>
  							Button
  						</Button>
  					))}
  				</div>
  
  				<div className="grid w-full max-w-[850px] grid-cols-9 items-center gap-6">
  					<h1 className="text-[14px] font-bold text-white">Focused</h1>
  					{buttonVariants.map((variant) => (
  						<Button key={variant} className="sb-pseudo--focus" variant={variant}>
  							Button
  						</Button>
  					))}
  				</div>
  			</div>
  		</div>
  	);
  };
  