gd-design-library 1.8.2 → 1.8.3

package/components/atoms/Slider/SliderStyled.d.cts

@@ -0,0 +1,2 @@
+import { SliderStyledProps } from './Slider.types.js';
+export declare const StyledSlider: import('react').ForwardRefExoticComponent<Omit<SliderStyledProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/atoms/Slider/SliderStyled.d.ts

@@ -1,2 +1,2 @@
-import { SliderStyledProps } from './Slider.types';
+import { SliderStyledProps } from './Slider.types.js';
 export declare const StyledSlider: import('react').ForwardRefExoticComponent<Omit<SliderStyledProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/atoms/Slider/constants.d.cts

@@ -0,0 +1,3 @@
+export declare const SLIDER_MIN_VALUE_DEFAULT = 0;
+export declare const SLIDER_MAX_VALUE_DEFAULT = 100;
+export declare const COMPONENT_NAME = "Slider";

package/components/atoms/Slider/index.d.cts

@@ -0,0 +1,3 @@
+export * from './Slider.types.js';
+export * from './SliderStyled.js';
+export { Slider } from './Slider.js';

package/components/atoms/Slider/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Slider.types';
-export * from './SliderStyled';
-export { Slider } from './Slider';
+export * from './Slider.types.js';
+export * from './SliderStyled.js';
+export { Slider } from './Slider.js';

