webcoreui 0.4.1 → 0.6.0

package/react.d.ts

@@ -1,66 +1,119 @@
 import { FC } from 'react'
-import type { AccordionProps } from './components/Accordion/accordion'
-import type { ReactAlertProps } from './components/Alert/alert'
-import type { AvatarProps } from './components/Avatar/avatar'
-import type { ReactBadgeProps } from './components/Badge/badge'
-import type { ReactButtonProps } from './components/Button/button'
-import type { ReactCardProps } from './components/Card/card'
-import type { ReactCheckboxProps } from './components/Checkbox/checkbox'
-import type { ReactCollapsibleProps } from './components/Collapsible/collapsible'
-import type { ReactConditionalWrapperProps } from './components/ConditionalWrapper/conditionalwrapper'
-import type { ReactGroupProps } from './components/Group/group'
-import type { IconProps } from './components/Icon/icon'
-import type { ReactInputProps } from './components/Input/input'
-import type { ReactListProps } from './components/List/list'
-import type { ReactMenuProps } from './components/Menu/menu'
-import type { ReactModalProps } from './components/Modal/modal'
-import type { ReactPopoverProps } from './components/Popover/popover'
-import type { ProgressProps } from './components/Progress/progress'
-import type { ReactRadioProps } from './components/Radio/radio'
-import type { RatingProps } from './components/Rating/rating'
-import type { ReactSelectProps } from './components/Select/select'
-import type { ReactSheetProps } from './components/Sheet/sheet'
-import type { ReactSliderProps } from './components/Slider/slider'
-import type { SpinnerProps } from './components/Spinner/spinner'
-import type { ReactSwitchProps } from './components/Switch/switch'
-import type { TableProps } from './components/Table/table'
-import type { ReactTabsProps } from './components/Tabs/tabs'
-import type { ReactTextareaProps } from './components/Textarea/textarea'
-import type { ReactThemeSwitcherProps } from './components/ThemeSwitcher/themeswitcher'
-import type { ReactTimelineProps } from './components/Timeline/timeline'
-import type { ReactTimelineItemProps } from './components/TimelineItem/timelineitem'
-import type { ReactToastProps } from './components/Toast/toast'
+import type { AccordionProps as WAccordionProps } from './components/Accordion/accordion'
+import type { ReactAlertProps as WReactAlertProps } from './components/Alert/alert'
+import type { AvatarProps as WAvatarProps } from './components/Avatar/avatar'
+import type { ReactBadgeProps as WReactBadgeProps } from './components/Badge/badge'
+import type { BreadcrumbProps as WBreadcrumbProps } from './components/Breadcrumb/breadcrumb'
+import type { ReactButtonProps as WReactButtonProps } from './components/Button/button'
+import type { ReactCardProps as WReactCardProps } from './components/Card/card'
+import type { ReactCarouselProps as WReactCarouselProps } from './components/Carousel/carousel'
+import type { ReactCheckboxProps as WReactCheckboxProps } from './components/Checkbox/checkbox'
+import type { ReactCollapsibleProps as WReactCollapsibleProps } from './components/Collapsible/collapsible'
+import type { ReactConditionalWrapperProps as WReactConditionalWrapperProps } from './components/ConditionalWrapper/conditionalwrapper'
+import type { ReactDataTableProps as WReactDataTableProps } from './components/DataTable/datatable'
+import type { ReactFooterProps as WReactFooterProps } from './components/Footer/footer'
+import type { ReactGroupProps as WReactGroupProps } from './components/Group/group'
+import type { IconProps as WIconProps } from './components/Icon/icon'
+import type { ReactInputProps as WReactInputProps } from './components/Input/input'
+import type { ReactListProps as WReactListProps } from './components/List/list'
+import type { ReactMasonryProps as WReactMasonryProps } from './components/Masonry/masonry'
+import type { ReactMenuProps as WReactMenuProps } from './components/Menu/menu'
+import type { ReactModalProps as WReactModalProps } from './components/Modal/modal'
+import type { ReactPaginationProps as WReactPaginationProps } from './components/Pagination/pagination'
+import type { ReactPopoverProps as WReactPopoverProps } from './components/Popover/popover'
+import type { ProgressProps as WProgressProps } from './components/Progress/progress'
+import type { ReactRadioProps as WReactRadioProps } from './components/Radio/radio'
+import type { RatingProps as WRatingProps } from './components/Rating/rating'
+import type { ReactSelectProps as WReactSelectProps } from './components/Select/select'
+import type { ReactSheetProps as WReactSheetProps } from './components/Sheet/sheet'
+import type { ReactSidebarProps as WReactSidebarProps } from './components/Sidebar/sidebar'
+import type { ReactSliderProps as WReactSliderProps } from './components/Slider/slider'
+import type { SpinnerProps as WSpinnerProps } from './components/Spinner/spinner'
+import type { ReactSwitchProps as WReactSwitchProps } from './components/Switch/switch'
+import type { TableProps as WTableProps } from './components/Table/table'
+import type { ReactTabsProps as WReactTabsProps } from './components/Tabs/tabs'
+import type { ReactTextareaProps as WReactTextareaProps } from './components/Textarea/textarea'
+import type { ReactThemeSwitcherProps as WReactThemeSwitcherProps } from './components/ThemeSwitcher/themeswitcher'
+import type { ReactTimelineProps as WReactTimelineProps } from './components/Timeline/timeline'
+import type { ReactTimelineItemProps as WReactTimelineItemProps } from './components/TimelineItem/timelineitem'
+import type { ReactToastProps as WReactToastProps } from './components/Toast/toast'
 
 declare module 'webcoreui/react' {
-    export const Accordion: FC<AccordionProps>
-	export const Alert: FC<ReactAlertProps>
-	export const Avatar: FC<AvatarProps>
-	export const Badge: FC<ReactBadgeProps>
-	export const Button: FC<ReactButtonProps>
-	export const Card: FC<ReactCardProps>
-	export const Checkbox: FC<ReactCheckboxProps>
-	export const Collapsible: FC<ReactCollapsibleProps>
-	export const ConditionalWrapper: FC<ReactConditionalWrapperProps>
-	export const Group: FC<ReactGroupProps>
-	export const Icon: FC<IconProps>
-	export const Input: FC<ReactInputProps>
-	export const List: FC<ReactListProps>
-	export const Menu: FC<ReactMenuProps>
-	export const Modal: FC<ReactModalProps>
-	export const Popover: FC<ReactPopoverProps>
-	export const Progress: FC<ProgressProps>
-	export const Radio: FC<ReactRadioProps>
-	export const Rating: FC<RatingProps>
-	export const Select: FC<ReactSelectProps>
-	export const Sheet: FC<ReactSheetProps>
-	export const Slider: FC<ReactSliderProps>
-	export const Spinner: FC<SpinnerProps>
-	export const Switch: FC<ReactSwitchProps>
-	export const Table: FC<TableProps>
-	export const Tabs: FC<ReactTabsProps>
-	export const Textarea: FC<ReactTextareaProps>
-	export const ThemeSwitcher: FC<ReactThemeSwitcherProps>
-	export const Timeline: FC<ReactTimelineProps>
-	export const TimelineItem: FC<ReactTimelineItemProps>
-	export const Toast: FC<ReactToastProps>
+    export const Accordion: FC<WAccordionProps>
+	export const Alert: FC<WReactAlertProps>
+	export const Avatar: FC<WAvatarProps>
+	export const Badge: FC<WReactBadgeProps>
+	export const Breadcrumb: FC<WBreadcrumbProps>
+	export const Button: FC<WReactButtonProps>
+	export const Card: FC<WReactCardProps>
+	export const Carousel: FC<WReactCarouselProps>
+	export const Checkbox: FC<WReactCheckboxProps>
+	export const Collapsible: FC<WReactCollapsibleProps>
+	export const ConditionalWrapper: FC<WReactConditionalWrapperProps>
+	export const DataTable: FC<WReactDataTableProps>
+	export const Footer: FC<WReactFooterProps>
+	export const Group: FC<WReactGroupProps>
+	export const Icon: FC<WIconProps>
+	export const Input: FC<WReactInputProps>
+	export const List: FC<WReactListProps>
+	export const Masonry: FC<WReactMasonryProps>
+	export const Menu: FC<WReactMenuProps>
+	export const Modal: FC<WReactModalProps>
+	export const Pagination: FC<WReactPaginationProps>
+	export const Popover: FC<WReactPopoverProps>
+	export const Progress: FC<WProgressProps>
+	export const Radio: FC<WReactRadioProps>
+	export const Rating: FC<WRatingProps>
+	export const Select: FC<WReactSelectProps>
+	export const Sheet: FC<WReactSheetProps>
+	export const Sidebar: FC<WReactSidebarProps>
+	export const Slider: FC<WReactSliderProps>
+	export const Spinner: FC<WSpinnerProps>
+	export const Switch: FC<WReactSwitchProps>
+	export const Table: FC<WTableProps>
+	export const Tabs: FC<WReactTabsProps>
+	export const Textarea: FC<WReactTextareaProps>
+	export const ThemeSwitcher: FC<WReactThemeSwitcherProps>
+	export const Timeline: FC<WReactTimelineProps>
+	export const TimelineItem: FC<WReactTimelineItemProps>
+	export const Toast: FC<WReactToastProps>
+
+    export type AccordionProps = WAccordionProps
+	export type AlertProps = WReactAlertProps
+	export type AvatarProps = WAvatarProps
+	export type BadgeProps = WReactBadgeProps
+	export type BreadcrumbProps = WBreadcrumbProps
+	export type ButtonProps = WReactButtonProps
+	export type CardProps = WReactCardProps
+	export type CarouselProps = WReactCarouselProps
+	export type CheckboxProps = WReactCheckboxProps
+	export type CollapsibleProps = WReactCollapsibleProps
+	export type ConditionalWrapperProps = WReactConditionalWrapperProps
+	export type DataTableProps = WReactDataTableProps
+	export type FooterProps = WReactFooterProps
+	export type GroupProps = WReactGroupProps
+	export type IconProps = WIconProps
+	export type InputProps = WReactInputProps
+	export type ListProps = WReactListProps
+	export type MasonryProps = WReactMasonryProps
+	export type MenuProps = WReactMenuProps
+	export type ModalProps = WReactModalProps
+	export type PaginationProps = WReactPaginationProps
+	export type PopoverProps = WReactPopoverProps
+	export type ProgressProps = WProgressProps
+	export type RadioProps = WReactRadioProps
+	export type RatingProps = WRatingProps
+	export type SelectProps = WReactSelectProps
+	export type SheetProps = WReactSheetProps
+	export type SidebarProps = WReactSidebarProps
+	export type SliderProps = WReactSliderProps
+	export type SpinnerProps = WSpinnerProps
+	export type SwitchProps = WReactSwitchProps
+	export type TableProps = WTableProps
+	export type TabsProps = WReactTabsProps
+	export type TextareaProps = WReactTextareaProps
+	export type ThemeSwitcherProps = WReactThemeSwitcherProps
+	export type TimelineProps = WReactTimelineProps
+	export type TimelineItemProps = WReactTimelineItemProps
+	export type ToastProps = WReactToastProps
 }

