gd-design-library 1.8.2 → 1.8.3

package/components/molecules/Dropdown/hooks/useDropdown.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(void 0),n=()=>{let n=(0,e.useContext)(t);if(!n)throw Error(`useDropdownContext must be used within a Dropdown component or children`);return n};exports.DropdownContext=t,exports.useDropdownContext=n;
+"use client";let e=require("react");var t=(0,e.createContext)(void 0),n=()=>{let n=(0,e.useContext)(t);if(!n)throw Error(`useDropdownContext must be used within a Dropdown component or children`);return n};exports.DropdownContext=t,exports.useDropdownContext=n;

package/components/molecules/Dropdown/hooks/useDropdown.d.cts

@@ -0,0 +1,3 @@
+import { DropdownContextType } from '../Dropdown.types.js';
+export declare const DropdownContext: import('react').Context<DropdownContextType | undefined>;
+export declare const useDropdownContext: () => DropdownContextType;

package/components/molecules/Dropdown/hooks/useDropdown.d.ts

@@ -1,3 +1,3 @@
-import { DropdownContextType } from '../Dropdown.types';
+import { DropdownContextType } from '../Dropdown.types.js';
 export declare const DropdownContext: import('react').Context<DropdownContextType | undefined>;
 export declare const useDropdownContext: () => DropdownContextType;

package/components/molecules/Dropdown/index.d.cts

@@ -0,0 +1,3 @@
+export * from './Dropdown.js';
+export * from './Dropdown.types.js';
+export * from './hooks/useDropdown.js';

package/components/molecules/Dropdown/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Dropdown';
-export * from './Dropdown.types';
-export * from './hooks/useDropdown';
+export * from './Dropdown.js';
+export * from './Dropdown.types.js';
+export * from './hooks/useDropdown.js';

package/components/molecules/DropdownItem/DropdownItem.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../types/accesability.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`../../../constants/keyboard.cjs`),r=require(`../../atoms/Select/hooks/useSelectContext.cjs`),i=require(`./constants.cjs`),a=require(`./DropdownItemStyled.cjs`);let o=require(`react`),s=require(`@emotion/react/jsx-runtime`);var c=(0,o.forwardRef)((c,l)=>{let{children:u,value:d,onSelect:f,className:p,disabled:m,name:h,...g}=c,{theme:_}=t.useTheme(),{onSelect:v,value:y,itemIdentifier:b,multiple:x}=r.useSelectContext(),S={name:h,value:d},C=JSON.stringify(S),w=y===void 0?p?.includes(`active`):x&&Array.isArray(y)?y.some(e=>b?.(e,S)??e.value===S.value):!x&&!Array.isArray(y)&&b?b(y,S):p?.includes(`active`),T=(0,o.useMemo)(()=>`${p||``} ${w?`active`:``}`,[p,w]),E=(0,o.useCallback)(e=>{if(!m)return f?f({event:e,data:S}):v&&v({event:e,data:S}),d},[f,v,C,JSON.stringify(d),m]),D=(0,o.useCallback)(e=>{m||e.key===n.KEYBOARD_KEYS.ENTER&&(e.preventDefault(),E(e))},[E,m,C]);return(0,s.jsx)(a.DropdownItemStyled,{ref:l,theme:_,$disabled:m,tabIndex:m?e.TabIndex.Disabled:e.TabIndex.Default,"data-testid":i.COMPONENT_NAME,className:T,onClick:E,onKeyDown:D,...g,children:u||h})});c.displayName=i.COMPONENT_NAME,exports.DropdownItem=c;
+"use client";const e=require("../../../types/accesability.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("../../../constants/keyboard.cjs"),r=require("../../atoms/Select/hooks/useSelectContext.cjs"),i=require("./constants.cjs"),a=require("./DropdownItemStyled.cjs");let o=require("react"),s=require("@emotion/react/jsx-runtime");var c=(0,o.forwardRef)((c,l)=>{let{children:u,value:d,onSelect:f,className:p,disabled:m,name:h,...g}=c,{theme:_}=t.useTheme(),{onSelect:v,value:y,itemIdentifier:b,multiple:x}=r.useSelectContext(),S={name:h,value:d},C=JSON.stringify(S),w=y===void 0?p?.includes(`active`):x&&Array.isArray(y)?y.some(e=>b?.(e,S)??e.value===S.value):!x&&!Array.isArray(y)&&b?b(y,S):p?.includes(`active`),T=(0,o.useMemo)(()=>`${p||``} ${w?`active`:``}`,[p,w]),E=(0,o.useCallback)(e=>{if(!m)return f?f({event:e,data:S}):v&&v({event:e,data:S}),d},[f,v,C,JSON.stringify(d),m]),D=(0,o.useCallback)(e=>{m||e.key===n.KEYBOARD_KEYS.ENTER&&(e.preventDefault(),E(e))},[E,m,C]);return(0,s.jsx)(a.DropdownItemStyled,{ref:l,theme:_,$disabled:m,tabIndex:m?e.TabIndex.Disabled:e.TabIndex.Default,"data-testid":i.COMPONENT_NAME,className:T,onClick:E,onKeyDown:D,...g,children:u||h})});c.displayName=i.COMPONENT_NAME,exports.DropdownItem=c;

package/components/molecules/DropdownItem/DropdownItem.d.cts

@@ -0,0 +1,2 @@
+import { DropdownItemProps } from './index.js';
+export declare const DropdownItem: import('react').ForwardRefExoticComponent<DropdownItemProps<unknown> & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/DropdownItem/DropdownItem.d.ts

@@ -1,2 +1,2 @@
-import { DropdownItemProps } from '.';
+import { DropdownItemProps } from './index.js';
 export declare const DropdownItem: import('react').ForwardRefExoticComponent<DropdownItemProps<unknown> & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/DropdownItem/DropdownItem.types.d.cts

@@ -0,0 +1,9 @@
+import { SelectProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface DropdownItemProps<T> extends Partial<Pick<SelectProps<T>, 'styles' | 'onSelect' | 'children' | 'className'>> {
+    name?: string;
+    disabled?: boolean;
+    value?: unknown;
+}
+export interface DropdownItemStyledProps extends CommonCssComponentStyledProps {
+    $disabled?: boolean;
+}

package/components/molecules/DropdownItem/DropdownItem.types.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps, CommonCssComponentStyledProps } from '../..';
+import { SelectProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface DropdownItemProps<T> extends Partial<Pick<SelectProps<T>, 'styles' | 'onSelect' | 'children' | 'className'>> {
     name?: string;
     disabled?: boolean;

package/components/molecules/DropdownItem/DropdownItemStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{theme:{select:a,...o}={},$disabled:s,styles:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o)),p=e.get(f,`item.default`,{}),m=e.get(f,`item.disabled`,{});return(0,r.jsx)(`div`,{css:[p,s?m:{},u,c],...d,ref:i})});exports.DropdownItemStyled=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{theme:{select:a,...o}={},$disabled:s,styles:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o)),p=e.get(f,`item.default`,{}),m=e.get(f,`item.disabled`,{});return(0,r.jsx)(`div`,{css:[p,s?m:{},u,c],...d,ref:i})});exports.DropdownItemStyled=i;

