chop-logic-components 4.0.3 → 4.1.1

package/dist/components/molecules/multi-select/Option.d.ts

@@ -0,0 +1,8 @@
+import { MultiSelectValue } from '../../../types';
+import { FC } from 'react';
+type Props = {
+    value: MultiSelectValue;
+    onSelect: (id: string) => void;
+};
+export declare const MultiSelectOption: FC<Props>;
+export {};

package/dist/components/molecules/multi-select/Option.js

@@ -10,22 +10,22 @@ var o = ({ value: o, onSelect: s }) => {
 		"cl-select-option",
 		"cl-select-option_multi",
 		{ "cl-select-option_selected": u }
-	]), f = (e) => (t) => {
-		switch (t.key) {
-			case " ":
-			case "SpaceBar":
-			case "Enter":
-				t.preventDefault(), s(e);
-				break;
-			default: break;
-		}
-	};
+	]);
 	return /* @__PURE__ */ a("li", {
 		id: c,
 		role: "option",
 		"aria-selected": u,
 		tabIndex: 0,
-		onKeyDown: f(c),
+		onKeyDown: ((e) => (t) => {
+			switch (t.key) {
+				case " ":
+				case "SpaceBar":
+				case "Enter":
+					t.preventDefault(), s(e);
+					break;
+				default: break;
+			}
+		})(c),
 		onClick: () => s(c),
 		className: d,
 		children: [u ? /* @__PURE__ */ i(r, {

package/dist/components/molecules/numeric-input/NumericInput.controller.d.ts

@@ -0,0 +1,22 @@
+import { NumericInputValidator } from '../../../types';
+import { ChangeEvent, ChangeEventHandler } from 'react';
+export declare function useNumericInputController({ name, defaultValue, onChange, onDecrement, onIncrement, min, max, step, required, validator, }: {
+    name: string;
+    defaultValue?: string | number | readonly string[];
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onIncrement?: () => void;
+    onDecrement?: () => void;
+    min?: string | number;
+    max?: string | number;
+    step: number;
+    required: boolean;
+    validator?: NumericInputValidator;
+}): {
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    value: number;
+    valid: boolean;
+    minValue: number;
+    maxValue: number;
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+};

package/dist/components/molecules/numeric-input/NumericInput.d.ts

@@ -0,0 +1,9 @@
+import { NumericInputProps } from '../../../types';
+import { FC } from 'react';
+/**
+ * NumericInput component factory
+ * Renders either a stateful or stateless component
+ * based on the `stateless` prop.
+ */
+declare const NumericInput: FC<NumericInputProps>;
+export default NumericInput;

package/dist/components/molecules/numeric-input/NumericInput.helpers.d.ts

@@ -0,0 +1,13 @@
+import { FormValues, NumericInputValidator } from '../../../types';
+export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
+    name: string;
+    initialValues?: FormValues;
+    defaultValue?: string | number | readonly string[];
+}): number;
+export declare function validateNumericInputValue({ value, required, validator, maxValue, minValue, }: {
+    value?: number;
+    required?: boolean;
+    validator?: NumericInputValidator;
+    maxValue?: number;
+    minValue?: number;
+}): boolean;

package/dist/components/molecules/numeric-input/NumericInputStateful.d.ts

@@ -0,0 +1,4 @@
+import { NumericInputProps } from '../../../types';
+import { FC } from 'react';
+declare const NumericInputStateful: FC<NumericInputProps>;
+export default NumericInputStateful;

package/dist/components/molecules/numeric-input/NumericInputStateless.d.ts

@@ -0,0 +1,4 @@
+import { NumericInputProps } from '../../../types';
+import { FC } from 'react';
+declare const NumericInputStateless: FC<NumericInputProps>;
+export default NumericInputStateless;

package/dist/components/molecules/search/Search.controller.d.ts

@@ -0,0 +1,12 @@
+import { SearchProps } from '../../../types';
+export declare function useSearchController({ onSearch, onClear, maxLength, minLength, searchMode, debounceDelay, }: Omit<SearchProps, 'label' | 'onBlur' | 'onFocus' | 'id' | 'tabIndex' | 'className' | 'name' | 'placeholder' | 'disabled' | 'clearable' | 'spellCheck' | 'autoComplete'>): {
+    searchValue: string;
+    isSearchButtonVisible: boolean;
+    isLabelIconVisible: boolean;
+    isClearButtonVisible: boolean;
+    isSearchValueValid: boolean;
+    handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClear: () => void;
+    handleSearchClick: () => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+};

package/dist/components/molecules/search/Search.d.ts

@@ -0,0 +1,4 @@
+import { SearchProps } from '../../../types';
+import { FC } from 'react';
+declare const Search: FC<SearchProps>;
+export default Search;

package/dist/components/molecules/select/Select.controller.d.ts

@@ -0,0 +1,14 @@
+import { SelectValue } from '../../../types';
+export declare function useSelectController({ name, defaultValue, onChange, options, }: {
+    name: string;
+    defaultValue?: string | number | readonly string[];
+    onChange?: (value?: SelectValue) => void;
+    options: SelectValue[];
+}): {
+    selected: SelectValue | undefined;
+    opened: boolean;
+    handleClear: () => void;
+    handleClose: () => void;
+    handleToggle: () => void;
+    handleSelect: (id: string) => void;
+};

package/dist/components/molecules/select/Select.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from '../../../types';
+import { FC } from 'react';
+declare const Select: FC<SelectProps>;
+export default Select;

package/dist/components/molecules/select/Select.helpers.d.ts

@@ -0,0 +1,7 @@
+import { FormValues, SelectValue } from '../../../types';
+export declare function getSelectInitialValue({ name, options, initialValues, defaultValue, }: {
+    name: string;
+    options: SelectValue[];
+    initialValues?: FormValues;
+    defaultValue?: string | number | readonly string[];
+}): SelectValue | undefined;

package/dist/components/molecules/select/combobox/Combobox.d.ts

@@ -0,0 +1,15 @@
+import { SelectValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    opened: boolean;
+    disabled: boolean;
+    required: boolean;
+    onClick: () => void;
+    comboboxId: string;
+    dropdownId: string;
+    selected?: SelectValue;
+    placeholder?: string;
+    name: string;
+};
+export declare const SelectCombobox: FC<Props>;
+export {};

package/dist/components/molecules/select/dropdown/Dropdown.d.ts

@@ -0,0 +1,14 @@
+import { SelectValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    options: SelectValue[];
+    opened: boolean;
+    dropdownId: string;
+    comboboxId: string;
+    onClose: () => void;
+    selected?: SelectValue;
+    onSelect: (id: string) => void;
+    onClear: () => void;
+};
+export declare const SelectDropdown: FC<Props>;
+export {};

package/dist/components/molecules/select/option/Option.d.ts

@@ -0,0 +1,10 @@
+import { SelectValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    value: SelectValue;
+    selected: boolean;
+    onSelect: (id: string) => void;
+    onClear: () => void;
+};
+export declare const SelectOption: FC<Props>;
+export {};

package/dist/components/molecules/select/option/Option2.js

@@ -8,22 +8,22 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = ({ value: o, selected: s, onSelect: c, onClear: l }) => {
 	let { id: u, label: d } = o, f = e(["cl-select-option", { "cl-select-option_selected": s }]), p = (e) => {
 		s ? l() : c(e);
-	}, m = (e) => (t) => {
-		switch (t.key) {
-			case " ":
-			case "SpaceBar":
-			case "Enter":
-				t.preventDefault(), p(e);
-				break;
-			default: break;
-		}
 	};
 	return /* @__PURE__ */ a("li", {
 		id: u,
 		role: "option",
 		"aria-selected": s,
 		tabIndex: 0,
-		onKeyDown: m(u),
+		onKeyDown: ((e) => (t) => {
+			switch (t.key) {
+				case " ":
+				case "SpaceBar":
+				case "Enter":
+					t.preventDefault(), p(e);
+					break;
+				default: break;
+			}
+		})(u),
 		onClick: () => p(u),
 		className: f,
 		children: [/* @__PURE__ */ i("span", { children: d }), s && /* @__PURE__ */ i(r, {

package/dist/components/molecules/switch/Switch.controller.d.ts

@@ -0,0 +1,10 @@
+import { KeyboardEvent } from 'react';
+export declare function useSwitchController({ name, defaultChecked, onChange, }: {
+    name: string;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+}): {
+    checked: boolean;
+    handleChange: (checked: boolean) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/components/molecules/switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import { SwitchProps } from '../../../types';
+import { FC } from 'react';
+declare const Switch: FC<SwitchProps>;
+export default Switch;

package/dist/components/molecules/switch/Switch.helpers.d.ts

@@ -0,0 +1,6 @@
+import { FormValues } from '../../../types';
+export declare function getSwitchInitialValue({ defaultChecked, initialValues, name, }: {
+    defaultChecked?: boolean;
+    initialValues?: FormValues;
+    name: string;
+}): boolean;

package/dist/components/molecules/switch/Switch2.js

@@ -15,16 +15,16 @@ var i = ({ checked: i, onChange: a, label: o, disabled: s = !1, className: c, id
 			"cl-switch__checked": p,
 			"cl-switch_disabled": s
 		}
-	]), _ = () => {
-		s || m(!p);
-	};
+	]);
 	return /* @__PURE__ */ r("div", {
 		role: "switch",
 		"aria-checked": p,
 		"aria-label": o,
 		tabIndex: s ? -1 : 0,
 		className: g,
-		onClick: _,
+		onClick: () => {
+			s || m(!p);
+		},
 		onKeyDown: h,
 		id: l,
 		children: [

package/dist/components/molecules/text-input/TextInput.controller.d.ts

@@ -0,0 +1,17 @@
+import { ChopLogicRegExpWithFlags, TextInputValidator } from '../../../types';
+import { ChangeEvent, ChangeEventHandler } from 'react';
+export declare function useTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {
+    name: string;
+    required: boolean;
+    validator?: ChopLogicRegExpWithFlags | TextInputValidator;
+    defaultValue?: string | number | readonly string[];
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onClear?: () => void;
+}): {
+    value: string;
+    valid: boolean;
+    passwordShown: boolean;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleClear: () => void;
+    togglePassword: () => void;
+};

package/dist/components/molecules/text-input/TextInput.d.ts

@@ -0,0 +1,9 @@
+import { TextInputProps } from '../../../types';
+import { FC } from 'react';
+/**
+ * TextInput component factory
+ * Renders either a stateful or stateless component
+ * based on the `stateless` prop.
+ */
+declare const TextInput: FC<TextInputProps>;
+export default TextInput;

package/dist/components/molecules/text-input/TextInput.helpers.d.ts

@@ -0,0 +1,11 @@
+import { ChopLogicRegExpWithFlags, FormValues, TextInputValidator } from '../../../types';
+export declare function validateTextInputValue({ value, required, validator, }: {
+    value: string;
+    required: boolean;
+    validator?: ChopLogicRegExpWithFlags | TextInputValidator;
+}): boolean;
+export declare function getTextInputInitialValue({ name, initialValues, defaultValue, }: {
+    name: string;
+    initialValues?: FormValues;
+    defaultValue?: string | number | readonly string[];
+}): string;

package/dist/components/molecules/text-input/TextInputButtons.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+declare const TextInputButtons: FC<{
+    clearable: boolean;
+    isPasswordButtonVisible: boolean;
+    handleClear: () => void;
+    togglePassword: () => void;
+    passwordShown: boolean;
+    label: string;
+    disabled: boolean;
+}>;
+export default TextInputButtons;

package/dist/components/molecules/text-input/TextInputStateful.d.ts

@@ -0,0 +1,4 @@
+import { TextInputProps } from '../../../types';
+import { FC } from 'react';
+declare const TextInputStateful: FC<TextInputProps>;
+export default TextInputStateful;

package/dist/components/molecules/text-input/TextInputStateless.d.ts

@@ -0,0 +1,4 @@
+import { TextInputProps } from '../../../types';
+import { FC } from 'react';
+declare const TextInputStateless: FC<TextInputProps>;
+export default TextInputStateless;

package/dist/components/molecules/text-input/TextInputStateless.js

@@ -8,14 +8,10 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useState as s } from "react";
 //#region src/components/molecules/text-input/TextInputStateless.tsx
 var c = ({ name: c, label: l, errorMessage: u, value: d, onChange: f, onBlur: p, onFocus: m, onClear: h, maxLength: g, id: _, tabIndex: v, placeholder: y = "Type here...", disabled: b = !1, required: x = !1, clearable: S = !0, readOnly: C = !1, autoComplete: w = "off", type: T = "text", className: E, style: D, defaultValue: O }) => {
-	let k = _ ?? `text-input-${c}`, A = `${c}-error`, [j, M] = s(!1), N = T === "password", P = e(["cl-text-input", E]), F = () => {
-		M(!j);
-	}, I = () => {
-		f && f({ target: { value: "" } }), h?.();
-	};
+	let k = _ ?? `text-input-${c}`, A = `${c}-error`, [j, M] = s(!1), N = T === "password";
 	return /* @__PURE__ */ o("div", {
 		style: D,
-		className: P,
+		className: e(["cl-text-input", E]),
 		children: [/* @__PURE__ */ a(r, {
 			label: l,
 			required: x,
@@ -42,8 +38,12 @@ var c = ({ name: c, label: l, errorMessage: u, value: d, onChange: f, onBlur: p,
 			children: [/* @__PURE__ */ a(i, {
 				clearable: S,
 				isPasswordButtonVisible: N,
-				handleClear: I,
-				togglePassword: F,
+				handleClear: () => {
+					f && f({ target: { value: "" } }), h?.();
+				},
+				togglePassword: () => {
+					M(!j);
+				},
 				passwordShown: j,
 				label: l,
 				disabled: b

package/dist/components/organisms/dialog/Dialog.css

@@ -1 +1 @@
-.cl-dialog{width:100%;height:100%;z-index:inherit;background-color:#0000004d;justify-content:center;align-items:center;animation:.4s cl-fade-in;display:flex;position:fixed;top:0;left:0}.cl-dialog__layout{z-index:var(--cl-z-index-modal);background-color:var(--cl-base-background-color);box-shadow:var(--cl-box-shadow);color:var(--cl-base-font-color);padding:var(--cl-l-gap);border-top-left-radius:var(--cl-border-radius);border-top-right-radius:var(--cl-border-radius);height:90%;font-family:var(--cl-core-font);font-size:var(--cl-typography-base-mobile);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;position:absolute;bottom:0;left:0}.cl-dialog__button{right:var(--cl-s-gap);top:var(--cl-s-gap);position:absolute}@media (width>=640px){.cl-dialog__layout{font-size:var(--cl-typography-base-tablet)}.cl-dialog__button{right:var(--cl-m-gap);top:var(--cl-m-gap)}}@media (width>=1024px){.cl-dialog__layout{font-size:var(--cl-typography-base-desktop);padding:var(--cl-xl-gap)}.cl-dialog__button{right:var(--cl-l-gap);top:var(--cl-l-gap)}}@media screen and (width>=640px){.cl-dialog__layout{border-bottom-left-radius:var(--cl-border-radius);border-bottom-right-radius:var(--cl-border-radius);width:fit-content;min-width:40%;max-width:90%;height:fit-content;max-height:90%;position:relative}}.cl-dialog_closing{animation:.4s cl-fade-out}
+.cl-dialog{width:100%;height:100%;z-index:inherit;background-color:var(--cl-shadow-background);justify-content:center;align-items:center;animation:.4s cl-fade-in;display:flex;position:fixed;top:0;left:0}.cl-dialog__layout{z-index:var(--cl-z-index-modal);background-color:var(--cl-base-background-color);box-shadow:var(--cl-box-shadow);color:var(--cl-base-font-color);padding:var(--cl-l-gap);border-top-left-radius:var(--cl-border-radius);border-top-right-radius:var(--cl-border-radius);height:90%;font-family:var(--cl-core-font);font-size:var(--cl-typography-base-mobile);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;position:absolute;bottom:0;left:0}.cl-dialog__button{right:var(--cl-s-gap);top:var(--cl-s-gap);position:absolute}@media (width>=640px){.cl-dialog__layout{font-size:var(--cl-typography-base-tablet)}.cl-dialog__button{right:var(--cl-m-gap);top:var(--cl-m-gap)}}@media (width>=1024px){.cl-dialog__layout{font-size:var(--cl-typography-base-desktop);padding:var(--cl-xl-gap)}.cl-dialog__button{right:var(--cl-l-gap);top:var(--cl-l-gap)}}@media screen and (width>=640px){.cl-dialog__layout{border-bottom-left-radius:var(--cl-border-radius);border-bottom-right-radius:var(--cl-border-radius);width:fit-content;min-width:40%;max-width:90%;height:fit-content;max-height:90%;position:relative}}.cl-dialog_closing{animation:.4s cl-fade-out}

package/dist/components/organisms/dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+import { DialogProps } from '../../../types';
+import { FC } from 'react';
+declare const Dialog: FC<DialogProps>;
+export default Dialog;

package/dist/components/organisms/form/Form.controller.d.ts

@@ -0,0 +1,14 @@
+import { FormInputParams, FormValues } from '../../../types';
+import { FormEvent, FormEventHandler } from 'react';
+export declare function useFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
+    initialValues?: FormValues;
+    onReset?: FormEventHandler<HTMLFormElement>;
+    onSubmit?: FormEventHandler<HTMLFormElement>;
+    onClickSubmit?: (data: FormValues) => void;
+}): {
+    handleInputChange: (params: FormInputParams) => void;
+    handleSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    handleReset: (event: FormEvent<HTMLFormElement>) => void;
+    resetSignal: number;
+    valid: boolean;
+};

package/dist/components/organisms/form/Form.d.ts

@@ -0,0 +1,4 @@
+import { FormProps } from '../../../types';
+import { FC } from 'react';
+declare const Form: FC<FormProps>;
+export default Form;

package/dist/components/organisms/form/Form.helpers.d.ts

@@ -0,0 +1,4 @@
+import { FormInputParams, FormValidationState, FormValues } from '../../../types';
+export declare function getInitialValidationState(data?: FormValues): FormValidationState;
+export declare function updateValidationState(state: FormValidationState, params: FormInputParams): FormValidationState;
+export declare function isFormDataValid(state: FormValidationState): boolean;

package/dist/components/organisms/grid/Grid.controller.d.ts

@@ -0,0 +1,15 @@
+import { GridItem } from '../../../types';
+export declare const useGridController: ({ data, id, onSelect, }: {
+    data: GridItem[];
+    id?: string;
+    onSelect?: (ids: string[]) => void;
+}) => {
+    elementId: string;
+    isAllSelected: boolean;
+    isAllCheckboxDisabled: boolean;
+    selectedIds: string[];
+    handleSelectAll: () => void;
+    handleDeselectAll: () => void;
+    handleSelectRowById: (id: string) => void;
+    handleDeselectRowById: (id: string) => void;
+};

package/dist/components/organisms/grid/Grid.d.ts

@@ -0,0 +1,4 @@
+import { GridProps } from '../../../types';
+import { FC } from 'react';
+declare const Grid: FC<GridProps>;
+export default Grid;

package/dist/components/organisms/grid/Grid.helpers.d.ts

@@ -0,0 +1,6 @@
+import { GridColumn, GridItem, GridRowValue, RenderDataItemCallback } from '../../../types';
+export declare function getGridRowValues({ item, columns, renderDataItem, }: {
+    item: GridItem;
+    columns: GridColumn[];
+    renderDataItem?: RenderDataItemCallback;
+}): GridRowValue[];

package/dist/components/organisms/grid/body/GridBody.d.ts

@@ -0,0 +1,13 @@
+import { GridColumn, GridItem, RenderDataItemCallback } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    data: GridItem[];
+    columns: GridColumn[];
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    renderDataItem?: RenderDataItemCallback;
+    selectable: boolean;
+};
+export declare const GridBody: FC<Props>;
+export {};

package/dist/components/organisms/grid/checkbox/GridCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { FC, InputHTMLAttributes } from 'react';
+type Props = InputHTMLAttributes<HTMLInputElement> & {
+    label: string;
+};
+export declare const GridCheckbox: FC<Props>;
+export {};

package/dist/components/organisms/grid/column-group/GridColumnGroup.d.ts

@@ -0,0 +1,6 @@
+import { GridColumn } from '../../../../types';
+import { FC } from 'react';
+export declare const GridColumnGroup: FC<{
+    columns: GridColumn[];
+    selectable: boolean;
+}>;

package/dist/components/organisms/grid/data-cell/GridDataCell.d.ts

@@ -0,0 +1,4 @@
+import { FC, ReactElement } from 'react';
+export declare const GridDataCell: FC<{
+    value: ReactElement | string;
+}>;

package/dist/components/organisms/grid/grid-row/GridRow.d.ts

@@ -0,0 +1,13 @@
+import { GridRowValue } from '../../../../types';
+import { FC } from 'react';
+type Props = {
+    rowId: string;
+    selectedIds: string[];
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    selectable: boolean;
+    values: GridRowValue[];
+    disabled?: boolean;
+};
+export declare const GridRow: FC<Props>;
+export {};

package/dist/components/organisms/grid/head/GridHead.d.ts

@@ -0,0 +1,13 @@
+import { GridColumn } from '../../../../types';
+import { FC } from 'react';
+type GridHeadProps = {
+    columns: GridColumn[];
+    gridId: string;
+    selectable: boolean;
+    isAllSelected: boolean;
+    isAllCheckboxDisabled?: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+};
+export declare const GridHead: FC<GridHeadProps>;
+export {};

package/dist/components/organisms/grid/header-cell/HeaderCell.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const GridHeaderCell: FC<{
+    title?: string;
+    component?: React.ReactElement;
+}>;

package/dist/components/organisms/grid/select-all-grid-rows-cell/SelectAllGridRowsCell.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    gridId: string;
+    isAllSelected: boolean;
+    selectAll: () => void;
+    deselectAll: () => void;
+    disabled?: boolean;
+};
+export declare const SelectAllGridRowsCell: FC<Props>;
+export {};

package/dist/components/organisms/grid/select-grid-row-cell/SelectGridRowCell.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    rowId: string;
+    isRowSelected: boolean;
+    selectRowById: (id: string) => void;
+    deselectRowById: (id: string) => void;
+    disabled?: boolean;
+};
+export declare const SelectGridRowCell: FC<Props>;
+export {};

package/dist/components/organisms/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Dialog } from './dialog/Dialog';
+export { default as Form } from './form/Form';
+export { default as Grid } from './grid/Grid';
+export { default as Menu } from './menu/Menu';
+export { default as Tabs } from './tabs/Tabs';

package/dist/components/organisms/menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { MenuProps } from '../../../types';
+import { FC } from 'react';
+declare const Menu: FC<MenuProps>;
+export default Menu;

package/dist/components/organisms/menu/leaf/MenuLeaf.d.ts

@@ -0,0 +1,5 @@
+import { MenuItem } from '../../../../types';
+import { ReactElement } from 'react';
+export declare const MenuLeaf: ({ item }: {
+    item: MenuItem;
+}) => ReactElement;

package/dist/components/organisms/menu/list-item/MenuListItem.d.ts

@@ -0,0 +1,10 @@
+import { OrientationMode } from '../../../../enums';
+import { MenuItem } from '../../../../types';
+import { FC, PropsWithChildren } from 'react';
+type Props = PropsWithChildren & {
+    item: MenuItem;
+    mode: OrientationMode;
+    openedOn?: 'hover' | 'click';
+};
+export declare const MenuListItem: FC<Props>;
+export {};

package/dist/components/organisms/menu/sub-menu/SubMenu.d.ts

@@ -0,0 +1,14 @@
+import { OrientationMode } from '../../../../enums';
+import { MenuItem } from '../../../../types';
+import { FC, PropsWithChildren } from 'react';
+type Props = PropsWithChildren & {
+    item: MenuItem;
+    isSubMenuOpened: boolean;
+    mode: OrientationMode;
+    toggleSubMenu: () => void;
+    closeSubMenu: () => void;
+    openSubMenu: () => void;
+    openedOn?: 'hover' | 'click';
+};
+export declare const SubMenu: FC<Props>;
+export {};

package/dist/components/organisms/tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import { TabsProps } from '../../../types';
+import { FC } from 'react';
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

package/dist/components/organisms/tabs/button/TabButton.d.ts

@@ -0,0 +1,18 @@
+import { OrientationMode } from '../../../../enums';
+import { FC } from 'react';
+type Props = {
+    title: string;
+    tabId: string;
+    onTabSelect: (id: string) => void;
+    tabPanelId: string;
+    isSelected: boolean;
+    mode: OrientationMode;
+    isDisabled?: boolean;
+    stretched?: boolean;
+    editable?: boolean;
+    onTabTitleChange?: (newTitle: string) => void;
+    onTabDelete?: (id: string) => void;
+    extendable?: boolean;
+};
+export declare const TabButton: FC<Props>;
+export {};

package/dist/components/organisms/tabs/content/TabContent.d.ts

@@ -0,0 +1,8 @@
+import { ChopLogicTabItem } from '../../../../types';
+import { FC, ReactElement } from 'react';
+export declare const TabContent: FC<{
+    tabs: ChopLogicTabItem[];
+    selectedTabId: string;
+    extendable?: boolean;
+    extendedTabContent?: ReactElement;
+}>;