@choco-vanille/ui 1.1.2 → 1.2.0

package/dist/components/actions/toggle-button-group/types/ToggleButtonGroup.props.d.ts

@@ -1,18 +0,0 @@
-import { ToggleGroup } from '@base-ui/react/toggle-group';
-import { ToggleButtonGroupOrientation } from './ToggleButtonGroup.types.ts';
-import { ThemeColor } from '../../../../theme/types';
-import type * as React from 'react';
-export type ToggleButtonGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue' | 'value'> & Pick<ToggleGroup.Props, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'loopFocus' | 'multiple'> & {
-    /** Ref forwarded to the underlying `<div>` element. */
-    ref?: React.Ref<HTMLDivElement>;
-    /** The toggle buttons to render inside the group. */
-    children?: React.ReactNode;
-    /** Layout direction of the toggle group. @default 'horizontal' */
-    orientation?: ToggleButtonGroupOrientation;
-    /** Background color of the group wrapper. Overrides the default. */
-    backgroundColor?: ThemeColor;
-    /** Shows the group outline border. @default true */
-    bordered?: boolean;
-    /** When `true` (default), the last pressed item cannot be unpressed. */
-    requireSelection?: boolean;
-};

package/dist/components/actions/toggle-button-group/types/ToggleButtonGroup.types.d.ts

@@ -1,2 +0,0 @@
-/** Orientation of the toggle button group. */
-export type ToggleButtonGroupOrientation = 'horizontal' | 'vertical';

package/dist/components/actions/toggle-button-group/types/ToggleButtonGroupCompound.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { default as ToggleButtonGroupIconItem } from '../components/toggle-button-group-icon-item/ToggleButtonGroupIconItem.tsx';
-import { default as ToggleButtonGroupItem } from '../components/toggle-button-group-item/ToggleButtonGroupItem.tsx';
-import { ToggleButtonGroupProps } from './ToggleButtonGroup.props.ts';
-export type ToggleButtonGroupCompound = FC<ToggleButtonGroupProps> & {
-    Item: typeof ToggleButtonGroupItem;
-    IconItem: typeof ToggleButtonGroupIconItem;
-};

package/dist/components/actions/toggle-icon-button/ToggleIconButton.cjs

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),S=require("@base-ui/react/toggle"),g=require("./styles/ToggleIconButton.css.cjs"),I=require("../_shared/buttons/styles/buttonShared.css.cjs"),N=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const O=require("./constants/toggleIconButtonSizes.const.cjs"),l=require("../icon-button/constants/iconButtonSizes.const.cjs"),q=require("../../../utils/cn.cjs"),n=({variant:t,color:c,size:e=l.ICON_BUTTON_SIZES.md,radius:s,className:r,icon:i,ref:u,...T})=>{const _=O.TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE[e];return o.jsx(S.Toggle,{ref:u,className:q.cn(g.TOGGLE_ICON_BUTTON_STYLES.recipe({variant:t,color:c,size:e,radius:s}),r),...T,children:o.jsx(N,{icon:i,size:_,className:I.BUTTON_SHARED_STYLES.icon})})};n.displayName="ToggleIconButton";module.exports=n;
-//# sourceMappingURL=ToggleIconButton.cjs.map

package/dist/components/actions/toggle-icon-button/ToggleIconButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleIconButton.cjs","sources":["../../../../src/components/actions/toggle-icon-button/ToggleIconButton.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { TOGGLE_ICON_BUTTON_STYLES } from '@components/actions/toggle-icon-button/styles/ToggleIconButton.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport type { ToggleIconButtonProps } from '@components/actions/toggle-icon-button/types/ToggleIconButton.props.ts'\r\nimport { TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE } from '@components/actions/toggle-icon-button/constants'\r\nimport { ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleIconButton: FC<ToggleIconButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = ICON_BUTTON_SIZES.md,\r\n    radius,\r\n    className,\r\n    icon,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            className={cn(\r\n                TOGGLE_ICON_BUTTON_STYLES.recipe({ variant, color, size, radius }),\r\n                className,\r\n            )}\r\n            {...props}\r\n        >\r\n            <Icon\r\n                icon={icon}\r\n                size={iconSize}\r\n                className={BUTTON_SHARED_STYLES.icon}\r\n            />\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleIconButton.displayName = 'ToggleIconButton'\r\n\r\nexport default ToggleIconButton\r\n"],"names":["ToggleIconButton","variant","color","size","ICON_BUTTON_SIZES","radius","className","icon","ref","props","iconSize","TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE","jsx","BaseToggle","cn","TOGGLE_ICON_BUTTON_STYLES","Icon","BUTTON_SHARED_STYLES"],"mappings":"mcAWMA,EAA8C,CAAC,CACjD,QAAAC,EACA,MAAAC,EACA,KAAAC,EAAOC,EAAAA,kBAAkB,GACzB,OAAAC,EACA,UAAAC,EACA,KAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qCAAqCR,CAAI,EAE1D,OACIS,EAAAA,IAACC,EAAAA,OAAA,CACG,IAAAL,EACA,UAAWM,EAAAA,GACPC,EAAAA,0BAA0B,OAAO,CAAE,QAAAd,EAAS,MAAAC,EAAO,KAAAC,EAAM,OAAAE,EAAQ,EACjEC,CAAA,EAEH,GAAGG,EAEJ,SAAAG,EAAAA,IAACI,EAAA,CACG,KAAAT,EACA,KAAMG,EACN,UAAWO,EAAAA,qBAAqB,IAAA,CAAA,CACpC,CAAA,CAGZ,EAEAjB,EAAiB,YAAc"}

