@yakad/ui 1.3.160 → 1.3.161

package/dist/LoadingIcon/LoadingIcon.js

@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./LoadingIcon.module.css";
-export const LoadingIcon = forwardRef(function LoadingIcon(_a, ref) {
-    var { size = "medium", variant = "dots", className } = _a, restProps = __rest(_a, ["size", "variant", "className"]);
+export function LoadingIcon(_a) {
+    var { size = "medium", variant = "dots", className, ref } = _a, restProps = __rest(_a, ["size", "variant", "className", "ref"]);
     const joinedClassNames = classNames(styles.loadingIcon, styles[size], styles[variant], className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: _jsx("div", {}) })));
-});
+}

package/dist/Main/Main.d.ts

@@ -4,4 +4,6 @@ export interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
     navOpen?: boolean;
     children?: React.ReactNode;
 }
-export declare const Main: import("react").ForwardRefExoticComponent<MainProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Main({ align, navOpen, className, children, ref, ...restProps }: MainProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Main/Main.js

@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Main.module.css";
-export const Main = forwardRef(function Main(_a, ref) {
-    var { align, navOpen = false, className, children } = _a, restProps = __rest(_a, ["align", "navOpen", "className", "children"]);
+export function Main(_a) {
+    var { align, navOpen = false, className, children, ref } = _a, restProps = __rest(_a, ["align", "navOpen", "className", "children", "ref"]);
     const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { [boxingStyles.demandChildsToBeFullWidth]: true }, styles.main, { [styles.navOpen]: navOpen }, className);
     return (_jsx("main", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/Navigation/Navigation.d.ts

@@ -5,4 +5,6 @@ export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
     open: boolean;
     children?: React.ReactNode;
 }
-export declare const Navigation: import("react").ForwardRefExoticComponent<NavigationProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Navigation({ align, anchor, open, className, children, ref, ...restProps }: NavigationProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Navigation/Navigation.js

@@ -10,14 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Navigation.module.css";
-export const Navigation = forwardRef(function Navigation(_a, ref) {
-    var { align, anchor = "auto", open = false, className, children } = _a, restProps = __rest(_a, ["align", "anchor", "open", "className", "children"]);
+export function Navigation(_a) {
+    var { align, anchor = "auto", open = false, className, children, ref } = _a, restProps = __rest(_a, ["align", "anchor", "open", "className", "children", "ref"]);
     const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { [boxingStyles.demandChildsToBeFullWidth]: true }, styles.navigation, styles[anchor], {
         [styles.open]: open,
     }, className);
     return (_jsx("nav", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/Popup/Popup.d.ts

@@ -2,5 +2,6 @@
 import { CardProps, OverlayProps } from "..";
 export interface PopupProps extends CardProps, OverlayProps {
     heading?: string;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const Popup: import("react").ForwardRefExoticComponent<PopupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Popup({ align, onClose, heading, className, children, ref, ...restProps }: PopupProps): import("react/jsx-runtime").JSX.Element;

package/dist/Popup/Popup.js

@@ -11,16 +11,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle } from "react";
+import { useImperativeHandle } from "react";
 import classNames from "classnames";
 import { Symbol } from "@yakad/symbols";
 import { Button, Card, Row, Screen, Spacer, Stack, Text, useOnOutsideClick, } from "..";
 import styles from "./Popup.module.css";
-export const Popup = forwardRef(function Popup(_a, forwardedRef) {
-    var { align, onClose, heading, className, children } = _a, restProps = __rest(_a, ["align", "onClose", "heading", "className", "children"]);
+export function Popup(_a) {
+    var { align, onClose, heading, className, children, ref } = _a, restProps = __rest(_a, ["align", "onClose", "heading", "className", "children", "ref"]);
     const localRef = useOnOutsideClick(() => {
         onClose === null || onClose === void 0 ? void 0 : onClose();
     });
-    useImperativeHandle(forwardedRef, () => localRef.current);
+    useImperativeHandle(ref, () => localRef.current);
     return (_jsx(Screen, { align: "center", className: styles.popupscreen, children: _jsxs(Card, Object.assign({ ref: localRef }, restProps, { className: classNames(styles.popup, className), children: [_jsxs(Row, { style: { marginBottom: "2rem" }, children: [_jsx(Text, { variant: "heading4", children: heading }), _jsx(Spacer, {}), _jsx(Button, { title: "Close", icon: _jsx(Symbol, { icon: "close" }), onClick: onClose })] }), _jsx(Stack, { align: align, style: { width: "100%", overflowY: "auto" }, children: children })] })) }));
-});
+}

package/dist/RadioButton/RadioButton.d.ts

@@ -8,6 +8,7 @@ export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInp
         onSelect: () => void;
         checked: boolean;
     };
+    ref?: React.Ref<HTMLInputElement>;
 }
-export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function RadioButton({ dataFromRadioGroup, label, onClick, className, ref, ...restProps }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/RadioButton/RadioButton.js

@@ -11,13 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import { Symbol } from "@yakad/symbols";
 import { Button } from "..";
 import styles from "./RadioButton.module.css";
-export const RadioButton = forwardRef(function RadioButton(_a, ref) {
-    var { dataFromRadioGroup, label, onClick, className } = _a, restProps = __rest(_a, ["dataFromRadioGroup", "label", "onClick", "className"]);
+export function RadioButton(_a) {
+    var { dataFromRadioGroup, label, onClick, className, ref } = _a, restProps = __rest(_a, ["dataFromRadioGroup", "label", "onClick", "className", "ref"]);
     const joinedClassNames = classNames(styles.radiobutton, {
         [styles.labeled]: label,
         className,
@@ -29,4 +28,4 @@ export const RadioButton = forwardRef(function RadioButton(_a, ref) {
     return (_jsxs("div", { className: joinedClassNames, children: [label && (_jsx("label", { className: styles.label, htmlFor: dataFromRadioGroup === null || dataFromRadioGroup === void 0 ? void 0 : dataFromRadioGroup.name, children: label })), _jsx(Button, { icon: _jsx(Symbol, { icon: (dataFromRadioGroup === null || dataFromRadioGroup === void 0 ? void 0 : dataFromRadioGroup.checked)
                         ? "radio_button_checked"
                         : "radio_button_unchecked" }), onClick: onClickRadioButtonHandler, disabled: restProps.disabled }), _jsx("input", Object.assign({ ref: ref }, restProps, { className: styles.input, type: "radio", name: dataFromRadioGroup === null || dataFromRadioGroup === void 0 ? void 0 : dataFromRadioGroup.name, checked: dataFromRadioGroup === null || dataFromRadioGroup === void 0 ? void 0 : dataFromRadioGroup.checked }))] }));
-});
+}

package/dist/RadioGroup/RadioGroup.d.ts

@@ -7,5 +7,7 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     defaultValue?: string;
     children?: RadioButtonElement | RadioButtonElement[];
 }
-export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function RadioGroup({ name, defaultValue, className, children, ref, ...restProps }: RadioGroupProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/RadioGroup/RadioGroup.js

@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, forwardRef, Children } from "react";
+import { useState, Children } from "react";
 import { RadioButton } from "..";
-export const RadioGroup = forwardRef(function RadioGroup(_a, ref) {
-    var { name, defaultValue, className, children } = _a, restProps = __rest(_a, ["name", "defaultValue", "className", "children"]);
+export function RadioGroup(_a) {
+    var { name, defaultValue, className, children, ref } = _a, restProps = __rest(_a, ["name", "defaultValue", "className", "children", "ref"]);
     const [selectedValue, setSelectedValue] = useState(defaultValue || null);
     const arrayChildren = Children.toArray(children);
     const renderChildrens = () => arrayChildren.map((child, index) => (_jsx(RadioButton, Object.assign({}, child.props, { dataFromRadioGroup: {
@@ -23,4 +23,4 @@ export const RadioGroup = forwardRef(function RadioGroup(_a, ref) {
             checked: selectedValue === child.props.value,
         } }), index)));
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: className, children: renderChildrens() })));
-});
+}

package/dist/RenderByScroll/RenderByScroll.d.ts

@@ -7,5 +7,7 @@ export interface RenderByScrollProps extends StackProps {
     stopNewRenders?: boolean;
     newChildRendered?: (index: number) => void;
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const RenderByScroll: React.ForwardRefExoticComponent<RenderByScrollProps & React.RefAttributes<HTMLDivElement>>;
+export declare function RenderByScroll({ scrollMarginTop, // Sticky Header Height
+extraRender, jumpToIndex, stopNewRenders, newChildRendered, style, children, ref, ...restProps }: RenderByScrollProps): import("react/jsx-runtime").JSX.Element;

package/dist/RenderByScroll/RenderByScroll.js

@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useEffect, useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { ActiveOnVisible, Stack, useOnVisibilityChange } from "..";
-export const RenderByScroll = forwardRef(function RenderByScroll(_a, ref) {
+export function RenderByScroll(_a) {
     var { scrollMarginTop = 8, // Sticky Header Height
-    extraRender = 5, jumpToIndex = 0, stopNewRenders, newChildRendered, style, children } = _a, restProps = __rest(_a, ["scrollMarginTop", "extraRender", "jumpToIndex", "stopNewRenders", "newChildRendered", "style", "children"]);
+    extraRender = 5, jumpToIndex = 0, stopNewRenders, newChildRendered, style, children, ref } = _a, restProps = __rest(_a, ["scrollMarginTop", "extraRender", "jumpToIndex", "stopNewRenders", "newChildRendered", "style", "children", "ref"]);
     const childrenArray = React.Children.toArray(children);
     // Scroll Zone
     const childRefs = useRef({});
@@ -93,4 +93,4 @@ export const RenderByScroll = forwardRef(function RenderByScroll(_a, ref) {
                 }, onVisibilityChange: (visible) => {
                     visible && handleOnVisible(i);
                 }, children: child }, i)))] })));
-});
+}

package/dist/Row/Row.d.ts

@@ -6,4 +6,6 @@ export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     children?: React.ReactNode;
 }
