@getmicdrop/svelte-components 3.1.0 → 4.1.0

package/dist/index.d.ts

@@ -1,111 +1,114 @@
-export { default as Accordion } from "./components/Accordion/Accordion.svelte";
-export { default as AccordionItem } from "./components/Accordion/AccordionItem.svelte";
-export { default as Alert } from "./components/Alert/Alert.svelte";
-export { default as Badge } from "./components/Badges/Badge.svelte";
-export { default as BottomSheet } from "./components/BottomSheet/BottomSheet.svelte";
-export { default as Breadcrumb } from "./components/Breadcrumb/Breadcrumb.svelte";
-export { default as Button } from "./components/Button/Button.svelte";
-export { default as Checkbox } from "./components/Checkbox/Checkbox.svelte";
-export { default as ButtonSaveDemo } from "./components/Button/ButtonSaveDemo.svelte";
-export { default as Card } from "./components/Card.svelte";
-export { default as DarkModeToggle } from "./components/DarkModeToggle.svelte";
-export { default as Drawer } from "./components/Drawer/Drawer.svelte";
-export { default as Dropdown } from "./components/Dropdown/Dropdown.svelte";
-export { default as DropdownItem } from "./components/Dropdown/DropdownItem.svelte";
-export { default as SelectDropdown } from "./components/Dropdown/SelectDropdown.svelte";
-export { default as EmptyState } from "./components/EmptyState/EmptyState.svelte";
-export { default as ErrorDisplay } from "./components/ErrorDisplay.svelte";
-export { default as FormActions } from "./components/FormActions.svelte";
-export { default as FormValidationSummary } from "./components/FormValidationSummary.svelte";
-export { default as PageLoader } from "./components/PageLoader.svelte";
-export { default as Pagination } from "./components/Pagination/Pagination.svelte";
-export { default as Radio } from "./components/Radio/Radio.svelte";
-export { default as Skeleton } from "./components/Skeleton/Skeleton.svelte";
-export { default as ImagePlaceholder } from "./components/Skeleton/ImagePlaceholder.svelte";
-export { default as CardPlaceholder } from "./components/Skeleton/CardPlaceholder.svelte";
-export { default as ListPlaceholder } from "./components/Skeleton/ListPlaceholder.svelte";
-export { default as Tabs } from "./components/Tabs/Tabs.svelte";
-export { default as TabItem } from "./components/Tabs/TabItem.svelte";
-export { default as Toggle } from "./components/Toggle.svelte";
-export { default as Typography } from "./components/Typography/Typography.svelte";
-export { default as ValidationError } from "./components/ValidationError.svelte";
-export { default as CropImage } from "./components/CropImage/CropImage.svelte";
-export { default as Icon } from "./components/Icons/Icon.svelte";
-export { default as ArrowLeft } from "./components/Icons/ArrowLeft.svelte";
-export { default as ArrowRight } from "./components/Icons/ArrowRight.svelte";
-export { default as Availability } from "./components/Icons/Availability.svelte";
-export { default as Back } from "./components/Icons/Back.svelte";
-export { default as CheckCircle } from "./components/Icons/CheckCircle.svelte";
-export { default as CheckCircleOutline } from "./components/Icons/CheckCircleOutline.svelte";
-export { default as ChevronLeft } from "./components/Icons/ChevronLeft.svelte";
-export { default as ChevronRight } from "./components/Icons/ChevronRight.svelte";
-export { default as Copy } from "./components/Icons/Copy.svelte";
-export { default as Cross } from "./components/Icons/Cross.svelte";
-export { default as DownArrow } from "./components/Icons/DownArrow.svelte";
-export { default as ErrorCircle } from "./components/Icons/ErrorCircle.svelte";
-export { default as FacebookIcon } from "./components/Icons/FacebookIcon.svelte";
-export { default as Home } from "./components/Icons/Home.svelte";
-export { default as Info } from "./components/Icons/Info.svelte";
-export { default as InstagramIcon } from "./components/Icons/InstagramIcon.svelte";
-export { default as Message } from "./components/Icons/Message.svelte";
-export { default as MoonIcon } from "./components/Icons/MoonIcon.svelte";
-export { default as More } from "./components/Icons/More.svelte";
-export { default as MoreHori } from "./components/Icons/MoreHori.svelte";
-export { default as Notification } from "./components/Icons/Notification.svelte";
-export { default as Payment } from "./components/Icons/Payment.svelte";
-export { default as Profile } from "./components/Icons/Profile.svelte";
-export { default as Reload } from "./components/Icons/Reload.svelte";
-export { default as Shows } from "./components/Icons/Shows.svelte";
-export { default as Signout } from "./components/Icons/Signout.svelte";
-export { default as SunIcon } from "./components/Icons/SunIcon.svelte";
-export { default as TiktokIcon } from "./components/Icons/TiktokIcon.svelte";
-export { default as TwitterIcon } from "./components/Icons/TwitterIcon.svelte";
-export { default as WarningIcon } from "./components/Icons/WarningIcon.svelte";
-export { default as Input } from "./components/Input/Input.svelte";
-export { default as MultiSelect } from "./components/Input/MultiSelect.svelte";
-export { default as OTPInput } from "./components/Input/OTPInput.svelte";
-export { default as Search } from "./components/Input/Search.svelte";
-export { default as Select } from "./components/Input/Select.svelte";
-export { default as Textarea } from "./components/Input/Textarea.svelte";
-export { default as Label } from "./components/Label/Label.svelte";
-export { default as BottomNav } from "./components/Layout/BottomNav.svelte";
-export { default as Header } from "./components/Layout/Header.svelte";
-export { default as PageLayout } from "./components/Layout/PageLayout.svelte";
-export { default as Modal } from "./components/Modal/Modal.svelte";
-export { default as ConfirmationModal } from "./components/Modal/ConfirmationModal.svelte";
-export { default as StatusModal } from "./components/Modal/StatusModal.svelte";
-export { default as InputModal } from "./components/Modal/InputModal.svelte";
-export { default as ModalStateManager } from "./components/Modal/ModalStateManager.svelte";
-export { default as ModalTestWrapper } from "./components/Modal/ModalTestWrapper.svelte";
-export { default as PlaceAutocomplete } from "./components/PlaceAutocomplete/PlaceAutocomplete.svelte";
-export { default as Spinner } from "./components/Spinner/Spinner.svelte";
-export { default as PublicCard } from "./components/PublicCard/PublicCard.svelte";
-export { default as MonthSwitcher } from "./components/MonthSwitcher/MonthSwitcher.svelte";
-export { default as OrderSummary } from "./components/OrderSummary/OrderSummary.svelte";
-export { default as ShowCard } from "./components/ShowCard/ShowCard.svelte";
-export { default as AboutShow } from "./components/AboutShow/AboutShow.svelte";
-export { default as FAQs } from "./components/FAQs/FAQs.svelte";
-export { default as ShowTimeCard } from "./components/ShowTimeCard/ShowTimeCard.svelte";
-export { default as PasswordStrengthIndicator } from "./components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte";
-export { default as SuperLogin } from "./components/SuperLogin/SuperLogin.svelte";
-export { default as StatusIndicator } from "./components/StatusIndicator/StatusIndicator.svelte";
-export { default as ModalShowInfo } from "./components/pages/performers/ModalShowInfo.svelte";
-export { default as PageBackButton } from "./components/pages/performers/PageBackButton.svelte";
-export { default as SectionHeader } from "./components/pages/performers/SectionHeader.svelte";
-export { default as ShowDetails } from "./components/pages/performers/ShowDetails.svelte";
-export { default as ShowItemCard } from "./components/pages/performers/ShowItemCard.svelte";
-export { default as SwitchOption } from "./components/pages/performers/SwitchOption.svelte";
-export { default as VenueInfo } from "./components/pages/performers/VenueInfo.svelte";
-export { default as VenueItemCard } from "./components/pages/performers/VenueItemCard.svelte";
-export { default as ProfileForm } from "./components/pages/profile/profile-form.svelte";
-export { default as ProfilePhotos } from "./components/pages/profile/profile-photos.svelte";
-export { default as CustomImageDropzone } from "./components/pages/settings/tabs/CustomImageDropzone.svelte";
-export { default as ShowList } from "./components/pages/shows/ShowList.svelte";
-export { default as TabContent } from "./components/pages/shows/TabContent.svelte";
-export { default as TabNavigation } from "./components/pages/shows/TabNavigation.svelte";
+export { default as Accordion } from "./primitives/Accordion/Accordion.svelte";
+export { default as AccordionItem } from "./primitives/Accordion/AccordionItem.svelte";
+export { default as Alert } from "./primitives/Alert/Alert.svelte";
+export { default as Avatar } from "./primitives/Avatar/Avatar.svelte";
+export { default as Badge } from "./primitives/Badges/Badge.svelte";
+export { default as BottomSheet } from "./primitives/BottomSheet/BottomSheet.svelte";
+export { default as Breadcrumb } from "./primitives/Breadcrumb/Breadcrumb.svelte";
+export { default as Button } from "./primitives/Button/Button.svelte";
+export { default as ButtonSaveDemo } from "./primitives/Button/ButtonSaveDemo.svelte";
+export { default as Card } from "./primitives/Card.svelte";
+export { default as Checkbox } from "./primitives/Checkbox/Checkbox.svelte";
+export { default as DarkModeToggle } from "./primitives/DarkModeToggle.svelte";
+export { default as Drawer } from "./primitives/Drawer/Drawer.svelte";
+export { default as Dropdown } from "./primitives/Dropdown/Dropdown.svelte";
+export { default as DropdownItem } from "./primitives/Dropdown/DropdownItem.svelte";
+export { default as Icon } from "./primitives/Icons/Icon.svelte";
+export { default as ArrowLeft } from "./primitives/Icons/ArrowLeft.svelte";
+export { default as ArrowRight } from "./primitives/Icons/ArrowRight.svelte";
+export { default as Availability } from "./primitives/Icons/Availability.svelte";
+export { default as Back } from "./primitives/Icons/Back.svelte";
+export { default as CheckCircle } from "./primitives/Icons/CheckCircle.svelte";
+export { default as CheckCircleOutline } from "./primitives/Icons/CheckCircleOutline.svelte";
+export { default as ChevronLeft } from "./primitives/Icons/ChevronLeft.svelte";
+export { default as ChevronRight } from "./primitives/Icons/ChevronRight.svelte";
+export { default as Copy } from "./primitives/Icons/Copy.svelte";
+export { default as Cross } from "./primitives/Icons/Cross.svelte";
+export { default as DownArrow } from "./primitives/Icons/DownArrow.svelte";
+export { default as ErrorCircle } from "./primitives/Icons/ErrorCircle.svelte";
+export { default as FacebookIcon } from "./primitives/Icons/FacebookIcon.svelte";
+export { default as Home } from "./primitives/Icons/Home.svelte";
+export { default as Info } from "./primitives/Icons/Info.svelte";
+export { default as InstagramIcon } from "./primitives/Icons/InstagramIcon.svelte";
+export { default as Message } from "./primitives/Icons/Message.svelte";
+export { default as MoonIcon } from "./primitives/Icons/MoonIcon.svelte";
+export { default as More } from "./primitives/Icons/More.svelte";
+export { default as MoreHori } from "./primitives/Icons/MoreHori.svelte";
+export { default as Notification } from "./primitives/Icons/Notification.svelte";
+export { default as Payment } from "./primitives/Icons/Payment.svelte";
+export { default as Profile } from "./primitives/Icons/Profile.svelte";
+export { default as Reload } from "./primitives/Icons/Reload.svelte";
+export { default as Shows } from "./primitives/Icons/Shows.svelte";
+export { default as Signout } from "./primitives/Icons/Signout.svelte";
+export { default as SunIcon } from "./primitives/Icons/SunIcon.svelte";
+export { default as TiktokIcon } from "./primitives/Icons/TiktokIcon.svelte";
+export { default as TwitterIcon } from "./primitives/Icons/TwitterIcon.svelte";
+export { default as WarningIcon } from "./primitives/Icons/WarningIcon.svelte";
+export { default as Input } from "./primitives/Input/Input.svelte";
+export { default as Select } from "./primitives/Input/Select.svelte";
+export { default as Textarea } from "./primitives/Input/Textarea.svelte";
+export { default as Label } from "./primitives/Label/Label.svelte";
+export { default as Modal } from "./primitives/Modal/Modal.svelte";
+export { default as Pagination } from "./primitives/Pagination/Pagination.svelte";
+export { default as Radio } from "./primitives/Radio/Radio.svelte";
+export { default as Skeleton } from "./primitives/Skeleton/Skeleton.svelte";
+export { default as ImagePlaceholder } from "./primitives/Skeleton/ImagePlaceholder.svelte";
+export { default as CardPlaceholder } from "./primitives/Skeleton/CardPlaceholder.svelte";
+export { default as ListPlaceholder } from "./primitives/Skeleton/ListPlaceholder.svelte";
+export { default as Spinner } from "./primitives/Spinner/Spinner.svelte";
+export { default as Tabs } from "./primitives/Tabs/Tabs.svelte";
+export { default as TabItem } from "./primitives/Tabs/TabItem.svelte";
+export { default as Toggle } from "./primitives/Toggle.svelte";
+export { default as Typography } from "./primitives/Typography/Typography.svelte";
+export { default as ValidationError } from "./primitives/ValidationError.svelte";
+export { default as CropImage } from "./recipes/CropImage/CropImage.svelte";
+export { default as EmptyState } from "./recipes/feedback/EmptyState/EmptyState.svelte";
+export { default as ErrorDisplay } from "./recipes/feedback/ErrorDisplay.svelte";
+export { default as StatusIndicator } from "./recipes/feedback/StatusIndicator/StatusIndicator.svelte";
+export { default as MultiSelect } from "./recipes/inputs/MultiSelect.svelte";
+export { default as OTPInput } from "./recipes/inputs/OTPInput.svelte";
+export { default as PasswordInput } from "./recipes/inputs/PasswordInput.svelte";
+export { default as PasswordStrengthIndicator } from "./recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte";
+export { default as PlaceAutocomplete } from "./recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte";
+export { default as Search } from "./recipes/inputs/Search.svelte";
+export { default as SelectDropdown } from "./recipes/inputs/SelectDropdown.svelte";
+export { default as AlertModal } from "./recipes/modals/AlertModal.svelte";
+export { default as ConfirmationModal } from "./recipes/modals/ConfirmationModal.svelte";
+export { default as InputModal } from "./recipes/modals/InputModal.svelte";
+export { default as ModalStateManager } from "./recipes/modals/ModalStateManager.svelte";
+export { default as ModalTestWrapper } from "./recipes/modals/ModalTestWrapper.svelte";
+export { default as StatusModal } from "./recipes/modals/StatusModal.svelte";
+export { default as SuperLogin } from "./recipes/SuperLogin/SuperLogin.svelte";
+export { default as CheckboxField } from "./recipes/fields/CheckboxField.svelte";
+export { default as FormField } from "./recipes/fields/FormField.svelte";
+export { default as RadioGroup } from "./recipes/fields/RadioGroup.svelte";
+export { default as SelectField } from "./recipes/fields/SelectField.svelte";
+export { default as TextareaField } from "./recipes/fields/TextareaField.svelte";
+export { default as ToggleField } from "./recipes/fields/ToggleField.svelte";
+export { default as FormActions } from "./patterns/forms/FormActions.svelte";
+export { default as FormGrid } from "./patterns/forms/FormGrid.svelte";
+export { default as FormSection } from "./patterns/forms/FormSection.svelte";
+export { default as FormValidationSummary } from "./patterns/forms/FormValidationSummary.svelte";
+export { default as BottomNav } from "./patterns/navigation/BottomNav.svelte";
+export { default as Header } from "./patterns/navigation/Header.svelte";
+export { default as PageHeader } from "./patterns/page/PageHeader.svelte";
+export { default as PageLayout } from "./patterns/page/PageLayout.svelte";
+export { default as PageLoader } from "./patterns/page/PageLoader.svelte";
+export { default as SectionHeader } from "./patterns/page/SectionHeader.svelte";
+export { default as DataGrid } from "./patterns/data/DataGrid.svelte";
+export { default as DataList } from "./patterns/data/DataList.svelte";
+export { default as DataTable } from "./patterns/data/DataTable.svelte";
+export { default as PublicCard } from "./calendar/PublicCard/PublicCard.svelte";
+export { default as MonthSwitcher } from "./calendar/MonthSwitcher/MonthSwitcher.svelte";
+export { default as OrderSummary } from "./calendar/OrderSummary/OrderSummary.svelte";
+export { default as ShowCard } from "./calendar/ShowCard/ShowCard.svelte";
+export { default as AboutShow } from "./calendar/AboutShow/AboutShow.svelte";
+export { default as FAQs } from "./calendar/FAQs/FAQs.svelte";
+export { default as ShowTimeCard } from "./calendar/ShowTimeCard/ShowTimeCard.svelte";
 export * from "./config.js";
 export * from "./telemetry.js";
 export * from "./constants/formOptions.js";
 export * from "./constants/validation.js";