package/dist/components/actions/toggle-icon-button/ToggleIconButton.d.ts

@@ -1,4 +0,0 @@
-import { ToggleIconButtonProps } from './types/ToggleIconButton.props.ts';
-import { FC } from 'react';
-declare const ToggleIconButton: FC<ToggleIconButtonProps>;
-export default ToggleIconButton;

package/dist/components/actions/toggle-icon-button/ToggleIconButton.js

@@ -1,45 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Toggle as p } from "@base-ui/react/toggle";
-import { TOGGLE_ICON_BUTTON_STYLES as N } from "./styles/ToggleIconButton.css.js";
-import { BUTTON_SHARED_STYLES as O } from "../_shared/buttons/styles/buttonShared.css.js";
-import I from "../../foundation/icon/Icon.js";
-import "../../foundation/icon/styles/Icon.css.js";
-import { TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE as S } from "./constants/toggleIconButtonSizes.const.js";
-import { ICON_BUTTON_SIZES as f } from "../icon-button/constants/iconButtonSizes.const.js";
-import { cn as s } from "../../../utils/cn.js";
-const a = ({
-  variant: m,
-  color: t,
-  size: o = f.md,
-  radius: T,
-  className: i,
-  icon: e,
-  ref: _,
-  ...c
-}) => {
-  const n = S[o];
-  return /* @__PURE__ */ r(
-    p,
-    {
-      ref: _,
-      className: s(
-        N.recipe({ variant: m, color: t, size: o, radius: T }),
-        i
-      ),
-      ...c,
-      children: /* @__PURE__ */ r(
-        I,
-        {
-          icon: e,
-          size: n,
-          className: O.icon
-        }
-      )
-    }
-  );
-};
-a.displayName = "ToggleIconButton";
-export {
-  a as default
-};
-//# sourceMappingURL=ToggleIconButton.js.map

