@indielayer/ui 1.1.0 → 1.3.0

package/src/theme.ts

@@ -0,0 +1,119 @@
+import type { ColorLibrary } from './composables/useColors'
+import type {
+  AlertTheme,
+  AvatarTheme,
+  BadgeTheme,
+  BreadcrumbsTheme,
+  ButtonTheme,
+  ButtonGroupTheme,
+  CardTheme,
+  CarouselTheme,
+  CarouselSlideTheme,
+  CheckboxTheme,
+  CollapseTheme,
+  ContainerTheme,
+  DividerTheme,
+  DrawerTheme,
+  FormTheme,
+  IconTheme,
+  ImageTheme,
+  InputTheme,
+  InputFooterTheme,
+  LabelTheme,
+  LinkTheme,
+  LoaderTheme,
+  MenuTheme,
+  MenuItemTheme,
+  ModalTheme,
+  NotificationsTheme,
+  PaginationTheme,
+  PaginationItemTheme,
+  PopoverTheme,
+  PopoverContainerTheme,
+  ProgressTheme,
+  RadioTheme,
+  ScrollTheme,
+  SelectTheme,
+  SkeletonTheme,
+  SliderTheme,
+  TabTheme,
+  TabGroupTheme,
+  TableTheme,
+  TableCellTheme,
+  TagTheme,
+  TextareaTheme,
+  ToggleTheme,
+} from './components'
+
+export type ComponentThemes = {
+  Alert: AlertTheme;
+  Avatar: AvatarTheme;
+  Badge: BadgeTheme;
+  Breadcrumbs: BreadcrumbsTheme;
+  Button: ButtonTheme;
+  ButtonGroup: ButtonGroupTheme;
+  Card: CardTheme;
+  Carousel: CarouselTheme;
+  CarouselSlide: CarouselSlideTheme;
+  Checkbox: CheckboxTheme;
+  Collapse: CollapseTheme;
+  Container: ContainerTheme;
+  Divider: DividerTheme;
+  Drawer: DrawerTheme;
+  Form: FormTheme;
+  Icon: IconTheme;
+  Image: ImageTheme;
+  Input: InputTheme;
+  InputFooter: InputFooterTheme;
+  Label: LabelTheme;
+  Link: LinkTheme;
+  Loader: LoaderTheme;
+  Menu: MenuTheme;
+  MenuItem: MenuItemTheme;
+  Modal: ModalTheme;
+  Notifications: NotificationsTheme;
+  Pagination: PaginationTheme;
+  PaginationItem: PaginationItemTheme;
+  Popover: PopoverTheme;
+  PopoverContainer: PopoverContainerTheme;
+  Progress: ProgressTheme;
+  Radio: RadioTheme;
+  Scroll: ScrollTheme;
+  Select: SelectTheme;
+  Skeleton: SkeletonTheme;
+  Slider: SliderTheme;
+  Tab: TabTheme;
+  TabGroup: TabGroupTheme;
+  Table: TableTheme;
+  TableCell: TableCellTheme;
+  Tag: TagTheme;
+  Textarea: TextareaTheme;
+  Toggle: ToggleTheme;
+}
+
+export type UITheme = {
+  name?: string;
+  classPrefix?: string;
+  components?: ComponentThemes;
+  colors?: ColorLibrary;
+  styles?: string;
+  rtl?: boolean;
+}
+
+export function injectThemeStyles(name: string, styles: string) {
+  if (typeof window !== 'undefined') {
+    const el = document.querySelector('style[data-theme-style]')
+
+    if (el) {
+      el.setAttribute('data-theme-style', name)
+      el.textContent = styles
+    } else {
+      const themeStyle: HTMLStyleElement = document.createElement('style')
+
+      themeStyle.setAttribute('data-theme-style', name)
+      themeStyle.textContent = styles
+
+      document.head.appendChild(themeStyle)
+    }
+  }
+}

package/src/themes/base/components.ts

