@indielayer/ui 1.18.0 → 2.0.0

package/lib/themes/carbon/components.js

@@ -1,108 +1,118 @@
-import { default as a } from "../../components/accordion/theme/Accordion.carbon.theme.js";
-import { default as t } from "../../components/accordion/theme/AccordionItem.carbon.theme.js";
-import { default as l } from "../../components/alert/theme/Alert.carbon.theme.js";
-import { default as p } from "../../components/avatar/theme/Avatar.carbon.theme.js";
-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 T } 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 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 U } 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 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 pe } 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 Te } 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 Ue } from "../../components/table/theme/TableHead.carbon.theme.js";
-import { default as qe } from "../../components/table/theme/TableHeader.carbon.theme.js";
-import { default as ze } from "../../components/table/theme/TableRow.carbon.theme.js";
-import { default as Je } from "../../components/tag/theme/Tag.carbon.theme.js";
-import { default as Oe } from "../../components/textarea/theme/Textarea.carbon.theme.js";
-import { default as We } from "../../components/toggle/theme/Toggle.carbon.theme.js";
-import { default as Ye } from "../../components/tooltip/theme/Tooltip.carbon.theme.js";
-import { default as _e } from "../../components/upload/theme/Upload.carbon.theme.js";
-export {
-  a as Accordion,
-  t as AccordionItem,
-  l as Alert,
-  p as Avatar,
-  m as Badge,
-  x as Breadcrumbs,
-  i as Button,
-  T as ButtonGroup,
-  g as Card,
-  I as Carousel,
-  P as CarouselSlide,
-  v as Checkbox,
-  B as Container,
-  F as Datepicker,
-  L as Divider,
-  w as Drawer,
-  R as Form,
-  N as FormGroup,
-  U as Icon,
-  q as Image,
-  z as Input,
-  J as InputFooter,
-  O as Label,
-  W as Link,
-  Y as Loader,
-  _ as Menu,
-  ee as MenuItem,
-  ae as Modal,
-  te as Notifications,
-  le as Pagination,
-  pe as PaginationItem,
-  me as Popover,
-  xe as PopoverContainer,
-  ie as Progress,
-  Te 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,
-  Ue as TableHead,
-  qe as TableHeader,
-  ze as TableRow,
-  Je as Tag,
-  Oe as Textarea,
-  We as Toggle,
-  Ye as Tooltip,
-  _e as Upload
-};
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../components/accordion/theme/Accordion.carbon.theme.js";
+import n from "../../components/accordion/theme/AccordionItem.carbon.theme.js";
+import r from "../../components/alert/theme/Alert.carbon.theme.js";
+import i from "../../components/avatar/theme/Avatar.carbon.theme.js";
+import a from "../../components/badge/theme/Badge.carbon.theme.js";
+import o from "../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js";
+import s from "../../components/button/theme/Button.carbon.theme.js";
+import c from "../../components/button/theme/ButtonGroup.carbon.theme.js";
+import l from "../../components/card/theme/Card.carbon.theme.js";
+import u from "../../components/carousel/theme/Carousel.carbon.theme.js";
+import d from "../../components/carousel/theme/CarouselSlide.carbon.theme.js";
+import f from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
+import p from "../../components/container/theme/Container.carbon.theme.js";
+import m from "../../components/datepicker/theme/Datepicker.carbon.theme.js";
+import h from "../../components/divider/theme/Divider.carbon.theme.js";
+import g from "../../components/drawer/theme/Drawer.carbon.theme.js";
+import _ from "../../components/empty/theme/Empty.carbon.theme.js";
+import v from "../../components/form/theme/Form.carbon.theme.js";
+import y from "../../components/formGroup/theme/FormGroup.carbon.theme.js";
+import b from "../../components/icon/theme/Icon.carbon.theme.js";
+import x from "../../components/image/theme/Image.carbon.theme.js";
+import S from "../../components/input/theme/Input.carbon.theme.js";
+import C from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
+import w from "../../components/inputGroup/theme/InputGroup.carbon.theme.js";
+import T from "../../components/label/theme/Label.carbon.theme.js";
+import E from "../../components/link/theme/Link.carbon.theme.js";
+import D from "../../components/loader/theme/Loader.carbon.theme.js";
+import O from "../../components/menu/theme/Menu.carbon.theme.js";
+import k from "../../components/menu/theme/MenuItem.carbon.theme.js";
+import A from "../../components/modal/theme/Modal.carbon.theme.js";
+import j from "../../components/notifications/theme/Notifications.carbon.theme.js";
+import M from "../../components/pagination/theme/Pagination.carbon.theme.js";
+import N from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
+import P from "../../components/popover/theme/Popover.carbon.theme.js";
+import F from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
+import I from "../../components/progress/theme/Progress.carbon.theme.js";
+import L from "../../components/qrCode/theme/QrCode.carbon.theme.js";
+import R from "../../components/radio/theme/Radio.carbon.theme.js";
+import z from "../../components/radioButton/theme/RadioButton.carbon.theme.js";
+import B from "../../components/scroll/theme/Scroll.carbon.theme.js";
+import V from "../../components/select/theme/Select.carbon.theme.js";
+import H from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
+import U from "../../components/slider/theme/Slider.carbon.theme.js";
+import W from "../../components/stepper/theme/Stepper.carbon.theme.js";
+import G from "../../components/tab/theme/Tab.carbon.theme.js";
+import K from "../../components/tab/theme/TabGroup.carbon.theme.js";
+import q from "../../components/table/theme/Table.carbon.theme.js";
+import J from "../../components/table/theme/TableCell.carbon.theme.js";
+import Y from "../../components/table/theme/TableHead.carbon.theme.js";
+import X from "../../components/table/theme/TableHeader.carbon.theme.js";
+import Z from "../../components/table/theme/TableRow.carbon.theme.js";
+import Q from "../../components/tag/theme/Tag.carbon.theme.js";
+import $ from "../../components/textarea/theme/Textarea.carbon.theme.js";
+import ee from "../../components/toggle/theme/Toggle.carbon.theme.js";
+import te from "../../components/tooltip/theme/Tooltip.carbon.theme.js";
+import ne from "../../components/upload/theme/Upload.carbon.theme.js";
+//#region src/themes/carbon/components.ts
+var re = /* @__PURE__ */ e({
+	Accordion: () => t,
+	AccordionItem: () => n,
+	Alert: () => r,
+	Avatar: () => i,
+	Badge: () => a,
+	Breadcrumbs: () => o,
+	Button: () => s,
+	ButtonGroup: () => c,
+	Card: () => l,
+	Carousel: () => u,
+	CarouselSlide: () => d,
+	Checkbox: () => f,
+	Container: () => p,
+	Datepicker: () => m,
+	Divider: () => h,
+	Drawer: () => g,
+	Empty: () => _,
+	Form: () => v,
+	FormGroup: () => y,
+	Icon: () => b,
+	Image: () => x,
+	Input: () => S,
+	InputFooter: () => C,
+	InputGroup: () => w,
+	Label: () => T,
+	Link: () => E,
+	Loader: () => D,
+	Menu: () => O,
+	MenuItem: () => k,
+	Modal: () => A,
+	Notifications: () => j,
+	Pagination: () => M,
+	PaginationItem: () => N,
+	Popover: () => P,
+	PopoverContainer: () => F,
+	Progress: () => I,
+	QrCode: () => L,
+	Radio: () => R,
+	RadioButton: () => z,
+	Scroll: () => B,
+	Select: () => V,
+	Skeleton: () => H,
+	Slider: () => U,
+	Stepper: () => W,
+	Tab: () => G,
+	TabGroup: () => K,
+	Table: () => q,
+	TableCell: () => J,
+	TableHead: () => Y,
+	TableHeader: () => X,
+	TableRow: () => Z,
+	Tag: () => Q,
+	Textarea: () => $,
+	Toggle: () => ee,
+	Tooltip: () => te,
+	Upload: () => ne
+});
+//#endregion
+export { re as components_exports };