package/components/atoms/SliderDots/SliderDots.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../../hooks/useTheme/useTheme.cjs`),r=require(`./constants.cjs`),i=require(`./SliderDotsStyled.cjs`);let a=require(`react`),o=require(`@emotion/react/jsx-runtime`);var s=(0,a.forwardRef)((s,c)=>{let{count:l,activeIndex:u=0,onDotClick:d,...f}=s,{theme:p}=n.useTheme(),{sliderDots:m,...h}=p,g=new Proxy(m||{},t.tokensHandler(h)),_=e.get(g,`dot.default`,{}),v=e.get(g,`dot.active`,{}),y=(0,a.useCallback)(e=>{d?.(e)},[d]);return(0,o.jsx)(i.SliderDotsStyled,{ref:c,theme:p,"data-testid":r.COMPONENT_NAME,role:`tablist`,...f,children:Array.from({length:l},(e,t)=>(0,o.jsx)(`button`,{type:`button`,css:[_,t===u?v:{}],onClick:()=>y(t),"aria-label":`Go to slide ${t+1}`,"aria-selected":t===u,role:`tab`,"data-testid":`${r.COMPONENT_NAME}-dot-${t}`},t))})});s.displayName=r.COMPONENT_NAME,exports.SliderDots=s;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../../hooks/useTheme/useTheme.cjs"),r=require("./constants.cjs"),i=require("./SliderDotsStyled.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");var s=(0,a.forwardRef)((s,c)=>{let{count:l,activeIndex:u=0,onDotClick:d,...f}=s,{theme:p}=n.useTheme(),{sliderDots:m,...h}=p,g=new Proxy(m||{},t.tokensHandler(h)),_=e.get(g,`dot.default`,{}),v=e.get(g,`dot.active`,{}),y=(0,a.useCallback)(e=>{d?.(e)},[d]);return(0,o.jsx)(i.SliderDotsStyled,{ref:c,theme:p,"data-testid":r.COMPONENT_NAME,role:`tablist`,...f,children:Array.from({length:l},(e,t)=>(0,o.jsx)(`button`,{type:`button`,css:[_,t===u?v:{}],onClick:()=>y(t),"aria-label":`Go to slide ${t+1}`,"aria-selected":t===u,role:`tab`,"data-testid":`${r.COMPONENT_NAME}-dot-${t}`},t))})});s.displayName=r.COMPONENT_NAME,exports.SliderDots=s;

package/components/atoms/SliderDots/SliderDots.d.cts

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

package/components/atoms/SliderDots/SliderDots.d.ts

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

package/components/atoms/SliderDots/SliderDots.types.d.cts

@@ -0,0 +1,7 @@
+import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
+export interface SliderDotsProps extends BoxCssComponentProps<HTMLDivElement> {
+    count: number;
+    activeIndex?: number;
+    onDotClick?: (index: number) => void;
+}
+export type SliderDotsStyledProps = BoxCssComponentStyledProps<HTMLDivElement>;

package/components/atoms/SliderDots/SliderDots.types.d.ts

@@ -1,4 +1,4 @@
-import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../..';
+import { BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
 export interface SliderDotsProps extends BoxCssComponentProps<HTMLDivElement> {
     count: number;
     activeIndex?: number;

package/components/atoms/SliderDots/SliderDotsStyled.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:{sliderDots:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`container.default`,{}),l,s],...u,ref:i})});exports.SliderDotsStyled=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:{sliderDots:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`container.default`,{}),l,s],...u,ref:i})});exports.SliderDotsStyled=i;

package/components/atoms/SliderDots/SliderDotsStyled.d.cts

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

package/components/atoms/SliderDots/SliderDotsStyled.d.ts

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

package/components/atoms/SliderDots/constants.d.cts

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

package/components/atoms/SliderDots/index.d.cts

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

package/components/atoms/SliderDots/index.d.ts

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

package/components/atoms/Switch/Switch.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../hooks/useLogger/useLogger.cjs`),n=require(`../../../hooks/useTheme/useTheme.cjs`),r=require(`../Loader/Loader.cjs`),i=require(`./constants.cjs`),a=require(`./SwitchStyled.cjs`);let o=require(`react`),s=require(`@emotion/react/jsx-runtime`);var c=(0,o.forwardRef)(({onValueChange:c,checked:l,disabled:u=!1,isLoading:d=!1,label:f=`right`,children:p,...m},h)=>{let{theme:g}=n.useTheme(),_=t.useLogger(),v=l!==void 0,[y,b]=(0,o.useState)(l??!1),x=v?l:y,S=u||d,C=(0,o.useCallback)(e=>{_.debug(`${i.COMPONENT_NAME}: Value changed`,{newChecked:e,isControlled:v}),v||b(e),c?.(e)},[c,v,_]),w=(0,o.useCallback)(t=>{_.debug(`${i.COMPONENT_NAME}: Value change is disabled:`,{isDisabled:S}),!S&&C(e.get(t,`target.checked`,!1))},[S,C,_]);return(0,o.useEffect)(()=>{_.debug(`${i.COMPONENT_NAME}: Update internal value when external value changes:`,{checked:l,isControlled:v}),v&&b(l)},[l,v,_]),(0,s.jsxs)(a.SwitchWrapperStyled,{theme:g,ref:h,$disabled:S,"data-testid":`${i.COMPONENT_NAME}-wrapper`,...m,children:[p&&(0,s.jsx)(a.SwitchLabelStyled,{className:`gd-switch-label`,theme:g,$label:f,"data-testid":`Switch-label`,children:p}),(0,s.jsxs)(a.SwitchStyled,{"data-testid":i.COMPONENT_NAME,$checked:x,theme:g,children:[d?(0,s.jsx)(r.Loader,{...e.get(g,`switchToken.slider.loader.attrs`,{}),styles:{position:`relative`,zIndex:1}}):null,(0,s.jsx)(a.SwitchSliderStyled,{className:`gd-switch-slider`,theme:g,$checked:x,$disabled:S,"data-testid":`${i.COMPONENT_NAME}-slider`}),(0,s.jsx)(a.HiddenCheckboxStyled,{theme:g,checked:x,disabled:S,onChange:w,"data-testid":`${i.COMPONENT_NAME}-checkbox`,...m})]})]})});exports.Switch=c;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useLogger/useLogger.cjs"),n=require("../../../hooks/useTheme/useTheme.cjs"),r=require("../Loader/Loader.cjs"),i=require("./constants.cjs"),a=require("./SwitchStyled.cjs");let o=require("react"),s=require("@emotion/react/jsx-runtime");var c=(0,o.forwardRef)(({onValueChange:c,checked:l,disabled:u=!1,isLoading:d=!1,label:f=`right`,children:p,...m},h)=>{let{theme:g}=n.useTheme(),_=t.useLogger(),v=l!==void 0,[y,b]=(0,o.useState)(l??!1),x=v?l:y,S=u||d,C=(0,o.useCallback)(e=>{_.debug(`${i.COMPONENT_NAME}: Value changed`,{newChecked:e,isControlled:v}),v||b(e),c?.(e)},[c,v,_]),w=(0,o.useCallback)(t=>{_.debug(`${i.COMPONENT_NAME}: Value change is disabled:`,{isDisabled:S}),!S&&C(e.get(t,`target.checked`,!1))},[S,C,_]);return(0,o.useEffect)(()=>{_.debug(`${i.COMPONENT_NAME}: Update internal value when external value changes:`,{checked:l,isControlled:v}),v&&b(l)},[l,v,_]),(0,s.jsxs)(a.SwitchWrapperStyled,{theme:g,ref:h,$disabled:S,"data-testid":`${i.COMPONENT_NAME}-wrapper`,...m,children:[p&&(0,s.jsx)(a.SwitchLabelStyled,{className:`gd-switch-label`,theme:g,$label:f,"data-testid":`Switch-label`,children:p}),(0,s.jsxs)(a.SwitchStyled,{"data-testid":i.COMPONENT_NAME,$checked:x,theme:g,children:[d?(0,s.jsx)(r.Loader,{...e.get(g,`switchToken.slider.loader.attrs`,{}),styles:{position:`relative`,zIndex:1}}):null,(0,s.jsx)(a.SwitchSliderStyled,{className:`gd-switch-slider`,theme:g,$checked:x,$disabled:S,"data-testid":`${i.COMPONENT_NAME}-slider`}),(0,s.jsx)(a.HiddenCheckboxStyled,{theme:g,checked:x,disabled:S,onChange:w,"data-testid":`${i.COMPONENT_NAME}-checkbox`,...m})]})]})});exports.Switch=c;

package/components/atoms/Switch/Switch.d.cts

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

package/components/atoms/Switch/Switch.d.ts

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

package/components/atoms/Switch/Switch.types.d.cts

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssInputStyledProps } from '../../index.js';
+export type LabelPosition = 'left' | 'right';
+export interface SwitchProps<T> extends PropsWithChildren<BoxCssComponentProps<T>> {
+    label?: LabelPosition;
+    name?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    checked?: boolean;
+    onValueChange?: (value: boolean) => void;
+}
+export interface SwitchStyledProps<T> extends PropsWithChildren<BoxCssComponentStyledProps<T>> {
+    $disabled?: boolean;
+    $checked?: boolean;
+}
+export interface SwitchLabelStyledProps extends PropsWithChildren<BoxCssComponentStyledProps> {
+    $label?: LabelPosition;
+}
+export interface HiddenCheckboxStyledProps extends CommonCssInputStyledProps {
+    disabled?: boolean;
+    checked?: boolean;
+}