package/react.js

@@ -2,23 +2,30 @@ import AccordionComponent from './components/Accordion/Accordion.tsx'
 import AlertComponent from './components/Alert/Alert.tsx'
 import AvatarComponent from './components/Avatar/Avatar.tsx'
 import BadgeComponent from './components/Badge/Badge.tsx'
+import BreadcrumbComponent from './components/Breadcrumb/Breadcrumb.tsx'
 import ButtonComponent from './components/Button/Button.tsx'
 import CardComponent from './components/Card/Card.tsx'
+import CarouselComponent from './components/Carousel/Carousel.tsx'
 import CheckboxComponent from './components/Checkbox/Checkbox.tsx'
 import CollapsibleComponent from './components/Collapsible/Collapsible.tsx'
 import ConditionalWrapperComponent from './components/ConditionalWrapper/ConditionalWrapper.tsx'
+import DataTableComponent from './components/DataTable/DataTable.tsx'
+import FooterComponent from './components/Footer/Footer.tsx'
 import GroupComponent from './components/Group/Group.tsx'
 import IconComponent from './components/Icon/Icon.tsx'
 import InputComponent from './components/Input/Input.tsx'
 import ListComponent from './components/List/List.tsx'
+import MasonryComponent from './components/Masonry/Masonry.tsx'
 import MenuComponent from './components/Menu/Menu.tsx'
 import ModalComponent from './components/Modal/Modal.tsx'
