@choco-vanille/ui 1.1.2 → 1.2.0

package/dist/components/feedback/callout/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport { CalloutDescription } from '@components/feedback/callout/components/callout-description'\r\nimport { CalloutIcon } from '@components/feedback/callout/components/callout-icon'\r\nimport { CalloutTitle } from '@components/feedback/callout/components/callout-title'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>(({\r\n    variant = 'info',\r\n    role = 'status',\r\n    icon,\r\n    title,\r\n    description,\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                role={role}\r\n                {...props}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","variant","role","icon","title","description","children","className","ref","props","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":";;;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,kBAAAC,MAAqBC,EAAqBC,CAAW,GAErEC,IAAUC,EAAmB,CAAC;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkB,CAACf,EAAaW,CAAQ,GACxCK,IAAYf,EAAiBU,CAAQ,GACrCM,IAAoBD,EAAU;AAEpC,2BACKE,EAAe,UAAf,EAAwB,OAAO,EAAE,SAAAZ,KAC9B,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWQ,EAAGC,EAAe,OAAO,EAAE,SAAAhB,EAAA,CAAS,GAAGM,CAAS;AAAA,MAC3D,MAAAL;AAAA,MACC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAC,IACG,gBAAAQ,EAACpB,GAAA,EAAY,MAAAK,EAAA,CAAY,IAEzBQ,EAAU;AAAA,QAEd,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,UAAU;AAAA,YAET,UAAA;AAAA,cAAAX,KAAS,gBAAAc,EAACC,KAAc,UAAAf,EAAA,CAAM;AAAA,cAC9BC,KACG,gBAAAa,EAACE,GAAA,EAAoB,UAAAf,EAAA,CAAY;AAAA,cAEpCO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEDb,EAAQ,cAAc;AACtBA,EAAQ,OAAOD;AACfC,EAAQ,QAAQoB;AAChBpB,EAAQ,cAAcqB;"}
+{"version":3,"file":"Callout.js","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport CalloutDescription from '@components/feedback/callout/components/callout-description/CalloutDescription.tsx'\r\nimport CalloutIcon from '@components/feedback/callout/components/callout-icon/CalloutIcon.tsx'\r\nimport CalloutTitle from '@components/feedback/callout/components/callout-title/CalloutTitle.tsx'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>((calloutProps) => {\r\n    const {\r\n        variant = 'info',\r\n        icon,\r\n        title,\r\n        description,\r\n        children,\r\n        className,\r\n        ref,\r\n        ...props\r\n    } = calloutProps\r\n    const role = 'role' in calloutProps ? calloutProps.role : 'status'\r\n\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                {...props}\r\n                role={role}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","calloutProps","variant","icon","title","description","children","className","ref","props","role","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":";;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,kBAAAC,MAAqBC,EAAqBC,CAAW,GAErEC,IAAUC,EAAmB,CAACC,MAAiB;AACjD,QAAM;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GACES,IAAO,UAAUT,IAAeA,EAAa,OAAO,UAEpDU,IAAkB,CAAChB,EAAaW,CAAQ,GACxCM,IAAYhB,EAAiBU,CAAQ,GACrCO,IAAoBD,EAAU;AAEpC,2BACKE,EAAe,UAAf,EAAwB,OAAO,EAAE,SAAAZ,KAC9B,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWS,EAAGC,EAAe,OAAO,EAAE,SAAAhB,EAAA,CAAS,GAAGK,CAAS;AAAA,MAC1D,GAAGE;AAAA,MACJ,MAAAC;AAAA,MAEC,UAAA;AAAA,QAAAC,IACG,gBAAAQ,EAACrB,GAAA,EAAY,MAAAK,EAAA,CAAY,IAEzBS,EAAU;AAAA,QAEd,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,UAAU;AAAA,YAET,UAAA;AAAA,cAAAZ,KAAS,gBAAAe,EAACC,KAAc,UAAAhB,EAAA,CAAM;AAAA,cAC9BC,KACG,gBAAAc,EAACE,GAAA,EAAoB,UAAAhB,EAAA,CAAY;AAAA,cAEpCQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEDd,EAAQ,cAAc;AACtBA,EAAQ,OAAOD;AACfC,EAAQ,QAAQqB;AAChBrB,EAAQ,cAAcsB;"}

package/dist/components/feedback/callout/components/callout-description/index.d.ts

@@ -1,2 +1 @@
-export { default as CalloutDescription } from './CalloutDescription.tsx';
 export type { CalloutDescriptionProps } from './types/CalloutDescription.props.ts';

package/dist/components/feedback/callout/components/callout-icon/index.d.ts

@@ -1,3 +1,2 @@
-export { default as CalloutIcon } from './CalloutIcon.tsx';
 export { CALLOUT_ICON_STYLES } from './styles/CalloutIcon.css.ts';
 export type { CalloutIconProps } from './types/CalloutIcon.props.ts';

package/dist/components/feedback/callout/components/callout-title/index.d.ts

@@ -1,2 +1 @@
-export { default as CalloutTitle } from './CalloutTitle.tsx';
 export type { CalloutTitleProps } from './types/CalloutTitle.props.ts';

package/dist/components/feedback/callout/types/Callout.props.d.ts

@@ -8,7 +8,7 @@ export type CalloutProps = React.HTMLAttributes<HTMLDivElement> & React.RefAttri
     /**
      * Accessible live-region role. Defaults to "status" (polite). Use "alert"
      * for critical, time-sensitive messages that should interrupt the screen
-     * reader, or "none" to opt out of live-region semantics entirely.
+     * reader, or pass undefined to opt out of live-region semantics entirely.
      */
     role?: CalloutRole;
     /** Optional icon identifier. A default icon is provided per variant. */

package/dist/components/feedback/callout/types/Callout.types.d.ts

@@ -1,4 +1,4 @@
 /** Visual intent variants for the Callout component. */
 export type CalloutVariant = 'info' | 'success' | 'warning' | 'error';
 /** Accessible live-region role for the Callout root. */
-export type CalloutRole = 'alert' | 'status' | 'none';
+export type CalloutRole = 'alert' | 'status' | undefined;

package/dist/components/feedback/progress/CircularProgress.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime");require("./constants/progressColors.const.cjs");const m=require("./constants/progressSizes.const.cjs"),o=require("./styles/Progress.css.cjs"),l=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const p=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const u=require("../../../utils/cn.cjs"),j=require("react"),E=a=>Math.min(100,Math.max(0,a)),g=j.memo(({value:a,color:x,size:r="sm",label:n,quantityLabel:S,className:h,ref:f,...y})=>{const t=E(a),c=S===!0?`${Math.round(t)}%`:S,R=c??`${t}%`,s=m.PROGRESS_SIZE_TO_CIRCULAR_SIZE[r],v=m.PROGRESS_SIZE_TO_STROKE_WIDTH[r],i=(s-v)/2,d=2*Math.PI*i,_=d*(1-t/100);return e.jsxs(l,{ref:f,display:"inline-flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"xs",className:h,...y,children:[e.jsxs(l,{as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",children:[e.jsxs("svg",{role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":R,"aria-label":n,viewBox:`0 0 ${s} ${s}`,className:u.cn(o.PROGRESS_STYLES.circular({size:r})),children:[e.jsx("circle",{"data-progress-track":!0,cx:s/2,cy:s/2,r:i,className:u.cn(o.PROGRESS_STYLES.circularTrack({size:r,color:x}))}),e.jsx("circle",{"data-progress-indicator":!0,cx:s/2,cy:s/2,r:i,className:u.cn(o.PROGRESS_STYLES.circularIndicator({size:r,color:x})),style:{strokeDasharray:d,strokeDashoffset:_}})]}),c&&e.jsx(l,{as:"div",position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",style:{inset:0},children:e.jsx(p,{as:"span",variant:"span",fontSize:r==="sm"?"xs":r==="lg"?"lg":"sm",fontWeight:"semibold",color:"text",children:c})})]}),n&&e.jsx(p,{as:"span",variant:"span",fontSize:"sm",color:"textSecondary",children:n})]})});g.displayName="CircularProgress";module.exports=g;
+"use strict";const e=require("react/jsx-runtime");require("./constants/progressColors.const.cjs");const S=require("./constants/progressSizes.const.cjs"),i=require("./styles/Progress.css.cjs"),o=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const m=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const l=require("../../../utils/cn.cjs"),q=require("react"),I=require("./utils/clamp.utils.cjs"),p=q.memo(({value:g,color:u,size:r="sm",label:t,"aria-label":y,"aria-labelledby":f,quantityLabel:d,className:h,ref:v,...R})=>{const a=I.clamp(g),c=d===!0?`${Math.round(a)}%`:d,_=c??`${a}%`,s=S.PROGRESS_SIZE_TO_CIRCULAR_SIZE[r],j=S.PROGRESS_SIZE_TO_STROKE_WIDTH[r],n=(s-j)/2,x=2*Math.PI*n,E=x*(1-a/100);return e.jsxs(o,{ref:v,display:"inline-flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"xs",className:h,...R,children:[e.jsxs(o,{as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",children:[e.jsxs("svg",{role:"progressbar","aria-valuenow":a,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":_,"aria-label":t??y,"aria-labelledby":f,viewBox:`0 0 ${s} ${s}`,className:l.cn(i.PROGRESS_STYLES.circular({size:r})),children:[e.jsx("circle",{"data-progress-track":!0,cx:s/2,cy:s/2,r:n,className:l.cn(i.PROGRESS_STYLES.circularTrack({size:r,color:u}))}),e.jsx("circle",{"data-progress-indicator":!0,cx:s/2,cy:s/2,r:n,className:l.cn(i.PROGRESS_STYLES.circularIndicator({size:r,color:u})),style:{strokeDasharray:x,strokeDashoffset:E}})]}),c&&e.jsx(o,{as:"div",position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",style:{inset:0},children:e.jsx(m,{as:"span",variant:"span",fontSize:r==="sm"?"xs":r==="lg"?"lg":"sm",fontWeight:"semibold",color:"text",children:c})})]}),t&&e.jsx(m,{as:"span",variant:"span",fontSize:"sm",color:"textSecondary",children:t})]})});p.displayName="CircularProgress";module.exports=p;
 //# sourceMappingURL=CircularProgress.cjs.map

package/dist/components/feedback/progress/CircularProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.cjs","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst CircularProgress: FC<ProgressBaseProps> = memo(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["clamp","value","CircularProgress","memo","color","size","label","quantityLabel","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":"gdAWMA,EAASC,GAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAK,CAAC,EAE3DC,EAA0CC,EAAAA,KAAK,CAAC,CAClD,MAAAF,EACA,MAAAG,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,cAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeX,EAAMC,CAAK,EAC1BW,EACNL,IAAkB,GAAO,GAAG,KAAK,MAAMI,CAAY,CAAC,IAAMJ,EACpDM,EAAYD,GAAyB,GAAGD,CAAY,IAEpDG,EAAUC,EAAAA,+BAA+BV,CAAI,EAC7CW,EAAcC,EAAAA,8BAA8BZ,CAAI,EAChDa,GAAUJ,EAAUE,GAAe,EACnCG,EAAgB,EAAI,KAAK,GAAKD,EAC9BE,EAAaD,GAAiB,EAAIR,EAAe,KAEvD,OACIU,EAAAA,KAACC,EAAA,CACG,IAAAb,EACA,QAAS,cACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,IAAK,KACL,UAAAD,EACC,GAAGE,EAEJ,SAAA,CAAAW,EAAAA,KAACC,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,cACT,WAAY,SACZ,eAAgB,SAEhB,SAAA,CAAAD,EAAAA,KAAC,MAAA,CACG,KAAM,cACN,gBAAeV,EACf,gBAAe,EACf,gBAAe,IACf,iBAAgBE,EAChB,aAAYP,EACZ,QAAS,OAAOQ,CAAO,IAAIA,CAAO,GAClC,UAAWS,EAAAA,GAAGC,EAAAA,gBAAgB,SAAS,CAAE,KAAAnB,CAAA,CAAM,CAAC,EAEhD,SAAA,CAAAoB,EAAAA,IAAC,SAAA,CACG,sBAAmB,GACnB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,EAAAA,gBAAgB,cAAc,CAAE,KAAAnB,EAAM,MAAAD,EAAO,CAAC,CAAA,CAAA,EAEhEqB,EAAAA,IAAC,SAAA,CACG,0BAAuB,GACvB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,kBAAgB,kBAAkB,CAAE,KAAAnB,EAAM,MAAAD,CAAA,CAAO,CAAC,EAChE,MAAO,CACH,gBAAiBe,EACjB,iBAAkBC,CAAA,CACtB,CAAA,CACJ,CAAA,CAAA,EAEHR,GACGa,EAAAA,IAACH,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,CAAE,MAAO,CAAA,EAEhB,SAAAG,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUrB,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KACxD,WAAY,WACZ,MAAO,OAEN,SAAAO,CAAA,CAAA,CACL,CAAA,CACJ,CAAA,CAAA,EAGPN,GACGmB,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBAEN,SAAApB,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDJ,EAAiB,YAAc"}
+{"version":3,"file":"CircularProgress.cjs","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport { clamp } from '@components/feedback/progress/utils/clamp.utils.ts'\r\n\r\nconst CircularProgress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label ?? ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["CircularProgress","memo","value","color","size","label","ariaLabel","ariaLabelledBy","quantityLabel","className","ref","props","clampedValue","clamp","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":"qfAYMA,EAA0CC,EAAAA,KAA0B,CAAC,CACvE,MAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,cAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeC,EAAAA,MAAMX,CAAK,EAC1BY,EACNN,IAAkB,GAAO,GAAG,KAAK,MAAMI,CAAY,CAAC,IAAMJ,EACpDO,EAAYD,GAAyB,GAAGF,CAAY,IAEpDI,EAAUC,EAAAA,+BAA+Bb,CAAI,EAC7Cc,EAAcC,EAAAA,8BAA8Bf,CAAI,EAChDgB,GAAUJ,EAAUE,GAAe,EACnCG,EAAgB,EAAI,KAAK,GAAKD,EAC9BE,EAAaD,GAAiB,EAAIT,EAAe,KAEvD,OACIW,EAAAA,KAACC,EAAA,CACG,IAAAd,EACA,QAAS,cACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,IAAK,KACL,UAAAD,EACC,GAAGE,EAEJ,SAAA,CAAAY,EAAAA,KAACC,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,cACT,WAAY,SACZ,eAAgB,SAEhB,SAAA,CAAAD,EAAAA,KAAC,MAAA,CACG,KAAM,cACN,gBAAeX,EACf,gBAAe,EACf,gBAAe,IACf,iBAAgBG,EAChB,aAAYV,GAASC,EACrB,kBAAiBC,EACjB,QAAS,OAAOS,CAAO,IAAIA,CAAO,GAClC,UAAWS,EAAAA,GAAGC,EAAAA,gBAAgB,SAAS,CAAE,KAAAtB,CAAA,CAAM,CAAC,EAEhD,SAAA,CAAAuB,EAAAA,IAAC,SAAA,CACG,sBAAmB,GACnB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,EAAAA,gBAAgB,cAAc,CAAE,KAAAtB,EAAM,MAAAD,EAAO,CAAC,CAAA,CAAA,EAEhEwB,EAAAA,IAAC,SAAA,CACG,0BAAuB,GACvB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,kBAAgB,kBAAkB,CAAE,KAAAtB,EAAM,MAAAD,CAAA,CAAO,CAAC,EAChE,MAAO,CACH,gBAAiBkB,EACjB,iBAAkBC,CAAA,CACtB,CAAA,CACJ,CAAA,CAAA,EAEHR,GACGa,EAAAA,IAACH,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,CAAE,MAAO,CAAA,EAEhB,SAAAG,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUxB,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KACxD,WAAY,WACZ,MAAO,OAEN,SAAAU,CAAA,CAAA,CACL,CAAA,CACJ,CAAA,CAAA,EAGPT,GACGsB,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBAEN,SAAAvB,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDL,EAAiB,YAAc"}

package/dist/components/feedback/progress/CircularProgress.js

@@ -1,38 +1,41 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "./constants/progressColors.const.js";
-import { PROGRESS_SIZE_TO_CIRCULAR_SIZE as R, PROGRESS_SIZE_TO_STROKE_WIDTH as _ } from "./constants/progressSizes.const.js";
+import { PROGRESS_SIZE_TO_CIRCULAR_SIZE as E, PROGRESS_SIZE_TO_STROKE_WIDTH as T } from "./constants/progressSizes.const.js";
 import { PROGRESS_STYLES as l } from "./styles/Progress.css.js";
-import m from "../../layout/box/Box.js";
+import c from "../../layout/box/Box.js";
 import "../../layout/box/styles/Box.css.js";
-import x from "../../foundation/typography/Typography.js";
+import u from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
-import { cn as p } from "../../../utils/cn.js";
-import { memo as E } from "react";
-const T = (s) => Math.min(100, Math.max(0, s)), C = E(({
-  value: s,
-  color: d,
+import { cn as m } from "../../../utils/cn.js";
+import { memo as b } from "react";
+import { clamp as C } from "./utils/clamp.utils.js";
+const O = b(({
+  value: x,
+  color: p,
   size: r = "sm",
-  label: o,
-  quantityLabel: u,
-  className: h,
-  ref: S,
-  ...g
+  label: s,
+  "aria-label": y,
+  "aria-labelledby": S,
+  quantityLabel: d,
+  className: g,
+  ref: h,
+  ...v
 }) => {
-  const a = T(s), i = u === !0 ? `${Math.round(a)}%` : u, y = i ?? `${a}%`, t = R[r], v = _[r], n = (t - v) / 2, f = 2 * Math.PI * n, I = f * (1 - a / 100);
-  return /* @__PURE__ */ c(
-    m,
+  const t = C(x), i = d === !0 ? `${Math.round(t)}%` : d, I = i ?? `${t}%`, a = E[r], R = T[r], o = (a - R) / 2, f = 2 * Math.PI * o, _ = f * (1 - t / 100);
+  return /* @__PURE__ */ n(
+    c,
     {
-      ref: S,
+      ref: h,
       display: "inline-flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
       gap: "xs",
-      className: h,
-      ...g,
+      className: g,
+      ...v,
       children: [
-        /* @__PURE__ */ c(
-          m,
+        /* @__PURE__ */ n(
+          c,
           {
             as: "div",
             position: "relative",
@@ -40,39 +43,40 @@ const T = (s) => Math.min(100, Math.max(0, s)), C = E(({
             alignItems: "center",
             justifyContent: "center",
             children: [
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ n(
                 "svg",
                 {
                   role: "progressbar",
-                  "aria-valuenow": a,
+                  "aria-valuenow": t,
                   "aria-valuemin": 0,
                   "aria-valuemax": 100,
-                  "aria-valuetext": y,
-                  "aria-label": o,
-                  viewBox: `0 0 ${t} ${t}`,
-                  className: p(l.circular({ size: r })),
+                  "aria-valuetext": I,
+                  "aria-label": s ?? y,
+                  "aria-labelledby": S,
+                  viewBox: `0 0 ${a} ${a}`,
+                  className: m(l.circular({ size: r })),
                   children: [
                     /* @__PURE__ */ e(
                       "circle",
                       {
                         "data-progress-track": !0,
-                        cx: t / 2,
-                        cy: t / 2,
-                        r: n,
-                        className: p(l.circularTrack({ size: r, color: d }))
+                        cx: a / 2,
+                        cy: a / 2,
+                        r: o,
+                        className: m(l.circularTrack({ size: r, color: p }))
                       }
                     ),
                     /* @__PURE__ */ e(
                       "circle",
                       {
                         "data-progress-indicator": !0,
-                        cx: t / 2,
-                        cy: t / 2,
-                        r: n,
-                        className: p(l.circularIndicator({ size: r, color: d })),
+                        cx: a / 2,
+                        cy: a / 2,
+                        r: o,
+                        className: m(l.circularIndicator({ size: r, color: p })),
                         style: {
                           strokeDasharray: f,
-                          strokeDashoffset: I
+                          strokeDashoffset: _
                         }
                       }
                     )
@@ -80,7 +84,7 @@ const T = (s) => Math.min(100, Math.max(0, s)), C = E(({
                 }
               ),
               i && /* @__PURE__ */ e(
-                m,
+                c,
                 {
                   as: "div",
                   position: "absolute",
@@ -89,7 +93,7 @@ const T = (s) => Math.min(100, Math.max(0, s)), C = E(({
                   justifyContent: "center",
                   style: { inset: 0 },
                   children: /* @__PURE__ */ e(
-                    x,
+                    u,
                     {
                       as: "span",
                       variant: "span",
@@ -104,22 +108,22 @@ const T = (s) => Math.min(100, Math.max(0, s)), C = E(({
             ]
           }
         ),
-        o && /* @__PURE__ */ e(
-          x,
+        s && /* @__PURE__ */ e(
+          u,
           {
             as: "span",
             variant: "span",
             fontSize: "sm",
             color: "textSecondary",
-            children: o
+            children: s
           }
         )
       ]
     }
   );
 });
-C.displayName = "CircularProgress";
+O.displayName = "CircularProgress";
 export {
-  C as default
+  O as default
 };
 //# sourceMappingURL=CircularProgress.js.map

package/dist/components/feedback/progress/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst CircularProgress: FC<ProgressBaseProps> = memo(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["clamp","value","CircularProgress","memo","color","size","label","quantityLabel","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":"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"}
+{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport { clamp } from '@components/feedback/progress/utils/clamp.utils.ts'\r\n\r\nconst CircularProgress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label ?? ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["CircularProgress","memo","value","color","size","label","ariaLabel","ariaLabelledBy","quantityLabel","className","ref","props","clampedValue","clamp","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":"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"}

package/dist/components/feedback/progress/Progress.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("./styles/Progress.css.cjs"),t=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const u=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const m=require("../../../utils/cn.cjs"),f=require("react"),j=n=>Math.min(100,Math.max(0,n)),x=f.memo(({value:n,color:i,size:p="sm",borderRadius:c="sm",label:s,quantityLabel:o,width:d="100%",className:S,ref:h,...g})=>{const r=j(n),a=o===!0?`${Math.round(r)}%`:o,v=a??`${r}%`;return e.jsxs(t,{ref:h,display:"flex",flexDirection:"column",gap:"xs",width:d,className:S,...g,children:[(s||a)&&e.jsxs(t,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"sm",children:[s&&e.jsx(u,{as:"span",variant:"span",fontSize:"sm",color:"textSecondary",children:s}),a&&e.jsx(u,{as:"span",variant:"span",fontSize:"sm",fontWeight:"medium",color:"textSecondary",children:a})]}),e.jsx(t,{as:"div",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":v,"aria-label":s,className:m.cn(l.PROGRESS_STYLES.recipe({size:p,borderRadius:c,color:i})),children:e.jsx(t,{as:"div","data-progress-fill":!0,width:`${r}%`,className:m.cn(l.PROGRESS_STYLES.fill({borderRadius:c,color:i}))})})]})});x.displayName="Progress";module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),o=require("./styles/Progress.css.cjs"),t=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const u=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const m=require("../../../utils/cn.cjs"),j=require("react"),q=i=>Math.min(100,Math.max(0,i)),x=j.memo(({value:i,color:n,size:d="sm",borderRadius:c="sm",label:a,"aria-label":p,"aria-labelledby":S,quantityLabel:l,width:h="100%",className:g,ref:v,...y})=>{const s=q(i),r=l===!0?`${Math.round(s)}%`:l,f=r??`${s}%`;return e.jsxs(t,{ref:v,display:"flex",flexDirection:"column",gap:"xs",width:h,className:g,...y,children:[(a||r)&&e.jsxs(t,{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"sm",children:[a&&e.jsx(u,{as:"span",variant:"span",fontSize:"sm",color:"textSecondary",children:a}),r&&e.jsx(u,{as:"span",variant:"span",fontSize:"sm",fontWeight:"medium",color:"textSecondary",children:r})]}),e.jsx(t,{as:"div",role:"progressbar","aria-valuenow":s,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":f,"aria-label":a??p,"aria-labelledby":S,className:m.cn(o.PROGRESS_STYLES.recipe({size:d,borderRadius:c,color:n})),children:e.jsx(t,{as:"div","data-progress-fill":!0,width:`${s}%`,className:m.cn(o.PROGRESS_STYLES.fill({borderRadius:c,color:n}))})})]})});x.displayName="Progress";module.exports=x;
 //# sourceMappingURL=Progress.cjs.map

package/dist/components/feedback/progress/Progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.cjs","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst Progress: FC<ProgressBaseProps> = memo(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    borderRadius = 'sm',\r\n    label,\r\n    quantityLabel,\r\n    width = '100%',\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'flex'}\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={width}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {(label || resolvedQuantityLabel) && (\r\n                <Box\r\n                    display={'flex'}\r\n                    justifyContent={'space-between'}\r\n                    alignItems={'center'}\r\n                    gap={'sm'}\r\n                >\r\n                    {label && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {label}\r\n                        </Typography>\r\n                    )}\r\n                    {resolvedQuantityLabel && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            fontWeight={'medium'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    )}\r\n                </Box>\r\n            )}\r\n            <Box\r\n                as={'div'}\r\n                role={'progressbar'}\r\n                aria-valuenow={clampedValue}\r\n                aria-valuemin={0}\r\n                aria-valuemax={100}\r\n                aria-valuetext={valueText}\r\n                aria-label={label}\r\n                className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n            >\r\n                <Box\r\n                    as={'div'}\r\n                    data-progress-fill\r\n                    width={`${clampedValue}%`}\r\n                    className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n                />\r\n            </Box>\r\n        </Box>\r\n    )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":"yWAOMA,EAASC,GAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAK,CAAC,EAE3DC,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,MAAAF,EACA,MAAAG,EACA,KAAAC,EAAO,KACP,aAAAC,EAAe,KACf,MAAAC,EACA,cAAAC,EACA,MAAAC,EAAQ,OACR,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeb,EAAMC,CAAK,EAC1Ba,EACNN,IAAkB,GAAO,GAAG,KAAK,MAAMK,CAAY,CAAC,IAAML,EACpDO,EAAYD,GAAyB,GAAGD,CAAY,IAE1D,OACIG,EAAAA,KAACC,EAAA,CACG,IAAAN,EACA,QAAS,OACT,cAAe,SACf,IAAK,KACL,MAAAF,EACA,UAAAC,EACC,GAAGE,EAEF,SAAA,EAAAL,GAASO,IACPE,EAAAA,KAACC,EAAA,CACG,QAAS,OACT,eAAgB,gBAChB,WAAY,SACZ,IAAK,KAEJ,SAAA,CAAAV,GACGW,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBAEN,SAAAZ,CAAA,CAAA,EAGRO,GACGI,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,WAAY,SACZ,MAAO,gBAEN,SAAAL,CAAA,CAAA,CACL,CAAA,CAAA,EAIZI,EAAAA,IAACD,EAAA,CACG,GAAI,MACJ,KAAM,cACN,gBAAeJ,EACf,gBAAe,EACf,gBAAe,IACf,iBAAgBE,EAChB,aAAYR,EACZ,UAAWa,EAAAA,GAAGC,EAAAA,gBAAgB,OAAO,CAAE,KAAAhB,EAAM,aAAAC,EAAc,MAAAF,CAAA,CAAO,CAAC,EAEnE,SAAAc,EAAAA,IAACD,EAAA,CACG,GAAI,MACJ,qBAAkB,GAClB,MAAO,GAAGJ,CAAY,IACtB,UAAWO,EAAAA,GAAGC,EAAAA,gBAAgB,KAAK,CAAE,aAAAf,EAAc,MAAAF,EAAO,CAAC,CAAA,CAAA,CAC/D,CAAA,CACJ,CAAA,CAAA,CAGZ,CAAC,EAEDF,EAAS,YAAc"}
+{"version":3,"file":"Progress.cjs","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst Progress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    borderRadius = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    width = '100%',\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'flex'}\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={width}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {(label || resolvedQuantityLabel) && (\r\n                <Box\r\n                    display={'flex'}\r\n                    justifyContent={'space-between'}\r\n                    alignItems={'center'}\r\n                    gap={'sm'}\r\n                >\r\n                    {label && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {label}\r\n                        </Typography>\r\n                    )}\r\n                    {resolvedQuantityLabel && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            fontWeight={'medium'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    )}\r\n                </Box>\r\n            )}\r\n            <Box\r\n                as={'div'}\r\n                role={'progressbar'}\r\n                aria-valuenow={clampedValue}\r\n                aria-valuemin={0}\r\n                aria-valuemax={100}\r\n                aria-valuetext={valueText}\r\n                aria-label={label ?? ariaLabel}\r\n                aria-labelledby={ariaLabelledBy}\r\n                className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n            >\r\n                <Box\r\n                    as={'div'}\r\n                    data-progress-fill\r\n                    width={`${clampedValue}%`}\r\n                    className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n                />\r\n            </Box>\r\n        </Box>\r\n    )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","ariaLabel","ariaLabelledBy","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":"yWAOMA,EAASC,GAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAK,CAAC,EAE3DC,EAAkCC,EAAAA,KAA0B,CAAC,CAC/D,MAAAF,EACA,MAAAG,EACA,KAAAC,EAAO,KACP,aAAAC,EAAe,KACf,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,cAAAC,EACA,MAAAC,EAAQ,OACR,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAef,EAAMC,CAAK,EAC1Be,EACNN,IAAkB,GAAO,GAAG,KAAK,MAAMK,CAAY,CAAC,IAAML,EACpDO,EAAYD,GAAyB,GAAGD,CAAY,IAE1D,OACIG,EAAAA,KAACC,EAAA,CACG,IAAAN,EACA,QAAS,OACT,cAAe,SACf,IAAK,KACL,MAAAF,EACA,UAAAC,EACC,GAAGE,EAEF,SAAA,EAAAP,GAASS,IACPE,EAAAA,KAACC,EAAA,CACG,QAAS,OACT,eAAgB,gBAChB,WAAY,SACZ,IAAK,KAEJ,SAAA,CAAAZ,GACGa,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBAEN,SAAAd,CAAA,CAAA,EAGRS,GACGI,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,WAAY,SACZ,MAAO,gBAEN,SAAAL,CAAA,CAAA,CACL,CAAA,CAAA,EAIZI,EAAAA,IAACD,EAAA,CACG,GAAI,MACJ,KAAM,cACN,gBAAeJ,EACf,gBAAe,EACf,gBAAe,IACf,iBAAgBE,EAChB,aAAYV,GAASC,EACrB,kBAAiBC,EACjB,UAAWa,EAAAA,GAAGC,EAAAA,gBAAgB,OAAO,CAAE,KAAAlB,EAAM,aAAAC,EAAc,MAAAF,CAAA,CAAO,CAAC,EAEnE,SAAAgB,EAAAA,IAACD,EAAA,CACG,GAAI,MACJ,qBAAkB,GAClB,MAAO,GAAGJ,CAAY,IACtB,UAAWO,EAAAA,GAAGC,EAAAA,gBAAgB,KAAK,CAAE,aAAAjB,EAAc,MAAAF,EAAO,CAAC,CAAA,CAAA,CAC/D,CAAA,CACJ,CAAA,CAAA,CAGZ,CAAC,EAEDF,EAAS,YAAc"}

package/dist/components/feedback/progress/Progress.js

@@ -1,37 +1,39 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { PROGRESS_STYLES as p } from "./styles/Progress.css.js";
-import s from "../../layout/box/Box.js";
+import i from "../../layout/box/Box.js";
 import "../../layout/box/styles/Box.css.js";
 import c from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
 import { cn as d } from "../../../utils/cn.js";
-import { memo as y } from "react";
-const S = (o) => Math.min(100, Math.max(0, o)), j = y(({
-  value: o,
-  color: i,
+import { memo as b } from "react";
+const j = (s) => Math.min(100, Math.max(0, s)), w = b(({
+  value: s,
+  color: o,
   size: f = "sm",
-  borderRadius: m = "sm",
+  borderRadius: l = "sm",
   label: a,
-  quantityLabel: n,
-  width: x = "100%",
-  className: u,
-  ref: h,
-  ...v
+  "aria-label": x,
+  "aria-labelledby": u,
+  quantityLabel: m,
+  width: h = "100%",
+  className: v,
+  ref: y,
+  ...g
 }) => {
-  const e = S(o), r = n === !0 ? `${Math.round(e)}%` : n, g = r ?? `${e}%`;
-  return /* @__PURE__ */ l(
-    s,
+  const e = j(s), r = m === !0 ? `${Math.round(e)}%` : m, S = r ?? `${e}%`;
+  return /* @__PURE__ */ n(
+    i,
     {
-      ref: h,
+      ref: y,
       display: "flex",
       flexDirection: "column",
       gap: "xs",
-      width: x,
-      className: u,
-      ...v,
+      width: h,
+      className: v,
+      ...g,
       children: [
-        (a || r) && /* @__PURE__ */ l(
-          s,
+        (a || r) && /* @__PURE__ */ n(
+          i,
           {
             display: "flex",
             justifyContent: "space-between",
@@ -63,23 +65,24 @@ const S = (o) => Math.min(100, Math.max(0, o)), j = y(({
           }
         ),
         /* @__PURE__ */ t(
-          s,
+          i,
           {
             as: "div",
             role: "progressbar",
             "aria-valuenow": e,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
-            "aria-valuetext": g,
-            "aria-label": a,
-            className: d(p.recipe({ size: f, borderRadius: m, color: i })),
+            "aria-valuetext": S,
+            "aria-label": a ?? x,
+            "aria-labelledby": u,
+            className: d(p.recipe({ size: f, borderRadius: l, color: o })),
             children: /* @__PURE__ */ t(
-              s,
+              i,
               {
                 as: "div",
                 "data-progress-fill": !0,
                 width: `${e}%`,
-                className: d(p.fill({ borderRadius: m, color: i }))
+                className: d(p.fill({ borderRadius: l, color: o }))
               }
             )
           }
@@ -88,8 +91,8 @@ const S = (o) => Math.min(100, Math.max(0, o)), j = y(({
     }
   );
 });
-j.displayName = "Progress";
+w.displayName = "Progress";
 export {
-  j as default
+  w as default
 };
 //# sourceMappingURL=Progress.js.map

package/dist/components/feedback/progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst Progress: FC<ProgressBaseProps> = memo(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    borderRadius = 'sm',\r\n    label,\r\n    quantityLabel,\r\n    width = '100%',\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'flex'}\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={width}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {(label || resolvedQuantityLabel) && (\r\n                <Box\r\n                    display={'flex'}\r\n                    justifyContent={'space-between'}\r\n                    alignItems={'center'}\r\n                    gap={'sm'}\r\n                >\r\n                    {label && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {label}\r\n                        </Typography>\r\n                    )}\r\n                    {resolvedQuantityLabel && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            fontWeight={'medium'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    )}\r\n                </Box>\r\n            )}\r\n            <Box\r\n                as={'div'}\r\n                role={'progressbar'}\r\n                aria-valuenow={clampedValue}\r\n                aria-valuemin={0}\r\n                aria-valuemax={100}\r\n                aria-valuetext={valueText}\r\n                aria-label={label}\r\n                className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n            >\r\n                <Box\r\n                    as={'div'}\r\n                    data-progress-fill\r\n                    width={`${clampedValue}%`}\r\n                    className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n                />\r\n            </Box>\r\n        </Box>\r\n    )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":";;;;;;;;AAOA,MAAMA,IAAQ,CAACC,MAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGA,CAAK,CAAC,GAE3DC,IAAkCC,EAAK,CAAC;AAAA,EAC1C,OAAAF;AAAA,EACA,OAAAG;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAeb,EAAMC,CAAK,GAC1Ba,IACNN,MAAkB,KAAO,GAAG,KAAK,MAAMK,CAAY,CAAC,MAAML,GACpDO,IAAYD,KAAyB,GAAGD,CAAY;AAE1D,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAAF;AAAA,MACA,WAAAC;AAAA,MACC,GAAGE;AAAA,MAEF,UAAA;AAAA,SAAAL,KAASO,MACP,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,KAAK;AAAA,YAEJ,UAAA;AAAA,cAAAV,KACG,gBAAAW;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,OAAO;AAAA,kBAEN,UAAAZ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGRO,KACG,gBAAAI;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAO;AAAA,kBAEN,UAAAL;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL;AAAA,UAAA;AAAA,QAAA;AAAA,QAIZ,gBAAAI;AAAA,UAACD;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,iBAAeJ;AAAA,YACf,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,kBAAgBE;AAAA,YAChB,cAAYR;AAAA,YACZ,WAAWa,EAAGC,EAAgB,OAAO,EAAE,MAAAhB,GAAM,cAAAC,GAAc,OAAAF,EAAA,CAAO,CAAC;AAAA,YAEnE,UAAA,gBAAAc;AAAA,cAACD;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,sBAAkB;AAAA,gBAClB,OAAO,GAAGJ,CAAY;AAAA,gBACtB,WAAWO,EAAGC,EAAgB,KAAK,EAAE,cAAAf,GAAc,OAAAF,GAAO,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/D;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDF,EAAS,cAAc;"}
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst Progress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    borderRadius = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    width = '100%',\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'flex'}\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={width}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {(label || resolvedQuantityLabel) && (\r\n                <Box\r\n                    display={'flex'}\r\n                    justifyContent={'space-between'}\r\n                    alignItems={'center'}\r\n                    gap={'sm'}\r\n                >\r\n                    {label && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {label}\r\n                        </Typography>\r\n                    )}\r\n                    {resolvedQuantityLabel && (\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={'sm'}\r\n                            fontWeight={'medium'}\r\n                            color={'textSecondary'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    )}\r\n                </Box>\r\n            )}\r\n            <Box\r\n                as={'div'}\r\n                role={'progressbar'}\r\n                aria-valuenow={clampedValue}\r\n                aria-valuemin={0}\r\n                aria-valuemax={100}\r\n                aria-valuetext={valueText}\r\n                aria-label={label ?? ariaLabel}\r\n                aria-labelledby={ariaLabelledBy}\r\n                className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n            >\r\n                <Box\r\n                    as={'div'}\r\n                    data-progress-fill\r\n                    width={`${clampedValue}%`}\r\n                    className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n                />\r\n            </Box>\r\n        </Box>\r\n    )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","ariaLabel","ariaLabelledBy","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":";;;;;;;;AAOA,MAAMA,IAAQ,CAACC,MAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGA,CAAK,CAAC,GAE3DC,IAAkCC,EAA0B,CAAC;AAAA,EAC/D,OAAAF;AAAA,EACA,OAAAG;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,eAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAef,EAAMC,CAAK,GAC1Be,IACNN,MAAkB,KAAO,GAAG,KAAK,MAAMK,CAAY,CAAC,MAAML,GACpDO,IAAYD,KAAyB,GAAGD,CAAY;AAE1D,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAAF;AAAA,MACA,WAAAC;AAAA,MACC,GAAGE;AAAA,MAEF,UAAA;AAAA,SAAAP,KAASS,MACP,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,KAAK;AAAA,YAEJ,UAAA;AAAA,cAAAZ,KACG,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,OAAO;AAAA,kBAEN,UAAAd;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGRS,KACG,gBAAAI;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAO;AAAA,kBAEN,UAAAL;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL;AAAA,UAAA;AAAA,QAAA;AAAA,QAIZ,gBAAAI;AAAA,UAACD;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,iBAAeJ;AAAA,YACf,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,kBAAgBE;AAAA,YAChB,cAAYV,KAASC;AAAA,YACrB,mBAAiBC;AAAA,YACjB,WAAWa,EAAGC,EAAgB,OAAO,EAAE,MAAAlB,GAAM,cAAAC,GAAc,OAAAF,EAAA,CAAO,CAAC;AAAA,YAEnE,UAAA,gBAAAgB;AAAA,cAACD;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,sBAAkB;AAAA,gBAClB,OAAO,GAAGJ,CAAY;AAAA,gBACtB,WAAWO,EAAGC,EAAgB,KAAK,EAAE,cAAAjB,GAAc,OAAAF,GAAO,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/D;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDF,EAAS,cAAc;"}

package/dist/components/feedback/progress/types/Progress.props.d.ts

@@ -1,7 +1,14 @@
 import { BoxProps } from '../../../layout/box';
 import { ProgressBorderRadius, ProgressColor, ProgressSize } from './Progress.types.ts';
 import type * as React from 'react';
-export type ProgressBaseProps = Omit<BoxProps, 'as' | 'children' | 'ref'> & {
+type ProgressAccessibleName = {
+    label: string;
+} | {
+    'aria-label': string;
+} | {
+    'aria-labelledby': string;
+};
+export type ProgressBaseProps = Omit<BoxProps, 'as' | 'children' | 'ref' | 'aria-label' | 'aria-labelledby'> & {
     /** Ref forwarded to the outermost element. */
     ref?: React.Ref<HTMLDivElement>;
     /** Current progress value between 0 and 100. */
@@ -12,11 +19,15 @@ export type ProgressBaseProps = Omit<BoxProps, 'as' | 'children' | 'ref'> & {
     size?: ProgressSize;
     /** Border radius of the linear track. Defaults to `sm`. */
     borderRadius?: ProgressBorderRadius;
-    /** Accessible label describing what the progress represents. */
-    label?: string;
     /**
      * Text displayed alongside (linear) or inside (circular) the progress.
      * Pass `true` to render the value as a percentage, or a custom string.
      */
     quantityLabel?: string | true;
+} & ProgressAccessibleName;
+export type ProgressRenderProps = ProgressBaseProps & {
+    label?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 };
+export {};

package/dist/components/feedback/progress/utils/clamp.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=t=>Math.min(100,Math.max(0,t));exports.clamp=a;
+//# sourceMappingURL=clamp.utils.cjs.map

package/dist/components/feedback/progress/utils/clamp.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.utils.cjs","sources":["../../../../../src/components/feedback/progress/utils/clamp.utils.ts"],"sourcesContent":["export const clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n"],"names":["clamp","value"],"mappings":"gFAAO,MAAMA,EAASC,GAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAK,CAAC"}

package/dist/components/feedback/progress/utils/clamp.utils.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (value: number) => number;

package/dist/components/feedback/progress/utils/clamp.utils.js

@@ -0,0 +1,5 @@
+const t = (a) => Math.min(100, Math.max(0, a));
+export {
+  t as clamp
+};
+//# sourceMappingURL=clamp.utils.js.map

package/dist/components/feedback/progress/utils/clamp.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.utils.js","sources":["../../../../../src/components/feedback/progress/utils/clamp.utils.ts"],"sourcesContent":["export const clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n"],"names":["clamp","value"],"mappings":"AAAO,MAAMA,IAAQ,CAACC,MAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGA,CAAK,CAAC;"}

package/dist/components/feedback/skeleton/styles/Skeleton.css.d.ts

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const SKELETON_STYLES: {
     recipe: RuntimeFn<{
         variant: {
@@ -17,4 +17,3 @@ export declare const SKELETON_STYLES: {
         };
     }>;
 };
-export type SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof SKELETON_STYLES.recipe>>;

package/dist/components/feedback/skeleton/types/Skeleton.props.d.ts

@@ -1,7 +1,9 @@
-import { SkeletonRecipeVariants } from '../styles/Skeleton.css.ts';
+import { SkeletonVariant } from './Skeleton.types.ts';
 import { RefAttributes } from 'react';
 import type * as React from 'react';
-export type SkeletonProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & RefAttributes<HTMLDivElement> & SkeletonRecipeVariants & {
+export type SkeletonProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & RefAttributes<HTMLDivElement> & {
+    /** Shape variant of the placeholder. Defaults to `rounded`. */
+    variant?: SkeletonVariant;
     /** Explicit width for the placeholder. */
     width?: React.CSSProperties['width'];
     /** Explicit height for the placeholder. */

package/dist/components/feedback/toast/components/index.d.ts

@@ -1,5 +1,6 @@
-export * from './toast-icon';
-export * from './toast-title';
-export * from './toast-description';
-export * from './toast-actions';
-export * from './toast-close';
+export { TOAST_ICON_STYLES } from './toast-icon/styles/ToastIcon.css.ts';
+export type { ToastIconProps } from './toast-icon/types/ToastIcon.props.ts';
+export type { ToastTitleProps } from './toast-title/types/ToastTitle.props.ts';
+export type { ToastDescriptionProps } from './toast-description/types/ToastDescription.props.ts';
+export type { ToastActionsProps } from './toast-actions/types/ToastActions.props.ts';
+export type { ToastCloseProps } from './toast-close/types/ToastClose.props.ts';

package/dist/components/feedback/toast/constants/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/components/feedback/toast/constants/index.ts"],"sourcesContent":["import type { ToastVariant } from '@components/feedback/toast/types/Toast.types.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport const VARIANT_TO_ICON: Record<ToastVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<ToastVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":"mIAIaA,EAAgD,CACzD,KAAMC,EAAAA,aAAa,KACnB,QAASA,EAAAA,aAAa,QACtB,QAASA,EAAAA,aAAa,QACtB,MAAOA,EAAAA,aAAa,KACxB,EAEaC,EAAqD,CAC9D,KAAM,OACN,QAAS,UACT,QAAS,UACT,MAAO,aACX"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/feedback/toast/constants/index.ts"],"sourcesContent":["import type { ToastVariant } from '@components/feedback/toast/types/Toast.types.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport { TOAST_VARIANTS } from '@components/feedback/toast/constants/toastVariants.const.ts'\r\n\r\nexport const VARIANT_TO_ICON: Record<ToastVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<ToastVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":"mIAMaA,EAAgD,CACzD,KAAMC,EAAAA,aAAa,KACnB,QAASA,EAAAA,aAAa,QACtB,QAASA,EAAAA,aAAa,QACtB,MAAOA,EAAAA,aAAa,KACxB,EAEaC,EAAqD,CAC9D,KAAM,OACN,QAAS,UACT,QAAS,UACT,MAAO,aACX"}