package/components/molecules/DropdownItem/DropdownItemStyled.d.cts

@@ -0,0 +1,2 @@
+import { DropdownItemStyledProps } from './/index.js';
+export declare const DropdownItemStyled: import('react').ForwardRefExoticComponent<Omit<DropdownItemStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/DropdownItem/DropdownItemStyled.d.ts

@@ -1,2 +1,2 @@
-import { DropdownItemStyledProps } from './';
+import { DropdownItemStyledProps } from './/index.js';
 export declare const DropdownItemStyled: import('react').ForwardRefExoticComponent<Omit<DropdownItemStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/DropdownItem/constants.d.cts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "DropdownItem";

package/components/molecules/DropdownItem/index.d.cts

@@ -0,0 +1,2 @@
+export * from './DropdownItem.js';
+export * from './DropdownItem.types.js';

package/components/molecules/DropdownItem/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DropdownItem';
-export * from './DropdownItem.types';
+export * from './DropdownItem.js';
+export * from './DropdownItem.types.js';

package/components/molecules/Form/Form.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./utils.cjs`),i=require(`./FormStyled.cjs`);let a=require(`react`),o=require(`@emotion/react/jsx-runtime`);var s=(0,a.forwardRef)((s,c)=>{let{children:l,ariaLabelBy:u,describedBy:d,role:f,onSubmit:p,onChange:m,onFormSubmit:h,onFormChange:g,..._}=s,{theme:v}=t.useTheme(),y=h??p,b=g??m,x=(0,a.useCallback)(t=>{if(!b)return;let n=e.get(t,`target`),i=r.transformFormDataToObjectWithValues(e.get(n,`form`)),a=r.transformFormElementDataToObjectWithValues(n);b({event:t,changedControlNames:Object.keys(a),controlValues:a,formData:i})},[b]);return(0,o.jsx)(i.FormStyled,{ref:c,onSubmit:(0,a.useCallback)(t=>{y&&y({event:t,formData:r.transformFormDataToObjectWithValues(e.get(t,`target`))})},[y]),onChange:x,theme:v,"data-testid":n.COMPONENT_NAME,...u?{"aria-labelledby":u}:{},...d?{"aria-describedby":d}:{},...f?{"aria-role":f}:{},..._,children:l})});s.displayName=n.COMPONENT_NAME,exports.Form=s;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./utils.cjs"),i=require("./FormStyled.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");var s=(0,a.forwardRef)((s,c)=>{let{children:l,ariaLabelBy:u,describedBy:d,role:f,onSubmit:p,onChange:m,onFormSubmit:h,onFormChange:g,..._}=s,{theme:v}=t.useTheme(),y=h??p,b=g??m,x=(0,a.useCallback)(t=>{if(!b)return;let n=e.get(t,`target`),i=r.transformFormDataToObjectWithValues(e.get(n,`form`)),a=r.transformFormElementDataToObjectWithValues(n);b({event:t,changedControlNames:Object.keys(a),controlValues:a,formData:i})},[b]);return(0,o.jsx)(i.FormStyled,{ref:c,onSubmit:(0,a.useCallback)(t=>{y&&y({event:t,formData:r.transformFormDataToObjectWithValues(e.get(t,`target`))})},[y]),onChange:x,theme:v,"data-testid":n.COMPONENT_NAME,...u?{"aria-labelledby":u}:{},...d?{"aria-describedby":d}:{},...f?{"aria-role":f}:{},..._,children:l})});s.displayName=n.COMPONENT_NAME,exports.Form=s;

package/components/molecules/Form/Form.d.cts

@@ -0,0 +1,2 @@
+import { FormProps } from './Form.types.js';
+export declare const Form: import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<HTMLFormElement>>;

package/components/molecules/Form/Form.d.ts

@@ -1,2 +1,2 @@
-import { FormProps } from './Form.types';
+import { FormProps } from './Form.types.js';
 export declare const Form: import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<HTMLFormElement>>;

package/components/molecules/Form/Form.types.d.cts

@@ -0,0 +1,31 @@
+import { FormEvent, PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export type FormFieldValue = string | number | boolean;
+export type FormFieldsData = Record<string, {
+    value: FormFieldValue;
+    isChecked?: boolean;
+}>;
+export type FormOnChangeEventData = {
+    event: FormEvent<Element>;
+    changedControlNames: string[];
+    controlValues: FormFieldsData;
+    formData: FormFieldsData;
+};
+export type FormOnSubmitEventData = {
+    event: FormEvent<Element>;
+    formData: FormFieldsData;
+};
+export interface FormAriaProps {
+    ariaLabelBy?: string;
+    describedBy?: string;
+}
+export interface FormEventHandlers {
+    onSubmit?: (formOnSubmitEventData: FormOnSubmitEventData) => void;
+    onChange?: (formOnChangeEventData: FormOnChangeEventData) => void;
+    onFormSubmit?: (formOnSubmitEventData: FormOnSubmitEventData) => void;
+    onFormChange?: (formOnChangeEventData: FormOnChangeEventData) => void;
+}
+export interface FormProps extends Omit<CommonCssComponentProps<HTMLFormElement>, 'onSubmit' | 'onChange'>, FormAriaProps, FormEventHandlers, PropsWithChildren {
+}
+export interface FormStyledProps extends CommonCssComponentStyledProps<HTMLFormElement>, PropsWithChildren {
+}

package/components/molecules/Form/Form.types.d.ts

@@ -1,5 +1,5 @@
 import { FormEvent, PropsWithChildren } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export type FormFieldValue = string | number | boolean;
 export type FormFieldsData = Record<string, {
     value: FormFieldValue;

package/components/molecules/Form/FormStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{theme:{form:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`form`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),l,s],...u,ref:i})});exports.FormStyled=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{theme:{form:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`form`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),l,s],...u,ref:i})});exports.FormStyled=i;

package/components/molecules/Form/FormStyled.d.cts

@@ -0,0 +1,2 @@
+import { FormStyledProps } from './/index.js';
+export declare const FormStyled: import('react').ForwardRefExoticComponent<Omit<FormStyledProps, "ref"> & import('react').RefAttributes<HTMLFormElement>>;

package/components/molecules/Form/FormStyled.d.ts

@@ -1,2 +1,2 @@
-import { FormStyledProps } from './';
+import { FormStyledProps } from './/index.js';
 export declare const FormStyled: import('react').ForwardRefExoticComponent<Omit<FormStyledProps, "ref"> & import('react').RefAttributes<HTMLFormElement>>;

package/components/molecules/Form/constants.d.cts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Form";

package/components/molecules/Form/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Form.js';
+export * from './Form.types.js';

package/components/molecules/Form/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Form';
-export * from './Form.types';
+export * from './Form.js';
+export * from './Form.types.js';

package/components/molecules/Form/utils.cjs

@@ -1 +1 @@
-const e=require(`../../../utils/helpers.cjs`),t=require(`../../../types/input.cjs`),n=require(`../../../types/button.cjs`);var r=t=>Array.from(e.get(t,`elements`,[])).reduce((e,t)=>i(t,e),{}),i=(r,i={})=>{let a=e.get(r,`tagName`,``).toLowerCase(),o=e.get(r,`name`),s=e.get(r,`type`),c=e.get(r,`checked`),l=e.get(r,`value`);if(!(a===n.ButtonTypes.Button||s===n.ButtonTypes.Submit||!o))switch(s){case t.InputVariantType.Checkbox:e.set(i,o,{value:l,isChecked:c});break;case t.InputVariantType.Radio:c&&e.set(i,o,{value:l,isChecked:c}),e.get(i,[o,`isChecked`],!1)||e.set(i,o,{value:``,isChecked:c});break;default:e.set(i,o,{value:l});break}return i};exports.transformFormDataToObjectWithValues=r,exports.transformFormElementDataToObjectWithValues=i;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../types/input.cjs"),n=require("../../../types/button.cjs");var r=t=>Array.from(e.get(t,`elements`,[])).reduce((e,t)=>i(t,e),{}),i=(r,i={})=>{let a=e.get(r,`tagName`,``).toLowerCase(),o=e.get(r,`name`),s=e.get(r,`type`),c=e.get(r,`checked`),l=e.get(r,`value`);if(!(a===n.ButtonTypes.Button||s===n.ButtonTypes.Submit||!o))switch(s){case t.InputVariantType.Checkbox:e.set(i,o,{value:l,isChecked:c});break;case t.InputVariantType.Radio:c&&e.set(i,o,{value:l,isChecked:c}),e.get(i,[o,`isChecked`],!1)||e.set(i,o,{value:``,isChecked:c});break;default:e.set(i,o,{value:l});break}return i};exports.transformFormDataToObjectWithValues=r,exports.transformFormElementDataToObjectWithValues=i;

package/components/molecules/Form/utils.d.cts

@@ -0,0 +1,3 @@
+import { FormFieldsData } from './Form.types.js';
+export declare const transformFormDataToObjectWithValues: (targetForm?: HTMLFormElement) => FormFieldsData;
+export declare const transformFormElementDataToObjectWithValues: (targetElement: EventTarget, output?: FormFieldsData) => FormFieldsData;

package/components/molecules/Form/utils.d.ts

@@ -1,3 +1,3 @@
-import { FormFieldsData } from './Form.types';
+import { FormFieldsData } from './Form.types.js';
 export declare const transformFormDataToObjectWithValues: (targetForm?: HTMLFormElement) => FormFieldsData;
 export declare const transformFormElementDataToObjectWithValues: (targetElement: EventTarget, output?: FormFieldsData) => FormFieldsData;

package/components/molecules/InlineNotification/InlineNotification.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../utils/common.cjs`),n=require(`../../../hooks/useTheme/useTheme.cjs`),r=require(`../../atoms/Icon/Icon.cjs`),i=require(`./constants.cjs`),a=require(`./InlineNotificationStyled.cjs`);let o=require(`react`),s=require(`@emotion/react/jsx-runtime`);var c=(0,o.forwardRef)((o,c)=>{let{variant:l=i.DEFAULT_VARIANT,className:u,styles:d,children:f,...p}=o,{theme:m}=n.useTheme(),h=e.get(m,[`inlineNotification`,l,`icon`],{name:``}),g=t.isChildPrimitive(f),{ariaLive:_,role:v}=e.get(i.accessibilityValues,l,i.accessibilityValues.default);return(0,s.jsxs)(a.InlineNotificationStyled,{ref:c,"data-testid":i.COMPONENT_NAME,$variant:l,className:u,styles:d,theme:m,..._?{"aria-live":_}:{},...v?{role:v}:{},...p,children:[h?.name&&(0,s.jsx)(r.Icon,{...h}),g&&(0,s.jsx)(a.InlineNotificationMessageStyled,{"data-testid":`InlineNotificationComponent`,$variant:l,theme:m,children:f}),!g&&f]})});c.displayName=i.COMPONENT_NAME,exports.InlineNotification=c;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../utils/common.cjs"),n=require("../../../hooks/useTheme/useTheme.cjs"),r=require("../../atoms/Icon/Icon.cjs"),i=require("./constants.cjs"),a=require("./InlineNotificationStyled.cjs");let o=require("react"),s=require("@emotion/react/jsx-runtime");var c=(0,o.forwardRef)((o,c)=>{let{variant:l=i.DEFAULT_VARIANT,className:u,styles:d,children:f,...p}=o,{theme:m}=n.useTheme(),h=e.get(m,[`inlineNotification`,l,`icon`],{name:``}),g=t.isChildPrimitive(f),{ariaLive:_,role:v}=e.get(i.accessibilityValues,l,i.accessibilityValues.default);return(0,s.jsxs)(a.InlineNotificationStyled,{ref:c,"data-testid":i.COMPONENT_NAME,$variant:l,className:u,styles:d,theme:m,..._?{"aria-live":_}:{},...v?{role:v}:{},...p,children:[h?.name&&(0,s.jsx)(r.Icon,{...h}),g&&(0,s.jsx)(a.InlineNotificationMessageStyled,{"data-testid":`InlineNotificationComponent`,$variant:l,theme:m,children:f}),!g&&f]})});c.displayName=i.COMPONENT_NAME,exports.InlineNotification=c;