@@ -0,0 +1,43 @@
+export { default as Alert } from '../../components/alert/theme/Alert.base.theme'
+export { default as Avatar } from '../../components/avatar/theme/Avatar.base.theme'
+export { default as Badge } from '../../components/badge/theme/Badge.base.theme'
+export { default as Breadcrumbs } from '../../components/breadcrumbs/theme/Breadcrumbs.base.theme'
+export { default as Button } from '../../components/button/theme/Button.base.theme'
+export { default as ButtonGroup } from '../../components/button/theme/ButtonGroup.base.theme'
+export { default as Card } from '../../components/card/theme/Card.base.theme'
+export { default as Carousel } from '../../components/carousel/theme/Carousel.base.theme'
+export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.base.theme'
+export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.base.theme'
+export { default as Collapse } from '../../components/collapse/theme/Collapse.base.theme'
+export { default as Container } from '../../components/container/theme/Container.base.theme'
+export { default as Divider } from '../../components/divider/theme/Divider.base.theme'
+export { default as Drawer } from '../../components/drawer/theme/Drawer.base.theme'
+export { default as Form } from '../../components/form/theme/Form.base.theme'
+export { default as Icon } from '../../components/icon/theme/Icon.base.theme'
+export { default as Image } from '../../components/image/theme/Image.base.theme'
+export { default as Input } from '../../components/input/theme/Input.base.theme'
+export { default as InputFooter } from '../../components/inputFooter/theme/InputFooter.base.theme'
+export { default as Label } from '../../components/label/theme/Label.base.theme'
+export { default as Link } from '../../components/link/theme/Link.base.theme'
+export { default as Loader } from '../../components/loader/theme/Loader.base.theme'
+export { default as Menu } from '../../components/menu/theme/Menu.base.theme'
+export { default as MenuItem } from '../../components/menu/theme/MenuItem.base.theme'
+export { default as Modal } from '../../components/modal/theme/Modal.base.theme'
+export { default as Notifications } from '../../components/notifications/theme/Notifications.base.theme'
+export { default as Pagination } from '../../components/pagination/theme/Pagination.base.theme'
+export { default as PaginationItem } from '../../components/pagination/theme/PaginationItem.base.theme'
+export { default as Popover } from '../../components/popover/theme/Popover.base.theme'
+export { default as PopoverContainer } from '../../components/popover/theme/PopoverContainer.base.theme'
+export { default as Progress } from '../../components/progress/theme/Progress.base.theme'
+export { default as Radio } from '../../components/radio/theme/Radio.base.theme'
+export { default as Scroll } from '../../components/scroll/theme/Scroll.base.theme'
+export { default as Select } from '../../components/select/theme/Select.base.theme'
+export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.base.theme'
+export { default as Slider } from '../../components/slider/theme/Slider.base.theme'
+export { default as Tab } from '../../components/tab/theme/Tab.base.theme'
+export { default as TabGroup } from '../../components/tab/theme/TabGroup.base.theme'
+export { default as Table } from '../../components/table/theme/Table.base.theme'
+export { default as TableCell } from '../../components/table/theme/TableCell.base.theme'
+export { default as Tag } from '../../components/tag/theme/Tag.base.theme'
+export { default as Textarea } from '../../components/textarea/theme/Textarea.base.theme'
+export { default as Toggle } from '../../components/toggle/theme/Toggle.base.theme'

package/src/themes/base/index.ts

@@ -0,0 +1,15 @@
+import type { UITheme } from '../../theme'
+import * as components from './components'
+import rawStyles from './styles.css?raw'
+
+const theme: UITheme = {
+  name: 'Base',
+  colors: {
+    primary: { '50': '#ecfdf5', '100': '#d1fae5', '200': '#a7f3d0', '300': '#6ee7b7', '400': '#34d399', '500': '#10b981', '600': '#059669', '700': '#047857', '800': '#065f46', '900': '#064e3b', '950': '#022c22' },
+  },
+  styles: `${rawStyles}`,
+  classPrefix: 'x-',
+  components,
+}
+
+export default theme

package/src/themes/base/styles.css

