@ya-accelerators/nextjs-framework 0.0.0

package/dist/ui/component/button/base.d.ts

@@ -0,0 +1,27 @@
+import Image from 'next/image';
+import Link from 'next/link';
+import type { ComponentProps } from 'react';
+import type { BorderProps } from '../../theme';
+import { ControlSize, Rounded } from '../../theme';
+import type { IconType } from '../../types';
+export declare const BaseButton: ({ size, rounded, border, label, icon, image, className, onClick, ...props }: {
+    size?: ControlSize;
+    rounded?: Rounded;
+    border?: BorderProps;
+    label?: string;
+    icon?: IconType;
+    image?: Omit<ComponentProps<typeof Image>, "alt" | "fill" | "width" | "height"> & {
+        square?: boolean;
+    };
+} & Omit<ComponentProps<"button">, "color" | "children">) => import("react").JSX.Element;
+export declare const BaseLink: ({ size, rounded, border, label, icon, image, className, disabled, ...props }: {
+    size?: ControlSize;
+    rounded?: Rounded;
+    border?: BorderProps;
+    label?: string;
+    icon?: IconType;
+    image?: Omit<ComponentProps<typeof Image>, "alt" | "fill" | "width" | "height"> & {
+        square?: boolean;
+    };
+    disabled?: boolean;
+} & Omit<ComponentProps<typeof Link>, "color" | "children" | "disabled" | "onClick">) => import("react").JSX.Element;

package/dist/ui/component/button/base.jsx

@@ -0,0 +1,54 @@
+'use client';
+import classNames from 'classnames';
+import Image from 'next/image';
+import Link from 'next/link';
+import { useTranslations } from 'next-intl';
+import { ControlSize, getBorderColorTypeClassName, getControlHeightClassName, getControlSizeClassName, getControlTextSizeClassName, getRoundedClassName, Rounded, } from '../../theme';
+import { Icon } from '../icon';
+export const BaseButton = ({ size = ControlSize.base, rounded = Rounded.m, border, label, icon, image, className, onClick, ...props }) => {
+    const t = useTranslations();
+    return (<button type='button' className={classNames((onClick || props.type === 'submit') && 'clickable', 'size-fit', 'gap-control-padding-md flex items-center justify-center', 'overflow-hidden whitespace-nowrap', 'px-control-padding-base py-control-padding-md', getControlTextSizeClassName(size), getRoundedClassName(rounded), getBorderColorTypeClassName(border), {
+            'p-control-padding-sm!': label === undefined && (icon !== undefined || image !== undefined),
+        }, className)} onClick={(e) => {
+            if (onClick !== undefined) {
+                e.stopPropagation();
+                e.preventDefault();
+                onClick(e);
+            }
+        }} {...props}>
+      {icon && (<Icon icon={icon} className={classNames(size === 'sm' && 'size-control-sm!', size === 'md' && 'size-control-md!', size === 'base' && 'size-control-base!', size === 'lg' && 'size-control-base!', size === 'xl' && 'size-control-lg!', size === '2xl' && 'size-control-2xl!', size === '3xl' && 'size-control-3xl!')}/>)}
+      {label && (<>
+          <p>{t(label)}</p>
+          {icon && <div />}
+        </>)}
+      {image && (<div className={classNames(image.square ? [getControlSizeClassName(size), 'relative'] : [getControlHeightClassName(size), 'relative'])}>
+          <Image {...image} alt='' fill width={0} className={classNames(getRoundedClassName(rounded), getBorderColorTypeClassName(border), image.square ? 'object-cover' : 'relative! object-contain', image.className)}/>
+        </div>)}
+    </button>);
+};
+export const BaseLink = ({ size = ControlSize.base, rounded = Rounded.m, border, label, icon, image, className, disabled, ...props }) => {
+    const t = useTranslations();
+    const { href, ...restProps } = props;
+    const linkClassName = classNames(disabled ? 'clickable-disabled' : 'clickable-enabled', 'size-fit', 'gap-control-padding-md flex items-center justify-center', 'overflow-hidden whitespace-nowrap', 'px-control-padding-base py-control-padding-md', getControlTextSizeClassName(size), getRoundedClassName(rounded), getBorderColorTypeClassName(border), {
+        'p-control-padding-sm!': label === undefined && (icon !== undefined || image !== undefined),
+    }, className);
+    const content = (<>
+      {icon && (<Icon icon={icon} className={classNames(size === 'sm' && 'size-control-sm!', size === 'md' && 'size-control-md!', size === 'base' && 'size-control-base!', size === 'lg' && 'size-control-base!', size === 'xl' && 'size-control-lg!', size === '2xl' && 'size-control-2xl!', size === '3xl' && 'size-control-3xl!')}/>)}
+      {label && (<>
+          <p>{t(label)}</p>
+          {icon && <div />}
+        </>)}
+      {image && (<div className={classNames(image.square ? [getControlSizeClassName(size), 'relative'] : [getControlHeightClassName(size), 'relative'])}>
+          <Image {...image} alt='' fill width={0} className={classNames(getRoundedClassName(rounded), getBorderColorTypeClassName(border), image.square ? 'object-cover' : 'relative! object-contain', image.className)}/>
+        </div>)}
+    </>);
+    if (disabled) {
+        return (<span className={linkClassName} aria-disabled='true' {...restProps}>
+        {content}
+      </span>);
+    }
+    return (<Link className={linkClassName} href={href} {...restProps}>
+      {content}
+    </Link>);
+};
+//# sourceMappingURL=base.jsx.map

