@cystackapp/ui 1.4.1 → 2.0.0

package/dist/index.d.ts

@@ -1,3 +1,6 @@
+export { Button } from './components/button/Button';
+export type { ButtonProps } from './components/button/Button';
+export type { ButtonVariant, ButtonColor, ButtonSize, ButtonLoadingStyle, } from './components/button/button-variants';
 export { Badge } from './components/badge/Badge';
 export { BadgeTag, getBadgeAutoColor, TAG_ICON_COLOR_CLASSES, } from './components/badge/variants/BadgeTag';
 export { BadgeMore } from './components/badge/variants/BadgeMore';
@@ -18,6 +21,69 @@ export { PageTitle } from './components/page-title/PageTitle';
 export { Popover } from './components/popover/Popover';
 export { usePopoverCoord } from './components/popover/use-popover-coord';
 export type { PopoverPosition } from './components/popover/use-popover-coord';
+export { Checkbox } from './components/checkbox/Checkbox';
 export { Switch } from './components/switch/Switch';
 export { Tooltip } from './components/tooltip/Tooltip';
+export { Collapsible } from './components/collapsible/Collapsible';
+export { Card } from './components/card/Card';
+export type { CardSize } from './components/card/types';
+export { Input } from './components/input/Input';
+export { Toaster, createToast } from './components/toast/index';
+export type { WrittenOnTheToast, ToastType } from './components/toast/types';
+export { Modal } from './components/modal/Modal';
+export { ModalHeaderIcon } from './components/modal/helpers/HeaderIcon';
+export { ModalTitle } from './components/modal/helpers/Title';
+export { useClickOutsideModal } from './components/modal/use-click-outside-modal';
+export { Accordion } from './components/accordion/Accordion';
+export { BackgroundPatternGrid } from './components/background-pattern/BackgroundPatternGrid';
+export { Breadcrumb } from './components/breadcrumb/Breadcrumb';
+export { Dropdown } from './components/dropdown/Dropdown';
+export type { DropdownItem, DropdownEntry } from './components/dropdown/types';
+export { Select } from './components/select/Select';
+export { FormField } from './components/form-field/FormField';
+export { FilterDropdown } from './filters/FilterDropdown';
+export type { FilterDropdownProps } from './filters/FilterDropdown';
+export type { FilterOption } from './filters/types';
+export { useFilters } from './filters/use-filters';
+export { stringCodec, searchCodec, numberCodec, csvCodec, } from './filters/url-params';
+export { Searchbox } from './components/searchbox/Searchbox';
+export { OperatingSystemIcon } from './components/operating-system-icon/OperatingSystemIcon';
+export { EmptyState } from './components/empty-state/EmptyState';
+export { Loader } from './components/loading-state/Loader';
+export { LoadingState } from './components/loading-state/LoadingState';
+export { Table } from './components/table/Table';
+export type { ColumnDef, PaginationState, SelectionState, SortState, } from './components/table/types';
+export { TableActionButton } from './components/table/TableActionButton';
+export type { TableActionItem } from './components/table/TableActionButton';
+export { ExpandableTable } from './components/table/expandable/ExpandableTable';
+export { Media } from './components/media/Media';
+export { NotificationBox, createNotification, } from './components/notification/index';
+export { DonutChart } from './components/chart/donut-chart/DonutChart';
+export { ChartLegend } from './components/chart/chart-legend/ChartLegend';
+export type { ChartDataItem } from './components/chart/types';
+export type { DonutTooltipPayload } from './components/chart/donut-chart/donut-tooltip';
+export { Drawer } from './components/drawer/Drawer';
+export type { DrawerProps } from './components/drawer/Drawer';
+export { Radio } from './components/radio/Radio';
+export { Textarea } from './components/textarea/Textarea';
+export { Tabs } from './components/tabs/Tabs';
+export type { TabItem, TabsVariant } from './components/tabs/Tabs';
+export { Avatar } from './components/avatar/Avatar';
+export type { AvatarSize } from './components/avatar/Avatar';
+export { Alert } from './components/alert/Alert';
+export type { AlertType } from './components/alert/Alert';
+export { Banner } from './components/banner/Banner';
+export { FeaturedIcon } from './components/featured-icon/FeaturedIcon';
+export { Skeleton } from './components/skeleton/Skeleton';
+export { ProgressBar } from './components/progress-bar/ProgressBar';
+export { Divider } from './components/divider/Divider';
+export { TagsInput } from './components/tags-input/TagsInput';
+export type { TagsInputProps } from './components/tags-input/TagsInput';
+export { KeyboardShortcutLabel } from './components/keyboard-shortcut-label/KeyboardShortcutLabel';
+export { useCountdown } from './hooks/use-countdown';
+export { useDebounce } from './utils/use-debounce';
+export { useToastList } from './components/toast/use-toast-list';
+export type { InternalToastProps } from './components/toast/types';
+export { resources } from './i18n/resources';
 export { cn } from './utils/cn';
