@dfosco/storyboard 0.7.1 → 0.8.1

package/src/internals/vite/data-plugin.test.js

@@ -1205,25 +1205,25 @@ describe('parseDataFile — canvas path-based IDs', () => {
     expect(parseDataFile('src/canvas/_hidden/public.canvas.jsonl')).toBeNull()
   })
 
-  it('skips ~-prefixed canvas files in prod (default)', () => {
-    expect(parseDataFile('src/canvas/~scratch.canvas.jsonl')).toBeNull()
-    expect(parseDataFile('src/canvas/~private/notes.canvas.jsonl')).toBeNull()
+  it('skips canvas files inside drafts/ dirs in prod (default)', () => {
+    expect(parseDataFile('src/canvas/drafts/scratch.canvas.jsonl')).toBeNull()
+    expect(parseDataFile('src/canvas/drafts/private/notes.canvas.jsonl')).toBeNull()
   })
 
-  it('includes ~-prefixed canvas files when includeTilde:true (dev)', () => {
-    const file = parseDataFile('src/canvas/~scratch.canvas.jsonl', { includeTilde: true })
+  it('includes canvas files inside drafts/ dirs when includeDraft:true (dev)', () => {
+    const file = parseDataFile('src/canvas/drafts/scratch.canvas.jsonl', { includeDraft: true })
     expect(file).not.toBeNull()
-    expect(file.name).toBe('~scratch')
-    // Public route strips the `~` so locally-gitignored canvases reuse the
+    expect(file.name).toBe('drafts/scratch')
+    // Public route drops `drafts/` so locally-gitignored canvases reuse the
     // same URL as their non-prefixed counterpart.
     expect(file.inferredRoute).toBe('/canvas/scratch')
-    const inDir = parseDataFile('src/canvas/~private/notes.canvas.jsonl', { includeTilde: true })
+    const inDir = parseDataFile('src/canvas/drafts/private/notes.canvas.jsonl', { includeDraft: true })
     expect(inDir).not.toBeNull()
-    expect(inDir.name).toBe('~private/notes')
+    expect(inDir.name).toBe('drafts/private/notes')
     expect(inDir.inferredRoute).toBe('/canvas/private/notes')
-    const inSubdir = parseDataFile('src/canvas/dfosco-explorations/~notes.canvas.jsonl', { includeTilde: true })
+    const inSubdir = parseDataFile('src/canvas/dfosco-explorations/drafts/notes.canvas.jsonl', { includeDraft: true })
     expect(inSubdir).not.toBeNull()
-    expect(inSubdir.name).toBe('dfosco-explorations/~notes')
+    expect(inSubdir.name).toBe('dfosco-explorations/drafts/notes')
     expect(inSubdir.inferredRoute).toBe('/canvas/dfosco-explorations/notes')
   })
 

package/{scaffold/storyboard.config.json → storyboard.config.json}

@@ -40,5 +40,30 @@
     "hideChrome": false,
     "hideHomepage": false,
     "protoHomepage": ""
+  },
+  "theming": {
+    "themes": {
+      "light": {
+        "label": "Light",
+        "attrs": {
+          "data-color-mode": "light",
+          "data-light-theme": "light"
+        }
+      },
+      "dark": {
+        "label": "Dark",
+        "attrs": {
+          "data-color-mode": "dark",
+          "data-dark-theme": "dark"
+        }
+      }
+    },
+    "surfaces": {
+      "prototype": { "label": "Prototype",  "sync": true  },
+      "canvas":    { "label": "Canvas",     "sync": true  },
+      "toolbar":   { "label": "Tools",      "sync": false },
+      "codeBoxes": { "label": "Code boxes", "sync": true  }
+    },
+    "default": "system"
   }
 }

package/terminal.config.json

@@ -20,7 +20,7 @@
       "resumeCommand": "copilot --resume={id} --agent terminal-agent",
       "resumeLastCommand": "copilot --continue --agent terminal-agent",
       "sessionIdEnv": "COPILOT_AGENT_SESSION_ID",
-      "postStartup": "/allow-all on",
+      "postStartup": "/autopilot",
       "resizable": true
     },
     "claude": {

package/src/core/lib/components/ui/card/card-action.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const CardAction = forwardRef(function CardAction({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="card-action" className={cn("cn-card-action col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)} {...props}>
-{children}
-</div>
-);
-});
-export default CardAction;

package/src/core/lib/components/ui/card/card-content.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const CardContent = forwardRef(function CardContent({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="card-content" className={cn("px-4 group-data-[size=sm]/card:px-3", className)} {...props}>
-{children}
-</div>
-);
-});
-export default CardContent;

package/src/core/lib/components/ui/card/card-description.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const CardDescription = forwardRef(function CardDescription({ className, children, ...props }, ref) {
-return (
-<p ref={ref} data-slot="card-description" className={cn("text-muted-foreground text-sm", className)} {...props}>
-{children}
-</p>
-);
-});
-export default CardDescription;

package/src/core/lib/components/ui/card/card-footer.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const CardFooter = forwardRef(function CardFooter({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="card-footer" className={cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className)} {...props}>
-{children}
-</div>
-);
-});
-export default CardFooter;

package/src/core/lib/components/ui/card/card-header.jsx

@@ -1,19 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const CardHeader = forwardRef(function CardHeader({ className, children, ...props }, ref) {
-return (
-<div
-ref={ref}
-data-slot="card-header"
-className={cn(
-"gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
-className
-)}
-{...props}
->
-{children}
-</div>
-);
-});
-export default CardHeader;

package/src/core/lib/components/ui/card/card-title.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const CardTitle = forwardRef(function CardTitle({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="card-title" className={cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className)} {...props}>
-{children}
-</div>
-);
-});
-export default CardTitle;

package/src/core/lib/components/ui/card/card.jsx

@@ -1,17 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const Card = forwardRef(function Card({ className, size = "default", children, ...props }, ref) {
-return (
-<div
-ref={ref}
-data-slot="card"
-data-size={size}
-className={cn("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className)}
-{...props}
->
-{children}
-</div>
-);
-});
-export default Card;

package/src/core/lib/components/ui/card/index.js

@@ -1,25 +0,0 @@
-import Root from "./card.jsx";
-import Content from "./card-content.jsx";
-import Description from "./card-description.jsx";
-import Footer from "./card-footer.jsx";
-import Header from "./card-header.jsx";
-import Title from "./card-title.jsx";
-import Action from "./card-action.jsx";
-
-export {
-Root,
-Content,
-Description,
-Footer,
-Header,
-Title,
-Action,
-//
-Root as Card,
-Content as CardContent,
-Description as CardDescription,
-Footer as CardFooter,
-Header as CardHeader,
-Title as CardTitle,
-Action as CardAction,
-};

package/src/core/lib/components/ui/collapsible/collapsible-content.jsx

@@ -1,7 +0,0 @@
-import { forwardRef } from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-
-const CollapsibleContent = forwardRef(function CollapsibleContent({ ...props }, ref) {
-return <CollapsiblePrimitive.Content ref={ref} data-slot="collapsible-content" {...props} />;
-});
-export default CollapsibleContent;

package/src/core/lib/components/ui/collapsible/collapsible-trigger.jsx

@@ -1,7 +0,0 @@
-import { forwardRef } from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-
-const CollapsibleTrigger = forwardRef(function CollapsibleTrigger({ ...props }, ref) {
-return <CollapsiblePrimitive.Trigger ref={ref} data-slot="collapsible-trigger" {...props} />;
-});
-export default CollapsibleTrigger;

package/src/core/lib/components/ui/collapsible/collapsible.jsx

@@ -1,7 +0,0 @@
-import { forwardRef } from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-
-const Collapsible = forwardRef(function Collapsible({ ...props }, ref) {
-return <CollapsiblePrimitive.Root ref={ref} data-slot="collapsible" {...props} />;
-});
-export default Collapsible;

package/src/core/lib/components/ui/collapsible/index.js

@@ -1,13 +0,0 @@
-import Root from "./collapsible.jsx";
-import Trigger from "./collapsible-trigger.jsx";
-import Content from "./collapsible-content.jsx";
-
-export {
-Root,
-Content,
-Trigger,
-//
-Root as Collapsible,
-Content as CollapsibleContent,
-Trigger as CollapsibleTrigger,
-};

package/src/core/lib/components/ui/dialog/dialog-close.jsx

@@ -1,7 +0,0 @@
-import { forwardRef } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-
-const DialogClose = forwardRef(function DialogClose({ type = "button", ...props }, ref) {
-return <DialogPrimitive.Close ref={ref} data-slot="dialog-close" type={type} {...props} />;
-});
-export default DialogClose;

package/src/core/lib/components/ui/dialog/dialog-description.jsx

@@ -1,15 +0,0 @@
-import { forwardRef } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "../../../utils/index.js";
-
-const DialogDescription = forwardRef(function DialogDescription({ className, ...props }, ref) {
-return (
-<DialogPrimitive.Description
-ref={ref}
-data-slot="dialog-description"
-className={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className)}
-{...props}
-/>
-);
-});
-export default DialogDescription;

package/src/core/lib/components/ui/dialog/dialog-footer.jsx

@@ -1,23 +0,0 @@
-import { forwardRef } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "../../../utils/index.js";
-import { Button } from "../button/index.js";
-
-const DialogFooter = forwardRef(function DialogFooter({ className, children, showCloseButton = false, ...props }, ref) {
-return (
-<div
-ref={ref}
-data-slot="dialog-footer"
-className={cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
-{...props}
->
-{children}
-{showCloseButton && (
-<DialogPrimitive.Close asChild>
-<Button variant="outline">Close</Button>
-</DialogPrimitive.Close>
-)}
-</div>
-);
-});
-export default DialogFooter;

package/src/core/lib/components/ui/dialog/dialog-header.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const DialogHeader = forwardRef(function DialogHeader({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="dialog-header" className={cn("gap-2 flex flex-col", className)} {...props}>
-{children}
-</div>
-);
-});
-export default DialogHeader;

package/src/core/lib/components/ui/dialog/dialog-overlay.jsx

@@ -1,15 +0,0 @@
-import { forwardRef } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "../../../utils/index.js";
-
-const DialogOverlay = forwardRef(function DialogOverlay({ className, ...props }, ref) {
-return (
-<DialogPrimitive.Overlay
-ref={ref}
-data-slot="dialog-overlay"
-className={cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className)}
-{...props}
-/>
-);
-});
-export default DialogOverlay;

package/src/core/lib/components/ui/dialog/dialog-portal.jsx

@@ -1,4 +0,0 @@
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-export default function DialogPortal(props) {
-return <DialogPrimitive.Portal {...props} />;
-}

package/src/core/lib/components/ui/dialog/dialog-title.jsx

@@ -1,15 +0,0 @@
-import { forwardRef } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "../../../utils/index.js";
-
-const DialogTitle = forwardRef(function DialogTitle({ className, ...props }, ref) {
-return (
-<DialogPrimitive.Title
-ref={ref}
-data-slot="dialog-title"
-className={cn("text-base leading-none font-medium", className)}
-{...props}
-/>
-);
-});
-export default DialogTitle;

package/src/core/lib/components/ui/popover/index.js

@@ -1,28 +0,0 @@
-import Root from "./popover.jsx";
-import Close from "./popover-close.jsx";
-import Content from "./popover-content.jsx";
-import Description from "./popover-description.jsx";
-import Header from "./popover-header.jsx";
-import Title from "./popover-title.jsx";
-import Trigger from "./popover-trigger.jsx";
-import Portal from "./popover-portal.jsx";
-
-export {
-Root,
-Content,
-Description,
-Header,
-Title,
-Trigger,
-Close,
-Portal,
-//
-Root as Popover,
-Content as PopoverContent,
-Description as PopoverDescription,
-Header as PopoverHeader,
-Title as PopoverTitle,
-Trigger as PopoverTrigger,
-Close as PopoverClose,
-Portal as PopoverPortal,
-};

package/src/core/lib/components/ui/popover/popover-close.jsx

@@ -1,7 +0,0 @@
-import { forwardRef } from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-
-const PopoverClose = forwardRef(function PopoverClose(props, ref) {
-return <PopoverPrimitive.Close ref={ref} data-slot="popover-close" {...props} />;
-});
-export default PopoverClose;

package/src/core/lib/components/ui/popover/popover-content.jsx

@@ -1,22 +0,0 @@
-import { forwardRef } from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../../../utils/index.js";
-
-const PopoverContent = forwardRef(function PopoverContent({ className, sideOffset = 4, align = "center", ...props }, ref) {
-return (
-<PopoverPrimitive.Portal>
-<PopoverPrimitive.Content
-ref={ref}
-data-slot="popover-content"
-sideOffset={sideOffset}
-align={align}
-className={cn(
-"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden",
-className
-)}
-{...props}
-/>
-</PopoverPrimitive.Portal>
-);
-});
-export default PopoverContent;

package/src/core/lib/components/ui/popover/popover-description.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const PopoverDescription = forwardRef(function PopoverDescription({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="popover-description" className={cn("text-muted-foreground", className)} {...props}>
-{children}
-</div>
-);
-});
-export default PopoverDescription;

package/src/core/lib/components/ui/popover/popover-header.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const PopoverHeader = forwardRef(function PopoverHeader({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="popover-header" className={cn("flex flex-col gap-0.5 text-sm", className)} {...props}>
-{children}
-</div>
-);
-});
-export default PopoverHeader;

package/src/core/lib/components/ui/popover/popover-portal.jsx

@@ -1,4 +0,0 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-export default function PopoverPortal(props) {
-return <PopoverPrimitive.Portal {...props} />;
-}

package/src/core/lib/components/ui/popover/popover-title.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const PopoverTitle = forwardRef(function PopoverTitle({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="popover-title" className={cn("font-medium", className)} {...props}>
-{children}
-</div>
-);
-});
-export default PopoverTitle;

package/src/core/lib/components/ui/popover/popover-trigger.jsx

@@ -1,8 +0,0 @@
-import { forwardRef } from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../../../utils/index.js";
-
-const PopoverTrigger = forwardRef(function PopoverTrigger({ className, ...props }, ref) {
-return <PopoverPrimitive.Trigger ref={ref} data-slot="popover-trigger" className={cn("", className)} {...props} />;
-});
-export default PopoverTrigger;

package/src/core/lib/components/ui/popover/popover.jsx

@@ -1,4 +0,0 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-export default function Popover({ children, ...props }) {
-return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;
-}

package/src/core/lib/components/ui/select/index.js

@@ -1,37 +0,0 @@
-import Root from "./select.jsx";
-import Group from "./select-group.jsx";
-import Label from "./select-label.jsx";
-import Item from "./select-item.jsx";
-import Content from "./select-content.jsx";
-import Trigger from "./select-trigger.jsx";
-import Separator from "./select-separator.jsx";
-import ScrollDownButton from "./select-scroll-down-button.jsx";
-import ScrollUpButton from "./select-scroll-up-button.jsx";
-import GroupHeading from "./select-group-heading.jsx";
-import Portal from "./select-portal.jsx";
-
-export {
-Root,
-Group,
-Label,
-Item,
-Content,
-Trigger,
-Separator,
-ScrollDownButton,
-ScrollUpButton,
-GroupHeading,
-Portal,
-//
-Root as Select,
-Group as SelectGroup,
-Label as SelectLabel,
-Item as SelectItem,
-Content as SelectContent,
-Trigger as SelectTrigger,
-Separator as SelectSeparator,
-ScrollDownButton as SelectScrollDownButton,
-ScrollUpButton as SelectScrollUpButton,
-GroupHeading as SelectGroupHeading,
-Portal as SelectPortal,
-};

package/src/core/lib/components/ui/select/select-content.jsx

@@ -1,30 +0,0 @@
-import { forwardRef } from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import SelectScrollUpButton from "./select-scroll-up-button.jsx";
-import SelectScrollDownButton from "./select-scroll-down-button.jsx";
-import { cn } from "../../../utils/index.js";
-
-const SelectContent = forwardRef(function SelectContent({ className, children, sideOffset = 4, position = "popper", ...props }, ref) {
-return (
-<SelectPrimitive.Portal>
-<SelectPrimitive.Content
-ref={ref}
-data-slot="select-content"
-sideOffset={sideOffset}
-position={position}
-className={cn(
-"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative isolate z-50 overflow-x-hidden overflow-y-auto",
-className
-)}
-{...props}
->
-<SelectScrollUpButton />
-<SelectPrimitive.Viewport className="w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1">
-{children}
-</SelectPrimitive.Viewport>
-<SelectScrollDownButton />
-</SelectPrimitive.Content>
-</SelectPrimitive.Portal>
-);
-});
-export default SelectContent;

package/src/core/lib/components/ui/select/select-group-heading.jsx

@@ -1,17 +0,0 @@
-import { forwardRef } from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { cn } from "../../../utils/index.js";
-
-const SelectGroupHeading = forwardRef(function SelectGroupHeading({ className, children, ...props }, ref) {
-return (
-<SelectPrimitive.Label
-ref={ref}
-data-slot="select-group-heading"
-className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
-{...props}
->
-{children}
-</SelectPrimitive.Label>
-);
-});
-export default SelectGroupHeading;

package/src/core/lib/components/ui/select/select-group.jsx

@@ -1,15 +0,0 @@
-import { forwardRef } from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { cn } from "../../../utils/index.js";
-
-const SelectGroup = forwardRef(function SelectGroup({ className, ...props }, ref) {
-return (
-<SelectPrimitive.Group
-ref={ref}
-data-slot="select-group"
-className={cn("scroll-my-1 p-1", className)}
-{...props}
-/>
-);
-});
-export default SelectGroup;

package/src/core/lib/components/ui/select/select-item.jsx

@@ -1,26 +0,0 @@
-import { forwardRef } from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check } from "lucide-react";
-import { cn } from "../../../utils/index.js";
-
-const SelectItem = forwardRef(function SelectItem({ className, children, ...props }, ref) {
-return (
-<SelectPrimitive.Item
-ref={ref}
-data-slot="select-item"
-className={cn(
-"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 focus:bg-accent data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground focus:text-accent-foreground relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-className
-)}
-{...props}
->
-<span className="absolute end-2 flex size-3.5 items-center justify-center">
-<SelectPrimitive.ItemIndicator>
-<Check className="cn-select-item-indicator-icon" />
-</SelectPrimitive.ItemIndicator>
-</span>
-<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-</SelectPrimitive.Item>
-);
-});
-export default SelectItem;

package/src/core/lib/components/ui/select/select-label.jsx

@@ -1,11 +0,0 @@
-import { forwardRef } from "react";
-import { cn } from "../../../utils/index.js";
-
-const SelectLabel = forwardRef(function SelectLabel({ className, children, ...props }, ref) {
-return (
-<div ref={ref} data-slot="select-label" className={cn("text-muted-foreground px-1.5 py-1 text-xs", className)} {...props}>
-{children}
-</div>
-);
-});
-export default SelectLabel;

package/src/core/lib/components/ui/select/select-portal.jsx

@@ -1,4 +0,0 @@
-import * as SelectPrimitive from "@radix-ui/react-select";
-export default function SelectPortal(props) {
-return <SelectPrimitive.Portal {...props} />;
-}

package/src/core/lib/components/ui/select/select-scroll-down-button.jsx

@@ -1,18 +0,0 @@
-import { forwardRef } from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { ChevronDown } from "lucide-react";
-import { cn } from "../../../utils/index.js";
-
-const SelectScrollDownButton = forwardRef(function SelectScrollDownButton({ className, ...props }, ref) {
-return (
-<SelectPrimitive.ScrollDownButton
-ref={ref}
-data-slot="select-scroll-down-button"
-className={cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", className)}
-{...props}
->
-<ChevronDown />
-</SelectPrimitive.ScrollDownButton>
-);
-});
-export default SelectScrollDownButton;