package/dist/ui/component/button/base.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAI3C,OAAO,EACL,WAAW,EACX,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,OAAO,GACR,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,WAAW,CAAC,IAAI,EACvB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAQ8C,EAAE,EAAE;IAC1D,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,OAAO,CACL,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,SAAS,CAAC,CAAC,UAAU,CACnB,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,WAAW,EACnD,UAAU,EACV,yDAAyD,EACzD,mCAAmC,EACnC,+CAA+C,EAC/C,2BAA2B,CAAC,IAAI,CAAC,EACjC,mBAAmB,CAAC,OAAO,CAAC,EAC5B,2BAA2B,CAAC,MAAM,CAAC,EACnC;YACE,uBAAuB,EAAE,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC;SAC5F,EACD,SAAS,CACV,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC1B,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,OAAO,CAAC,CAAC,CAAC,CAAA;YACZ,CAAC;QACH,CAAC,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,IAAI,CACP,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,CAAC,UAAU,CACnB,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,MAAM,IAAI,oBAAoB,EACvC,IAAI,KAAK,IAAI,IAAI,oBAAoB,EACrC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,KAAK,IAAI,mBAAmB,EACrC,IAAI,KAAK,KAAK,IAAI,mBAAmB,CACtC,CAAC,EACF,CACH,CACD;MAAA,CAAC,KAAK,IAAI,CACR,EACE;UAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAChB;UAAA,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,AAAD,EAAG,CAClB;QAAA,GAAG,CACJ,CACD;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAC3G,CAAC,CAEF;UAAA,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,GAAG,CAAC,EAAE,CACN,IAAI,CACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,SAAS,CAAC,CAAC,UAAU,CACnB,mBAAmB,CAAC,OAAO,CAAC,EAC5B,2BAA2B,CAAC,MAAM,CAAC,EACnC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,0BAA0B,EAC1D,KAAK,CAAC,SAAS,CAChB,CAAC,EAEN;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,MAAM,CAAC,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,GAAG,WAAW,CAAC,IAAI,EACvB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAS0E,EAAE,EAAE;IACtF,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,aAAa,GAAG,UAAU,CAC9B,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,EACrD,UAAU,EACV,yDAAyD,EACzD,mCAAmC,EACnC,+CAA+C,EAC/C,2BAA2B,CAAC,IAAI,CAAC,EACjC,mBAAmB,CAAC,OAAO,CAAC,EAC5B,2BAA2B,CAAC,MAAM,CAAC,EACnC;QACE,uBAAuB,EAAE,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC;KAC5F,EACD,SAAS,CACV,CAAA;IACD,MAAM,OAAO,GAAG,CACd,EACE;MAAA,CAAC,IAAI,IAAI,CACP,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,CAAC,UAAU,CACnB,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,MAAM,IAAI,oBAAoB,EACvC,IAAI,KAAK,IAAI,IAAI,oBAAoB,EACrC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,KAAK,IAAI,mBAAmB,EACrC,IAAI,KAAK,KAAK,IAAI,mBAAmB,CACtC,CAAC,EACF,CACH,CACD;MAAA,CAAC,KAAK,IAAI,CACR,EACE;UAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAChB;UAAA,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,AAAD,EAAG,CAClB;QAAA,GAAG,CACJ,CACD;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAC3G,CAAC,CAEF;UAAA,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,GAAG,CAAC,EAAE,CACN,IAAI,CACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,SAAS,CAAC,CAAC,UAAU,CACnB,mBAAmB,CAAC,OAAO,CAAC,EAC5B,2BAA2B,CAAC,MAAM,CAAC,EACnC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,0BAA0B,EAC1D,KAAK,CAAC,SAAS,CAChB,CAAC,EAEN;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,GAAG,CACJ,CAAA;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,CACjE;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC;IACD,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,SAAS,CAAC,CACxD;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/component/button/colored/index.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'react';
+import { type ColorTypes } from '../../../theme';
+import { BaseButton, BaseLink } from '../base';
+export declare const Colored: ({ color, container, className, ...props }: {
+    color: ColorTypes;
+    container?: boolean;
+} & Omit<ComponentProps<typeof BaseButton>, "image">) => import("react").JSX.Element;
+export declare const ColoredLink: ({ color, container, className, ...props }: {
+    color: ColorTypes;
+    container?: boolean;
+} & Omit<ComponentProps<typeof BaseLink>, "image">) => import("react").JSX.Element;