-export { default as MiniMonthCalendar, default as Calendar } from "./components/Calendar/MiniMonthCalendar.svelte";
+export * from "./presets/index.js";
+export { default as MiniMonthCalendar, default as Calendar } from "./calendar/Calendar/MiniMonthCalendar.svelte";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,149 +1,210 @@
-// Core Components
-export { default as Accordion } from './components/Accordion/Accordion.svelte';
-export { default as AccordionItem } from './components/Accordion/AccordionItem.svelte';
-export { default as Alert } from './components/Alert/Alert.svelte';
-export { default as Badge } from './components/Badges/Badge.svelte';
-export { default as BottomSheet } from './components/BottomSheet/BottomSheet.svelte';
-export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.svelte';
-export { default as Button } from './components/Button/Button.svelte';
-export { default as Checkbox } from './components/Checkbox/Checkbox.svelte';
-export { default as ButtonSaveDemo } from './components/Button/ButtonSaveDemo.svelte';
-export { default as Card } from './components/Card.svelte';
-export { default as DarkModeToggle } from './components/DarkModeToggle.svelte';
-export { default as Drawer } from './components/Drawer/Drawer.svelte';
-export { default as Dropdown } from './components/Dropdown/Dropdown.svelte';
-export { default as DropdownItem } from './components/Dropdown/DropdownItem.svelte';
-export { default as SelectDropdown } from './components/Dropdown/SelectDropdown.svelte';
-export { default as EmptyState } from './components/EmptyState/EmptyState.svelte';
-export { default as ErrorDisplay } from './components/ErrorDisplay.svelte';
-export { default as FormActions } from './components/FormActions.svelte';
-export { default as FormValidationSummary } from './components/FormValidationSummary.svelte';
-export { default as PageLoader } from './components/PageLoader.svelte';
-export { default as Pagination } from './components/Pagination/Pagination.svelte';
-export { default as Radio } from './components/Radio/Radio.svelte';
-export { default as Skeleton } from './components/Skeleton/Skeleton.svelte';
-export { default as ImagePlaceholder } from './components/Skeleton/ImagePlaceholder.svelte';
-export { default as CardPlaceholder } from './components/Skeleton/CardPlaceholder.svelte';
-export { default as ListPlaceholder } from './components/Skeleton/ListPlaceholder.svelte';
-export { default as Tabs } from './components/Tabs/Tabs.svelte';
-export { default as TabItem } from './components/Tabs/TabItem.svelte';
-export { default as Toggle } from './components/Toggle.svelte';
-export { default as Typography } from './components/Typography/Typography.svelte';
-export { default as ValidationError } from './components/ValidationError.svelte';
-
-// Calendar Components
-export { default as MiniMonthCalendar } from './components/Calendar/MiniMonthCalendar.svelte';
-// Legacy alias for backward compatibility - will be removed in future version
-export { default as Calendar } from './components/Calendar/MiniMonthCalendar.svelte';
+// =============================================================================
+// PRIMITIVES - Pure visual components (Layer 1)
+// =============================================================================
 