package/dist/components/actions/toggle-icon-button/ToggleIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleIconButton.js","sources":["../../../../src/components/actions/toggle-icon-button/ToggleIconButton.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { TOGGLE_ICON_BUTTON_STYLES } from '@components/actions/toggle-icon-button/styles/ToggleIconButton.css.ts'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport type { ToggleIconButtonProps } from '@components/actions/toggle-icon-button/types/ToggleIconButton.props.ts'\r\nimport { TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE } from '@components/actions/toggle-icon-button/constants'\r\nimport { ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleIconButton: FC<ToggleIconButtonProps> = ({\r\n    variant,\r\n    color,\r\n    size = ICON_BUTTON_SIZES.md,\r\n    radius,\r\n    className,\r\n    icon,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            className={cn(\r\n                TOGGLE_ICON_BUTTON_STYLES.recipe({ variant, color, size, radius }),\r\n                className,\r\n            )}\r\n            {...props}\r\n        >\r\n            <Icon\r\n                icon={icon}\r\n                size={iconSize}\r\n                className={BUTTON_SHARED_STYLES.icon}\r\n            />\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleIconButton.displayName = 'ToggleIconButton'\r\n\r\nexport default ToggleIconButton\r\n"],"names":["ToggleIconButton","variant","color","size","ICON_BUTTON_SIZES","radius","className","icon","ref","props","iconSize","TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE","jsx","BaseToggle","cn","TOGGLE_ICON_BUTTON_STYLES","Icon","BUTTON_SHARED_STYLES"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA8C,CAAC;AAAA,EACjD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOC,EAAkB;AAAA,EACzB,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqCR,CAAI;AAE1D,SACI,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWM;AAAA,QACPC,EAA0B,OAAO,EAAE,SAAAd,GAAS,OAAAC,GAAO,MAAAC,GAAM,QAAAE,GAAQ;AAAA,QACjEC;AAAA,MAAA;AAAA,MAEH,GAAGG;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAAT;AAAA,UACA,MAAMG;AAAA,UACN,WAAWO,EAAqB;AAAA,QAAA;AAAA,MAAA;AAAA,IACpC;AAAA,EAAA;AAGZ;AAEAjB,EAAiB,cAAc;"}

package/dist/components/actions/toggle-icon-button/constants/index.d.ts

@@ -1 +0,0 @@
-export { TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE } from './toggleIconButtonSizes.const.ts';

package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../icon-button/constants/iconButtonSizes.const.cjs"),O={[_.ICON_BUTTON_SIZES.xs]:"xs",[_.ICON_BUTTON_SIZES.sm]:"sm",[_.ICON_BUTTON_SIZES.md]:"md",[_.ICON_BUTTON_SIZES.lg]:"lg"};exports.TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE=O;
-//# sourceMappingURL=toggleIconButtonSizes.const.cjs.map

package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggleIconButtonSizes.const.cjs","sources":["../../../../../src/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.ts"],"sourcesContent":["import type { ToggleIconButtonSize } from '@components/actions/toggle-icon-button/types/ToggleIconButton.types.ts'\r\nimport type { IconSize } from '@components/foundation/icon'\r\nimport { ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\n\r\nexport const TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE: Record<\r\n  NonNullable<ToggleIconButtonSize>,\r\n  IconSize\r\n> = {\r\n    [ICON_BUTTON_SIZES.xs]: 'xs',\r\n    [ICON_BUTTON_SIZES.sm]: 'sm',\r\n    [ICON_BUTTON_SIZES.md]: 'md',\r\n    [ICON_BUTTON_SIZES.lg]: 'lg',\r\n}\r\n"],"names":["TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE","ICON_BUTTON_SIZES"],"mappings":"yJAIaA,EAGT,CACA,CAACC,EAAAA,kBAAkB,EAAE,EAAG,KACxB,CAACA,EAAAA,kBAAkB,EAAE,EAAG,KACxB,CAACA,EAAAA,kBAAkB,EAAE,EAAG,KACxB,CAACA,EAAAA,kBAAkB,EAAE,EAAG,IAC5B"}

package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.d.ts

@@ -1,3 +0,0 @@
-import { ToggleIconButtonSize } from '../types/ToggleIconButton.types.ts';
-import { IconSize } from '../../../foundation/icon';
-export declare const TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE: Record<NonNullable<ToggleIconButtonSize>, IconSize>;

package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.js

@@ -1,11 +0,0 @@
-import { ICON_BUTTON_SIZES as _ } from "../../icon-button/constants/iconButtonSizes.const.js";
-const m = {
-  [_.xs]: "xs",
-  [_.sm]: "sm",
-  [_.md]: "md",
-  [_.lg]: "lg"
-};
-export {
-  m as TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE
-};
-//# sourceMappingURL=toggleIconButtonSizes.const.js.map

package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggleIconButtonSizes.const.js","sources":["../../../../../src/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.ts"],"sourcesContent":["import type { ToggleIconButtonSize } from '@components/actions/toggle-icon-button/types/ToggleIconButton.types.ts'\r\nimport type { IconSize } from '@components/foundation/icon'\r\nimport { ICON_BUTTON_SIZES } from '@components/actions/icon-button/constants'\r\n\r\nexport const TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE: Record<\r\n  NonNullable<ToggleIconButtonSize>,\r\n  IconSize\r\n> = {\r\n    [ICON_BUTTON_SIZES.xs]: 'xs',\r\n    [ICON_BUTTON_SIZES.sm]: 'sm',\r\n    [ICON_BUTTON_SIZES.md]: 'md',\r\n    [ICON_BUTTON_SIZES.lg]: 'lg',\r\n}\r\n"],"names":["TOGGLE_ICON_BUTTON_SIZE_TO_ICON_SIZE","ICON_BUTTON_SIZES"],"mappings":";AAIO,MAAMA,IAGT;AAAA,EACA,CAACC,EAAkB,EAAE,GAAG;AAAA,EACxB,CAACA,EAAkB,EAAE,GAAG;AAAA,EACxB,CAACA,EAAkB,EAAE,GAAG;AAAA,EACxB,CAACA,EAAkB,EAAE,GAAG;AAC5B;"}

package/dist/components/actions/toggle-icon-button/index.d.ts

@@ -1,4 +0,0 @@
-export { default as ToggleIconButton } from './ToggleIconButton.tsx';
-export { TOGGLE_ICON_BUTTON_STYLES } from './styles/ToggleIconButton.css.ts';
-export type { ToggleIconButtonProps } from './types/ToggleIconButton.props.ts';
-export type { ToggleIconButtonColor, ToggleIconButtonSize, ToggleIconButtonRadius, ToggleIconButtonVariant, } from './types/ToggleIconButton.types.ts';

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                                             */;/* empty css                                      */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={recipe:e.createRuntimeFn({defaultClassName:"_1iwec930",variantClassNames:{variant:{outlined:"_1iwec931",ghost:"_1iwec932"},color:{primary:"_1iwec933",secondary:"_1iwec934",tertiary:"_1iwec935",destructive:"_1iwec936",success:"_1iwec937",warning:"_1iwec938",info:"_1iwec939"},size:{xs:"_1iwec93a",sm:"_1iwec93b",md:"_1iwec93c",lg:"_1iwec93d"},radius:{none:"_1iwec93e",xs:"_1iwec93f",sm:"_1iwec93g",md:"_1iwec93h",lg:"_1iwec93i",xl:"_1iwec93j","2xl":"_1iwec93k",full:"_1iwec93l"}},defaultVariants:{variant:"outlined",color:"primary",size:"md",radius:"sm"},compoundVariants:[]})};exports.TOGGLE_ICON_BUTTON_STYLES=i;
-//# sourceMappingURL=ToggleIconButton.css.cjs.map

package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleIconButton.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.d.ts

@@ -1,221 +0,0 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
-export declare const TOGGLE_ICON_BUTTON_STYLES: {
-    recipe: RuntimeFn<{
-        variant: {
-            outlined: {
-                borderColor: `var(--${string})`;
-            };
-            ghost: {
-                borderColor: "transparent";
-            };
-        };
-        color: {
-            primary: {
-                color: `var(--${string})`;
-                selectors: {
-                    '&:hover': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    '&:active': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]": {
-                        backgroundColor: `var(--${string})`;
-                        color: `var(--${string})`;
-                    };
-                    "&[data-pressed]:hover": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]:active": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                };
-            };
-            secondary: {
-                color: `var(--${string})`;
-                selectors: {
-                    '&:hover': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    '&:active': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]": {
-                        backgroundColor: `var(--${string})`;
-                        color: `var(--${string})`;
-                    };
-                    "&[data-pressed]:hover": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]:active": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                };
-            };
-            tertiary: {
-                color: `var(--${string})`;
-                selectors: {
-                    '&:hover': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    '&:active': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]": {
-                        backgroundColor: `var(--${string})`;
-                        color: `var(--${string})`;
-                    };
-                    "&[data-pressed]:hover": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]:active": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                };
-            };
-            destructive: {
-                color: `var(--${string})`;
-                selectors: {
-                    '&:hover': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    '&:active': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]": {
-                        backgroundColor: `var(--${string})`;
-                        color: `var(--${string})`;
-                    };
-                    "&[data-pressed]:hover": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]:active": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                };
-            };
-            success: {
-                color: `var(--${string})`;
-                selectors: {
-                    '&:hover': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    '&:active': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]": {
-                        backgroundColor: `var(--${string})`;
-                        color: `var(--${string})`;
-                    };
-                    "&[data-pressed]:hover": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]:active": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                };
-            };
-            warning: {
-                color: `var(--${string})`;
-                selectors: {
-                    '&:hover': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    '&:active': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]": {
-                        backgroundColor: `var(--${string})`;
-                        color: `var(--${string})`;
-                    };
-                    "&[data-pressed]:hover": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]:active": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                };
-            };
-            info: {
-                color: `var(--${string})`;
-                selectors: {
-                    '&:hover': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    '&:active': {
-                        color: `var(--${string})`;
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]": {
-                        backgroundColor: `var(--${string})`;
-                        color: `var(--${string})`;
-                    };
-                    "&[data-pressed]:hover": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                    "&[data-pressed]:active": {
-                        backgroundColor: `var(--${string})`;
-                    };
-                };
-            };
-        };
-        size: {
-            xs: {
-                height: "2rem";
-                width: "2rem";
-            };
-            sm: {
-                height: "2.25rem";
-                width: "2.25rem";
-            };
-            md: {
-                height: "2.5rem";
-                width: "2.5rem";
-            };
-            lg: {
-                height: "2.75rem";
-                width: "2.75rem";
-            };
-        };
-        radius: {
-            none: {
-                borderRadius: "0";
-            };
-            xs: {
-                borderRadius: "0.25rem";
-            };
-            sm: {
-                borderRadius: "0.375rem";
-            };
-            md: {
-                borderRadius: "0.5rem";
-            };
-            lg: {
-                borderRadius: "0.625rem";
-            };
-            xl: {
-                borderRadius: "0.875rem";
-            };
-            '2xl': {
-                borderRadius: "1.25rem";
-            };
-            full: {
-                borderRadius: "9999px";
-            };
-        };
-    }>;
-};
-export type ToggleIconButtonRecipeVariants = NonNullable<RecipeVariants<typeof TOGGLE_ICON_BUTTON_STYLES.recipe>>;

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