package/components/molecules/InlineNotification/InlineNotification.d.cts

@@ -0,0 +1,2 @@
+import { InlineNotificationProps } from './InlineNotification.types.js';
+export declare const InlineNotification: import('react').ForwardRefExoticComponent<InlineNotificationProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/InlineNotification/InlineNotification.d.ts

@@ -1,2 +1,2 @@
-import { InlineNotificationProps } from './InlineNotification.types';
+import { InlineNotificationProps } from './InlineNotification.types.js';
 export declare const InlineNotification: import('react').ForwardRefExoticComponent<InlineNotificationProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/InlineNotification/InlineNotification.types.d.cts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
+export type InlineNotificationVariant = 'success' | 'error' | 'warning' | 'info' | 'basic';
+export interface InlineNotificationProps extends CommonCssComponentProps, PropsWithChildren {
+    variant?: InlineNotificationVariant;
+}
+export interface InlineNotificationsStyledProps<T = HTMLDivElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+    $variant: InlineNotificationVariant;
+}

package/components/molecules/InlineNotification/InlineNotification.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
 export type InlineNotificationVariant = 'success' | 'error' | 'warning' | 'info' | 'basic';
 export interface InlineNotificationProps extends CommonCssComponentProps, PropsWithChildren {
     variant?: InlineNotificationVariant;

package/components/molecules/InlineNotification/InlineNotificationStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{theme:{inlineNotification:a,...o}={},$variant:s,styles:c={},...l}=n,u=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`div`,{css:[e.get(u,`default.wrapper`,{}),e.get(u,[s,`wrapper`],{}),c],...l,ref:i})}),a=n=>{let{theme:{inlineNotification:i,...a}={},$variant:o,styles:s={},...c}=n,l=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(l,`default.content`,{}),e.get(l,[o,`content`],{}),s],...c})};exports.InlineNotificationMessageStyled=a,exports.InlineNotificationStyled=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{theme:{inlineNotification:a,...o}={},$variant:s,styles:c={},...l}=n,u=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`div`,{css:[e.get(u,`default.wrapper`,{}),e.get(u,[s,`wrapper`],{}),c],...l,ref:i})}),a=n=>{let{theme:{inlineNotification:i,...a}={},$variant:o,styles:s={},...c}=n,l=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(l,`default.content`,{}),e.get(l,[o,`content`],{}),s],...c})};exports.InlineNotificationMessageStyled=a,exports.InlineNotificationStyled=i;

