@catalystsoftware/ui 1.0.15 → 1.0.16

package/dist/components/catalyst-ui/data/crm-data.tsx

@@ -11,7 +11,7 @@ export const crmTools = [
         tags: ["ui", "components", "interactive"],
         features: ["Responsive", "TypeScript", "Accessible"],
         dependencies: ["react", "lucide-react", "@remix-run", "@monaco-editor"],
-        basicusage: `
+        basicusage: `
 <ScriptsEditor />`,
         usage: null,
         usagePath: null,
@@ -31,7 +31,7 @@ export const crmTools = [
         tags: ["ui", "components", "interactive"],
         features: ["Responsive", "TypeScript", "Accessible"],
         dependencies: ["react", "lucide-react", "@remix-run"],
-        basicusage: `
+        basicusage: `
 <ScriptsViewer />`,
         usage: null,
         usagePath: null,

package/dist/components/catalyst-ui/data/forms-data.tsx

@@ -1145,7 +1145,7 @@ export default function InputMaskDemo() {
         source: null,
         usagePath: "/components/catalyst-ui/components/input-text.tsx",
         usage: `\n\n\nfunction FullExample() {\n  const [value, setValue] = React.useState('');\n  const [email, setEmail] = React.useState('');\n\n  return (\n    <div className=\"space-y-4 p-4\">\n      {/* Basic Usage */}\n      <div>\n        <label className=\"block text-sm font-medium mb-2\">Basic Input</label>\n        <InputText\n          placeholder=\"Enter your name\"\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n        />\n      </div>\n\n      {/* With All Props */}\n      <div>\n        <label className=\"block text-sm font-medium mb-2\">Email Input</label>\n        <InputText\n          type=\"email\"\n          variant=\"filled\"\n          size=\"lg\"\n          placeholder=\"Enter your email\"\n          value={email}\n          onChange={(e) => setEmail(e.target.value)}\n          invalid={email && !email.includes('@')}\n          disabled={false}\n          className=\"w-full\"\n        />\n        {email && !email.includes('@') && (\n          <p className=\"text-destructive text-sm mt-1\">Please enter a valid email</p>\n        )}\n      </div>\n\n      {/* Different Sizes */}\n      <div className=\"flex gap-2\">\n        <InputText size=\"sm\" placeholder=\"Small\" />\n        <InputText size=\"default\" placeholder=\"Default\" />\n        <InputText size=\"lg\" placeholder=\"Large\" />\n      </div>\n\n      {/* States */}\n      <div className=\"flex gap-2\">\n        <InputText placeholder=\"Normal\" />\n        <InputText disabled placeholder=\"Disabled\" />\n        <InputText invalid placeholder=\"Invalid\" />\n      </div>\n    </div>\n  );\n}`,
-        premium: true,
+        premium: false,
         category: "Forms",
         tags: ["ui", "components", "form", "input"],
         features: ["Variants", "Sizes", "Validation", "Accessible"],
@@ -2273,8 +2273,8 @@ export function StepFormDemo() {
     {
         name: "Forms",
         value: "form",
-        importPath: "~/components/catalyst-ui/forms/form",
-        path: "/components/catalyst-ui/forms/form.tsx",
+        importPath: "~/components/catalyst-ui/components/form-layout/form",
+        path: "/components/catalyst-ui/components/form.tsx",
         premium: false,
         source: null,
         category: "Forms",
@@ -4615,10 +4615,10 @@ export const compsChoiceComps = [
     {
         name: "Toggle Class",
         value: "toggle-class",
-        importPath: "~/components/catalyst-ui/forms/toggle-class",
+        importPath: "~/components/catalyst-ui/components/toggle-class",
         multiImport: null,
         basicusage: `\n\n\nfunction BasicExample() {\n  return (\n    <div>\n      <ToggleClass toggleClassName=\"hidden\">\n        <button className=\"bg-blue-500 text-white px-4 py-2 rounded\">\n          Toggle Element\n        </button>\n      </ToggleClass>\n      <div className=\"hidden p-4 bg-gray-100 mt-2\">\n        This element will be toggled\n      </div>\n    </div>\n  );\n}`,
-        path: "/components/catalyst-ui/forms/toggle-class.tsx",
+        path: "/components/catalyst-ui/components/toggle-class.tsx",
         source: null,
         usagePath: "/components/catalyst-ui/components/toggle-class.tsx",
         usage: `\n\n\n\n\nfunction FullExample() {\n  const customRef = useRef(null);\n  \n  return (\n    <div className=\"space-y-6 p-4\">\n      {/* Basic Toggle */}\n      <div>\n        <h3 className=\"font-medium mb-2\">Basic Toggle</h3>\n        <ToggleClass toggleClassName=\"hidden\">\n          <Button>Toggle Visibility</Button>\n        </ToggleClass>\n        <div className=\"hidden p-4 bg-gray-100 mt-2 rounded\">\n          Toggle me with the button above\n        </div>\n      </div>\n\n      {/* Enter/Leave Animation */}\n      <div>\n        <h3 className=\"font-medium mb-2\">Enter/Leave Animation</h3>\n        <ToggleClass\n          variant=\"enter-leave\"\n          enterClassName=\"opacity-0 scale-95\"\n          enterActiveClassName=\"transition-all duration-300\"\n          enterToClassName=\"opacity-100 scale-100\"\n          leaveClassName=\"opacity-100 scale-100\"\n          leaveActiveClassName=\"transition-all duration-300\"\n          leaveToClassName=\"opacity-0 scale-95\"\n          hideOnOutsideClick\n        >\n          <Button>Animate Menu</Button>\n        </ToggleClass>\n        <div className=\"hidden p-4 bg-blue-100 mt-2 rounded\">\n          This animates in and out with fade and scale\n        </div>\n      </div>\n\n      {/* Custom Selector */}\n      <div>\n        <h3 className=\"font-medium mb-2\">Custom Selector</h3>\n        <ToggleClass \n          selector=\"@parent\" \n          toggleClassName=\"bg-green-200 border-green-500\"\n        >\n          <Button>Toggle Parent Styling</Button>\n        </ToggleClass>\n      </div>\n\n      {/* With External Ref */}\n      <div>\n        <h3 className=\"font-medium mb-2\">External Ref</h3>\n        <Button ref={customRef}>\n          External Ref Button\n        </Button>\n        <ToggleClass \n          nodeRef={customRef} \n          toggleClassName=\"hidden\"\n        >\n          <span></span>\n        </ToggleClass>\n        <div className=\"hidden p-4 bg-yellow-100 mt-2 rounded\">\n          Controlled by external ref\n        </div>\n      </div>\n\n      {/* Different Selectors */}\n      <div className=\"space-y-2\">\n        <h3 className=\"font-medium\">Selector Examples</h3>\n        <ToggleClass selector=\"@next\">\n          <Button size=\"sm\">Toggle Next (@next)</Button>\n        </ToggleClass>\n        <div className=\"hidden p-2 bg-gray-100\">Next sibling</div>\n        \n        <ToggleClass selector=\"@prev\">\n          <Button size=\"sm\">Toggle Previous (@prev)</Button>\n        </ToggleClass>\n        \n        <ToggleClass selector=\".custom-target\">\n          <Button size=\"sm\">Toggle by Class</Button>\n        </ToggleClass>\n        <div className=\"custom-target hidden p-2 bg-purple-100\">Custom target</div>\n      </div>\n    </div>\n  );\n}`,

package/dist/components/catalyst-ui/data/media-data.tsx

@@ -500,10 +500,73 @@ export const componentsMedia = [
     {
         name: "Iframe",
         value: "iframe",
-        importPath: "~/components/catalyst-ui/core/components/iframe",
+        importPath: "~/components/catalyst-ui/media/iframe",
         multiImport: 'Iframe, iframeVariants',
-        path: "/components/catlyst-ui/core/components/iframe.tsx",
+        path: "/components/catlyst-ui/media/iframe.tsx",
         premium: false,
+        source: `
+	
+	
+	
+	
+	const iframeVariants = cva(
+	  "border-0 w-full transition-all duration-200",
+	  {
+		variants: {
+		  variant: {
+			default: "bg-background",
+			bordered: "border border-border rounded-md",
+			shadow: "shadow-md rounded-md",
+			elevated: "shadow-lg rounded-lg border border-border",
+			ghost: "shadow-none border-0"
+		  },
+		  size: {
+			xs: "h-48",
+			sm: "h-64",
+			md: "h-96",
+			lg: "h-[32rem]",
+			xl: "h-[40rem]",
+			full: "h-screen",
+			auto: "h-auto"
+		  },
+		  rounded: {
+			none: "rounded-none",
+			sm: "rounded-sm",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			xl: "rounded-xl",
+			full: "rounded-full"
+		  }
+		},
+		defaultVariants: {
+		  variant: "default",
+		  size: "md",
+		  rounded: "md"
+		}
+	  }
+	)
+	
+	export interface IframeProps
+	  extends React.IframeHTMLAttributes<HTMLIFrameElement>,
+		VariantProps<typeof iframeVariants> {
+	  loading?: "lazy" | "eager"
+	}
+	
+	const Iframe = React.forwardRef<HTMLIFrameElement, IframeProps>(
+	  ({ className, variant, size, rounded, loading = "lazy", ...props }, ref) => {
+		return (
+		  <iframe
+			className={cn(iframeVariants({ variant, size, rounded }), className)}
+			loading={loading}
+			ref={ref}
+			{...props}
+		  />
+		)
+	  }
+	)
+	Iframe.displayName = "Iframe"
+	
+	export { Iframe, iframeVariants }`,
         basicusage: `
 	<Iframe src="https://example.com" title="My iframe" />
 	`,
@@ -619,7 +682,7 @@ export const componentsMedia = [
 	  loading="eager"
 	/>`,
         usagePath: null,
-        category: "Core: Components",
+        category: "Media",
         tags: ["ui", "components", "interactive"],
         features: ["Responsive", "TypeScript", "Accessible"],
         dependencies: ["@radix-ui/react-aspect-ratio"],

package/dist/components/catalyst-ui/data/overlay-data.tsx

@@ -276,7 +276,7 @@ export function AnimatedModalDemo() {
     </DSContent>
   </DSRight>
 </DSProvider>`,
-        path: "/components/catalyst-ui/overlays/dual-sidebar.tsx",
+        path: "/components/catalyst-ui/components/overlay/dual-sidebar.tsx",
         source: null,
         usagePath: null,
         usage: `
@@ -1417,6 +1417,7 @@ export default function DSExample() {
             "vaul"
         ],
         props: {
+            // PROVIDER & CORE LAYOUT
             "DSProvider": [
                 { name: "defaultOpenLeft", type: "boolean", default: "false", description: "Default open state of the sidebar." },
                 { name: "defaultOpenRight", type: "boolean", default: "false", description: "Default open state of the sidebar." },
@@ -1874,7 +1875,7 @@ export default function DSExample() {
         value: "sidebar",
         importPath: "~/components/catalyst-ui",
         multiImport: 'Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar',
-        path: "/components/catalyst-ui/overlays/sidebar-original.tsx",
+        path: "/components/catalyst-ui/components/overlay/sidebar-original.tsx",
         premium: false,
         source: null,
         usage: null,
@@ -1936,12 +1937,13 @@ const { state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar
     Settings
 </SidebarMenuAnchor>
 `,
-        usagePath: "/components/catalyst-ui/overlays/sidebar-original.tsx",
+        usagePath: "/components/catalyst-ui/components/overlay/sidebar-original.tsx",
         category: "Overlay",
         tags: ["ui", "components", "interactive"],
         features: ["Responsive", "TypeScript", "Accessible"],
         dependencies: ["@radix-ui/react-slot", "class-variance-authority"],
         props: {
+            // PROVIDER & CORE LAYOUT
             "DSProvider": [
                 { name: "defaultOpenLeft", type: "boolean", default: "false", description: "Default open state of the sidebar." },
                 { name: "defaultOpenRight", type: "boolean", default: "false", description: "Default open state of the sidebar." },

package/dist/components/catalyst-ui/data/primitive-data.tsx

@@ -456,7 +456,7 @@ const sampleTree = {
         value: "item",
         importPath: "~/components/catalyst-ui/primitives/item",
         multiImport: "Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter",
-        path: "/components/catalyst-ui/primitives/item.tsx",
+        path: "/components/catlyst-ui/primitives/progreitemss.tsx",
         premium: false,
         category: "Primitives",
         tags: ["ui", "components", "interactive"],
@@ -525,7 +525,7 @@ export function ItemDemo() {
         value: "progress",
         importPath: "~/components/catalyst-ui/primitives/progress",
         multiImport: null,
-        path: "/components/catalyst-ui/primitives/progress.tsx",
+        path: "/components/catlyst-ui/primitives/progress.tsx",
         premium: false,
         category: "Primitives",
         tags: ["ui", "components", "interactive"],
@@ -562,7 +562,7 @@ export function ProgressDemo() {
         value: "skeleton",
         importPath: "~/components/catalyst-ui/primitives/skeleton",
         multiImport: null,
-        path: "/components/catalyst-ui/primitives/skeleton.tsx",
+        path: "/components/catlyst-ui/primitives/skeleton.tsx",
         premium: false,
         category: "Primitives",
         tags: ["ui", "components", "interactive"],
@@ -597,7 +597,7 @@ export function SkeletonDemo() {
         value: "pagination",
         importPath: "~/components/catalyst-ui/primitives/pagination",
         multiImport: 'Pagination,  PaginationContent,  PaginationEllipsis,  PaginationItem,  PaginationLink,  PaginationNext,  PaginationPrevious,  PaginationWithHrefs,  type PaginationProps,  type PaginationLinkProps',
-        path: "/components/catalyst-ui/primitives/pagination.tsx",
+        path: "/components/catlyst-ui/primitives/pagination.tsx",
         premium: false,
         source: `
   
@@ -1073,7 +1073,7 @@ export function SkeletonDemo() {
     {
         name: "Carousel",
         value: "carousel",
-        path: "/components/catalyst-ui/primitives/carousel.tsx",
+        path: "/components/catlyst-ui/primitives/carousel.tsx",
         importPath: "~/components/catalyst-ui/primitives/carousel",
         premium: false,
         source: null,
@@ -1304,7 +1304,7 @@ export function SkeletonDemo() {
         value: "breadcrumb",
         importPath: "~/components/catalyst-ui/primitives/breadcrumb",
         multiImport: 'Breadcrumb,  BreadcrumbList,  BreadcrumbItem,  BreadcrumbLink,  BreadcrumbPage,  BreadcrumbSeparator,  BreadcrumbEllipsis',
-        path: "/components/catalyst-ui/primitives/breadcrumb.tsx",
+        path: "/components/catlyst-ui/primitives/breadcrumb.tsx",
         premium: false,
         source: `
     
@@ -1645,7 +1645,7 @@ export function SkeletonDemo() {
         value: "navigation-menu",
         importPath: "~/components/catalyst-ui/primitives/navigation-menu",
         multiImport: 'NavigationMenu,  NavigationMenuList, NavigationMenuItem,  NavigationMenuContent,  NavigationMenuTrigger,  NavigationMenuLink,  NavigationMenuIndicator,  NavigationMenuViewport,  navigationMenuTriggerStyle',
-        path: "/components/catalyst-ui/primitives/navigation-menu.tsx",
+        path: "/components/catlyst-ui/primitives/navigation-menu.tsx",
         premium: false,
         source: `
   
@@ -2004,7 +2004,7 @@ export function SkeletonDemo() {
         value: "context-menu",
         importPath: "~/components/catalyst-ui/core/navigation/context-menu",
         multiImport: 'ContextMenu,  ContextMenuTrigger,  ContextMenuContent,  ContextMenuItem,  ContextMenuCheckboxItem,  ContextMenuRadioItem,  ContextMenuLabel,  ContextMenuSeparator, ContextMenuShortcut,  ContextMenuGroup,  ContextMenuPortal,  ContextMenuSub,  ContextMenuSubContent,  ContextMenuSubTrigger,  ContextMenuRadioGroup',
-        path: "/components/catalyst-ui/primitives/context-menu.tsx",
+        path: "/components/catlyst-ui/primitives/context-menu.tsx",
         premium: false,
         source: `
   
@@ -2206,7 +2206,7 @@ export function SkeletonDemo() {
         value: "tabs",
         importPath: "~/components/catalyst-ui/primitives/tabs",
         multiImport: 'Tabs, TabsList, TabsTrigger, TabsContent',
-        path: "/components/catalyst-ui/primitives/tabs.tsx",
+        path: "/components/catlyst-ui/core/primitives/tabs.tsx",
         premium: false,
         source: null,
         category: "Primitives",
@@ -2331,9 +2331,9 @@ export function SkeletonDemo() {
     {
         name: "For",
         value: "for",
-        importPath: "~/components/catalyst-ui/primitives/for",
+        importPath: "~/components/catalyst-ui/primitives/panel/for",
         multiImport: null,
-        path: "/components/catalyst-ui/primitives/for.tsx",
+        path: "/components/catlyst-ui/primitives/panel/for.tsx",
         premium: false,
         source: `
   
@@ -2721,7 +2721,7 @@ export function SkeletonDemo() {
         name: "Slider",
         value: "slider",
         importPath: "~/components/catalyst-ui",
-        path: "/components/catalyst-ui/primitives/slider.tsx",
+        path: "/components/catalyst-ui/primitives-inputs/slider.tsx",
         premium: false,
         source: null,
         category: "Primitives",
@@ -2944,116 +2944,6 @@ const handleChange = (newValue: number[]) => {
         status: null,
         lastUpdated: null
     },
-    {
-        name: "KBD",
-        value: "kbd",
-        importPath: "~/components/catalyst-ui/primitives/kbd",
-        multiImport: null,
-        basicusage: `
-<KBD>Ctrl</KBD>
-
-<KBD 
-  variant="default"
-  size="default"
-  className=""
->
-  Ctrl
-</KBD>`,
-        path: "/components/catalyst-ui/primitives/kbd.tsx",
-        source: null,
-        usagePath: "/components/catalyst-ui/primitives/kbd.tsx",
-        usage: null,
-        premium: false,
-        category: "Primitive",
-        tags: ["ui", "typography", "keyboard", "shortcut"],
-        features: ["Responsive", "TypeScript", "Accessible", "Variants"],
-        dependencies: ["react", "class-variance-authority"],
-        props: {
-            "KBD": [
-                { name: "className", type: "string", default: "null" },
-                { name: "variant", type: "default | outline", default: "default" },
-                { name: "size", type: "default | sm | lg", default: "default" },
-            ],
-        },
-        desc: null,
-        status: null,
-        lastUpdated: null
-    },
-    {
-        name: "Item",
-        value: "item",
-        importPath: "~/components/catalyst-ui/primitives/item",
-        multiImport: null,
-        basicusage: `
-  <Item>Profile</Item>
-  
-  <Item 
-    variant="default"
-    inset={false}
-    className=""
-  >
-    Profile
-  </Item>`,
-        path: "/components/catalyst-ui/primitives/item.tsx",
-        source: null,
-        usagePath: "/components/catalyst-ui/primitives/item.tsx",
-        usage: null,
-        premium: false,
-        category: "Primitive",
-        tags: ["ui", "menu", "list", "item"],
-        features: ["Responsive", "TypeScript", "Accessible", "Variants"],
-        dependencies: ["react", "class-variance-authority"],
-        props: {
-            "Item": [
-                { name: "className", type: "string", default: "null" },
-                { name: "variant", type: "default | destructive", default: "default" },
-                { name: "inset", type: "boolean", default: "false" },
-            ],
-        },
-        desc: null,
-        status: null,
-        lastUpdated: null
-    },
-    {
-        name: "Empty",
-        value: "empty",
-        importPath: "~/components/catalyst-ui/primitives/empty",
-        multiImport: null,
-        basicusage: `
-<Empty />
-
-<Empty 
-  size="md"
-  icon={<Inbox className="h-6 w-6" />}
-  title="No data"
-  description=""
-  className=""
->
-  Content
-</Empty>`,
-        path: "/components/catalyst-ui/primitives/empty.tsx",
-        source: null,
-        usagePath: "/components/catalyst-ui/primitives/empty.tsx",
-        usage: null,
-        premium: false,
-        category: "Primitive",
-        tags: ["ui", "components", "feedback", "empty-state"],
-        features: ["Responsive", "TypeScript", "Accessible", "Customizable"],
-        dependencies: ["lucide-react", "react", "class-variance-authority"],
-        props: {
-            "Empty": [
-                { name: "className", type: "string", default: "null" },
-                { name: "size", type: "sm | md | lg", default: "md" },
-                { name: "icon", type: "React.ReactNode", default: "null" },
-                { name: "title", type: "string", default: "No data" },
-                { name: "description", type: "string", default: "null" },
-                { name: "children", type: "React.ReactNode", default: "null" },
-            ],
-        },
-        desc: null,
-        status: null,
-        lastUpdated: null
-    },
     {
         name: "Checkbox",
         value: "checkbox",
@@ -4216,7 +4106,7 @@ const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
         value: "alert-dialog",
         importPath: "~/components/catalyst-ui/primitives/alert-dialog",
         multiImport: 'AlertDialog, AlertDialogPortal,  AlertDialogOverlay,  AlertDialogTrigger,  AlertDialogContent,  AlertDialogHeader,  AlertDialogFooter,  AlertDialogTitle,  AlertDialogDescription,  AlertDialogAction,  AlertDialogCancel',
-        path: "/components/catalyst-ui/primitives/alert-dialog.tsx",
+        path: "/components/catlyst-ui/primitives/alert-dialog.tsx",
         premium: false,
         source: `
 
@@ -4390,7 +4280,7 @@ export {
         value: "dialog",
         importPath: "~/components/catalyst-ui/primitives/dialog",
         multiImport: 'Dialog,  DialogClose,  DialogContent,  DialogDescription,  DialogFooter,  DialogHeader,  DialogOverlay,  DialogPortal,  DialogTitle,  DialogTrigger',
-        path: "/components/catalyst-ui/primitives/dialog.tsx",
+        path: "/components/catlyst-ui/primitives/dialog.tsx",
         premium: false,
         source: null,
         category: "Primitives",
@@ -4557,7 +4447,7 @@ export function DialogDemo() {
         value: "hover-card",
         importPath: "~/components/catalyst-ui/primitives/hover-card",
         multiImport: 'HoverCard,  HoverCardTrigger,  HoverCardContent',
-        path: "/components/catalyst-ui/primitives/hover-card.tsx",
+        path: "/components/catlyst-ui/primitives/hover-card.tsx",
         premium: false,
         source: `
 
@@ -4648,7 +4538,7 @@ export function HoverCardDemo() {
         value: "popover",
         importPath: "~/components/catalyst-ui/primitives/popover",
         multiImport: 'Popover,  PopoverTrigger,  PopoverContent,  PopoverClose,  PopoverHeader,  PopoverFooter,  PopoverTitle,  PopoverDescription,  PopoverAnchor',
-        path: "/components/catalyst-ui/primitives/popover.tsx",
+        path: "/components/catlyst-ui/primitives/popover.tsx",
         premium: false,
         source: `
 
@@ -4903,7 +4793,7 @@ export function NotificationPopoverExample() {
         value: "tooltip",
         importPath: "~/components/catalyst-ui/primitives/tooltip",
         multiImport: 'TooltipProvider,    Tooltip,    TooltipTrigger,    TooltipContent',
-        path: "/components/catalyst-ui/primitives/tooltip.tsx",
+        path: "/components/catlyst-ui/primitives/tooltip.tsx",
         premium: false,
         source: `
 
@@ -4966,7 +4856,7 @@ export {
         value: "sheet",
         importPath: "~/components/catalyst-ui/primitives/sheet",
         multiImport: 'Sheet,  SheetPortal,  SheetOverlay,  SheetTrigger,  SheetClose,  SheetContent,  SheetHeader,  SheetFooter,  SheetTitle,  SheetDescription,  type SheetContentProps',
-        path: "/components/catalyst-ui/primitives/sheet.tsx",
+        path: "/components/catlyst-ui/primitives/sheet.tsx",
         premium: false,
         source: `