@superblocksteam/vite-plugin-file-sync 2.0.170 → 2.0.171-next.0

package/dist/migration-templates/app-fullstack/client/components/ui/popover.tsx

@@ -1,15 +1,6 @@
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import React from "react";
 
-import {
-  Prop,
-  Section,
-  PropsCategory,
-  registerComponent,
-  type PropertiesPanelDefinition,
-  type EditorConfig,
-} from "@superblocksteam/library";
-
 import { cn } from "@/lib/utils";
 
 function Popover({
@@ -53,58 +44,3 @@ function PopoverAnchor({
 }
 
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
-
-// Properties Definition for Popover (root)
-const popoverPropertiesDefinition: PropertiesPanelDefinition<
-  React.ComponentPropsWithoutRef<typeof Popover>
-> = {
-  general: Section.category(PropsCategory.Content).children({
-    open: Prop.boolean(),
-    children: Prop.jsx(),
-  }),
-  interaction: Section.category(PropsCategory.Interaction).children({
-    defaultOpen: Prop.boolean(),
-    modal: Prop.boolean(),
-  }),
-  events: Section.category(PropsCategory.EventHandlers).children({
-    onOpenChange: Prop.eventHandler(),
-  }),
-};
-
-const popoverEditorConfig: EditorConfig = {
-  icon: "modal",
-  isDetached: true,
-  isDraggable: false,
-  description:
-    "A modal popover that displays rich content in relation to a trigger element.",
-};
-
-// Properties Definition for PopoverContent
-const popoverContentPropertiesDefinition: PropertiesPanelDefinition<
-  React.ComponentPropsWithoutRef<typeof PopoverContent>
-> = {
-  general: Section.category(PropsCategory.Content).children({
-    children: Prop.jsx(),
-  }),
-  appearance: Section.category(PropsCategory.Appearance).children({
-    side: Prop.string<"top" | "right" | "bottom" | "left">(),
-    align: Prop.string<"start" | "center" | "end">(),
-    sideOffset: Prop.number(),
-    alignOffset: Prop.number(),
-    avoidCollisions: Prop.boolean(),
-  }),
-};
-
-const childrenPropertiesDefinition = {
-  general: Section.category(PropsCategory.Content).children({
-    children: Prop.jsx(),
-  }),
-};
-
-// Register Components
-registerComponent(Popover, popoverPropertiesDefinition).editorConfig(
-  popoverEditorConfig,
-);
-registerComponent(PopoverTrigger, childrenPropertiesDefinition);
-registerComponent(PopoverContent, popoverContentPropertiesDefinition);
-registerComponent(PopoverAnchor);

package/dist/migration-templates/app-fullstack/client/components/ui/progress.tsx

@@ -1,18 +1,8 @@
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import React from "react";
 
-import { registerComponent } from "@superblocksteam/library";
-import {
-  Prop,
-  Section,
-  PropsCategory,
-  type PropertiesPanelDefinition,
-  type EditorConfig,
-} from "@superblocksteam/library";
-
 import { cn } from "@/lib/utils";
 
-// Progress Component
 function Progress({
   className,
   value,
@@ -36,25 +26,4 @@ function Progress({
   );
 }
 
-type ProgressProps = React.ComponentProps<typeof Progress>;
-
-// Properties Definition
-const propertiesDefinition: PropertiesPanelDefinition<ProgressProps> = {
-  general: Section.category(PropsCategory.Content).children({
-    value: Prop.number(),
-    max: Prop.number(),
-  }),
-};
-
-// Editor Configuration
-const editorConfig: EditorConfig = {
-  icon: "custom",
-  isDraggable: true,
-  description:
-    "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
-};
-
-// Registration
-registerComponent(Progress, propertiesDefinition).editorConfig(editorConfig);
-
 export { Progress };

package/dist/migration-templates/app-fullstack/client/components/ui/scroll-area.tsx

@@ -1,18 +1,8 @@
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import type * as React from "react";
 
-import { registerComponent } from "@superblocksteam/library";
-import {
-  Prop,
-  Section,
-  PropsCategory,
-  type PropertiesPanelDefinition,
-  type EditorConfig,
-} from "@superblocksteam/library";
-
 import { cn } from "@/lib/utils";
 
-// Primitive Components
 function ScrollArea({
   className,
   children,
@@ -63,24 +53,4 @@ function ScrollBar({
   );
 }
 
-// Types
-type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root>;
-
-// Properties Definition
-const propertiesDefinition: PropertiesPanelDefinition<ScrollAreaProps> = {
-  general: Section.category(PropsCategory.Content).children({
-    children: Prop.jsx(),
-  }),
-};
-
-// Editor Configuration
-const editorConfig: EditorConfig = {
-  icon: "container",
-  description:
-    "Scroll container with custom, cross-browser styling based on shadcn/ui",
-};
-
-// Registration
-registerComponent(ScrollArea, propertiesDefinition).editorConfig(editorConfig);
-
 export { ScrollArea, ScrollBar };

package/dist/migration-templates/app-fullstack/client/components/ui/select.tsx

@@ -2,18 +2,8 @@ import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import React from "react";
 
-import { registerComponent } from "@superblocksteam/library";
-import {
-  Prop,
-  Section,
-  PropsCategory,
-  type PropertiesPanelDefinition,
-  type EditorConfig,
-} from "@superblocksteam/library";
-
 import { cn } from "@/lib/utils";
 
-// Primitive Components
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
@@ -154,37 +144,6 @@ const SelectSeparator = React.forwardRef<
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
-// Main Component
-type SelectProps = React.ComponentPropsWithoutRef<typeof Select>;
-
-// Properties Definition
-const propertiesDefinition: PropertiesPanelDefinition<SelectProps> = {
-  general: Section.category(PropsCategory.Content).children({
-    value: Prop.string(),
-    defaultValue: Prop.string(),
-  }),
-
-  interaction: Section.category(PropsCategory.Interaction).children({
-    disabled: Prop.boolean(),
-  }),
-
-  events: Section.category(PropsCategory.EventHandlers).children({
-    onValueChange: Prop.eventHandler(),
-    onOpenChange: Prop.eventHandler(),
-  }),
-};
-
-// Editor Configuration
-const editorConfig: EditorConfig = {
-  icon: "dropdown",
-  description:
-    "Displays a list of options for the user to pick from—triggered by a button",
-  hasExtendedClickArea: true,
-};
-
-// Registration
-registerComponent(Select, propertiesDefinition).editorConfig(editorConfig);
-
 export {
   Select,
   SelectGroup,

package/dist/migration-templates/app-fullstack/client/components/ui/separator.tsx

@@ -1,18 +1,8 @@
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import type * as React from "react";
 
-import { registerComponent } from "@superblocksteam/library";
-import {
-  Prop,
-  Section,
-  PropsCategory,
-  type PropertiesPanelDefinition,
-  type EditorConfig,
-} from "@superblocksteam/library";
-
 import { cn } from "@/lib/utils";
 
-// Main Component
 function Separator({
   className,
   orientation = "horizontal",
@@ -33,23 +23,4 @@ function Separator({
   );
 }
 
-// Types
-// Properties Definition
-const propertiesDefinition: PropertiesPanelDefinition<
-  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
-> = {
-  appearance: Section.category(PropsCategory.Appearance).children({
-    orientation: Prop.string<"horizontal" | "vertical">(),
-  }),
-};
-
-// Editor Configuration
-const editorConfig: EditorConfig = {
-  description: "A visual separator for dividing content",
-  hasExtendedClickArea: true,
-};
-
-// Registration
-registerComponent(Separator, propertiesDefinition).editorConfig(editorConfig);
-
 export { Separator };

package/dist/migration-templates/app-fullstack/client/components/ui/sheet.tsx

@@ -2,15 +2,6 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import React from "react";
 
-import {
-  Prop,
-  PropsCategory,
-  registerComponent,
-  Section,
-  type PropertiesPanelDefinition,
-  type EditorConfig,
-} from "@superblocksteam/library";
-
 import { cn } from "@/lib/utils";
 
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
@@ -144,58 +135,3 @@ export {
   SheetTitle,
   SheetDescription,
 };
-
-// Properties Definition
-const propertiesDefinition: PropertiesPanelDefinition<
-  React.ComponentPropsWithoutRef<typeof Sheet>
-> = {
-  general: Section.category(PropsCategory.Content).children({
-    open: Prop.boolean(),
-    children: Prop.jsx(),
-  }),
-  interaction: Section.category(PropsCategory.Interaction).children({
-    defaultOpen: Prop.boolean(),
-    modal: Prop.boolean().docs({
-      description:
-        "When true, interaction with outside elements will be disabled",
-    }),
-  }),
-
-  events: Section.category(PropsCategory.EventHandlers).children({
-    onOpenChange: Prop.eventHandler(),
-  }),
-};
-
-// Editor Configuration
-const editorConfig: EditorConfig = {
-  icon: "slideout",
-  isDetached: true,
-  isDraggable: false,
-  description:
-    "A sheet component that complements the main content of the screen",
-};
-
-const childrenPropertiesDefinition = {
-  general: Section.category(PropsCategory.Content).children({
-    children: Prop.jsx(),
-  }),
-};
-
-const sheetContentPropertiesDefinition: PropertiesPanelDefinition<
-  React.ComponentPropsWithoutRef<typeof SheetContent>
-> = {
-  general: Section.category(PropsCategory.Content).children({
-    children: Prop.jsx(),
-  }),
-  appearance: Section.category(PropsCategory.Appearance).children({
-    side: Prop.string<"top" | "right" | "bottom" | "left">(),
-  }),
-};
-
-// Registration
-registerComponent(Sheet, propertiesDefinition).editorConfig(editorConfig);
-registerComponent(SheetContent, sheetContentPropertiesDefinition);
-registerComponent(SheetHeader, childrenPropertiesDefinition);
-registerComponent(SheetFooter, childrenPropertiesDefinition);
-registerComponent(SheetTitle, childrenPropertiesDefinition);
-registerComponent(SheetDescription, childrenPropertiesDefinition);