@prokodo/ui 0.1.13 → 0.1.14

package/dist/types/components/checkbox/Checkbox.client.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxProps } from "./Checkbox.model";
+declare function CheckboxClient<T extends string = string>(props: CheckboxProps<T>): import("react").JSX.Element;
+declare const _default: typeof CheckboxClient;
+export default _default;

package/dist/types/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,18 @@
+export declare const Checkbox: import("react").ComponentType<Omit<import("react").HTMLAttributes<HTMLInputElement>, "title" | "onChange"> & {
+    name: string;
+    value: string;
+    title: import("react").ReactNode;
+    description?: import("react").ReactNode | null;
+    icon?: Omit<import("../icon").IconProps, "label"> | null;
+    iconLabel?: string | null;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    required?: boolean;
+    showRequiredMark?: boolean;
+    disabled?: boolean;
+    variant?: import("./Checkbox.model").CheckboxVariant;
+    onChange?: (event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    className?: string;
+} & {
+    priority?: boolean;
+}>;

package/dist/types/components/checkbox/Checkbox.lazy.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("react").ComponentType<Omit<import("react").HTMLAttributes<HTMLInputElement>, "title" | "onChange"> & {
+    name: string;
+    value: string;
+    title: import("react").ReactNode;
+    description?: import("react").ReactNode | null;
+    icon?: Omit<import("../icon").IconProps, "label"> | null;
+    iconLabel?: string | null;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    required?: boolean;
+    showRequiredMark?: boolean;
+    disabled?: boolean;
+    variant?: import("./Checkbox.model").CheckboxVariant;
+    onChange?: (event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    className?: string;
+} & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/checkbox/Checkbox.model.d.ts

@@ -0,0 +1,23 @@
+import type { IconProps } from "@/components/icon";
+import type { ChangeEvent, HTMLAttributes, ReactNode } from "react";
+export type CheckboxVariant = "plain" | "card";
+export type CheckboxProps<T extends string = string> = Omit<HTMLAttributes<HTMLInputElement>, "onChange" | "title"> & {
+    name: string;
+    value: T;
+    title: ReactNode;
+    description?: ReactNode | null;
+    icon?: Omit<IconProps, "label"> | null;
+    iconLabel?: string | null;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    required?: boolean;
+    showRequiredMark?: boolean;
+    disabled?: boolean;
+    variant?: CheckboxVariant;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    className?: string;
+};
+export type CheckboxViewProps<T extends string = string> = CheckboxProps<T> & {
+    isChecked: boolean;
+    onChangeInternal?: (event: ChangeEvent<HTMLInputElement>) => void;
+};

package/dist/types/components/checkbox/Checkbox.server.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxProps } from "./Checkbox.model";
+import type { JSX } from "react";
+export default function CheckboxServer<T extends string = string>(props: CheckboxProps<T>): JSX.Element;

package/dist/types/components/checkbox/Checkbox.view.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxViewProps } from "./Checkbox.model";
+import type { JSX } from "react";
+export declare function CheckboxView<T extends string = string>({ className, name, value, title, description, icon, iconLabel, required, showRequiredMark, disabled, variant, isChecked, onChangeInternal, }: CheckboxViewProps<T>): JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from "./Checkbox";
+export type { CheckboxProps, CheckboxVariant } from "./Checkbox.model";

package/dist/types/components/checkbox-group/CheckboxGroup.client.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxGroupProps } from "./CheckboxGroup.model";
+declare function CheckboxGroupClient<T extends string>(props: CheckboxGroupProps<T>): import("react").JSX.Element;
+declare const _default: typeof CheckboxGroupClient;
+export default _default;

package/dist/types/components/checkbox-group/CheckboxGroup.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxGroupProps } from "./CheckboxGroup.model";
+export declare const CheckboxGroup: import("react").ComponentType<CheckboxGroupProps<string> & {
+    priority?: boolean;
+}>;

package/dist/types/components/checkbox-group/CheckboxGroup.lazy.d.ts

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

package/dist/types/components/checkbox-group/CheckboxGroup.model.d.ts

