@indielayer/ui 1.2.0 → 1.4.0

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,49 @@
+export { default as Accordion } from '../../components/accordion/theme/Accordion.carbon.theme'
+export { default as AccordionItem } from '../../components/accordion/theme/AccordionItem.carbon.theme'
+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 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 FormGroup } from '../../components/formGroup/theme/FormGroup.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 Stepper } from '../../components/stepper/theme/Stepper.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 TableHead } from '../../components/table/theme/TableHead.carbon.theme'
+export { default as TableHeader } from '../../components/table/theme/TableHeader.carbon.theme'
+export { default as TableRow } from '../../components/table/theme/TableRow.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.2.0'
+export default '1.4.0'

package/volar.d.ts

@@ -1,5 +1,7 @@
 declare module 'vue' {
   export interface GlobalComponents {
+    XAccordion: typeof import('@indielayer/ui')['XAccordion']
+    XAccordionItem: typeof import('@indielayer/ui')['XAccordionItem']
     XAlert: typeof import('@indielayer/ui')['XAlert']
     XAvatar: typeof import('@indielayer/ui')['XAvatar']
     XBadge: typeof import('@indielayer/ui')['XBadge']
@@ -7,16 +9,21 @@ 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']
     XDivider: typeof import('@indielayer/ui')['XDivider']
     XDrawer: typeof import('@indielayer/ui')['XDrawer']
     XForm: typeof import('@indielayer/ui')['XForm']
+    XFormGroup: typeof import('@indielayer/ui')['XFormGroup']
     XIcon: typeof import('@indielayer/ui')['XIcon']
     XImage: typeof import('@indielayer/ui')['XImage']
     XInput: typeof import('@indielayer/ui')['XInput']
+    XInputFooter: typeof import('@indielayer/ui')['XInputFooter']
+    XLabel: typeof import('@indielayer/ui')['XLabel']
     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']
@@ -33,6 +40,7 @@ declare module 'vue' {
     XSlider: typeof import('@indielayer/ui')['XSlider']
     XSpacer: typeof import('@indielayer/ui')['XSpacer']
     XSpinner: typeof import('@indielayer/ui')['XSpinner']
+    XStepper: typeof import('@indielayer/ui')['XStepper']
     XTable: typeof import('@indielayer/ui')['XTable']
     XTableBody: typeof import('@indielayer/ui')['XTableBody']
     XTableCell: typeof import('@indielayer/ui')['XTableCell']
@@ -43,6 +51,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/checkbox/Checkbox.theme.js

@@ -1,52 +0,0 @@
-const b = {
-  classes: {
-    wrapper: "inline-block relative cursor-pointer align-middle",
-    box: ({ props: e }) => {
-      const r = ["rounded flex justify-center items-center shrink-0 border-2 border-[color:var(--x-checkbox-border)] bg-[color:var(--x-checkbox-bg)] dark:border-[color:var(--x-checkbox-dark-border)] dark:bg-[color:var(--x-checkbox-dark-bg)]"];
-      return e.size === "xs" || e.size === "sm" ? r.push("h-4 w-4") : e.size === "xl" ? r.push("h-6 w-6") : r.push("h-5 w-5"), r;
-    },
-    icon: ({ props: e }) => {
-      const r = ["fill-current text-white dark:text-gray-900"];
-      return e.size === "xs" || e.size === "sm" ? r.push("h-2 w-2") : e.size === "xl" ? r.push("h-4 w-4") : r.push("h-3 w-3"), r;
-    },
-    label: ({ props: e }) => {
-      const r = ["inline-block font-medium text-gray-800 dark:text-gray-200 pl-2"];
-      return e.size === "xs" ? r.push("text-xs") : e.size === "sm" ? r.push("text-sm") : e.size === "lg" ? r.push("text-lg") : e.size === "xl" && r.push("text-xl"), r;
-    }
-  },
-  styles({ props: e, colors: r, css: a, data: i }) {
-    const t = r.getPalette("gray"), s = r.getPalette(e.color), l = [];
-    return e.loading ? a.variables({
-      bg: "transparent",
-      border: "transparent",
-      dark: {
-        bg: "transparent",
-        border: "transparent"
-      }
-    }) : (e.disabled ? l.push(a.variables({
-      bg: t[100],
-      border: t[200],
-      dark: {
-        bg: t[800],
-        border: t[700]
-      }
-    })) : (i.checked ? l.push(a.variables({
-      bg: s[500],
-      border: s[500],
-      dark: {
-        bg: s[500],
-        border: s[500]
-      }
-    })) : l.push(a.variables({
-      bg: "#fff",
-      border: e.glow ? s[300] : t[300],
-      dark: {
-        bg: t[900],
-        border: e.glow ? s[300] : t[400]
-      }
-    })), e.glow && l.push(a.get("glow", r.getColorOpacity(s[500], 0.5)))), l);
-  }
-}, o = b;
-export {
-  o as default
-};

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/collapse/Collapse.theme.js

@@ -1,10 +0,0 @@
-const t = {
-  classes: {
-    wrapper: ({ props: e }) => `relative flex items-center ${e.icon ? "flex-row-reverse" : ""} ${e.disabled ? "" : "cursor-pointer"}`,
-    icon: "absolute top-1/2 transform -translate-y-1/2 right-3",
-    content: "transition-[height] duration-150 overflow-y-hidden"
-  }
-}, r = t;
-export {
-  r as default
-};

package/lib/components/collapse/Collapse.vue.js

@@ -1,132 +0,0 @@
-import { defineComponent as T, ref as f, watch as P, openBlock as i, createBlock as v, resolveDynamicComponent as V, normalizeStyle as z, unref as s, normalizeClass as l, withCtx as m, createElementVNode as r, renderSlot as d, createElementBlock as h, createCommentVNode as y, createVNode as A, Transition as D, withDirectives as H, vShow as I } from "vue";
-import { useTheme as M } from "../../composables/theme.js";
-import { useColors as X } from "../../composables/colors.js";
-import j from "../icon/Icon.vue.js";
-import q from "./Collapse.theme.js";
-const F = { class: "flex-1 overflow-hidden" }, G = {
-  key: 1,
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  fill: "none",
-  role: "presentation",
-  class: "stroke-2 w-5 h-5"
-}, J = /* @__PURE__ */ r("path", { d: "M19 9l-7 7-7-7" }, null, -1), K = [
-  J
-], O = {
-  ...X.props(),
-  tag: {
-    type: String,
-    default: "div"
-  },
-  disabled: Boolean,
-  expanded: Boolean,
-  showIcon: Boolean,
-  icon: String
-}, Q = { name: "XCollapse" }, ee = /* @__PURE__ */ T({
-  ...Q,
-  props: O,
-  emits: ["expand"],
-  setup(g, { expose: x, emit: k }) {
-    const a = g, t = f(!a.expanded), o = f(!0);
-    P(() => a.expanded, () => {
-      t.value = !a.expanded;
-    });
-    function w(e) {
-      o.value && (e.style.height = "0px");
-    }
-    function _(e, n) {
-      o.value ? (e.addEventListener("transitionend", n), setTimeout(() => {
-        e.style.height = `${e.scrollHeight}px`;
-      }, 1)) : n();
-    }
-    function B(e) {
-      o.value ? e.style.removeProperty("height") : o.value = !0;
-    }
-    function C(e) {
-      o.value && (e.style.height = `${e.scrollHeight}px`);
-    }
-    function E(e, n) {
-      o.value ? (e.addEventListener("transitionend", n), setTimeout(() => {
-        e.style.height = "0px";
-      }, 1)) : n();
-    }
-    function $(e) {
-      o.value ? e.style.removeProperty("height") : o.value = !0;
-    }
-    function c(e = !0) {
-      o.value = e, t.value = !1;
-    }
-    function b(e = !0) {
-      o.value = e, t.value = !0;
-    }
-    function p() {
-      a.disabled || (t.value = !t.value);
-    }
-    function L(e = !0) {
-      c(e), k("expand");
-    }
-    const { styles: S, classes: u, className: N } = M("collapse", q, a);
-    return x({ toggle: p, open: c, close: b }), (e, n) => (i(), v(V(e.tag), {
-      style: z(s(S)),
-      class: l(s(N)),
-      "aria-disabled": e.disabled,
-      "aria-expanded": t.value ? "false" : "true"
-    }, {
-      default: m(() => [
-        r("div", {
-          class: l(s(u).wrapper),
-          onClick: p
-        }, [
-          r("div", F, [
-            d(e.$slots, "default", { collapsed: t.value })
-          ]),
-          e.showIcon ? (i(), h("div", {
-            key: 0,
-            class: l(s(u).icon)
-          }, [
-            r("span", {
-              class: l(["flex transform transition-transform duration-150", [
-                {
-                  "rotate-180": !t.value,
-                  "text-gray-300": e.disabled
-                }
-              ]])
-            }, [
-              e.icon ? (i(), v(j, {
-                key: 0,
-                icon: e.icon
-              }, null, 8, ["icon"])) : (i(), h("svg", G, K))
-            ], 2)
-          ], 2)) : y("", !0)
-        ], 2),
-        e.$slots.summary ? d(e.$slots, "summary", { key: 0 }) : y("", !0),
-        A(D, {
-          onBeforeEnter: w,
-          onEnter: _,
-          onAfterEnter: B,
-          onBeforeLeave: C,
-          onLeave: E,
-          onAfterLeave: $
-        }, {
-          default: m(() => [
-            H(r("div", {
-              class: l(s(u).content)
-            }, [
-              d(e.$slots, "content", {
-                expand: L,
-                collapsed: t.value
-              })
-            ], 2), [
-              [I, !t.value]
-            ])
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["style", "class", "aria-disabled", "aria-expanded"]));
-  }
-});
-export {
-  ee as default
-};

package/lib/components/collapse/Collapse.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Collapse.vue.js";
-export {
-  f as default
-};

package/lib/components/collapse/index.d.ts

@@ -1,3 +0,0 @@
-export { default as XCollapse } from './Collapse.vue';
-export type { CollapseProps } from './Collapse.vue';
-export type { CollapseTheme } from './Collapse.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/container/Container.theme.js

@@ -1,8 +0,0 @@
-const e = {
-  classes: {
-    wrapper: "max-w-screen-2xl mx-auto px-4 md:px-8"
-  }
-}, s = e;
-export {
-  s as default
-};