@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/esm/css/use-toasts-toast-item.css

@@ -0,0 +1,60 @@
+@layer use-toasts-toast-item {
+.toast-item-module_toast__R-DjO {
+  max-height: var(--toast-item-max-height);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--toast-item-color);
+  background-color: var(--toast-item-bg);
+  border: 0;
+  border-radius: var(--toast-item-radius);
+  opacity: 1;
+  box-shadow: var(--toast-item-shadow);
+  transition: all 350ms cubic-bezier(0.1, 0.2, 0.1, 1);
+  overflow: hidden;
+}
+
+.toast-item-module_message__qzTg9 {
+  align-items: center;
+  height: 100%;
+  font-size: 0.875em;
+  display: -webkit-box;
+  word-break: break-all;
+  overflow: hidden;
+  max-height: 100%;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-height: 1.1rem;
+}
+
+.toast-enter {
+  opacity: 0;
+  height: 0;
+  padding: 0;
+  margin: 0;
+  transform: var(--toast-item-enter-transform);
+}
+
+.toast-enter-active {
+  opacity: 1;
+  height: auto;
+  margin: var(--toast-item-margin);
+  padding: var(--toast-item-padding);
+  transform: translate(0, 0);
+}
+
+.toast-leave {
+  opacity: 1;
+  transform: translate(0, 0);
+  height: auto;
+  margin: var(--toast-item-margin);
+  padding: var(--toast-item-padding);
+}
+
+.toast-leave-active {
+  opacity: 0;
+  transform: var(--toast-item-leave-transform);
+}
+
+}

package/esm/index.d.ts

@@ -13,7 +13,7 @@ export type { ButtonDropdownProps, ButtonDropdownItemProps } from './ButtonDropd
 export { default as ButtonGroup } from './ButtonGroup';
 export type { ButtonGroupProps } from './ButtonGroup';
 export { default as Calendar } from './Calendar';
-export type { CalendarProps } from './Calendar';
+export type { CalendarProps, DateRange } from './Calendar';
 export { default as Capacity } from './Capacity';
 export type { CapacityProps } from './Capacity';
 export { default as Card } from './Card';
@@ -40,6 +40,8 @@ export { default as Divider } from './Divider';
 export type { DividerProps } from './Divider';
 export { default as Dot } from './Dot';
 export type { DotProps } from './Dot';