-// CropImage
-export { default as CropImage } from './components/CropImage/CropImage.svelte';
+// Accordion
+export { default as Accordion } from './primitives/Accordion/Accordion.svelte';
+export { default as AccordionItem } from './primitives/Accordion/AccordionItem.svelte';
+
+// Alert
+export { default as Alert } from './primitives/Alert/Alert.svelte';
+
+// Avatar
+export { default as Avatar } from './primitives/Avatar/Avatar.svelte';
+
+// Badge
+export { default as Badge } from './primitives/Badges/Badge.svelte';
+
+// BottomSheet
+export { default as BottomSheet } from './primitives/BottomSheet/BottomSheet.svelte';
+
+// Breadcrumb
+export { default as Breadcrumb } from './primitives/Breadcrumb/Breadcrumb.svelte';
+
+// Button
+export { default as Button } from './primitives/Button/Button.svelte';
+export { default as ButtonSaveDemo } from './primitives/Button/ButtonSaveDemo.svelte';
+
+// Card
+export { default as Card } from './primitives/Card.svelte';
+
+// Checkbox
+export { default as Checkbox } from './primitives/Checkbox/Checkbox.svelte';
+
+// DarkModeToggle
+export { default as DarkModeToggle } from './primitives/DarkModeToggle.svelte';
+
+// Drawer
+export { default as Drawer } from './primitives/Drawer/Drawer.svelte';
+
+// Dropdown
+export { default as Dropdown } from './primitives/Dropdown/Dropdown.svelte';
+export { default as DropdownItem } from './primitives/Dropdown/DropdownItem.svelte';
 
 // Icons