+import PaginationComponent from './components/Pagination/Pagination.tsx'
 import PopoverComponent from './components/Popover/Popover.tsx'
 import ProgressComponent from './components/Progress/Progress.tsx'
 import RadioComponent from './components/Radio/Radio.tsx'
 import RatingComponent from './components/Rating/Rating.tsx'
 import SelectComponent from './components/Select/Select.tsx'
 import SheetComponent from './components/Sheet/Sheet.tsx'
+import SidebarComponent from './components/Sidebar/Sidebar.tsx'
 import SliderComponent from './components/Slider/Slider.tsx'
 import SpinnerComponent from './components/Spinner/Spinner.tsx'
 import SwitchComponent from './components/Switch/Switch.tsx'
@@ -34,23 +41,30 @@ export const Accordion = AccordionComponent
 export const Alert = AlertComponent
 export const Avatar = AvatarComponent
 export const Badge = BadgeComponent
+export const Breadcrumb = BreadcrumbComponent
 export const Button = ButtonComponent
 export const Card = CardComponent
+export const Carousel = CarouselComponent
 export const Checkbox = CheckboxComponent
 export const Collapsible = CollapsibleComponent
 export const ConditionalWrapper = ConditionalWrapperComponent
+export const DataTable = DataTableComponent
+export const Footer = FooterComponent
 export const Group = GroupComponent
 export const Icon = IconComponent
 export const Input = InputComponent
 export const List = ListComponent