@@ -0,0 +1,38 @@
+import type { IconProps } from "@/components/icon";
+import type { HTMLAttributes } from "react";
+export type CheckboxGroupOption<T extends string> = {
+    value: T;
+    title: string;
+    description?: string | null;
+    icon?: Omit<IconProps, "label"> | null;
+    iconLabel?: string | null;
+    required?: boolean;
+    disabled?: boolean;
+};
+export type CheckboxGroupVariant = "plain" | "card";
+export type CheckboxGroupLayout = "stack" | "grid";
+export type CheckboxGroupTranslations = {
+    ariaLabel?: string;
+};
+export type CheckboxGroupProps<T extends string> = {
+    ariaLabel?: string;
+    legend?: string | null;
+    hideLegend?: boolean;
+    legendProps?: HTMLAttributes<HTMLLegendElement>;
+    name: string;
+    disabled?: boolean;
+    required?: boolean;
+    values?: T[];
+    defaultValues?: T[];
+    options: CheckboxGroupOption<T>[];
+    onChange?: (next: T[]) => void;
+    hiddenInputName?: string;
+    layout?: CheckboxGroupLayout;
+    variant?: CheckboxGroupVariant;
+    translations?: CheckboxGroupTranslations;
+};
+export type CheckboxGroupViewProps<T extends string> = CheckboxGroupProps<T> & {
+    selectedValues: T[];
+    isChecked: (value: T) => boolean;
+    onToggle?: (value: T) => void;
+};

package/dist/types/components/checkbox-group/CheckboxGroup.server.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxGroupProps } from "./CheckboxGroup.model";
+import type { JSX } from "react";
+export default function CheckboxGroupServer<T extends string>(props: CheckboxGroupProps<T>): JSX.Element | null;

package/dist/types/components/checkbox-group/CheckboxGroup.view.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxGroupViewProps } from "./CheckboxGroup.model";
+import type { JSX } from "react";
+export declare function CheckboxGroupView<T extends string>({ ariaLabel, legend, hideLegend, legendProps, name, disabled, required, options, selectedValues, hiddenInputName, layout, variant, translations: t, isChecked, onToggle, }: CheckboxGroupViewProps<T>): JSX.Element | null;

package/dist/types/components/checkbox-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CheckboxGroup";
+export type { CheckboxGroupProps, CheckboxGroupOption, CheckboxGroupVariant, CheckboxGroupLayout, CheckboxGroupTranslations, } from "./CheckboxGroup.model";

package/dist/types/components/dialog/Dialog.model.d.ts

@@ -30,6 +30,7 @@ export type DialogViewProps = HTMLAttributes<HTMLDivElement> & {
     contentRef?: Ref<HTMLDivElement>;
     containerChildren?: ReactNode;
     classNameHeader?: string;
+    actionsClassName?: string;
     scroll?: "paper" | "body";
     fullScreen?: boolean;
     onClose?: () => void;

package/dist/types/components/dialog/Dialog.view.d.ts

@@ -1,3 +1,3 @@
 import type { DialogViewProps } from "./Dialog.model";
 import type { JSX } from "react";
-export declare function DialogView({ open, title, containerRef, hideTitle, renderHeader, hideCloseButton, translations, actions, contentProps, contentRef, containerChildren, className, classNameHeader, height, scroll, fullScreen, titleProps, children, onClose, onCloseKeyDown, wrapperProps, closeOnBackdropClick, closeButtonProps, closeButtonRef, ...rest }: DialogViewProps): JSX.Element;
+export declare function DialogView({ open, title, containerRef, hideTitle, renderHeader, hideCloseButton, translations, actions, contentProps, contentRef, containerChildren, className, classNameHeader, actionsClassName, height, scroll, fullScreen, titleProps, children, onClose, onCloseKeyDown, wrapperProps, closeOnBackdropClick, closeButtonProps, closeButtonRef, ...rest }: DialogViewProps): JSX.Element;

package/dist/types/index.d.ts

@@ -8,6 +8,8 @@ export { Button } from "./components/button";
 export { Calendly } from "./components/calendly";
 export { Card } from "./components/card";
 export { Carousel } from "./components/carousel";
+export { Checkbox } from "./components/checkbox";
+export { CheckboxGroup } from "./components/checkbox-group";
 export { Chip } from "./components/chip";
 export { DatePicker } from "./components/datePicker";
 export { Dialog } from "./components/dialog";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prokodo/ui",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "type": "module",
   "description": "UI components for production-grade Next.js + Headless CMS (Strapi, Contentful, Headless WordPress) websites by prokodo – built for Core Web Vitals & SEO.",
   "sideEffects": [
@@ -79,6 +79,16 @@
       "types": "./dist/types/components/carousel/index.d.ts"
     },
     "./carousel.css": "./dist/components/carousel/Carousel.css",
+    "./checkbox": {
+      "import": "./dist/components/checkbox/index.js",
+      "types": "./dist/types/components/checkbox/index.d.ts"
+    },
+    "./checkbox.css": "./dist/components/checkbox/Checkbox.css",
+    "./checkbox-group": {
+      "import": "./dist/components/checkbox-group/index.js",
+      "types": "./dist/types/components/checkbox-group/index.d.ts"
+    },
+    "./checkbox-group.css": "./dist/components/checkbox-group/CheckboxGroup.css",
     "./chip": {
       "import": "./dist/components/chip/index.js",
       "types": "./dist/types/components/chip/index.d.ts"