-export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Row({ align, fullWidthOnParentDemand, overflow, size, className, children, ref, ...restProps }: RowProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Row/Row.js

@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Row.module.css";
-export const Row = forwardRef(function Row(_a, ref) {
-    var { align, fullWidthOnParentDemand = true, overflow = "shrink", size = "xl", className, children } = _a, restProps = __rest(_a, ["align", "fullWidthOnParentDemand", "overflow", "size", "className", "children"]);
+export function Row(_a) {
+    var { align, fullWidthOnParentDemand = true, overflow = "shrink", size = "xl", className, children, ref } = _a, restProps = __rest(_a, ["align", "fullWidthOnParentDemand", "overflow", "size", "className", "children", "ref"]);
     const joinedClassNames = classNames(boxingStyles.flexRowBox, { [boxingStyles[align]]: align }, boxingStyles[overflow], styles.row, { [boxingStyles.fullWidthOnParentDemand]: fullWidthOnParentDemand }, styles[size], className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/Screen/Screen.d.ts

@@ -3,4 +3,6 @@ export interface ScreenProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "space" | "center" | "end";
     children?: React.ReactNode;
 }
-export declare const Screen: import("react").ForwardRefExoticComponent<ScreenProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Screen({ align, className, children, ref, ...restProps }: ScreenProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Screen/Screen.js

@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Screen.module.css";
-export const Screen = forwardRef(function Screen(_a, ref) {
-    var { align, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
+export function Screen(_a) {
+    var { align, className, children, ref } = _a, restProps = __rest(_a, ["align", "className", "children", "ref"]);
     const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { [boxingStyles.demandChildsToBeFullWidth]: true }, styles.screen, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/Select/Select.d.ts

@@ -5,4 +5,6 @@ export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElemen
     placeholder?: string;
     children?: React.ReactNode;
 }
-export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+export declare function Select({ variant, boxsize, placeholder, className, children, ref, ...restProps }: SelectProps & {
+    ref?: React.Ref<HTMLSelectElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Select/Select.js

@@ -10,13 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Select.module.css";
 import inputStyles from "../InputField/InputField.module.css";
-export const Select = forwardRef(function Select(_a, ref) {
-    var { variant = "outlined", boxsize = "normal", placeholder, className, children } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className", "children"]);
+export function Select(_a) {
+    var { variant = "outlined", boxsize = "normal", placeholder, className, children, ref } = _a, restProps = __rest(_a, ["variant", "boxsize", "placeholder", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.select, inputStyles.input, inputStyles[variant], inputStyles[boxsize], { [inputStyles.havePlaceHolder]: placeholder }, className);
     return (_jsxs("div", { className: classNames({ [boxingStyles.fullWidthOnParentDemand]: true }, inputStyles.div), children: [_jsx("select", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })), placeholder ? (_jsx("label", { className: inputStyles.label, children: placeholder })) : null] }));
-});
+}

package/dist/Spacer/Spacer.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 export interface SpacerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
 }
-export declare const Spacer: import("react").ForwardRefExoticComponent<SpacerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Spacer({ className, ref, ...restProps }: SpacerProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Spacer/Spacer.js

@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./Spacer.module.css";
-export const Spacer = forwardRef(function Spacer(_a, ref) {
-    var { className } = _a, restProps = __rest(_a, ["className"]);
+export function Spacer(_a) {
+    var { className, ref } = _a, restProps = __rest(_a, ["className", "ref"]);
     const joinedClassNames = classNames(styles.spacer, className);
     return _jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }));
-});
+}

package/dist/Stack/Stack.d.ts

@@ -3,5 +3,6 @@ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "space" | "center" | "end";
     fullWidthOnParentDemand?: boolean;
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Stack({ align, fullWidthOnParentDemand, className, children, ref, ...restProps }: StackProps): import("react/jsx-runtime").JSX.Element;

package/dist/Stack/Stack.js

@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Stack.module.css";
-export const Stack = forwardRef(function Stack(_a, ref) {
-    var { align, fullWidthOnParentDemand = true, className, children } = _a, restProps = __rest(_a, ["align", "fullWidthOnParentDemand", "className", "children"]);
+export function Stack(_a) {
+    var { align, fullWidthOnParentDemand = true, className, children, ref } = _a, restProps = __rest(_a, ["align", "fullWidthOnParentDemand", "className", "children", "ref"]);
     const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { [boxingStyles.demandChildsToBeFullWidth]: true }, { [boxingStyles.fullWidthOnParentDemand]: fullWidthOnParentDemand }, styles.stack, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/SvgIcon/SvgIcon.d.ts

@@ -3,4 +3,6 @@ export interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
     size?: number;
     children?: React.ReactNode;
 }
-export declare const SvgIcon: import("react").ForwardRefExoticComponent<SvgIconProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function SvgIcon({ size, className, style, children, ref, ...restProps }: SvgIconProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/SvgIcon/SvgIcon.js

@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./SvgIcon.module.css";
-export const SvgIcon = forwardRef(function SvgIcon(_a, ref) {
-    var { size, className, style, children } = _a, restProps = __rest(_a, ["size", "className", "style", "children"]);
+export function SvgIcon(_a) {
+    var { size, className, style, children, ref } = _a, restProps = __rest(_a, ["size", "className", "style", "children", "ref"]);
     const joinedClassNames = classNames(styles.svg, className);
     const sizeStyle = size && { width: `${size}rem`, height: `${size}rem` };
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, style: Object.assign(Object.assign({}, style), sizeStyle), children: children })));
-});
+}

package/dist/Table/Table.d.ts

@@ -2,28 +2,42 @@
 export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
     children?: React.ReactNode;
 }
-export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export declare function Table({ className, children, ref, ...restProps }: TableProps & {
+    ref?: React.Ref<HTMLTableElement>;
+}): import("react/jsx-runtime").JSX.Element;
 export interface TheadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     children?: React.ReactNode;
 }
-export declare const Thead: import("react").ForwardRefExoticComponent<TheadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare function Thead({ className, children, ref, ...restProps }: TheadProps & {
+    ref?: React.Ref<HTMLTableSectionElement>;
+}): import("react/jsx-runtime").JSX.Element;
 export interface TbodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     children?: React.ReactNode;
 }
-export declare const Tbody: import("react").ForwardRefExoticComponent<TbodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare function Tbody({ className, children, ref, ...restProps }: TbodyProps & {
+    ref?: React.Ref<HTMLTableSectionElement>;
+}): import("react/jsx-runtime").JSX.Element;
 export interface TfootProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     children?: React.ReactNode;
 }
-export declare const Tfoot: import("react").ForwardRefExoticComponent<TfootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare function Tfoot({ className, children, ref, ...restProps }: TfootProps & {
+    ref?: React.Ref<HTMLTableSectionElement>;
+}): import("react/jsx-runtime").JSX.Element;
 export interface TrProps extends React.HTMLAttributes<HTMLTableRowElement> {
     children?: React.ReactNode;
 }
-export declare const Tr: import("react").ForwardRefExoticComponent<TrProps & import("react").RefAttributes<HTMLTableRowElement>>;
+export declare function Tr({ className, children, ref, ...restProps }: TrProps & {
+    ref?: React.Ref<HTMLTableRowElement>;
+}): import("react/jsx-runtime").JSX.Element;
 export interface ThProps extends React.HTMLAttributes<HTMLTableCellElement> {
     children?: React.ReactNode;
 }
-export declare const Th: import("react").ForwardRefExoticComponent<ThProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare function Th({ className, children, ref, ...restProps }: ThProps & {
+    ref?: React.Ref<HTMLTableCellElement>;
+}): import("react/jsx-runtime").JSX.Element;
 export interface TdProps extends React.HTMLAttributes<HTMLTableCellElement> {
     children?: React.ReactNode;
 }
-export declare const Td: import("react").ForwardRefExoticComponent<TdProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare function Td({ className, children, ref, ...restProps }: TdProps & {
+    ref?: React.Ref<HTMLTableCellElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.js

@@ -10,42 +10,41 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Table.module.css";
-export const Table = forwardRef(function Table(_a, ref) {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+export function Table(_a) {
+    var { className, children, ref } = _a, restProps = __rest(_a, ["className", "children", "ref"]);
     const joinedClassNames = classNames({ [boxingStyles.fullWidthOnParentDemand]: true }, styles.table, className);
     return (_jsx("table", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Thead = forwardRef(function Thead(_a, ref) {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+}
+export function Thead(_a) {
+    var { className, children, ref } = _a, restProps = __rest(_a, ["className", "children", "ref"]);
     const joinedClassNames = classNames(styles.thead, className);
     return (_jsx("thead", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Tbody = forwardRef(function Tbody(_a, ref) {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+}
+export function Tbody(_a) {
+    var { className, children, ref } = _a, restProps = __rest(_a, ["className", "children", "ref"]);
     const joinedClassNames = classNames(styles.tbody, className);
     return (_jsx("tbody", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Tfoot = forwardRef(function Tfoot(_a, ref) {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+}
+export function Tfoot(_a) {
+    var { className, children, ref } = _a, restProps = __rest(_a, ["className", "children", "ref"]);
     const joinedClassNames = classNames(styles.tfoot, className);
     return (_jsx("tfoot", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Tr = forwardRef(function Tr(_a, ref) {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+}
+export function Tr(_a) {
+    var { className, children, ref } = _a, restProps = __rest(_a, ["className", "children", "ref"]);
     const joinedClassNames = classNames(styles.tr, className);
     return (_jsx("tr", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Th = forwardRef(function Th(_a, ref) {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+}
+export function Th(_a) {
+    var { className, children, ref } = _a, restProps = __rest(_a, ["className", "children", "ref"]);
     const joinedClassNames = classNames(styles.th, className);
     return (_jsx("th", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Td = forwardRef(function Td(_a, ref) {
-    var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
+}
+export function Td(_a) {
+    var { className, children, ref } = _a, restProps = __rest(_a, ["className", "children", "ref"]);
     const joinedClassNames = classNames(styles.td, className);
     return (_jsx("td", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/Text/Text.d.ts

@@ -4,14 +4,15 @@ export interface TextProps<T> extends React.HTMLAttributes<T> {
     variant?: TextVariant;
     palette?: "onSurfaceColor" | "onSurfaceVariantColor";
     children?: React.ReactNode;
+    ref?: React.Ref<T>;
 }
-export declare const H1: import("react").ForwardRefExoticComponent<TextProps<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H2: import("react").ForwardRefExoticComponent<TextProps<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H3: import("react").ForwardRefExoticComponent<TextProps<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H4: import("react").ForwardRefExoticComponent<TextProps<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H5: import("react").ForwardRefExoticComponent<TextProps<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H6: import("react").ForwardRefExoticComponent<TextProps<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const P: import("react").ForwardRefExoticComponent<TextProps<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const Span: import("react").ForwardRefExoticComponent<TextProps<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const Text: import("react").ForwardRefExoticComponent<TextProps<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function H1({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+export declare function H2({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+export declare function H3({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+export declare function H4({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+export declare function H5({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+export declare function H6({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+export declare function P({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Span({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ variant, palette, className, children, ref, ...restProps }: TextProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export {};