@mrshmllw/smores-react 10.7.0-crumbs-feature-vite-bundling.1 → 10.7.0-crumbs-feature-vite-bundling.2

package/dist/theme.d.ts

@@ -0,0 +1,98 @@
+declare const colors: {
+    lollipop: string;
+    marshmallowPink: string;
+    bubblegum: string;
+    fairyFloss: string;
+    boba: string;
+    liquorice: string;
+    sesame: string;
+    chia: string;
+    custard: string;
+    mascarpone: string;
+    coconut: string;
+    cream: string;
+    spearmint: string;
+    feijoa: string;
+    blueberry: string;
+    macaroon: string;
+    pistachio: string;
+    matcha: string;
+    caramel: string;
+    peanut: string;
+    marzipan: string;
+    oatmeal: string;
+    strawberry: string;
+    watermelon: string;
+    apple: string;
+    mint: string;
+    lemon: string;
+    sherbert: string;
+    tangerine: string;
+    compareTheMarket: string;
+    confused: string;
+    onfido: string;
+    x: string;
+    premfina: string;
+    checkout: string;
+    meta: string;
+    stripe: string;
+    intercom: string;
+    ravelin: string;
+    rac: string;
+    hometree: string;
+};
+export type Color = keyof typeof colors;
+export declare const theme: {
+    colors: {
+        lollipop: string;
+        marshmallowPink: string;
+        bubblegum: string;
+        fairyFloss: string;
+        boba: string;
+        liquorice: string;
+        sesame: string;
+        chia: string;
+        custard: string;
+        mascarpone: string;
+        coconut: string;
+        cream: string;
+        spearmint: string;
+        feijoa: string;
+        blueberry: string;
+        macaroon: string;
+        pistachio: string;
+        matcha: string;
+        caramel: string;
+        peanut: string;
+        marzipan: string;
+        oatmeal: string;
+        strawberry: string;
+        watermelon: string;
+        apple: string;
+        mint: string;
+        lemon: string;
+        sherbert: string;
+        tangerine: string;
+        compareTheMarket: string;
+        confused: string;
+        onfido: string;
+        x: string;
+        premfina: string;
+        checkout: string;
+        meta: string;
+        stripe: string;
+        intercom: string;
+        ravelin: string;
+        rac: string;
+        hometree: string;
+    };
+    font: {
+        weight: {
+            normal: number;
+            medium: number;
+            bold: number;
+        };
+        system: string;
+    };
+};
+export {};

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+export type GeneralEvent = Event | React.UIEvent;
+export type GenericEventCallback = (e: GeneralEvent) => unknown;
+export type KeyboardEventCallback = (e: KeyboardEvent) => unknown;
+export type MouseEventCallBack = (event: React.MouseEvent<HTMLElement>) => void;

package/dist/utils/date.d.ts

@@ -0,0 +1 @@
+export declare const convertToUkDate: (date: Date) => Date;

package/dist/utils/dateOfBirth/dateOfBirthValidator.d.ts

@@ -0,0 +1,11 @@
+import { FieldValidationError, InputValidationError } from './schema';
+import { DateObject } from '../../TextDateOfBirthInput';
+export declare const dateOfBirthValidator: (dateObject: DateObject) => {
+    error: FieldValidationError;
+    fields?: string[];
+} | {
+    error: InputValidationError;
+    fields?: string[];
+} | {
+    isSuccess: boolean;
+};

package/dist/utils/dateOfBirth/dateOfBirthValidator.utils.d.ts

@@ -0,0 +1,18 @@
+import { DateObject } from '../../TextDateOfBirthInput';
+declare const dateFields: readonly ["day", "month", "year"];
+export declare const monthsArray: string[];
+export declare const validators: Record<(typeof dateFields)[number], (dateField: string | undefined | null) => boolean>;
+export declare const isAllowedValue: (value: string | null | undefined) => boolean;
+export declare const getInvalidInputFields: (dateObject: DateObject) => ("month" | "day" | "year")[];
+export declare const getMissingFields: (dateObject: DateObject) => ("month" | "day" | "year")[];
+export declare const getImpossibleFields: (dateObject: DateObject) => ("month" | "day" | "year")[];
+export declare const humanReadableJoin: (arr: string[]) => string;
+export declare const createMissingFieldErrorMessage: (missingFields: string[]) => string;
+export declare const createImpossibleFieldErrorMessage: (impossibleFields: string[]) => string;
+export declare const createYoungerThan17ErrorMessage: () => string;
+export declare const error: <T>(type: T, fields?: string[]) => {
+    error: T;
+    fields?: string[];
+};
+export declare const is17YearsOld: (date: Date) => boolean;
+export {};

package/dist/utils/dateOfBirth/schema.d.ts

@@ -0,0 +1,11 @@
+export declare enum InputValidationError {
+    RealDateError = "realDateError",
+    DateBefore1900Error = "dateBefore1900Error",
+    YoungerThan17 = "youngerThan17"
+}
+export declare enum FieldValidationError {
+    MissingFieldError = "missingFieldError",
+    InvalidInputValueError = "invalidInputValueError",
+    ImpossibleFieldValueError = "impossibleFieldValueError"
+}
+export declare const dateOfBirthErrorMessages: Record<InputValidationError | FieldValidationError, (value: string[]) => string>;

package/dist/utils/debounce.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Debounces a method.
+ * @param fn - The function to be debounced.
+ * @param delay - The debouncing delay.
+ * @returns A debounced version of the function.
+ */
+export declare const debounce: <Args extends unknown[], R>(fn: (...args: Args) => R, delay: number) => ((...args: Args) => void);

package/dist/utils/deprecated.d.ts