package/dist/ui/component/button/colored/index.jsx

@@ -0,0 +1,7 @@
+'use client';
+import classNames from 'classnames';
+import { getColorTypeClassName } from '../../../theme';
+import { BaseButton, BaseLink } from '../base';
+export const Colored = ({ color, container = false, className, ...props }) => (<BaseButton className={classNames([getColorTypeClassName(color, container), className])} {...props}/>);
+export const ColoredLink = ({ color, container = false, className, ...props }) => (<BaseLink className={classNames([getColorTypeClassName(color, container), className])} {...props}/>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/button/colored/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/button/colored/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAmB,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,GAAG,KAAK,EAI0C,EAAE,EAAE,CAAC,CACvD,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,qBAAqB,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CACvG,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,GAAG,KAAK,EAIwC,EAAE,EAAE,CAAC,CACrD,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,qBAAqB,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CACrG,CAAA"}

package/dist/ui/component/button/image/index.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+import { BaseButton, BaseLink } from '../base';
+export declare const Imaged: (props: Omit<ComponentProps<typeof BaseButton>, "icon">) => import("react").JSX.Element;
+export declare const ImagedLink: (props: Omit<ComponentProps<typeof BaseLink>, "icon">) => import("react").JSX.Element;

package/dist/ui/component/button/image/index.jsx

@@ -0,0 +1,5 @@
+'use client';
+import { BaseButton, BaseLink } from '../base';
+export const Imaged = (props) => <BaseButton {...props}/>;
+export const ImagedLink = (props) => <BaseLink {...props}/>;
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/button/image/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/button/image/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAsD,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AAE3G,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoD,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA"}

package/dist/ui/component/button/index.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps } from 'react';
+import { Colored, ColoredLink } from './colored';
+import { Imaged, ImagedLink } from './image';
+import { Text, TextLink } from './text';
+export declare const Button: ({ variant, ...props }: ({
+    variant: "colored";
+} & ComponentProps<typeof Colored>) | ({
+    variant: "text";
+} & ComponentProps<typeof Text>) | ({
+    variant: "image";
+} & ComponentProps<typeof Imaged>)) => import("react").JSX.Element;
+export declare const LinkButton: ({ variant, ...props }: ({
+    variant: "colored";
+} & ComponentProps<typeof ColoredLink>) | ({
+    variant: "text";
+} & ComponentProps<typeof TextLink>) | ({
+    variant: "image";
+} & ComponentProps<typeof ImagedLink>)) => import("react").JSX.Element;

package/dist/ui/component/button/index.jsx