@@ -0,0 +1,83 @@
+/* stylelint-disable value-keyword-case */
+html {
+  color: #111827;
+  background-color: white;
+}
+
+html.dark {
+  color: #f3f4f6;
+  background-color: #111827;
+}
+
+*,
+::before,
+::after {
+  border-color: #e5e7eb;
+}
+
+.dark *,
+.dark ::before,
+.dark ::after {
+  border-color: #374151;
+}
+
+:root {
+  --font-family-sans: Inter, -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif;
+  --font-family-mono: ui-monospace, monospace;
+  --border-color: 226, 232, 240;
+  --primary-color-50: 236, 253, 245;
+  --primary-color-100: 209, 250, 229;
+  --primary-color-200: 167, 243, 208;
+  --primary-color-300: 110, 231, 183;
+  --primary-color-400: 52, 211, 153;
+  --primary-color-500: 16, 185, 129;
+  --primary-color-600: 5, 150, 105;
+  --primary-color-700: 4, 120, 87;
+  --primary-color-800: 6, 95, 70;
+  --primary-color-900: 6, 78, 59;
+  --primary-color-950: 2, 44, 34;
+  --secondary-color-50: 248, 250, 252;
+  --secondary-color-100: 241, 245, 249;
+  --secondary-color-200: 226, 232, 240;
+  --secondary-color-300: 203, 213, 225;
+  --secondary-color-400: 148, 163, 184;
+  --secondary-color-500: 100, 116, 139;
+  --secondary-color-600: 71, 85, 105;
+  --secondary-color-700: 51, 65, 85;
+  --secondary-color-800: 30, 41, 59;
+  --secondary-color-900: 15, 23, 42;
+  --secondary-color-950: 2, 6, 23;
+  --success-color-50: 240, 253, 244;
+  --success-color-100: 220, 252, 231;
+  --success-color-200: 187, 247, 208;
+  --success-color-300: 134, 239, 172;
+  --success-color-400: 74, 222, 128;
+  --success-color-500: 34, 197, 94;
+  --success-color-600: 22, 163, 74;
+  --success-color-700: 21, 128, 61;
+  --success-color-800: 22, 101, 52;
+  --success-color-900: 20, 83, 45;
+  --success-color-950: 5, 46, 22;
+  --warning-color-50: 254, 252, 232;
+  --warning-color-100: 254, 249, 195;
+  --warning-color-200: 254, 240, 138;
+  --warning-color-300: 253, 224, 71;
+  --warning-color-400: 250, 204, 21;
+  --warning-color-500: 234, 179, 8;
+  --warning-color-600: 202, 138, 4;
+  --warning-color-700: 161, 98, 7;
+  --warning-color-800: 133, 77, 14;
+  --warning-color-900: 113, 63, 18;
+  --warning-color-950: 66, 32, 6;
+  --error-color-50: 254, 242, 242;
+  --error-color-100: 254, 226, 226;
+  --error-color-200: 254, 202, 202;
+  --error-color-300: 252, 165, 165;
+  --error-color-400: 248, 113, 113;
+  --error-color-500: 239, 68, 68;
+  --error-color-600: 220, 38, 38;
+  --error-color-700: 185, 28, 28;
+  --error-color-800: 153, 27, 27;
+  --error-color-900: 127, 29, 29;
+  --error-color-950: 69, 10, 10;
+}

package/src/themes/carbon/components.ts

@@ -0,0 +1,43 @@
+export { default as Alert } from '../../components/alert/theme/Alert.carbon.theme'
+export { default as Avatar } from '../../components/avatar/theme/Avatar.carbon.theme'
+export { default as Badge } from '../../components/badge/theme/Badge.carbon.theme'
+export { default as Breadcrumbs } from '../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme'
+export { default as Button } from '../../components/button/theme/Button.carbon.theme'
+export { default as ButtonGroup } from '../../components/button/theme/ButtonGroup.carbon.theme'
+export { default as Card } from '../../components/card/theme/Card.carbon.theme'
+export { default as Carousel } from '../../components/carousel/theme/Carousel.carbon.theme'
+export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.carbon.theme'
+export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.carbon.theme'
+export { default as Collapse } from '../../components/collapse/theme/Collapse.carbon.theme'
+export { default as Container } from '../../components/container/theme/Container.carbon.theme'
+export { default as Divider } from '../../components/divider/theme/Divider.carbon.theme'
+export { default as Drawer } from '../../components/drawer/theme/Drawer.carbon.theme'
+export { default as Form } from '../../components/form/theme/Form.carbon.theme'
+export { default as Icon } from '../../components/icon/theme/Icon.carbon.theme'
+export { default as Image } from '../../components/image/theme/Image.carbon.theme'
+export { default as Input } from '../../components/input/theme/Input.carbon.theme'
+export { default as InputFooter } from '../../components/inputFooter/theme/InputFooter.carbon.theme'
+export { default as Label } from '../../components/label/theme/Label.carbon.theme'
+export { default as Link } from '../../components/link/theme/Link.carbon.theme'
+export { default as Loader } from '../../components/loader/theme/Loader.carbon.theme'
+export { default as Menu } from '../../components/menu/theme/Menu.carbon.theme'
+export { default as MenuItem } from '../../components/menu/theme/MenuItem.carbon.theme'
+export { default as Modal } from '../../components/modal/theme/Modal.carbon.theme'
+export { default as Notifications } from '../../components/notifications/theme/Notifications.carbon.theme'
+export { default as Pagination } from '../../components/pagination/theme/Pagination.carbon.theme'
+export { default as PaginationItem } from '../../components/pagination/theme/PaginationItem.carbon.theme'
+export { default as Popover } from '../../components/popover/theme/Popover.carbon.theme'
+export { default as PopoverContainer } from '../../components/popover/theme/PopoverContainer.carbon.theme'
+export { default as Progress } from '../../components/progress/theme/Progress.carbon.theme'
+export { default as Radio } from '../../components/radio/theme/Radio.carbon.theme'
+export { default as Scroll } from '../../components/scroll/theme/Scroll.carbon.theme'
+export { default as Select } from '../../components/select/theme/Select.carbon.theme'
+export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.carbon.theme'
+export { default as Slider } from '../../components/slider/theme/Slider.carbon.theme'
+export { default as Tab } from '../../components/tab/theme/Tab.carbon.theme'
+export { default as TabGroup } from '../../components/tab/theme/TabGroup.carbon.theme'
+export { default as Table } from '../../components/table/theme/Table.carbon.theme'
+export { default as TableCell } from '../../components/table/theme/TableCell.carbon.theme'
+export { default as Tag } from '../../components/tag/theme/Tag.carbon.theme'
+export { default as Textarea } from '../../components/textarea/theme/Textarea.carbon.theme'
+export { default as Toggle } from '../../components/toggle/theme/Toggle.carbon.theme'