-export { default as Icon } from './components/Icons/Icon.svelte';
-export { default as ArrowLeft } from './components/Icons/ArrowLeft.svelte';
-export { default as ArrowRight } from './components/Icons/ArrowRight.svelte';
-export { default as Availability } from './components/Icons/Availability.svelte';
-export { default as Back } from './components/Icons/Back.svelte';
-export { default as CheckCircle } from './components/Icons/CheckCircle.svelte';
-export { default as CheckCircleOutline } from './components/Icons/CheckCircleOutline.svelte';
-export { default as ChevronLeft } from './components/Icons/ChevronLeft.svelte';
-export { default as ChevronRight } from './components/Icons/ChevronRight.svelte';
-export { default as Copy } from './components/Icons/Copy.svelte';
-export { default as Cross } from './components/Icons/Cross.svelte';
-export { default as DownArrow } from './components/Icons/DownArrow.svelte';
-export { default as ErrorCircle } from './components/Icons/ErrorCircle.svelte';
-export { default as FacebookIcon } from './components/Icons/FacebookIcon.svelte';
-export { default as Home } from './components/Icons/Home.svelte';
-export { default as Info } from './components/Icons/Info.svelte';
-export { default as InstagramIcon } from './components/Icons/InstagramIcon.svelte';
-export { default as Message } from './components/Icons/Message.svelte';
-export { default as MoonIcon } from './components/Icons/MoonIcon.svelte';
-export { default as More } from './components/Icons/More.svelte';
-export { default as MoreHori } from './components/Icons/MoreHori.svelte';
-export { default as Notification } from './components/Icons/Notification.svelte';
-export { default as Payment } from './components/Icons/Payment.svelte';
-export { default as Profile } from './components/Icons/Profile.svelte';
-export { default as Reload } from './components/Icons/Reload.svelte';
-export { default as Shows } from './components/Icons/Shows.svelte';
-export { default as Signout } from './components/Icons/Signout.svelte';
-export { default as SunIcon } from './components/Icons/SunIcon.svelte';
-export { default as TiktokIcon } from './components/Icons/TiktokIcon.svelte';
-export { default as TwitterIcon } from './components/Icons/TwitterIcon.svelte';
-export { default as WarningIcon } from './components/Icons/WarningIcon.svelte';
-
-// Input Components
-export { default as Input } from './components/Input/Input.svelte';
-export { default as MultiSelect } from './components/Input/MultiSelect.svelte';
-export { default as OTPInput } from './components/Input/OTPInput.svelte';
-export { default as Search } from './components/Input/Search.svelte';
-export { default as Select } from './components/Input/Select.svelte';
-export { default as Textarea } from './components/Input/Textarea.svelte';
-
-// Label Component
-export { default as Label } from './components/Label/Label.svelte';
-
-// Layout Components
-export { default as BottomNav } from './components/Layout/BottomNav.svelte';
-export { default as Header } from './components/Layout/Header.svelte';
-export { default as PageLayout } from './components/Layout/PageLayout.svelte';
-
-// Modal Components
-export { default as Modal } from './components/Modal/Modal.svelte';
-export { default as ConfirmationModal } from './components/Modal/ConfirmationModal.svelte';
-export { default as StatusModal } from './components/Modal/StatusModal.svelte';
-export { default as InputModal } from './components/Modal/InputModal.svelte';
-export { default as ModalStateManager } from './components/Modal/ModalStateManager.svelte';
-export { default as ModalTestWrapper } from './components/Modal/ModalTestWrapper.svelte';
-
-// PlaceAutocomplete
-export { default as PlaceAutocomplete } from './components/PlaceAutocomplete/PlaceAutocomplete.svelte';
+export { default as Icon } from './primitives/Icons/Icon.svelte';
+export { default as ArrowLeft } from './primitives/Icons/ArrowLeft.svelte';
+export { default as ArrowRight } from './primitives/Icons/ArrowRight.svelte';
+export { default as Availability } from './primitives/Icons/Availability.svelte';
+export { default as Back } from './primitives/Icons/Back.svelte';
+export { default as CheckCircle } from './primitives/Icons/CheckCircle.svelte';
+export { default as CheckCircleOutline } from './primitives/Icons/CheckCircleOutline.svelte';
+export { default as ChevronLeft } from './primitives/Icons/ChevronLeft.svelte';
+export { default as ChevronRight } from './primitives/Icons/ChevronRight.svelte';
+export { default as Copy } from './primitives/Icons/Copy.svelte';
+export { default as Cross } from './primitives/Icons/Cross.svelte';
+export { default as DownArrow } from './primitives/Icons/DownArrow.svelte';
+export { default as ErrorCircle } from './primitives/Icons/ErrorCircle.svelte';
+export { default as FacebookIcon } from './primitives/Icons/FacebookIcon.svelte';
+export { default as Home } from './primitives/Icons/Home.svelte';
+export { default as Info } from './primitives/Icons/Info.svelte';
+export { default as InstagramIcon } from './primitives/Icons/InstagramIcon.svelte';
+export { default as Message } from './primitives/Icons/Message.svelte';
+export { default as MoonIcon } from './primitives/Icons/MoonIcon.svelte';
+export { default as More } from './primitives/Icons/More.svelte';
+export { default as MoreHori } from './primitives/Icons/MoreHori.svelte';
+export { default as Notification } from './primitives/Icons/Notification.svelte';
+export { default as Payment } from './primitives/Icons/Payment.svelte';
+export { default as Profile } from './primitives/Icons/Profile.svelte';
+export { default as Reload } from './primitives/Icons/Reload.svelte';
+export { default as Shows } from './primitives/Icons/Shows.svelte';
+export { default as Signout } from './primitives/Icons/Signout.svelte';
+export { default as SunIcon } from './primitives/Icons/SunIcon.svelte';
+export { default as TiktokIcon } from './primitives/Icons/TiktokIcon.svelte';
+export { default as TwitterIcon } from './primitives/Icons/TwitterIcon.svelte';
+export { default as WarningIcon } from './primitives/Icons/WarningIcon.svelte';
+
+// Input (primitives only - Select, Textarea are here; recipes are in recipes/inputs)
+export { default as Input } from './primitives/Input/Input.svelte';
+export { default as Select } from './primitives/Input/Select.svelte';
+export { default as Textarea } from './primitives/Input/Textarea.svelte';
+
+// Label
+export { default as Label } from './primitives/Label/Label.svelte';
+
+// Modal (base only - composite modals are in recipes/modals)
+export { default as Modal } from './primitives/Modal/Modal.svelte';
+
+// Pagination
+export { default as Pagination } from './primitives/Pagination/Pagination.svelte';
+
+// Radio
+export { default as Radio } from './primitives/Radio/Radio.svelte';
+
+// Skeleton
+export { default as Skeleton } from './primitives/Skeleton/Skeleton.svelte';
+export { default as ImagePlaceholder } from './primitives/Skeleton/ImagePlaceholder.svelte';
+export { default as CardPlaceholder } from './primitives/Skeleton/CardPlaceholder.svelte';
+export { default as ListPlaceholder } from './primitives/Skeleton/ListPlaceholder.svelte';
 
 // Spinner