@@ -0,0 +1,25 @@
+'use client';
+import { Colored, ColoredLink } from './colored';
+import { Imaged, ImagedLink } from './image';
+import { Text, TextLink } from './text';
+export const Button = ({ variant, ...props }) => {
+    switch (variant) {
+        case 'colored':
+            return <Colored {...props}/>;
+        case 'text':
+            return <Text {...props}/>;
+        case 'image':
+            return <Imaged {...props}/>;
+    }
+};
+export const LinkButton = ({ variant, ...props }) => {
+    switch (variant) {
+        case 'colored':
+            return <ColoredLink {...props}/>;
+        case 'text':
+            return <TextLink {...props}/>;
+        case 'image':
+            return <ImagedLink {...props}/>;
+    }
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/button/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,GAAG,KAAK,EAIgD,EAAE,EAAE;IAC5D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,OAAO,CAAC,IAAK,KAAwC,CAAC,EAAG,CAAA;QACnE,KAAK,MAAM;YACT,OAAO,CAAC,IAAI,CAAC,IAAK,KAAqC,CAAC,EAAG,CAAA;QAC7D,KAAK,OAAO;YACV,OAAO,CAAC,MAAM,CAAC,IAAK,KAAuC,CAAC,EAAG,CAAA;IACnE,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EAIoD,EAAE,EAAE;IAChE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,WAAW,CAAC,IAAK,KAA4C,CAAC,EAAG,CAAA;QAC3E,KAAK,MAAM;YACT,OAAO,CAAC,QAAQ,CAAC,IAAK,KAAyC,CAAC,EAAG,CAAA;QACrE,KAAK,OAAO;YACV,OAAO,CAAC,UAAU,CAAC,IAAK,KAA2C,CAAC,EAAG,CAAA;IAC3E,CAAC;AACH,CAAC,CAAA"}

package/dist/ui/component/button/text/index.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'react';
+import { TextColorTypes } from '../../../theme';
+import { BaseButton, BaseLink } from '../base';
+export declare const Text: ({ color, container, className, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+} & Omit<ComponentProps<typeof BaseButton>, "image">) => import("react").JSX.Element;
+export declare const TextLink: ({ color, container, className, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+} & Omit<ComponentProps<typeof BaseLink>, "image">) => import("react").JSX.Element;

package/dist/ui/component/button/text/index.jsx

@@ -0,0 +1,8 @@
+'use client';
+import classNames from 'classnames';
+import { TextColorTypes } from '../../../theme';
+import { getTextColorTypeClassName } from '../../../theme';
+import { BaseButton, BaseLink } from '../base';
+export const Text = ({ color = TextColorTypes.main, container = false, className, ...props }) => (<BaseButton className={classNames([getTextColorTypeClassName(color, container), className])} {...props}/>);
+export const TextLink = ({ color = TextColorTypes.main, container = false, className, ...props }) => (<BaseLink className={classNames([getTextColorTypeClassName(color, container), className])} {...props}/>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/button/text/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/button/text/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,GAAG,KAAK,EAI0C,EAAE,EAAE,CAAC,CACvD,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC3G,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,GAAG,KAAK,EAIwC,EAAE,EAAE,CAAC,CACrD,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CACzG,CAAA"}

package/dist/ui/component/card/index.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import { Rounded } from '../../theme';
+export declare const Card: ({ border, shadow, selected, rounded, className, children, onClick, style, }: {
+    border?: boolean;
+    shadow?: boolean;
+    selected?: boolean;
+    rounded?: Rounded;
+    className?: string;
+    children: ReactNode;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+}) => import("react").JSX.Element;

package/dist/ui/component/card/index.jsx

@@ -0,0 +1,20 @@
+'use client';
+import classNames from 'classnames';
+import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getRoundedClassName, getTextColorTypeClassName, Rounded, TextColorTypes, } from '../../theme';
+export const Card = ({ border = true, shadow = true, selected = false, rounded = Rounded.m, className, children, onClick, style, }) => (<div className={classNames('gap-base p-base flex flex-col overflow-visible', shadow && 'shadow-lg', onClick !== undefined && 'cursor-pointer hover:opacity-50', getBackgroundColorTypeClassName(BackgroundColorTypes.container), getBorderColorTypeClassName({
+        color: border ? BorderColorTypes.default : BorderColorTypes.none,
+        container: false,
+        width: BorderWidth.base,
+        type: 'outline',
+    }), selected && [
+        getBorderColorTypeClassName({
+            color: BorderColorTypes.primary,
+            container: false,
+            width: BorderWidth.base,
+            type: 'outline',
+        }),
+        getTextColorTypeClassName(TextColorTypes.primary, true),
+    ], getRoundedClassName(rounded), className)} onClick={onClick} style={style}>
+    {children}
+  </div>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/card/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/card/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,OAAO,EACP,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GAUN,EAAE,EAAE,CAAC,CACJ,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gDAAgD,EAChD,MAAM,IAAI,WAAW,EACrB,OAAO,KAAK,SAAS,IAAI,iCAAiC,EAC1D,+BAA+B,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAC/D,2BAA2B,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI;QAChE,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,IAAI,EAAE,SAAS;KAChB,CAAC,EACF,QAAQ,IAAI;QACV,2BAA2B,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO;YAC/B,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC;QACF,yBAAyB,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC;KACxD,EACD,mBAAmB,CAAC,OAAO,CAAC,EAC5B,SAAS,CACV,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}

package/dist/ui/component/icon/index.d.ts

@@ -0,0 +1,7 @@
+import type { IconType } from '../../types';
+export declare const Icon: ({ icon, className }: {
+    icon: IconType;
+    className?: string;
+}) => import("react").DetailedReactHTMLElement<{
+    className: string | undefined;
+}, HTMLElement> | import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;

package/dist/ui/component/icon/index.jsx

@@ -0,0 +1,3 @@
+import { cloneElement, createElement, isValidElement } from 'react';
+export const Icon = ({ icon, className }) => isValidElement(icon) ? cloneElement(icon, { className }) : createElement(icon, { className });
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/icon/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAInE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAA0C,EAAE,EAAE,CAClF,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAa,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAa,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA"}

package/dist/ui/component/index.d.ts

@@ -0,0 +1,95 @@
+import * as loading from './loading';
+export declare const Component: {
+    NoSSR: ({ children, fallback }: {
+        children: import("react").ReactNode;
+        fallback?: import("react").ReactNode;
+    }) => import("react").ReactNode;
+    Typography: {
+        Pre: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"pre">, "color">) => import("react").JSX.Element;
+        P: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"p">, "color">) => import("react").JSX.Element;
+        LinkText: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<import("react").ForwardRefExoticComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
+            children?: React.ReactNode | undefined;
+        } & import("react").RefAttributes<HTMLAnchorElement>>>, "color">) => import("react").JSX.Element;
+        Label: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"label">, "color">) => import("react").JSX.Element;
+        H6: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"h6">, "color">) => import("react").JSX.Element;
+        H5: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"h5">, "color">) => import("react").JSX.Element;
+        H4: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"h4">, "color">) => import("react").JSX.Element;
+        H3: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"h3">, "color">) => import("react").JSX.Element;
+        H2: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"h2">, "color">) => import("react").JSX.Element;
+        H1: ({ color, container, disabled, className, children, ...props }: {
+            color?: import("..").TextColorTypes;
+            container?: boolean;
+            disabled?: boolean;
+        } & Omit<import("react").ComponentProps<"h1">, "color">) => import("react").JSX.Element;
+    };
+    LoadingOverlay: (props: import("react").ComponentProps<typeof loading.LoadingIndicator>) => import("react").JSX.Element;
+    LoadingIndicator: ({ size }: {
+        size?: number;
+    }) => import("react").JSX.Element;
+    Icon: ({ icon, className }: {
+        icon: import("..").IconType;
+        className?: string;
+    }) => import("react").DetailedReactHTMLElement<{
+        className: string | undefined;
+    }, HTMLElement> | import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    Card: ({ border, shadow, selected, rounded, className, children, onClick, style, }: {
+        border?: boolean;
+        shadow?: boolean;
+        selected?: boolean;
+        rounded?: import("..").Rounded;
+        className?: string;
+        children: import("react").ReactNode;
+        onClick?: () => void;
+        style?: React.CSSProperties;
+    }) => import("react").JSX.Element;
+    Button: ({ variant, ...props }: ({
+        variant: "colored";
+    } & import("react").ComponentProps<typeof import("./button/colored").Colored>) | ({
+        variant: "text";
+    } & import("react").ComponentProps<typeof import("./button/text").Text>) | ({
+        variant: "image";
+    } & import("react").ComponentProps<typeof import("./button/image").Imaged>)) => import("react").JSX.Element;
+    LinkButton: ({ variant, ...props }: ({
+        variant: "colored";
+    } & import("react").ComponentProps<typeof import("./button/colored").ColoredLink>) | ({
+        variant: "text";
+    } & import("react").ComponentProps<typeof import("./button/text").TextLink>) | ({
+        variant: "image";
+    } & import("react").ComponentProps<typeof import("./button/image").ImagedLink>)) => import("react").JSX.Element;
+};

