@serendie/ui 1.0.0 → 2.0.0

package/dist/components/IconButton/IconButton.d.ts

@@ -92,19 +92,19 @@ type CircleLargeProps = {
 export declare const IconButton: React.ForwardRefExoticComponent<(Omit<{
     shape?: "circle" | "rectangle" | undefined;
     styleType?: "filled" | "outlined" | "ghost" | undefined;
-    size?: "small" | "large" | "medium" | undefined;
+    size?: "medium" | "small" | "large" | undefined;
 } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     icon: React.ReactElement;
 } & RectangleProps, "ref"> | Omit<{
     shape?: "circle" | "rectangle" | undefined;
     styleType?: "filled" | "outlined" | "ghost" | undefined;
-    size?: "small" | "large" | "medium" | undefined;
+    size?: "medium" | "small" | "large" | undefined;
 } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     icon: React.ReactElement;
 } & CircleProps, "ref"> | Omit<{
     shape?: "circle" | "rectangle" | undefined;
     styleType?: "filled" | "outlined" | "ghost" | undefined;
-    size?: "small" | "large" | "medium" | undefined;
+    size?: "medium" | "small" | "large" | undefined;
 } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     icon: React.ReactElement;
 } & CircleLargeProps, "ref">) & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import { default as React, ComponentProps } from 'react';
 import { RecipeVariantProps } from '../../../styled-system/css';