+export const Masonry = MasonryComponent
 export const Menu = MenuComponent
 export const Modal = ModalComponent
+export const Pagination = PaginationComponent
 export const Popover = PopoverComponent
 export const Progress = ProgressComponent
 export const Radio = RadioComponent
 export const Rating = RatingComponent
 export const Select = SelectComponent
 export const Sheet = SheetComponent
+export const Sidebar = SidebarComponent
 export const Slider = SliderComponent
 export const Spinner = SpinnerComponent
 export const Switch = SwitchComponent

package/scss/resets.scss

@@ -57,7 +57,7 @@
     }
 
     code {
-        @include spacing(px-sm);
+        @include spacing(px-xs);
         display: inline-block;
     }
 
@@ -103,4 +103,30 @@
         @include border(0);
         @include background(primary-50);
     }
+
+    table {
+        @include size('w100%');
+        @include typography(left);
+
+        border-collapse: collapse;
+    }
+
+    thead,
+    tfoot {
+        @include typography(bold);
+    }
+
+    th,
+    td {
+        @include spacing(py-xs, px-sm);
+    }
+
+    thead,
+    tr {
+        @include border(bottom, primary-50);
+
+        &:last-child {
+            @include border(bottom, 0);
+        }
+    }
 }    

package/svelte.d.ts

