@choco-vanille/ui 1.1.2 → 1.2.0

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

@@ -1,202 +0,0 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
-export declare const TOGGLE_BUTTON_GROUP_ICON_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";
-                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 ToggleButtonGroupIconItemRecipeVariants = NonNullable<RecipeVariants<typeof TOGGLE_BUTTON_GROUP_ICON_ITEM_STYLES.recipe>>;

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

@@ -1,9 +0,0 @@
-/* empty css                                                  */
-/* empty css                                                                 */
-/* empty css                                             */
-import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
-var s = { recipe: r({ defaultClassName: "rhwfa70", variantClassNames: { color: { primary: "rhwfa71", secondary: "rhwfa72", tertiary: "rhwfa73", destructive: "rhwfa74", success: "rhwfa75", warning: "rhwfa76", info: "rhwfa77" }, size: { sm: "rhwfa78", md: "rhwfa79", lg: "rhwfa7a" }, radius: { none: "rhwfa7b", xs: "rhwfa7c", sm: "rhwfa7d", md: "rhwfa7e", lg: "rhwfa7f", xl: "rhwfa7g", "2xl": "rhwfa7h", full: "rhwfa7i" } }, defaultVariants: { color: "primary", size: "md", radius: "sm" }, compoundVariants: [] }) };
-export {
-  s as TOGGLE_BUTTON_GROUP_ICON_ITEM_STYLES
-};
-//# sourceMappingURL=ToggleButtonGroupIconItem.css.js.map

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

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

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

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

package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),E=require("@base-ui/react/toggle"),a=require("../../../_shared/buttons/constants/index.cjs"),i=require("../../../_shared/buttons/styles/buttonShared.css.cjs"),l=require("../../../toggle-button/constants/toggleButtonSizes.const.cjs"),N=require("./styles/ToggleButtonGroupItem.css.cjs"),c=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const O=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const p=require("../../../../../utils/cn.cjs"),B=require("../../../_shared/buttons/constants/buttonSizes.const.cjs"),u=({color:T,size:o=B.BUTTON_SIZES.md,radius:S,className:_,label:t,startIcon:s,endIcon:n,ref:g,...q})=>{const r=a.buttonSizeToIconSize[o],m=l.TOGGLE_BUTTON_SIZE_TO_FONT_SIZE[o];return e.jsxs(E.Toggle,{ref:g,className:p.cn(N.TOGGLE_BUTTON_GROUP_ITEM_STYLES.recipe({color:T,size:o,radius:S}),_),...q,children:[s&&e.jsx(c,{icon:s,size:r,className:i.BUTTON_SHARED_STYLES.icon}),t&&e.jsx(O,{as:"span",fontSize:m,fontWeight:"medium",children:t}),n&&e.jsx(c,{icon:n,size:r,className:i.BUTTON_SHARED_STYLES.icon})]})};u.displayName="ToggleButtonGroup.Item";module.exports=u;
-//# sourceMappingURL=ToggleButtonGroupItem.cjs.map