-export declare const PaginationStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"item" | "root" | "ellipsis" | "prevTrigger" | "nextTrigger", {
+export declare const PaginationStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"root" | "item" | "ellipsis" | "prevTrigger" | "nextTrigger", {
     size: {
         medium: {
             root: {

package/dist/components/RadioButton/RadioButton.d.ts

@@ -20,7 +20,7 @@ export declare const radioUncheckedIconCss: {
         color: string;
     };
 };
-export declare const RadioButtonStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"item" | "itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "unCheckedIcon", import('../../../styled-system/types').SlotRecipeVariantRecord<"item" | "itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "unCheckedIcon">>;
+export declare const RadioButtonStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "item" | "unCheckedIcon", import('../../../styled-system/types').SlotRecipeVariantRecord<"itemControl" | "checkedIcon" | "itemTextGroup" | "itemText" | "helperText" | "item" | "unCheckedIcon">>;
 type RadioButtonItemProps = {
     label?: string;
     helperText?: string;

package/dist/components/Search/Search.d.ts

@@ -1,6 +1,6 @@
 import { ComboboxRootProps } from '@ark-ui/react';
 import { RecipeVariantProps } from '../../../styled-system/css';
-export declare const SearchStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "input" | "combobox" | "control" | "comboboxItem" | "iconBox" | "closeIcon", {
+export declare const SearchStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"combobox" | "input" | "icon" | "control" | "comboboxItem" | "iconBox" | "closeIcon", {
     size: {
         medium: {
             iconBox: {

package/dist/components/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import { SelectRootProps } from '@ark-ui/react';
 import { RecipeVariantProps } from '../../../styled-system/css';
-export declare const SelectStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "item" | "root" | "iconBox" | "valueText" | "trigger", {
+export declare const SelectStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "root" | "item" | "iconBox" | "valueText" | "trigger", {
     size: {
         medium: {
             root: {

package/dist/components/Tabs/TabItem.d.ts

@@ -1,6 +1,6 @@
 import { Tabs as ArkTabs } from '@ark-ui/react';
 import { RecipeVariantProps } from '../../../styled-system/css';
-export declare const TabItemStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"badge" | "dot" | "trigger" | "badgeBox", import('../../../styled-system/types').SlotRecipeVariantRecord<"badge" | "dot" | "trigger" | "badgeBox">>;
+export declare const TabItemStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"dot" | "badge" | "trigger" | "badgeBox", import('../../../styled-system/types').SlotRecipeVariantRecord<"dot" | "badge" | "trigger" | "badgeBox">>;
 type TabItemBaseProps = {
     title: string;
     value: string;

package/dist/components/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import { createToaster } from '@ark-ui/react';
-export declare const ToastStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "text" | "root" | "textGroup", {
+export declare const ToastStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"text" | "root" | "icon" | "textGroup", {
     variant: {
         default: {
             root: {

package/dist/index.d.ts

@@ -5,9 +5,11 @@ export * from './components/Badge/index.ts';
 export * from './components/Banner/index.ts';
 export * from './components/BottomNavigation/index.ts';
 export * from './components/Button/index.ts';
+export * from './components/Chart/index.ts';
 export * from './components/CheckBox/index.ts';
 export * from './components/ChoiceBox/index.ts';
 export * from './components/DashboardWidget/index.ts';
+export * from './components/DataTable/index.ts';
 export * from './components/Divider/index.ts';
 export * from './components/Drawer/index.ts';
 export * from './components/DropdownMenu/index.ts';

package/dist/index.js

@@ -1,97 +1,114 @@
-import { SerendiePreset as t } from "./preset.js";
+import { SerendiePreset as e } from "./preset.js";
 import { Accordion as a } from "./components/Accordion/Accordion.js";
-import { AccordionGroup as x } from "./components/Accordion/AccordionGroup.js";
-import { Avatar as i, AvatarStyle as c } from "./components/Avatar/Avatar.js";
-import { Badge as f, BadgeCloseButton as d, BadgeStyle as s } from "./components/Badge/Badge.js";
-import { Banner as S } from "./components/Banner/Banner.js";
-import { BottomNavigation as y } from "./components/BottomNavigation/BottomNavigation.js";
-import { BottomNavigationItem as I, BottomNavigationItemStyle as g } from "./components/BottomNavigation/BottomNavigationItem.js";
-import { Button as u, ButtonStyle as k } from "./components/Button/Button.js";
-import { CheckBox as b, CheckBoxStyle as v, checkboxCheckedIconCss as D, checkboxIconCss as w, checkboxUncheckedIconCss as A } from "./components/CheckBox/CheckBox.js";
-import { ChoiceBox as N, ChoiceBoxStyle as L } from "./components/ChoiceBox/ChoiceBox.js";
-import { DashboardWidget as R } from "./components/DashboardWidget/DashboardWidget.js";
-import { Divider as G, DividerStyle as U } from "./components/Divider/Divider.js";
-import { Drawer as j } from "./components/Drawer/Drawer.js";
-import { DropdownMenu as z, DropdownMenuStyle as E } from "./components/DropdownMenu/DropdownMenu.js";
-import { IconButton as J, IconButtonStyle as K } from "./components/IconButton/IconButton.js";
-import { List as Q } from "./components/List/List.js";
-import { ListItem as X, ListItemStyle as Y } from "./components/List/ListItem.js";
-import { ModalDialog as _ } from "./components/ModalDialog/ModalDialog.js";
-import { NotificationBadge as oo } from "./components/NotificationBadge/NotificationBadge.js";
-import { Pagination as to, PaginationStyle as ro } from "./components/Pagination/Pagination.js";
-import { PasswordField as mo } from "./components/PasswordField/PasswordField.js";
-import { ProgressIndicator as po, ProgressIndicatorStyle as io } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { RadioButton as no, RadioButtonStyle as fo, radioCheckedIconCss as so, radioIconCss as lo, radioUncheckedIconCss as So } from "./components/RadioButton/RadioButton.js";
-import { RadioGroup as yo } from "./components/RadioButton/RadioGroup.js";
-import { Search as Io, SearchStyle as go } from "./components/Search/Search.js";
-import { Select as uo, SelectStyle as ko } from "./components/Select/Select.js";
-import { Switch as bo, SwitchStyle as vo } from "./components/Switch/Switch.js";
-import { Tabs as wo, TabsStyle as Ao } from "./components/Tabs/Tabs.js";
-import { TabItem as No, TabItemStyle as Lo } from "./components/Tabs/TabItem.js";
-import { TextArea as Ro } from "./components/TextArea/TextArea.js";
-import { TextField as Go } from "./components/TextField/TextField.js";
-import { Toast as Wo, ToastStyle as jo, toaster as qo } from "./components/Toast/Toast.js";
-import { TopAppBar as Eo } from "./components/TopAppBar/TopAppBar.js";
+import { AccordionGroup as m } from "./components/Accordion/AccordionGroup.js";
+import { Avatar as x, AvatarStyle as n } from "./components/Avatar/Avatar.js";
+import { Badge as f, BadgeCloseButton as s, BadgeStyle as d } from "./components/Badge/Badge.js";
+import { Banner as h } from "./components/Banner/Banner.js";
+import { BottomNavigation as S } from "./components/BottomNavigation/BottomNavigation.js";
+import { BottomNavigationItem as g, BottomNavigationItemStyle as y } from "./components/BottomNavigation/BottomNavigationItem.js";
+import { Button as I, ButtonStyle as T } from "./components/Button/Button.js";
+import { SerendieChartTheme as b } from "./components/Chart/SerendieChartTheme.js";
+import { compactChartMargin as D, defaultChartMargin as v, getChartColor as M, getChartColors as w, legendChartMargin as A, spaciousChartMargin as L, useBarChartProps as N, useChartProps as R, useLineChartProps as F, usePieChartProps as G } from "./components/Chart/SerendieChartProps.js";
+import { CheckBox as W, CheckBoxStyle as j, checkboxCheckedIconCss as q, checkboxIconCss as z, checkboxUncheckedIconCss as E } from "./components/CheckBox/CheckBox.js";
+import { ChoiceBox as J, ChoiceBoxStyle as K } from "./components/ChoiceBox/ChoiceBox.js";
+import { DashboardWidget as Q } from "./components/DashboardWidget/DashboardWidget.js";
+import { DataTable as X } from "./components/DataTable/index.js";
+import { Divider as Z, DividerStyle as _ } from "./components/Divider/Divider.js";
+import { Drawer as oo } from "./components/Drawer/Drawer.js";
+import { DropdownMenu as eo, DropdownMenuStyle as to } from "./components/DropdownMenu/DropdownMenu.js";
+import { IconButton as po, IconButtonStyle as mo } from "./components/IconButton/IconButton.js";
+import { List as xo } from "./components/List/List.js";
+import { ListItem as co, ListItemStyle as fo } from "./components/List/ListItem.js";
+import { ModalDialog as lo } from "./components/ModalDialog/ModalDialog.js";
+import { NotificationBadge as Co } from "./components/NotificationBadge/NotificationBadge.js";
+import { Pagination as Bo, PaginationStyle as go } from "./components/Pagination/Pagination.js";
+import { PasswordField as uo } from "./components/PasswordField/PasswordField.js";
+import { ProgressIndicator as To, ProgressIndicatorStyle as Po } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { RadioButton as ko, RadioButtonStyle as Do, radioCheckedIconCss as vo, radioIconCss as Mo, radioUncheckedIconCss as wo } from "./components/RadioButton/RadioButton.js";
+import { RadioGroup as Lo } from "./components/RadioButton/RadioGroup.js";
+import { Search as Ro, SearchStyle as Fo } from "./components/Search/Search.js";
+import { Select as Uo, SelectStyle as Wo } from "./components/Select/Select.js";
+import { Switch as qo, SwitchStyle as zo } from "./components/Switch/Switch.js";
+import { Tabs as Ho, TabsStyle as Jo } from "./components/Tabs/Tabs.js";
+import { TabItem as Oo, TabItemStyle as Qo } from "./components/Tabs/TabItem.js";
+import { TextArea as Xo } from "./components/TextArea/TextArea.js";
+import { TextField as Zo } from "./components/TextField/TextField.js";
+import { Toast as $o, ToastStyle as or, toaster as rr } from "./components/Toast/Toast.js";
+import { TopAppBar as tr } from "./components/TopAppBar/TopAppBar.js";
+import { DataTableComponent as pr } from "./components/DataTable/DataTableComponent.js";
 export {
   a as Accordion,
-  x as AccordionGroup,
-  i as Avatar,
-  c as AvatarStyle,
+  m as AccordionGroup,
+  x as Avatar,
+  n as AvatarStyle,
   f as Badge,
-  d as BadgeCloseButton,
-  s as BadgeStyle,
-  S as Banner,
-  y as BottomNavigation,
-  I as BottomNavigationItem,
-  g as BottomNavigationItemStyle,
-  u as Button,
-  k as ButtonStyle,
-  b as CheckBox,
-  v as CheckBoxStyle,
-  N as ChoiceBox,
-  L as ChoiceBoxStyle,
-  R as DashboardWidget,
-  G as Divider,
-  U as DividerStyle,
-  j as Drawer,
-  z as DropdownMenu,
-  E as DropdownMenuStyle,
-  J as IconButton,
-  K as IconButtonStyle,
-  Q as List,
-  X as ListItem,
-  Y as ListItemStyle,
-  _ as ModalDialog,
-  oo as NotificationBadge,
-  to as Pagination,
-  ro as PaginationStyle,
-  mo as PasswordField,
-  po as ProgressIndicator,
-  io as ProgressIndicatorStyle,
-  no as RadioButton,
-  fo as RadioButtonStyle,
-  yo as RadioGroup,
-  Io as Search,
-  go as SearchStyle,
-  uo as Select,
-  ko as SelectStyle,
-  t as SerendiePreset,
-  bo as Switch,
-  vo as SwitchStyle,
-  No as TabItem,
-  Lo as TabItemStyle,
-  wo as Tabs,
-  Ao as TabsStyle,
-  Ro as TextArea,
-  Go as TextField,
-  Wo as Toast,
-  jo as ToastStyle,
-  Eo as TopAppBar,
-  D as checkboxCheckedIconCss,
-  w as checkboxIconCss,
-  A as checkboxUncheckedIconCss,
-  so as radioCheckedIconCss,
-  lo as radioIconCss,
-  So as radioUncheckedIconCss,
-  qo as toaster
+  s as BadgeCloseButton,
+  d as BadgeStyle,
+  h as Banner,
+  S as BottomNavigation,
+  g as BottomNavigationItem,
+  y as BottomNavigationItemStyle,
+  I as Button,
+  T as ButtonStyle,
+  W as CheckBox,
+  j as CheckBoxStyle,
+  J as ChoiceBox,
+  K as ChoiceBoxStyle,
+  Q as DashboardWidget,
+  X as DataTable,
+  pr as DataTableComponent,
+  Z as Divider,
+  _ as DividerStyle,
+  oo as Drawer,
+  eo as DropdownMenu,
+  to as DropdownMenuStyle,
+  po as IconButton,
+  mo as IconButtonStyle,
+  xo as List,
+  co as ListItem,
+  fo as ListItemStyle,
+  lo as ModalDialog,
+  Co as NotificationBadge,
+  Bo as Pagination,
+  go as PaginationStyle,
+  uo as PasswordField,
+  To as ProgressIndicator,
+  Po as ProgressIndicatorStyle,
+  ko as RadioButton,
+  Do as RadioButtonStyle,
+  Lo as RadioGroup,
+  Ro as Search,
+  Fo as SearchStyle,
+  Uo as Select,
+  Wo as SelectStyle,
+  b as SerendieChartTheme,
+  e as SerendiePreset,
+  qo as Switch,
+  zo as SwitchStyle,
+  Oo as TabItem,
+  Qo as TabItemStyle,
+  Ho as Tabs,
+  Jo as TabsStyle,
+  Xo as TextArea,
+  Zo as TextField,
+  $o as Toast,
+  or as ToastStyle,
+  tr as TopAppBar,
+  q as checkboxCheckedIconCss,
+  z as checkboxIconCss,
+  E as checkboxUncheckedIconCss,
+  D as compactChartMargin,
+  v as defaultChartMargin,
+  M as getChartColor,
+  w as getChartColors,
+  A as legendChartMargin,
+  vo as radioCheckedIconCss,
+  Mo as radioIconCss,
+  wo as radioUncheckedIconCss,
+  L as spaciousChartMargin,
+  rr as toaster,
+  N as useBarChartProps,
+  R as useChartProps,
+  F as useLineChartProps,
+  G as usePieChartProps
 };

package/dist/node_modules/@tanstack/react-table/build/lib/index.js

@@ -0,0 +1,100 @@
+import * as o from "react";
+import { createTable as u } from "../../../table-core/build/lib/index.js";
+import { ColumnFaceting as S, ColumnFiltering as R, ColumnGrouping as b, ColumnOrdering as y, ColumnPinning as w, ColumnSizing as F, ColumnVisibility as h, GlobalFaceting as O, GlobalFiltering as x, Headers as v, RowExpanding as E, RowPagination as G, RowPinning as P, RowSelection as $, RowSorting as A, _getVisibleLeafColumns as H, aggregationFns as M, buildHeaderGroups as V, createCell as j, createColumn as k, createColumnHelper as z, createRow as N, defaultColumnSizing as T, filterFns as U, flattenBy as _, functionalUpdate as B, getCoreRowModel as L, getMemoOptions as q, getSortedRowModel as D, isFunction as I, isNumberArray as J, isRowSelected as K, isSubRowSelected as Q, makeStateUpdater as W, memo as X, orderColumns as Y, passiveEventSupported as Z, reSplitAlphaNumeric as ee, selectRowsFn as te, shouldAutoRemoveFilter as ne, sortingFns as oe } from "../../../table-core/build/lib/index.js";
+/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+function m(e, t) {
+  return e ? s(e) ? /* @__PURE__ */ o.createElement(e, t) : e : null;
+}
+function s(e) {
+  return c(e) || typeof e == "function" || f(e);
+}
+function c(e) {
+  return typeof e == "function" && (() => {
+    const t = Object.getPrototypeOf(e);
+    return t.prototype && t.prototype.isReactComponent;
+  })();
+}
+function f(e) {
+  return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
+}
+function p(e) {
+  const t = {
+    state: {},
+    // Dummy state
+    onStateChange: () => {
+    },
+    // noop
+    renderFallbackValue: null,
+    ...e
+  }, [n] = o.useState(() => ({
+    current: u(t)
+  })), [i, a] = o.useState(() => n.current.initialState);
+  return n.current.setOptions((l) => ({
+    ...l,
+    ...e,
+    state: {
+      ...i,
+      ...e.state
+    },
+    // Similarly, we'll maintain both our internal state and any user-provided
+    // state.
+    onStateChange: (r) => {
+      a(r), e.onStateChange == null || e.onStateChange(r);
+    }
+  })), n.current;
+}
+export {
+  S as ColumnFaceting,
+  R as ColumnFiltering,
+  b as ColumnGrouping,
+  y as ColumnOrdering,
+  w as ColumnPinning,
+  F as ColumnSizing,
+  h as ColumnVisibility,
+  O as GlobalFaceting,
+  x as GlobalFiltering,
+  v as Headers,
+  E as RowExpanding,
+  G as RowPagination,
+  P as RowPinning,
+  $ as RowSelection,
+  A as RowSorting,
+  H as _getVisibleLeafColumns,
+  M as aggregationFns,
+  V as buildHeaderGroups,
+  j as createCell,
+  k as createColumn,
+  z as createColumnHelper,
+  N as createRow,
+  u as createTable,
+  T as defaultColumnSizing,
+  U as filterFns,
+  _ as flattenBy,
+  m as flexRender,
+  B as functionalUpdate,
+  L as getCoreRowModel,
+  q as getMemoOptions,
+  D as getSortedRowModel,
+  I as isFunction,
+  J as isNumberArray,
+  K as isRowSelected,
+  Q as isSubRowSelected,
+  W as makeStateUpdater,
+  X as memo,
+  Y as orderColumns,
+  Z as passiveEventSupported,
+  ee as reSplitAlphaNumeric,
+  te as selectRowsFn,
+  ne as shouldAutoRemoveFilter,
+  oe as sortingFns,
+  p as useReactTable
+};