-export { default as Spinner } from './components/Spinner/Spinner.svelte';
-
-// Public Calendar Components (shared between venue-calendar and micdrop-frontend)
-export { default as PublicCard } from './components/PublicCard/PublicCard.svelte';
-export { default as MonthSwitcher } from './components/MonthSwitcher/MonthSwitcher.svelte';
-export { default as OrderSummary } from './components/OrderSummary/OrderSummary.svelte';
-export { default as ShowCard } from './components/ShowCard/ShowCard.svelte';
-export { default as AboutShow } from './components/AboutShow/AboutShow.svelte';
-export { default as FAQs } from './components/FAQs/FAQs.svelte';
-export { default as ShowTimeCard } from './components/ShowTimeCard/ShowTimeCard.svelte';
-
-// Password Strength Indicator
-export { default as PasswordStrengthIndicator } from './components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte';
-
-// SuperLogin - Unified login component
-export { default as SuperLogin } from './components/SuperLogin/SuperLogin.svelte';
-
-// Status Indicator
-export { default as StatusIndicator } from './components/StatusIndicator/StatusIndicator.svelte';
-
-// Page-specific Components - Performers
-export { default as ModalShowInfo } from './components/pages/performers/ModalShowInfo.svelte';
-export { default as PageBackButton } from './components/pages/performers/PageBackButton.svelte';
-export { default as SectionHeader } from './components/pages/performers/SectionHeader.svelte';
-export { default as ShowDetails } from './components/pages/performers/ShowDetails.svelte';
-export { default as ShowItemCard } from './components/pages/performers/ShowItemCard.svelte';
-export { default as SwitchOption } from './components/pages/performers/SwitchOption.svelte';
-export { default as VenueInfo } from './components/pages/performers/VenueInfo.svelte';
-export { default as VenueItemCard } from './components/pages/performers/VenueItemCard.svelte';
-
-// Page-specific Components - Profile
-export { default as ProfileForm } from './components/pages/profile/profile-form.svelte';
-export { default as ProfilePhotos } from './components/pages/profile/profile-photos.svelte';
-
-// Page-specific Components - Settings
-export { default as CustomImageDropzone } from './components/pages/settings/tabs/CustomImageDropzone.svelte';
-
-// Page-specific Components - Shows
-export { default as ShowList } from './components/pages/shows/ShowList.svelte';
-export { default as TabContent } from './components/pages/shows/TabContent.svelte';
-export { default as TabNavigation } from './components/pages/shows/TabNavigation.svelte';
-
-// Lib exports (non-component)
+export { default as Spinner } from './primitives/Spinner/Spinner.svelte';
+
+// Tabs
+export { default as Tabs } from './primitives/Tabs/Tabs.svelte';
+export { default as TabItem } from './primitives/Tabs/TabItem.svelte';
+
+// Toggle
+export { default as Toggle } from './primitives/Toggle.svelte';
+
+// Typography
+export { default as Typography } from './primitives/Typography/Typography.svelte';
+
+// ValidationError
+export { default as ValidationError } from './primitives/ValidationError.svelte';
+
+// =============================================================================
+// RECIPES - Domain-agnostic compositions (Layer 2)
+// =============================================================================
+
+// CropImage
+export { default as CropImage } from './recipes/CropImage/CropImage.svelte';
+
+// Feedback
+export { default as EmptyState } from './recipes/feedback/EmptyState/EmptyState.svelte';
+export { default as ErrorDisplay } from './recipes/feedback/ErrorDisplay.svelte';
+export { default as StatusIndicator } from './recipes/feedback/StatusIndicator/StatusIndicator.svelte';
+
+// Inputs (composite input components)
+export { default as MultiSelect } from './recipes/inputs/MultiSelect.svelte';
+export { default as OTPInput } from './recipes/inputs/OTPInput.svelte';
+export { default as PasswordInput } from './recipes/inputs/PasswordInput.svelte';
+export { default as PasswordStrengthIndicator } from './recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte';
+export { default as PlaceAutocomplete } from './recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte';
+export { default as Search } from './recipes/inputs/Search.svelte';
+export { default as SelectDropdown } from './recipes/inputs/SelectDropdown.svelte';
+
+// Modals (composite modal components)
+export { default as AlertModal } from './recipes/modals/AlertModal.svelte';
+export { default as ConfirmationModal } from './recipes/modals/ConfirmationModal.svelte';
+export { default as InputModal } from './recipes/modals/InputModal.svelte';
+export { default as ModalStateManager } from './recipes/modals/ModalStateManager.svelte';
+export { default as ModalTestWrapper } from './recipes/modals/ModalTestWrapper.svelte';
+export { default as StatusModal } from './recipes/modals/StatusModal.svelte';
+
+// SuperLogin
+export { default as SuperLogin } from './recipes/SuperLogin/SuperLogin.svelte';
+
+// Fields (form field compositions)
+export { default as CheckboxField } from './recipes/fields/CheckboxField.svelte';
+export { default as FormField } from './recipes/fields/FormField.svelte';
+export { default as RadioGroup } from './recipes/fields/RadioGroup.svelte';
+export { default as SelectField } from './recipes/fields/SelectField.svelte';
+export { default as TextareaField } from './recipes/fields/TextareaField.svelte';
+export { default as ToggleField } from './recipes/fields/ToggleField.svelte';
+
+// =============================================================================
+// PATTERNS - Layout & flow components (Layer 3)
+// =============================================================================
+
+// Forms
+export { default as FormActions } from './patterns/forms/FormActions.svelte';
+export { default as FormGrid } from './patterns/forms/FormGrid.svelte';
+export { default as FormSection } from './patterns/forms/FormSection.svelte';
+export { default as FormValidationSummary } from './patterns/forms/FormValidationSummary.svelte';
+
+// Navigation
+export { default as BottomNav } from './patterns/navigation/BottomNav.svelte';
+export { default as Header } from './patterns/navigation/Header.svelte';
+
+// Page
+export { default as PageHeader } from './patterns/page/PageHeader.svelte';
+export { default as PageLayout } from './patterns/page/PageLayout.svelte';
+export { default as PageLoader } from './patterns/page/PageLoader.svelte';
+export { default as SectionHeader } from './patterns/page/SectionHeader.svelte';
+
+// Data
+export { default as DataGrid } from './patterns/data/DataGrid.svelte';
+export { default as DataList } from './patterns/data/DataList.svelte';
+export { default as DataTable } from './patterns/data/DataTable.svelte';
+
+// =============================================================================
+// CALENDAR - Domain components (deferred migration to apps)
+// =============================================================================
+
+export { default as MiniMonthCalendar } from './calendar/Calendar/MiniMonthCalendar.svelte';
+// Legacy alias for backward compatibility - will be removed in future version
+export { default as Calendar } from './calendar/Calendar/MiniMonthCalendar.svelte';
+
+export { default as PublicCard } from './calendar/PublicCard/PublicCard.svelte';
+export { default as MonthSwitcher } from './calendar/MonthSwitcher/MonthSwitcher.svelte';
+export { default as OrderSummary } from './calendar/OrderSummary/OrderSummary.svelte';
+export { default as ShowCard } from './calendar/ShowCard/ShowCard.svelte';
+export { default as AboutShow } from './calendar/AboutShow/AboutShow.svelte';
+export { default as FAQs } from './calendar/FAQs/FAQs.svelte';
+export { default as ShowTimeCard } from './calendar/ShowTimeCard/ShowTimeCard.svelte';
+
+// =============================================================================
+// NON-COMPONENT EXPORTS
+// =============================================================================
+
+// Config & Telemetry
 export * from './config.js';
 export * from './telemetry.js';
+
+// Constants
 export * from './constants/formOptions.js';
 export * from './constants/validation.js';
+
+// Presets - Domain-to-color mappings for migration
+export * from './presets/index.js';