package/components/atoms/Switch/Switch.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssInputStyledProps } from '../..';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssInputStyledProps } from '../../index.js';
 export type LabelPosition = 'left' | 'right';
 export interface SwitchProps<T> extends PropsWithChildren<BoxCssComponentProps<T>> {
     label?: LabelPosition;

package/components/atoms/Switch/SwitchStyled.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=n=>{let{theme:{switchToken:i,...a}={},styles:o,...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s);return(0,r.jsx)(`input`,{type:`checkbox`,css:[e.get(new Proxy(i||{},t.tokensHandler(a)),`checkbox`,{}),c,o],...l})},a=(0,n.forwardRef)((n,i)=>{let{theme:{switchToken:a,...o}={},styles:s={},$disabled:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`label`,{css:[e.get(f,`wrapper.default`,{}),c?e.get(f,`wrapper.disabled`,{}):{},u,s],...d,ref:i})}),o=n=>{let{theme:{switchToken:i,...a}={},$label:o,styles:s,...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c),d=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(d,`label.default`,{}),e.get(d,[`label`,o],{}),l,s],...u})},s=n=>{let{theme:{switchToken:i,...a}={},$checked:o,$disabled:s,styles:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(f,`slider.default`,{}),o?e.get(f,`slider.checked`,{}):{},s?e.get(f,`slider.disabled`,{}):{},u,c],...d})},c=n=>{let{theme:{switchToken:i,...a}={},styles:o,$checked:s,...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c),d=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(d,`default`,{}),s&&e.get(d,`checked`,{}),l,o],...u})};exports.HiddenCheckboxStyled=i,exports.SwitchLabelStyled=o,exports.SwitchSliderStyled=s,exports.SwitchStyled=c,exports.SwitchWrapperStyled=a;
+"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=n=>{let{theme:{switchToken:i,...a}={},styles:o,...s}=n,{boxStyles:c,restProps:l}=t.getBoxStyles(s);return(0,r.jsx)(`input`,{type:`checkbox`,css:[e.get(new Proxy(i||{},t.tokensHandler(a)),`checkbox`,{}),c,o],...l})},a=(0,n.forwardRef)((n,i)=>{let{theme:{switchToken:a,...o}={},styles:s={},$disabled:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`label`,{css:[e.get(f,`wrapper.default`,{}),c?e.get(f,`wrapper.disabled`,{}):{},u,s],...d,ref:i})}),o=n=>{let{theme:{switchToken:i,...a}={},$label:o,styles:s,...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c),d=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(d,`label.default`,{}),e.get(d,[`label`,o],{}),l,s],...u})},s=n=>{let{theme:{switchToken:i,...a}={},$checked:o,$disabled:s,styles:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(f,`slider.default`,{}),o?e.get(f,`slider.checked`,{}):{},s?e.get(f,`slider.disabled`,{}):{},u,c],...d})},c=n=>{let{theme:{switchToken:i,...a}={},styles:o,$checked:s,...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c),d=new Proxy(i||{},t.tokensHandler(a));return(0,r.jsx)(`span`,{css:[e.get(d,`default`,{}),s&&e.get(d,`checked`,{}),l,o],...u})};exports.HiddenCheckboxStyled=i,exports.SwitchLabelStyled=o,exports.SwitchSliderStyled=s,exports.SwitchStyled=c,exports.SwitchWrapperStyled=a;

package/components/atoms/Switch/SwitchStyled.d.cts