@@ -0,0 +1,9 @@
+export declare const isLocal: boolean;
+type UseDeprecatedWarningParams = {
+    enabled?: boolean;
+    title: string;
+    message: string;
+    componentProps?: Record<string, any>;
+};
+export declare const useDeprecatedWarning: ({ enabled, title, message, componentProps, }: UseDeprecatedWarningParams) => void;
+export {};

package/dist/utils/flex.d.ts

@@ -0,0 +1,19 @@
+import { ResponsiveProp } from './responsiveProp';
+import { SpacingProp } from './space';
+import { TransientProps } from './utilTypes';
+type FlexFN = (arg: TransientFlexProps) => string;
+export interface FlexProps {
+    direction?: ResponsiveProp<'column' | 'column-reverse' | 'row' | 'row-reverse'>;
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    flex?: boolean;
+    flow?: string;
+    justifyContent?: ResponsiveProp<'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly'>;
+    alignItems?: ResponsiveProp<'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'>;
+    alignContent?: ResponsiveProp<'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch'>;
+    gap?: ResponsiveProp<SpacingProp>;
+    rowGap?: ResponsiveProp<SpacingProp>;
+    columnGap?: ResponsiveProp<SpacingProp>;
+}
+export type TransientFlexProps = TransientProps<FlexProps>;
+export declare const flex: FlexFN;
+export {};

package/dist/utils/focusOutline.d.ts

@@ -0,0 +1,4 @@
+export declare const focusOutline: ({ selector, }?: {
+    selector?: string;
+}) => import('styled-components').RuleSet<object>;
+export declare const focusOutlineStyle: import('styled-components').RuleSet<object>;

package/dist/utils/id.d.ts

@@ -0,0 +1,2 @@
+export declare const smoresIdPrefix = "MM_SMORES";
+export declare const useUniqueId: (id?: string) => string;

package/dist/utils/isReactElement.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare const isReactElement: (obj: unknown) => obj is ReactElement<any>;

package/dist/utils/measure.d.ts

@@ -0,0 +1,13 @@
+import { TransientProps } from './utilTypes';
+type MeasureFN = (arg: TransientMeasureProps) => string;
+export interface MeasureProps {
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    height?: string;
+    maxHeight?: string;
+    minHeight?: string;
+}
+export type TransientMeasureProps = TransientProps<MeasureProps>;
+export declare const measure: MeasureFN;
+export {};

package/dist/utils/noop.d.ts

@@ -0,0 +1 @@
+export declare const noop: () => void;

package/dist/utils/responsiveProp.d.ts

@@ -0,0 +1,10 @@
+declare const breakpointToMinPxMapping: {
+    small: number;
+    medium: number;
+    large: number;
+};
+type Breakpoint = keyof typeof breakpointToMinPxMapping;
+type PropByBreakpoint<PropValue> = Partial<Record<Breakpoint, PropValue>>;
+export type ResponsiveProp<PropValue> = PropValue | PropByBreakpoint<PropValue>;
+export declare const resolveResponsiveProp: <PropValue>(value: ResponsiveProp<PropValue>, styleTemplate: (value: PropValue) => string) => string;
+export {};

package/dist/utils/space.d.ts

@@ -0,0 +1,30 @@
+import { ResponsiveProp } from './responsiveProp';
+import { TransientProps } from './utilTypes';
+type Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px';
+export type SpacingProp = '0' | Spacing | {
+    custom: number | string;
+};
+export declare const resolveSpacing: (value: SpacingProp | "auto") => string;
+export interface MarginProps {
+    m?: ResponsiveProp<SpacingProp>;
+    mx?: ResponsiveProp<SpacingProp | 'auto'>;
+    my?: ResponsiveProp<SpacingProp>;
+    ml?: ResponsiveProp<SpacingProp>;
+    mr?: ResponsiveProp<SpacingProp>;
+    mt?: ResponsiveProp<SpacingProp>;
+    mb?: ResponsiveProp<SpacingProp>;
+}
+export interface PaddingProps {
+    p?: ResponsiveProp<SpacingProp>;
+    px?: ResponsiveProp<SpacingProp>;
+    py?: ResponsiveProp<SpacingProp>;
+    pl?: ResponsiveProp<SpacingProp>;
+    pr?: ResponsiveProp<SpacingProp>;
+    pt?: ResponsiveProp<SpacingProp>;
+    pb?: ResponsiveProp<SpacingProp>;
+}
+export type TransientMarginProps = TransientProps<MarginProps>;
+export type TransientPaddingProps = TransientProps<PaddingProps>;
+export declare const margin: (props: TransientMarginProps) => string;
+export declare const padding: (props: TransientPaddingProps) => string;
+export {};

package/dist/utils/useControlledState.d.ts

@@ -0,0 +1,5 @@
+import { SetStateAction } from 'react';
+export declare const useControllableState: <StateType>({ initialState, stateProp, }: {
+    initialState: StateType;
+    stateProp: StateType | undefined;
+}) => readonly [StateType, (state: SetStateAction<StateType>) => void];

package/dist/utils/utilTypes.d.ts

@@ -0,0 +1,7 @@
+/**
+ * this utility type will iterate over the keys of a given type and prefix them with $,
+ * effectively converting them into their transient versions.
+ */
+export type TransientProps<T> = {
+    [P in keyof T as `$${string & P}`]: T[P];
+};

package/dist/utils/visuallyHidden.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hide element visually but still have it accessible for assitive device
+ * @link https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+export declare const visuallyHidden = "\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "10.7.0-crumbs-feature-vite-bundling.1",
+  "version": "10.7.0-crumbs-feature-vite-bundling.2",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "type": "module",
@@ -81,6 +81,7 @@
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.22.0",
     "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.4"