@@ -1,65 +1,119 @@
-import type { AccordionProps } from './components/Accordion/accordion'
-import type { AlertProps } from './components/Alert/alert'
-import type { AvatarProps } from './components/Avatar/avatar'
-import type { SvelteBadgeProps } from './components/Badge/badge'
-import type { SvelteButtonProps } from './components/Button/button'
-import type { CardProps } from './components/Card/card'
-import type { SvelteCheckboxProps } from './components/Checkbox/checkbox'
-import type { CollapsibleProps } from './components/Collapsible/collapsible'
-import type { ConditionalWrapperProps } from './components/ConditionalWrapper/conditionalwrapper'
-import type { GroupProps } from './components/Group/group'
-import type { IconProps } from './components/Icon/icon'
-import type { SvelteInputProps } from './components/Input/input'
-import type { SvelteListProps } from './components/List/list'
-import type { MenuProps } from './components/Menu/menu'
-import type { ModalProps } from './components/Modal/modal'
-import type { PopoverProps } from './components/Popover/popover'
-import type { ProgressProps } from './components/Progress/progress'
-import type { SvelteRadioProps } from './components/Radio/radio'
-import type { RatingProps } from './components/Rating/rating'
-import type { SvelteSelectProps } from './components/Select/select'
-import type { SheetProps } from './components/Sheet/sheet'
-import type { SvelteSliderProps } from './components/Slider/slider'
-import type { SpinnerProps } from './components/Spinner/spinner'
-import type { SvelteSwitchProps } from './components/Switch/switch'
-import type { TableProps } from './components/Table/table'
-import type { TabsProps } from './components/Tabs/tabs'
-import type { SvelteTextareaProps } from './components/Textarea/textarea'
-import type { ThemeSwitcherProps } from './components/ThemeSwitcher/themeswitcher'
-import type { TimelineProps } from './components/Timeline/timeline'
-import type { TimelineItemProps } from './components/TimelineItem/timelineitem'
-import type { ToastProps } from './components/Toast/toast'
+import type { SvelteComponent } from 'svelte'
+import type { AccordionProps as WAccordionProps } from './components/Accordion/accordion'
+import type { AlertProps as WAlertProps } from './components/Alert/alert'
+import type { AvatarProps as WAvatarProps } from './components/Avatar/avatar'
+import type { SvelteBadgeProps as WSvelteBadgeProps } from './components/Badge/badge'
+import type { BreadcrumbProps as WBreadcrumbProps } from './components/Breadcrumb/breadcrumb'
+import type { SvelteButtonProps as WSvelteButtonProps } from './components/Button/button'
+import type { CardProps as WCardProps } from './components/Card/card'
+import type { SvelteCarouselProps as WSvelteCarouselProps } from './components/Carousel/carousel'
+import type { SvelteCheckboxProps as WSvelteCheckboxProps } from './components/Checkbox/checkbox'
+import type { CollapsibleProps as WCollapsibleProps } from './components/Collapsible/collapsible'
+import type { ConditionalWrapperProps as WConditionalWrapperProps } from './components/ConditionalWrapper/conditionalwrapper'
+import type { SvelteDataTableProps as WSvelteDataTableProps } from './components/DataTable/datatable'
+import type { FooterProps as WFooterProps } from './components/Footer/footer'
+import type { GroupProps as WGroupProps } from './components/Group/group'
+import type { IconProps as WIconProps } from './components/Icon/icon'
+import type { SvelteInputProps as WSvelteInputProps } from './components/Input/input'
+import type { SvelteListProps as WSvelteListProps } from './components/List/list'
+import type { SvelteMasonryProps as WSvelteMasonryProps } from './components/Masonry/masonry'
+import type { MenuProps as WMenuProps } from './components/Menu/menu'
+import type { ModalProps as WModalProps } from './components/Modal/modal'
+import type { SveltePaginationProps as WSveltePaginationProps } from './components/Pagination/pagination'
+import type { PopoverProps as WPopoverProps } from './components/Popover/popover'
+import type { ProgressProps as WProgressProps } from './components/Progress/progress'
+import type { SvelteRadioProps as WSvelteRadioProps } from './components/Radio/radio'
+import type { RatingProps as WRatingProps } from './components/Rating/rating'
+import type { SvelteSelectProps as WSvelteSelectProps } from './components/Select/select'
+import type { SheetProps as WSheetProps } from './components/Sheet/sheet'
+import type { SidebarProps as WSidebarProps } from './components/Sidebar/sidebar'
+import type { SvelteSliderProps as WSvelteSliderProps } from './components/Slider/slider'
+import type { SpinnerProps as WSpinnerProps } from './components/Spinner/spinner'
+import type { SvelteSwitchProps as WSvelteSwitchProps } from './components/Switch/switch'
+import type { TableProps as WTableProps } from './components/Table/table'
+import type { TabsProps as WTabsProps } from './components/Tabs/tabs'
+import type { SvelteTextareaProps as WSvelteTextareaProps } from './components/Textarea/textarea'
+import type { ThemeSwitcherProps as WThemeSwitcherProps } from './components/ThemeSwitcher/themeswitcher'
+import type { TimelineProps as WTimelineProps } from './components/Timeline/timeline'
+import type { TimelineItemProps as WTimelineItemProps } from './components/TimelineItem/timelineitem'
+import type { ToastProps as WToastProps } from './components/Toast/toast'
 
 declare module 'webcoreui/svelte' {
-    export function Accordion(_props: AccordionProps): any
-	export function Alert(_props: AlertProps): any
-	export function Avatar(_props: AvatarProps): any
-	export function Badge(_props: SvelteBadgeProps): any
-	export function Button(_props: SvelteButtonProps): any
-	export function Card(_props: CardProps): any
-	export function Checkbox(_props: SvelteCheckboxProps): any
-	export function Collapsible(_props: CollapsibleProps): any
-	export function ConditionalWrapper(_props: ConditionalWrapperProps): any
-	export function Group(_props: GroupProps): any
-	export function Icon(_props: IconProps): any
-	export function Input(_props: SvelteInputProps): any
-	export function List(_props: SvelteListProps): any
-	export function Menu(_props: MenuProps): any
-	export function Modal(_props: ModalProps): any
-	export function Popover(_props: PopoverProps): any
-	export function Progress(_props: ProgressProps): any
-	export function Radio(_props: SvelteRadioProps): any
-	export function Rating(_props: RatingProps): any
-	export function Select(_props: SvelteSelectProps): any
-	export function Sheet(_props: SheetProps): any
-	export function Slider(_props: SvelteSliderProps): any
-	export function Spinner(_props: SpinnerProps): any
-	export function Switch(_props: SvelteSwitchProps): any
-	export function Table(_props: TableProps): any
-	export function Tabs(_props: TabsProps): any
-	export function Textarea(_props: SvelteTextareaProps): any
-	export function ThemeSwitcher(_props: ThemeSwitcherProps): any
-	export function Timeline(_props: TimelineProps): any
-	export function TimelineItem(_props: TimelineItemProps): any
-	export function Toast(_props: ToastProps): any
+    export class Accordion extends SvelteComponent<WAccordionProps> {}
+	export class Alert extends SvelteComponent<WAlertProps> {}
+	export class Avatar extends SvelteComponent<WAvatarProps> {}
+	export class Badge extends SvelteComponent<WSvelteBadgeProps> {}
+	export class Breadcrumb extends SvelteComponent<WBreadcrumbProps> {}
+	export class Button extends SvelteComponent<WSvelteButtonProps> {}
+	export class Card extends SvelteComponent<WCardProps> {}
+	export class Carousel extends SvelteComponent<WSvelteCarouselProps> {}
+	export class Checkbox extends SvelteComponent<WSvelteCheckboxProps> {}
+	export class Collapsible extends SvelteComponent<WCollapsibleProps> {}
+	export class ConditionalWrapper extends SvelteComponent<WConditionalWrapperProps> {}
+	export class DataTable extends SvelteComponent<WSvelteDataTableProps> {}
+	export class Footer extends SvelteComponent<WFooterProps> {}
+	export class Group extends SvelteComponent<WGroupProps> {}
+	export class Icon extends SvelteComponent<WIconProps> {}
+	export class Input extends SvelteComponent<WSvelteInputProps> {}
+	export class List extends SvelteComponent<WSvelteListProps> {}
+	export class Masonry extends SvelteComponent<WSvelteMasonryProps> {}
+	export class Menu extends SvelteComponent<WMenuProps> {}
+	export class Modal extends SvelteComponent<WModalProps> {}
+	export class Pagination extends SvelteComponent<WSveltePaginationProps> {}
+	export class Popover extends SvelteComponent<WPopoverProps> {}
+	export class Progress extends SvelteComponent<WProgressProps> {}
+	export class Radio extends SvelteComponent<WSvelteRadioProps> {}
+	export class Rating extends SvelteComponent<WRatingProps> {}
+	export class Select extends SvelteComponent<WSvelteSelectProps> {}
+	export class Sheet extends SvelteComponent<WSheetProps> {}
+	export class Sidebar extends SvelteComponent<WSidebarProps> {}
+	export class Slider extends SvelteComponent<WSvelteSliderProps> {}
+	export class Spinner extends SvelteComponent<WSpinnerProps> {}
+	export class Switch extends SvelteComponent<WSvelteSwitchProps> {}
+	export class Table extends SvelteComponent<WTableProps> {}
+	export class Tabs extends SvelteComponent<WTabsProps> {}
+	export class Textarea extends SvelteComponent<WSvelteTextareaProps> {}
+	export class ThemeSwitcher extends SvelteComponent<WThemeSwitcherProps> {}
+	export class Timeline extends SvelteComponent<WTimelineProps> {}
+	export class TimelineItem extends SvelteComponent<WTimelineItemProps> {}
+	export class Toast extends SvelteComponent<WToastProps> {}
+
+    export type AccordionProps = WAccordionProps
+	export type AlertProps = WAlertProps
+	export type AvatarProps = WAvatarProps
+	export type BadgeProps = WSvelteBadgeProps
+	export type BreadcrumbProps = WBreadcrumbProps
+	export type ButtonProps = WSvelteButtonProps
+	export type CardProps = WCardProps
+	export type CarouselProps = WSvelteCarouselProps
+	export type CheckboxProps = WSvelteCheckboxProps
+	export type CollapsibleProps = WCollapsibleProps
+	export type ConditionalWrapperProps = WConditionalWrapperProps
+	export type DataTableProps = WSvelteDataTableProps
+	export type FooterProps = WFooterProps
+	export type GroupProps = WGroupProps
+	export type IconProps = WIconProps
+	export type InputProps = WSvelteInputProps
+	export type ListProps = WSvelteListProps
+	export type MasonryProps = WSvelteMasonryProps
+	export type MenuProps = WMenuProps
+	export type ModalProps = WModalProps
+	export type PaginationProps = WSveltePaginationProps
+	export type PopoverProps = WPopoverProps
+	export type ProgressProps = WProgressProps
+	export type RadioProps = WSvelteRadioProps
+	export type RatingProps = WRatingProps
+	export type SelectProps = WSvelteSelectProps
+	export type SheetProps = WSheetProps
+	export type SidebarProps = WSidebarProps
+	export type SliderProps = WSvelteSliderProps
+	export type SpinnerProps = WSpinnerProps
+	export type SwitchProps = WSvelteSwitchProps
+	export type TableProps = WTableProps
+	export type TabsProps = WTabsProps
+	export type TextareaProps = WSvelteTextareaProps
+	export type ThemeSwitcherProps = WThemeSwitcherProps
+	export type TimelineProps = WTimelineProps
+	export type TimelineItemProps = WTimelineItemProps
+	export type ToastProps = WToastProps
 }