package/src/themes/carbon/index.ts

@@ -0,0 +1,15 @@
+import type { UITheme } from '../../theme'
+import * as components from './components'
+import rawStyles from './styles.css?raw'
+
+const theme: UITheme = {
+  name: 'Carbon',
+  colors: {
+    primary: { '50': '#eff6ff', '100': '#dbeafe', '200': '#bfdbfe', '300': '#93c5fd', '400': '#60a5fa', '500': '#3b82f6', '600': '#2563eb', '700': '#1d4ed8', '800': '#1e40af', '900': '#1e3a8a', '950': '#172554' },
+  },
+  styles: `${rawStyles}`,
+  classPrefix: 'x-',
+  components,
+}
+
+export default theme

package/src/themes/carbon/styles.css

@@ -0,0 +1,82 @@
+html {
+  color: #111827;
+  background-color: white;
+}
+
+html.dark {
+  color: #f3f4f6;
+  background-color: #111827;
+}
+
+*,
+::before,
+::after {
+  border-color: #e5e7eb;
+}
+
+.dark *,
+.dark ::before,
+.dark ::after {
+  border-color: #374151;
+}
+
+:root {
+  --font-family-sans: "IBM Plex Sans", "Helvetica Neue", arial, sans-serif;
+  --font-family-mono: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", courier, monospace;
+  --border-color: 226, 232, 240;
+  --primary-color-50: 236, 253, 245;
+  --primary-color-100: 209, 250, 229;
+  --primary-color-200: 167, 243, 208;
+  --primary-color-300: 110, 231, 183;
+  --primary-color-400: 52, 211, 153;
+  --primary-color-500: 16, 185, 129;
+  --primary-color-600: 5, 150, 105;
+  --primary-color-700: 4, 120, 87;
+  --primary-color-800: 6, 95, 70;
+  --primary-color-900: 6, 78, 59;
+  --primary-color-950: 2, 44, 34;
+  --secondary-color-50: 248, 250, 252;
+  --secondary-color-100: 241, 245, 249;
+  --secondary-color-200: 226, 232, 240;
+  --secondary-color-300: 203, 213, 225;
+  --secondary-color-400: 148, 163, 184;
+  --secondary-color-500: 100, 116, 139;
+  --secondary-color-600: 71, 85, 105;
+  --secondary-color-700: 51, 65, 85;
+  --secondary-color-800: 30, 41, 59;
+  --secondary-color-900: 15, 23, 42;
+  --secondary-color-950: 2, 6, 23;
+  --success-color-50: 240, 253, 244;
+  --success-color-100: 220, 252, 231;
+  --success-color-200: 187, 247, 208;
+  --success-color-300: 134, 239, 172;
+  --success-color-400: 74, 222, 128;
+  --success-color-500: 34, 197, 94;
+  --success-color-600: 22, 163, 74;
+  --success-color-700: 21, 128, 61;
+  --success-color-800: 22, 101, 52;
+  --success-color-900: 20, 83, 45;
+  --success-color-950: 5, 46, 22;
+  --warning-color-50: 254, 252, 232;
+  --warning-color-100: 254, 249, 195;
+  --warning-color-200: 254, 240, 138;
+  --warning-color-300: 253, 224, 71;
+  --warning-color-400: 250, 204, 21;
+  --warning-color-500: 234, 179, 8;
+  --warning-color-600: 202, 138, 4;
+  --warning-color-700: 161, 98, 7;
+  --warning-color-800: 133, 77, 14;
+  --warning-color-900: 113, 63, 18;
+  --warning-color-950: 66, 32, 6;
+  --error-color-50: 254, 242, 242;
+  --error-color-100: 254, 226, 226;
+  --error-color-200: 254, 202, 202;
+  --error-color-300: 252, 165, 165;
+  --error-color-400: 248, 113, 113;
+  --error-color-500: 239, 68, 68;
+  --error-color-600: 220, 38, 38;
+  --error-color-700: 185, 28, 28;
+  --error-color-800: 153, 27, 27;
+  --error-color-900: 127, 29, 29;
+  --error-color-950: 69, 10, 10;
+}