package/components/molecules/InlineNotification/InlineNotificationStyled.d.cts

@@ -0,0 +1,3 @@
+import { InlineNotificationsStyledProps } from './index.js';
+export declare const InlineNotificationStyled: import('react').ForwardRefExoticComponent<Omit<InlineNotificationsStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const InlineNotificationMessageStyled: (props: InlineNotificationsStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/InlineNotification/InlineNotificationStyled.d.ts

@@ -1,3 +1,3 @@
-import { InlineNotificationsStyledProps } from '.';
+import { InlineNotificationsStyledProps } from './index.js';
 export declare const InlineNotificationStyled: import('react').ForwardRefExoticComponent<Omit<InlineNotificationsStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const InlineNotificationMessageStyled: (props: InlineNotificationsStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/InlineNotification/constants.d.cts

@@ -0,0 +1,16 @@
+export declare const COMPONENT_NAME = "InlineNotification";
+export declare const CONTENT_COMPONENT = "InlineNotificationComponent";
+export type AriaValues = {
+    ariaLive: 'assertive' | 'polite';
+    role: 'status' | 'alert';
+};
+export declare const defaultAriaValues: AriaValues;
+export declare const errorAriaValues: AriaValues;
+export declare const accessibilityValues: {
+    default: AriaValues;
+    success: AriaValues;
+    info: AriaValues;
+    error: AriaValues;
+    warning: AriaValues;
+};
+export declare const DEFAULT_VARIANT = "basic";

package/components/molecules/InlineNotification/index.d.cts

@@ -0,0 +1,2 @@
+export * from './InlineNotification.js';
+export * from './InlineNotification.types.js';

package/components/molecules/InlineNotification/index.d.ts

@@ -1,2 +1,2 @@
-export * from './InlineNotification';
-export * from './InlineNotification.types';
+export * from './InlineNotification.js';
+export * from './InlineNotification.types.js';

package/components/molecules/List/List.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../types/list.cjs`),n=require(`../../../hooks/useTheme/useTheme.cjs`),r=require(`../../atoms/Icon/Icon.cjs`),i=require(`./constants.cjs`),a=require(`./ListStyled.cjs`);let o=require(`react`),s=require(`@emotion/react/jsx-runtime`);var c=(0,o.forwardRef)((c,l)=>{let{items:u=[],variant:d=t.ListVariant.OrderedCircle,size:f=`md`,styles:p,...m}=c,{theme:h}=n.useTheme(),g=e.get(h,`list.icons`,{}),_=(0,o.useCallback)(n=>{switch(d){case t.ListVariant.UnorderedDot:return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`${i.COMPONENT_NAME}__bulletPoint`,children:(0,s.jsx)(r.Icon,{...e.get(g,`bulletDot`,{name:`dot`})})}),n]});case t.ListVariant.UnorderedCheck:return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`${i.COMPONENT_NAME}__bulletPoint`,children:(0,s.jsx)(r.Icon,{...e.get(g,`bulletCheck`,{name:`check`})})}),n]});case t.ListVariant.OrderedCircle:case t.ListVariant.OrderedSquare:default:return n}},[d]);if(u?.length)return(0,s.jsx)(a.ListWrapperStyled,{"data-testid":i.COMPONENT_NAME,ref:l,theme:h,styles:p,$variant:d,$size:f,...m,children:u.map((e,t)=>(0,s.jsx)(a.ListItemStyled,{theme:h,$variant:d,$size:f,"data-testid":`${i.COMPONENT_NAME}-item-${t}`,children:_(e)},`${i.COMPONENT_NAME}-${t}`))})});exports.default=c;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../types/list.cjs"),n=require("../../../hooks/useTheme/useTheme.cjs"),r=require("../../atoms/Icon/Icon.cjs"),i=require("./constants.cjs"),a=require("./ListStyled.cjs");let o=require("react"),s=require("@emotion/react/jsx-runtime");var c=(0,o.forwardRef)((c,l)=>{let{items:u=[],variant:d=t.ListVariant.OrderedCircle,size:f=`md`,styles:p,...m}=c,{theme:h}=n.useTheme(),g=e.get(h,`list.icons`,{}),_=(0,o.useCallback)(n=>{switch(d){case t.ListVariant.UnorderedDot:return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`${i.COMPONENT_NAME}__bulletPoint`,children:(0,s.jsx)(r.Icon,{...e.get(g,`bulletDot`,{name:`dot`})})}),n]});case t.ListVariant.UnorderedCheck:return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`${i.COMPONENT_NAME}__bulletPoint`,children:(0,s.jsx)(r.Icon,{...e.get(g,`bulletCheck`,{name:`check`})})}),n]});case t.ListVariant.OrderedCircle:case t.ListVariant.OrderedSquare:default:return n}},[d]);if(u?.length)return(0,s.jsx)(a.ListWrapperStyled,{"data-testid":i.COMPONENT_NAME,ref:l,theme:h,styles:p,$variant:d,$size:f,...m,children:u.map((e,t)=>(0,s.jsx)(a.ListItemStyled,{theme:h,$variant:d,$size:f,"data-testid":`${i.COMPONENT_NAME}-item-${t}`,children:_(e)},`${i.COMPONENT_NAME}-${t}`))})});exports.default=c;

package/components/molecules/List/List.d.cts

@@ -0,0 +1,3 @@
+import { ListProps } from './List.types.js';
+declare const List: import('react').ForwardRefExoticComponent<ListProps<HTMLUListElement> & import('react').RefAttributes<HTMLUListElement>>;
+export default List;

package/components/molecules/List/List.d.ts

@@ -1,3 +1,3 @@
-import { ListProps } from './List.types';
+import { ListProps } from './List.types.js';
 declare const List: import('react').ForwardRefExoticComponent<ListProps<HTMLUListElement> & import('react').RefAttributes<HTMLUListElement>>;
 export default List;

package/components/molecules/List/List.types.d.cts

@@ -0,0 +1,13 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+import { EnumOrPrimitive, ListVariant } from '../../../types/index.js';
+export type ListSize = 'sm' | 'md';
+export interface ListProps<T> extends CommonCssComponentProps<T>, PropsWithChildren {
+    items?: ReactNode[];
+    variant?: EnumOrPrimitive<ListVariant>;
+    size?: ListSize;
+}
+export interface ListStyledProps<T = HTMLUListElement> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+    $variant?: EnumOrPrimitive<ListVariant>;
+    $size?: ListSize;
+}

package/components/molecules/List/List.types.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-import { EnumOrPrimitive, ListVariant } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+import { EnumOrPrimitive, ListVariant } from '../../../types/index.js';
 export type ListSize = 'sm' | 'md';
 export interface ListProps<T> extends CommonCssComponentProps<T>, PropsWithChildren {
     items?: ReactNode[];

package/components/molecules/List/ListStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../../types/list.cjs`);let r=require(`@emotion/react/jsx-runtime`);var i=i=>{let{theme:{list:a,...o}={},$variant:s=n.ListVariant.OrderedCircle,styles:c,...l}=i,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(a||{},t.tokensHandler(o)),`wrapper`,{});return(0,r.jsx)(`ul`,{css:[e.get(f,`default`,{}),e.get(f,s,{}),u,c],...d})},a=i=>{let{theme:{list:a,...o}={},$variant:s=n.ListVariant.OrderedCircle,$size:c=`md`,styles:l,...u}=i,{boxStyles:d,restProps:f}=t.getBoxStyles(u),p=new Proxy(a||{},t.tokensHandler(o)),m=e.get(p,`item`,{}),h=e.get(p,`size.${c}`,{});return(0,r.jsx)(`li`,{css:[e.get(m,`default`,{}),e.get(m,s,{}),h,d,l],...f})};exports.ListItemStyled=a,exports.ListWrapperStyled=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../../types/list.cjs");let r=require("@emotion/react/jsx-runtime");var i=i=>{let{theme:{list:a,...o}={},$variant:s=n.ListVariant.OrderedCircle,styles:c,...l}=i,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(a||{},t.tokensHandler(o)),`wrapper`,{});return(0,r.jsx)(`ul`,{css:[e.get(f,`default`,{}),e.get(f,s,{}),u,c],...d})},a=i=>{let{theme:{list:a,...o}={},$variant:s=n.ListVariant.OrderedCircle,$size:c=`md`,styles:l,...u}=i,{boxStyles:d,restProps:f}=t.getBoxStyles(u),p=new Proxy(a||{},t.tokensHandler(o)),m=e.get(p,`item`,{}),h=e.get(p,`size.${c}`,{});return(0,r.jsx)(`li`,{css:[e.get(m,`default`,{}),e.get(m,s,{}),h,d,l],...f})};exports.ListItemStyled=a,exports.ListWrapperStyled=i;

