@ya-accelerators/nextjs-framework 0.0.0

package/dist/ui/component/typography/H6/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 H6 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<h6 className={classNames(className, getTextColorTypeClassName(color, container), 'text-sm', disabled && 'opacity-50')} {...props}>
+      {translatedChildren}
+    </h6>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H6/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/Label/index.d.ts

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

package/dist/ui/component/typography/Label/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 Label = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<label className={classNames(getTextColorTypeClassName(color, container), 'text-base', 'whitespace-pre-wrap', disabled && 'opacity-50', className)} {...props}>
+      {translatedChildren}
+    </label>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/Label/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,KAAK,GAAG,CAAC,EACpB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAKgC,EAAE,EAAE;IAC5C,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,KAAK,CACJ,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,qBAAqB,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,KAAK,CAAC,CACT,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,14 @@
+'use client';
+import classNames from 'classnames';
+import Link from 'next/link';
+import { useTranslations } from 'next-intl';
+import { TextColorTypes } from '../../../theme';
+import { getTextColorTypeClassName } from '../../../theme';
+export const LinkText = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<Link className={classNames(getTextColorTypeClassName(color, container), 'text-base', 'whitespace-pre-wrap underline', disabled ? 'pointer-events-none cursor-default opacity-50' : 'cursor-pointer hover:opacity-80', className)} {...props}>
+      {translatedChildren}
+    </Link>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/LinkText/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,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,QAAQ,GAAG,CAAC,EACvB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAKoC,EAAE,EAAE;IAChD,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,IAAI,CACH,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,iCAAiC,EAC9F,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/ui/component/typography/P/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 P = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<p className={classNames(getTextColorTypeClassName(color, container), 'text-base', 'whitespace-pre-wrap', disabled && 'opacity-50', className)} {...props}>
+      {translatedChildren}
+    </p>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/P/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,CAAC,GAAG,CAAC,EAChB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK4B,EAAE,EAAE;IACxC,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,CAAC,CACA,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,qBAAqB,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,CAAC,CAAC,CACL,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/ui/component/typography/Pre/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 Pre = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
+    const t = useTranslations();
+    const translatedChildren = typeof children === 'string' ? t(children) : children;
+    return (<pre className={classNames(getTextColorTypeClassName(color, container), 'text-base', 'whitespace-pre-wrap', disabled && 'opacity-50', className)} {...props}>
+      {translatedChildren}
+    </pre>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/Pre/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,GAAG,GAAG,CAAC,EAClB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK8B,EAAE,EAAE;IAC1C,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,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,qBAAqB,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,54 @@
+export declare const 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;
+};

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

