@choco-vanille/ui 1.1.0 → 1.1.2

package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.d.ts

@@ -0,0 +1,202 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TOGGLE_BUTTON_GROUP_ITEM_STYLES: {
+    recipe: RuntimeFn<{
+        color: {
+            primary: {
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        color: `var(--${string})`;
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:active': {
+                        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': {
+                        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': {
+                        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': {
+                        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': {
+                        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': {
+                        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': {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]": {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                    };
+                    "&[data-pressed]:hover": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    "&[data-pressed]:active": {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+        };
+        size: {
+            sm: {
+                height: "2.25rem";
+                paddingInline: `var(--${string})`;
+            };
+            md: {
+                height: "2.5rem";
+                paddingInline: `var(--${string})`;
+            };
+            lg: {
+                height: "2.75rem";
+                paddingInline: `var(--${string})`;
+            };
+        };
+        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 ToggleButtonGroupItemRecipeVariants = NonNullable<RecipeVariants<typeof TOGGLE_BUTTON_GROUP_ITEM_STYLES.recipe>>;

package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js

@@ -0,0 +1,9 @@
+/* empty css                                                  */
+/* empty css                                                                 */
+/* empty css                                         */
+import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";
+var i = { recipe: t({ defaultClassName: "_3t486f0", variantClassNames: { color: { primary: "_3t486f1", secondary: "_3t486f2", tertiary: "_3t486f3", destructive: "_3t486f4", success: "_3t486f5", warning: "_3t486f6", info: "_3t486f7" }, size: { sm: "_3t486f8", md: "_3t486f9", lg: "_3t486fa" }, radius: { none: "_3t486fb", xs: "_3t486fc", sm: "_3t486fd", md: "_3t486fe", lg: "_3t486ff", xl: "_3t486fg", "2xl": "_3t486fh", full: "_3t486fi" } }, defaultVariants: { color: "primary", size: "md", radius: "sm" }, compoundVariants: [] }) };
+export {
+  i as TOGGLE_BUTTON_GROUP_ITEM_STYLES
+};
+//# sourceMappingURL=ToggleButtonGroupItem.css.js.map

package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js.map

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

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

@@ -0,0 +1,13 @@
+import { Toggle } from '@base-ui/react/toggle';
+import { ToggleButtonGroupItemRecipeVariants } from '../styles/ToggleButtonGroupItem.css.ts';
+import type * as React from 'react';
+export type ToggleButtonGroupItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> & Pick<ToggleButtonGroupItemRecipeVariants, 'size' | 'color' | 'radius'> & Pick<Toggle.Props, 'value' | 'disabled'> & {
+    /** Ref forwarded to the underlying `<button>` element. */
+    ref?: React.Ref<HTMLButtonElement>;
+    /** The text content rendered inside the item. */
+    label?: string;
+    /** Iconify icon name rendered before the label. */
+    startIcon?: string;
+    /** Iconify icon name rendered after the label. */
+    endIcon?: string;
+};

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

@@ -0,0 +1,8 @@
+export { default as ToggleButtonGroup } from './ToggleButtonGroup.tsx';
+export { TOGGLE_BUTTON_GROUP_STYLES } from './styles/ToggleButtonGroup.css.ts';
+export { TOGGLE_BUTTON_GROUP_ITEM_STYLES } from './components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.ts';
+export { TOGGLE_BUTTON_GROUP_ICON_ITEM_STYLES } from './components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.ts';
+export type { ToggleButtonGroupProps } from './types/ToggleButtonGroup.props.ts';
+export type { ToggleButtonGroupOrientation } from './types/ToggleButtonGroup.types.ts';
+export type { ToggleButtonGroupItemProps } from './components/toggle-button-group-item/types/ToggleButtonGroupItem.props.ts';
+export type { ToggleButtonGroupIconItemProps } from './components/toggle-button-group-icon-item/types/ToggleButtonGroupIconItem.props.ts';

package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                       */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"btyx010",variantClassNames:{orientation:{horizontal:"btyx011",vertical:"btyx012"},bordered:{true:"btyx013",false:"btyx014"}},defaultVariants:{orientation:"horizontal",bordered:!0},compoundVariants:[]})};exports.TOGGLE_BUTTON_GROUP_STYLES=t;
+//# sourceMappingURL=ToggleButtonGroup.css.cjs.map

package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs.map

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

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

@@ -0,0 +1,23 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TOGGLE_BUTTON_GROUP_STYLES: {
+    recipe: RuntimeFn<{
+        orientation: {
+            horizontal: {
+                flexDirection: "row";
+            };
+            vertical: {
+                flexDirection: "column";
+                alignItems: "stretch";
+            };
+        };
+        bordered: {
+            true: {
+                border: `1px solid var(--${string})`;
+            };
+            false: {
+                border: "1px solid transparent";
+            };
+        };
+    }>;
+};
+export type ToggleButtonGroupRecipeVariants = NonNullable<RecipeVariants<typeof TOGGLE_BUTTON_GROUP_STYLES.recipe>>;

package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.js

@@ -0,0 +1,8 @@
+/* empty css                                            */
+/* empty css                                     */
+import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";
+var o = { recipe: t({ defaultClassName: "btyx010", variantClassNames: { orientation: { horizontal: "btyx011", vertical: "btyx012" }, bordered: { true: "btyx013", false: "btyx014" } }, defaultVariants: { orientation: "horizontal", bordered: !0 }, compoundVariants: [] }) };
+export {
+  o as TOGGLE_BUTTON_GROUP_STYLES
+};
+//# sourceMappingURL=ToggleButtonGroup.css.js.map

package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.js.map

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

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

@@ -0,0 +1,18 @@
+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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,2 @@
+"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

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