package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButtonGroupItem.cjs","sources":["../../../../../../src/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SIZES } from '@components/actions/_shared/buttons/constants'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize, TOGGLE_BUTTON_SIZE_TO_FONT_SIZE } from '@components/actions/toggle-button/constants'\r\nimport { TOGGLE_BUTTON_GROUP_ITEM_STYLES } from '@components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.ts'\r\nimport type { ToggleButtonGroupItemProps } from '@components/actions/toggle-button-group/components/toggle-button-group-item/types/ToggleButtonGroupItem.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\n/**\r\n * A single toggle button inside a `ToggleButtonGroup`.\r\n * Renders a button whose visual style is designed to sit inside the group\r\n * rather than to be used on its own.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleButtonGroup value={value} onValueChange={setValue}>\r\n *   <ToggleButtonGroup.Item value=\"bold\" label=\"Bold\" />\r\n *   <ToggleButtonGroup.Item value=\"italic\" label=\"Italic\" />\r\n * </ToggleButtonGroup>\r\n * ```\r\n */\r\nconst ToggleButtonGroupItem: FC<ToggleButtonGroupItemProps> = ({\r\n    color,\r\n    size = BUTTON_SIZES.md,\r\n    radius,\r\n    className,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_BUTTON_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            className={cn(TOGGLE_BUTTON_GROUP_ITEM_STYLES.recipe({ color, size, radius }), className)}\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            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={'medium'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\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        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleButtonGroupItem.displayName = 'ToggleButtonGroup.Item'\r\n\r\nexport default ToggleButtonGroupItem\r\n"],"names":["ToggleButtonGroupItem","color","size","BUTTON_SIZES","radius","className","label","startIcon","endIcon","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_BUTTON_SIZE_TO_FONT_SIZE","jsxs","BaseToggle","cn","TOGGLE_BUTTON_GROUP_ITEM_STYLES","jsx","Icon","BUTTON_SHARED_STYLES","Typography"],"mappings":"4rBAyBMA,EAAwD,CAAC,CAC3D,MAAAC,EACA,KAAAC,EAAOC,EAAAA,aAAa,GACpB,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qBAAqBV,CAAI,EACpCW,EAAWC,EAAAA,gCAAgCZ,CAAI,EAErD,OACIa,EAAAA,KAACC,EAAAA,OAAA,CACG,IAAAP,EACA,UAAWQ,EAAAA,GAAGC,EAAAA,gCAAgC,OAAO,CAAE,MAAAjB,EAAO,KAAAC,EAAM,OAAAE,EAAQ,EAAGC,CAAS,EACvF,GAAGK,EAEH,SAAA,CAAAH,GACGY,EAAAA,IAACC,EAAA,CACG,KAAMb,EACN,KAAMI,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGvCf,GACGa,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,SAAAT,EACA,WAAY,SAEX,SAAAP,CAAA,CAAA,EAGRE,GACGW,EAAAA,IAACC,EAAA,CACG,KAAMZ,EACN,KAAMG,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,CACpC,CAAA,CAAA,CAIhB,EAEArB,EAAsB,YAAc"}

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

@@ -1,17 +0,0 @@
-import { ToggleButtonGroupItemProps } from './types/ToggleButtonGroupItem.props.ts';
-import { FC } from 'react';
-/**
- * A single toggle button inside a `ToggleButtonGroup`.
- * Renders a button whose visual style is designed to sit inside the group
- * rather than to be used on its own.
- *
- * @example
- * ```tsx
- * <ToggleButtonGroup value={value} onValueChange={setValue}>
- *   <ToggleButtonGroup.Item value="bold" label="Bold" />
- *   <ToggleButtonGroup.Item value="italic" label="Italic" />
- * </ToggleButtonGroup>
- * ```
- */
-declare const ToggleButtonGroupItem: FC<ToggleButtonGroupItemProps>;
-export default ToggleButtonGroupItem;

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