@@ -1,9 +0,0 @@
-/* empty css                                            */
-/* empty css                                                           */
-/* empty css                                    */
-import { createRuntimeFn as i } from "@vanilla-extract/recipes/createRuntimeFn";
-var _ = { recipe: i({ defaultClassName: "_1iwec930", variantClassNames: { variant: { outlined: "_1iwec931", ghost: "_1iwec932" }, color: { primary: "_1iwec933", secondary: "_1iwec934", tertiary: "_1iwec935", destructive: "_1iwec936", success: "_1iwec937", warning: "_1iwec938", info: "_1iwec939" }, size: { xs: "_1iwec93a", sm: "_1iwec93b", md: "_1iwec93c", lg: "_1iwec93d" }, radius: { none: "_1iwec93e", xs: "_1iwec93f", sm: "_1iwec93g", md: "_1iwec93h", lg: "_1iwec93i", xl: "_1iwec93j", "2xl": "_1iwec93k", full: "_1iwec93l" } }, defaultVariants: { variant: "outlined", color: "primary", size: "md", radius: "sm" }, compoundVariants: [] }) };
-export {
-  _ as TOGGLE_ICON_BUTTON_STYLES
-};
-//# sourceMappingURL=ToggleIconButton.css.js.map

package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleIconButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/actions/toggle-icon-button/types/ToggleIconButton.props.d.ts