+export { Observable } from './utils/observable';

package/dist/index.js

@@ -1,42 +1,145 @@
-import { Badge as r } from "./components/badge/Badge.js";
-import { BadgeTag as m, TAG_ICON_COLOR_CLASSES as p, getBadgeAutoColor as x } from "./components/badge/variants/BadgeTag.js";
-import { BadgeMore as s } from "./components/badge/variants/BadgeMore.js";
-import { useResizeObserver as a } from "./hooks/element-shift/use-resize-observer.js";
-import { useScrollListener as u } from "./hooks/element-shift/use-scroll-listener.js";
-import { useWindowResizeListener as g } from "./hooks/element-shift/use-window-resize-listener.js";
-import { useMutationObserver as C } from "./hooks/element-shift/use-mutation-observer.js";
-import { useTransitionEndListener as b } from "./hooks/element-shift/use-transition-end-listener.js";
-import { useAnimationFrame as O } from "./hooks/element-shift/use-animation-frame.js";
+import { Button as e } from "./components/button/Button.js";
+import { Badge as p } from "./components/badge/Badge.js";
+import { BadgeTag as x, TAG_ICON_COLOR_CLASSES as f, getBadgeAutoColor as a } from "./components/badge/variants/BadgeTag.js";
+import { BadgeMore as n } from "./components/badge/variants/BadgeMore.js";
+import { useResizeObserver as d } from "./hooks/element-shift/use-resize-observer.js";
+import { useScrollListener as c } from "./hooks/element-shift/use-scroll-listener.js";
+import { useWindowResizeListener as b } from "./hooks/element-shift/use-window-resize-listener.js";
+import { useMutationObserver as T } from "./hooks/element-shift/use-mutation-observer.js";
+import { useTransitionEndListener as S } from "./hooks/element-shift/use-transition-end-listener.js";
+import { useAnimationFrame as L } from "./hooks/element-shift/use-animation-frame.js";
 import { useElementShift as v } from "./hooks/element-shift/use-element-shift.js";
