diff --git a/sparkle/src/components/index.ts b/sparkle/src/components/index.ts
new file mode 100644
index 0000000000000..629216932e8d5
--- /dev/null
+++ b/sparkle/src/components/index.ts
@@ -0,0 +1,46 @@
+export { AssistantPreview } from "./AssistantPreview";
+export { Avatar } from "./Avatar";
+export { Banner } from "./Banner";
+export { BarHeader } from "./BarHeader";
+export { Button } from "./Button";
+export { CardButton } from "./CardButton";
+export { Checkbox } from "./Checkbox";
+export { Chip } from "./Chip";
+export { Citation } from "./Citation";
+export { default as CollapseButton } from "./CollapseButton";
+export { Collapsible } from "./Collapsible";
+export { ColorPicker } from "./ColorPicker";
+export { default as ConfettiBackground } from "./ConfettiBackground";
+export { ContentMessage } from "./ContentMessage";
+export { ContextItem } from "./ContextItem";
+export { DataTable } from "./DataTable";
+export { Dialog } from "./Dialog";
+export { DropdownMenu } from "./DropdownMenu";
+export { ElementDialog } from "./ElementDialog";
+export { ElementModal } from "./ElementModal";
+export { EmojiPicker } from "./EmojiPicker";
+export { FilterChips } from "./FilterChips";
+export { Div3D, Hover3D } from "./Hover3D";
+export { Hoverable } from "./Hoverable";
+export { Icon } from "./Icon";
+export { IconButton } from "./IconButton";
+export { IconToggleButton } from "./IconToggleButton";
+export { Input } from "./Input";
+export { Item } from "./Item";
+export { Markdown } from "./Markdown";
+export { Modal } from "./Modal";
+export { Notification } from "./Notification";
+export { Page } from "./Page";
+export { PaginatedCitationsGrid } from "./PaginatedCitationsGrid";
+export { Pagination } from "./Pagination";
+export { Popup } from "./Popup";
+export { PriceTable } from "./PriceTable";
+export { RadioButton } from "./RadioButton";
+export { Searchbar } from "./Searchbar";
+export { SliderToggle } from "./SliderToggle";
+export { default as Spinner } from "./Spinner";
+export { Tab } from "./Tab";
+export { TextArea } from "./TextArea";
+export { Tooltip } from "./Tooltip";
+export { Tree } from "./Tree";
+export { ZoomableImageCitationWrapper } from "./ZoomableImageCitationWrapper";
diff --git a/sparkle/src/icons/index.ts b/sparkle/src/icons/index.ts
new file mode 100644
index 0000000000000..ff416bb90a05f
--- /dev/null
+++ b/sparkle/src/icons/index.ts
@@ -0,0 +1,2 @@
+export * from "./solid";
+export * from "./stroke";
diff --git a/sparkle/src/icons/solid/index.ts b/sparkle/src/icons/solid/index.ts
index e0571da5b9ba5..7a2ae0ad8e01f 100644
--- a/sparkle/src/icons/solid/index.ts
+++ b/sparkle/src/icons/solid/index.ts
@@ -1,115 +1,115 @@
-export { default as ArrowDown } from "./ArrowDown";
-export { default as ArrowDownCircle } from "./ArrowDownCircle";
-export { default as ArrowDownOnSquare } from "./ArrowDownOnSquare";
-export { default as ArrowLeft } from "./ArrowLeft";
-export { default as ArrowPath } from "./ArrowPath";
-export { default as ArrowRight } from "./ArrowRight";
-export { default as ArrowUp } from "./ArrowUp";
-export { default as ArrowUpOnSquare } from "./ArrowUpOnSquare";
-export { default as Attachment } from "./Attachment";
-export { default as Backspace } from "./Backspace";
-export { default as Bookmark } from "./Bookmark";
-export { default as BookOpen } from "./BookOpen";
-export { default as Braces } from "./Braces";
-export { default as Card } from "./Card";
-export { default as ChatBubbleBottomCenterPlus } from "./ChatBubbleBottomCenterPlus";
-export { default as ChatBubbleBottomCenterText } from "./ChatBubbleBottomCenterText";
-export { default as ChatBubbleLeftRight } from "./ChatBubbleLeftRight";
-export { default as Check } from "./Check";
-export { default as CheckCircle } from "./CheckCircle";
-export { default as ChevronDown } from "./ChevronDown";
-export { default as ChevronLeft } from "./ChevronLeft";
-export { default as ChevronRight } from "./ChevronRight";
-export { default as ChevronUp } from "./ChevronUp";
-export { default as ChevronUpDown } from "./ChevronUpDown";
-export { default as Circle } from "./Circle";
-export { default as Clipboard } from "./Clipboard";
-export { default as ClipboardCheck } from "./ClipboardCheck";
-export { default as Clock } from "./Clock";
-export { default as CloudArrowDown } from "./CloudArrowDown";
-export { default as CloudArrowLeftRight } from "./CloudArrowLeftRight";
-export { default as CloudArrowUp } from "./CloudArrowUp";
-export { default as CloudX } from "./CloudX";
-export { default as Cog6Tooth } from "./Cog6Tooth";
-export { default as Command } from "./Command";
-export { default as CommandLine } from "./CommandLine";
-export { default as Cube } from "./Cube";
-export { default as Dash } from "./Dash";
-export { default as Document } from "./Document";
-export { default as DocumentDuplicate } from "./DocumentDuplicate";
-export { default as DocumentPile } from "./DocumentPile";
-export { default as DocumentPlus } from "./DocumentPlus";
-export { default as DocumentText } from "./DocumentText";
-export { default as Dust } from "./Dust";
-export { default as EmotionLaugh } from "./EmotionLaugh";
-export { default as Equalizer } from "./Equalizer";
-export { default as ExclamationCircle } from "./ExclamationCircle";
-export { default as ExternalLink } from "./ExternalLink";
-export { default as Eye } from "./Eye";
-export { default as EyeSlash } from "./EyeSlash";
-export { default as Flag } from "./Flag";
-export { default as Folder } from "./Folder";
-export { default as FolderOpen } from "./FolderOpen";
-export { default as Fullscreen } from "./Fullscreen";
-export { default as FullscreenExit } from "./FullscreenExit";
-export { default as GlobeAlt } from "./GlobeAlt";
-export { default as Grab } from "./Grab";
-export { default as HandHeart } from "./HandHeart";
-export { default as HandThumbDown } from "./HandThumbDown";
-export { default as HandThumbUp } from "./HandThumbUp";
-export { default as HeartAlt } from "./HeartAlt";
-export { default as Hexagon } from "./Hexagon";
-export { default as Image } from "./Image";
-export { default as InformationCircle } from "./InformationCircle";
-export { default as Key } from "./Key";
-export { default as Lightbulb } from "./Lightbulb";
-export { default as Link } from "./Link";
-export { default as List } from "./List";
-export { default as ListAdd } from "./ListAdd";
-export { default as ListCheck } from "./ListCheck";
-export { default as ListRemove } from "./ListRemove";
-export { default as Lock } from "./Lock";
-export { default as Login } from "./Login";
-export { default as Logout } from "./Logout";
-export { default as Magic } from "./Magic";
-export { default as MagnifyingGlass } from "./MagnifyingGlass";
-export { default as Menu } from "./Menu";
-export { default as More } from "./More";
-export { default as MovingMail } from "./MovingMail";
-export { default as Paint } from "./Paint";
-export { default as PaperAirplane } from "./PaperAirplane";
-export { default as Pause } from "./Pause";
-export { default as PencilSquare } from "./PencilSquare";
-export { default as Planet } from "./Planet";
-export { default as Play } from "./Play";
-export { default as Plus } from "./Plus";
-export { default as PlusCircle } from "./PlusCircle";
-export { default as Pushpin } from "./Pushpin";
-export { default as Puzzle } from "./Puzzle";
-export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
-export { default as Reaction } from "./Reaction";
-export { default as Rectangle } from "./Rectangle";
-export { default as Robot } from "./Robot";
-export { default as Rocket } from "./Rocket";
-export { default as Scan } from "./Scan";
-export { default as Server } from "./Server";
-export { default as ShakeHands } from "./ShakeHands";
-export { default as Shapes } from "./Shapes";
-export { default as Sparkles } from "./Sparkles";
-export { default as Square } from "./Square";
-export { default as Square3Stack3D } from "./Square3Stack3D";
-export { default as Star } from "./Star";
-export { default as Stop } from "./Stop";
-export { default as Table } from "./Table";
-export { default as Template } from "./Template";
-export { default as TestTube } from "./TestTube";
-export { default as Time } from "./Time";
-export { default as Trash } from "./Trash";
-export { default as Triangle } from "./Triangle";
-export { default as User } from "./User";
-export { default as UserArrow } from "./UserArrow";
-export { default as UserGroup } from "./UserGroup";
-export { default as UserPlus } from "./UserPlus";
-export { default as Wrench } from "./Wrench";
-export { default as XCircle } from "./XCircle";
-export { default as XMark } from "./XMark";
+export { default as ArrowDownIcon } from "./ArrowDown";
+export { default as ArrowDownCircleIcon } from "./ArrowDownCircle";
+export { default as ArrowDownOnSquareIcon } from "./ArrowDownOnSquare";
+export { default as ArrowLeftIcon } from "./ArrowLeft";
+export { default as ArrowPathIcon } from "./ArrowPath";
+export { default as ArrowRightIcon } from "./ArrowRight";
+export { default as ArrowUpIcon } from "./ArrowUp";
+export { default as ArrowUpOnSquareIcon } from "./ArrowUpOnSquare";
+export { default as AttachmentIcon } from "./Attachment";
+export { default as BackspaceIcon } from "./Backspace";
+export { default as BookmarkIcon } from "./Bookmark";
+export { default as BookOpenIcon } from "./BookOpen";
+export { default as BracesIcon } from "./Braces";
+export { default as CardIcon } from "./Card";
+export { default as ChatBubbleBottomCenterPlusIcon } from "./ChatBubbleBottomCenterPlus";
+export { default as ChatBubbleBottomCenterTextIcon } from "./ChatBubbleBottomCenterText";
+export { default as ChatBubbleLeftRightIcon } from "./ChatBubbleLeftRight";
+export { default as CheckIcon } from "./Check";
+export { default as CheckCircleIcon } from "./CheckCircle";
+export { default as ChevronDownIcon } from "./ChevronDown";
+export { default as ChevronLeftIcon } from "./ChevronLeft";
+export { default as ChevronRightIcon } from "./ChevronRight";
+export { default as ChevronUpIcon } from "./ChevronUp";
+export { default as ChevronUpDownIcon } from "./ChevronUpDown";
+export { default as CircleIcon } from "./Circle";
+export { default as ClipboardIcon } from "./Clipboard";
+export { default as ClipboardCheckIcon } from "./ClipboardCheck";
+export { default as ClockIcon } from "./Clock";
+export { default as CloudArrowDownIcon } from "./CloudArrowDown";
+export { default as CloudArrowLeftRightIcon } from "./CloudArrowLeftRight";
+export { default as CloudArrowUpIcon } from "./CloudArrowUp";
+export { default as CloudXIcon } from "./CloudX";
+export { default as Cog6ToothIcon } from "./Cog6Tooth";
+export { default as CommandIcon } from "./Command";
+export { default as CommandLineIcon } from "./CommandLine";
+export { default as CubeIcon } from "./Cube";
+export { default as DashIcon } from "./Dash";
+export { default as DocumentIcon } from "./Document";
+export { default as DocumentDuplicateIcon } from "./DocumentDuplicate";
+export { default as DocumentPileIcon } from "./DocumentPile";
+export { default as DocumentPlusIcon } from "./DocumentPlus";
+export { default as DocumentTextIcon } from "./DocumentText";
+export { default as DustIcon } from "./Dust";
+export { default as EmotionLaughIcon } from "./EmotionLaugh";
+export { default as EqualizerIcon } from "./Equalizer";
+export { default as ExclamationCircleIcon } from "./ExclamationCircle";
+export { default as ExternalLinkIcon } from "./ExternalLink";
+export { default as EyeIcon } from "./Eye";
+export { default as EyeSlashIcon } from "./EyeSlash";
+export { default as FlagIcon } from "./Flag";
+export { default as FolderIcon } from "./Folder";
+export { default as FolderOpenIcon } from "./FolderOpen";
+export { default as FullscreenIcon } from "./Fullscreen";
+export { default as FullscreenExitIcon } from "./FullscreenExit";
+export { default as GlobeAltIcon } from "./GlobeAlt";
+export { default as GrabIcon } from "./Grab";
+export { default as HandHeartIcon } from "./HandHeart";
+export { default as HandThumbDownIcon } from "./HandThumbDown";
+export { default as HandThumbUpIcon } from "./HandThumbUp";
+export { default as HeartAltIcon } from "./HeartAlt";
+export { default as HexagonIcon } from "./Hexagon";
+export { default as ImageIcon } from "./Image";
+export { default as InformationCircleIcon } from "./InformationCircle";
+export { default as KeyIcon } from "./Key";
+export { default as LightbulbIcon } from "./Lightbulb";
+export { default as LinkIcon } from "./Link";
+export { default as ListIcon } from "./List";
+export { default as ListAddIcon } from "./ListAdd";
+export { default as ListCheckIcon } from "./ListCheck";
+export { default as ListRemoveIcon } from "./ListRemove";
+export { default as LockIcon } from "./Lock";
+export { default as LoginIcon } from "./Login";
+export { default as LogoutIcon } from "./Logout";
+export { default as MagicIcon } from "./Magic";
+export { default as MagnifyingGlassIcon } from "./MagnifyingGlass";
+export { default as MenuIcon } from "./Menu";
+export { default as MoreIcon } from "./More";
+export { default as MovingMailIcon } from "./MovingMail";
+export { default as PaintIcon } from "./Paint";
+export { default as PaperAirplaneIcon } from "./PaperAirplane";
+export { default as PauseIcon } from "./Pause";
+export { default as PencilSquareIcon } from "./PencilSquare";
+export { default as PlanetIcon } from "./Planet";
+export { default as PlayIcon } from "./Play";
+export { default as PlusIcon } from "./Plus";
+export { default as PlusCircleIcon } from "./PlusCircle";
+export { default as PushpinIcon } from "./Pushpin";
+export { default as PuzzleIcon } from "./Puzzle";
+export { default as QuestionMarkCircleIcon } from "./QuestionMarkCircle";
+export { default as ReactionIcon } from "./Reaction";
+export { default as RectangleIcon } from "./Rectangle";
+export { default as RobotIcon } from "./Robot";
+export { default as RocketIcon } from "./Rocket";
+export { default as ScanIcon } from "./Scan";
+export { default as ServerIcon } from "./Server";
+export { default as ShakeHandsIcon } from "./ShakeHands";
+export { default as ShapesIcon } from "./Shapes";
+export { default as SparklesIcon } from "./Sparkles";
+export { default as SquareIcon } from "./Square";
+export { default as Square3Stack3DIcon } from "./Square3Stack3D";
+export { default as StarIcon } from "./Star";
+export { default as StopIcon } from "./Stop";
+export { default as TableIcon } from "./Table";
+export { default as TemplateIcon } from "./Template";
+export { default as TestTubeIcon } from "./TestTube";
+export { default as TimeIcon } from "./Time";
+export { default as TrashIcon } from "./Trash";
+export { default as TriangleIcon } from "./Triangle";
+export { default as UserIcon } from "./User";
+export { default as UserArrowIcon } from "./UserArrow";
+export { default as UserGroupIcon } from "./UserGroup";
+export { default as UserPlusIcon } from "./UserPlus";
+export { default as WrenchIcon } from "./Wrench";
+export { default as XCircleIcon } from "./XCircle";
+export { default as XMarkIcon } from "./XMark";
diff --git a/sparkle/src/icons/stroke/index.ts b/sparkle/src/icons/stroke/index.ts
index e0571da5b9ba5..b515ec0bc526d 100644
--- a/sparkle/src/icons/stroke/index.ts
+++ b/sparkle/src/icons/stroke/index.ts
@@ -1,115 +1,115 @@
-export { default as ArrowDown } from "./ArrowDown";
-export { default as ArrowDownCircle } from "./ArrowDownCircle";
-export { default as ArrowDownOnSquare } from "./ArrowDownOnSquare";
-export { default as ArrowLeft } from "./ArrowLeft";
-export { default as ArrowPath } from "./ArrowPath";
-export { default as ArrowRight } from "./ArrowRight";
-export { default as ArrowUp } from "./ArrowUp";
-export { default as ArrowUpOnSquare } from "./ArrowUpOnSquare";
-export { default as Attachment } from "./Attachment";
-export { default as Backspace } from "./Backspace";
-export { default as Bookmark } from "./Bookmark";
-export { default as BookOpen } from "./BookOpen";
-export { default as Braces } from "./Braces";
-export { default as Card } from "./Card";
-export { default as ChatBubbleBottomCenterPlus } from "./ChatBubbleBottomCenterPlus";
-export { default as ChatBubbleBottomCenterText } from "./ChatBubbleBottomCenterText";
-export { default as ChatBubbleLeftRight } from "./ChatBubbleLeftRight";
-export { default as Check } from "./Check";
-export { default as CheckCircle } from "./CheckCircle";
-export { default as ChevronDown } from "./ChevronDown";
-export { default as ChevronLeft } from "./ChevronLeft";
-export { default as ChevronRight } from "./ChevronRight";
-export { default as ChevronUp } from "./ChevronUp";
-export { default as ChevronUpDown } from "./ChevronUpDown";
-export { default as Circle } from "./Circle";
-export { default as Clipboard } from "./Clipboard";
-export { default as ClipboardCheck } from "./ClipboardCheck";
-export { default as Clock } from "./Clock";
-export { default as CloudArrowDown } from "./CloudArrowDown";
-export { default as CloudArrowLeftRight } from "./CloudArrowLeftRight";
-export { default as CloudArrowUp } from "./CloudArrowUp";
-export { default as CloudX } from "./CloudX";
-export { default as Cog6Tooth } from "./Cog6Tooth";
-export { default as Command } from "./Command";
-export { default as CommandLine } from "./CommandLine";
-export { default as Cube } from "./Cube";
-export { default as Dash } from "./Dash";
-export { default as Document } from "./Document";
-export { default as DocumentDuplicate } from "./DocumentDuplicate";
-export { default as DocumentPile } from "./DocumentPile";
-export { default as DocumentPlus } from "./DocumentPlus";
-export { default as DocumentText } from "./DocumentText";
-export { default as Dust } from "./Dust";
-export { default as EmotionLaugh } from "./EmotionLaugh";
-export { default as Equalizer } from "./Equalizer";
-export { default as ExclamationCircle } from "./ExclamationCircle";
-export { default as ExternalLink } from "./ExternalLink";
-export { default as Eye } from "./Eye";
-export { default as EyeSlash } from "./EyeSlash";
-export { default as Flag } from "./Flag";
-export { default as Folder } from "./Folder";
-export { default as FolderOpen } from "./FolderOpen";
-export { default as Fullscreen } from "./Fullscreen";
-export { default as FullscreenExit } from "./FullscreenExit";
-export { default as GlobeAlt } from "./GlobeAlt";
-export { default as Grab } from "./Grab";
-export { default as HandHeart } from "./HandHeart";
-export { default as HandThumbDown } from "./HandThumbDown";
-export { default as HandThumbUp } from "./HandThumbUp";
-export { default as HeartAlt } from "./HeartAlt";
-export { default as Hexagon } from "./Hexagon";
-export { default as Image } from "./Image";
-export { default as InformationCircle } from "./InformationCircle";
-export { default as Key } from "./Key";
-export { default as Lightbulb } from "./Lightbulb";
-export { default as Link } from "./Link";
-export { default as List } from "./List";
-export { default as ListAdd } from "./ListAdd";
-export { default as ListCheck } from "./ListCheck";
-export { default as ListRemove } from "./ListRemove";
-export { default as Lock } from "./Lock";
-export { default as Login } from "./Login";
-export { default as Logout } from "./Logout";
-export { default as Magic } from "./Magic";
-export { default as MagnifyingGlass } from "./MagnifyingGlass";
-export { default as Menu } from "./Menu";
-export { default as More } from "./More";
-export { default as MovingMail } from "./MovingMail";
-export { default as Paint } from "./Paint";
-export { default as PaperAirplane } from "./PaperAirplane";
-export { default as Pause } from "./Pause";
-export { default as PencilSquare } from "./PencilSquare";
-export { default as Planet } from "./Planet";
-export { default as Play } from "./Play";
-export { default as Plus } from "./Plus";
-export { default as PlusCircle } from "./PlusCircle";
-export { default as Pushpin } from "./Pushpin";
-export { default as Puzzle } from "./Puzzle";
-export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
-export { default as Reaction } from "./Reaction";
-export { default as Rectangle } from "./Rectangle";
-export { default as Robot } from "./Robot";
-export { default as Rocket } from "./Rocket";
-export { default as Scan } from "./Scan";
-export { default as Server } from "./Server";
-export { default as ShakeHands } from "./ShakeHands";
-export { default as Shapes } from "./Shapes";
-export { default as Sparkles } from "./Sparkles";
-export { default as Square } from "./Square";
-export { default as Square3Stack3D } from "./Square3Stack3D";
-export { default as Star } from "./Star";
-export { default as Stop } from "./Stop";
-export { default as Table } from "./Table";
-export { default as Template } from "./Template";
-export { default as TestTube } from "./TestTube";
-export { default as Time } from "./Time";
-export { default as Trash } from "./Trash";
-export { default as Triangle } from "./Triangle";
-export { default as User } from "./User";
-export { default as UserArrow } from "./UserArrow";
-export { default as UserGroup } from "./UserGroup";
-export { default as UserPlus } from "./UserPlus";
-export { default as Wrench } from "./Wrench";
-export { default as XCircle } from "./XCircle";
-export { default as XMark } from "./XMark";
+export { default as ArrowDownStrokeIcon } from "./ArrowDown";
+export { default as ArrowDownCircleStrokeIcon } from "./ArrowDownCircle";
+export { default as ArrowDownOnSquareStrokeIcon } from "./ArrowDownOnSquare";
+export { default as ArrowLeftStrokeIcon } from "./ArrowLeft";
+export { default as ArrowPathStrokeIcon } from "./ArrowPath";
+export { default as ArrowRightStrokeIcon } from "./ArrowRight";
+export { default as ArrowUpStrokeIcon } from "./ArrowUp";
+export { default as ArrowUpOnSquareStrokeIcon } from "./ArrowUpOnSquare";
+export { default as AttachmentStrokeIcon } from "./Attachment";
+export { default as BackspaceStrokeIcon } from "./Backspace";
+export { default as BookmarkStrokeIcon } from "./Bookmark";
+export { default as BookOpenStrokeIcon } from "./BookOpen";
+export { default as BracesStrokeIcon } from "./Braces";
+export { default as CardStrokeIcon } from "./Card";
+export { default as ChatBubbleBottomCenterPlusStrokeIcon } from "./ChatBubbleBottomCenterPlus";
+export { default as ChatBubbleBottomCenterTextStrokeIcon } from "./ChatBubbleBottomCenterText";
+export { default as ChatBubbleLeftRightStrokeIcon } from "./ChatBubbleLeftRight";
+export { default as CheckStrokeIcon } from "./Check";
+export { default as CheckCircleStrokeIcon } from "./CheckCircle";
+export { default as ChevronDownStrokeIcon } from "./ChevronDown";
+export { default as ChevronLeftStrokeIcon } from "./ChevronLeft";
+export { default as ChevronRightStrokeIcon } from "./ChevronRight";
+export { default as ChevronUpStrokeIcon } from "./ChevronUp";
+export { default as ChevronUpDownStrokeIcon } from "./ChevronUpDown";
+export { default as CircleStrokeIcon } from "./Circle";
+export { default as ClipboardStrokeIcon } from "./Clipboard";
+export { default as ClipboardCheckStrokeIcon } from "./ClipboardCheck";
+export { default as ClockStrokeIcon } from "./Clock";
+export { default as CloudArrowDownStrokeIcon } from "./CloudArrowDown";
+export { default as CloudArrowLeftRightStrokeIcon } from "./CloudArrowLeftRight";
+export { default as CloudArrowUpStrokeIcon } from "./CloudArrowUp";
+export { default as CloudXStrokeIcon } from "./CloudX";
+export { default as Cog6ToothStrokeIcon } from "./Cog6Tooth";
+export { default as CommandStrokeIcon } from "./Command";
+export { default as CommandLineStrokeIcon } from "./CommandLine";
+export { default as CubeStrokeIcon } from "./Cube";
+export { default as DashStrokeIcon } from "./Dash";
+export { default as DocumentStrokeIcon } from "./Document";
+export { default as DocumentDuplicateStrokeIcon } from "./DocumentDuplicate";
+export { default as DocumentPileStrokeIcon } from "./DocumentPile";
+export { default as DocumentPlusStrokeIcon } from "./DocumentPlus";
+export { default as DocumentTextStrokeIcon } from "./DocumentText";
+export { default as DustStrokeIcon } from "./Dust";
+export { default as EmotionLaughStrokeIcon } from "./EmotionLaugh";
+export { default as EqualizerStrokeIcon } from "./Equalizer";
+export { default as ExclamationCircleStrokeIcon } from "./ExclamationCircle";
+export { default as ExternalLinkStrokeIcon } from "./ExternalLink";
+export { default as EyeStrokeIcon } from "./Eye";
+export { default as EyeSlashStrokeIcon } from "./EyeSlash";
+export { default as FlagStrokeIcon } from "./Flag";
+export { default as FolderStrokeIcon } from "./Folder";
+export { default as FolderOpenStrokeIcon } from "./FolderOpen";
+export { default as FullscreenStrokeIcon } from "./Fullscreen";
+export { default as FullscreenExitStrokeIcon } from "./FullscreenExit";
+export { default as GlobeAltStrokeIcon } from "./GlobeAlt";
+export { default as GrabStrokeIcon } from "./Grab";
+export { default as HandHeartStrokeIcon } from "./HandHeart";
+export { default as HandThumbDownStrokeIcon } from "./HandThumbDown";
+export { default as HandThumbUpStrokeIcon } from "./HandThumbUp";
+export { default as HeartAltStrokeIcon } from "./HeartAlt";
+export { default as HexagonStrokeIcon } from "./Hexagon";
+export { default as ImageStrokeIcon } from "./Image";
+export { default as InformationCircleStrokeIcon } from "./InformationCircle";
+export { default as KeyStrokeIcon } from "./Key";
+export { default as LightbulbStrokeIcon } from "./Lightbulb";
+export { default as LinkStrokeIcon } from "./Link";
+export { default as ListStrokeIcon } from "./List";
+export { default as ListAddStrokeIcon } from "./ListAdd";
+export { default as ListCheckStrokeIcon } from "./ListCheck";
+export { default as ListRemoveStrokeIcon } from "./ListRemove";
+export { default as LockStrokeIcon } from "./Lock";
+export { default as LoginStrokeIcon } from "./Login";
+export { default as LogoutStrokeIcon } from "./Logout";
+export { default as MagicStrokeIcon } from "./Magic";
+export { default as MagnifyingGlassStrokeIcon } from "./MagnifyingGlass";
+export { default as MenuStrokeIcon } from "./Menu";
+export { default as MoreStrokeIcon } from "./More";
+export { default as MovingMailStrokeIcon } from "./MovingMail";
+export { default as PaintStrokeIcon } from "./Paint";
+export { default as PaperAirplaneStrokeIcon } from "./PaperAirplane";
+export { default as PauseStrokeIcon } from "./Pause";
+export { default as PencilSquareStrokeIcon } from "./PencilSquare";
+export { default as PlanetStrokeIcon } from "./Planet";
+export { default as PlayStrokeIcon } from "./Play";
+export { default as PlusStrokeIcon } from "./Plus";
+export { default as PlusCircleStrokeIcon } from "./PlusCircle";
+export { default as PushpinStrokeIcon } from "./Pushpin";
+export { default as PuzzleStrokeIcon } from "./Puzzle";
+export { default as QuestionMarkCircleStrokeIcon } from "./QuestionMarkCircle";
+export { default as ReactionStrokeIcon } from "./Reaction";
+export { default as RectangleStrokeIcon } from "./Rectangle";
+export { default as RobotStrokeIcon } from "./Robot";
+export { default as RocketStrokeIcon } from "./Rocket";
+export { default as ScanStrokeIcon } from "./Scan";
+export { default as ServerStrokeIcon } from "./Server";
+export { default as ShakeHandsStrokeIcon } from "./ShakeHands";
+export { default as ShapesStrokeIcon } from "./Shapes";
+export { default as SparklesStrokeIcon } from "./Sparkles";
+export { default as SquareStrokeIcon } from "./Square";
+export { default as Square3Stack3DStrokeIcon } from "./Square3Stack3D";
+export { default as StarStrokeIcon } from "./Star";
+export { default as StopStrokeIcon } from "./Stop";
+export { default as TableStrokeIcon } from "./Table";
+export { default as TemplateStrokeIcon } from "./Template";
+export { default as TestTubeStrokeIcon } from "./TestTube";
+export { default as TimeStrokeIcon } from "./Time";
+export { default as TrashStrokeIcon } from "./Trash";
+export { default as TriangleStrokeIcon } from "./Triangle";
+export { default as UserStrokeIcon } from "./User";
+export { default as UserArrowStrokeIcon } from "./UserArrow";
+export { default as UserGroupStrokeIcon } from "./UserGroup";
+export { default as UserPlusStrokeIcon } from "./UserPlus";
+export { default as WrenchStrokeIcon } from "./Wrench";
+export { default as XCircleStrokeIcon } from "./XCircle";
+export { default as XMarkStrokeIcon } from "./XMark";
diff --git a/sparkle/src/index.ts b/sparkle/src/index.ts
index c4a5f5da370ed..832e0fdb8f30e 100644
--- a/sparkle/src/index.ts
+++ b/sparkle/src/index.ts
@@ -1,2 +1,5 @@
-import "./styles/global.css";
-export * from "./_index";
+export * from "./components";
+export { SparkleContext } from "./context";
+export * from "./icons";
+export * from "./lib";
+export * from "./logo";
diff --git a/sparkle/src/index_with_tw_base.ts b/sparkle/src/index_with_tw_base.ts
index b32e3a4e46789..1e1ce6baa07a7 100644
--- a/sparkle/src/index_with_tw_base.ts
+++ b/sparkle/src/index_with_tw_base.ts
@@ -1,2 +1,2 @@
import "./styles/global_with_tw_base.css";
-export * from "./_index";
+export * from "./index";
diff --git a/sparkle/src/lib/index.ts b/sparkle/src/lib/index.ts
new file mode 100644
index 0000000000000..63d9cac821c29
--- /dev/null
+++ b/sparkle/src/lib/index.ts
@@ -0,0 +1 @@
+export * as avatarUtils from "./avatar/utils";
diff --git a/sparkle/src/logo/index.ts b/sparkle/src/logo/index.ts
new file mode 100644
index 0000000000000..c07132c4fc8a6
--- /dev/null
+++ b/sparkle/src/logo/index.ts
@@ -0,0 +1,48 @@
+export {
+ LogoHorizontalColor as LogoHorizontalColorLogo,
+ LogoHorizontalColorLayer1 as LogoHorizontalColorLogoLayer1,
+ LogoHorizontalColorLayer2 as LogoHorizontalColorLogoLayer2,
+ LogoHorizontalDark as LogoHorizontalDarkLogo,
+ LogoHorizontalWhite as LogoHorizontalWhiteLogo,
+ LogoSquareColor as LogoSquareColorLogo,
+ LogoSquareColorLayer1 as LogoSquareColorLogoLayer1,
+ LogoSquareColorLayer2 as LogoSquareColorLogoLayer2,
+ LogoSquareDark as LogoSquareDarkLogo,
+ LogoSquareWhite as LogoSquareWhiteLogo,
+} from "./dust";
+export { Logo } from "./Logo";
+export {
+ Ai21 as Ai21Logo,
+ Anthropic as AnthropicLogo,
+ AnthropicWhite as AnthropicWhiteLogo,
+ Claude as ClaudeLogo,
+ Cohere as CohereLogo,
+ Confluence as ConfluenceLogo,
+ Drive as DriveLogo,
+ Gemini as GeminiLogo,
+ Github as GithubLogo,
+ GithubWhite as GithubWhiteLogo,
+ Gong as GongLogo,
+ GoogleDoc as GoogleDocLogo,
+ Google as GoogleLogo,
+ GooglePdf as GooglePdfLogo,
+ GoogleSlide as GoogleSlideLogo,
+ GoogleSpreadsheet as GoogleSpreadsheetLogo,
+ Gpt3 as Gpt3Logo,
+ Gpt4 as Gpt4Logo,
+ HuggingFace as HuggingFaceLogo,
+ Intercom as IntercomLogo,
+ MicrosoftExcel as MicrosoftExcelLogo,
+ Microsoft as MicrosoftLogo,
+ MicrosoftPowerpoint as MicrosoftPowerpointLogo,
+ MicrosoftWord as MicrosoftWordLogo,
+ Mistral as MistralLogo,
+ Notion as NotionLogo,
+ Office as OfficeLogo,
+ Openai as OpenaiLogo,
+ OpenaiWhite as OpenaiWhiteLogo,
+ Replicate as ReplicateLogo,
+ Salesforce as SalesforceLogo,
+ Slack as SlackLogo,
+ Zapier as ZapierLogo,
+} from "./platforms";
diff --git a/sparkle/src/stories/Banner.stories.tsx b/sparkle/src/stories/Banner.stories.tsx
index 14e64a436cabd..7e1f5e97639ad 100644
--- a/sparkle/src/stories/Banner.stories.tsx
+++ b/sparkle/src/stories/Banner.stories.tsx
@@ -1,8 +1,8 @@
import type { Meta } from "@storybook/react";
import React from "react";
-import { Button } from "@sparkle/_index";
import { Banner } from "@sparkle/components/Banner";
+import { Button } from "@sparkle/components/Button";
const meta = {
title: "Components/Banner",
diff --git a/sparkle/src/stories/BarHeader.stories.tsx b/sparkle/src/stories/BarHeader.stories.tsx
index 4a13a307c67cc..c585fec47eb21 100644
--- a/sparkle/src/stories/BarHeader.stories.tsx
+++ b/sparkle/src/stories/BarHeader.stories.tsx
@@ -1,7 +1,7 @@
import type { Meta, StoryObj } from "@storybook/react";
import React from "react";
-import { ChatBubbleBottomCenterText } from "@sparkle/icons/solid";
+import { ChatBubbleBottomCenterTextIcon } from "@sparkle/icons/solid";
import { BarHeader, Page } from "../index_with_tw_base";
@@ -41,7 +41,7 @@ export const BasicBarHeaderValidate = () => {
}
/>