package/svelte.js

@@ -2,23 +2,30 @@ import AccordionComponent from './components/Accordion/Accordion.svelte'
 import AlertComponent from './components/Alert/Alert.svelte'
 import AvatarComponent from './components/Avatar/Avatar.svelte'
 import BadgeComponent from './components/Badge/Badge.svelte'
+import BreadcrumbComponent from './components/Breadcrumb/Breadcrumb.svelte'
 import ButtonComponent from './components/Button/Button.svelte'
 import CardComponent from './components/Card/Card.svelte'
+import CarouselComponent from './components/Carousel/Carousel.svelte'
 import CheckboxComponent from './components/Checkbox/Checkbox.svelte'
 import CollapsibleComponent from './components/Collapsible/Collapsible.svelte'
 import ConditionalWrapperComponent from './components/ConditionalWrapper/ConditionalWrapper.svelte'
+import DataTableComponent from './components/DataTable/DataTable.svelte'
+import FooterComponent from './components/Footer/Footer.svelte'
 import GroupComponent from './components/Group/Group.svelte'
 import IconComponent from './components/Icon/Icon.svelte'
 import InputComponent from './components/Input/Input.svelte'
 import ListComponent from './components/List/List.svelte'
+import MasonryComponent from './components/Masonry/Masonry.svelte'
 import MenuComponent from './components/Menu/Menu.svelte'
 import ModalComponent from './components/Modal/Modal.svelte'