+export { default as EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
 export { default as Drawer } from './Drawer';
 export type { DrawerProps } from './Drawer';
 export { default as Fieldset } from './Fieldset';
@@ -56,10 +58,14 @@ export { default as Link } from './Link';
 export type { LinkProps } from './Link';
 export { default as Loading } from './Loading';
 export type { LoadingProps } from './Loading';
+export { default as Menu } from './Menu';
+export type { MenuProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuRadioGroupProps, MenuLabelProps, MenuDividerProps, MenuSubProps } from './Menu';
 export { default as Modal } from './Modal';
 export type { ModalProps, ModalTitleProps, ModalSubtitleProps, ModalContentProps, ModalActionProps } from './Modal';
 export { default as Note } from './Note';
 export type { NoteProps } from './Note';
+export { default as NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput';
 export { default as Page } from './Page';
 export type { PageProps, PageHeaderProps, PageContentProps, PageFooterProps } from './Page';
 export { default as Pagination } from './Pagination';
@@ -71,13 +77,15 @@ export type { ProgressProps } from './Progress';
 export { default as Radio } from './Radio';
 export type { RadioProps, RadioGroupProps, RadioDescriptionProps } from './Radio';
 export { default as Rating } from './Rating';
-export type { RatingProps } from './Rating';
+export type { RatingProps, RatingTypes, RatingVariants, RatingPrecision } from './Rating';
 export { default as Row } from './Row';
 export type { RowProps } from './Row';
 export { default as Section } from './Section';
 export type { SectionProps } from './Section';
 export { default as Select } from './Select';
 export type { SelectProps, SelectOptionProps } from './Select';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';
 export { default as Slider } from './Slider';
 export type { SliderProps } from './Slider';
 export { default as Snippet } from './Snippet';
@@ -86,6 +94,8 @@ export { default as Spacer } from './Spacer';
 export type { SpacerProps } from './Spacer';
 export { default as Spinner } from './Spinner';
 export type { SpinnerProps } from './Spinner';
+export { default as Stepper } from './Stepper';
+export type { StepperProps, StepperOrientation, StepperStepProps } from './Stepper';
 export { default as Table } from './Table';
 export type { TableProps, TableColumnProps } from './Table';
 export { default as Tabs } from './Tabs';
@@ -129,3 +139,11 @@ export { useRect } from './utils/layouts';
 export type { ReactiveDomReact } from './utils/layouts';
 export { default as Highlight } from './Shared/highlight';
 export type { HighlightProps } from './Shared/highlight';
+export { default as Marquee } from './Marquee';
+export type { MarqueeProps } from './Marquee';
+export { default as Stat } from './Stat';
+export type { StatProps } from './Stat';
+export { default as Timeline } from './Timeline';
+export type { TimelineProps, TimelineItemProps } from './Timeline';
+export { default as Command } from './Command';
+export type { CommandProps, CommandItem } from './Command';

package/esm/index.js

@@ -1,75 +1,346 @@
 'use client';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-/// <reference types="styled-jsx/global" />
-
-export { default as Avatar } from './Avatar';
-export { default as Badge } from './Badge';
-export { default as BolioUIProvider } from './BolioUIProvider';
-export { default as Breadcrumbs } from './Breadcrumbs';
-export { default as Button } from './Button';
-export { default as ButtonDropdown } from './ButtonDropdown';
-export { default as ButtonGroup } from './ButtonGroup';
-export { default as Calendar } from './Calendar';
-export { default as Capacity } from './Capacity';
-export { default as Card } from './Card';
-export { default as Checkbox } from './Checkbox';
-export { default as Code } from './Code';
-export { default as Col } from './Col';
-export { default as Collapse } from './Collapse';
-export { default as Combobox } from './Combobox';
-export { default as Container } from './Container';
-export { default as DatePicker } from './DatePicker';
-export { default as Description } from './Description';
-export { default as Display } from './Display';
-export { default as Divider } from './Divider';
-export { default as Dot } from './Dot';
-export { default as Drawer } from './Drawer';
-export { default as Fieldset } from './Fieldset';
-export { default as Grid } from './Grid';
-export { default as Image } from './Image';
-export { default as Input } from './Input';
-export { default as Keyboard } from './Keyboard';
-export { default as Link } from './Link';
-export { default as Loading } from './Loading';
-export { default as Modal } from './Modal';
-export { default as Note } from './Note';
-export { default as Page } from './Page';
-export { default as Pagination } from './Pagination';
-export { default as Popover } from './Popover';
-export { default as Progress } from './Progress';
-export { default as Radio } from './Radio';
-export { default as Rating } from './Rating';
-export { default as Row } from './Row';
-export { default as Section } from './Section';
-export { default as Select } from './Select';
-export { default as Slider } from './Slider';
-export { default as Snippet } from './Snippet';
-export { default as Spacer } from './Spacer';
-export { default as Spinner } from './Spinner';
-export { default as Table } from './Table';
-export { default as Tabs } from './Tabs';
-export { default as Tag } from './Tag';
-export { default as Text } from './Text';
-export { default as Textarea } from './Textarea';
-export { default as Themes } from './Themes';
-export { default as Toggle } from './Toggle';
-export { default as Tooltip } from './Tooltip';
-export { default as useAllThemes } from './use-all-themes';
-export { default as useToasts } from './use-toasts';
-export { default as useBodyScroll } from './use-body-scroll';
-export { default as useClipboard } from './use-clipboard';
-export { default as useMediaQuery } from './use-media-query';
-export { default as useKeyboard, KeyMod, KeyCode } from './use-keyboard';
-export { default as useInput } from './use-input';
-export { default as useModal } from './use-modal';
-export { default as useTabs } from './use-tabs';
-export { default as useClickAway } from './use-click-away';
-export { default as useCurrentState } from './use-current-state';
-export { default as CssBaseline } from './CssBaseline';
-export { default as useTheme } from './use-theme';
-export { default as useClasses } from './use-classes';
-export { default as useScale } from './use-scale';
-export { withScale, ScalePropKeys, ScaleContext } from './use-scale';
-export { useRect } from './utils/layouts';
-export { default as Highlight } from './Shared/highlight';
+import {
+  use_media_query_default
+} from "./chunk-6VDRKYLW.js";
+import {
+  use_modal_default
+} from "./chunk-YDYRM2KN.js";
+import {
+  use_tabs_default
+} from "./chunk-I6WWABJN.js";
+import {
+  use_all_themes_default
+} from "./chunk-QILHI3LO.js";
+import {
+  use_input_default
+} from "./chunk-J4K4LRBI.js";
+import {
+  Tabs_default,
+  highlight_default
+} from "./chunk-6U7FXFJP.js";
+import {
+  Tag_default
+} from "./chunk-XC33TGGT.js";
+import {
+  Text_default
+} from "./chunk-A6N5PIXN.js";
+import {
+  Timeline_default
+} from "./chunk-AHWF22ZQ.js";
+import {
+  Toggle_default
+} from "./chunk-T74YHCG6.js";
+import {
+  Skeleton_default
+} from "./chunk-67WAS5AY.js";
+import {
+  Slider_default
+} from "./chunk-FLK7EAOE.js";
+import {
+  Snippet_default
+} from "./chunk-CGEUUDJ4.js";
+import {
+  use_toasts_default
+} from "./chunk-NCUSKYUE.js";
+import {
+  use_clipboard_default
+} from "./chunk-C3ZZPIUO.js";
+import {
+  Spacer_default
+} from "./chunk-QCE3XFHZ.js";
+import {
+  Spinner_default
+} from "./chunk-TZ7TOEP3.js";
+import {
+  Stat_default
+} from "./chunk-5M4QUTS4.js";
+import {
+  Stepper_default
+} from "./chunk-KWKFVS32.js";
+import {
+  Table_default
+} from "./chunk-TKICX5R6.js";
+import {
+  Pagination_default
+} from "./chunk-E5EDUOQT.js";
+import {
+  Popover_default
+} from "./chunk-GGCVPMXO.js";
+import {
+  Tooltip_default
+} from "./chunk-XF4TPE2W.js";
+import {
+  Progress_default
+} from "./chunk-NLJHFKAN.js";
+import {
+  Radio_default
+} from "./chunk-IIKZQZXS.js";
+import {
+  Rating_default
+} from "./chunk-OAMGJMK4.js";
+import {
+  Row_default
+} from "./chunk-LSSL324I.js";
+import {
+  Section_default
+} from "./chunk-BJRUC4XL.js";
+import {
+  Select_default
+} from "./chunk-YHZFOVVI.js";
+import {
+  Marquee_default
+} from "./chunk-TJUNBMNF.js";
+import {
+  Menu_default
+} from "./chunk-6BCLZSSK.js";
+import "./chunk-UVVBMWR4.js";
+import {
+  useRect
+} from "./chunk-DSX6YDJM.js";
+import "./chunk-V57PNXMD.js";
+import "./chunk-JJFOGZ6V.js";
+import {
+  Note_default
+} from "./chunk-AFBCMW2I.js";
+import {
+  NumberInput_default
+} from "./chunk-JAVXTBV2.js";
+import {
+  Page_default
+} from "./chunk-LA46RLOT.js";
+import {
+  Drawer_default
+} from "./chunk-PGQYW6YF.js";
+import {
+  EmptyState_default
+} from "./chunk-DAZ2GHNP.js";
+import {
+  Fieldset_default
+} from "./chunk-WXW7BYE7.js";
+import {
+  Grid_default
+} from "./chunk-JFNYQSEZ.js";
+import {
+  Keyboard_default
+} from "./chunk-RRFCNZ2T.js";
+import {
+  Command_default
+} from "./chunk-4QA7Z7VP.js";
+import {
+  Modal_default
+} from "./chunk-6ZBFUZSL.js";
+import "./chunk-TKIUVNKP.js";
+import {
+  use_body_scroll_default
+} from "./chunk-O3RTRCY5.js";
+import {
+  KeyCode,
+  KeyMod,
+  use_keyboard_default
+} from "./chunk-F3AL4TQZ.js";
+import {
+  Input_default
+} from "./chunk-NEG5UNM6.js";
+import {
+  Textarea_default
+} from "./chunk-ISLUC2SD.js";
+import "./chunk-UOGCO6CV.js";
+import {
+  Container_default
+} from "./chunk-GJ77XHZ3.js";
+import {
+  CssBaseline_default
+} from "./chunk-6KMHJRCY.js";
+import {
+  DatePicker_default
+} from "./chunk-HIFS4JIO.js";
+import {
+  Description_default
+} from "./chunk-SDC2VF5K.js";
+import {
+  Display_default
+} from "./chunk-T5BYQGC3.js";
+import {
+  Divider_default
+} from "./chunk-D7CNDAYB.js";
+import {
+  Dot_default
+} from "./chunk-7N7PEBRB.js";
+import {
+  Calendar_default
+} from "./chunk-IBC5BABS.js";
+import {
+  Capacity_default
+} from "./chunk-HK6XCH2C.js";
+import "./chunk-UF4IKEU2.js";
+import {
+  Card_default
+} from "./chunk-56NE4QGR.js";
+import {
+  Image_default
+} from "./chunk-TWIOSRRP.js";
+import {
+  Checkbox_default
+} from "./chunk-EAHIBHMI.js";
+import {
+  Code_default
+} from "./chunk-A2NLRQ55.js";
+import {
+  Col_default
+} from "./chunk-RZSTPJ76.js";
+import {
+  Collapse_default
+} from "./chunk-FQU5SKDF.js";
+import "./chunk-HKOESPKZ.js";
+import "./chunk-AXYDJGTN.js";
+import {
+  Combobox_default
+} from "./chunk-MGHMAZRL.js";
+import "./chunk-KBZEYKCZ.js";
+import {
+  Avatar_default
+} from "./chunk-LQYCPFUA.js";
+import {
+  Badge_default
+} from "./chunk-RD4CEB5S.js";
+import {
+  BolioUIProvider_default
+} from "./chunk-2PRUFY2Q.js";
+import "./chunk-5HRVN7L7.js";
+import "./chunk-A3BIV2QM.js";
+import "./chunk-LDTDMDE6.js";
+import "./chunk-BXDUHMWS.js";
+import "./chunk-ZRORQ2WH.js";
+import "./chunk-33BUV2RX.js";
+import {
+  use_current_state_default
+} from "./chunk-GGD4BGH2.js";
+import {
+  Breadcrumbs_default
+} from "./chunk-EEZG4FGY.js";
+import {
+  Link_default
+} from "./chunk-WEYAL53O.js";
+import {
+  Button_default
+} from "./chunk-DXHNQANX.js";
+import "./chunk-BSDZWWUS.js";
+import "./chunk-GJZT47MP.js";
+import "./chunk-RZBEZ26A.js";
+import {
+  ButtonDropdown_default
+} from "./chunk-SGWX6H4Y.js";
+import "./chunk-DGXZP4VJ.js";
+import {
+  use_click_away_default
+} from "./chunk-3WPRUUZ6.js";
+import {
+  Loading_default
+} from "./chunk-LMDBE6T6.js";
+import {
+  ButtonGroup_default
+} from "./chunk-XWRDUQKY.js";
+import "./chunk-NDERASK2.js";
+import {
+  ScaleContext,
+  ScalePropKeys,
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import "./chunk-UX2B3G6U.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import "./chunk-FEA5BJ35.js";
+import {
+  Themes_default
+} from "./chunk-X5PGXMVQ.js";
+import "./chunk-SZIX7BM5.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+export {
+  Avatar_default as Avatar,
+  Badge_default as Badge,
+  BolioUIProvider_default as BolioUIProvider,
+  Breadcrumbs_default as Breadcrumbs,
+  Button_default as Button,
+  ButtonDropdown_default as ButtonDropdown,
+  ButtonGroup_default as ButtonGroup,
+  Calendar_default as Calendar,
+  Capacity_default as Capacity,
+  Card_default as Card,
+  Checkbox_default as Checkbox,
+  Code_default as Code,
+  Col_default as Col,
+  Collapse_default as Collapse,
+  Combobox_default as Combobox,
+  Command_default as Command,
+  Container_default as Container,
+  CssBaseline_default as CssBaseline,
+  DatePicker_default as DatePicker,
+  Description_default as Description,
+  Display_default as Display,
+  Divider_default as Divider,
+  Dot_default as Dot,
+  Drawer_default as Drawer,
+  EmptyState_default as EmptyState,
+  Fieldset_default as Fieldset,
+  Grid_default as Grid,
+  highlight_default as Highlight,
+  Image_default as Image,
+  Input_default as Input,
+  KeyCode,
+  KeyMod,
+  Keyboard_default as Keyboard,
+  Link_default as Link,
+  Loading_default as Loading,
+  Marquee_default as Marquee,
+  Menu_default as Menu,
+  Modal_default as Modal,
+  Note_default as Note,
+  NumberInput_default as NumberInput,
+  Page_default as Page,
+  Pagination_default as Pagination,
+  Popover_default as Popover,
+  Progress_default as Progress,
+  Radio_default as Radio,
+  Rating_default as Rating,
+  Row_default as Row,
+  ScaleContext,
+  ScalePropKeys,
+  Section_default as Section,
+  Select_default as Select,
+  Skeleton_default as Skeleton,
+  Slider_default as Slider,
+  Snippet_default as Snippet,
+  Spacer_default as Spacer,
+  Spinner_default as Spinner,
+  Stat_default as Stat,
+  Stepper_default as Stepper,
+  Table_default as Table,
+  Tabs_default as Tabs,
+  Tag_default as Tag,
+  Text_default as Text,
+  Textarea_default as Textarea,
+  Themes_default as Themes,
+  Timeline_default as Timeline,
+  Toggle_default as Toggle,
+  Tooltip_default as Tooltip,
+  use_all_themes_default as useAllThemes,
+  use_body_scroll_default as useBodyScroll,
+  use_classes_default as useClasses,
+  use_click_away_default as useClickAway,
+  use_clipboard_default as useClipboard,
+  use_current_state_default as useCurrentState,
+  use_input_default as useInput,
+  use_keyboard_default as useKeyboard,
+  use_media_query_default as useMediaQuery,
+  use_modal_default as useModal,
+  useRect,
+  use_scale_default as useScale,
+  use_tabs_default as useTabs,
+  use_theme_default as useTheme,
+  use_toasts_default as useToasts,
+  with_scale_default as withScale
+};