@@ -0,0 +1,6 @@
+import { HiddenCheckboxStyledProps, SwitchLabelStyledProps, SwitchStyledProps } from './/index.js';
+export declare const HiddenCheckboxStyled: (props: HiddenCheckboxStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SwitchWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SwitchStyledProps<HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+export declare const SwitchLabelStyled: (props: SwitchLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SwitchSliderStyled: (props: SwitchStyledProps<HTMLLabelElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SwitchStyled: (props: SwitchStyledProps<HTMLLabelElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/atoms/Switch/SwitchStyled.d.ts

@@ -1,4 +1,4 @@
-import { HiddenCheckboxStyledProps, SwitchLabelStyledProps, SwitchStyledProps } from './';
+import { HiddenCheckboxStyledProps, SwitchLabelStyledProps, SwitchStyledProps } from './/index.js';
 export declare const HiddenCheckboxStyled: (props: HiddenCheckboxStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const SwitchWrapperStyled: import('react').ForwardRefExoticComponent<Omit<SwitchStyledProps<HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
 export declare const SwitchLabelStyled: (props: SwitchLabelStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/atoms/Switch/constants.d.cts

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

package/components/atoms/Switch/index.d.cts

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

package/components/atoms/Switch/index.d.ts

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

package/components/atoms/Textarea/Textarea.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../../hooks/useLogger/useLogger.cjs`),r=require(`../../../hooks/useTheme/useTheme.cjs`),i=require(`../../../hooks/useAutoFocus/useAutoFocus.cjs`),a=require(`./constants.cjs`),o=require(`./hooks/useDynamicHeightAdjustment.cjs`),s=require(`./hooks/useResizeObserver.cjs`),c=require(`./TextareaStyled.cjs`),l=require(`./Textarea.types.cjs`);let u=require(`react`),d=require(`@emotion/react/jsx-runtime`);var f=(0,u.forwardRef)(({onChange:f,onCustomResize:p,resize:m=l.TextareaResize.None,ariaDescribedBy:h,minHeight:g,maxHeight:_,dynamicHeightAdjustment:v=!1,autoFocus:y=!1,variant:b=`default`,color:x=`primary`,value:S,defaultValue:C,maxCharacters:w,...T},E)=>{let{theme:D}=r.useTheme(),O=n.useLogger(),k=(0,u.useRef)(null),A=S!==void 0,[j,M]=(0,u.useState)(typeof C==`string`?C.length:0),N=o.useDynamicHeightAdjustment(k,v),P=e=>{N(e),O.debug(`${a.COMPONENT_NAME}: Change`,{value:e.target.value,valueLength:e.target.value.length}),A||M(e.target.value.length),f&&f(e)};(0,u.useImperativeHandle)(E,()=>k.current),i.useAutoFocus(k,y),s.useResizeObserver(k,p),(0,u.useEffect)(()=>{v&&(O.debug(`${a.COMPONENT_NAME}: Dynamic height adjustment`,{enabled:v,valueLength:S?.length||0}),N())},[v,N,S,O]);let F=A?typeof S==`string`?S.length:0:j,I=w!==void 0&&F>w,{textarea:L,...R}=D||{},z=new Proxy(L||{},t.tokensHandler(R)),B=(0,d.jsx)(c.TextareaStyled,{theme:D,ref:k,"aria-describedby":h,"aria-multiline":`true`,role:`textbox`,autoFocus:y,value:S,defaultValue:C,$resize:m,$variant:b,$color:I?`error`:x,onChange:P,$minHeight:g,$maxHeight:_,"data-testid":a.COMPONENT_NAME,...T});return w===void 0?B:(0,d.jsxs)(`div`,{"data-testid":`${a.COMPONENT_NAME}-wrapper`,children:[B,(0,d.jsxs)(`span`,{css:[e.get(z,`charCount.default`,{}),I&&e.get(z,`charCount.exceeded`,{})],"data-testid":`${a.COMPONENT_NAME}-counter`,children:[F,`/`,w]})]})});f.displayName=a.COMPONENT_NAME,exports.Textarea=f;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../../hooks/useLogger/useLogger.cjs"),r=require("../../../hooks/useTheme/useTheme.cjs"),i=require("../../../hooks/useAutoFocus/useAutoFocus.cjs"),a=require("./constants.cjs"),o=require("./hooks/useDynamicHeightAdjustment.cjs"),s=require("./hooks/useResizeObserver.cjs"),c=require("./TextareaStyled.cjs"),l=require("./Textarea.types.cjs");let u=require("react"),d=require("@emotion/react/jsx-runtime");var f=(0,u.forwardRef)(({onChange:f,onCustomResize:p,resize:m=l.TextareaResize.None,ariaDescribedBy:h,minHeight:g,maxHeight:_,dynamicHeightAdjustment:v=!1,autoFocus:y=!1,variant:b=`default`,color:x=`primary`,value:S,defaultValue:C,maxCharacters:w,...T},E)=>{let{theme:D}=r.useTheme(),O=n.useLogger(),k=(0,u.useRef)(null),A=S!==void 0,[j,M]=(0,u.useState)(typeof C==`string`?C.length:0),N=o.useDynamicHeightAdjustment(k,v),P=e=>{N(e),O.debug(`${a.COMPONENT_NAME}: Change`,{value:e.target.value,valueLength:e.target.value.length}),A||M(e.target.value.length),f&&f(e)};(0,u.useImperativeHandle)(E,()=>k.current),i.useAutoFocus(k,y),s.useResizeObserver(k,p),(0,u.useEffect)(()=>{v&&(O.debug(`${a.COMPONENT_NAME}: Dynamic height adjustment`,{enabled:v,valueLength:S?.length||0}),N())},[v,N,S,O]);let F=A?typeof S==`string`?S.length:0:j,I=w!==void 0&&F>w,{textarea:L,...R}=D||{},z=new Proxy(L||{},t.tokensHandler(R)),B=(0,d.jsx)(c.TextareaStyled,{theme:D,ref:k,"aria-describedby":h,"aria-multiline":`true`,role:`textbox`,autoFocus:y,value:S,defaultValue:C,$resize:m,$variant:b,$color:I?`error`:x,onChange:P,$minHeight:g,$maxHeight:_,"data-testid":a.COMPONENT_NAME,...T});return w===void 0?B:(0,d.jsxs)(`div`,{"data-testid":`${a.COMPONENT_NAME}-wrapper`,children:[B,(0,d.jsxs)(`span`,{css:[e.get(z,`charCount.default`,{}),I&&e.get(z,`charCount.exceeded`,{})],"data-testid":`${a.COMPONENT_NAME}-counter`,children:[F,`/`,w]})]})});f.displayName=a.COMPONENT_NAME,exports.Textarea=f;

package/components/atoms/Textarea/Textarea.d.cts

@@ -0,0 +1,2 @@
+import { TextareaProps } from './Textarea.types.js';
+export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & Partial<Omit<HTMLTextAreaElement, keyof TextareaProps>> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/components/atoms/Textarea/Textarea.d.ts

@@ -1,2 +1,2 @@
-import { TextareaProps } from './Textarea.types';
+import { TextareaProps } from './Textarea.types.js';
 export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & Partial<Omit<HTMLTextAreaElement, keyof TextareaProps>> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/components/atoms/Textarea/Textarea.types.d.cts

@@ -0,0 +1,36 @@
+import { EnumOrPrimitive, InputColorVariant } from '../../../types/index.js';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
+export declare enum TextareaResize {
+    None = "none",
+    Both = "both",
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export type TextareaVariant = 'default' | 'inline';
+export type TextareaUpdatedSize = {
+    height: number;
+    width: number;
+};
+export type TextareaRestHtmlProps = Partial<Omit<HTMLTextAreaElement, keyof TextareaProps>>;
+export interface TextareaProps extends CommonCssComponentProps<HTMLTextAreaElement> {
+    resize?: EnumOrPrimitive<TextareaResize>;
+    variant?: TextareaVariant;
+    color?: EnumOrPrimitive<InputColorVariant>;
+    ariaDescribedBy?: string;
+    dynamicHeightAdjustment?: boolean;
+    onCustomResize?: (newSize: {
+        height: number;
+        width: number;
+    }) => void;
+    minHeight?: string;
+    maxHeight?: string;
+    maxCharacters?: number;
+}
+export interface TextareaStyledProps extends CommonCssComponentStyledProps<HTMLTextAreaElement> {
+    $minHeight?: string;
+    $maxHeight?: string;
+    $resize?: EnumOrPrimitive<TextareaResize>;
+    $variant?: TextareaVariant;
+    $color?: EnumOrPrimitive<InputColorVariant>;
+    value?: string;
+}

package/components/atoms/Textarea/Textarea.types.d.ts

@@ -1,5 +1,5 @@
-import { EnumOrPrimitive, InputColorVariant } from '../../../types';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
+import { EnumOrPrimitive, InputColorVariant } from '../../../types/index.js';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
 export declare enum TextareaResize {
     None = "none",
     Both = "both",

package/components/atoms/Textarea/TextareaStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`./Textarea.types.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)(({theme:{textarea:r,...a}={},styles:o={},$resize:s=n.TextareaResize.None,$variant:c,$color:l=`primary`,$minHeight:u,$maxHeight:d,...f},p)=>{let{boxStyles:m,restProps:h}=t.getBoxStyles(f),g=new Proxy(r||{},t.tokensHandler(a));return(0,i.jsx)(`textarea`,{css:[e.get(g,c,{}),e.get(g,l,{}),u?{minHeight:u}:{},d?{maxHeight:d}:{},{resize:s},m,o],...h,ref:p})});exports.TextareaStyled=a;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("./Textarea.types.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)(({theme:{textarea:r,...a}={},styles:o={},$resize:s=n.TextareaResize.None,$variant:c,$color:l=`primary`,$minHeight:u,$maxHeight:d,...f},p)=>{let{boxStyles:m,restProps:h}=t.getBoxStyles(f),g=new Proxy(r||{},t.tokensHandler(a));return(0,i.jsx)(`textarea`,{css:[e.get(g,c,{}),e.get(g,l,{}),u?{minHeight:u}:{},d?{maxHeight:d}:{},{resize:s},m,o],...h,ref:p})});exports.TextareaStyled=a;

package/components/atoms/Textarea/TextareaStyled.d.cts

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

package/components/atoms/Textarea/TextareaStyled.d.ts

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

package/components/atoms/Textarea/constants.d.cts

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

package/components/atoms/Textarea/hooks/index.d.cts

@@ -0,0 +1,2 @@
+export * from './useDynamicHeightAdjustment.js';
+export * from './useResizeObserver.js';

package/components/atoms/Textarea/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useDynamicHeightAdjustment';
-export * from './useResizeObserver';
+export * from './useDynamicHeightAdjustment.js';
+export * from './useResizeObserver.js';

package/components/atoms/Textarea/hooks/useDynamicHeightAdjustment.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n)=>(0,e.useCallback)(e=>{!n||!t.current||(t.current.style.height=`auto`,t.current.style.height=`${t.current.scrollHeight||e?.target?.scrollHeight}px`)},[n,t]);exports.useDynamicHeightAdjustment=t;
+"use client";let e=require("react");var t=(t,n)=>(0,e.useCallback)(e=>{!n||!t.current||(t.current.style.height=`auto`,t.current.style.height=`${t.current.scrollHeight||e?.target?.scrollHeight}px`)},[n,t]);exports.useDynamicHeightAdjustment=t;

package/components/atoms/Textarea/hooks/useDynamicHeightAdjustment.d.cts

@@ -0,0 +1,2 @@
+import { ChangeEvent, RefObject } from 'react';
+export declare const useDynamicHeightAdjustment: (ref: RefObject<HTMLTextAreaElement>, dynamicHeightAdjustment: boolean) => (_event?: ChangeEvent<HTMLTextAreaElement>) => void;

package/components/atoms/Textarea/hooks/useResizeObserver.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../utils/helpers.cjs`);let t=require(`react`);var n=(n,r)=>{let i=(0,t.useRef)(!1);(0,t.useEffect)(()=>{if(!n.current||!r)return;let t=new ResizeObserver(()=>{if(!i.current){i.current=!0;return}r&&n.current&&r({width:e.get(n,`current.scrollWidth`,0),height:e.get(n,`current.scrollHeight`,0)})});return t.observe(n.current),()=>{t.disconnect()}},[r])};exports.useResizeObserver=n;
+"use client";const e=require("../../../../utils/helpers.cjs");let t=require("react");var n=(n,r)=>{let i=(0,t.useRef)(!1);(0,t.useEffect)(()=>{if(!n.current||!r)return;let t=new ResizeObserver(()=>{if(!i.current){i.current=!0;return}r&&n.current&&r({width:e.get(n,`current.scrollWidth`,0),height:e.get(n,`current.scrollHeight`,0)})});return t.observe(n.current),()=>{t.disconnect()}},[r])};exports.useResizeObserver=n;

package/components/atoms/Textarea/hooks/useResizeObserver.d.cts

@@ -0,0 +1,2 @@
+import { TextareaUpdatedSize } from '../Textarea.types.js';
+export declare const useResizeObserver: (ref: React.RefObject<HTMLTextAreaElement>, onCustomResize?: (size: TextareaUpdatedSize) => void) => void;

package/components/atoms/Textarea/hooks/useResizeObserver.d.ts

@@ -1,2 +1,2 @@
-import { TextareaUpdatedSize } from '../Textarea.types';
+import { TextareaUpdatedSize } from '../Textarea.types.js';
 export declare const useResizeObserver: (ref: React.RefObject<HTMLTextAreaElement>, onCustomResize?: (size: TextareaUpdatedSize) => void) => void;

package/components/atoms/Textarea/index.d.cts

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

package/components/atoms/Textarea/index.d.ts

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

package/components/atoms/Toggle/Toggle.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../types/button.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`../Button/Button.cjs`),r=require(`./constants.cjs`),i=require(`./ToggleStyled.cjs`);let a=require(`react`),o=require(`@emotion/react/jsx-runtime`);var s=e=>typeof e==`object`?e:{label:e,value:e},c=(0,a.forwardRef)((c,l)=>{let{items:u=[],onValueChange:d,value:f,renderItemContent:p,disabled:m=!1,...h}=c,{theme:g}=t.useTheme(),_=(0,a.useCallback)(e=>{d&&d(e)},[d]);return(0,o.jsx)(i.ToggleStyled,{ref:l,"data-testid":r.COMPONENT_NAME,theme:g,disabled:m,...h,children:u.map((t,r)=>{let i=s(t);return(0,o.jsx)(n.Button,{variant:i.value===f?e.ButtonVariant.Primary:e.ButtonVariant.Text,onClick:()=>_(i.value),disabled:m,children:p?p(t,r):i.label},`toggle-${r}`)})})});c.displayName=r.COMPONENT_NAME,exports.Toggle=c;
+"use client";const e=require("../../../types/button.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("../Button/Button.cjs"),r=require("./constants.cjs"),i=require("./ToggleStyled.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");var s=e=>typeof e==`object`?e:{label:e,value:e},c=(0,a.forwardRef)((c,l)=>{let{items:u=[],onValueChange:d,value:f,renderItemContent:p,disabled:m=!1,...h}=c,{theme:g}=t.useTheme(),_=(0,a.useCallback)(e=>{d&&d(e)},[d]);return(0,o.jsx)(i.ToggleStyled,{ref:l,"data-testid":r.COMPONENT_NAME,theme:g,disabled:m,...h,children:u.map((t,r)=>{let i=s(t);return(0,o.jsx)(n.Button,{variant:i.value===f?e.ButtonVariant.Primary:e.ButtonVariant.Text,onClick:()=>_(i.value),disabled:m,children:p?p(t,r):i.label},`toggle-${r}`)})})});c.displayName=r.COMPONENT_NAME,exports.Toggle=c;

package/components/atoms/Toggle/Toggle.d.cts

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

package/components/atoms/Toggle/Toggle.d.ts

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

package/components/atoms/Toggle/Toggle.types.d.cts

@@ -0,0 +1,16 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface ToggleItem {
+    label?: ReactNode;
+    value: unknown;
+}
+export interface ToggleProps<T> extends CommonCssComponentProps, PropsWithChildren {
+    items?: string[] | ToggleItem[];
+    disabled?: boolean;
+    value?: unknown;
+    onValueChange?: (value: T) => void;
+    renderItemContent?: (item: ToggleItem | string, index: number) => ReactNode;
+}
+export interface ToggleStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    disabled?: boolean;
+}

package/components/atoms/Toggle/Toggle.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface ToggleItem {
     label?: ReactNode;
     value: unknown;

package/components/atoms/Toggle/ToggleStyled.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:{switchToggle:a,...o}={},disabled:s,styles:c={},...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`div`,{css:[e.get(f,`default`,{}),u,c,s?e.get(f,`disabled`,{}):{}],...d,ref:i})});exports.ToggleStyled=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:{switchToggle:a,...o}={},disabled:s,styles:c={},...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=new Proxy(a||{},t.tokensHandler(o));return(0,r.jsx)(`div`,{css:[e.get(f,`default`,{}),u,c,s?e.get(f,`disabled`,{}):{}],...d,ref:i})});exports.ToggleStyled=i;

package/components/atoms/Toggle/ToggleStyled.d.cts

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

package/components/atoms/Toggle/ToggleStyled.d.ts

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

package/components/atoms/Toggle/constants.d.cts

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

package/components/atoms/Toggle/index.d.cts

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

package/components/atoms/Toggle/index.d.ts

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

package/components/atoms/Truncate/Truncate.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../hooks/useLogger/useLogger.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TruncateStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({children:o,lines:s=1,styles:c={},...l},u)=>{let{theme:d}=t.useTheme(),f=e.useLogger(),p=(0,i.useRef)(null),[m,h]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{if(!p.current)return;f.debug(`${n.COMPONENT_NAME}: Component mounted/updated`,{lines:s,hasChildren:!!o});let e=()=>{let e=p.current;e&&h(e.scrollHeight>e.clientHeight)},t=p.current;if(!t)return;requestAnimationFrame(()=>{e()});let r=new ResizeObserver(()=>{e()});return r.observe(t),()=>{r.disconnect(),f.debug(`${n.COMPONENT_NAME}: Cleanup`,{lines:s})}},[o,s]),(0,i.useImperativeHandle)(u,()=>({ref:p,isTruncated:m}),[m]),(0,a.jsx)(r.TruncateStyled,{ref:p,theme:d,styles:c,$lines:s,"data-testid":n.COMPONENT_NAME,...l,children:o})});o.displayName=n.COMPONENT_NAME,exports.Truncate=o;
+"use client";const e=require("../../../hooks/useLogger/useLogger.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TruncateStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({children:o,lines:s=1,styles:c={},...l},u)=>{let{theme:d}=t.useTheme(),f=e.useLogger(),p=(0,i.useRef)(null),[m,h]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{if(!p.current)return;f.debug(`${n.COMPONENT_NAME}: Component mounted/updated`,{lines:s,hasChildren:!!o});let e=()=>{let e=p.current;e&&h(e.scrollHeight>e.clientHeight)},t=p.current;if(!t)return;requestAnimationFrame(()=>{e()});let r=new ResizeObserver(()=>{e()});return r.observe(t),()=>{r.disconnect(),f.debug(`${n.COMPONENT_NAME}: Cleanup`,{lines:s})}},[o,s]),(0,i.useImperativeHandle)(u,()=>({ref:p,isTruncated:m}),[m]),(0,a.jsx)(r.TruncateStyled,{ref:p,theme:d,styles:c,$lines:s,"data-testid":n.COMPONENT_NAME,...l,children:o})});o.displayName=n.COMPONENT_NAME,exports.Truncate=o;

package/components/atoms/Truncate/Truncate.d.cts

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

package/components/atoms/Truncate/Truncate.d.ts

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

package/components/atoms/Truncate/Truncate.types.d.cts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, Ref } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface TruncateProps extends CommonCssComponentProps<HTMLSpanElement>, PropsWithChildren {
+    lines?: number;
+}
+export interface TruncateRef {
+    ref: Ref<HTMLSpanElement>;
+    isTruncated: boolean;
+}
+export interface TruncateStyledProps extends CommonCssComponentStyledProps<HTMLSpanElement> {
+    $lines?: number;
+}

package/components/atoms/Truncate/Truncate.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, Ref } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface TruncateProps extends CommonCssComponentProps<HTMLSpanElement>, PropsWithChildren {
     lines?: number;
 }

package/components/atoms/Truncate/TruncateStyled.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/jsx-runtime`);var i=(0,n.forwardRef)(({theme:{truncate:n,...i}={},$lines:a=1,styles:o,...s},c)=>(0,r.jsx)(`span`,{css:[e.get(new Proxy(n||{},t.tokensHandler(i||{})),`default`,{}),{lineClamp:a,WebkitLineClamp:a},o],...s,ref:c}));exports.TruncateStyled=i;
+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)(({theme:{truncate:n,...i}={},$lines:a=1,styles:o,...s},c)=>(0,r.jsx)(`span`,{css:[e.get(new Proxy(n||{},t.tokensHandler(i||{})),`default`,{}),{lineClamp:a,WebkitLineClamp:a},o],...s,ref:c}));exports.TruncateStyled=i;

package/components/atoms/Truncate/TruncateStyled.d.cts

@@ -0,0 +1,2 @@
+import { TruncateStyledProps } from './Truncate.types.js';
+export declare const TruncateStyled: import('react').ForwardRefExoticComponent<Omit<TruncateStyledProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/components/atoms/Truncate/TruncateStyled.d.ts

@@ -1,2 +1,2 @@
-import { TruncateStyledProps } from './Truncate.types';
+import { TruncateStyledProps } from './Truncate.types.js';
 export declare const TruncateStyled: import('react').ForwardRefExoticComponent<Omit<TruncateStyledProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/components/atoms/Truncate/constants.d.cts

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

package/components/atoms/Truncate/index.d.cts

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

package/components/atoms/Truncate/index.d.ts

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

package/components/atoms/Typography/Typography.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../types/typography.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TypographyStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({variant:i=e.TypographyVariant.Inherit,as:o,size:s,children:c,align:l=e.TextAlign.Start,color:u=`text.default`,styleVariant:d,...f},p)=>{let{theme:m}=t.useTheme();return(0,a.jsx)(r.TypographyStyled,{ref:p,theme:m,$as:o||i,$variant:i,$align:l,$size:s,$color:u,$styleVariant:d,"data-testid":n.COMPONENT_NAME,...f,children:c})});o.displayName=n.COMPONENT_NAME,exports.Typography=o;
+"use client";const e=require("../../../types/typography.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TypographyStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({variant:i=e.TypographyVariant.Inherit,as:o,size:s,children:c,align:l=e.TextAlign.Start,color:u=`text.default`,styleVariant:d,...f},p)=>{let{theme:m}=t.useTheme();return(0,a.jsx)(r.TypographyStyled,{ref:p,theme:m,$as:o||i,$variant:i,$align:l,$size:s,$color:u,$styleVariant:d,"data-testid":n.COMPONENT_NAME,...f,children:c})});o.displayName=n.COMPONENT_NAME,exports.Typography=o;

package/components/atoms/Typography/Typography.d.cts

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

package/components/atoms/Typography/Typography.d.ts

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

package/components/atoms/Typography/Typography.types.d.cts

@@ -0,0 +1,20 @@
+import { ElementType, PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+import { EnumOrPrimitive, SizeVariant, TextAlign, TypographyStyleVariant, TypographyVariant } from '../../../types/index.js';
+export type StyleVariant = EnumOrPrimitive<TypographyStyleVariant> | EnumOrPrimitive<TypographyStyleVariant>[];
+export interface TypographyProps extends CommonCssComponentProps<HTMLBaseElement>, Omit<BoxCssComponentProps<HTMLBaseElement>, 'onAbort'>, PropsWithChildren {
+    as?: keyof HTMLElementTagNameMap | ElementType;
+    color?: string;
+    variant?: EnumOrPrimitive<TypographyVariant>;
+    size?: EnumOrPrimitive<SizeVariant>;
+    align?: EnumOrPrimitive<TextAlign>;
+    styleVariant?: StyleVariant;
+}
+export interface TypographyStyledProps extends CommonCssComponentStyledProps<HTMLBaseElement>, Omit<BoxCssComponentStyledProps<HTMLBaseElement>, 'onAbort'>, PropsWithChildren {
+    $as?: keyof HTMLElementTagNameMap | ElementType;
+    $color?: string;
+    $variant?: EnumOrPrimitive<TypographyVariant>;
+    $size?: EnumOrPrimitive<SizeVariant>;
+    $align?: EnumOrPrimitive<TextAlign>;
+    $styleVariant?: StyleVariant;
+}

package/components/atoms/Typography/Typography.types.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, PropsWithChildren } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-import { EnumOrPrimitive, SizeVariant, TextAlign, TypographyStyleVariant, TypographyVariant } from '../../../types';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+import { EnumOrPrimitive, SizeVariant, TextAlign, TypographyStyleVariant, TypographyVariant } from '../../../types/index.js';
 export type StyleVariant = EnumOrPrimitive<TypographyStyleVariant> | EnumOrPrimitive<TypographyStyleVariant>[];
 export interface TypographyProps extends CommonCssComponentProps<HTMLBaseElement>, Omit<BoxCssComponentProps<HTMLBaseElement>, 'onAbort'>, PropsWithChildren {
     as?: keyof HTMLElementTagNameMap | ElementType;

package/components/atoms/Typography/TypographyStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../../types/common.cjs`),r=require(`../../../types/typography.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({theme:{typography:i,colors:o,...s}={},$as:c=`span`,$color:l,$align:u=r.TextAlign.Start,$variant:d=r.TypographyVariant.Inherit,$size:f=n.SizeVariant.Md,$styleVariant:p,styles:m,...h},g)=>{let{boxStyles:_,restProps:v}=t.getBoxStyles(h),y=new Proxy(i||{},t.tokensHandler(s)),b=e.get(y,`base`,{}),x=e.get(y,d,{}),S=e.get(y,[d,f],{}),C=t.resolveThemeColor(o,l);return(0,a.jsx)(c,{css:[b,x,S,(typeof p==`string`?[p]:p)?.reduce((t,n)=>({...t,...e.get(y,[`styleVariant`,n],{})}),{}),{textAlign:u,color:C},_,m],...v,ref:g})});exports.TypographyStyled=o;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../../types/common.cjs"),r=require("../../../types/typography.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({theme:{typography:i,colors:o,...s}={},$as:c=`span`,$color:l,$align:u=r.TextAlign.Start,$variant:d=r.TypographyVariant.Inherit,$size:f=n.SizeVariant.Md,$styleVariant:p,styles:m,...h},g)=>{let{boxStyles:_,restProps:v}=t.getBoxStyles(h),y=new Proxy(i||{},t.tokensHandler(s)),b=e.get(y,`base`,{}),x=e.get(y,d,{}),S=e.get(y,[d,f],{}),C=t.resolveThemeColor(o,l),w=(typeof p==`string`?[p]:p)?.reduce((t,n)=>({...t,...e.get(y,[`styleVariant`,n],{})}),{});return(0,a.jsx)(c,{css:[{":where(&)":Object.assign({},b,x,S,w,{textAlign:u,color:C},_)},m],...v,ref:g})});exports.TypographyStyled=o;

package/components/atoms/Typography/TypographyStyled.d.cts

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

package/components/atoms/Typography/TypographyStyled.d.ts

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

package/components/atoms/Typography/TypographyStyled.js

@@ -6,23 +6,15 @@ import { forwardRef as s } from "react";
 import { jsx as c } from "@emotion/react/jsx-runtime";
 //#region src/components/atoms/Typography/TypographyStyled.tsx
 var l = s(({ theme: { typography: s, colors: l, ...u } = {}, $as: d = "span", $color: f, $align: p = a.Start, $variant: m = o.Inherit, $size: h = i.Md, $styleVariant: g, styles: _, ...v }, y) => {
-	let { boxStyles: b, restProps: x } = t(v), S = new Proxy(s || {}, r(u)), C = e(S, "base", {}), w = e(S, m, {}), T = e(S, [m, h], {}), E = n(l, f);
+	let { boxStyles: b, restProps: x } = t(v), S = new Proxy(s || {}, r(u)), C = e(S, "base", {}), w = e(S, m, {}), T = e(S, [m, h], {}), E = n(l, f), D = (typeof g == "string" ? [g] : g)?.reduce((t, n) => ({
+		...t,
+		...e(S, ["styleVariant", n], {})
+	}), {});
 	return /* @__PURE__ */ c(d, {
-		css: [
-			C,
-			w,
-			T,
-			(typeof g == "string" ? [g] : g)?.reduce((t, n) => ({
-				...t,
-				...e(S, ["styleVariant", n], {})
-			}), {}),
-			{
-				textAlign: p,
-				color: E
-			},
-			b,
-			_
-		],
+		css: [{ ":where(&)": Object.assign({}, C, w, T, D, {
+			textAlign: p,
+			color: E
+		}, b) }, _],
 		...x,
 		ref: y
 	});

package/components/atoms/Typography/constants.d.cts

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

package/components/atoms/Typography/index.d.cts

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