package/dist/ui/component/index.js

@@ -0,0 +1,15 @@
+import * as button from './button';
+import * as card from './card';
+import * as icon from './icon';
+import * as loading from './loading';
+import * as ssr from './ssr';
+import * as typography from './typography';
+export const Component = {
+    ...button,
+    ...card,
+    ...icon,
+    ...loading,
+    ...typography,
+    ...ssr,
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AACpC,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,MAAM;IACT,GAAG,IAAI;IACP,GAAG,IAAI;IACP,GAAG,OAAO;IACV,GAAG,UAAU;IACb,GAAG,GAAG;CACP,CAAA"}

package/dist/ui/component/loading/index.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from 'react';
+export declare const LoadingOverlay: (props: ComponentProps<typeof LoadingIndicator>) => import("react").JSX.Element;
+export declare const LoadingIndicator: ({ size }: {
+    size?: number;
+}) => import("react").JSX.Element;

package/dist/ui/component/loading/index.jsx

@@ -0,0 +1,27 @@
+'use client';
+import classNames from 'classnames';
+import { motion } from 'framer-motion';
+import { BackgroundColorTypes, getBackgroundColorTypeClassName } from '../../theme';
+export const LoadingOverlay = (props) => (<motion.div className={classNames('fixed inset-0 z-overlay flex items-center justify-center', getBackgroundColorTypeClassName(BackgroundColorTypes.overlay))} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.3 }}>
+    <LoadingIndicator {...props}/>
+  </motion.div>);
+export const LoadingIndicator = ({ size }) => (<>
+    <style>
+      {`
+      @keyframes rotation {
+        from {
+          transform: rotate(0deg);
+        }
+        to {
+          transform: rotate(359deg);
+        }
+      }
+      `}
+    </style>
+    <div className={'border-primary-container-bg border-b-primary-container-on rounded-[50%] border-2'} style={{
+        width: `${size ?? 40}px`,
+        height: `${size ?? 40}px`,
+        animation: 'rotation 1.1s infinite linear',
+    }}/>
+  </>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/loading/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/loading/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtC,OAAO,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAA;AAEnF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA8C,EAAE,EAAE,CAAC,CAChF,CAAC,MAAM,CAAC,GAAG,CACT,SAAS,CAAC,CAAC,UAAU,CACnB,0DAA0D,EAC1D,+BAA+B,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAC9D,CAAC,CACF,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACxB,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACxB,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CACrB,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAE9B;IAAA,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAC9B;EAAA,EAAE,MAAM,CAAC,GAAG,CAAC,CACd,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE,CAAC,CAC/D,EACE;IAAA,CAAC,KAAK,CACJ;MAAA,CAAC;;;;;;;;;OASA,CACH;IAAA,EAAE,KAAK,CACP;IAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,kFAAkF,CAAC,CAC9F,KAAK,CAAC,CAAC;QACL,KAAK,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI;QACxB,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI;QACzB,SAAS,EAAE,+BAA+B;KAC3C,CAAC,EAEN;EAAA,GAAG,CACJ,CAAA"}

package/dist/ui/component/ssr/index.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare const NoSSR: ({ children, fallback }: {
+    children: ReactNode;
+    fallback?: ReactNode;
+}) => ReactNode;

package/dist/ui/component/ssr/index.jsx

@@ -0,0 +1,11 @@
+'use client';
+import { useEffect, useState } from 'react';
+export const NoSSR = ({ children, fallback }) => {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        setMounted(true);
+    }, []);
+    return mounted ? children : fallback;
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/ssr/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/ssr/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAGZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiD,EAAE,EAAE;IAC7F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,2DAA2D;QAC3D,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAA;AACtC,CAAC,CAAA"}

