@indielayer/ui 1.5.1 → 1.6.0

package/lib/nuxt.plugin.js

@@ -1,8 +1,15 @@
 import { defineNuxtPlugin } from '#app'
-import create from '../src/create'
+import { BaseTheme, injectIconsKey, injectOptionsKey, injectThemeKey, createUI } from '../src'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const UI = create(nuxtApp.$config.public?.indielayerOptions)
+  const UI = createUI({
+    ...nuxtApp.$config.public?.indielayerOptions,
+    theme: BaseTheme,
+    injectIconsKey,
+    injectOptionsKey,
+    injectThemeKey,
+
+  })
 
   nuxtApp.vueApp.use(UI)
 })

package/lib/theme.d.ts

@@ -1,5 +1,5 @@
 import type { ColorLibrary } from './composables/useColors';
-import type { AccordionTheme, AccordionItemTheme, AlertTheme, AvatarTheme, BadgeTheme, BreadcrumbsTheme, ButtonTheme, ButtonGroupTheme, CardTheme, CarouselTheme, CarouselSlideTheme, CheckboxTheme, ContainerTheme, DividerTheme, DrawerTheme, FormTheme, FormGroupTheme, IconTheme, ImageTheme, InputTheme, InputFooterTheme, LabelTheme, LinkTheme, LoaderTheme, MenuTheme, MenuItemTheme, ModalTheme, NotificationsTheme, PaginationTheme, PaginationItemTheme, PopoverTheme, PopoverContainerTheme, ProgressTheme, RadioTheme, ScrollTheme, SelectTheme, SkeletonTheme, SliderTheme, StepperTheme, TabTheme, TabGroupTheme, TableTheme, TableCellTheme, TableHeadTheme, TableHeaderTheme, TableRowTheme, TagTheme, TextareaTheme, ToggleTheme } from './components';
+import type { AccordionTheme, AccordionItemTheme, AlertTheme, AvatarTheme, BadgeTheme, BreadcrumbsTheme, ButtonTheme, ButtonGroupTheme, CardTheme, CarouselTheme, CarouselSlideTheme, CheckboxTheme, ContainerTheme, DatepickerTheme, DividerTheme, DrawerTheme, FormTheme, FormGroupTheme, IconTheme, ImageTheme, InputTheme, InputFooterTheme, LabelTheme, LinkTheme, LoaderTheme, MenuTheme, MenuItemTheme, ModalTheme, NotificationsTheme, PaginationTheme, PaginationItemTheme, PopoverTheme, PopoverContainerTheme, ProgressTheme, QrCodeTheme, RadioTheme, ScrollTheme, SelectTheme, SkeletonTheme, SliderTheme, StepperTheme, TabTheme, TabGroupTheme, TableTheme, TableCellTheme, TableHeadTheme, TableHeaderTheme, TableRowTheme, TagTheme, TextareaTheme, ToggleTheme } from './components';
 export type ComponentThemes = {
     Accordion: AccordionTheme;
     AccordionItem: AccordionItemTheme;
@@ -14,6 +14,7 @@ export type ComponentThemes = {
     CarouselSlide: CarouselSlideTheme;
     Checkbox: CheckboxTheme;
     Container: ContainerTheme;
+    Datepicker: DatepickerTheme;
     Divider: DividerTheme;
     Drawer: DrawerTheme;
     Form: FormTheme;
@@ -34,6 +35,7 @@ export type ComponentThemes = {
     Popover: PopoverTheme;
     PopoverContainer: PopoverContainerTheme;
     Progress: ProgressTheme;
+    QrCode: QrCodeTheme;
     Radio: RadioTheme;
     Scroll: ScrollTheme;
     Select: SelectTheme;

package/lib/themes/base/components.d.ts

@@ -11,6 +11,7 @@ export { default as Carousel } from '../../components/carousel/theme/Carousel.ba
 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 Container } from '../../components/container/theme/Container.base.theme';
+export { default as Datepicker } from '../../components/datepicker/theme/Datepicker.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';
@@ -31,6 +32,7 @@ export { default as PaginationItem } from '../../components/pagination/theme/Pag
 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 QrCode } from '../../components/qrCode/theme/QrCode.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';

package/lib/themes/base/components.js

@@ -5,48 +5,50 @@ import { default as u } from "../../components/avatar/theme/Avatar.base.theme.js
 import { default as m } from "../../components/badge/theme/Badge.base.theme.js";
 import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.base.theme.js";
 import { default as i } from "../../components/button/theme/Button.base.theme.js";
-import { default as c } from "../../components/button/theme/ButtonGroup.base.theme.js";
+import { default as b } from "../../components/button/theme/ButtonGroup.base.theme.js";
 import { default as g } from "../../components/card/theme/Card.base.theme.js";
 import { default as I } from "../../components/carousel/theme/Carousel.base.theme.js";
 import { default as P } from "../../components/carousel/theme/CarouselSlide.base.theme.js";
-import { default as A } from "../../components/checkbox/theme/Checkbox.base.theme.js";
-import { default as k } from "../../components/container/theme/Container.base.theme.js";
-import { default as G } from "../../components/divider/theme/Divider.base.theme.js";
-import { default as M } from "../../components/drawer/theme/Drawer.base.theme.js";
-import { default as D } from "../../components/form/theme/Form.base.theme.js";
-import { default as R } from "../../components/formGroup/theme/FormGroup.base.theme.js";
-import { default as N } from "../../components/icon/theme/Icon.base.theme.js";
-import { default as q } from "../../components/image/theme/Image.base.theme.js";
-import { default as z } from "../../components/input/theme/Input.base.theme.js";
-import { default as J } from "../../components/inputFooter/theme/InputFooter.base.theme.js";
-import { default as O } from "../../components/label/theme/Label.base.theme.js";
-import { default as U } from "../../components/link/theme/Link.base.theme.js";
-import { default as W } from "../../components/loader/theme/Loader.base.theme.js";
-import { default as Y } from "../../components/menu/theme/Menu.base.theme.js";
-import { default as _ } from "../../components/menu/theme/MenuItem.base.theme.js";
-import { default as ee } from "../../components/modal/theme/Modal.base.theme.js";
-import { default as ae } from "../../components/notifications/theme/Notifications.base.theme.js";
-import { default as te } from "../../components/pagination/theme/Pagination.base.theme.js";
-import { default as le } from "../../components/pagination/theme/PaginationItem.base.theme.js";
-import { default as ue } from "../../components/popover/theme/Popover.base.theme.js";
-import { default as me } from "../../components/popover/theme/PopoverContainer.base.theme.js";
-import { default as xe } from "../../components/progress/theme/Progress.base.theme.js";
-import { default as ie } from "../../components/radio/theme/Radio.base.theme.js";
-import { default as ce } from "../../components/scroll/theme/Scroll.base.theme.js";
-import { default as ge } from "../../components/select/theme/Select.base.theme.js";
-import { default as Ie } from "../../components/skeleton/theme/Skeleton.base.theme.js";
-import { default as Pe } from "../../components/slider/theme/Slider.base.theme.js";
-import { default as Ae } from "../../components/stepper/theme/Stepper.base.theme.js";
-import { default as ke } from "../../components/tab/theme/Tab.base.theme.js";
-import { default as Ge } from "../../components/tab/theme/TabGroup.base.theme.js";
-import { default as Me } from "../../components/table/theme/Table.base.theme.js";
-import { default as De } from "../../components/table/theme/TableCell.base.theme.js";
-import { default as Re } from "../../components/table/theme/TableHead.base.theme.js";
-import { default as Ne } from "../../components/table/theme/TableHeader.base.theme.js";
-import { default as qe } from "../../components/table/theme/TableRow.base.theme.js";
-import { default as ze } from "../../components/tag/theme/Tag.base.theme.js";
-import { default as Je } from "../../components/textarea/theme/Textarea.base.theme.js";
-import { default as Oe } from "../../components/toggle/theme/Toggle.base.theme.js";
+import { default as v } from "../../components/checkbox/theme/Checkbox.base.theme.js";
+import { default as B } from "../../components/container/theme/Container.base.theme.js";
+import { default as F } from "../../components/datepicker/theme/Datepicker.base.theme.js";
+import { default as L } from "../../components/divider/theme/Divider.base.theme.js";
+import { default as w } from "../../components/drawer/theme/Drawer.base.theme.js";
+import { default as R } from "../../components/form/theme/Form.base.theme.js";
+import { default as N } from "../../components/formGroup/theme/FormGroup.base.theme.js";
+import { default as j } from "../../components/icon/theme/Icon.base.theme.js";
+import { default as y } from "../../components/image/theme/Image.base.theme.js";
+import { default as E } from "../../components/input/theme/Input.base.theme.js";
+import { default as K } from "../../components/inputFooter/theme/InputFooter.base.theme.js";
+import { default as U } from "../../components/label/theme/Label.base.theme.js";
+import { default as W } from "../../components/link/theme/Link.base.theme.js";
+import { default as Y } from "../../components/loader/theme/Loader.base.theme.js";
+import { default as _ } from "../../components/menu/theme/Menu.base.theme.js";
+import { default as ee } from "../../components/menu/theme/MenuItem.base.theme.js";
+import { default as ae } from "../../components/modal/theme/Modal.base.theme.js";
+import { default as te } from "../../components/notifications/theme/Notifications.base.theme.js";
+import { default as le } from "../../components/pagination/theme/Pagination.base.theme.js";
+import { default as ue } from "../../components/pagination/theme/PaginationItem.base.theme.js";
+import { default as me } from "../../components/popover/theme/Popover.base.theme.js";
+import { default as xe } from "../../components/popover/theme/PopoverContainer.base.theme.js";
+import { default as ie } from "../../components/progress/theme/Progress.base.theme.js";
+import { default as be } from "../../components/qrCode/theme/QrCode.base.theme.js";
+import { default as ge } from "../../components/radio/theme/Radio.base.theme.js";
+import { default as Ie } from "../../components/scroll/theme/Scroll.base.theme.js";
+import { default as Pe } from "../../components/select/theme/Select.base.theme.js";
+import { default as ve } from "../../components/skeleton/theme/Skeleton.base.theme.js";
+import { default as Be } from "../../components/slider/theme/Slider.base.theme.js";
+import { default as Fe } from "../../components/stepper/theme/Stepper.base.theme.js";
+import { default as Le } from "../../components/tab/theme/Tab.base.theme.js";
+import { default as we } from "../../components/tab/theme/TabGroup.base.theme.js";
+import { default as Re } from "../../components/table/theme/Table.base.theme.js";
+import { default as Ne } from "../../components/table/theme/TableCell.base.theme.js";
+import { default as je } from "../../components/table/theme/TableHead.base.theme.js";
+import { default as ye } from "../../components/table/theme/TableHeader.base.theme.js";
+import { default as Ee } from "../../components/table/theme/TableRow.base.theme.js";
+import { default as Ke } from "../../components/tag/theme/Tag.base.theme.js";
+import { default as Ue } from "../../components/textarea/theme/Textarea.base.theme.js";
+import { default as We } from "../../components/toggle/theme/Toggle.base.theme.js";
 export {
   a as Accordion,
   t as AccordionItem,
@@ -55,46 +57,48 @@ export {
   m as Badge,
   x as Breadcrumbs,
   i as Button,
-  c as ButtonGroup,
+  b as ButtonGroup,
   g as Card,
   I as Carousel,
   P as CarouselSlide,
-  A as Checkbox,
-  k as Container,
-  G as Divider,
-  M as Drawer,
-  D as Form,
-  R as FormGroup,
-  N as Icon,
-  q as Image,
-  z as Input,
-  J as InputFooter,
-  O as Label,
-  U as Link,
-  W as Loader,
-  Y as Menu,
-  _ as MenuItem,
-  ee as Modal,
-  ae as Notifications,
-  te as Pagination,
-  le as PaginationItem,
-  ue as Popover,
-  me as PopoverContainer,
-  xe as Progress,
-  ie as Radio,
-  ce as Scroll,
-  ge as Select,
-  Ie as Skeleton,
-  Pe as Slider,
-  Ae as Stepper,
-  ke as Tab,
-  Ge as TabGroup,
-  Me as Table,
-  De as TableCell,
-  Re as TableHead,
-  Ne as TableHeader,
-  qe as TableRow,
-  ze as Tag,
-  Je as Textarea,
-  Oe as Toggle
+  v as Checkbox,
+  B as Container,
+  F as Datepicker,
+  L as Divider,
+  w as Drawer,
+  R as Form,
+  N as FormGroup,
+  j as Icon,
+  y as Image,
+  E as Input,
+  K as InputFooter,
+  U as Label,
+  W as Link,
+  Y as Loader,
+  _ as Menu,
+  ee as MenuItem,
+  ae as Modal,
+  te as Notifications,
+  le as Pagination,
+  ue as PaginationItem,
+  me as Popover,
+  xe as PopoverContainer,
+  ie as Progress,
+  be as QrCode,
+  ge as Radio,
+  Ie as Scroll,
+  Pe as Select,
+  ve as Skeleton,
+  Be as Slider,
+  Fe as Stepper,
+  Le as Tab,
+  we as TabGroup,
+  Re as Table,
+  Ne as TableCell,
+  je as TableHead,
+  ye as TableHeader,
+  Ee as TableRow,
+  Ke as Tag,
+  Ue as Textarea,
+  We as Toggle
 };

package/lib/themes/base/index.js

@@ -1,8 +1,8 @@
 import * as e from "./components.js";
-import s from "./styles.css.js";
+import s from "./styles.js";
 const t = {
   name: "Base",
-  styles: `${s}`,
+  styles: s,
   classPrefix: "x-",
   components: e
 }, m = t;

package/lib/themes/base/styles.d.ts

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

package/{src/themes/base/styles.css → lib/themes/base/styles.js}

@@ -1,4 +1,4 @@
-/* stylelint-disable value-keyword-case */
+const o = `
 html {
   color: #111827;
   background-color: white;
@@ -85,3 +85,7 @@ body {
   --error-color-900: 127, 29, 29;
   --error-color-950: 69, 10, 10;
 }
+`;
+export {
+  o as default
+};

package/lib/themes/carbon/components.d.ts

@@ -11,6 +11,7 @@ export { default as Carousel } from '../../components/carousel/theme/Carousel.ca
 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 Container } from '../../components/container/theme/Container.carbon.theme';
+export { default as Datepicker } from '../../components/datepicker/theme/Datepicker.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';
@@ -31,6 +32,7 @@ export { default as PaginationItem } from '../../components/pagination/theme/Pag
 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 QrCode } from '../../components/qrCode/theme/QrCode.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';

