spotlibs-components 0.1.8 → 0.1.10

package/dist/mui/index.d.mts

@@ -0,0 +1,23 @@
+export { default as Box } from '@mui/material/Box';
+export { default as Stack } from '@mui/material/Stack';
+export { default as Grid } from '@mui/material/Grid';
+export { default as Container } from '@mui/material/Container';
+export { default as ThemeProvider } from '@mui/material/styles/ThemeProvider';
+export { default as createTheme } from '@mui/material/styles/createTheme';
+export { default as useMediaQuery } from '@mui/material/useMediaQuery';
+export { default as Paper } from '@mui/material/Paper';
+export { default as Divider } from '@mui/material/Divider';
+export { default as Collapse } from '@mui/material/Collapse';
+export { default as Fade } from '@mui/material/Fade';
+export { default as Grow } from '@mui/material/Grow';
+export { default as Slide } from '@mui/material/Slide';
+export { default as Zoom } from '@mui/material/Zoom';
+export { default as Hidden } from '@mui/material/Hidden';
+export { default as Portal } from '@mui/material/Portal';
+export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
+export { default as Popper } from '@mui/material/Popper';
+export { default as Backdrop } from '@mui/material/Backdrop';
+export { default as CircularProgress } from '@mui/material/CircularProgress';
+export { default as LinearProgress } from '@mui/material/LinearProgress';
+export { default as Skeleton } from '@mui/material/Skeleton';
+export { alpha, darken, lighten, styled, useTheme } from '@mui/material/styles';

package/dist/mui/index.mjs

@@ -0,0 +1,27 @@
+"use client";
+import '../chunk-NXFLMH2Q.mjs';
+export { default as Box } from '@mui/material/Box';
+export { default as Stack } from '@mui/material/Stack';
+export { default as Grid } from '@mui/material/Grid';
+export { default as Container } from '@mui/material/Container';
+export { alpha, darken, lighten, styled, useTheme } from '@mui/material/styles';
+export { default as ThemeProvider } from '@mui/material/styles/ThemeProvider';
+export { default as createTheme } from '@mui/material/styles/createTheme';
+export { default as useMediaQuery } from '@mui/material/useMediaQuery';
+export { default as Paper } from '@mui/material/Paper';
+export { default as Divider } from '@mui/material/Divider';
+export { default as Collapse } from '@mui/material/Collapse';
+export { default as Fade } from '@mui/material/Fade';
+export { default as Grow } from '@mui/material/Grow';
+export { default as Slide } from '@mui/material/Slide';
+export { default as Zoom } from '@mui/material/Zoom';
+export { default as Hidden } from '@mui/material/Hidden';
+export { default as Portal } from '@mui/material/Portal';
+export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
+export { default as Popper } from '@mui/material/Popper';
+export { default as Backdrop } from '@mui/material/Backdrop';
+export { default as CircularProgress } from '@mui/material/CircularProgress';
+export { default as LinearProgress } from '@mui/material/LinearProgress';
+export { default as Skeleton } from '@mui/material/Skeleton';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/mui/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs","sourcesContent":[]}

package/dist/{types-dakVJwjl.d.mts → types-B0iF5xX8.d.mts}

