@zydon/common 2.7.64 → 2.7.66

package/dist/components/form/FileUpload/index.d.ts

@@ -7,21 +7,9 @@ import 'react-dropzone';
 import 'react-easy-crop';
 import '@dnd-kit/core';
 
-/**
- * Tipo para lazy query trigger do RTK Query
- * Aceita um ID e retorna uma promise com unwrap
- *
- * @example
- * ```tsx
- * const [getFileQuery] = useLazyGetFileQuery();
- * ```
- */
 type LazyQueryTrigger = (id: string) => {
     unwrap: () => Promise<FileGetResponse>;
 };
-/**
- * Props base para componentes de upload integrados ao form
- */
 interface BaseFormUploadProps {
     name: string;
     rules?: RegisterOptions;
@@ -29,211 +17,23 @@ interface BaseFormUploadProps {
     disableRemove?: boolean;
     disableReorder?: boolean;
 }
-/**
- * Props para SingleImageUpload integrado ao form
- * Retorna apenas o resource_file_id no campo do formulário
- */
 interface FormSingleImageUploadProps extends Omit<SingleImageUploadProps, 'fileDetails' | 'onFileSelect' | 'onRemove' | 'name'>, BaseFormUploadProps {
 }
-/**
- * Props para MultiImageUpload integrado ao form
- * Retorna array de resource_file_ids no campo do formulário
- */
 interface FormMultiImageUploadProps extends Omit<MultiImageUploadProps, 'filesDetails' | 'onFilesSelect' | 'onRemove' | 'onRemoveAll' | 'name'>, BaseFormUploadProps {
 }
-/**
- * Props para SingleFileUpload integrado ao form
- * Retorna apenas o resource_file_id no campo do formulário
- */
 interface FormSingleFileUploadProps extends Omit<SingleFileUploadProps, 'fileDetails' | 'onFileSelect' | 'onRemove' | 'name'>, BaseFormUploadProps {
 }
-/**
- * Props para MultiFileUpload integrado ao form
- * Retorna array de resource_file_ids no campo do formulário
- */
 interface FormMultiFileUploadProps extends Omit<MultiFileUploadProps, 'filesDetails' | 'onFilesSelect' | 'onRemove' | 'onRemoveAll' | 'name'>, BaseFormUploadProps {
 }
 
-/**
- * AvatarUpload integrado ao React Hook Form
- * Componente especializado para upload de avatar (imagem circular de perfil)
- * Gerencia automaticamente o estado do arquivo e retorna apenas o resource_file_id
- *
- * @example
- * ```tsx
- * import { Form } from 'components/form';
- * import { AvatarUpload } from 'components/form/FileUpload';
- * import { useCreateFilesMutation, useGetFileQuery } from 'services/filesApi';
- *
- * interface FormData {
- *   avatar_id: string | null;
- * }
- *
- * const ProfileForm = () => {
- *   const createFilesMutation = useCreateFilesMutation();
- *   const getFileQuery = useGetFileQuery();
- *   const methods = useForm<FormData>();
- *
- *   return (
- *     <Form methods={methods} onSubmit={handleSubmit}>
- *       <AvatarUpload
- *         name="avatar_id"
- *         createFilesMutation={createFilesMutation}
- *         getFileQuery={getFileQuery}
- *       />
- *     </Form>
- *   );
- * };
- * ```
- */
 declare const AvatarUpload: ({ name, rules, createFilesMutation, getFileQuery, disableRemove, aspectRatio, enableCrop, maxSize, ...other }: FormSingleImageUploadProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * MultiFileUpload integrado ao React Hook Form
- * Gerencia automaticamente o estado dos arquivos e retorna array de resource_file_ids
- *
- * @example
- * ```tsx
- * import { Form } from 'components/form';
- * import { MultiFileUpload } from 'components/form/FileUpload';
- * import { useCreateFilesMutation } from 'services/filesApi';
- *
- * const FormExample = () => {
- *   const createFilesMutation = useCreateFilesMutation();
- *   const methods = useForm({
- *     defaultValues: {
- *       document_ids: [],
- *     },
- *   });
- *
- *   const handleSubmit = (data: any) => {
- *     console.log(data.document_ids); // Array de IDs
- *   };
- *
- *   return (
- *     <Form methods={methods} onSubmit={handleSubmit}>
- *       <MultiFileUpload
- *         name="document_ids"
- *         label="Documentos"
- *         createFilesMutation={createFilesMutation}
- *         maxFiles={5}
- *       />
- *     </Form>
- *   );
- * };
- * ```
- */
 declare const MultiFileUpload: ({ name, rules, createFilesMutation, getFileQuery, disableRemove, disableReorder, ...other }: FormMultiFileUploadProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * MultiImageUpload integrado ao React Hook Form
- * Gerencia automaticamente o estado dos arquivos e retorna array de resource_file_ids
- *
- * @example
- * ```tsx
- * import { Form } from 'components/form';
- * import { MultiImageUpload } from 'components/form/FileUpload';
- * import { useCreateFilesMutation } from 'services/filesApi';
- *
- * const FormExample = () => {
- *   const createFilesMutation = useCreateFilesMutation();
- *   const methods = useForm({
- *     defaultValues: {
- *       image_ids: [],
- *     },
- *   });
- *
- *   const handleSubmit = (data: any) => {
- *     console.log(data.image_ids); // Array de IDs
- *   };
- *
- *   return (
- *     <Form methods={methods} onSubmit={handleSubmit}>
- *       <MultiImageUpload
- *         name="image_ids"
- *         label="Imagens"
- *         createFilesMutation={createFilesMutation}
- *         maxFiles={5}
- *       />
- *     </Form>
- *   );
- * };
- * ```
- */
 declare const MultiImageUpload: ({ name, rules, createFilesMutation, getFileQuery, disableRemove, disableReorder, ...other }: FormMultiImageUploadProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * SingleFileUpload integrado ao React Hook Form
- * Gerencia automaticamente o estado do arquivo e retorna apenas o resource_file_id
- *
- * @example
- * ```tsx
- * import { Form } from 'components/form';
- * import { SingleFileUpload } from 'components/form/FileUpload';
- * import { useCreateFilesMutation } from 'services/filesApi';
- *
- * const FormExample = () => {
- *   const createFilesMutation = useCreateFilesMutation();
- *   const methods = useForm({
- *     defaultValues: {
- *       document_id: null,
- *     },
- *   });
- *
- *   const handleSubmit = (data: any) => {
- *     console.log(data.document_id); // ID do arquivo
- *   };
- *
- *   return (
- *     <Form methods={methods} onSubmit={handleSubmit}>
- *       <SingleFileUpload
- *         name="document_id"
- *         label="Documento"
- *         createFilesMutation={createFilesMutation}
- *         maxSize={1024 * 1024 * 10}
- *       />
- *     </Form>
- *   );
- * };
- * ```
- */
 declare const SingleFileUpload: ({ name, rules, createFilesMutation, getFileQuery, disableRemove, ...other }: FormSingleFileUploadProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * SingleImageUpload integrado ao React Hook Form
- * Gerencia automaticamente o estado do arquivo e retorna apenas o resource_file_id
- *
- * @example
- * ```tsx
- * import { Form } from 'components/form';
- * import { SingleImageUpload } from 'components/form/FileUpload';
- * import { useCreateFilesMutation } from 'services/filesApi';
- *
- * const FormExample = () => {
- *   const createFilesMutation = useCreateFilesMutation();
- *   const methods = useForm({
- *     defaultValues: {
- *       resource_id: null,
- *     },
- *   });
- *
- *   const handleSubmit = (data: any) => {
- *     console.log(data.resource_id); // ID do arquivo
- *   };
- *
- *   return (
- *     <Form methods={methods} onSubmit={handleSubmit}>
- *       <SingleImageUpload
- *         name="resource_id"
- *         label="Imagem"
- *         createFilesMutation={createFilesMutation}
- *         maxSize={1024 * 1024 * 5}
- *       />
- *     </Form>
- *   );
- * };
- * ```
- */
 declare const SingleImageUpload: ({ name, rules, createFilesMutation, getFileQuery, disableRemove, hoverAlt, ...other }: FormSingleImageUploadProps) => react_jsx_runtime.JSX.Element;
 
 export { AvatarUpload, FileGetResponse, FormMultiFileUploadProps, FormMultiImageUploadProps, FormSingleFileUploadProps, FormSingleImageUploadProps, LazyQueryTrigger, MultiFileUpload, MultiImageUpload, SingleFileUpload, SingleImageUpload };

package/dist/components/form/SelectList/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseField } from '../../../types/baseField.js';
+import { SelectListProps as SelectListProps$1 } from '../../../types/selectList.js';
+import 'react-hook-form';
+import 'react';
+
+type SelectListProps = BaseField<Omit<SelectListProps$1, 'value' | 'onChange'>> & {
+    onChange?: (value: string | string[]) => void;
+};
+
+declare const SelectList: ({ name, rules, onChange, helperText, ...other }: SelectListProps) => react_jsx_runtime.JSX.Element;
+
+export { SelectList as default };

package/dist/components/form/SelectList/index.js

@@ -0,0 +1,16 @@
+import { a } from '../../../chunk-7HLCQRIH.js';
+import '../../../chunk-RUABKHIV.js';
+import '../../../chunk-RPPQBAVO.js';
+import '../../../chunk-IJZCVZ32.js';
+import '../../../chunk-6U5LS7MP.js';
+import '../../../chunk-LEMPYV5U.js';
+import '../../../chunk-NQNNMRLC.js';
+import '../../../chunk-CIGSMWKF.js';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var C=({name:l,rules:s,onChange:m,helperText:p,...c})=>{let{control:a$1}=useFormContext();return jsx(Controller,{name:l,control:a$1,rules:s,render:({field:e,fieldState:{error:t}})=>jsx(a,{...c,value:e.value,onChange:o=>{e.onChange(o),m?.(o);},error:!!t,helperText:t?.message||p})})},L=C;
+
+export { L as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/form/SelectList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/form/SelectList/index.tsx"],"names":["Controller","useFormContext","jsx","SelectList","name","rules","onChange","helperText","other","control","field","error","SelectList_default","value"],"mappings":"oSAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAgBjC,cAAAC,MAAA,oBAVV,IAAMC,EAAa,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAM,IAAuB,CACvF,GAAM,CAAE,QAAAC,CAAQ,EAAIR,EAAe,EAEnC,OACEC,EAACF,EAAA,CACC,KAAMI,EACN,QAASK,EACT,MAAOJ,EACP,OAAQ,CAAC,CAAE,MAAAK,EAAO,WAAY,CAAE,MAAAC,CAAM,CAAE,IAEpCT,EAACU,EAAA,CACE,GAAGJ,EACJ,MAAOE,EAAM,MACb,SAAUG,GAAS,CACjBH,EAAM,SAASG,CAAK,EACpBP,IAAWO,CAAK,CAClB,EACA,MAAO,CAAC,CAACF,EACT,WAAYA,GAAO,SAAWJ,EAChC,EAGN,CAEJ,EAEOK,EAAQT","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport SelectListComponent from 'components/SelectList';\n\nimport { SelectListProps } from './props';\n\nconst SelectList = ({ name, rules, onChange, helperText, ...other }: SelectListProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => {\n        return (\n          <SelectListComponent\n            {...other}\n            value={field.value}\n            onChange={value => {\n              field.onChange(value);\n              onChange?.(value);\n            }}\n            error={!!error}\n            helperText={error?.message || helperText}\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default SelectList;\n"]}

package/dist/components/form/SelectableCards/index.js

@@ -1,6 +1,6 @@
-import { a } from '../../../chunk-MP2LAJS5.js';
+import { a } from '../../../chunk-KQTA6B4Y.js';
 import '../../../chunk-6ZSTKYGL.js';
-import '../../../chunk-OTVEMGF2.js';
+import '../../../chunk-RPPQBAVO.js';
 import '../../../chunk-IJZCVZ32.js';
 import '../../../chunk-NIQW2J3M.js';
 import '../../../chunk-NQNNMRLC.js';

package/dist/contexts/PushNotifications/index.js

@@ -1,6 +1,6 @@
 import { a as a$1 } from '../../chunk-RP7PNTLJ.js';
-import '../../chunk-E5ULJSWF.js';
 import { a } from '../../chunk-GPFANUMT.js';
+import '../../chunk-E5ULJSWF.js';
 import '../../chunk-TVKBRJHF.js';
 import { createContext, useState, useRef, useMemo, useEffect, useCallback, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/hooks/useMount.d.ts

@@ -1,23 +1,3 @@
-/**
- * UseMount hook runs the callback only once when the component is mounted.
- *
- * @param callback - The callback to run when the component is mounted. Returns a cleanup function to run at the end of the component lifecycle.
- * @example
- * Here's an example with negative numbers:
- * ```
- * useMount(() => {
- *   document.addEventListener('resize', () => {
- *     // do something
- *   });
- *
- *   return () => {
- *     document.removeEventListener('resize', () => {
- *       // cleanup event listener
- *     });
- *   };
- * });
- * ```
- */
 declare const useMount: (callback: () => void | (() => void)) => void;
 
 export { useMount as default };

package/dist/hooks/useSnackbar.d.ts

@@ -12,6 +12,7 @@ declare const useSnackbar: () => {
         custom: (jsx: (id: string | number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, data?: ExternalToast | undefined) => string | number;
         message: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
         promise: <ToastData>(promise: Promise<ToastData> | (() => Promise<ToastData>), data?: ({
+            cancel?: ReactNode | sonner.Action;
             className?: string | undefined;
             style?: react.CSSProperties | undefined;
             position?: ("top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right") | undefined;
@@ -21,7 +22,6 @@ declare const useSnackbar: () => {
             icon?: ReactNode;
             duration?: number | undefined;
             onDismiss?: ((toast: sonner.ToastT) => void) | undefined;
-            cancel?: ReactNode | sonner.Action;
             richColors?: boolean | undefined;
             closeButton?: boolean | undefined;
             dismissible?: boolean | undefined;

package/dist/hooks/useThemeToggle.js

@@ -1,12 +1,12 @@
 export { a as useThemeToggle } from '../chunk-UHXAPEIF.js';
-import '../chunk-4RNGASI4.js';
+import '../chunk-CU7PKEY2.js';
 import '../chunk-LDGBS7ZI.js';
+import '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
 import '../chunk-TWSAWMZ3.js';
 import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
 import '../chunk-WUFEPE2G.js';
-import '../chunk-2WG6OWB4.js';
 import '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useThemeToggle.js.map

package/dist/hooks/useWindowFocus.d.ts

@@ -1,6 +1,3 @@
-/**
- * @returns boolean - true quando a aba está visível/focada, false quando está oculta
- */
 declare function useWindowFocus(): boolean;
 
 export { useWindowFocus as default };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CustomShadows } from './index-5a5e5dc8.js';
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-5a5e5dc8.js';
+import { C as CustomShadows } from './index-c8f1e6e7.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-c8f1e6e7.js';
 export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-38d09283.js';
 export { THEME_CONFIG, default as ThemeProvider } from './theme/theme-provider.js';
 import { S as SettingsState } from './settings-583c107c.js';

package/dist/index.js

@@ -1,12 +1,12 @@
 export { a as useThemeToggle } from './chunk-UHXAPEIF.js';
-export { b as ThemeProvider, a as createTheme } from './chunk-4RNGASI4.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-CU7PKEY2.js';
 import './chunk-LDGBS7ZI.js';
+export { c as SettingsProvider, b as useSettingsContext } from './chunk-2WG6OWB4.js';
 export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-6W52DPH4.js';
 import './chunk-TWSAWMZ3.js';
 import './chunk-ROVD7OGE.js';
 export { l as action, k as background, m as basePalette, p as colorSchemes, i as common, a as components, q as createShadowColor, r as customShadows, o as darkPalette, h as error, b as grey, e as info, n as lightPalette, c as primary, d as secondary, f as success, j as text, g as warning } from './chunk-EQYL7U3J.js';
 import './chunk-WUFEPE2G.js';
-export { c as SettingsProvider, b as useSettingsContext } from './chunk-2WG6OWB4.js';
 export { a as THEME_CONFIG, q as bgBlur, p as bgGradient, o as borderGradient, j as createPaletteChannel, h as hexToRgbChannel, i as hexToRgbaChannel, l as hideScrollX, m as hideScrollY, r as maxLine, c as mediaQueries, t as menuItem, s as paper, f as pxToRem, e as remToPx, g as responsiveFontSizes, d as setFont, b as stylesMode, n as textGradient, k as varAlpha } from './chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/theme/core/index.d.ts

@@ -1,4 +1,4 @@
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-5a5e5dc8.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-c8f1e6e7.js';
 import '@mui/lab/TimelineConnector';
 import '@mui/system';
 import '@mui/lab/TimelineDot';

package/dist/theme/styles/index.d.ts

@@ -2,50 +2,25 @@ import * as _mui_material_styles_createTypography from '@mui/material/styles/cre
 import * as csstype from 'csstype';
 import { CSSObject, Theme } from '@mui/material/styles';
 
-/**
- * Usage:
- * ...hideScrollX,
- * ...hideScrollY,
- */
 declare const hideScrollX: CSSObject;
 declare const hideScrollY: CSSObject;
-/**
- * Usage:
- * ...textGradient(`to right, ${theme.vars.palette.text.primary}, ${alpha(theme.vars.palette.text.primary, 0.2)}`
- */
 declare function textGradient(color: string): CSSObject;
-/**
- * Usage:
- * ...borderGradient({ color: `to right, ${theme.vars.palette.text.primary}, ${alpha(theme.vars.palette.text.primary, 0.2)}`, padding: '4px' }),
- */
 type BorderGradientProps = {
     color?: string;
     padding?: string;
 };
 declare function borderGradient(props?: BorderGradientProps): CSSObject;
-/**
- * Usage:
- * ...bgGradient({ color: `to right, ${theme.vars.palette.grey[900]} 25%, ${varAlpha(theme.vars.palette.primary.darkerChannel, 0.88)}`, imgUrl: '/assets/background/overlay.png' }),
- */
 type BgGradientProps = {
     color: string;
     imgUrl?: string;
 };
 declare function bgGradient({ color, imgUrl }: BgGradientProps): CSSObject;
-/**
- * Usage:
- * ...bgBlur({ color: `varAlpha(theme.vars.palette.background.paperChannel, 0.8)`, imgUrl: '/assets/background/overlay.png', blur: 6 }),
- */
 type BgBlurProps = {
     color: string;
     blur?: number;
     imgUrl?: string;
 };
 declare function bgBlur({ color, blur, imgUrl }: BgBlurProps): CSSObject;
-/**
- * Usage:
- * ...maxLine({ line: 2, persistent: theme.typography.caption }),
- */
 type MediaFontSize = {
     [key: string]: {
         fontSize: React.CSSProperties['fontSize'];
@@ -56,10 +31,6 @@ type MaxLineProps = {
     persistent?: Partial<React.CSSProperties>;
 };
 declare function maxLine({ line, persistent }: MaxLineProps): CSSObject;
-/**
- * Usage:
- * ...paper({ theme, color: varAlpha(theme.vars.palette.background.paperChannel, 0.9), dropdown: true }),
- */
 type PaperProps = {
     theme: Theme;
     color?: string;
@@ -193,7 +164,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     flexShrink?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined;
     flexWrap?: csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | readonly csstype.Property.FlexWrap[] | undefined;
     float?: csstype.Property.Float | readonly NonNullable<csstype.Property.Float | undefined>[] | readonly csstype.Property.Float[] | undefined;
-    fontFamily?: csstype.Property.FontFamily | readonly string[] | readonly csstype.Property.FontFamily[] | undefined;
+    fontFamily?: readonly string[] | csstype.Property.FontFamily | readonly csstype.Property.FontFamily[] | undefined;
     fontFeatureSettings?: readonly string[] | csstype.Property.FontFeatureSettings | readonly csstype.Property.FontFeatureSettings[] | undefined;
     fontKerning?: csstype.Property.FontKerning | readonly NonNullable<csstype.Property.FontKerning | undefined>[] | readonly csstype.Property.FontKerning[] | undefined;
     fontLanguageOverride?: readonly string[] | csstype.Property.FontLanguageOverride | readonly csstype.Property.FontLanguageOverride[] | undefined;
@@ -218,7 +189,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     fontVariantNumeric?: readonly string[] | csstype.Property.FontVariantNumeric | readonly csstype.Property.FontVariantNumeric[] | undefined;
     fontVariantPosition?: csstype.Property.FontVariantPosition | readonly NonNullable<csstype.Property.FontVariantPosition | undefined>[] | readonly csstype.Property.FontVariantPosition[] | undefined;
     fontVariationSettings?: readonly string[] | csstype.Property.FontVariationSettings | readonly csstype.Property.FontVariationSettings[] | undefined;
-    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ((string & {}) | csstype.Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
+    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | csstype.Globals | "normal" | "bolder" | "lighter")[] | undefined;
     forcedColorAdjust?: csstype.Property.ForcedColorAdjust | readonly NonNullable<csstype.Property.ForcedColorAdjust | undefined>[] | readonly csstype.Property.ForcedColorAdjust[] | undefined;
     gridAutoColumns?: readonly (string | (string & {}))[] | csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined;
     gridAutoFlow?: readonly string[] | csstype.Property.GridAutoFlow | readonly csstype.Property.GridAutoFlow[] | undefined;
@@ -443,9 +414,9 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     wordWrap?: csstype.Property.WordWrap | readonly NonNullable<csstype.Property.WordWrap | undefined>[] | readonly csstype.Property.WordWrap[] | undefined;
     writingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
     zIndex?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.ZIndex | readonly NonNullable<csstype.Property.ZIndex | undefined>[] | undefined;
-    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reset")[] | undefined;
+    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ("reset" | (string & {}) | csstype.Globals | "normal")[] | undefined;
     all?: csstype.Globals | readonly NonNullable<csstype.Globals | undefined>[] | readonly csstype.Globals[] | undefined;
-    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     animationRange?: readonly (string | (string & {}))[] | csstype.Property.AnimationRange<string | number> | readonly NonNullable<csstype.Property.AnimationRange<string | number> | undefined>[] | undefined;
     background?: readonly (string | (string & {}))[] | csstype.Property.Background<string | number> | readonly NonNullable<csstype.Property.Background<string | number> | undefined>[] | undefined;
     border?: readonly (string | (string & {}))[] | csstype.Property.Border<string | number> | readonly NonNullable<csstype.Property.Border<string | number> | undefined>[] | undefined;
@@ -454,7 +425,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     borderBlockStart?: readonly (string | (string & {}))[] | csstype.Property.BorderBlockStart<string | number> | readonly NonNullable<csstype.Property.BorderBlockStart<string | number> | undefined>[] | undefined;
     borderBottom?: readonly (string | (string & {}))[] | csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined;
     borderColor?: readonly string[] | csstype.Property.BorderColor | readonly csstype.Property.BorderColor[] | undefined;
-    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     borderInline?: readonly (string | (string & {}))[] | csstype.Property.BorderInline<string | number> | readonly NonNullable<csstype.Property.BorderInline<string | number> | undefined>[] | undefined;
     borderInlineEnd?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineEnd<string | number> | readonly NonNullable<csstype.Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
     borderInlineStart?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineStart<string | number> | readonly NonNullable<csstype.Property.BorderInlineStart<string | number> | undefined>[] | undefined;
@@ -486,7 +457,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     marginBlock?: readonly (string | (string & {}))[] | csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined;
     marginInline?: readonly (string | (string & {}))[] | csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined;
     mask?: readonly (string | (string & {}))[] | csstype.Property.Mask<string | number> | readonly NonNullable<csstype.Property.Mask<string | number> | undefined>[] | undefined;
-    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     motion?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     offset?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     outline?: readonly (string | (string & {}))[] | csstype.Property.Outline<string | number> | readonly NonNullable<csstype.Property.Outline<string | number> | undefined>[] | undefined;
@@ -729,8 +700,8 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     WebkitUserModify?: csstype.Property.WebkitUserModify | readonly NonNullable<csstype.Property.WebkitUserModify | undefined>[] | readonly csstype.Property.WebkitUserModify[] | undefined;
     WebkitUserSelect?: csstype.Property.UserSelect | readonly NonNullable<csstype.Property.UserSelect | undefined>[] | readonly csstype.Property.UserSelect[] | undefined;
     WebkitWritingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
-    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     MozColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     MozColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     MozOutlineRadius?: readonly (string | (string & {}))[] | csstype.Property.MozOutlineRadius<string | number> | readonly NonNullable<csstype.Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -741,16 +712,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     msScrollSnapX?: readonly string[] | csstype.Property.MsScrollSnapX | readonly csstype.Property.MsScrollSnapX[] | undefined;
     msScrollSnapY?: readonly string[] | csstype.Property.MsScrollSnapY | readonly csstype.Property.MsScrollSnapY[] | undefined;
     msTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
-    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     WebkitBorderBefore?: readonly (string | (string & {}))[] | csstype.Property.WebkitBorderBefore<string | number> | readonly NonNullable<csstype.Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined;
     WebkitColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     WebkitColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     WebkitFlex?: readonly (string | (string & {}))[] | csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined;
     WebkitFlexFlow?: readonly string[] | csstype.Property.FlexFlow | readonly csstype.Property.FlexFlow[] | undefined;
     WebkitMask?: readonly (string | (string & {}))[] | csstype.Property.WebkitMask<string | number> | readonly NonNullable<csstype.Property.WebkitMask<string | number> | undefined>[] | undefined;
-    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     WebkitTextEmphasis?: readonly string[] | csstype.Property.TextEmphasis | readonly csstype.Property.TextEmphasis[] | undefined;
     WebkitTextStroke?: readonly (string | (string & {}))[] | csstype.Property.WebkitTextStroke<string | number> | readonly NonNullable<csstype.Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
     WebkitTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
@@ -831,7 +802,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     MozTransitionTimingFunction?: readonly string[] | csstype.Property.TransitionTimingFunction | readonly csstype.Property.TransitionTimingFunction[] | undefined;
     MozUserInput?: csstype.Property.MozUserInput | readonly NonNullable<csstype.Property.MozUserInput | undefined>[] | readonly csstype.Property.MozUserInput[] | undefined;
     msImeMode?: csstype.Property.ImeMode | readonly NonNullable<csstype.Property.ImeMode | undefined>[] | readonly csstype.Property.ImeMode[] | undefined;
-    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     OAnimationDelay?: readonly string[] | csstype.Property.AnimationDelay<string & {}> | readonly csstype.Property.AnimationDelay<string & {}>[] | undefined;
     OAnimationDirection?: readonly string[] | csstype.Property.AnimationDirection | readonly csstype.Property.AnimationDirection[] | undefined;
     OAnimationDuration?: readonly string[] | csstype.Property.AnimationDuration<string & {}> | readonly csstype.Property.AnimationDuration<string & {}>[] | undefined;
@@ -841,7 +812,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     OAnimationPlayState?: readonly string[] | csstype.Property.AnimationPlayState | readonly csstype.Property.AnimationPlayState[] | undefined;
     OAnimationTimingFunction?: readonly string[] | csstype.Property.AnimationTimingFunction | readonly csstype.Property.AnimationTimingFunction[] | undefined;
     OBackgroundSize?: readonly (string | (string & {}))[] | csstype.Property.BackgroundSize<string | number> | readonly NonNullable<csstype.Property.BackgroundSize<string | number> | undefined>[] | undefined;
-    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     OObjectFit?: csstype.Property.ObjectFit | readonly NonNullable<csstype.Property.ObjectFit | undefined>[] | readonly csstype.Property.ObjectFit[] | undefined;
     OObjectPosition?: readonly (string | (string & {}))[] | csstype.Property.ObjectPosition<string | number> | readonly NonNullable<csstype.Property.ObjectPosition<string | number> | undefined>[] | undefined;
     OTabSize?: readonly (string | (string & {}))[] | csstype.Property.TabSize<string | number> | readonly NonNullable<csstype.Property.TabSize<string | number> | undefined>[] | undefined;
@@ -1024,10 +995,6 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     ":valid"?: unknown;
     ":visited"?: unknown;
 };
-/**
- * Usage:
- * ...menuItem(theme)
- */
 declare function menuItem(theme: Theme): {
     [x: string]: unknown;
     padding: string;
@@ -1872,21 +1839,9 @@ declare const mediaQueries: {
     upLg: string;
     upXl: string;
 };
-/**
- * Set font family
- */
 declare function setFont(fontName: string): string;
-/**
- * Converts rem to px
- */
 declare function remToPx(value: string): number;
-/**
- * Converts px to rem
- */
 declare function pxToRem(value: number): string;
-/**
- * Responsive font sizes
- */
 declare function responsiveFontSizes({ sm, md, lg, }: {
     sm: number;
     md: number;
@@ -1896,34 +1851,15 @@ declare function responsiveFontSizes({ sm, md, lg, }: {
         fontSize: string;
     };
 };
-/**
- * Converts a hex color to RGB channels
- */
 declare function hexToRgbChannel(hex: string): string;
-/**
- * Converts a hex color to RGBA channels with optional alpha support
- * Supports:
- * - 6-digit hex: "#FF0000" -> "255 0 0"
- * - 8-digit hex: "#FF000080" -> "255 0 0 / 0.5"
- * - 6-digit hex with explicit alpha: hexToRgbaChannel("#FF0000", 0.5) -> "255 0 0 / 0.5"
- */
 declare function hexToRgbaChannel(hex: string, alpha?: number): string;
-/**
- * Converts a hex color to RGB channels
- */
 declare function createPaletteChannel(hexPalette: Record<string, string>): {
     [x: string]: string;
 };
-/**
- * Color definition with optional alpha
- */
 interface ColorWithAlpha {
     color: string;
     alpha?: number;
 }
-/**
- * Color with alpha channel
- */
 declare function varAlpha(color: string, opacity?: number): string;
 
 export { BgBlurProps, BgGradientProps, BorderGradientProps, ColorWithAlpha, MaxLineProps, MediaFontSize, bgBlur, bgGradient, borderGradient, createPaletteChannel, hexToRgbChannel, hexToRgbaChannel, hideScrollX, hideScrollY, maxLine, mediaQueries, menuItem, paper, pxToRem, remToPx, responsiveFontSizes, setFont, stylesMode, textGradient, varAlpha };

package/dist/theme/theme-provider.js

@@ -1,11 +1,11 @@
-export { b as default } from '../chunk-4RNGASI4.js';
+export { b as default } from '../chunk-CU7PKEY2.js';
 import '../chunk-LDGBS7ZI.js';
+export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
 import '../chunk-TWSAWMZ3.js';
 import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
 import '../chunk-WUFEPE2G.js';
-export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 export { a as THEME_CONFIG } from '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=theme-provider.js.map