@prokodo/ui 0.0.49 → 0.0.50

package/dist/types/components/accordion/Accordion.effects.client.d.ts

@@ -0,0 +1,5 @@
+type Flags = {
+    useBorderShift?: boolean;
+};
+export declare function AccordionEffectsLoader({ useBorderShift }: Flags): null;
+export {};

package/dist/types/components/calendly/Calendly.server.d.ts

@@ -1,3 +1,3 @@
 import type { CalendlyProps } from "./Calendly.model";
 import type { JSX } from "react";
-export default function CalendlyServer(props: CalendlyProps): JSX.Element;
+export default function CalendlyServer({ ...rest }: CalendlyProps): JSX.Element;

package/dist/types/components/calendly/Calendly.view.d.ts

@@ -1,3 +1,3 @@
 import type { CalendlyProps } from "./Calendly.model";
 import type { JSX } from "react";
-export declare function CalendlyView({ animationProps, hideLoading, LoadingComponent, ...rest }: CalendlyProps): JSX.Element;
+export declare function CalendlyView({ animationProps, hideLoading, LoadingComponent, calendlyId: _calendlyId, ...rest }: CalendlyProps): JSX.Element;

package/dist/types/components/card/Card.effects.client.d.ts

@@ -0,0 +1,7 @@
+type Flags = {
+    useReveal?: boolean;
+    useHighlight?: boolean;
+    useGradient?: boolean;
+};
+export declare function CardEffectsLoader({ useReveal, useHighlight, useGradient }: Flags): null;
+export {};

package/dist/types/components/carousel/Carousel.d.ts

@@ -12,6 +12,8 @@ export declare const Carousel: import("react").ComponentType<import("react").HTM
     classNameItem?: string;
     classNameDots?: string;
     classNameDot?: string;