package/src/themes/index.ts

@@ -0,0 +1,2 @@
+export { default as BaseTheme } from './base'
+export { default as CarbonTheme } from './carbon'

package/src/version.ts

@@ -1 +1 @@
-export default '1.1.0'
+export default '1.3.0'

package/volar.d.ts

@@ -7,6 +7,8 @@ declare module 'vue' {
     XButton: typeof import('@indielayer/ui')['XButton']
     XButtonGroup: typeof import('@indielayer/ui')['XButtonGroup']
     XCard: typeof import('@indielayer/ui')['XCard']
+    XCarousel: typeof import('@indielayer/ui')['XCarousel']
+    XCarouselSlide: typeof import('@indielayer/ui')['XCarouselSlide']
     XCheckbox: typeof import('@indielayer/ui')['XCheckbox']
     XCollapse: typeof import('@indielayer/ui')['XCollapse']
     XContainer: typeof import('@indielayer/ui')['XContainer']
@@ -16,7 +18,9 @@ declare module 'vue' {
     XIcon: typeof import('@indielayer/ui')['XIcon']
     XImage: typeof import('@indielayer/ui')['XImage']
     XInput: typeof import('@indielayer/ui')['XInput']
+    XInputFooter: typeof import('@indielayer/ui')['XInputFooter']
     XLink: typeof import('@indielayer/ui')['XLink']
+    XLoader: typeof import('@indielayer/ui')['XLoader']
     XMenu: typeof import('@indielayer/ui')['XMenu']
     XMenuItem: typeof import('@indielayer/ui')['XMenuItem']
     XModal: typeof import('@indielayer/ui')['XModal']
@@ -43,6 +47,7 @@ declare module 'vue' {
     XTabGroup: typeof import('@indielayer/ui')['XTabGroup']
     XTag: typeof import('@indielayer/ui')['XTag']
     XTextarea: typeof import('@indielayer/ui')['XTextarea']
+    XThemeProvider: typeof import('@indielayer/ui')['XThemeProvider']
     XToggle: typeof import('@indielayer/ui')['XToggle']
     XTooltip: typeof import('@indielayer/ui')['XTooltip']
   }

package/lib/components/alert/Alert.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { AlertProps } from './Alert.vue';
-type InternalClasses = 'wrapper';
-interface InternalTheme extends ThemeComponent<AlertProps, InternalClasses> {
-}
-export interface AlertTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<AlertProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/avatar/Avatar.theme.d.ts

@@ -1,14 +0,0 @@
-import type { Ref } from 'vue';
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { AvatarProps } from './Avatar.vue';
-type InternalClasses = 'wrapper';
-type InternalExtraData = {
-    source: Ref<string | undefined>;
-};
-interface InternalTheme extends ThemeComponent<AvatarProps, InternalClasses, InternalExtraData> {
-}
-export interface AvatarTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<AvatarProps, InternalClasses, InternalExtraData>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/badge/Badge.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { BadgeProps } from './Badge.vue';
-type InternalClasses = 'wrapper';
-interface InternalTheme extends ThemeComponent<BadgeProps, InternalClasses> {
-}
-export interface BadgeTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<BadgeProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/badge/Badge.theme.js

@@ -1,12 +0,0 @@
-const l = {
-  classes: {
-    wrapper: "inline-block"
-  },
-  styles({ props: e, colors: t, css: o }) {
-    const s = t.getPalette(e.color);
-    return o.get("bg", s[500]);
-  }
-}, c = l;
-export {
-  c as default
-};

package/lib/components/breadcrumbs/Breadcrumbs.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { BreadcrumbsProps } from './Breadcrumbs.vue';
-type InternalClasses = 'wrapper' | 'item' | 'lastItem';
-interface InternalTheme extends ThemeComponent<BreadcrumbsProps, InternalClasses> {
-}
-export interface BreadcrumbsTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<BreadcrumbsProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/button/Button.theme.d.ts

@@ -1,13 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { ButtonProps } from './Button.vue';
-type InternalClasses = 'wrapper' | 'iconLeft' | 'iconRight';
-type InternalExtraData = {
-    isButtonGroup: boolean;
-};
-interface InternalTheme extends ThemeComponent<ButtonProps, InternalClasses, InternalExtraData> {
-}
-export interface ButtonTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<ButtonProps, InternalClasses, InternalExtraData>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/button/ButtonGroup.theme.d.ts

@@ -1,13 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { ButtonGroupProps } from './ButtonGroup.vue';
-type InternalClasses = 'wrapper';
-type InternalExtraData = {
-    isButtonGroupGroup: boolean;
-};
-interface InternalTheme extends ThemeComponent<ButtonGroupProps, InternalClasses, InternalExtraData> {
-}
-export interface ButtonGroupTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<ButtonGroupProps, InternalClasses, InternalExtraData>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/card/Card.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { CardProps } from './Card.vue';
-type InternalClasses = 'wrapper';
-interface InternalTheme extends ThemeComponent<CardProps, InternalClasses> {
-}
-export interface CardTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<CardProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/checkbox/Checkbox.theme.d.ts

@@ -1,14 +0,0 @@
-import type { Ref } from 'vue';
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { CheckboxProps } from './Checkbox.vue';
-type InternalClasses = 'wrapper' | 'box' | 'icon' | 'label';
-type InternalExtraData = {
-    checked: Ref<boolean>;
-};
-interface InternalTheme extends ThemeComponent<CheckboxProps, InternalClasses, InternalExtraData> {
-}
-export interface CheckboxTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<CheckboxProps, InternalClasses, InternalExtraData>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/collapse/Collapse.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { CollapseProps } from './Collapse.vue';
-type InternalClasses = 'wrapper' | 'icon' | 'content';
-interface InternalTheme extends ThemeComponent<CollapseProps, InternalClasses> {
-}
-export interface CollapseTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<CollapseProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/container/Container.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { ContainerProps } from './Container.vue';
-type InternalClasses = 'wrapper';
-interface InternalTheme extends ThemeComponent<ContainerProps, InternalClasses> {
-}
-export interface ContainerTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<ContainerProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/divider/Divider.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { DividerProps } from './Divider.vue';
-type InternalClasses = 'wrapper' | 'label' | 'line';
-interface InternalTheme extends ThemeComponent<DividerProps, InternalClasses> {
-}
-export interface DividerTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<DividerProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/drawer/Drawer.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { DrawerProps } from './Drawer.vue';
-type InternalClasses = 'wrapper' | 'backdrop';
-interface InternalTheme extends ThemeComponent<DrawerProps, InternalClasses> {
-}
-export interface DrawerTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<DrawerProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/form/Form.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
-import type { FormProps } from './Form.vue';
-type InternalClasses = 'wrapper';
-interface InternalTheme extends ThemeComponent<FormProps, InternalClasses> {
-}
-export interface FormTheme extends Omit<InternalTheme, 'classes'> {
-    classes?: Partial<ThemeClasses<FormProps, InternalClasses>>;
-}
-declare const theme: InternalTheme;
-export default theme;

package/lib/components/helpers/InputError.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    error: StringConstructor;
-    helper: StringConstructor;
-}, () => "" | import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    error: StringConstructor;
-    helper: StringConstructor;
-}>>, {}, {}>;
-export default _default;

package/lib/components/helpers/InputError.js

@@ -1,18 +0,0 @@
-import { defineComponent as t, createVNode as e } from "vue";
-const n = /* @__PURE__ */ t({
-  name: "InputError",
-  props: {
-    error: String,
-    helper: String
-  },
-  setup(r) {
-    return () => r.error ? e("p", {
-      class: "text-sm text-red-500 dark:text-red-400 mt-1"
-    }, [r.error]) : r.helper ? e("p", {
-      class: "text-sm text-gray-500 dark:text-gray-400 mt-1"
-    }, [r.helper]) : "";
-  }
-});
-export {
-  n as default
-};