package/lib/themes/carbon/index.js

@@ -1,14 +1,24 @@
-import * as e from "./components.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,
-  classPrefix: "x-",
-  components: e
-}, r = a;
-export {
-  r as default
+import { components_exports as e } from "./components.js";
+import t from "./styles.js";
+//#region src/themes/carbon/index.ts
+var n = {
+	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: t,
+	classPrefix: "x-",
+	components: e
 };
+//#endregion
+export { n as default };

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

@@ -1,2 +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";
+declare const _default: "\n@layer base {\n  html {\n    color: #111827;\n    background-color: white;\n  }\n\n  html.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  .dark {\n    input[type=\"time\"]::-webkit-calendar-picker-indicator{\n      filter: invert(100%);\n    }\n  }\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.js

@@ -1,87 +1,4 @@
-const o = `
-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;
-}
-`;
-export {
-  o as default
-};
+//#region src/themes/carbon/styles.ts
+var e = "\n@layer base {\n  html {\n    color: #111827;\n    background-color: white;\n  }\n\n  html.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  .dark {\n    input[type=\"time\"]::-webkit-calendar-picker-indicator{\n      filter: invert(100%);\n    }\n  }\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";
+//#endregion
+export { e as default };

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.18.0";
+declare const _default: "2.0.0";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.18.0";
-export {
-  e as default
-};
+//#region src/version.ts
+var e = "2.0.0";
+//#endregion
+export { e as default };

package/lib/virtual/components/infiniteLoader/InfiniteLoader.js

@@ -0,0 +1,5 @@
+import e from "./InfiniteLoader.vue_vue_type_script_setup_true_lang.js";
+//#region src/virtual/components/infiniteLoader/InfiniteLoader.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/virtual/components/infiniteLoader/InfiniteLoader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import { useInfiniteLoader as e } from "../../composables/infinite-loader/useInfiniteLoader.js";
+import { defineComponent as t, renderSlot as n, unref as r } from "vue";
+var i = /* @__PURE__ */ t({
+	name: "XInfiniteLoader",
+	props: {
+		isRowLoaded: { type: Function },
+		loadMoreRows: { type: Function },
+		minimumBatchSize: {},
+		threshold: {},
+		rowCount: {}
+	},
+	setup(t) {
+		let { onRowsRendered: i } = e(t);
+		return (e, t) => n(e.$slots, "default", { onRowsRendered: r(i) });
+	}
+});
+//#endregion
+export { i as default };

package/lib/virtual/components/virtualGrid/VirtualGrid.js

@@ -0,0 +1,5 @@
+import e from "./VirtualGrid.vue_vue_type_script_setup_true_lang.js";
+//#region src/virtual/components/virtualGrid/VirtualGrid.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/virtual/components/virtualGrid/VirtualGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,194 @@
+import { useIsRtl as e } from "../../core/useIsRtl.js";
+import { useVirtualizer as t } from "../../core/useVirtualizer.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, renderSlot as p, resolveDynamicComponent as m, unref as h, watch as g, withCtx as _ } from "vue";
+//#region src/virtual/components/virtualGrid/VirtualGrid.vue?vue&type=script&setup=true&lang.ts
+var v = ["aria-rowindex"], y = /* @__PURE__ */ s({
+	name: "XVirtualGrid",
+	props: {
+		cellProps: {},
+		class: {},
+		columnCount: {},
+		columnWidth: {},
+		defaultHeight: { default: 0 },
+		defaultWidth: { default: 0 },
+		dir: {},
+		onCellsRendered: {},
+		onResize: {},
+		overscanCount: { default: 3 },
+		rowCount: {},
+		rowHeight: {},
+		style: {},
+		tag: { default: "div" }
+	},
+	setup(s, { expose: y }) {
+		let b = s, x = d(null), S = r(() => b.cellProps || {}), C = e(x, b.dir), { getCellBounds: w, getEstimatedSize: T, startIndexOverscan: E, startIndexVisible: D, scrollToIndex: O, stopIndexOverscan: k, stopIndexVisible: A } = t({
+			containerElement: x,
+			containerStyle: b.style,
+			defaultContainerSize: b.defaultWidth,
+			direction: "horizontal",
+			isRtl: C.value,
+			itemCount: b.columnCount,
+			itemProps: S.value,
+			itemSize: b.columnWidth,
+			onResize: b.onResize,
+			overscanCount: b.overscanCount
+		}), { getCellBounds: j, getEstimatedSize: M, startIndexOverscan: N, startIndexVisible: P, scrollToIndex: F, stopIndexOverscan: I, stopIndexVisible: L } = t({
+			containerElement: x,
+			containerStyle: b.style,
+			defaultContainerSize: b.defaultHeight,
+			direction: "vertical",
+			itemCount: b.rowCount,
+			itemProps: S.value,
+			itemSize: b.rowHeight,
+			onResize: b.onResize,
+			overscanCount: b.overscanCount
+		});
+		y({
+			get element() {
+				return x.value;
+			},
+			scrollToCell({ behavior: e = "auto", columnAlign: t = "auto", columnIndex: n, rowAlign: r = "auto", rowIndex: i }) {
+				let a = O({
+					align: t,
+					containerScrollOffset: x.value?.scrollLeft ?? 0,
+					index: n
+				}), o = F({
+					align: r,
+					containerScrollOffset: x.value?.scrollTop ?? 0,
+					index: i
+				});
+				typeof x.value?.scrollTo == "function" && a !== void 0 && o !== void 0 && x.value.scrollTo({
+					behavior: e,
+					left: a,
+					top: o
+				});
+			},
+			scrollToColumn({ align: e = "auto", behavior: t = "auto", index: n }) {
+				let r = O({
+					align: e,
+					containerScrollOffset: x.value?.scrollLeft ?? 0,
+					index: n
+				});
+				typeof x.value?.scrollTo == "function" && r !== void 0 && x.value.scrollTo({
+					behavior: t,
+					left: r
+				});
+			},
+			scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
+				let r = F({
+					align: e,
+					containerScrollOffset: x.value?.scrollTop ?? 0,
+					index: n
+				});
+				typeof x.value?.scrollTo == "function" && r !== void 0 && x.value.scrollTo({
+					behavior: t,
+					top: r
+				});
+			}
+		}), g([
+			E,
+			D,
+			k,
+			A,
+			N,
+			P,
+			I,
+			L
+		], ([e, t, n, r, i, a, o, s]) => {
+			e >= 0 && n >= 0 && i >= 0 && o >= 0 && b.onCellsRendered && b.onCellsRendered({
+				columnStartIndex: t,
+				columnStopIndex: r,
+				rowStartIndex: a,
+				rowStopIndex: s
+			}, {
+				columnStartIndex: e,
+				columnStopIndex: n,
+				rowStartIndex: i,
+				rowStopIndex: o
+			});
+		});
+		let R = r(() => {
+			let e = [];
+			if (b.columnCount > 0 && b.rowCount > 0) for (let t = N.value; t <= I.value; t++) {
+				let n = j(t), r = [];
+				for (let e = E.value; e <= k.value; e++) {
+					let i = w(e), a = {
+						position: "absolute",
+						left: C.value ? void 0 : 0,
+						right: C.value ? 0 : void 0,
+						transform: `translate(${C.value ? -i.scrollOffset : i.scrollOffset}px, ${n.scrollOffset}px)`,
+						height: `${n.size}px`,
+						width: `${i.size}px`
+					};
+					r.push({
+						key: e,
+						columnIndex: e,
+						rowIndex: t,
+						style: a,
+						ariaAttributes: {
+							"aria-colindex": e + 1,
+							role: "gridcell"
+						}
+					});
+				}
+				e.push({
+					key: t,
+					rowIndex: t,
+					columns: r,
+					ariaRowIndex: t + 1
+				});
+			}
+			return e;
+		});
+		return (e, t) => (u(), i(m(s.tag), {
+			ref_key: "element",
+			ref: x,
+			class: c(e.$props.class),
+			style: l({
+				position: "relative",
+				maxHeight: "100%",
+				maxWidth: "100%",
+				flexGrow: 1,
+				overflow: "auto",
+				...s.style
+			}),
+			dir: s.dir,
+			role: "grid",
+			"aria-colcount": s.columnCount,
+			"aria-rowcount": s.rowCount
+		}, {
+			default: _(() => [
+				(u(!0), a(n, null, f(R.value, (t) => (u(), a("div", {
+					key: t.key,
+					role: "row",
+					"aria-rowindex": t.ariaRowIndex
+				}, [(u(!0), a(n, null, f(t.columns, (t) => p(e.$slots, "cell", {
+					key: t.key,
+					columnIndex: t.columnIndex,
+					rowIndex: t.rowIndex,
+					style: l(t.style),
+					ariaAttributes: t.ariaAttributes,
+					props: S.value
+				})), 128))], 8, v))), 128)),
+				p(e.$slots, "default"),
+				o("div", {
+					"aria-hidden": "",
+					style: l({
+						height: `${h(M)}px`,
+						width: `${h(T)}px`,
+						zIndex: -1
+					})
+				}, null, 4)
+			]),
+			_: 3
+		}, 8, [
+			"class",
+			"style",
+			"dir",
+			"aria-colcount",
+			"aria-rowcount"
+		]));
+	}
+});
+//#endregion
+export { y as default };

package/lib/virtual/components/virtualList/VirtualList.js

@@ -0,0 +1,5 @@
+import e from "./VirtualList.vue_vue_type_script_setup_true_lang.js";
+//#region src/virtual/components/virtualList/VirtualList.vue
+var t = e;
+//#endregion
+export { t as default };