+    classNameDotActive?: string;
+    responsive?: import("./Carousel.model").CarouselResponsiveConfig;
     children: import("react").ReactNode;
 } & {
     priority?: boolean;

package/dist/types/components/carousel/Carousel.lazy.d.ts

@@ -12,6 +12,8 @@ declare const _default: import("react").ComponentType<import("react").HTMLAttrib
     classNameItem?: string;
     classNameDots?: string;
     classNameDot?: string;
+    classNameDotActive?: string;
+    responsive?: import("./Carousel.model").CarouselResponsiveConfig;
     children: import("react").ReactNode;
 } & {
     priority?: boolean;

package/dist/types/components/carousel/Carousel.model.d.ts

@@ -1,10 +1,22 @@
 import type { PREV, NEXT } from "./Carousel.services";
+import type { Breakpoints, BreakpointKey } from "@/hooks/useResponsiveValue";
 import type { Ref, ReactNode, CSSProperties, HTMLAttributes } from "react";
 export type CarouselRef = {
     slidePrev: () => void;
     slideNext: () => void;
     carouselContainer: HTMLDivElement | null;
 };
+export type CarouselResponsiveConfig = {
+    fallback?: number;
+    breakpoints?: Breakpoints;
+    valuesByBreakpoint?: Partial<Record<BreakpointKey, number>>;
+    valuesByQueries?: ReadonlyArray<readonly [string, number]>;
+    containerRules?: ReadonlyArray<{
+        min?: number;
+        max?: number;
+        value: number;
+    }>;
+};
 export type CarouselProps = HTMLAttributes<HTMLDivElement> & {
     ref?: Ref<CarouselRef>;
     autoplay?: number;
@@ -19,6 +31,8 @@ export type CarouselProps = HTMLAttributes<HTMLDivElement> & {
     classNameItem?: string;
     classNameDots?: string;
     classNameDot?: string;
+    classNameDotActive?: string;
+    responsive?: CarouselResponsiveConfig;
     children: ReactNode;
 };
 export type CarouselDirection = typeof PREV | typeof NEXT;

package/dist/types/components/datePicker/DatePicker.view.d.ts

@@ -1,7 +1,5 @@
 import type { DatePickerProps } from "./DatePicker.model";
-import type { ChangeEvent, JSX } from "react";
-export declare function DatePickerView({ name, label, value, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, ...rest }: DatePickerProps & {
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+import type { JSX } from "react";
+export declare function DatePickerView({ name, label, value, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, onChangeInput, ...rest }: DatePickerProps & {
+    onChangeInput?: (raw: string) => void;
 }): JSX.Element;

package/dist/types/components/drawer/Drawer.effects.client.d.ts

@@ -0,0 +1,5 @@
+type Flags = {
+    useSlide?: boolean;
+};
+export declare function DrawerEffectsLoader({ useSlide }: Flags): null;
+export {};

package/dist/types/components/headline/Headline.effects.client.d.ts

@@ -0,0 +1 @@
+export declare function HeadlineEffectsLoader(): null;

package/dist/types/components/input/Input.client.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from "react";
 import type { InputProps } from "./Input.model";
-declare function InputClient({ multiline, isFocused, type: rawType, name, value, required, min, max, maxLength, customRegexPattern, errorText, errorTranslations, onValidate, onChange, onFocus, onBlur, ...rest }: InputProps): JSX.Element;
+declare function InputClient({ multiline, isFocused, type: rawType, name, value, required, min, max, maxLength, customRegexPattern, errorText, errorTranslations, readOnly, onValidate, onChange, onFocus, onBlur, ...rest }: InputProps): JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof InputClient>;
 export default _default;

package/dist/types/components/input/Input.view.d.ts

@@ -1,3 +1,3 @@
 import type { InputProps } from "./Input.model";
 import type { JSX } from "react";
-export declare function InputView({ name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, rows, minRows, maxRows, type, ...rest }: InputProps): JSX.Element;
+export declare function InputView({ inputRef, name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, hideCounter, rows, minRows, maxRows, type, ...rest }: InputProps): JSX.Element;

package/dist/types/components/loading/Loading.client.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from "react";
+import type { LoadingProps } from "./Loading.model";
+declare const LoadingClient: FC<LoadingProps>;
+export default LoadingClient;

package/dist/types/components/loading/Loading.d.ts

@@ -1,3 +1,5 @@
 import type { LoadingProps } from "./Loading.model";
-import type { FC } from "react";
-export declare const Loading: FC<LoadingProps>;
+export declare const Loading: import("react").ComponentType<LoadingProps & {
+    priority?: boolean;
+}>;
+export default Loading;

package/dist/types/components/loading/Loading.lazy.d.ts

@@ -0,0 +1,5 @@
+import type { LoadingProps } from "./Loading.model";
+declare const _default: import("react").ComponentType<LoadingProps & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/loading/Loading.model.d.ts

@@ -1,5 +1,20 @@
 export type LoadingSize = "xs" | "sm" | "md" | "lg" | "xl";
-export type LoadingProps = {
+export type LoadingBaseProps = {
     className?: string;
+    style?: React.CSSProperties;
     size?: LoadingSize;
+    ariaLabel?: string;
+    reducedMotion?: boolean;
 };
+export type LoadingOverlayProps = LoadingBaseProps & {
+    show?: boolean;
+    backdrop?: "light" | "dark" | "auto";
+    blur?: number;
+    zIndex?: number;
+    reducedMotion?: boolean;
+};
+export type LoadingProps = ({
+    variant?: "spinner";
+} & LoadingBaseProps) | ({
+    variant: "overlay";
+} & LoadingOverlayProps);

package/dist/types/components/loading/Loading.server.d.ts

@@ -0,0 +1,4 @@
+import type { LoadingProps } from "./Loading.model";
+import type { FC } from "react";
+declare const LoadingServer: FC<LoadingProps>;
+export default LoadingServer;

package/dist/types/components/loading/Loading.view.d.ts

@@ -0,0 +1,6 @@
+import type { LoadingBaseProps, LoadingOverlayProps } from "./Loading.model";
+import type { FC } from "react";
+export declare const SpinnerView: FC<LoadingBaseProps>;
+export declare const OverlayView: FC<LoadingOverlayProps & {
+    resolvedBackdrop: "light" | "dark";
+}>;

package/dist/types/components/loading/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Loading";
-export type { LoadingProps, LoadingSize } from "./Loading.model";
+export { Loading } from "./Loading";
+export type { LoadingProps, LoadingOverlayProps, LoadingSize } from "./Loading.model";

package/dist/types/components/rich-text/RichText.d.ts

@@ -7,7 +7,7 @@ export declare const RichText: import("react").ComponentType<{
     itemProp?: string;
     linkComponent?: import("../link").LinkProps["linkComponent"];
     className?: string;
-    overrideParagraph?: (textContent: string) => React.ReactNode;
+    overrideParagraph?: (textContent: string) => import("react").ReactNode;
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     priority?: boolean;
 }>;

package/dist/types/components/rich-text/RichText.lazy.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("react").ComponentType<{
     itemProp?: string;
     linkComponent?: import("../link").LinkProps["linkComponent"];
     className?: string;
-    overrideParagraph?: (textContent: string) => React.ReactNode;
+    overrideParagraph?: (textContent: string) => import("react").ReactNode;
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     priority?: boolean;
 }>;

package/dist/types/components/rich-text/RichText.model.d.ts

@@ -2,7 +2,7 @@ import type { AnimatedTextProps } from "@/components/animatedText";
 import type { LinkProps } from "@/components/link";
 import type { Schema } from "@/types/schema";
 import type { Variants } from "@/types/variants";
-import type { ReactNode } from "react";
+import type { ReactNode, HTMLAttributes } from "react";
 export type RichTextProps = {
     children: ReactNode;
     animated?: boolean;
@@ -12,5 +12,5 @@ export type RichTextProps = {
     itemProp?: string;
     linkComponent?: LinkProps["linkComponent"];
     className?: string;
-    overrideParagraph?: (textContent: string) => React.ReactNode;
-} & React.HTMLAttributes<HTMLDivElement>;
+    overrideParagraph?: (textContent: string) => ReactNode;
+} & HTMLAttributes<HTMLDivElement>;

package/dist/types/components/skeleton/Skeleton.effects.client.d.ts

@@ -0,0 +1,5 @@
+type Anim = 'wave' | 'pulse' | 'none' | undefined;
+export declare function SkeletonEffectsLoader({ animation }: {
+    animation: Anim;
+}): null;
+export {};

package/dist/types/components/slider/Slider.model.d.ts

@@ -24,6 +24,7 @@ export interface SliderProps {
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: number) => void;
     className?: string;
+    snap?: "none" | "step" | "marks";
 }
 export interface SliderViewProps extends SliderProps {
     internalValue: number;

package/dist/types/hooks/useResponsiveValue.d.ts

@@ -0,0 +1,21 @@
+import { type RefObject } from "react";
+export type BreakpointKey = "xs" | "sm" | "md" | "lg" | "xl";
+export type Breakpoints = Record<BreakpointKey, number>;
+type MQPair<T> = readonly [query: string, value: T];
+export type ContainerRule<T> = {
+    min?: number;
+    max?: number;
+    value: T;
+};
+export type Options<T> = {
+    fallback: T;
+    breakpoints?: Breakpoints;
+    valuesByBreakpoint?: Partial<Record<BreakpointKey, T>>;
+    valuesByQueries?: ReadonlyArray<MQPair<T>>;
+    containerRules?: ReadonlyArray<ContainerRule<T>>;
+};
+export declare function useResponsiveValue<T>(opts: Options<T>): {
+    value: T;
+    ref: RefObject<HTMLElement | null>;
+};
+export {};