package/dist/ui/component/typography/H1/index.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps } from 'react';
+import { TextColorTypes } from '../../../theme';
+export declare const H1: ({ color, container, disabled, className, children, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+    disabled?: boolean;
+} & Omit<ComponentProps<"h1">, "color">) => import("react").JSX.Element;

package/dist/ui/component/typography/H1/index.jsx

@@ -0,0 +1,13 @@
+'use client';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { TextColorTypes } from '../../../theme';
+import { getTextColorTypeClassName } from '../../../theme';
+export const H1 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<h1 className={classNames(className, getTextColorTypeClassName(color, container), 'text-3xl', disabled && 'opacity-50')} {...props}>
+      {translatedChildren}
+    </h1>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/typography/H1/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H1/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,UAAU,EACV,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/component/typography/H2/index.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps } from 'react';
+import { TextColorTypes } from '../../../theme';
+export declare const H2: ({ color, container, disabled, className, children, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+    disabled?: boolean;
+} & Omit<ComponentProps<"h2">, "color">) => import("react").JSX.Element;

package/dist/ui/component/typography/H2/index.jsx

@@ -0,0 +1,13 @@
+'use client';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { TextColorTypes } from '../../../theme';
+import { getTextColorTypeClassName } from '../../../theme';
+export const H2 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<h2 className={classNames(className, getTextColorTypeClassName(color, container), 'text-2xl', disabled && 'opacity-50')} {...props}>
+      {translatedChildren}
+    </h2>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/typography/H2/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H2/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,UAAU,EACV,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/component/typography/H3/index.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps } from 'react';
+import { TextColorTypes } from '../../../theme';
+export declare const H3: ({ color, container, disabled, className, children, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+    disabled?: boolean;
+} & Omit<ComponentProps<"h3">, "color">) => import("react").JSX.Element;