@@ -0,0 +1,23 @@
+import * as H1 from './H1';
+import * as H2 from './H2';
+import * as H3 from './H3';
+import * as H4 from './H4';
+import * as H5 from './H5';
+import * as H6 from './H6';
+import * as Label from './Label';
+import * as LinkText from './LinkText';
+import * as P from './P';
+import * as Pre from './Pre';
+export const Typography = {
+    ...H1,
+    ...H2,
+    ...H3,
+    ...H4,
+    ...H5,
+    ...H6,
+    ...Label,
+    ...LinkText,
+    ...P,
+    ...Pre,
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,KAAK;IACR,GAAG,QAAQ;IACX,GAAG,CAAC;IACJ,GAAG,GAAG;CACP,CAAA"}

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

@@ -0,0 +1,8 @@
+import { type ComponentProps } from 'react';
+import type { ModalProps } from '../../../hooks/modal';
+import { Component } from '../../component';
+type ButtonProps = (ComponentProps<typeof Component.Button> & {
+    action?: ModalProps;
+}) | ComponentProps<typeof Component.LinkButton>;
+export declare const Button: (buttonProps: ButtonProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,45 @@
+'use client';
+import classNames from 'classnames';
+import { useState } from 'react';
+import { useModalContext } from '../../../hooks/modal';
+import { Component } from '../../component';
+export const Button = (buttonProps) => {
+    if ('href' in buttonProps && buttonProps.href) {
+        return <Component.LinkButton {...buttonProps} className={classNames('cursor-pointer!', buttonProps.className)}/>;
+    }
+    const { action, onClick, ...props } = buttonProps;
+    if (typeof action === 'object') {
+        return <ModalButton {...props} onClick={onClick} modal={action}/>;
+    }
+    if (onClick) {
+        return <AsyncButton {...props} onClick={onClick}/>;
+    }
+    return <Component.Button {...props}/>;
+};
+const AsyncButton = ({ onClick, disabled, ...props }) => {
+    const [pending, setPending] = useState(false);
+    return (<Component.Button {...props} disabled={pending || disabled} onClick={async (e) => {
+            setPending(true);
+            try {
+                await onClick?.(e);
+            }
+            finally {
+                setPending(false);
+            }
+        }}/>);
+};
+const ModalButton = ({ modal, onClick, disabled, ...props }) => {
+    const { showModal } = useModalContext();
+    const [pending, setPending] = useState(false);
+    return (<Component.Button {...props} disabled={pending || disabled} onClick={async (e) => {
+            setPending(true);
+            try {
+                await onClick?.(e);
+            }
+            finally {
+                setPending(false);
+            }
+            showModal(modal);
+        }}/>);
+};
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAM3C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,IAAI,MAAM,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC;QAC9C,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,EAAG,CAAA;IACnH,CAAC;IACD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,WAErC,CAAA;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAG,CAAA;IACpE,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAG,CAAA;IACrD,CAAC;IACD,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2C,EAAE,EAAE;IAC/F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CACL,CAAC,SAAS,CAAC,MAAM,CACf,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,CAC9B,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACnB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,IAAI,CAAC;gBACH,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;YACpB,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC,CAAC,EACF,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACwD,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CACL,CAAC,SAAS,CAAC,MAAM,CACf,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,CAC9B,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACnB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,IAAI,CAAC;gBACH,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;YACpB,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,CAAC,EACF,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/composite/dropdown/index.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Component } from '../../component';
+import { Rounded } from '../../theme';
+import { Button } from '../button';
+export declare const DropDown: ({ button, content, position, menuRounded, menuClassName, disabled, }: {
+    button: ComponentProps<typeof Component.Button>;
+    content: ReactNode | (ComponentProps<typeof Button> | "divider")[];
+    position: "left" | "center" | "right";
+    menuRounded?: Rounded;
+    menuClassName?: string;
+    disabled?: boolean;
+}) => import("react").JSX.Element | null;

package/dist/ui/composite/dropdown/index.jsx

@@ -0,0 +1,102 @@
+'use client';
+import classNames from 'classnames';
+import { usePathname } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
+import { isValidElement } from 'react';
+import { createPortal } from 'react-dom';
+import { Component } from '../../component';
+import { getRoundedClassName, Rounded } from '../../theme';
+import { Button } from '../button';
+export const DropDown = ({ button, content, position, menuRounded = Rounded.m, menuClassName, disabled, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const closeDropdown = () => setIsOpen(false);
+    const [coords, setCoords] = useState(null);
+    const btnWrapRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        const update = () => {
+            const btn = btnWrapRef.current;
+            if (!btn) {
+                return;
+            }
+            const r = btn.getBoundingClientRect();
+            setCoords({
+                top: r.bottom + window.scrollY,
+                left: r.left + window.scrollX,
+                width: r.width,
+            });
+        };
+        update();
+        window.addEventListener('resize', update, { passive: true });
+        return () => {
+            window.removeEventListener('resize', update);
+        };
+    }, [isOpen]);
+    const pathname = usePathname();
+    const [prevPathname, setPrevPathname] = useState(pathname);
+    if (pathname !== prevPathname) {
+        setIsOpen(false);
+        setPrevPathname(pathname);
+    }
+    const [mounted, setMounted] = useState(false);
+    // マウント時の副作用は正当なケースとして残す
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    useEffect(() => setMounted(true), []);
+    if (!mounted) {
+        return null;
+    }
+    return (<div className='flex flex-col w-fit'>
+      <div ref={btnWrapRef}>
+        <Component.Button {...button} onClick={(e) => {
+            setIsOpen((v) => !v);
+            button.onClick?.(e);
+        }} disabled={disabled}/>
+      </div>
+
+      {isOpen &&
+            createPortal(<>
+            <div className='fixed inset-0 z-popup' onClick={() => setIsOpen(false)}/>
+            {coords && (<div className='z-popup absolute' style={{
+                        top: coords.top,
+                        left: position === 'left'
+                            ? coords.left
+                            : position === 'center'
+                                ? coords.left + coords.width / 2
+                                : coords.left + coords.width,
+                        transform: position === 'left' ? undefined : position === 'center' ? 'translateX(-50%)' : 'translateX(-100%)',
+                    }}>
+                <Component.Card rounded={menuRounded} shadow className={classNames('p-0!', 'w-max', menuClassName)} style={{ minWidth: coords.width }}>
+                  {isValidElement(content) ? (content) : (<ul className='whitespace-nowrap min-w-max'>
+                      {Array.isArray(content) &&
+                            content.map((x, i) => {
+                                if (x === 'divider') {
+                                    return <div key={i} className='bg-outline-default h-px w-full'/>;
+                                }
+                                if (isValidElement(x)) {
+                                    return x;
+                                }
+                                const props = x;
+                                const isLink = 'href' in props;
+                                return (<li key={i} className='p-control-padding-md'>
+                              <Button {...props} className={classNames('flex items-center justify-start w-full text-left', 'bg-transparent no-underline!', 'gap-control-padding-sm p-control-padding-base', 'text-sm!', getRoundedClassName(menuRounded), props.className)} onClick={(e) => {
+                                        if ('onClick' in props) {
+                                            props.onClick?.(e);
+                                        }
+                                        if (isLink) {
+                                            setTimeout(closeDropdown, 0);
+                                        }
+                                        else {
+                                            closeDropdown();
+                                        }
+                                    }}/>
+                            </li>);
+                            })}
+                    </ul>)}
+                </Component.Card>
+              </div>)}
+          </>, document.body)}
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/dropdown/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/dropdown/index.tsx"],"names":[],"mappings":"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"}