package/lib/themes/carbon/components.js

@@ -5,48 +5,50 @@ import { default as u } from "../../components/avatar/theme/Avatar.carbon.theme.
 import { default as m } from "../../components/badge/theme/Badge.carbon.theme.js";
 import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js";
 import { default as i } from "../../components/button/theme/Button.carbon.theme.js";
-import { default as c } from "../../components/button/theme/ButtonGroup.carbon.theme.js";
+import { default as b } from "../../components/button/theme/ButtonGroup.carbon.theme.js";
 import { default as g } from "../../components/card/theme/Card.carbon.theme.js";
 import { default as I } from "../../components/carousel/theme/Carousel.carbon.theme.js";
 import { default as P } from "../../components/carousel/theme/CarouselSlide.carbon.theme.js";
-import { default as A } from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
-import { default as k } from "../../components/container/theme/Container.carbon.theme.js";
-import { default as G } from "../../components/divider/theme/Divider.carbon.theme.js";
-import { default as M } from "../../components/drawer/theme/Drawer.carbon.theme.js";
-import { default as D } from "../../components/form/theme/Form.carbon.theme.js";
-import { default as R } from "../../components/formGroup/theme/FormGroup.carbon.theme.js";
-import { default as N } from "../../components/icon/theme/Icon.carbon.theme.js";
-import { default as q } from "../../components/image/theme/Image.carbon.theme.js";
-import { default as z } from "../../components/input/theme/Input.carbon.theme.js";
-import { default as J } from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
-import { default as O } from "../../components/label/theme/Label.carbon.theme.js";
-import { default as U } from "../../components/link/theme/Link.carbon.theme.js";
-import { default as W } from "../../components/loader/theme/Loader.carbon.theme.js";
-import { default as Y } from "../../components/menu/theme/Menu.carbon.theme.js";
-import { default as _ } from "../../components/menu/theme/MenuItem.carbon.theme.js";
-import { default as ee } from "../../components/modal/theme/Modal.carbon.theme.js";
-import { default as ae } from "../../components/notifications/theme/Notifications.carbon.theme.js";
-import { default as te } from "../../components/pagination/theme/Pagination.carbon.theme.js";
-import { default as le } from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
-import { default as ue } from "../../components/popover/theme/Popover.carbon.theme.js";
-import { default as me } from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
-import { default as xe } from "../../components/progress/theme/Progress.carbon.theme.js";
-import { default as ie } from "../../components/radio/theme/Radio.carbon.theme.js";
-import { default as ce } from "../../components/scroll/theme/Scroll.carbon.theme.js";
-import { default as ge } from "../../components/select/theme/Select.carbon.theme.js";
-import { default as Ie } from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
-import { default as Pe } from "../../components/slider/theme/Slider.carbon.theme.js";
-import { default as Ae } from "../../components/stepper/theme/Stepper.carbon.theme.js";
-import { default as ke } from "../../components/tab/theme/Tab.carbon.theme.js";
-import { default as Ge } from "../../components/tab/theme/TabGroup.carbon.theme.js";
-import { default as Me } from "../../components/table/theme/Table.carbon.theme.js";
-import { default as De } from "../../components/table/theme/TableCell.carbon.theme.js";
-import { default as Re } from "../../components/table/theme/TableHead.carbon.theme.js";
-import { default as Ne } from "../../components/table/theme/TableHeader.carbon.theme.js";
-import { default as qe } from "../../components/table/theme/TableRow.carbon.theme.js";
-import { default as ze } from "../../components/tag/theme/Tag.carbon.theme.js";
-import { default as Je } from "../../components/textarea/theme/Textarea.carbon.theme.js";
-import { default as Oe } from "../../components/toggle/theme/Toggle.carbon.theme.js";
+import { default as v } from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
+import { default as B } from "../../components/container/theme/Container.carbon.theme.js";
+import { default as F } from "../../components/datepicker/theme/Datepicker.carbon.theme.js";
+import { default as L } from "../../components/divider/theme/Divider.carbon.theme.js";
+import { default as w } from "../../components/drawer/theme/Drawer.carbon.theme.js";
+import { default as R } from "../../components/form/theme/Form.carbon.theme.js";
+import { default as N } from "../../components/formGroup/theme/FormGroup.carbon.theme.js";
+import { default as j } from "../../components/icon/theme/Icon.carbon.theme.js";
+import { default as y } from "../../components/image/theme/Image.carbon.theme.js";
+import { default as E } from "../../components/input/theme/Input.carbon.theme.js";
+import { default as K } from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
+import { default as U } from "../../components/label/theme/Label.carbon.theme.js";
+import { default as W } from "../../components/link/theme/Link.carbon.theme.js";
+import { default as Y } from "../../components/loader/theme/Loader.carbon.theme.js";
+import { default as _ } from "../../components/menu/theme/Menu.carbon.theme.js";
+import { default as ee } from "../../components/menu/theme/MenuItem.carbon.theme.js";
+import { default as ae } from "../../components/modal/theme/Modal.carbon.theme.js";
+import { default as te } from "../../components/notifications/theme/Notifications.carbon.theme.js";
+import { default as le } from "../../components/pagination/theme/Pagination.carbon.theme.js";
+import { default as ue } from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
+import { default as me } from "../../components/popover/theme/Popover.carbon.theme.js";
+import { default as xe } from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
+import { default as ie } from "../../components/progress/theme/Progress.carbon.theme.js";
+import { default as be } from "../../components/qrCode/theme/QrCode.carbon.theme.js";
+import { default as ge } from "../../components/radio/theme/Radio.carbon.theme.js";
+import { default as Ie } from "../../components/scroll/theme/Scroll.carbon.theme.js";
+import { default as Pe } from "../../components/select/theme/Select.carbon.theme.js";
+import { default as ve } from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
+import { default as Be } from "../../components/slider/theme/Slider.carbon.theme.js";
+import { default as Fe } from "../../components/stepper/theme/Stepper.carbon.theme.js";
+import { default as Le } from "../../components/tab/theme/Tab.carbon.theme.js";
+import { default as we } from "../../components/tab/theme/TabGroup.carbon.theme.js";
+import { default as Re } from "../../components/table/theme/Table.carbon.theme.js";
+import { default as Ne } from "../../components/table/theme/TableCell.carbon.theme.js";
+import { default as je } from "../../components/table/theme/TableHead.carbon.theme.js";
+import { default as ye } from "../../components/table/theme/TableHeader.carbon.theme.js";
+import { default as Ee } from "../../components/table/theme/TableRow.carbon.theme.js";
+import { default as Ke } from "../../components/tag/theme/Tag.carbon.theme.js";
+import { default as Ue } from "../../components/textarea/theme/Textarea.carbon.theme.js";
+import { default as We } from "../../components/toggle/theme/Toggle.carbon.theme.js";
 export {
   a as Accordion,
   t as AccordionItem,
@@ -55,46 +57,48 @@ export {
   m as Badge,
   x as Breadcrumbs,
   i as Button,
-  c as ButtonGroup,
+  b as ButtonGroup,
   g as Card,
   I as Carousel,
   P as CarouselSlide,
-  A as Checkbox,
-  k as Container,
-  G as Divider,
-  M as Drawer,
-  D as Form,
-  R as FormGroup,
-  N as Icon,
-  q as Image,
-  z as Input,
-  J as InputFooter,
-  O as Label,
-  U as Link,
-  W as Loader,
-  Y as Menu,
-  _ as MenuItem,
-  ee as Modal,
-  ae as Notifications,
-  te as Pagination,
-  le as PaginationItem,
-  ue as Popover,
-  me as PopoverContainer,
-  xe as Progress,
-  ie as Radio,
-  ce as Scroll,
-  ge as Select,
-  Ie as Skeleton,
-  Pe as Slider,
-  Ae as Stepper,
-  ke as Tab,
-  Ge as TabGroup,
-  Me as Table,
-  De as TableCell,
-  Re as TableHead,
-  Ne as TableHeader,
-  qe as TableRow,
-  ze as Tag,
-  Je as Textarea,
-  Oe as Toggle
+  v as Checkbox,
+  B as Container,
+  F as Datepicker,
+  L as Divider,
+  w as Drawer,
+  R as Form,
+  N as FormGroup,
+  j as Icon,
+  y as Image,
+  E as Input,
+  K as InputFooter,
+  U as Label,
+  W as Link,
+  Y as Loader,
+  _ as Menu,
+  ee as MenuItem,
+  ae as Modal,
+  te as Notifications,
+  le as Pagination,
+  ue as PaginationItem,
+  me as Popover,
+  xe as PopoverContainer,
+  ie as Progress,
+  be as QrCode,
+  ge as Radio,
+  Ie as Scroll,
+  Pe as Select,
+  ve as Skeleton,
+  Be as Slider,
+  Fe as Stepper,
+  Le as Tab,
+  we as TabGroup,
+  Re as Table,
+  Ne as TableCell,
+  je as TableHead,
+  ye as TableHeader,
+  Ee as TableRow,
+  Ke as Tag,
+  Ue as Textarea,
+  We as Toggle
 };

package/lib/themes/carbon/index.js

@@ -1,11 +1,11 @@
 import * as e from "./components.js";
-import f from "./styles.css.js";
+import f from "./styles.js";
 const a = {
   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: `${f}`,
+  styles: f,
   classPrefix: "x-",
   components: e
 }, r = a;

package/lib/themes/carbon/styles.d.ts

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

package/lib/themes/carbon/{styles.css.js → styles.js}

@@ -1,4 +1,5 @@
-const o = `html {
+const o = `
+html {
   color: #111827;
   background-color: white;
 }

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.5.1";
+declare const _default: "1.6.0";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.5.1";
+const e = "1.6.0";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -57,12 +57,13 @@
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "@vue/test-utils": "^2.4.0",
     "@vue/tsconfig": "^0.4.0",
+    "@vuepic/vue-datepicker": "^8.0.0",
     "@vueuse/core": "^10.2.0",
     "autoprefixer": "^10.4.0",
     "c8": "^7.12.0",
     "clean-css": "^5.3.0",
     "eslint": "^8.43.0",
-    "floating-vue": "^5.2.0",
+    "floating-vue": "^5.2.2",
     "jsdom": "^22.1.0",
     "postcss": "^8.4.4",
     "rollup-plugin-visualizer": "^5.9.2",

package/src/components/accordion/AccordionItem.vue

@@ -144,6 +144,7 @@ defineExpose({ toggle, open, close })
     :aria-expanded="collapsed ? 'false' : 'true'"
   >
     <button
+      type="button"
       :class="classes.wrapper"
       @click="toggle"
     >

package/src/components/accordion/theme/AccordionItem.base.theme.ts

@@ -3,7 +3,7 @@ import type { AccordionItemTheme } from '../AccordionItem.vue'
 const theme: AccordionItemTheme = {
   classes: {
     wrapper: ({ props, slots, data }) => {
-      const classes = ['relative flex items-center w-full text-left']
+      const classes = ['relative flex items-center w-full text-left rounded']
 
       if (!data.isInsideAccordion) return classes
 
@@ -11,7 +11,7 @@ const theme: AccordionItemTheme = {
         if (props.iconAlign === 'left') classes.push('pl-8 pr-4')
         else classes.push('pr-8 pl-4')
         classes.push('py-2')
-        if (!props.disabled) classes.push('hover:bg-secondary-50 dark:hover:bg-secondary-600')
+        if (!props.disabled) classes.push('hover:bg-secondary-100 dark:hover:bg-secondary-600')
       }
 
       if (!props.disabled) classes.push('cursor-pointer')

package/src/components/alert/Alert.vue

@@ -72,7 +72,7 @@ const { styles, classes, className } = useTheme('Alert', {}, props)
     </div>
     <template v-if="removable">
       <div class="flex-grow"></div>
-      <button class="shrink-0" :aria-label="closeLabel" @click="(e: Event) => $emit('remove', e)">
+      <button type="button" class="shrink-0" :aria-label="closeLabel" @click="(e: Event) => $emit('remove', e)">
         <slot name="removeIcon">
           <x-icon :icon="closeIcon"/>
         </slot>

package/src/components/button/Button.vue

@@ -14,7 +14,7 @@ const buttonProps = {
   icon: String,
   iconLeft: String,
   iconRight: String,
-  to: String,
+  to: [String, Object],
   outlined: Boolean,
   rounded: Boolean,
   glow: Boolean,