package/dist/ui/component/typography/H3/index.jsx

@@ -0,0 +1,13 @@
+'use client';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { TextColorTypes } from '../../../theme';
+import { getTextColorTypeClassName } from '../../../theme';
+export const H3 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<h3 className={classNames(className, getTextColorTypeClassName(color, container), 'text-xl', disabled && 'opacity-50')} {...props}>
+      {translatedChildren}
+    </h3>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/typography/H3/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H3/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,SAAS,EACT,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/component/typography/H4/index.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps } from 'react';
+import { TextColorTypes } from '../../../theme';
+export declare const H4: ({ color, container, disabled, className, children, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+    disabled?: boolean;
+} & Omit<ComponentProps<"h4">, "color">) => import("react").JSX.Element;

package/dist/ui/component/typography/H4/index.jsx

@@ -0,0 +1,13 @@
+'use client';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { TextColorTypes } from '../../../theme';
+import { getTextColorTypeClassName } from '../../../theme';
+export const H4 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<h4 className={classNames(className, getTextColorTypeClassName(color, container), 'text-lg', disabled && 'opacity-50')} {...props}>
+      {translatedChildren}
+    </h4>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/typography/H4/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H4/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,SAAS,EACT,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/component/typography/H5/index.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps } from 'react';
+import { TextColorTypes } from '../../../theme';
+export declare const H5: ({ color, container, disabled, className, children, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+    disabled?: boolean;
+} & Omit<ComponentProps<"h5">, "color">) => import("react").JSX.Element;

package/dist/ui/component/typography/H5/index.jsx

@@ -0,0 +1,13 @@
+'use client';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { TextColorTypes } from '../../../theme';
+import { getTextColorTypeClassName } from '../../../theme';
+export const H5 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<h5 className={classNames(className, getTextColorTypeClassName(color, container), 'text-base', disabled && 'opacity-50')} {...props}>
+      {translatedChildren}
+    </h5>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/component/typography/H5/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H5/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/component/typography/H6/index.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps } from 'react';
+import { TextColorTypes } from '../../../theme';
+export declare const H6: ({ color, container, disabled, className, children, ...props }: {
+    color?: TextColorTypes;
+    container?: boolean;
+    disabled?: boolean;
+} & Omit<ComponentProps<"h6">, "color">) => import("react").JSX.Element;