package/components/molecules/List/ListStyled.d.cts

@@ -0,0 +1,3 @@
+import { ListStyledProps } from './List.types.js';
+export declare const ListWrapperStyled: (props: ListStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ListItemStyled: (props: ListStyledProps<HTMLLIElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/List/ListStyled.d.ts

@@ -1,3 +1,3 @@
-import { ListStyledProps } from './List.types';
+import { ListStyledProps } from './List.types.js';
 export declare const ListWrapperStyled: (props: ListStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const ListItemStyled: (props: ListStyledProps<HTMLLIElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/List/constants.d.cts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "List";

package/components/molecules/List/index.d.cts

@@ -0,0 +1,2 @@
+export { default as List } from './List.js';
+export * from './List.types.js';

package/components/molecules/List/index.d.ts

@@ -1,2 +1,2 @@
-export { default as List } from './List';
-export * from './List.types';
+export { default as List } from './List.js';
+export * from './List.types.js';

package/components/molecules/Menu/Menu.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../utils/animationFrame.cjs`),n=require(`../../../tokens/utils.cjs`),r=require(`../../../hooks/useLogger/useLogger.cjs`),i=require(`../../../hooks/useTheme/useTheme.cjs`),a=require(`../../layout/Portal/Portal.cjs`),o=require(`../../../constants/keyboard.cjs`),s=require(`../../atoms/Select/hooks/useSelectContext.cjs`),c=require(`./constants.cjs`),l=require(`./MenuStyled.cjs`);let u=require(`react`),d=require(`@emotion/react/jsx-runtime`);var f=(0,u.forwardRef)(({onSelect:f,children:p,content:m,itemIdentifier:h=(e,t)=>e?.value===t?.value,closeOnSelect:g=!0,minHeight:_,maxHeight:v,offsetX:y,offsetY:b,placement:x,...S},C)=>{let{theme:w}=i.useTheme(),T=r.useLogger(),[E,D]=(0,u.useState)(!1),[O,k]=(0,u.useState)(),[A,j]=(0,u.useState)(),M=(0,u.useRef)(null),N=(0,u.useRef)(null),P=(0,u.useRef)({top:0,left:0}),F=_||e.get(w,`menu.attrs.minHeight`),I=v||e.get(w,`menu.attrs.maxHeight`),L=y||e.get(w,`menu.attrs.offsetX`,0),R=b||e.get(w,`menu.attrs.offsetY`,0),z=(0,u.useCallback)(({width:e,height:t})=>{let n=M.current?M.current.getBoundingClientRect():c.EMPTY_CLIENT_RECT,r=window.innerWidth,i=window.innerHeight,a=window.scrollX||window.pageXOffset||0,o=window.scrollY||window.pageYOffset||0,s=x||`bottom-right`,l,u;switch(s){case`top-left`:l=n.left-e-L,u=n.top-t-R;break;case`top-right`:l=n.right+L,u=n.top-t-R;break;case`bottom-left`:l=n.left-e-L,u=n.bottom+R;break;case`bottom-right`:l=n.right+L,u=n.bottom+R;break}return(l+e>r||l<0)&&(l=s===`top-left`||s===`bottom-left`?L:r-e-L),(u+t>i||u<0)&&(u=s===`top-left`||s===`top-right`?R:i-t-R),{left:l+a,top:u+o}},[x,L,R]),B=(0,u.useCallback)(({event:e,data:t})=>{T.debug(`${c.COMPONENT_NAME}: Select`,{value:t?.value,name:t?.name,previousValue:O?.value,previousName:O?.name}),f?.({event:e,data:t}),k(t),g&&D(!1)},[f,g,O]),V=(0,u.useCallback)(()=>{D(e=>{let t=!e;return T.debug(`${c.COMPONENT_NAME}: ${t?`Open`:`Close`}`,{trigger:`toggle`}),t})},[]),H={onSelect:B,value:O,itemIdentifier:h},U=e=>{(C?.current?.isOpen||E)&&e.key===o.KEYBOARD_KEYS.ESCAPE&&(T.debug(`${c.COMPONENT_NAME}: Close`,{trigger:`escape`}),D(!1))},W=e=>{!M?.current?.contains(A||e.target)&&!N?.current?.contains(e.target)&&(T.debug(`${c.COMPONENT_NAME}: Close`,{trigger:`outsideClick`}),D(!1),j(null))};return(0,u.useEffect)(()=>(E?(document.addEventListener(`keydown`,U),document.addEventListener(`mousedown`,W)):(document.removeEventListener(`keydown`,U),document.removeEventListener(`mousedown`,W)),()=>{document.removeEventListener(`keydown`,U),document.removeEventListener(`mousedown`,W)}),[E]),t.useAnimationFrame(()=>{if(N.current&&E){let{top:e,left:t}=z(N.current.getBoundingClientRect()),n=window.innerHeight-(e-(window.scrollY||window.pageYOffset||0))-R;P.current={top:e,left:t},N.current&&(N.current.style.left=`${t}px`,N.current.style.top=`${e}px`,I&&(N.current.style.maxHeight=`${Math.min(I,n)}px`),F&&(N.current.style.minHeight=`${Math.min(F,n)}px`))}}),(0,u.useImperativeHandle)(C,()=>({ref:M,isOpen:E,selectedValue:O,onSelect:B,open:e=>{T.debug(`${c.COMPONENT_NAME}: Open`,{trigger:`ref`}),!E&&(j(e||null),D(!0))},close:e=>{T.debug(`${c.COMPONENT_NAME}: Close`,{trigger:`ref`}),E&&(j(e||null),D(!1))}}),[E,O,B]),(0,d.jsxs)(s.SelectContext.Provider,{value:H,children:[(0,d.jsx)(l.MenuTriggerStyled,{onClick:V,theme:w,ref:M,"data-testid":c.COMPONENT_NAME,...S,children:p}),E&&(0,d.jsx)(a.Portal,{withWrapper:!1,children:(0,d.jsx)(l.MenuContentStyled,{ref:N,"data-testid":`Menu`,theme:w,...n.convertToInlineBoxStyles(S),children:m})})]})});f.displayName=c.COMPONENT_NAME,exports.Menu=f;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../utils/animationFrame.cjs"),n=require("../../../tokens/utils.cjs"),r=require("../../../hooks/useLogger/useLogger.cjs"),i=require("../../../hooks/useTheme/useTheme.cjs"),a=require("../../layout/Portal/Portal.cjs"),o=require("../../../constants/keyboard.cjs"),s=require("../../atoms/Select/hooks/useSelectContext.cjs"),c=require("./constants.cjs"),l=require("./MenuStyled.cjs");let u=require("react"),d=require("@emotion/react/jsx-runtime");var f=(0,u.forwardRef)(({onSelect:f,children:p,content:m,itemIdentifier:h=(e,t)=>e?.value===t?.value,closeOnSelect:g=!0,minHeight:_,maxHeight:v,offsetX:y,offsetY:b,placement:x,...S},C)=>{let{theme:w}=i.useTheme(),T=r.useLogger(),[E,D]=(0,u.useState)(!1),[O,k]=(0,u.useState)(),[A,j]=(0,u.useState)(),M=(0,u.useRef)(null),N=(0,u.useRef)(null),P=(0,u.useRef)({top:0,left:0}),F=_||e.get(w,`menu.attrs.minHeight`),I=v||e.get(w,`menu.attrs.maxHeight`),L=y||e.get(w,`menu.attrs.offsetX`,0),R=b||e.get(w,`menu.attrs.offsetY`,0),z=(0,u.useCallback)(({width:e,height:t})=>{let n=M.current?M.current.getBoundingClientRect():c.EMPTY_CLIENT_RECT,r=window.innerWidth,i=window.innerHeight,a=window.scrollX||window.pageXOffset||0,o=window.scrollY||window.pageYOffset||0,s=x||`bottom-right`,l,u;switch(s){case`top-left`:l=n.left-e-L,u=n.top-t-R;break;case`top-right`:l=n.right+L,u=n.top-t-R;break;case`bottom-left`:l=n.left-e-L,u=n.bottom+R;break;case`bottom-right`:l=n.right+L,u=n.bottom+R;break}return(l+e>r||l<0)&&(l=s===`top-left`||s===`bottom-left`?L:r-e-L),(u+t>i||u<0)&&(u=s===`top-left`||s===`top-right`?R:i-t-R),{left:l+a,top:u+o}},[x,L,R]),B=(0,u.useCallback)(({event:e,data:t})=>{T.debug(`${c.COMPONENT_NAME}: Select`,{value:t?.value,name:t?.name,previousValue:O?.value,previousName:O?.name}),f?.({event:e,data:t}),k(t),g&&D(!1)},[f,g,O]),V=(0,u.useCallback)(()=>{D(e=>{let t=!e;return T.debug(`${c.COMPONENT_NAME}: ${t?`Open`:`Close`}`,{trigger:`toggle`}),t})},[]),H={onSelect:B,value:O,itemIdentifier:h},U=e=>{(C?.current?.isOpen||E)&&e.key===o.KEYBOARD_KEYS.ESCAPE&&(T.debug(`${c.COMPONENT_NAME}: Close`,{trigger:`escape`}),D(!1))},W=e=>{!M?.current?.contains(A||e.target)&&!N?.current?.contains(e.target)&&(T.debug(`${c.COMPONENT_NAME}: Close`,{trigger:`outsideClick`}),D(!1),j(null))};return(0,u.useEffect)(()=>(E?(document.addEventListener(`keydown`,U),document.addEventListener(`mousedown`,W)):(document.removeEventListener(`keydown`,U),document.removeEventListener(`mousedown`,W)),()=>{document.removeEventListener(`keydown`,U),document.removeEventListener(`mousedown`,W)}),[E]),t.useAnimationFrame(()=>{if(N.current&&E){let{top:e,left:t}=z(N.current.getBoundingClientRect()),n=window.innerHeight-(e-(window.scrollY||window.pageYOffset||0))-R;P.current={top:e,left:t},N.current&&(N.current.style.left=`${t}px`,N.current.style.top=`${e}px`,I&&(N.current.style.maxHeight=`${Math.min(I,n)}px`),F&&(N.current.style.minHeight=`${Math.min(F,n)}px`))}}),(0,u.useImperativeHandle)(C,()=>({ref:M,isOpen:E,selectedValue:O,onSelect:B,open:e=>{T.debug(`${c.COMPONENT_NAME}: Open`,{trigger:`ref`}),!E&&(j(e||null),D(!0))},close:e=>{T.debug(`${c.COMPONENT_NAME}: Close`,{trigger:`ref`}),E&&(j(e||null),D(!1))}}),[E,O,B]),(0,d.jsxs)(s.SelectContext.Provider,{value:H,children:[(0,d.jsx)(l.MenuTriggerStyled,{onClick:V,theme:w,ref:M,"data-testid":c.COMPONENT_NAME,...S,children:p}),E&&(0,d.jsx)(a.Portal,{withWrapper:!1,children:(0,d.jsx)(l.MenuContentStyled,{ref:N,"data-testid":`Menu`,theme:w,...n.convertToInlineBoxStyles(S),children:m})})]})});f.displayName=c.COMPONENT_NAME,exports.Menu=f;

package/components/molecules/Menu/Menu.d.cts

@@ -0,0 +1,2 @@
+import { MenuProps, MenuRef } from './/index.js';
+export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<MenuRef>>;

package/components/molecules/Menu/Menu.d.ts

@@ -1,2 +1,2 @@
-import { MenuProps, MenuRef } from './';
+import { MenuProps, MenuRef } from './/index.js';
 export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<MenuRef>>;

package/components/molecules/Menu/Menu.types.d.cts

@@ -0,0 +1,24 @@
+import { ReactNode, Ref } from 'react';
+import { BoxCssComponentProps, CommonCssComponentStyledProps, Option, SelectOnSelect, ItemIdentifier } from '../../index.js';
+export type MenuPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface MenuProps extends Omit<BoxCssComponentProps, 'content' | 'onSelect' | 'minHeight' | 'maxHeight' | 'offsetX' | 'offsetY'> {
+    itemIdentifier?: ItemIdentifier;
+    content?: ReactNode;
+    onSelect?: SelectOnSelect;
+    closeOnSelect?: boolean;
+    offsetX?: number;
+    offsetY?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    placement?: MenuPlacement;
+}
+export interface MenuRef {
+    ref: Ref<HTMLDivElement>;
+    selectedValue?: Option | null;
+    isOpen: boolean;
+    onSelect: SelectOnSelect;
+    open: (target?: EventTarget | null) => void;
+    close: (target?: EventTarget | null) => void;
+}
+export type MenuTriggerStyledProps = CommonCssComponentStyledProps;
+export type MenuContentStyledProps = CommonCssComponentStyledProps;

package/components/molecules/Menu/Menu.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, Ref } from 'react';
-import { BoxCssComponentProps, CommonCssComponentStyledProps, Option, SelectOnSelect, ItemIdentifier } from '../..';
+import { BoxCssComponentProps, CommonCssComponentStyledProps, Option, SelectOnSelect, ItemIdentifier } from '../../index.js';
 export type MenuPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export interface MenuProps extends Omit<BoxCssComponentProps, 'content' | 'onSelect' | 'minHeight' | 'maxHeight' | 'offsetX' | 'offsetY'> {
     itemIdentifier?: ItemIdentifier;

package/components/molecules/Menu/MenuStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,n.forwardRef)((n,a)=>{let{theme:{menu:o,...s}={},styles:c={},...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l);return(0,i.jsx)(`div`,{css:(0,r.css)({...e.get(new Proxy(o||{},t.tokensHandler(s)),`wrapper.default`,{}),...u,...c}),...d,ref:a})}),o=(0,n.forwardRef)((n,r)=>{let{theme:{menu:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`content.default`,{}),l,s],...u,ref:r})});exports.MenuContentStyled=o,exports.MenuTriggerStyled=a;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react"),i=require("@emotion/react/jsx-runtime");var a=(0,n.forwardRef)((n,a)=>{let{theme:{menu:o,...s}={},styles:c={},...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l);return(0,i.jsx)(`div`,{css:(0,r.css)({...e.get(new Proxy(o||{},t.tokensHandler(s)),`wrapper.default`,{}),...u,...c}),...d,ref:a})}),o=(0,n.forwardRef)((n,r)=>{let{theme:{menu:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`content.default`,{}),l,s],...u,ref:r})});exports.MenuContentStyled=o,exports.MenuTriggerStyled=a;

package/components/molecules/Menu/MenuStyled.d.cts

@@ -0,0 +1,3 @@
+import { MenuTriggerStyledProps, MenuContentStyledProps } from './Menu.types.js';
+export declare const MenuTriggerStyled: import('react').ForwardRefExoticComponent<Omit<MenuTriggerStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const MenuContentStyled: import('react').ForwardRefExoticComponent<Omit<MenuContentStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Menu/MenuStyled.d.ts

@@ -1,3 +1,3 @@
-import { MenuTriggerStyledProps, MenuContentStyledProps } from './Menu.types';
+import { MenuTriggerStyledProps, MenuContentStyledProps } from './Menu.types.js';
 export declare const MenuTriggerStyled: import('react').ForwardRefExoticComponent<Omit<MenuTriggerStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const MenuContentStyled: import('react').ForwardRefExoticComponent<Omit<MenuContentStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Menu/MenuStyled.js

@@ -7,7 +7,7 @@ import { jsx as a } from "@emotion/react/jsx-runtime";
 var o = r((r, o) => {
 	let { theme: { menu: s, ...c } = {}, styles: l = {}, ...u } = r, { boxStyles: d, restProps: f } = t(u);
 	return /* @__PURE__ */ a("div", {
-		css: /* @__PURE__ */ i({
+		css: /*#__PURE__*/ i({
 			...e(new Proxy(s || {}, n(c)), "wrapper.default", {}),
 			...d,
 			...l

package/components/molecules/Menu/constants.d.cts

@@ -0,0 +1,2 @@
+export declare const COMPONENT_NAME = "Menu";
+export declare const EMPTY_CLIENT_RECT: DOMRect;

package/components/molecules/Menu/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Menu.js';
+export * from './Menu.types.js';

package/components/molecules/Menu/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Menu';
-export * from './Menu.types';
+export * from './Menu.js';
+export * from './Menu.types.js';

package/components/molecules/Price/Price.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../hooks/useTheme/useTheme.cjs`),t=require(`./constants.cjs`),n=require(`./PriceStyled.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)((r,a)=>{let{className:o=``,oldValue:s,currentValue:c,size:l=`md`,currencySymbol:u,currencySymbolPosition:d=`before`,...f}=r,{theme:p}=e.useTheme(),m=e=>u?d===`after`?`${e} ${u}`:`${u}${e}`:e;return(0,i.jsxs)(n.PriceStyled,{ref:a,className:o,theme:p,"data-testid":t.COMPONENT_NAME,...f,children:[(0,i.jsx)(n.CurrentPriceStyled,{"data-testid":`${t.COMPONENT_NAME}-current`,theme:p,$size:l,children:m(c)}),s?(0,i.jsx)(n.OldPriceStyled,{"data-testid":`${t.COMPONENT_NAME}-old`,theme:p,$size:l,children:m(s)}):null]})});exports.Price=a;
+"use client";const e=require("../../../hooks/useTheme/useTheme.cjs"),t=require("./constants.cjs"),n=require("./PriceStyled.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)((r,a)=>{let{className:o=``,oldValue:s,currentValue:c,size:l=`md`,currencySymbol:u,currencySymbolPosition:d=`before`,...f}=r,{theme:p}=e.useTheme(),m=e=>u?d===`after`?`${e} ${u}`:`${u}${e}`:e;return(0,i.jsxs)(n.PriceStyled,{ref:a,className:o,theme:p,"data-testid":t.COMPONENT_NAME,...f,children:[(0,i.jsx)(n.CurrentPriceStyled,{"data-testid":`${t.COMPONENT_NAME}-current`,theme:p,$size:l,children:m(c)}),s?(0,i.jsx)(n.OldPriceStyled,{"data-testid":`${t.COMPONENT_NAME}-old`,theme:p,$size:l,children:m(s)}):null]})});exports.Price=a;

package/components/molecules/Price/Price.d.cts

@@ -0,0 +1,4 @@
+import { PriceProps } from './/index.js';
+export declare const Price: import('react').ForwardRefExoticComponent<PriceProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Price/Price.d.ts

@@ -1,4 +1,4 @@
-import { PriceProps } from './';
+import { PriceProps } from './/index.js';
 export declare const Price: import('react').ForwardRefExoticComponent<PriceProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Price/Price.types.d.cts

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export type PriceSize = 'sm' | 'md' | 'lg';
+export interface PriceProps extends CommonCssComponentProps {
+    currentValue: string;
+    oldValue?: string;
+    size?: PriceSize;
+    currencySymbol?: string;
+    /**
+     * Controls where the currency symbol is placed relative to the value.
+     * - `'before'` (default): symbol precedes the value — e.g. `$99.99`, `€99,99`
+     * - `'after'`: symbol follows the value with a space — e.g. `99,99 €`, `99 zł`
+     *
+     * Use `'after'` for European locales where the convention places the symbol after the amount.
+     */
+    currencySymbolPosition?: 'before' | 'after';
+}
+export interface PriceStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface PriceValueStyledProps<T> extends CommonCssComponentStyledProps<T>, PropsWithChildren {
+    $size?: PriceSize;
+}

package/components/molecules/Price/Price.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export type PriceSize = 'sm' | 'md' | 'lg';
 export interface PriceProps extends CommonCssComponentProps {
     currentValue: string;

package/components/molecules/Price/PriceStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{styles:a={},theme:{price:o,...s}={},...c}=n;return(0,r.jsx)(`div`,{ref:i,css:{...e.get(new Proxy(o||{},t.tokensHandler(s)),`default`,{}),...a},...c})}),a=n=>{let{theme:{price:i,...a}={},$size:o,...s}=n;return(0,r.jsx)(`span`,{css:{...e.get(new Proxy(i||{},t.tokensHandler(a)),{sm:`currentPrice.sm`,lg:`currentPrice.lg`}[o||`md`]||`currentPrice.default`,{})},...s})},o=n=>{let{theme:{price:i,...a}={},$size:o,...s}=n;return(0,r.jsx)(`del`,{css:{...e.get(new Proxy(i||{},t.tokensHandler(a)),{sm:`oldPrice.sm`,lg:`oldPrice.lg`}[o||`md`]||`oldPrice.default`,{})},...s})};exports.CurrentPriceStyled=a,exports.OldPriceStyled=o,exports.PriceStyled=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{styles:a={},theme:{price:o,...s}={},...c}=n;return(0,r.jsx)(`div`,{ref:i,css:{...e.get(new Proxy(o||{},t.tokensHandler(s)),`default`,{}),...a},...c})}),a=n=>{let{theme:{price:i,...a}={},$size:o,...s}=n;return(0,r.jsx)(`span`,{css:{...e.get(new Proxy(i||{},t.tokensHandler(a)),{sm:`currentPrice.sm`,lg:`currentPrice.lg`}[o||`md`]||`currentPrice.default`,{})},...s})},o=n=>{let{theme:{price:i,...a}={},$size:o,...s}=n;return(0,r.jsx)(`del`,{css:{...e.get(new Proxy(i||{},t.tokensHandler(a)),{sm:`oldPrice.sm`,lg:`oldPrice.lg`}[o||`md`]||`oldPrice.default`,{})},...s})};exports.CurrentPriceStyled=a,exports.OldPriceStyled=o,exports.PriceStyled=i;

package/components/molecules/Price/PriceStyled.d.cts

@@ -0,0 +1,4 @@
+import { PriceStyledProps, PriceValueStyledProps } from './Price.types.js';
+export declare const PriceStyled: import('react').ForwardRefExoticComponent<Omit<PriceStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CurrentPriceStyled: (props: PriceValueStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OldPriceStyled: (props: PriceValueStyledProps<HTMLModElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/Price/PriceStyled.d.ts

@@ -1,4 +1,4 @@
-import { PriceStyledProps, PriceValueStyledProps } from './Price.types';
+import { PriceStyledProps, PriceValueStyledProps } from './Price.types.js';
 export declare const PriceStyled: import('react').ForwardRefExoticComponent<Omit<PriceStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const CurrentPriceStyled: (props: PriceValueStyledProps<HTMLSpanElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const OldPriceStyled: (props: PriceValueStyledProps<HTMLModElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/Price/constants.d.cts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Price";

package/components/molecules/Price/index.d.cts

@@ -0,0 +1,2 @@
+export { Price } from './Price.js';
+export * from './Price.types.js';

package/components/molecules/Price/index.d.ts

@@ -1,2 +1,2 @@
-export { Price } from './Price';
-export * from './Price.types';
+export { Price } from './Price.js';
+export * from './Price.types.js';