+import PaginationComponent from './components/Pagination/Pagination.svelte'
 import PopoverComponent from './components/Popover/Popover.svelte'
 import ProgressComponent from './components/Progress/Progress.svelte'
 import RadioComponent from './components/Radio/Radio.svelte'
 import RatingComponent from './components/Rating/Rating.svelte'
 import SelectComponent from './components/Select/Select.svelte'
 import SheetComponent from './components/Sheet/Sheet.svelte'
+import SidebarComponent from './components/Sidebar/Sidebar.svelte'
 import SliderComponent from './components/Slider/Slider.svelte'
 import SpinnerComponent from './components/Spinner/Spinner.svelte'
 import SwitchComponent from './components/Switch/Switch.svelte'
@@ -34,23 +41,30 @@ export const Accordion = AccordionComponent
 export const Alert = AlertComponent
 export const Avatar = AvatarComponent
 export const Badge = BadgeComponent
+export const Breadcrumb = BreadcrumbComponent
 export const Button = ButtonComponent
 export const Card = CardComponent
+export const Carousel = CarouselComponent
 export const Checkbox = CheckboxComponent
 export const Collapsible = CollapsibleComponent
 export const ConditionalWrapper = ConditionalWrapperComponent
+export const DataTable = DataTableComponent
+export const Footer = FooterComponent
 export const Group = GroupComponent
 export const Icon = IconComponent
 export const Input = InputComponent
 export const List = ListComponent
+export const Masonry = MasonryComponent
 export const Menu = MenuComponent
 export const Modal = ModalComponent
+export const Pagination = PaginationComponent
 export const Popover = PopoverComponent
 export const Progress = ProgressComponent
 export const Radio = RadioComponent
 export const Rating = RatingComponent
 export const Select = SelectComponent
 export const Sheet = SheetComponent
+export const Sidebar = SidebarComponent
 export const Slider = SliderComponent
 export const Spinner = SpinnerComponent
 export const Switch = SwitchComponent