@@ -1,65 +0,0 @@
-import { jsxs as a, jsx as m } from "react/jsx-runtime";
-import { Toggle as E } from "@base-ui/react/toggle";
-import { buttonSizeToIconSize as N } from "../../../_shared/buttons/constants/index.js";
-import { BUTTON_SHARED_STYLES as p } from "../../../_shared/buttons/styles/buttonShared.css.js";
-import { TOGGLE_BUTTON_SIZE_TO_FONT_SIZE as O } from "../../../toggle-button/constants/toggleButtonSizes.const.js";
-import { TOGGLE_BUTTON_GROUP_ITEM_STYLES as g } from "./styles/ToggleButtonGroupItem.css.js";
-import T from "../../../../foundation/icon/Icon.js";
-import "../../../../foundation/icon/styles/Icon.css.js";
-import l from "../../../../foundation/typography/Typography.js";
-import "../../../../foundation/typography/styles/Typography.css.js";
-import { cn as u } from "../../../../../utils/cn.js";
-import { BUTTON_SIZES as G } from "../../../_shared/buttons/constants/buttonSizes.const.js";
-const B = ({
-  color: n,
-  size: o = G.md,
-  radius: c,
-  className: s,
-  label: r,
-  startIcon: i,
-  endIcon: t,
-  ref: f,
-  ...S
-}) => {
-  const e = N[o], _ = O[o];
-  return /* @__PURE__ */ a(
-    E,
-    {
-      ref: f,
-      className: u(g.recipe({ color: n, size: o, radius: c }), s),
-      ...S,
-      children: [
-        i && /* @__PURE__ */ m(
-          T,
-          {
-            icon: i,
-            size: e,
-            className: p.icon
-          }
-        ),
-        r && /* @__PURE__ */ m(
-          l,
-          {
-            as: "span",
-            fontSize: _,
-            fontWeight: "medium",
-            children: r
-          }
-        ),
-        t && /* @__PURE__ */ m(
-          T,
-          {
-            icon: t,
-            size: e,
-            className: p.icon
-          }
-        )
-      ]
-    }
-  );
-};
-B.displayName = "ToggleButtonGroup.Item";
-export {
-  B as default
-};
-//# sourceMappingURL=ToggleButtonGroupItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButtonGroupItem.js","sources":["../../../../../../src/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SIZES } from '@components/actions/_shared/buttons/constants'\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize, TOGGLE_BUTTON_SIZE_TO_FONT_SIZE } from '@components/actions/toggle-button/constants'\r\nimport { TOGGLE_BUTTON_GROUP_ITEM_STYLES } from '@components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.ts'\r\nimport type { ToggleButtonGroupItemProps } from '@components/actions/toggle-button-group/components/toggle-button-group-item/types/ToggleButtonGroupItem.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\n/**\r\n * A single toggle button inside a `ToggleButtonGroup`.\r\n * Renders a button whose visual style is designed to sit inside the group\r\n * rather than to be used on its own.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToggleButtonGroup value={value} onValueChange={setValue}>\r\n *   <ToggleButtonGroup.Item value=\"bold\" label=\"Bold\" />\r\n *   <ToggleButtonGroup.Item value=\"italic\" label=\"Italic\" />\r\n * </ToggleButtonGroup>\r\n * ```\r\n */\r\nconst ToggleButtonGroupItem: FC<ToggleButtonGroupItemProps> = ({\r\n    color,\r\n    size = BUTTON_SIZES.md,\r\n    radius,\r\n    className,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_BUTTON_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            className={cn(TOGGLE_BUTTON_GROUP_ITEM_STYLES.recipe({ color, size, radius }), className)}\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            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={'medium'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\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        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleButtonGroupItem.displayName = 'ToggleButtonGroup.Item'\r\n\r\nexport default ToggleButtonGroupItem\r\n"],"names":["ToggleButtonGroupItem","color","size","BUTTON_SIZES","radius","className","label","startIcon","endIcon","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_BUTTON_SIZE_TO_FONT_SIZE","jsxs","BaseToggle","cn","TOGGLE_BUTTON_GROUP_ITEM_STYLES","jsx","Icon","BUTTON_SHARED_STYLES","Typography"],"mappings":";;;;;;;;;;;;AAyBA,MAAMA,IAAwD,CAAC;AAAA,EAC3D,OAAAC;AAAA,EACA,MAAAC,IAAOC,EAAa;AAAA,EACpB,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBV,CAAI,GACpCW,IAAWC,EAAgCZ,CAAI;AAErD,SACI,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,WAAWQ,EAAGC,EAAgC,OAAO,EAAE,OAAAjB,GAAO,MAAAC,GAAM,QAAAE,GAAQ,GAAGC,CAAS;AAAA,MACvF,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAH,KACG,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMb;AAAA,YACN,MAAMI;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvCf,KACG,gBAAAa;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAAT;AAAA,YACA,YAAY;AAAA,YAEX,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRE,KACG,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMG;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEArB,EAAsB,cAAc;"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                                                   */;/* empty css                                           */const t=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:t.createRuntimeFn({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:[]})};exports.TOGGLE_BUTTON_GROUP_ITEM_STYLES=e;
-//# sourceMappingURL=ToggleButtonGroupItem.css.cjs.map

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

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

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

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

@@ -1,9 +0,0 @@
-/* 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

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

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

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

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

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

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

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

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

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