-import { Combobox as B } from "./components/combobox/Combobox.js";
-import { useValidatedCombobox as c } from "./components/combobox/use-validated-combobox.js";
-import { ErrorState as R } from "./components/error-state/ErrorState.js";
-import { PageTitle as h } from "./components/page-title/PageTitle.js";
-import { Popover as z } from "./components/popover/Popover.js";
-import { usePopoverCoord as F } from "./components/popover/use-popover-coord.js";
-import { Switch as I } from "./components/switch/Switch.js";
-import { Tooltip as V } from "./components/tooltip/Tooltip.js";
-import { cn as j } from "./utils/cn.js";
+import { Combobox as O } from "./components/combobox/Combobox.js";
+import { useValidatedCombobox as w } from "./components/combobox/use-validated-combobox.js";
+import { ErrorState as E } from "./components/error-state/ErrorState.js";
+import { PageTitle as I } from "./components/page-title/PageTitle.js";
+import { Popover as k } from "./components/popover/Popover.js";
+import { usePopoverCoord as y } from "./components/popover/use-popover-coord.js";
+import { Checkbox as _ } from "./components/checkbox/Checkbox.js";
+import { Switch as G } from "./components/switch/Switch.js";
+import { Tooltip as K } from "./components/tooltip/Tooltip.js";
+import { Collapsible as W } from "./components/collapsible/Collapsible.js";
+import { Card as q } from "./components/card/Card.js";
+import { Input as Q } from "./components/input/Input.js";
+import { Toaster as X, createToast as Y } from "./components/toast/index.js";
+import { Modal as $ } from "./components/modal/Modal.js";
+import { ModalHeaderIcon as ro } from "./components/modal/helpers/HeaderIcon.js";
+import { ModalTitle as to } from "./components/modal/helpers/Title.js";
+import { useClickOutsideModal as mo } from "./components/modal/use-click-outside-modal.js";
+import { Accordion as fo } from "./components/accordion/Accordion.js";
+import { BackgroundPatternGrid as io } from "./components/background-pattern/BackgroundPatternGrid.js";
+import { Breadcrumb as so } from "./components/breadcrumb/Breadcrumb.js";
+import { Dropdown as co } from "./components/dropdown/Dropdown.js";
+import { Select as bo } from "./components/select/Select.js";
+import { FormField as To } from "./components/form-field/FormField.js";
+import { FilterDropdown as So } from "./filters/FilterDropdown.js";
+import { useFilters as Lo } from "./filters/use-filters.js";
+import { csvCodec as vo, numberCodec as Ao, searchCodec as Oo, stringCodec as Mo } from "./filters/url-params.js";
+import { Searchbox as Do } from "./components/searchbox/Searchbox.js";
+import { OperatingSystemIcon as Fo } from "./components/operating-system-icon/OperatingSystemIcon.js";
+import { EmptyState as Po } from "./components/empty-state/EmptyState.js";
+import { Loader as Ro } from "./components/loading-state/Loader.js";
+import { LoadingState as No } from "./components/loading-state/LoadingState.js";
+import { Table as zo } from "./components/table/Table.js";
+import { TableActionButton as Ho } from "./components/table/TableActionButton.js";
+import { ExpandableTable as Vo } from "./components/table/expandable/ExpandableTable.js";
+import { Media as jo } from "./components/media/Media.js";
+import { NotificationBox as Jo, createNotification as Qo } from "./components/notification/index.js";
+import { DonutChart as Xo } from "./components/chart/donut-chart/DonutChart.js";
+import { ChartLegend as Zo } from "./components/chart/chart-legend/ChartLegend.js";
+import { Drawer as or } from "./components/drawer/Drawer.js";
+import { Radio as er } from "./components/radio/Radio.js";
+import { Textarea as pr } from "./components/textarea/Textarea.js";
+import { Tabs as xr } from "./components/tabs/Tabs.js";
+import { Avatar as ar } from "./components/avatar/Avatar.js";
+import { Alert as nr } from "./components/alert/Alert.js";
+import { Banner as dr } from "./components/banner/Banner.js";
+import { FeaturedIcon as cr } from "./components/featured-icon/FeaturedIcon.js";
+import { Skeleton as br } from "./components/skeleton/Skeleton.js";
+import { ProgressBar as Tr } from "./components/progress-bar/ProgressBar.js";
+import { Divider as Sr } from "./components/divider/Divider.js";
+import { TagsInput as Lr } from "./components/tags-input/TagsInput.js";
+import { KeyboardShortcutLabel as vr } from "./components/keyboard-shortcut-label/KeyboardShortcutLabel.js";
+import { useCountdown as Or } from "./hooks/use-countdown.js";
+import { useDebounce as wr } from "./utils/use-debounce.js";
+import { useToastList as Er } from "./components/toast/use-toast-list.js";
+import { resources as Ir } from "./i18n/resources.js";
+import { cn as kr } from "./utils/cn.js";
+import { Observable as yr } from "./utils/observable.js";
 export {
-  r as Badge,
-  s as BadgeMore,
-  m as BadgeTag,
-  B as Combobox,
-  R as ErrorState,
-  h as PageTitle,
-  z as Popover,
-  I as Switch,
-  p as TAG_ICON_COLOR_CLASSES,
-  V as Tooltip,
-  j as cn,
-  x as getBadgeAutoColor,
-  O as useAnimationFrame,
+  fo as Accordion,
+  nr as Alert,
+  ar as Avatar,
+  io as BackgroundPatternGrid,
+  p as Badge,
+  n as BadgeMore,
+  x as BadgeTag,
+  dr as Banner,
+  so as Breadcrumb,
+  e as Button,
+  q as Card,
+  Zo as ChartLegend,
+  _ as Checkbox,
+  W as Collapsible,
+  O as Combobox,
+  Sr as Divider,
+  Xo as DonutChart,
+  or as Drawer,
+  co as Dropdown,
+  Po as EmptyState,
+  E as ErrorState,
+  Vo as ExpandableTable,
+  cr as FeaturedIcon,
+  So as FilterDropdown,
+  To as FormField,
+  Q as Input,
+  vr as KeyboardShortcutLabel,
+  Ro as Loader,
+  No as LoadingState,
+  jo as Media,
+  $ as Modal,
+  ro as ModalHeaderIcon,
+  to as ModalTitle,
+  Jo as NotificationBox,
+  yr as Observable,
+  Fo as OperatingSystemIcon,
+  I as PageTitle,
+  k as Popover,
+  Tr as ProgressBar,
+  er as Radio,
+  Do as Searchbox,
+  bo as Select,
+  br as Skeleton,
+  G as Switch,
+  f as TAG_ICON_COLOR_CLASSES,
+  zo as Table,
+  Ho as TableActionButton,
+  xr as Tabs,
+  Lr as TagsInput,
+  pr as Textarea,
+  X as Toaster,
+  K as Tooltip,
+  kr as cn,
+  Qo as createNotification,
+  Y as createToast,
+  vo as csvCodec,
+  a as getBadgeAutoColor,
+  Ao as numberCodec,
+  Ir as resources,
+  Oo as searchCodec,
+  Mo as stringCodec,
+  L as useAnimationFrame,
+  mo as useClickOutsideModal,
+  Or as useCountdown,
+  wr as useDebounce,
   v as useElementShift,
-  C as useMutationObserver,
-  F as usePopoverCoord,
-  a as useResizeObserver,
-  u as useScrollListener,
-  b as useTransitionEndListener,
-  c as useValidatedCombobox,
-  g as useWindowResizeListener
+  Lo as useFilters,
+  T as useMutationObserver,
+  y as usePopoverCoord,
+  d as useResizeObserver,
+  c as useScrollListener,
+  Er as useToastList,
+  S as useTransitionEndListener,
+  w as useValidatedCombobox,
+  b as useWindowResizeListener
 };