@@ -1,11 +0,0 @@
-import { Toggle } from '@base-ui/react/toggle';
-import { ToggleIconButtonRecipeVariants } from '../styles/ToggleIconButton.css.ts';
-import type * as React from 'react';
-export type ToggleIconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label' | 'color'> & ToggleIconButtonRecipeVariants & Pick<Toggle.Props, 'pressed' | 'defaultPressed' | 'onPressedChange' | 'value' | 'disabled'> & {
-    /** Ref forwarded to the underlying `<button>` element. */
-    ref?: React.Ref<HTMLButtonElement>;
-    /** Iconify icon name rendered inside the button. */
-    icon: string;
-    /** Accessible label for the button (used as aria-label). */
-    'aria-label': string;
-};

package/dist/components/actions/toggle-icon-button/types/ToggleIconButton.types.d.ts

@@ -1,11 +0,0 @@
-import { ButtonColorShared } from '../../_shared/buttons/types';
-import { IconButtonSize } from '../../icon-button';
-import { Radius } from '../../../../theme/tokens/radii.ts';
-/** Color variants for the ToggleIconButton component, mapped to theme colors. */
-export type ToggleIconButtonColor = ButtonColorShared;
-/** Size variants for the ToggleIconButton component. */
-export type ToggleIconButtonSize = IconButtonSize;
-/** Border radius variants for the ToggleIconButton component. */
-export type ToggleIconButtonRadius = keyof Radius;
-/** Visual style variants for the ToggleIconButton component. */
-export type ToggleIconButtonVariant = 'ghost' | 'outlined';

package/dist/theme/override.d.ts

@@ -1,11 +0,0 @@
-import { vars } from './contract.css.ts';
-/**
- * Override a subset of color tokens on any CSS selector.
- * @example overrideColors('[data-brand="acme"]', { primary: 'oklch(0.55 0.2 180)' })
- */
-export declare const overrideColors: (selector: string, colors: Partial<Record<keyof typeof vars.color, string>>) => void;
-/**
- * Override a single color token on `:root`.
- * @example setColorToken('primary', 'oklch(0.55 0.2 180)')
- */
-export declare const setColorToken: (token: keyof typeof vars.color, value: string) => void;