@@ -23,36 +23,89 @@ declare function BaseAlert(
 interface PrimitiveColorType {
   color_overlay: string;
 
-  color_palette_neutral_100: string;
-  color_palette_neutral_90: string;
-  color_palette_neutral_80: string;
-  color_palette_neutral_70: string;
-  color_palette_neutral_60: string;
-  color_palette_neutral_50: string;
-  color_palette_neutral_40: string;
-  color_palette_neutral_30: string;
-  color_palette_neutral_20: string;
-  color_palette_neutral_10: string;
-
-  color_palette_dark_blue: string;
-  color_palette_blue: string;
-  color_palette_light_blue: string;
-
-  color_palette_dark_orange: string;
-  color_palette_orange: string;
-  color_palette_light_orange: string;
-
-  color_palette_dark_green: string;
-  color_palette_green: string;
-  color_palette_light_green: string;
-
-  color_palette_dark_red: string;
-  color_palette_red: string;
-  color_palette_light_red: string;
-
-  color_palette_dark_yellow: string;
-  color_palette_yellow: string;
-  color_palette_light_yellow: string;
+  color_neutral_900: string;
+  color_neutral_700: string;
+  color_neutral_600: string;
+  color_neutral_500: string;
+  color_neutral_400: string;
+  color_neutral_300: string;
+  color_neutral_200: string;
+  color_neutral_100: string;
+  color_neutral_50: string;
+
+  color_blue_cakrawala_900: string;
+  color_blue_cakrawala_800: string;
+  color_blue_cakrawala_700: string;
+  color_blue_cakrawala_600: string;
+  color_blue_cakrawala_500: string;
+  color_blue_cakrawala_400: string;
+  color_blue_cakrawala_300: string;
+  color_blue_cakrawala_200: string;
+  color_blue_cakrawala_100: string;
+
+  color_blue_mentari_900: string;
+  color_blue_mentari_700: string;
+  color_blue_mentari_600: string;
+  color_blue_mentari_500: string;
+  color_blue_mentari_400: string;
+  color_blue_mentari_300: string;
+  color_blue_mentari_100: string;
+
+  color_blue_neon_900: string;
+  color_blue_neon_700: string;
+  color_blue_neon_600: string;
+  color_blue_neon_500: string;
+  color_blue_neon_400: string;
+  color_blue_neon_300: string;
+  color_blue_neon_100: string;
+
+  color_blue_sky_900: string;
+  color_blue_sky_700: string;
+  color_blue_sky_600: string;
+  color_blue_sky_500: string;
+  color_blue_sky_400: string;
+  color_blue_sky_300: string;
+  color_blue_sky_100: string;
+
+  color_green_900: string;
+  color_green_700: string;
+  color_green_600: string;
+  color_green_500: string;
+  color_green_400: string;
+  color_green_300: string;
+  color_green_100: string;
+
+  color_red_900: string;
+  color_red_700: string;
+  color_red_600: string;
+  color_red_500: string;
+  color_red_400: string;
+  color_red_300: string;
+  color_red_100: string;
+
+  color_yellow_900: string;
+  color_yellow_700: string;
+  color_yellow_600: string;
+  color_yellow_500: string;
+  color_yellow_400: string;
+  color_yellow_300: string;
+  color_yellow_100: string;
+
+  color_briva_900: string;
+  color_briva_700: string;
+  color_briva_600: string;
+  color_briva_500: string;
+  color_briva_400: string;
+  color_briva_300: string;
+  color_briva_100: string;
+
+  color_brizzi_900: string;
+  color_brizzi_700: string;
+  color_brizzi_600: string;
+  color_brizzi_500: string;
+  color_brizzi_400: string;
+  color_brizzi_300: string;
+  color_brizzi_100: string;
 
   [key: string]: string;
 }
@@ -61,80 +114,80 @@ declare const PrimitiveColor: PrimitiveColorType;
 
 interface DerivedColorType {
   /* Background */
-  color_bg_default: string;
-  color_bg_white: string;
-  color_bg_black: string;
-  color_bg_dark_grey: string;
-  color_bg_dark_blue: string;
-  color_bg_blue: string;
-  color_bg_light_blue: string;
-  color_bg_orange: string;
-  color_bg_light_orange: string;
-  color_bg_green: string;
-  color_bg_light_green: string;
-  color_bg_red: string;
-  color_bg_light_red: string;
-  color_bg_yellow: string;
-  color_bg_light_yellow: string;
+  color_bg_page: string;
+  color_bg_surface: string;
+  color_bg_inverse: string;
+  color_bg_disabled: string;
+  color_bg_brand_primary: string;
+  color_bg_brand_primary_subtle: string;
+  color_bg_brand_secondary: string;
+  color_bg_brand_secondary_subtle: string;
+  color_bg_success: string;
+  color_bg_success_subtle: string;
+  color_bg_danger: string;
+  color_bg_danger_subtle: string;
+  color_bg_warning: string;
+  color_bg_warning_subtle: string;
 
   /* Border */
-  color_border_grey: string;
-  color_border_dark_grey: string;
-  color_border_white: string;
-  color_border_blue: string;
-  color_border_orange: string;
-  color_border_green: string;
-  color_border_red: string;
-  color_border_yellow: string;
+  color_border_default: string;
+  color_border_strong: string;
+  color_border_inverse: string;
+  color_border_brand_primary: string;
+  color_border_brand_secondary: string;
+  color_border_success: string;
+  color_border_danger: string;
+  color_border_warning: string;
 
   /* Text */
-  color_text_black: string;
-  color_text_dark_grey: string;
-  color_text_grey: string;
-  color_text_light_grey: string;
-  color_text_white: string;
-  color_text_blue: string;
-  color_text_orange: string;
-  color_text_green: string;
-  color_text_red: string;
-  color_text_yellow: string;
+  color_text_default: string;
+  color_text_subtle: string;
+  color_text_disabled: string;
+  color_text_placeholder: string;
+  color_text_inverse: string;
+  color_text_brand_primary: string;
+  color_text_brand_secondary: string;
+  color_text_success: string;
+  color_text_danger: string;
+  color_text_warning: string;
 
   /* Icon */
-  color_icon_grey: string;
-  color_icon_light_grey: string;
-  color_icon_white: string;
-  color_icon_blue: string;
-  color_icon_orange: string;
-  color_icon_green: string;
-  color_icon_red: string;
-  color_icon_yellow: string;
+  color_icon_subtle: string;
+  color_icon_strong: string;
+  color_icon_disabled: string;
+  color_icon_inverse: string;
+  color_icon_brand_primary: string;
+  color_icon_brand_secondary: string;
+  color_icon_success: string;
+  color_icon_danger: string;
+  color_icon_warning: string;
 }
 
 declare const DerivedColor: DerivedColorType;
 
-interface TypographyColorToken {
-  value: string;
-  token: string;
-  alias: string;
-}
-
-declare const VariantStyles: Record<
-  string,
-  {
-    fontSize: string;
-    fontWeight: number;
-  }
->;
-
-interface TypographyProps {
-  variant?: string;
-  children?: React.ReactNode;
-  sx?: React.CSSProperties & Record<string, unknown>;
-  [key: string]: any;
-}
-
-declare function Typography(
-  props: TypographyProps,
+interface TypographyColorToken {
+  value: string;
+  token: string;
+  alias: string;
+}
+
+declare const VariantStyles: Record<
+  string,
+  {
+    fontSize: string;
+    fontWeight: number;
+  }
+>;
+
+interface TypographyProps {
+  variant?: string;
+  children?: React.ReactNode;
+  sx?: React.CSSProperties & Record<string, unknown>;
+  [key: string]: any;
+}
+
+declare function Typography(
+  props: TypographyProps,
 ): React.ReactElement | null;
 
 declare const SpacingToken: {
@@ -151,7 +204,7 @@ declare const SpacingToken: {
   spacing10: string;
 };
 
-declare const CONTENT_SPACING_TOKENS: {
+declare const CONTENT_SPACING_TOKENS: {
   spacing_1: {
     mobile: string;
     tablet: string;
@@ -166,41 +219,41 @@ declare const CONTENT_SPACING_TOKENS: {
     mobile: string;
     tablet: string;
     web: string;
-  };
-};
-
-interface ResponsiveSpacingValue {
-  mobile?: string;
-  tablet?: string;
-  web?: string;
-  [key: string]: string | undefined;
-}
-
-type SpacingSizeValue = keyof typeof SpacingToken | string | number;
-
-type ContentSpacingSizeValue =
-  | keyof typeof CONTENT_SPACING_TOKENS
-  | ResponsiveSpacingValue;
-
-interface SpacingProps {
-  size?: SpacingSizeValue;
-  axis?: "vertical" | "horizontal";
-  as?: React.ElementType;
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  [key: string]: unknown;
-}
-
-interface ContentSpacingProps {
-  size?: ContentSpacingSizeValue;
-  breakpoint?: "mobile" | "tablet" | "web";
-  as?: React.ElementType;
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  [key: string]: unknown;
-}
+  };
+};
+
+interface ResponsiveSpacingValue {
+  mobile?: string;
+  tablet?: string;
+  web?: string;
+  [key: string]: string | undefined;
+}
+
+type SpacingSizeValue = keyof typeof SpacingToken | string | number;
+
+type ContentSpacingSizeValue =
+  | keyof typeof CONTENT_SPACING_TOKENS
+  | ResponsiveSpacingValue;
+
+interface SpacingProps {
+  size?: SpacingSizeValue;
+  axis?: "vertical" | "horizontal";
+  as?: React.ElementType;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+  [key: string]: unknown;
+}
+
+interface ContentSpacingProps {
+  size?: ContentSpacingSizeValue;
+  breakpoint?: "mobile" | "tablet" | "web";
+  as?: React.ElementType;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+  [key: string]: unknown;
+}
 
 declare const Spacing: React.FC<SpacingProps>;
 
@@ -358,62 +411,62 @@ interface BaseSwitchProps {
 
 declare function BaseSwitch(props: BaseSwitchProps): React.ReactElement;
 
-interface BaseCheckboxOption {
-  label: React.ReactNode;
-  value: string;
-  disabled?: boolean;
-  [key: string]: any;
-}
-
-interface BaseCheckboxSharedProps {
-  options: BaseCheckboxOption[];
-  label?: React.ReactNode;
-  disabled?: boolean;
-  labelPlacement?: "top" | "bottom" | "start" | "end";
-  isHorizontal?: boolean;
-  sx?: any;
-  [key: string]: any;
-}
-
-interface BaseCheckboxSingleProps extends Omit<BaseCheckboxSharedProps, "options"> {
-  options?: undefined;
-  checked?: boolean;
-  onChange?: (checked: boolean, event?: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-interface BaseCheckboxGroupProps extends BaseCheckboxSharedProps {
-  options: BaseCheckboxOption[];
-  checked?: string[];
-  onChange?: (newValue: string[]) => void;
-}
-
-type BaseCheckboxProps =
-  | BaseCheckboxSingleProps
-  | BaseCheckboxGroupProps;
-
-declare function BaseCheckbox(
-  props: BaseCheckboxProps,
+interface BaseCheckboxOption {
+  label: React.ReactNode;
+  value: string;
+  disabled?: boolean;
+  [key: string]: any;
+}
+
+interface BaseCheckboxSharedProps {
+  options: BaseCheckboxOption[];
+  label?: React.ReactNode;
+  disabled?: boolean;
+  labelPlacement?: "top" | "bottom" | "start" | "end";
+  isHorizontal?: boolean;
+  sx?: any;
+  [key: string]: any;
+}
+
+interface BaseCheckboxSingleProps extends Omit<BaseCheckboxSharedProps, "options"> {
+  options?: undefined;
+  checked?: boolean;
+  onChange?: (checked: boolean, event?: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+interface BaseCheckboxGroupProps extends BaseCheckboxSharedProps {
+  options: BaseCheckboxOption[];
+  checked?: string[];
+  onChange?: (newValue: string[]) => void;
+}
+
+type BaseCheckboxProps =
+  | BaseCheckboxSingleProps
+  | BaseCheckboxGroupProps;
+
+declare function BaseCheckbox(
+  props: BaseCheckboxProps,
 ): React.ReactElement | null;
 
-type BaseDatatableAlign =
-  | "left"
-  | "center"
-  | "right"
-  | "justify"
-  | "inherit"
-  | (string & {});
-
-interface BaseDatatableColumn<T = Record<string, any>> {
-  id?: string;
-  key?: string;
-  field?: string;
-  sortField?: string;
-  label?: ReactNode;
-  header?: ReactNode;
-  accessorKey?: string;
-  accessorFn?: (row: T) => any;
-  align?: BaseDatatableAlign;
-  headerAlign?: BaseDatatableAlign;
+type BaseDatatableAlign =
+  | "left"
+  | "center"
+  | "right"
+  | "justify"
+  | "inherit"
+  | (string & {});
+
+interface BaseDatatableColumn<T = Record<string, any>> {
+  id?: string;
+  key?: string;
+  field?: string;
+  sortField?: string;
+  label?: ReactNode;
+  header?: ReactNode;
+  accessorKey?: string;
+  accessorFn?: (row: T) => any;
+  align?: BaseDatatableAlign;
+  headerAlign?: BaseDatatableAlign;
   width?: number;
   minWidth?: number;
   sticky?: "left" | "right";
@@ -432,11 +485,11 @@ interface BaseDatatableColumn<T = Record<string, any>> {
   }) => ReactNode;
 }
 
-interface BaseDatatableHeaderCell {
-  id?: string;
-  key?: string;
-  label: ReactNode;
-  align?: BaseDatatableAlign;
+interface BaseDatatableHeaderCell {
+  id?: string;
+  key?: string;
+  label: ReactNode;
+  align?: BaseDatatableAlign;
   colSpan?: number;
   rowSpan?: number;
   colspan?: number;
@@ -467,12 +520,12 @@ interface BaseDatatableSortState {
   direction: "asc" | "desc";
 }
 
-interface BaseDatatableSortPayload {
-  orderBy: string;
-  order: "asc" | "desc";
-  page: number;
-  rowsPerPage: number;
-}
+interface BaseDatatableSortPayload {
+  orderBy: string;
+  order: "asc" | "desc";
+  page: number;
+  rowsPerPage: number;
+}
 
 interface BaseDatatableLayout {
   stickyHeader?: boolean;
@@ -538,14 +591,14 @@ interface BaseDatatableProps<T = Record<string, any>> {
   layout?: BaseDatatableLayout;
   selection?: BaseDatatableSelection<T>;
   pagination?: BaseDatatablePagination;
-  renderRow?: (context: BaseDatatableRenderRowContext<T>) => ReactNode;
-  onRowClick?: (row: T, rowIndex: number) => void;
-  getRowId?: (row: T, rowIndex: number) => string | number;
-  emptyState?: ReactNode;
-  loading?: boolean;
-  loadingText?: ReactNode;
-  rowHover?: boolean;
-  activeRowId?: string | number | null;
+  renderRow?: (context: BaseDatatableRenderRowContext<T>) => ReactNode;
+  onRowClick?: (row: T, rowIndex: number) => void;
+  getRowId?: (row: T, rowIndex: number) => string | number;
+  emptyState?: ReactNode;
+  loading?: boolean;
+  loadingText?: ReactNode;
+  rowHover?: boolean;
+  activeRowId?: string | number | null;
   containerSx?: SxProps;
   tableSx?: SxProps;
 }

package/dist/types.d.mts

@@ -1,4 +1,4 @@
-export { v as BaseAlertProps, w as BaseButtonProps, x as BaseCardDataItem, y as BaseCardProps, z as BaseCheckboxOption, A as BaseCheckboxProps, E as BaseDatatableAlign, F as BaseDatatableColumn, G as BaseDatatableFeatures, H as BaseDatatableHeaderCell, I as BaseDatatableLayout, J as BaseDatatablePagination, K as BaseDatatableProps, L as BaseDatatableSelection, M as BaseDatatableSortPayload, N as BaseDatatableSortState, O as BaseDatePickerProps, Q as BaseDropdownProps, U as BaseDropzoneProps, W as BaseModalOTPProps, X as BaseModalProps, Y as BaseModalStepperProps, Z as BaseModalStepperStep, _ as BaseRadioButtonProps, $ as BaseStepperDashboardStep, a0 as BaseStepperProps, a1 as BaseStepperSimpleStep, a2 as BaseSwitchProps, a3 as BaseTextAreaProps, a4 as BaseTextFieldProps, a5 as ContentSpacingProps, a6 as DerivedColorType, a7 as PrimitiveColorType, a8 as RadiusKey, a9 as RadiusMap, aa as RadiusTokenProps, ab as ShadowElevation, ac as ShadowLevel, ad as ShadowMap, ae as ShadowTokenProps, af as SpacingProps, ag as TextFieldUploadProps, ah as TypographyColorToken, ai as TypographyProps } from './types-dakVJwjl.mjs';
+export { v as BaseAlertProps, w as BaseButtonProps, x as BaseCardDataItem, y as BaseCardProps, z as BaseCheckboxOption, A as BaseCheckboxProps, E as BaseDatatableAlign, F as BaseDatatableColumn, G as BaseDatatableFeatures, H as BaseDatatableHeaderCell, I as BaseDatatableLayout, J as BaseDatatablePagination, K as BaseDatatableProps, L as BaseDatatableSelection, M as BaseDatatableSortPayload, N as BaseDatatableSortState, O as BaseDatePickerProps, Q as BaseDropdownProps, U as BaseDropzoneProps, W as BaseModalOTPProps, X as BaseModalProps, Y as BaseModalStepperProps, Z as BaseModalStepperStep, _ as BaseRadioButtonProps, $ as BaseStepperDashboardStep, a0 as BaseStepperProps, a1 as BaseStepperSimpleStep, a2 as BaseSwitchProps, a3 as BaseTextAreaProps, a4 as BaseTextFieldProps, a5 as ContentSpacingProps, a6 as DerivedColorType, a7 as PrimitiveColorType, a8 as RadiusKey, a9 as RadiusMap, aa as RadiusTokenProps, ab as ShadowElevation, ac as ShadowLevel, ad as ShadowMap, ae as ShadowTokenProps, af as SpacingProps, ag as TextFieldUploadProps, ah as TypographyColorToken, ai as TypographyProps } from './types-B0iF5xX8.mjs';
 import 'react';
 import '@mui/material/styles';
 import 'react-hook-form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spotlibs-components",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "private": false,
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",
@@ -18,9 +18,14 @@
       "types": "./dist/types.d.mts"
     },
     "./icons": {
-      "types": "./dist/legacy/atoms/icons/index.d.mts",
-      "import": "./dist/legacy/atoms/icons/index.mjs",
-      "default": "./dist/legacy/atoms/icons/index.mjs"
+      "types": "./dist/atoms/icons/index.d.mts",
+      "import": "./dist/atoms/icons/index.mjs",
+      "default": "./dist/atoms/icons/index.mjs"
+    },
+    "./mui": {
+      "types": "./dist/mui/index.d.mts",
+      "import": "./dist/mui/index.mjs",
+      "default": "./dist/mui/index.mjs"
     }
   },
   "dependencies": {
@@ -32,6 +37,7 @@
     "@mui/lab": "^5.0.0-alpha.175",
     "@mui/material": "^5.16.14",
     "@mui/x-date-pickers": "5.0.20",
+    "@tabler/icons-react": "^3.43.0",
     "@tinymce/tinymce-react": "^5.0.1",
     "chart.js": "^4.5.1",
     "date-fns": "2.30.0",