@choco-vanille/ui 1.14.6 → 1.15.0

package/dist/components/_common/rotating-chevron/styles/RotatingChevron.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit140.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                     */var e={chevron:"_1oghhzs0"};exports.ROTATING_CHEVRON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit128.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                     */var e={chevron:"_1oghhzs0"};exports.ROTATING_CHEVRON_STYLES=e;
 //# sourceMappingURL=RotatingChevron.css.cjs.map

package/dist/components/_common/rotating-chevron/styles/RotatingChevron.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit140.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit128.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                   */
 var h = { chevron: "_1oghhzs0" };
 export {

package/dist/components/actions/_shared/buttons/styles/buttonShared.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit43.css');require('../../../../../ui-kit.css');;/* empty css                                                 */;/* empty css                                  */var e={icon:"_7owzgg0"};exports.BUTTON_SHARED_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit45.css');require('../../../../../ui-kit.css');;/* empty css                                                 */;/* empty css                                  */var e={icon:"_7owzgg0"};exports.BUTTON_SHARED_STYLES=e;
 //# sourceMappingURL=buttonShared.css.cjs.map

package/dist/components/actions/_shared/buttons/styles/buttonShared.css.d.ts

@@ -10,6 +10,7 @@ export declare const BUTTON_SHARED_STYLES: {
         lineHeight: `var(--${string})`;
         borderRadius: `var(--${string})`;
         border: "1px solid transparent";
+        textDecoration: "none";
         cursor: "pointer";
         fontFamily: `var(--${string})`;
         transition: string;

package/dist/components/actions/_shared/buttons/styles/buttonShared.css.js

@@ -1,4 +1,4 @@
-import '../../../../../ui-kit43.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit45.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                */
 var i = { icon: "_7owzgg0" };
 export {

package/dist/components/actions/_shared/buttons/types/index.d.ts

@@ -7,4 +7,4 @@ export type ButtonColorShared = (typeof BUTTON_COLORS)[keyof typeof BUTTON_COLOR
 /** Size variants shared by Button and IconButton. */
 export type ButtonSizeShared = (typeof BUTTON_SIZES)[keyof typeof BUTTON_SIZES];
 /** Layout props shared by the action components that render a button. */
-export type ButtonLayoutProps = Pick<BoxProps, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'width' | 'alignSelf'>;
+export type ButtonLayoutProps = Pick<BoxProps, 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'width' | 'alignSelf'>;

package/dist/components/actions/_shared/buttons/utils/buttonLayout.utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../layout/box/styles/Box.css.cjs"),d=({marginTop:e,marginRight:t,marginBottom:o,marginLeft:s})=>{if(!(e===void 0&&t===void 0&&o===void 0&&s===void 0))return u.BOX_STYLES.recipe({marginTop:e,marginRight:t,marginBottom:o,marginLeft:s})};exports.getButtonLayoutClassName=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../layout/box/styles/Box.css.cjs"),v=({margin:e,marginTop:o,marginRight:t,marginBottom:s,marginLeft:u})=>{if(!(e===void 0&&o===void 0&&t===void 0&&s===void 0&&u===void 0))return d.BOX_STYLES.recipe({margin:e,marginTop:o,marginRight:t,marginBottom:s,marginLeft:u})};exports.getButtonLayoutClassName=v;
 //# sourceMappingURL=buttonLayout.utils.cjs.map

package/dist/components/actions/_shared/buttons/utils/buttonLayout.utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"buttonLayout.utils.cjs","sources":["../../../../../../src/components/actions/_shared/buttons/utils/buttonLayout.utils.ts"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { ButtonLayoutProps } from '@components/actions/_shared/buttons/types'\r\n\r\nexport const getButtonLayoutClassName = ({\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n}: ButtonLayoutProps): string | undefined => {\r\n    if (\r\n        marginTop === undefined &&\r\n        marginRight === undefined &&\r\n        marginBottom === undefined &&\r\n        marginLeft === undefined\r\n    ) {\r\n        return undefined\r\n    }\r\n\r\n    return BOX_STYLES.recipe({ marginTop, marginRight, marginBottom, marginLeft })\r\n}\r\n"],"names":["getButtonLayoutClassName","marginTop","marginRight","marginBottom","marginLeft","BOX_STYLES"],"mappings":"6IAGaA,EAA2B,CAAC,CACrC,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,CACJ,IAA6C,CACzC,GACI,EAAAH,IAAc,QACdC,IAAgB,QAChBC,IAAiB,QACjBC,IAAe,QAKnB,OAAOC,EAAAA,WAAW,OAAO,CAAE,UAAAJ,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,CACjF"}
+{"version":3,"file":"buttonLayout.utils.cjs","sources":["../../../../../../src/components/actions/_shared/buttons/utils/buttonLayout.utils.ts"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { ButtonLayoutProps } from '@components/actions/_shared/buttons/types'\r\n\r\nexport const getButtonLayoutClassName = ({\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n}: ButtonLayoutProps): string | undefined => {\r\n    if (\r\n        margin === undefined &&\r\n        marginTop === undefined &&\r\n        marginRight === undefined &&\r\n        marginBottom === undefined &&\r\n        marginLeft === undefined\r\n    ) {\r\n        return undefined\r\n    }\r\n\r\n    return BOX_STYLES.recipe({ margin, marginTop, marginRight, marginBottom, marginLeft })\r\n}\r\n"],"names":["getButtonLayoutClassName","margin","marginTop","marginRight","marginBottom","marginLeft","BOX_STYLES"],"mappings":"6IAGaA,EAA2B,CAAC,CACrC,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,CACJ,IAA6C,CACzC,GACI,EAAAJ,IAAW,QACXC,IAAc,QACdC,IAAgB,QAChBC,IAAiB,QACjBC,IAAe,QAKnB,OAAOC,EAAAA,WAAW,OAAO,CAAE,OAAAL,EAAQ,UAAAC,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,CACzF"}

package/dist/components/actions/_shared/buttons/utils/buttonLayout.utils.d.ts

@@ -1,2 +1,2 @@
 import { ButtonLayoutProps } from '../types';
-export declare const getButtonLayoutClassName: ({ marginTop, marginRight, marginBottom, marginLeft, }: ButtonLayoutProps) => string | undefined;
+export declare const getButtonLayoutClassName: ({ margin, marginTop, marginRight, marginBottom, marginLeft, }: ButtonLayoutProps) => string | undefined;

package/dist/components/actions/_shared/buttons/utils/buttonLayout.utils.js

@@ -1,14 +1,15 @@
-import { BOX_STYLES as v } from "../../../../layout/box/styles/Box.css.js";
-const u = ({
-  marginTop: o,
+import { BOX_STYLES as u } from "../../../../layout/box/styles/Box.css.js";
+const r = ({
+  margin: o,
+  marginTop: d,
   marginRight: e,
-  marginBottom: d,
+  marginBottom: v,
   marginLeft: t
 }) => {
-  if (!(o === void 0 && e === void 0 && d === void 0 && t === void 0))
-    return v.recipe({ marginTop: o, marginRight: e, marginBottom: d, marginLeft: t });
+  if (!(o === void 0 && d === void 0 && e === void 0 && v === void 0 && t === void 0))
+    return u.recipe({ margin: o, marginTop: d, marginRight: e, marginBottom: v, marginLeft: t });
 };
 export {
-  u as getButtonLayoutClassName
+  r as getButtonLayoutClassName
 };
 //# sourceMappingURL=buttonLayout.utils.js.map

package/dist/components/actions/_shared/buttons/utils/buttonLayout.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonLayout.utils.js","sources":["../../../../../../src/components/actions/_shared/buttons/utils/buttonLayout.utils.ts"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { ButtonLayoutProps } from '@components/actions/_shared/buttons/types'\r\n\r\nexport const getButtonLayoutClassName = ({\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n}: ButtonLayoutProps): string | undefined => {\r\n    if (\r\n        marginTop === undefined &&\r\n        marginRight === undefined &&\r\n        marginBottom === undefined &&\r\n        marginLeft === undefined\r\n    ) {\r\n        return undefined\r\n    }\r\n\r\n    return BOX_STYLES.recipe({ marginTop, marginRight, marginBottom, marginLeft })\r\n}\r\n"],"names":["getButtonLayoutClassName","marginTop","marginRight","marginBottom","marginLeft","BOX_STYLES"],"mappings":";AAGO,MAAMA,IAA2B,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACJ,MAA6C;AACzC,MACI,EAAAH,MAAc,UACdC,MAAgB,UAChBC,MAAiB,UACjBC,MAAe;AAKnB,WAAOC,EAAW,OAAO,EAAE,WAAAJ,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,GAAY;AACjF;"}
+{"version":3,"file":"buttonLayout.utils.js","sources":["../../../../../../src/components/actions/_shared/buttons/utils/buttonLayout.utils.ts"],"sourcesContent":["import { BOX_STYLES } from '@components/layout/box/styles/Box.css.ts'\r\nimport type { ButtonLayoutProps } from '@components/actions/_shared/buttons/types'\r\n\r\nexport const getButtonLayoutClassName = ({\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n}: ButtonLayoutProps): string | undefined => {\r\n    if (\r\n        margin === undefined &&\r\n        marginTop === undefined &&\r\n        marginRight === undefined &&\r\n        marginBottom === undefined &&\r\n        marginLeft === undefined\r\n    ) {\r\n        return undefined\r\n    }\r\n\r\n    return BOX_STYLES.recipe({ margin, marginTop, marginRight, marginBottom, marginLeft })\r\n}\r\n"],"names":["getButtonLayoutClassName","margin","marginTop","marginRight","marginBottom","marginLeft","BOX_STYLES"],"mappings":";AAGO,MAAMA,IAA2B,CAAC;AAAA,EACrC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACJ,MAA6C;AACzC,MACI,EAAAJ,MAAW,UACXC,MAAc,UACdC,MAAgB,UAChBC,MAAiB,UACjBC,MAAe;AAKnB,WAAOC,EAAW,OAAO,EAAE,QAAAL,GAAQ,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,GAAY;AACzF;"}

package/dist/components/actions/button/Button.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),b=require("./styles/Button.css.cjs"),i=require("../_shared/buttons/styles/buttonShared.css.cjs"),p=require("../_shared/buttons/utils/buttonLayout.utils.cjs"),r=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const y=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const h=require("../../../utils/cn.cjs"),j=require("../_shared/buttons/constants/index.cjs"),L=require("./constants/buttonSizes.const.cjs"),U=require("../_shared/buttons/constants/buttonSizes.const.cjs"),c=({variant:u,color:S,size:t=U.BUTTON_SIZES.md,className:a,label:T,startIcon:s,endIcon:n,active:_,marginTop:q,marginRight:N,marginBottom:l,marginLeft:m,width:B,alignSelf:d,style:x,ref:E,...z})=>{const o=j.buttonSizeToIconSize[t],O=L.BUTTON_SIZE_TO_FONT_SIZE[t];return e.jsxs("button",{ref:E,"data-active":_?"true":void 0,className:h.cn(b.BUTTON_STYLES.recipe({variant:u,color:S,size:t}),p.getButtonLayoutClassName({marginTop:q,marginRight:N,marginBottom:l,marginLeft:m}),a),style:{width:B,alignSelf:d,...x},...z,children:[s&&e.jsx(r,{icon:s,size:o,className:i.BUTTON_SHARED_STYLES.icon}),e.jsx(y,{as:"span",fontSize:O,fontWeight:"medium",children:T}),n&&e.jsx(r,{icon:n,size:o,className:i.BUTTON_SHARED_STYLES.icon})]})};c.displayName="Button";module.exports=c;
+"use strict";const t=require("react/jsx-runtime"),g=require("./styles/Button.css.cjs"),T=require("../_shared/buttons/styles/buttonShared.css.cjs"),k=require("../_shared/buttons/utils/buttonLayout.utils.cjs"),d=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const D=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const I=require("../../../utils/cn.cjs"),Y=require("../_shared/buttons/constants/index.cjs"),Z=require("./constants/buttonSizes.const.cjs"),A=require("../_shared/buttons/constants/buttonSizes.const.cjs"),_=({variant:N,color:f,size:e=A.BUTTON_SIZES.md,className:h,label:q,startIcon:o,endIcon:s,active:r,margin:b,marginTop:m,marginRight:x,marginBottom:B,marginLeft:y,width:E,alignSelf:j,style:p,...n})=>{const c=Y.buttonSizeToIconSize[e],z=Z.BUTTON_SIZE_TO_FONT_SIZE[e],i=I.cn(g.BUTTON_STYLES.recipe({variant:N,color:f,size:e}),k.getButtonLayoutClassName({margin:b,marginTop:m,marginRight:x,marginBottom:B,marginLeft:y}),h),u={width:E,alignSelf:j,...p},a=t.jsxs(t.Fragment,{children:[o&&t.jsx(d,{icon:o,size:c,className:T.BUTTON_SHARED_STYLES.icon}),t.jsx(D,{as:"span",fontSize:z,fontWeight:"medium",children:q}),s&&t.jsx(d,{icon:s,size:c,className:T.BUTTON_SHARED_STYLES.icon})]});if(n.href!==void 0){const{href:C,ref:L,onClick:S,...R}=n,U=S?l=>{l.preventDefault(),S(l)}:void 0;return t.jsx("a",{ref:L,href:C,"data-active":r?"true":void 0,className:i,style:u,onClick:U,...R,children:a})}const{ref:O,...v}=n;return t.jsx("button",{ref:O,"data-active":r?"true":void 0,className:i,style:u,...v,children:a})};_.displayName="Button";module.exports=_;
 //# sourceMappingURL=Button.cjs.map

package/dist/components/actions/button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../src/components/actions/button/Button.tsx"],"sourcesContent":["import { BUTTON_STYLES } from '@components/actions/button/styles/Button.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { ButtonProps } from '@components/actions/button/types/Button.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\nimport { BUTTON_SIZE_TO_FONT_SIZE, buttonSizeToIconSize } from '@components/actions/button/constants'\r\nimport { BUTTON_SIZES } from '@components/actions/_shared/buttons/constants'\r\n\r\n/**\r\n * Text-label action button. Requires a visible `label`. Supports\r\n * `variant` (contained|outlined|ghost), semantic `color`, `size`\r\n * (sm|md|lg), and optional `startIcon`/`endIcon` Iconify identifiers.\r\n */\r\nconst Button: FC<ButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = BUTTON_SIZES.md,\r\n    className,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    active,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const textSize = BUTTON_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <button\r\n            ref={ref}\r\n            data-active={active ? 'true' : undefined}\r\n            className={cn(\r\n                BUTTON_STYLES.recipe({ variant, color, size }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n            <Typography\r\n                as={'span'}\r\n                fontSize={textSize}\r\n                fontWeight={'medium'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n        </button>\r\n    )\r\n}\r\n\r\nButton.displayName = 'Button'\r\n\r\nexport default Button\r\n"],"names":["Button","variant","color","size","BUTTON_SIZES","className","label","startIcon","endIcon","active","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","textSize","BUTTON_SIZE_TO_FONT_SIZE","jsxs","cn","BUTTON_STYLES","getButtonLayoutClassName","jsx","Icon","BUTTON_SHARED_STYLES","Typography"],"mappings":"4nBAgBMA,EAA0B,CAAC,CAC7B,QAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,aAAa,GACpB,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qBAAqBjB,CAAI,EACpCkB,EAAWC,EAAAA,yBAAyBnB,CAAI,EAE9C,OACIoB,EAAAA,KAAC,SAAA,CACG,IAAAN,EACA,cAAaR,EAAS,OAAS,OAC/B,UAAWe,EAAAA,GACPC,EAAAA,cAAc,OAAO,CAAE,QAAAxB,EAAS,MAAAC,EAAO,KAAAC,EAAM,EAC7CuB,EAAAA,yBAAyB,CAAE,UAAAhB,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EAC/FR,CAAA,EAEJ,MAAO,CAAE,MAAAS,EAAO,UAAAC,EAAW,GAAGC,CAAA,EAC7B,GAAGE,EAEH,SAAA,CAAAX,GACGoB,EAAAA,IAACC,EAAA,CACG,KAAMrB,EACN,KAAMY,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGxCF,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,SAAUT,EACV,WAAY,SAEX,SAAAf,CAAA,CAAA,EAEJE,GACGmB,EAAAA,IAACC,EAAA,CACG,KAAMpB,EACN,KAAMW,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,CACpC,CAAA,CAAA,CAIhB,EAEA7B,EAAO,YAAc"}
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/actions/button/Button.tsx"],"sourcesContent":["import { BUTTON_STYLES } from '@components/actions/button/styles/Button.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { ButtonProps } from '@components/actions/button/types/Button.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type * as React from 'react'\r\nimport { BUTTON_SIZE_TO_FONT_SIZE, buttonSizeToIconSize } from '@components/actions/button/constants'\r\nimport { BUTTON_SIZES } from '@components/actions/_shared/buttons/constants'\r\n\r\n/**\r\n * Text-label action button. Requires a visible `label`. Renders a native\r\n * anchor when `href` is provided. Supports `variant` (contained|outlined|ghost),\r\n * semantic `color`, `size` (sm|md|lg), and optional `startIcon`/`endIcon`\r\n * Iconify identifiers.\r\n */\r\nconst Button: React.FC<ButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = BUTTON_SIZES.md,\r\n    className,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    active,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ...elementProps\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const textSize = BUTTON_SIZE_TO_FONT_SIZE[size]\r\n    const buttonClassName = cn(\r\n        BUTTON_STYLES.recipe({ variant, color, size }),\r\n        getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n        className,\r\n    )\r\n    const buttonStyle = { width, alignSelf, ...style }\r\n    const content = (\r\n        <>\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n            <Typography\r\n                as={'span'}\r\n                fontSize={textSize}\r\n                fontWeight={'medium'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n        </>\r\n    )\r\n\r\n    if (elementProps.href !== undefined) {\r\n        const {\r\n            href,\r\n            ref: anchorRef,\r\n            onClick,\r\n            ...anchorProps\r\n        } = elementProps\r\n        const handleClick = onClick\r\n            ? (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n            : undefined\r\n\r\n        return (\r\n            <a\r\n                ref={anchorRef}\r\n                href={href}\r\n                data-active={active ? 'true' : undefined}\r\n                className={buttonClassName}\r\n                style={buttonStyle}\r\n                onClick={handleClick}\r\n                {...anchorProps}\r\n            >\r\n                {content}\r\n            </a>\r\n        )\r\n    }\r\n\r\n    const {\r\n        ref: buttonRef,\r\n        ...buttonProps\r\n    } = elementProps\r\n\r\n    return (\r\n        <button\r\n            ref={buttonRef}\r\n            data-active={active ? 'true' : undefined}\r\n            className={buttonClassName}\r\n            style={buttonStyle}\r\n            {...buttonProps}\r\n        >\r\n            {content}\r\n        </button>\r\n    )\r\n}\r\n\r\nButton.displayName = 'Button'\r\n\r\nexport default Button\r\n"],"names":["Button","variant","color","size","BUTTON_SIZES","className","label","startIcon","endIcon","active","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","elementProps","iconSize","buttonSizeToIconSize","textSize","BUTTON_SIZE_TO_FONT_SIZE","buttonClassName","cn","BUTTON_STYLES","getButtonLayoutClassName","buttonStyle","content","jsxs","Fragment","jsx","Icon","BUTTON_SHARED_STYLES","Typography","href","anchorRef","onClick","anchorProps","handleClick","event","buttonRef","buttonProps"],"mappings":"4nBAiBMA,EAAgC,CAAC,CACnC,QAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,aAAa,GACpB,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qBAAqBjB,CAAI,EACpCkB,EAAWC,EAAAA,yBAAyBnB,CAAI,EACxCoB,EAAkBC,EAAAA,GACpBC,EAAAA,cAAc,OAAO,CAAE,QAAAxB,EAAS,MAAAC,EAAO,KAAAC,EAAM,EAC7CuB,EAAAA,yBAAyB,CAAE,OAAAhB,EAAQ,UAAAC,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EACvGT,CAAA,EAEEsB,EAAc,CAAE,MAAAZ,EAAO,UAAAC,EAAW,GAAGC,CAAA,EACrCW,EACFC,EAAAA,KAAAC,EAAAA,SAAA,CACK,SAAA,CAAAvB,GACGwB,EAAAA,IAACC,EAAA,CACG,KAAMzB,EACN,KAAMY,EACN,UAAWc,EAAAA,qBAAqB,IAAA,CAAA,EAGxCF,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,SAAUb,EACV,WAAY,SAEX,SAAAf,CAAA,CAAA,EAEJE,GACGuB,EAAAA,IAACC,EAAA,CACG,KAAMxB,EACN,KAAMW,EACN,UAAWc,EAAAA,qBAAqB,IAAA,CAAA,CACpC,EAER,EAGJ,GAAIf,EAAa,OAAS,OAAW,CACjC,KAAM,CACF,KAAAiB,EACA,IAAKC,EACL,QAAAC,EACA,GAAGC,CAAA,EACHpB,EACEqB,EAAcF,EACbG,GAA+C,CAC9CA,EAAM,eAAA,EACNH,EAAQG,CAAK,CACjB,EACE,OAEN,OACIT,EAAAA,IAAC,IAAA,CACG,IAAKK,EACL,KAAAD,EACA,cAAa1B,EAAS,OAAS,OAC/B,UAAWc,EACX,MAAOI,EACP,QAASY,EACR,GAAGD,EAEH,SAAAV,CAAA,CAAA,CAGb,CAEA,KAAM,CACF,IAAKa,EACL,GAAGC,CAAA,EACHxB,EAEJ,OACIa,EAAAA,IAAC,SAAA,CACG,IAAKU,EACL,cAAahC,EAAS,OAAS,OAC/B,UAAWc,EACX,MAAOI,EACN,GAAGe,EAEH,SAAAd,CAAA,CAAA,CAGb,EAEA5B,EAAO,YAAc"}

package/dist/components/actions/button/Button.d.ts

@@ -1,9 +1,10 @@
 import { ButtonProps } from './types/Button.props.ts';
-import { FC } from 'react';
+import type * as React from 'react';
 /**
- * Text-label action button. Requires a visible `label`. Supports
- * `variant` (contained|outlined|ghost), semantic `color`, `size`
- * (sm|md|lg), and optional `startIcon`/`endIcon` Iconify identifiers.
+ * Text-label action button. Requires a visible `label`. Renders a native
+ * anchor when `href` is provided. Supports `variant` (contained|outlined|ghost),
+ * semantic `color`, `size` (sm|md|lg), and optional `startIcon`/`endIcon`
+ * Iconify identifiers.
  */
-declare const Button: FC<ButtonProps>;
+declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/actions/button/Button.js

@@ -1,79 +1,106 @@
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import { BUTTON_STYLES as z } from "./styles/Button.css.js";
-import { BUTTON_SHARED_STYLES as e } from "../_shared/buttons/styles/buttonShared.css.js";
-import { getButtonLayoutClassName as h } from "../_shared/buttons/utils/buttonLayout.utils.js";
-import n from "../../foundation/icon/Icon.js";
+import { jsx as o, jsxs as I, Fragment as L } from "react/jsx-runtime";
+import { BUTTON_STYLES as R } from "./styles/Button.css.js";
+import { BUTTON_SHARED_STYLES as p } from "../_shared/buttons/styles/buttonShared.css.js";
+import { getButtonLayoutClassName as Z } from "../_shared/buttons/utils/buttonLayout.utils.js";
+import u from "../../foundation/icon/Icon.js";
 import "../../foundation/icon/styles/Icon.css.js";
-import x from "../../foundation/typography/Typography.js";
+import j from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
-import { cn as U } from "../../../utils/cn.js";
-import { buttonSizeToIconSize as g } from "../_shared/buttons/constants/index.js";
-import { BUTTON_SIZE_TO_FONT_SIZE as I } from "./constants/buttonSizes.const.js";
-import { BUTTON_SIZES as L } from "../_shared/buttons/constants/buttonSizes.const.js";
-const Z = ({
-  variant: a,
-  color: p,
-  size: o = L.md,
-  className: s,
-  label: c,
+import { cn as D } from "../../../utils/cn.js";
+import { buttonSizeToIconSize as F } from "../_shared/buttons/constants/index.js";
+import { BUTTON_SIZE_TO_FONT_SIZE as Y } from "./constants/buttonSizes.const.js";
+import { BUTTON_SIZES as A } from "../_shared/buttons/constants/buttonSizes.const.js";
+const H = ({
+  variant: d,
+  color: S,
+  size: t = A.md,
+  className: T,
+  label: h,
   startIcon: i,
-  endIcon: m,
-  active: S,
-  marginTop: T,
-  marginRight: f,
-  marginBottom: u,
-  marginLeft: N,
-  width: l,
-  alignSelf: _,
-  style: d,
-  ref: B,
-  ...E
+  endIcon: n,
+  active: e,
+  margin: N,
+  marginTop: _,
+  marginRight: y,
+  marginBottom: B,
+  marginLeft: b,
+  width: C,
+  alignSelf: E,
+  style: O,
+  ...r
 }) => {
-  const r = g[o], O = I[o];
-  return /* @__PURE__ */ y(
+  const c = F[t], v = Y[t], a = D(
+    R.recipe({ variant: d, color: S, size: t }),
+    Z({ margin: N, marginTop: _, marginRight: y, marginBottom: B, marginLeft: b }),
+    T
+  ), m = { width: C, alignSelf: E, ...O }, s = /* @__PURE__ */ I(L, { children: [
+    i && /* @__PURE__ */ o(
+      u,
+      {
+        icon: i,
+        size: c,
+        className: p.icon
+      }
+    ),
+    /* @__PURE__ */ o(
+      j,
+      {
+        as: "span",
+        fontSize: v,
+        fontWeight: "medium",
+        children: h
+      }
+    ),
+    n && /* @__PURE__ */ o(
+      u,
+      {
+        icon: n,
+        size: c,
+        className: p.icon
+      }
+    )
+  ] });
+  if (r.href !== void 0) {
+    const {
+      href: k,
+      ref: x,
+      onClick: f,
+      ...U
+    } = r;
+    return /* @__PURE__ */ o(
+      "a",
+      {
+        ref: x,
+        href: k,
+        "data-active": e ? "true" : void 0,
+        className: a,
+        style: m,
+        onClick: f ? (l) => {
+          l.preventDefault(), f(l);
+        } : void 0,
+        ...U,
+        children: s
+      }
+    );
+  }
+  const {
+    ref: z,
+    ...g
+  } = r;
+  return /* @__PURE__ */ o(
     "button",
     {
-      ref: B,
-      "data-active": S ? "true" : void 0,
-      className: U(
-        z.recipe({ variant: a, color: p, size: o }),
-        h({ marginTop: T, marginRight: f, marginBottom: u, marginLeft: N }),
-        s
-      ),
-      style: { width: l, alignSelf: _, ...d },
-      ...E,
-      children: [
-        i && /* @__PURE__ */ t(
-          n,
-          {
-            icon: i,
-            size: r,
-            className: e.icon
-          }
-        ),
-        /* @__PURE__ */ t(
-          x,
-          {
-            as: "span",
-            fontSize: O,
-            fontWeight: "medium",
-            children: c
-          }
-        ),
-        m && /* @__PURE__ */ t(
-          n,
-          {
-            icon: m,
-            size: r,
-            className: e.icon
-          }
-        )
-      ]
+      ref: z,
+      "data-active": e ? "true" : void 0,
+      className: a,
+      style: m,
+      ...g,
+      children: s
     }
   );
 };
-Z.displayName = "Button";
+H.displayName = "Button";
 export {
-  Z as default
+  H as default
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/actions/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/actions/button/Button.tsx"],"sourcesContent":["import { BUTTON_STYLES } from '@components/actions/button/styles/Button.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { ButtonProps } from '@components/actions/button/types/Button.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\nimport { BUTTON_SIZE_TO_FONT_SIZE, buttonSizeToIconSize } from '@components/actions/button/constants'\r\nimport { BUTTON_SIZES } from '@components/actions/_shared/buttons/constants'\r\n\r\n/**\r\n * Text-label action button. Requires a visible `label`. Supports\r\n * `variant` (contained|outlined|ghost), semantic `color`, `size`\r\n * (sm|md|lg), and optional `startIcon`/`endIcon` Iconify identifiers.\r\n */\r\nconst Button: FC<ButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = BUTTON_SIZES.md,\r\n    className,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    active,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const textSize = BUTTON_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <button\r\n            ref={ref}\r\n            data-active={active ? 'true' : undefined}\r\n            className={cn(\r\n                BUTTON_STYLES.recipe({ variant, color, size }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n            <Typography\r\n                as={'span'}\r\n                fontSize={textSize}\r\n                fontWeight={'medium'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n        </button>\r\n    )\r\n}\r\n\r\nButton.displayName = 'Button'\r\n\r\nexport default Button\r\n"],"names":["Button","variant","color","size","BUTTON_SIZES","className","label","startIcon","endIcon","active","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","textSize","BUTTON_SIZE_TO_FONT_SIZE","jsxs","cn","BUTTON_STYLES","getButtonLayoutClassName","jsx","Icon","BUTTON_SHARED_STYLES","Typography"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAA0B,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOC,EAAa;AAAA,EACpB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBjB,CAAI,GACpCkB,IAAWC,EAAyBnB,CAAI;AAE9C,SACI,gBAAAoB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,eAAaR,IAAS,SAAS;AAAA,MAC/B,WAAWe;AAAA,QACPC,EAAc,OAAO,EAAE,SAAAxB,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAAA,QAC7CuB,EAAyB,EAAE,WAAAhB,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,QAC/FR;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAS,GAAO,WAAAC,GAAW,GAAGC,EAAA;AAAA,MAC7B,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAX,KACG,gBAAAoB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMrB;AAAA,YACN,MAAMY;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAUT;AAAA,YACV,YAAY;AAAA,YAEX,UAAAf;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJE,KACG,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMpB;AAAA,YACN,MAAMW;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA7B,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/actions/button/Button.tsx"],"sourcesContent":["import { BUTTON_STYLES } from '@components/actions/button/styles/Button.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { ButtonProps } from '@components/actions/button/types/Button.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type * as React from 'react'\r\nimport { BUTTON_SIZE_TO_FONT_SIZE, buttonSizeToIconSize } from '@components/actions/button/constants'\r\nimport { BUTTON_SIZES } from '@components/actions/_shared/buttons/constants'\r\n\r\n/**\r\n * Text-label action button. Requires a visible `label`. Renders a native\r\n * anchor when `href` is provided. Supports `variant` (contained|outlined|ghost),\r\n * semantic `color`, `size` (sm|md|lg), and optional `startIcon`/`endIcon`\r\n * Iconify identifiers.\r\n */\r\nconst Button: React.FC<ButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = BUTTON_SIZES.md,\r\n    className,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    active,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ...elementProps\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const textSize = BUTTON_SIZE_TO_FONT_SIZE[size]\r\n    const buttonClassName = cn(\r\n        BUTTON_STYLES.recipe({ variant, color, size }),\r\n        getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n        className,\r\n    )\r\n    const buttonStyle = { width, alignSelf, ...style }\r\n    const content = (\r\n        <>\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n            <Typography\r\n                as={'span'}\r\n                fontSize={textSize}\r\n                fontWeight={'medium'}\r\n            >\r\n                {label}\r\n            </Typography>\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            )}\r\n        </>\r\n    )\r\n\r\n    if (elementProps.href !== undefined) {\r\n        const {\r\n            href,\r\n            ref: anchorRef,\r\n            onClick,\r\n            ...anchorProps\r\n        } = elementProps\r\n        const handleClick = onClick\r\n            ? (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n            : undefined\r\n\r\n        return (\r\n            <a\r\n                ref={anchorRef}\r\n                href={href}\r\n                data-active={active ? 'true' : undefined}\r\n                className={buttonClassName}\r\n                style={buttonStyle}\r\n                onClick={handleClick}\r\n                {...anchorProps}\r\n            >\r\n                {content}\r\n            </a>\r\n        )\r\n    }\r\n\r\n    const {\r\n        ref: buttonRef,\r\n        ...buttonProps\r\n    } = elementProps\r\n\r\n    return (\r\n        <button\r\n            ref={buttonRef}\r\n            data-active={active ? 'true' : undefined}\r\n            className={buttonClassName}\r\n            style={buttonStyle}\r\n            {...buttonProps}\r\n        >\r\n            {content}\r\n        </button>\r\n    )\r\n}\r\n\r\nButton.displayName = 'Button'\r\n\r\nexport default Button\r\n"],"names":["Button","variant","color","size","BUTTON_SIZES","className","label","startIcon","endIcon","active","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","elementProps","iconSize","buttonSizeToIconSize","textSize","BUTTON_SIZE_TO_FONT_SIZE","buttonClassName","cn","BUTTON_STYLES","getButtonLayoutClassName","buttonStyle","content","jsxs","Fragment","jsx","Icon","BUTTON_SHARED_STYLES","Typography","href","anchorRef","onClick","anchorProps","event","buttonRef","buttonProps"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,IAAgC,CAAC;AAAA,EACnC,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOC,EAAa;AAAA,EACpB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBjB,CAAI,GACpCkB,IAAWC,EAAyBnB,CAAI,GACxCoB,IAAkBC;AAAA,IACpBC,EAAc,OAAO,EAAE,SAAAxB,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAAA,IAC7CuB,EAAyB,EAAE,QAAAhB,GAAQ,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,IACvGT;AAAA,EAAA,GAEEsB,IAAc,EAAE,OAAAZ,GAAO,WAAAC,GAAW,GAAGC,EAAA,GACrCW,IACF,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAvB,KACG,gBAAAwB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAMzB;AAAA,QACN,MAAMY;AAAA,QACN,WAAWc,EAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGxC,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,UAAUb;AAAA,QACV,YAAY;AAAA,QAEX,UAAAf;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJE,KACG,gBAAAuB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAMxB;AAAA,QACN,MAAMW;AAAA,QACN,WAAWc,EAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GAER;AAGJ,MAAIf,EAAa,SAAS,QAAW;AACjC,UAAM;AAAA,MACF,MAAAiB;AAAA,MACA,KAAKC;AAAA,MACL,SAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACHpB;AAQJ,WACI,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKK;AAAA,QACL,MAAAD;AAAA,QACA,eAAa1B,IAAS,SAAS;AAAA,QAC/B,WAAWc;AAAA,QACX,OAAOI;AAAA,QACP,SAdYU,IACd,CAACE,MAA+C;AAC9C,UAAAA,EAAM,eAAA,GACNF,EAAQE,CAAK;AAAA,QACjB,IACE;AAAA,QAUG,GAAGD;AAAA,QAEH,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AAEA,QAAM;AAAA,IACF,KAAKY;AAAA,IACL,GAAGC;AAAA,EAAA,IACHvB;AAEJ,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKS;AAAA,MACL,eAAa/B,IAAS,SAAS;AAAA,MAC/B,WAAWc;AAAA,MACX,OAAOI;AAAA,MACN,GAAGc;AAAA,MAEH,UAAAb;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA5B,EAAO,cAAc;"}

package/dist/components/actions/button/styles/Button.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit61.css');require('../../../../ui-kit43.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                             */;/* empty css                            */const r=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:r.createRuntimeFn({defaultClassName:"q672pj0",variantClassNames:{variant:{contained:"q672pj1",outlined:"q672pj2",ghost:"q672pj3"},color:{primary:"q672pj4",secondary:"q672pj5",tertiary:"q672pj6",destructive:"q672pj7",success:"q672pj8",warning:"q672pj9",info:"q672pja"},size:{sm:"q672pjb",md:"q672pjc",lg:"q672pjd"}},defaultVariants:{variant:"contained",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"q672pje"],[{variant:"contained",color:"secondary"},"q672pjf"],[{variant:"contained",color:"tertiary"},"q672pjg"],[{variant:"contained",color:"destructive"},"q672pjh"],[{variant:"contained",color:"success"},"q672pji"],[{variant:"contained",color:"warning"},"q672pjj"],[{variant:"contained",color:"info"},"q672pjk"],[{variant:"outlined",color:"primary"},"q672pjl"],[{variant:"outlined",color:"secondary"},"q672pjm"],[{variant:"outlined",color:"tertiary"},"q672pjn"],[{variant:"outlined",color:"destructive"},"q672pjo"],[{variant:"outlined",color:"success"},"q672pjp"],[{variant:"outlined",color:"warning"},"q672pjq"],[{variant:"outlined",color:"info"},"q672pjr"],[{variant:"ghost",color:"primary"},"q672pjs"],[{variant:"ghost",color:"secondary"},"q672pjt"],[{variant:"ghost",color:"tertiary"},"q672pju"],[{variant:"ghost",color:"destructive"},"q672pjv"],[{variant:"ghost",color:"success"},"q672pjw"],[{variant:"ghost",color:"warning"},"q672pjx"],[{variant:"ghost",color:"info"},"q672pjy"]]})};exports.BUTTON_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit60.css');require('../../../../ui-kit45.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                             */;/* empty css                            */const r=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:r.createRuntimeFn({defaultClassName:"q672pj0",variantClassNames:{variant:{contained:"q672pj1",outlined:"q672pj2",ghost:"q672pj3"},color:{primary:"q672pj4",secondary:"q672pj5",tertiary:"q672pj6",destructive:"q672pj7",success:"q672pj8",warning:"q672pj9",info:"q672pja"},size:{sm:"q672pjb",md:"q672pjc",lg:"q672pjd"}},defaultVariants:{variant:"contained",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"q672pje"],[{variant:"contained",color:"secondary"},"q672pjf"],[{variant:"contained",color:"tertiary"},"q672pjg"],[{variant:"contained",color:"destructive"},"q672pjh"],[{variant:"contained",color:"success"},"q672pji"],[{variant:"contained",color:"warning"},"q672pjj"],[{variant:"contained",color:"info"},"q672pjk"],[{variant:"outlined",color:"primary"},"q672pjl"],[{variant:"outlined",color:"secondary"},"q672pjm"],[{variant:"outlined",color:"tertiary"},"q672pjn"],[{variant:"outlined",color:"destructive"},"q672pjo"],[{variant:"outlined",color:"success"},"q672pjp"],[{variant:"outlined",color:"warning"},"q672pjq"],[{variant:"outlined",color:"info"},"q672pjr"],[{variant:"ghost",color:"primary"},"q672pjs"],[{variant:"ghost",color:"secondary"},"q672pjt"],[{variant:"ghost",color:"tertiary"},"q672pju"],[{variant:"ghost",color:"destructive"},"q672pjv"],[{variant:"ghost",color:"success"},"q672pjw"],[{variant:"ghost",color:"warning"},"q672pjx"],[{variant:"ghost",color:"info"},"q672pjy"]]})};exports.BUTTON_STYLES=a;
 //# sourceMappingURL=Button.css.cjs.map

package/dist/components/actions/button/styles/Button.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit61.css';import '../../../../ui-kit43.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit60.css';import '../../../../ui-kit45.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                                           */
 /* empty css                          */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/actions/button/types/Button.props.d.ts

@@ -2,15 +2,19 @@ import { IconComponent } from '../../../foundation/icon';
 import { ButtonLayoutProps } from '../../_shared/buttons/types';
 import { ButtonColor, ButtonSize, ButtonVariant } from './Button.types.ts';
 import type * as React from 'react';
-export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> & {
+export type ButtonProps = ((Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> & React.RefAttributes<HTMLButtonElement> & {
+    /** Buttons without an href render as native `<button>` elements. */
+    href?: never;
+}) | (Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'color' | 'href'> & React.RefAttributes<HTMLAnchorElement> & {
+    /** Buttons with an href render as native `<a>` elements. */
+    href: string;
+})) & {
     /** Visual style variant of the button. */
     variant?: ButtonVariant;
     /** Theme color of the button. */
     color?: ButtonColor;
     /** Button size. Defaults to `md`. */
     size?: ButtonSize;
-    /** Ref forwarded to the underlying `<button>` element. */
-    ref?: React.Ref<HTMLButtonElement>;
     /** The text content rendered inside the button via the Typography component. */
     label: string;
     /** SVG component rendered before the label. */

package/dist/components/actions/icon-button/IconButton.cjs

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),m=require("./styles/IconButton.css.cjs"),E=require("../_shared/buttons/styles/buttonShared.css.cjs"),C=require("../_shared/buttons/utils/buttonLayout.utils.cjs"),x=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const y=require("../../../utils/cn.cjs"),s=require("./constants/iconButtonSizes.const.cjs"),o=({variant:c,color:r,size:t=s.ICON_BUTTON_SIZES.md,className:u,icon:e,children:i,active:_,marginTop:a,marginRight:N,marginBottom:S,marginLeft:I,width:T,alignSelf:l,style:B,ref:O,...q})=>{const d=s.ICON_BUTTON_SIZE_TO_ICON_SIZE[t];return n.jsx("button",{ref:O,className:y.cn(m.ICON_BUTTON_STYLES.recipe({variant:c,color:r,size:t}),C.getButtonLayoutClassName({marginTop:a,marginRight:N,marginBottom:S,marginLeft:I}),u),style:{width:T,alignSelf:l,...B},...q,"data-active":_?"true":void 0,children:i??(e?n.jsx(x,{icon:e,size:d,className:E.BUTTON_SHARED_STYLES.icon}):null)})};o.displayName="IconButton";module.exports=o;
+"use strict";const n=require("react/jsx-runtime"),E=require("./styles/IconButton.css.cjs"),C=require("../_shared/buttons/styles/buttonShared.css.cjs"),x=require("../_shared/buttons/utils/buttonLayout.utils.cjs"),y=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const L=require("../../../utils/cn.cjs"),s=require("./constants/iconButtonSizes.const.cjs"),o=({variant:c,color:r,size:t=s.ICON_BUTTON_SIZES.md,className:u,icon:e,children:i,active:_,margin:a,marginTop:N,marginRight:S,marginBottom:I,marginLeft:T,width:l,alignSelf:B,style:O,ref:q,...d})=>{const m=s.ICON_BUTTON_SIZE_TO_ICON_SIZE[t];return n.jsx("button",{ref:q,className:L.cn(E.ICON_BUTTON_STYLES.recipe({variant:c,color:r,size:t}),x.getButtonLayoutClassName({margin:a,marginTop:N,marginRight:S,marginBottom:I,marginLeft:T}),u),style:{width:l,alignSelf:B,...O},...d,"data-active":_?"true":void 0,children:i??(e?n.jsx(y,{icon:e,size:m,className:C.BUTTON_SHARED_STYLES.icon}):null)})};o.displayName="IconButton";module.exports=o;
 //# sourceMappingURL=IconButton.cjs.map

package/dist/components/actions/icon-button/IconButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.cjs","sources":["../../../../src/components/actions/icon-button/IconButton.tsx"],"sourcesContent":["import { ICON_BUTTON_STYLES } from '@components/actions/icon-button/styles/IconButton.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport type { IconButtonProps } from '@components/actions/icon-button/types/IconButton.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\nimport { ICON_BUTTON_SIZE_TO_ICON_SIZE, ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\n\r\n/**\r\n * Icon-only action button. Requires `aria-label` for accessibility.\r\n * Supports `variant` (contained|outlined|ghost), semantic `color`,\r\n *  `size` (xs|sm|md|lg), and a local SVG `icon` component.\r\n */\r\nconst IconButton: FC<IconButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = ICON_BUTTON_SIZES.md,\r\n    className,\r\n    icon,\r\n    children,\r\n    active,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = ICON_BUTTON_SIZE_TO_ICON_SIZE[size]\r\n\r\n    return (\r\n        <button\r\n            ref={ref}\r\n            className={cn(\r\n                ICON_BUTTON_STYLES.recipe({ variant, color, size }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n            data-active={active ? 'true' : undefined}\r\n        >\r\n            {children ?? (icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : null)}\r\n        </button>\r\n    )\r\n}\r\n\r\nIconButton.displayName = 'IconButton'\r\n\r\nexport default IconButton\r\n"],"names":["IconButton","variant","color","size","ICON_BUTTON_SIZES","className","icon","children","active","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","ICON_BUTTON_SIZE_TO_ICON_SIZE","jsx","cn","ICON_BUTTON_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES"],"mappings":"iZAcMA,EAAkC,CAAC,CACrC,QAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,kBAAkB,GACzB,UAAAC,EACA,KAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,8BAA8BhB,CAAI,EAEnD,OACIiB,EAAAA,IAAC,SAAA,CACG,IAAAJ,EACA,UAAWK,EAAAA,GACPC,EAAAA,mBAAmB,OAAO,CAAE,QAAArB,EAAS,MAAAC,EAAO,KAAAC,EAAM,EAClDoB,EAAAA,yBAAyB,CAAE,UAAAd,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EAC/FP,CAAA,EAEJ,MAAO,CAAE,MAAAQ,EAAO,UAAAC,EAAW,GAAGC,CAAA,EAC7B,GAAGE,EACJ,cAAaT,EAAS,OAAS,OAE9B,aAAaF,EACVc,EAAAA,IAACI,EAAA,CACG,KAAAlB,EACA,KAAMY,EACN,UAAWO,EAAAA,qBAAqB,IAAA,CAAA,EAEpC,KAAA,CAAA,CAGhB,EAEAzB,EAAW,YAAc"}
+{"version":3,"file":"IconButton.cjs","sources":["../../../../src/components/actions/icon-button/IconButton.tsx"],"sourcesContent":["import { ICON_BUTTON_STYLES } from '@components/actions/icon-button/styles/IconButton.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport type { IconButtonProps } from '@components/actions/icon-button/types/IconButton.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\nimport { ICON_BUTTON_SIZE_TO_ICON_SIZE, ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\n\r\n/**\r\n * Icon-only action button. Requires `aria-label` for accessibility.\r\n * Supports `variant` (contained|outlined|ghost), semantic `color`,\r\n *  `size` (xs|sm|md|lg), and a local SVG `icon` component.\r\n */\r\nconst IconButton: FC<IconButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = ICON_BUTTON_SIZES.md,\r\n    className,\r\n    icon,\r\n    children,\r\n    active,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = ICON_BUTTON_SIZE_TO_ICON_SIZE[size]\r\n\r\n    return (\r\n        <button\r\n            ref={ref}\r\n            className={cn(\r\n                ICON_BUTTON_STYLES.recipe({ variant, color, size }),\r\n                getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n            data-active={active ? 'true' : undefined}\r\n        >\r\n            {children ?? (icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : null)}\r\n        </button>\r\n    )\r\n}\r\n\r\nIconButton.displayName = 'IconButton'\r\n\r\nexport default IconButton\r\n"],"names":["IconButton","variant","color","size","ICON_BUTTON_SIZES","className","icon","children","active","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","ICON_BUTTON_SIZE_TO_ICON_SIZE","jsx","cn","ICON_BUTTON_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES"],"mappings":"iZAcMA,EAAkC,CAAC,CACrC,QAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,kBAAkB,GACzB,UAAAC,EACA,KAAAC,EACA,SAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,8BAA8BjB,CAAI,EAEnD,OACIkB,EAAAA,IAAC,SAAA,CACG,IAAAJ,EACA,UAAWK,EAAAA,GACPC,EAAAA,mBAAmB,OAAO,CAAE,QAAAtB,EAAS,MAAAC,EAAO,KAAAC,EAAM,EAClDqB,EAAAA,yBAAyB,CAAE,OAAAf,EAAQ,UAAAC,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EACvGR,CAAA,EAEJ,MAAO,CAAE,MAAAS,EAAO,UAAAC,EAAW,GAAGC,CAAA,EAC7B,GAAGE,EACJ,cAAaV,EAAS,OAAS,OAE9B,aAAaF,EACVe,EAAAA,IAACI,EAAA,CACG,KAAAnB,EACA,KAAMa,EACN,UAAWO,EAAAA,qBAAqB,IAAA,CAAA,EAEpC,KAAA,CAAA,CAGhB,EAEA1B,EAAW,YAAc"}

package/dist/components/actions/icon-button/IconButton.js

@@ -1,55 +1,56 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ICON_BUTTON_STYLES as O } from "./styles/IconButton.css.js";
-import { BUTTON_SHARED_STYLES as f } from "../_shared/buttons/styles/buttonShared.css.js";
-import { getButtonLayoutClassName as B } from "../_shared/buttons/utils/buttonLayout.utils.js";
-import d from "../../foundation/icon/Icon.js";
+import { ICON_BUTTON_STYLES as f } from "./styles/IconButton.css.js";
+import { BUTTON_SHARED_STYLES as B } from "../_shared/buttons/styles/buttonShared.css.js";
+import { getButtonLayoutClassName as d } from "../_shared/buttons/utils/buttonLayout.utils.js";
+import E from "../../foundation/icon/Icon.js";
 import "../../foundation/icon/styles/Icon.css.js";
-import { cn as E } from "../../../utils/cn.js";
-import { ICON_BUTTON_SIZE_TO_ICON_SIZE as C, ICON_BUTTON_SIZES as U } from "./constants/iconButtonSizes.const.js";
-const y = ({
+import { cn as C } from "../../../utils/cn.js";
+import { ICON_BUTTON_SIZE_TO_ICON_SIZE as U, ICON_BUTTON_SIZES as y } from "./constants/iconButtonSizes.const.js";
+const L = ({
   variant: m,
   color: e,
-  size: o = U.md,
+  size: o = y.md,
   className: i,
   icon: t,
   children: a,
   active: n,
-  marginTop: c,
-  marginRight: s,
-  marginBottom: N,
-  marginLeft: p,
-  width: T,
-  alignSelf: _,
-  style: I,
-  ref: S,
-  ...l
+  margin: c,
+  marginTop: s,
+  marginRight: N,
+  marginBottom: p,
+  marginLeft: T,
+  width: _,
+  alignSelf: I,
+  style: S,
+  ref: l,
+  ...u
 }) => {
-  const u = C[o];
+  const O = U[o];
   return /* @__PURE__ */ r(
     "button",
     {
-      ref: S,
-      className: E(
-        O.recipe({ variant: m, color: e, size: o }),
-        B({ marginTop: c, marginRight: s, marginBottom: N, marginLeft: p }),
+      ref: l,
+      className: C(
+        f.recipe({ variant: m, color: e, size: o }),
+        d({ margin: c, marginTop: s, marginRight: N, marginBottom: p, marginLeft: T }),
         i
       ),
-      style: { width: T, alignSelf: _, ...I },
-      ...l,
+      style: { width: _, alignSelf: I, ...S },
+      ...u,
       "data-active": n ? "true" : void 0,
       children: a ?? (t ? /* @__PURE__ */ r(
-        d,
+        E,
         {
           icon: t,
-          size: u,
-          className: f.icon
+          size: O,
+          className: B.icon
         }
       ) : null)
     }
   );
 };
-y.displayName = "IconButton";
+L.displayName = "IconButton";
 export {
-  y as default
+  L as default
 };
 //# sourceMappingURL=IconButton.js.map

package/dist/components/actions/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/actions/icon-button/IconButton.tsx"],"sourcesContent":["import { ICON_BUTTON_STYLES } from '@components/actions/icon-button/styles/IconButton.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport type { IconButtonProps } from '@components/actions/icon-button/types/IconButton.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\nimport { ICON_BUTTON_SIZE_TO_ICON_SIZE, ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\n\r\n/**\r\n * Icon-only action button. Requires `aria-label` for accessibility.\r\n * Supports `variant` (contained|outlined|ghost), semantic `color`,\r\n *  `size` (xs|sm|md|lg), and a local SVG `icon` component.\r\n */\r\nconst IconButton: FC<IconButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = ICON_BUTTON_SIZES.md,\r\n    className,\r\n    icon,\r\n    children,\r\n    active,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = ICON_BUTTON_SIZE_TO_ICON_SIZE[size]\r\n\r\n    return (\r\n        <button\r\n            ref={ref}\r\n            className={cn(\r\n                ICON_BUTTON_STYLES.recipe({ variant, color, size }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n            data-active={active ? 'true' : undefined}\r\n        >\r\n            {children ?? (icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : null)}\r\n        </button>\r\n    )\r\n}\r\n\r\nIconButton.displayName = 'IconButton'\r\n\r\nexport default IconButton\r\n"],"names":["IconButton","variant","color","size","ICON_BUTTON_SIZES","className","icon","children","active","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","ICON_BUTTON_SIZE_TO_ICON_SIZE","jsx","cn","ICON_BUTTON_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES"],"mappings":";;;;;;;;AAcA,MAAMA,IAAkC,CAAC;AAAA,EACrC,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOC,EAAkB;AAAA,EACzB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAA8BhB,CAAI;AAEnD,SACI,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWK;AAAA,QACPC,EAAmB,OAAO,EAAE,SAAArB,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAAA,QAClDoB,EAAyB,EAAE,WAAAd,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,QAC/FP;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAQ,GAAO,WAAAC,GAAW,GAAGC,EAAA;AAAA,MAC7B,GAAGE;AAAA,MACJ,eAAaT,IAAS,SAAS;AAAA,MAE9B,gBAAaF,IACV,gBAAAc;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAAlB;AAAA,UACA,MAAMY;AAAA,UACN,WAAWO,EAAqB;AAAA,QAAA;AAAA,MAAA,IAEpC;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEAzB,EAAW,cAAc;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/actions/icon-button/IconButton.tsx"],"sourcesContent":["import { ICON_BUTTON_STYLES } from '@components/actions/icon-button/styles/IconButton.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport type { IconButtonProps } from '@components/actions/icon-button/types/IconButton.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\nimport { ICON_BUTTON_SIZE_TO_ICON_SIZE, ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\n\r\n/**\r\n * Icon-only action button. Requires `aria-label` for accessibility.\r\n * Supports `variant` (contained|outlined|ghost), semantic `color`,\r\n *  `size` (xs|sm|md|lg), and a local SVG `icon` component.\r\n */\r\nconst IconButton: FC<IconButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = ICON_BUTTON_SIZES.md,\r\n    className,\r\n    icon,\r\n    children,\r\n    active,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = ICON_BUTTON_SIZE_TO_ICON_SIZE[size]\r\n\r\n    return (\r\n        <button\r\n            ref={ref}\r\n            className={cn(\r\n                ICON_BUTTON_STYLES.recipe({ variant, color, size }),\r\n                getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n            data-active={active ? 'true' : undefined}\r\n        >\r\n            {children ?? (icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : null)}\r\n        </button>\r\n    )\r\n}\r\n\r\nIconButton.displayName = 'IconButton'\r\n\r\nexport default IconButton\r\n"],"names":["IconButton","variant","color","size","ICON_BUTTON_SIZES","className","icon","children","active","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","ICON_BUTTON_SIZE_TO_ICON_SIZE","jsx","cn","ICON_BUTTON_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES"],"mappings":";;;;;;;;AAcA,MAAMA,IAAkC,CAAC;AAAA,EACrC,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOC,EAAkB;AAAA,EACzB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAA8BjB,CAAI;AAEnD,SACI,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWK;AAAA,QACPC,EAAmB,OAAO,EAAE,SAAAtB,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAAA,QAClDqB,EAAyB,EAAE,QAAAf,GAAQ,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,QACvGR;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAS,GAAO,WAAAC,GAAW,GAAGC,EAAA;AAAA,MAC7B,GAAGE;AAAA,MACJ,eAAaV,IAAS,SAAS;AAAA,MAE9B,gBAAaF,IACV,gBAAAe;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAAnB;AAAA,UACA,MAAMa;AAAA,UACN,WAAWO,EAAqB;AAAA,QAAA;AAAA,MAAA,IAEpC;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA1B,EAAW,cAAc;"}

package/dist/components/actions/icon-button/styles/IconButton.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit44.css');require('../../../../ui-kit43.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                             */;/* empty css                                */const o=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:o.createRuntimeFn({defaultClassName:"_11odjt50",variantClassNames:{variant:{contained:"_11odjt51",outlined:"_11odjt52",ghost:"_11odjt53"},color:{primary:"_11odjt54",secondary:"_11odjt55",tertiary:"_11odjt56",destructive:"_11odjt57",success:"_11odjt58",warning:"_11odjt59",info:"_11odjt5a"},size:{xs:"_11odjt5b",sm:"_11odjt5c",md:"_11odjt5d",lg:"_11odjt5e"}},defaultVariants:{variant:"contained",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"_11odjt5f"],[{variant:"contained",color:"secondary"},"_11odjt5g"],[{variant:"contained",color:"tertiary"},"_11odjt5h"],[{variant:"contained",color:"destructive"},"_11odjt5i"],[{variant:"contained",color:"success"},"_11odjt5j"],[{variant:"contained",color:"warning"},"_11odjt5k"],[{variant:"contained",color:"info"},"_11odjt5l"],[{variant:"outlined",color:"primary"},"_11odjt5m"],[{variant:"outlined",color:"secondary"},"_11odjt5n"],[{variant:"outlined",color:"tertiary"},"_11odjt5o"],[{variant:"outlined",color:"destructive"},"_11odjt5p"],[{variant:"outlined",color:"success"},"_11odjt5q"],[{variant:"outlined",color:"warning"},"_11odjt5r"],[{variant:"outlined",color:"info"},"_11odjt5s"],[{variant:"ghost",color:"primary"},"_11odjt5t"],[{variant:"ghost",color:"secondary"},"_11odjt5u"],[{variant:"ghost",color:"tertiary"},"_11odjt5v"],[{variant:"ghost",color:"destructive"},"_11odjt5w"],[{variant:"ghost",color:"success"},"_11odjt5x"],[{variant:"ghost",color:"warning"},"_11odjt5y"],[{variant:"ghost",color:"info"},"_11odjt5z"]]})};exports.ICON_BUTTON_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit46.css');require('../../../../ui-kit45.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                             */;/* empty css                                */const o=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:o.createRuntimeFn({defaultClassName:"_11odjt50",variantClassNames:{variant:{contained:"_11odjt51",outlined:"_11odjt52",ghost:"_11odjt53"},color:{primary:"_11odjt54",secondary:"_11odjt55",tertiary:"_11odjt56",destructive:"_11odjt57",success:"_11odjt58",warning:"_11odjt59",info:"_11odjt5a"},size:{xs:"_11odjt5b",sm:"_11odjt5c",md:"_11odjt5d",lg:"_11odjt5e"}},defaultVariants:{variant:"contained",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"_11odjt5f"],[{variant:"contained",color:"secondary"},"_11odjt5g"],[{variant:"contained",color:"tertiary"},"_11odjt5h"],[{variant:"contained",color:"destructive"},"_11odjt5i"],[{variant:"contained",color:"success"},"_11odjt5j"],[{variant:"contained",color:"warning"},"_11odjt5k"],[{variant:"contained",color:"info"},"_11odjt5l"],[{variant:"outlined",color:"primary"},"_11odjt5m"],[{variant:"outlined",color:"secondary"},"_11odjt5n"],[{variant:"outlined",color:"tertiary"},"_11odjt5o"],[{variant:"outlined",color:"destructive"},"_11odjt5p"],[{variant:"outlined",color:"success"},"_11odjt5q"],[{variant:"outlined",color:"warning"},"_11odjt5r"],[{variant:"outlined",color:"info"},"_11odjt5s"],[{variant:"ghost",color:"primary"},"_11odjt5t"],[{variant:"ghost",color:"secondary"},"_11odjt5u"],[{variant:"ghost",color:"tertiary"},"_11odjt5v"],[{variant:"ghost",color:"destructive"},"_11odjt5w"],[{variant:"ghost",color:"success"},"_11odjt5x"],[{variant:"ghost",color:"warning"},"_11odjt5y"],[{variant:"ghost",color:"info"},"_11odjt5z"]]})};exports.ICON_BUTTON_STYLES=t;
 //# sourceMappingURL=IconButton.css.cjs.map

package/dist/components/actions/icon-button/styles/IconButton.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit44.css';import '../../../../ui-kit43.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit46.css';import '../../../../ui-kit45.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                                           */
 /* empty css                              */
 import { createRuntimeFn as o } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/actions/toggle/Toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("@base-ui/react/toggle"),i=require("../_shared/buttons/styles/buttonShared.css.cjs"),p=require("../_shared/buttons/constants/index.cjs"),z=require("../_shared/buttons/utils/buttonLayout.utils.cjs"),n=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const B=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const G=require("./constants/toggleSizes.const.cjs"),R=require("./styles/Toggle.css.cjs"),Y=require("../../../utils/cn.cjs"),u=({variant:a,subtle:T,color:S,size:s="md",radius:l,className:g,label:_,icon:o,startIcon:r,endIcon:c,marginTop:q,marginRight:m,marginBottom:E,marginLeft:N,width:d,alignSelf:x,style:L,ref:j,...y})=>{const t=p.buttonSizeToIconSize[s],O=G.TOGGLE_SIZE_TO_FONT_SIZE[s];return e.jsx(h.Toggle,{ref:j,"data-icon-only":o?"":void 0,className:Y.cn(R.TOGGLE_STYLES.recipe({variant:a,color:S,size:s,radius:l,subtle:T}),z.getButtonLayoutClassName({marginTop:q,marginRight:m,marginBottom:E,marginLeft:N}),g),style:{width:d,alignSelf:x,...L},...y,children:o?e.jsx(n,{icon:o,size:t,className:i.BUTTON_SHARED_STYLES.icon}):e.jsxs(e.Fragment,{children:[r&&e.jsx(n,{icon:r,size:t,className:i.BUTTON_SHARED_STYLES.icon}),e.jsx(B,{as:"span",fontSize:O,fontWeight:"medium",children:_}),c&&e.jsx(n,{icon:c,size:t,className:i.BUTTON_SHARED_STYLES.icon})]})})};u.displayName="Toggle";module.exports=u;
+"use strict";const e=require("react/jsx-runtime"),p=require("@base-ui/react/toggle"),i=require("../_shared/buttons/styles/buttonShared.css.cjs"),z=require("../_shared/buttons/constants/index.cjs"),B=require("../_shared/buttons/utils/buttonLayout.utils.cjs"),n=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const G=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const R=require("./constants/toggleSizes.const.cjs"),Y=require("./styles/Toggle.css.cjs"),b=require("../../../utils/cn.cjs"),u=({variant:a,subtle:T,color:S,size:s="md",radius:l,className:g,label:_,icon:o,startIcon:r,endIcon:c,margin:q,marginTop:m,marginRight:E,marginBottom:N,marginLeft:d,width:x,alignSelf:L,style:j,ref:y,...O})=>{const t=z.buttonSizeToIconSize[s],h=R.TOGGLE_SIZE_TO_FONT_SIZE[s];return e.jsx(p.Toggle,{ref:y,"data-icon-only":o?"":void 0,className:b.cn(Y.TOGGLE_STYLES.recipe({variant:a,color:S,size:s,radius:l,subtle:T}),B.getButtonLayoutClassName({margin:q,marginTop:m,marginRight:E,marginBottom:N,marginLeft:d}),g),style:{width:x,alignSelf:L,...j},...O,children:o?e.jsx(n,{icon:o,size:t,className:i.BUTTON_SHARED_STYLES.icon}):e.jsxs(e.Fragment,{children:[r&&e.jsx(n,{icon:r,size:t,className:i.BUTTON_SHARED_STYLES.icon}),e.jsx(G,{as:"span",fontSize:h,fontWeight:"medium",children:_}),c&&e.jsx(n,{icon:c,size:t,className:i.BUTTON_SHARED_STYLES.icon})]})})};u.displayName="Toggle";module.exports=u;
 //# sourceMappingURL=Toggle.cjs.map