@commercetools/nimbus 0.0.9-rc6 → 0.0.9-rc8

package/dist/chunks/text-input.recipe-KNoUuq-g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.recipe-KNoUuq-g.js","sources":["../../src/components/text-input/text-input.recipe.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the TextInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const textInputRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-text-input\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"block\",\n    borderRadius: \"200\",\n    colorPalette: \"neutral\",\n    focusVisibleRing: \"outside\",\n    bg: \"transparent\",\n    outline: \"none\",\n    boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n    _placeholder: {\n      opacity: 0.5,\n      color: \"currentColor\",\n    },\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    \"&[data-invalid='true']\": {\n      \"--border-color\": \"colors.critical.7\",\n      \"--border-width\": \"sizes.50\",\n      color: \"critical.11\",\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        h: 800,\n        textStyle: \"sm\",\n        px: 300,\n      },\n      md: {\n        h: 1000,\n        textStyle: \"md\",\n        px: 400,\n      },\n    },\n\n    variant: {\n      solid: {\n        \"--border-width\": \"sizes.25\",\n        \"--border-color\": \"colors.neutral.7\",\n        backgroundColor: \"primary.1\",\n        _hover: {\n          backgroundColor: \"primary.2\",\n        },\n      },\n      ghost: {\n        _hover: {\n          backgroundColor: \"primary.2\",\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n"],"names":["textInputRecipe","defineRecipe"],"mappings":";AAMO,MAAMA,IAAkB,gBAAAC,EAAa;AAAA;AAAA,EAE1C,WAAW;AAAA;AAAA,EAGX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IACA,0BAA0B;AAAA,MACxB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,GAAG;AAAA,QACH,WAAW;AAAA,QACX,IAAI;AAAA,MACN;AAAA,MACA,IAAI;AAAA,QACF,GAAG;AAAA,QACH,WAAW;AAAA,QACX,IAAI;AAAA,MAAA;AAAA,IAER;AAAA,IAEA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,QAClB,iBAAiB;AAAA,QACjB,QAAQ;AAAA,UACN,iBAAiB;AAAA,QAAA;AAAA,MAErB;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EAEJ;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/chunks/time-input-DCJYjKRY.js

@@ -0,0 +1,129 @@
+import { jsx as e } from "react/jsx-runtime";
+import { defineSlotRecipe as p, createSlotRecipeContext as c, useRecipe as u } from "@chakra-ui/react";
+import { c as m, a as f, b } from "./DateField-CaR3Qeda.js";
+import { e as y } from "./extractStyleProps-CxgBrz3O.js";
+const t = /* @__PURE__ */ p({
+  // Unique class name prefix for the component
+  className: "nimbus-time-input",
+  slots: ["root", "segmentGroup", "segment"],
+  // Base styles applied to all instances of the component
+  base: {
+    root: {
+      display: "inline-block"
+    },
+    segmentGroup: {
+      display: "flex",
+      borderRadius: "200",
+      bg: "transparent",
+      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
+      width: "100%",
+      alignItems: "center",
+      "&[data-focus-within='true']": {
+        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)
+        outlineWidth: "var(--focus-ring-width)",
+        outlineColor: "var(--focus-ring-color)",
+        outlineStyle: "var(--focus-ring-style)",
+        outlineOffset: "var(--focus-ring-offset)"
+      },
+      "&[data-invalid='true']": {
+        "--border-color": "colors.critical.7",
+        color: "critical.11"
+      },
+      "&[data-disabled='true']": {
+        layerStyle: "disabled"
+      }
+    },
+    segment: {
+      fontVariantNumeric: "tabular-nums",
+      outline: "0",
+      px: "50",
+      borderRadius: "50",
+      "&:empty": {
+        border: "1px solid"
+      },
+      "&[data-focused='true']": {
+        bg: "primary.10",
+        color: "primary.contrast"
+      },
+      "&[data-placeholder='true']:not([data-focused='true'])": {
+        opacity: 0.5
+      },
+      /**
+       * The first and last segment contains a hidden character for screen readers
+       * that indicates number reading direction. Since this character is
+       * inside a segment element, it creates unwanted padding. This CSS
+       * removes the extra padding and aligns the text to match a regular
+       * TextInput's text position.
+       */
+      "&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type": {
+        px: "0",
+        ml: "-50"
+      },
+      "&[data-type='minute']": {
+        // for reference
+      },
+      "&[data-type='hour']": {
+        // for reference
+      },
+      "&[data-type='dayPeriod']": {
+        // for reference
+      },
+      "&[data-type='timeZoneName']": {
+        // for reference
+      }
+    }
+  },
+  // Available variants for customizing the component's appearance
+  variants: {
+    // Size variants from smallest to largest
+    size: {
+      sm: {
+        segmentGroup: {
+          h: 800,
+          textStyle: "sm",
+          px: 300
+        }
+      },
+      md: {
+        segmentGroup: {
+          h: 1e3,
+          textStyle: "md",
+          px: 400
+        }
+      }
+    },
+    variant: {
+      solid: {
+        segmentGroup: {
+          "--border-width": "sizes.25",
+          "--border-color": "colors.neutral.7",
+          backgroundColor: "neutral.1",
+          _hover: {
+            backgroundColor: "primary.2"
+          }
+        }
+      },
+      ghost: {
+        segmentGroup: {
+          _hover: {
+            backgroundColor: "primary.2"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
+}), { withProvider: h, withContext: r } = /* @__PURE__ */ c({
+  recipe: t
+}), g = /* @__PURE__ */ h("div", "root"), x = /* @__PURE__ */ r("div", "segmentGroup"), v = /* @__PURE__ */ r("div", "segment"), S = (o) => {
+  const a = u({ recipe: t }), [i, s] = a.splitVariantProps(o), [n, d] = y(s);
+  return /* @__PURE__ */ e(g, { asChild: !0, ...i, ...n, children: /* @__PURE__ */ e(m, { ...d, children: /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(b, { segment: l }) }) }) }) }) });
+};
+S.displayName = "TimeInput";
+export {
+  S as T
+};
+//# sourceMappingURL=time-input-DCJYjKRY.js.map

package/dist/chunks/time-input-DCJYjKRY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-DCJYjKRY.js","sources":["../../src/components/time-input/time-input.recipe.ts","../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the TimeInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const timeInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-time-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"100%\",\n      alignItems: \"center\",\n\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"1px solid\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true'])\": {\n        opacity: 0.5,\n      },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates number reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='minute']\": {\n        // for reference\n      },\n      \"&[data-type='hour']\": {\n        // for reference\n      },\n      \"&[data-type='dayPeriod']\": {\n        // for reference\n      },\n      \"&[data-type='timeZoneName']\": {\n        // for reference\n      },\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { timeInputRecipe } from \"./time-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface TimeInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface TimeInputRootProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: timeInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the TimeInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TimeInputRootSlot = withProvider<\n  HTMLDivElement,\n  TimeInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","TimeField","DateInput","segment","DateSegment"],"mappings":"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"}

package/dist/chunks/time-input-sjvN5iZ-.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("@chakra-ui/react"),t=require("./DateField-D3h6vCMK.js"),m=require("./extractStyleProps-lyk7D-zN.js"),o=r.defineSlotRecipe({className:"nimbus-time-input",slots:["root","segmentGroup","segment"],base:{root:{display:"inline-block"},segmentGroup:{display:"flex",borderRadius:"200",bg:"transparent",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",width:"100%",alignItems:"center","&[data-focus-within='true']":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled"}},segment:{fontVariantNumeric:"tabular-nums",outline:"0",px:"50",borderRadius:"50","&:empty":{border:"1px solid"},"&[data-focused='true']":{bg:"primary.10",color:"primary.contrast"},"&[data-placeholder='true']:not([data-focused='true'])":{opacity:.5},"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type":{px:"0",ml:"-50"},"&[data-type='minute']":{},"&[data-type='hour']":{},"&[data-type='dayPeriod']":{},"&[data-type='timeZoneName']":{}}},variants:{size:{sm:{segmentGroup:{h:800,textStyle:"sm",px:300}},md:{segmentGroup:{h:1e3,textStyle:"md",px:400}}},variant:{solid:{segmentGroup:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{segmentGroup:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),{withProvider:b,withContext:i}=r.createSlotRecipeContext({recipe:o}),y=b("div","root"),f=i("div","segmentGroup"),h=i("div","segment"),a=s=>{const n=r.useRecipe({recipe:o}),[d,l]=n.splitVariantProps(s),[c,p]=m.extractStyleProps(l);return e.jsx(y,{asChild:!0,...d,...c,children:e.jsx(t.$40825cdb76e74f70$export$5eaee2322dd727eb,{...p,children:e.jsx(f,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:u=>e.jsx(h,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:u})})})})})})};a.displayName="TimeInput";exports.TimeInput=a;
+//# sourceMappingURL=time-input-sjvN5iZ-.js.map

package/dist/chunks/time-input-sjvN5iZ-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-sjvN5iZ-.js","sources":["../../src/components/time-input/time-input.recipe.ts","../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the TimeInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const timeInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-time-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"100%\",\n      alignItems: \"center\",\n\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"1px solid\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true'])\": {\n        opacity: 0.5,\n      },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates number reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='minute']\": {\n        // for reference\n      },\n      \"&[data-type='hour']\": {\n        // for reference\n      },\n      \"&[data-type='dayPeriod']\": {\n        // for reference\n      },\n      \"&[data-type='timeZoneName']\": {\n        // for reference\n      },\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { timeInputRecipe } from \"./time-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface TimeInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface TimeInputRootProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: timeInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the TimeInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TimeInputRootSlot = withProvider<\n  HTMLDivElement,\n  TimeInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","TimeField","DateInput","segment","DateSegment"],"mappings":"kKAMaA,EAAkBC,EAAAA,iBAAiB,CAE9C,UAAW,oBACX,MAAO,CAAC,OAAQ,eAAgB,SAAS,EAGzC,KAAM,CACJ,KAAM,CACJ,QAAS,cACX,EACA,aAAc,CACZ,QAAS,OACT,aAAc,MACd,GAAI,cACJ,UAAW,sDACX,MAAO,OACP,WAAY,SAEZ,8BAA+B,CAE7B,aAAc,0BACd,aAAc,0BACd,aAAc,0BACd,cAAe,0BACjB,EACA,yBAA0B,CACxB,iBAAkB,oBAClB,MAAO,aACT,EACA,0BAA2B,CACzB,WAAY,UAAA,CAEhB,EACA,QAAS,CACP,mBAAoB,eACpB,QAAS,IACT,GAAI,KACJ,aAAc,KAEd,UAAW,CACT,OAAQ,WACV,EAEA,yBAA0B,CACxB,GAAI,aACJ,MAAO,kBACT,EAEA,wDAAyD,CACvD,QAAS,EACX,EASA,8EACE,CACE,GAAI,IACJ,GAAI,KACN,EAEF,wBAAyB,CAEzB,EACA,sBAAuB,CAEvB,EACA,2BAA4B,CAE5B,EACA,8BAA+B,CAAA,CAE/B,CAEJ,EAGA,SAAU,CAER,KAAM,CACJ,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CAER,EACA,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CACN,CAEJ,EACA,QAAS,CACP,MAAO,CACL,aAAc,CACZ,iBAAkB,WAClB,iBAAkB,mBAClB,gBAAiB,YACjB,OAAQ,CACN,gBAAiB,WAAA,CACnB,CAEJ,EACA,MAAO,CACL,aAAc,CACZ,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,CACF,CAEJ,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC,ECxGK,CAAE,aAAAC,EAAc,YAAAC,CAAY,EAAIC,0BAAwB,CAC5D,OAAQJ,CACV,CAAC,EAMYK,EAAoBH,EAG/B,MAAO,MAAM,EAKFI,EAA4BH,EAGvC,MAAO,cAAc,EAKVI,EAAuBJ,EAGlC,MAAO,SAAS,ECnCLK,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAA,UAAU,CAAE,OAAQX,EAAiB,EAC9C,CAACY,EAAaC,CAAc,EAAIH,EAAO,kBAAkBD,CAAK,EAC9D,CAACK,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAEjE,OACGI,EAAA,IAAAZ,EAAA,CAAkB,QAAO,GAAE,GAAGO,EAAc,GAAGE,EAC9C,SAACG,EAAA,IAAAC,4CAAA,CAAW,GAAGH,EACb,eAACT,EAA0B,CAAA,QAAO,GAChC,SAAAW,EAAAA,IAACE,EACE,0CAAA,CAAA,SAACC,GACAH,EAAAA,IAACV,GAAqB,QAAO,GAC3B,SAACU,MAAAI,EAAAA,0CAAA,CAAY,QAAAD,CAAkB,CAAA,CACjC,CAAA,EAEJ,CAAA,CACF,CACF,CAAA,EACF,CAEJ,EAEAZ,EAAU,YAAc"}

package/dist/chunks/toggle-button-group-D-3UQLdL.js

@@ -0,0 +1,2 @@
+"use strict";const R=require("react/jsx-runtime"),m=require("@chakra-ui/react"),$=require("./button.recipe-DHk13lGU.js"),P=require("./utils-XbOVivul.js"),l=require("react"),T=require("./useControlledState-D0L6S_5r.js"),w=require("./useButton-BZrUUsJ0.js"),S=require("./mergeProps-BeIu4MsM.js"),K=require("./FocusScope-Cysx7oI0.js"),q=require("./filterDOMProps-BS2lrgFA.js"),C=require("./context-BmQ51HC8.js"),G=require("./useToggleState-B5pE_WmM.js"),z=require("./useFocusRing-CYHdvund.js"),F=require("./useHover-BxTJz4Qm.js");function D(t,e,o){const{isSelected:i}=e,{isPressed:r,buttonProps:d}=w.$701a24aa0da5b062$export$ea18c227d4417cc3({...t,onPress:S.$ff5963eb1fccf552$export$e08e3b67e392101e(e.toggle,t.onPress)},o);return{isPressed:r,isSelected:i,isDisabled:t.isDisabled||!1,buttonProps:S.$3ef42575df84b30b$export$9d1611c77c2fe928(d,{"aria-pressed":i})}}function M(t,e){const{"aria-label":o,"aria-labelledby":i,orientation:r="horizontal"}=t;let[d,a]=l.useState(!1);S.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{var s;a(!!(e.current&&(!((s=e.current.parentElement)===null||s===void 0)&&s.closest('[role="toolbar"]'))))});const{direction:n}=C.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),f=n==="rtl"&&r==="horizontal";let u=K.$9bf71ea28793e738$export$c5251b9e124bf29(e);const g=s=>{if(s.currentTarget.contains(s.target)){if(r==="horizontal"&&s.key==="ArrowRight"||r==="vertical"&&s.key==="ArrowDown")f?u.focusPrevious():u.focusNext();else if(r==="horizontal"&&s.key==="ArrowLeft"||r==="vertical"&&s.key==="ArrowUp")f?u.focusNext():u.focusPrevious();else if(s.key==="Tab"){s.stopPropagation(),c.current=document.activeElement,s.shiftKey?u.focusFirst():u.focusLast();return}else return;s.stopPropagation(),s.preventDefault()}},c=l.useRef(null),v=s=>{!s.currentTarget.contains(s.relatedTarget)&&!c.current&&(c.current=s.target)},x=s=>{var b;if(c.current&&!s.currentTarget.contains(s.relatedTarget)&&(!((b=e.current)===null||b===void 0)&&b.contains(s.target))){var y;(y=c.current)===null||y===void 0||y.focus(),c.current=null}};return{toolbarProps:{...q.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(t,{labelable:!0}),role:d?"group":"toolbar","aria-orientation":r,"aria-label":o,"aria-labelledby":o==null?i:void 0,onKeyDownCapture:d?void 0:g,onFocusCapture:d?void 0:x,onBlurCapture:d?void 0:v}}}function E(t,e,o){let{isDisabled:i}=t,{toolbarProps:r}=M(t,o);return{groupProps:{...r,role:e.selectionMode==="single"?"radiogroup":r.role,"aria-disabled":i}}}function N(t,e,o){let i={isSelected:e.selectedKeys.has(t.id),setSelected(f){e.setSelected(t.id,f)},toggle(){e.toggleKey(t.id)}},{isPressed:r,isSelected:d,isDisabled:a,buttonProps:n}=D({...t,id:void 0,isDisabled:t.isDisabled||e.isDisabled},i,o);return e.selectionMode==="single"&&(n.role="radio",n["aria-checked"]=i.isSelected,delete n["aria-pressed"]),{isPressed:r,isSelected:d,isDisabled:a,buttonProps:n}}function L(t){let{selectionMode:e="single",disallowEmptySelection:o,isDisabled:i=!1}=t,[r,d]=T.$458b0a5536c1a7cf$export$40bfa8c7b0832715(l.useMemo(()=>t.selectedKeys?new Set(t.selectedKeys):void 0,[t.selectedKeys]),l.useMemo(()=>t.defaultSelectedKeys?new Set(t.defaultSelectedKeys):new Set,[t.defaultSelectedKeys]),t.onSelectionChange);return{selectionMode:e,isDisabled:i,selectedKeys:r,setSelectedKeys:d,toggleKey(a){let n;e==="multiple"?(n=new Set(r),n.has(a)&&(!o||n.size>1)?n.delete(a):n.add(a)):n=new Set(r.has(a)&&!o?[]:[a]),d(n)},setSelected(a,n){n!==r.has(a)&&this.toggleKey(a)}}}const A=l.createContext({}),B=l.createContext(null),H=l.forwardRef(function(e,o){[e,o]=P.$64fa3d84918910a7$export$29f1550f4b0d4415(e,o,A);let i=L(e),{groupProps:r}=E(e,i,o),d=P.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isDisabled:i.isDisabled,state:i},defaultClassName:"react-aria-ToggleButtonGroup"});return l.createElement("div",{...r,...d,ref:o,slot:e.slot||void 0,"data-orientation":e.orientation||"horizontal","data-disabled":e.isDisabled||void 0},l.createElement(B.Provider,{value:i},d.children))}),V=l.createContext({}),j=l.forwardRef(function(e,o){[e,o]=P.$64fa3d84918910a7$export$29f1550f4b0d4415(e,o,V);let i=l.useContext(B),r=G.$3017fa7ffdddec74$export$8042c6c013fd5226(i&&e.id!=null?{isSelected:i.selectedKeys.has(e.id),onChange(b){i.setSelected(e.id,b)}}:e),{buttonProps:d,isPressed:a,isSelected:n,isDisabled:f}=i&&e.id!=null?N({...e,id:e.id},i,o):D({...e,id:e.id!=null?String(e.id):void 0},r,o),{focusProps:u,isFocused:g,isFocusVisible:c}=z.$f7dceffc5ad7768b$export$4e328f61c538687f(e),{hoverProps:v,isHovered:x}=F.$6179b936705e76d3$export$ae780daf29e6d456(e),s=P.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,values:{isHovered:x,isPressed:a,isFocused:g,isSelected:r.isSelected,isFocusVisible:c,isDisabled:f,state:r},defaultClassName:"react-aria-ToggleButton"});return l.createElement("button",{...S.$3ef42575df84b30b$export$9d1611c77c2fe928(d,u,v),...s,ref:o,slot:e.slot||void 0,"data-focused":g||void 0,"data-disabled":f||void 0,"data-pressed":a||void 0,"data-selected":n||void 0,"data-hovered":x||void 0,"data-focus-visible":c||void 0})}),k=m.defineSlotRecipe({slots:["root","button"],className:"nimbus-toggle-button-group",base:{root:{display:"inline-flex"},button:{...$.buttonRecipe.base,...(()=>{var t;return(t=$.buttonRecipe.variants)==null?void 0:t.variant.outline})(),borderRadius:"0",borderRightWidth:"0","&:first-of-type":{borderLeftRadius:"200"},"&:last-of-type":{borderRightWidth:"1px",borderRightRadius:"200"},"&[data-selected=true]":(()=>{var t;return(t=$.buttonRecipe.variants)==null?void 0:t.variant.solid})()}},variants:{size:{xs:{button:(()=>{var t;return(t=$.buttonRecipe.variants)==null?void 0:t.size.xs})()},md:{button:(()=>{var t;return(t=$.buttonRecipe.variants)==null?void 0:t.size.md})()}},tone:{primary:{button:{colorPalette:"primary"}},critical:{button:{colorPalette:"critical"}},neutral:{button:{colorPalette:"neutral"}}}},defaultVariants:{size:"md"}}),{withContext:I,withProvider:W}=m.createSlotRecipeContext({recipe:k}),_=W(H,"root"),O=I(j,"button"),h=t=>{const{ref:e,children:o,...i}=t;return R.jsx(_,{ref:e,...i,children:o})};h.displayName="ToggleButtonGroup.Root";const p=t=>{const{ref:e,children:o,...i}=t;return R.jsx(O,{...i,ref:e,children:o})};p.displayName="ToggleButtonGroup.Button";const U={Root:h,Button:p};exports.ToggleButtonGroup=U;exports.ToggleButtonGroupButton=p;exports.ToggleButtonGroupRoot=h;
+//# sourceMappingURL=toggle-button-group-D-3UQLdL.js.map

package/dist/chunks/toggle-button-group-D-3UQLdL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group-D-3UQLdL.js","sources":["../../../../node_modules/.pnpm/@react-aria+button@3.13.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/button/dist/useToggleButton.mjs","../../../../node_modules/.pnpm/@react-aria+toolbar@3.0.0-beta.18_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/toolbar/dist/useToolbar.mjs","../../../../node_modules/.pnpm/@react-aria+button@3.13.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/button/dist/useToggleButtonGroup.mjs","../../../../node_modules/.pnpm/@react-stately+toggle@3.8.5_react@19.1.0/node_modules/@react-stately/toggle/dist/useToggleGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.10.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/ToggleButtonGroup.mjs","../../../../node_modules/.pnpm/react-aria-components@1.10.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/ToggleButton.mjs","../../src/components/toggle-button-group/toggle-button-group.recipe.tsx","../../src/components/toggle-button-group/toggle-button-group.slots.tsx","../../src/components/toggle-button-group/components/toggle-button-group.root.tsx","../../src/components/toggle-button-group/components/toggle-button-group.button.tsx","../../src/components/toggle-button-group/toggle-button-group.tsx"],"sourcesContent":["import {useButton as $701a24aa0da5b062$export$ea18c227d4417cc3} from \"./useButton.mjs\";\nimport {chain as $h7Tql$chain, mergeProps as $h7Tql$mergeProps} from \"@react-aria/utils\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {\n    const { isSelected: isSelected } = state;\n    const { isPressed: isPressed, buttonProps: buttonProps } = (0, $701a24aa0da5b062$export$ea18c227d4417cc3)({\n        ...props,\n        onPress: (0, $h7Tql$chain)(state.toggle, props.onPress)\n    }, ref);\n    return {\n        isPressed: isPressed,\n        isSelected: isSelected,\n        isDisabled: props.isDisabled || false,\n        buttonProps: (0, $h7Tql$mergeProps)(buttonProps, {\n            'aria-pressed': isSelected\n        })\n    };\n}\n\n\nexport {$55f54f7887471b58$export$51e84d46ca0bc451 as useToggleButton};\n//# sourceMappingURL=useToggleButton.module.js.map\n","import {createFocusManager as $k3LOe$createFocusManager} from \"@react-aria/focus\";\nimport {useLayoutEffect as $k3LOe$useLayoutEffect, filterDOMProps as $k3LOe$filterDOMProps} from \"@react-aria/utils\";\nimport {useState as $k3LOe$useState, useRef as $k3LOe$useRef} from \"react\";\nimport {useLocale as $k3LOe$useLocale} from \"@react-aria/i18n\";\n\n/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nfunction $2680b1829e803644$export$fa142eb1681c520(props, ref) {\n    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, orientation: orientation = 'horizontal' } = props;\n    let [isInToolbar, setInToolbar] = (0, $k3LOe$useState)(false);\n    // should be safe because re-calling set state with the same value it already has is a no-op\n    // this will allow us to react should a parent re-render and change its role though\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    (0, $k3LOe$useLayoutEffect)(()=>{\n        var _ref_current_parentElement;\n        setInToolbar(!!(ref.current && ((_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.closest('[role=\"toolbar\"]'))));\n    });\n    const { direction: direction } = (0, $k3LOe$useLocale)();\n    const shouldReverse = direction === 'rtl' && orientation === 'horizontal';\n    let focusManager = (0, $k3LOe$createFocusManager)(ref);\n    const onKeyDown = (e)=>{\n        // don't handle portalled events\n        if (!e.currentTarget.contains(e.target)) return;\n        if (orientation === 'horizontal' && e.key === 'ArrowRight' || orientation === 'vertical' && e.key === 'ArrowDown') {\n            if (shouldReverse) focusManager.focusPrevious();\n            else focusManager.focusNext();\n        } else if (orientation === 'horizontal' && e.key === 'ArrowLeft' || orientation === 'vertical' && e.key === 'ArrowUp') {\n            if (shouldReverse) focusManager.focusNext();\n            else focusManager.focusPrevious();\n        } else if (e.key === 'Tab') {\n            // When the tab key is pressed, we want to move focus\n            // out of the entire toolbar. To do this, move focus\n            // to the first or last focusable child, and let the\n            // browser handle the Tab key as usual from there.\n            e.stopPropagation();\n            lastFocused.current = document.activeElement;\n            if (e.shiftKey) focusManager.focusFirst();\n            else focusManager.focusLast();\n            return;\n        } else // if we didn't handle anything, return early so we don't preventDefault\n        return;\n        // Prevent arrow keys from being handled by nested action groups.\n        e.stopPropagation();\n        e.preventDefault();\n    };\n    // Record the last focused child when focus moves out of the toolbar.\n    const lastFocused = (0, $k3LOe$useRef)(null);\n    const onBlur = (e)=>{\n        if (!e.currentTarget.contains(e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;\n    };\n    // Restore focus to the last focused child when focus returns into the toolbar.\n    // If the element was removed, do nothing, either the first item in the first group,\n    // or the last item in the last group will be focused, depending on direction.\n    const onFocus = (e)=>{\n        var _ref_current;\n        if (lastFocused.current && !e.currentTarget.contains(e.relatedTarget) && ((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(e.target))) {\n            var _lastFocused_current;\n            (_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();\n            lastFocused.current = null;\n        }\n    };\n    return {\n        toolbarProps: {\n            ...(0, $k3LOe$filterDOMProps)(props, {\n                labelable: true\n            }),\n            role: !isInToolbar ? 'toolbar' : 'group',\n            'aria-orientation': orientation,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabel == null ? ariaLabelledBy : undefined,\n            onKeyDownCapture: !isInToolbar ? onKeyDown : undefined,\n            onFocusCapture: !isInToolbar ? onFocus : undefined,\n            onBlurCapture: !isInToolbar ? onBlur : undefined\n        }\n    };\n}\n\n\nexport {$2680b1829e803644$export$fa142eb1681c520 as useToolbar};\n//# sourceMappingURL=useToolbar.module.js.map\n","import {useToggleButton as $55f54f7887471b58$export$51e84d46ca0bc451} from \"./useToggleButton.mjs\";\nimport {useToolbar as $9iEyV$useToolbar} from \"@react-aria/toolbar\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $4547d1bf40011fdf$export$dd5580ae642f110f(props, state, ref) {\n    let { isDisabled: isDisabled } = props;\n    let { toolbarProps: toolbarProps } = (0, $9iEyV$useToolbar)(props, ref);\n    return {\n        groupProps: {\n            ...toolbarProps,\n            role: state.selectionMode === 'single' ? 'radiogroup' : toolbarProps.role,\n            'aria-disabled': isDisabled\n        }\n    };\n}\nfunction $4547d1bf40011fdf$export$bc53712daae3d6e6(props, state, ref) {\n    let toggleState = {\n        isSelected: state.selectedKeys.has(props.id),\n        setSelected (isSelected) {\n            state.setSelected(props.id, isSelected);\n        },\n        toggle () {\n            state.toggleKey(props.id);\n        }\n    };\n    let { isPressed: isPressed, isSelected: isSelected, isDisabled: isDisabled, buttonProps: buttonProps } = (0, $55f54f7887471b58$export$51e84d46ca0bc451)({\n        ...props,\n        id: undefined,\n        isDisabled: props.isDisabled || state.isDisabled\n    }, toggleState, ref);\n    if (state.selectionMode === 'single') {\n        buttonProps.role = 'radio';\n        buttonProps['aria-checked'] = toggleState.isSelected;\n        delete buttonProps['aria-pressed'];\n    }\n    return {\n        isPressed: isPressed,\n        isSelected: isSelected,\n        isDisabled: isDisabled,\n        buttonProps: buttonProps\n    };\n}\n\n\nexport {$4547d1bf40011fdf$export$dd5580ae642f110f as useToggleButtonGroup, $4547d1bf40011fdf$export$bc53712daae3d6e6 as useToggleButtonGroupItem};\n//# sourceMappingURL=useToggleButtonGroup.module.js.map\n","import {useControlledState as $69RjW$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $69RjW$useMemo} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $ad999b7f496648d1$export$8deac67f4addf270(props) {\n    let { selectionMode: selectionMode = 'single', disallowEmptySelection: disallowEmptySelection, isDisabled: isDisabled = false } = props;\n    let [selectedKeys, setSelectedKeys] = (0, $69RjW$useControlledState)((0, $69RjW$useMemo)(()=>props.selectedKeys ? new Set(props.selectedKeys) : undefined, [\n        props.selectedKeys\n    ]), (0, $69RjW$useMemo)(()=>props.defaultSelectedKeys ? new Set(props.defaultSelectedKeys) : new Set(), [\n        props.defaultSelectedKeys\n    ]), props.onSelectionChange);\n    return {\n        selectionMode: selectionMode,\n        isDisabled: isDisabled,\n        selectedKeys: selectedKeys,\n        setSelectedKeys: setSelectedKeys,\n        toggleKey (key) {\n            let keys;\n            if (selectionMode === 'multiple') {\n                keys = new Set(selectedKeys);\n                if (keys.has(key) && (!disallowEmptySelection || keys.size > 1)) keys.delete(key);\n                else keys.add(key);\n            } else keys = new Set(selectedKeys.has(key) && !disallowEmptySelection ? [] : [\n                key\n            ]);\n            setSelectedKeys(keys);\n        },\n        setSelected (key, isSelected) {\n            if (isSelected !== selectedKeys.has(key)) this.toggleKey(key);\n        }\n    };\n}\n\n\nexport {$ad999b7f496648d1$export$8deac67f4addf270 as useToggleGroupState};\n//# sourceMappingURL=useToggleGroupState.module.js.map\n","import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useToggleButtonGroup as $1lXgK$useToggleButtonGroup} from \"react-aria\";\nimport $1lXgK$react, {createContext as $1lXgK$createContext, forwardRef as $1lXgK$forwardRef} from \"react\";\nimport {useToggleGroupState as $1lXgK$useToggleGroupState} from \"react-stately\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nconst $84b7d8702d4ff4a8$export$298258635ae0dd97 = /*#__PURE__*/ (0, $1lXgK$createContext)({});\nconst $84b7d8702d4ff4a8$export$a8a71863db173133 = /*#__PURE__*/ (0, $1lXgK$createContext)(null);\nconst $84b7d8702d4ff4a8$export$40258cc1d95ff477 = /*#__PURE__*/ (0, $1lXgK$forwardRef)(function ToggleButtonGroup(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $84b7d8702d4ff4a8$export$298258635ae0dd97);\n    let state = (0, $1lXgK$useToggleGroupState)(props);\n    let { groupProps: groupProps } = (0, $1lXgK$useToggleButtonGroup)(props, state, ref);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        },\n        defaultClassName: 'react-aria-ToggleButtonGroup'\n    });\n    return /*#__PURE__*/ (0, $1lXgK$react).createElement(\"div\", {\n        ...groupProps,\n        ...renderProps,\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-orientation\": props.orientation || 'horizontal',\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $1lXgK$react).createElement($84b7d8702d4ff4a8$export$a8a71863db173133.Provider, {\n        value: state\n    }, renderProps.children));\n});\n\n\nexport {$84b7d8702d4ff4a8$export$298258635ae0dd97 as ToggleButtonGroupContext, $84b7d8702d4ff4a8$export$a8a71863db173133 as ToggleGroupStateContext, $84b7d8702d4ff4a8$export$40258cc1d95ff477 as ToggleButtonGroup};\n//# sourceMappingURL=ToggleButtonGroup.module.js.map\n","import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {ToggleGroupStateContext as $84b7d8702d4ff4a8$export$a8a71863db173133} from \"./ToggleButtonGroup.mjs\";\nimport {useToggleButtonGroupItem as $jrJ9L$useToggleButtonGroupItem, useToggleButton as $jrJ9L$useToggleButton, useFocusRing as $jrJ9L$useFocusRing, useHover as $jrJ9L$useHover, mergeProps as $jrJ9L$mergeProps} from \"react-aria\";\nimport $jrJ9L$react, {createContext as $jrJ9L$createContext, forwardRef as $jrJ9L$forwardRef, useContext as $jrJ9L$useContext} from \"react\";\nimport {useToggleState as $jrJ9L$useToggleState} from \"react-stately\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nconst $efde0372d7a700fe$export$43506d75ebd2e218 = /*#__PURE__*/ (0, $jrJ9L$createContext)({});\nconst $efde0372d7a700fe$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $jrJ9L$forwardRef)(function ToggleButton(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $efde0372d7a700fe$export$43506d75ebd2e218);\n    let groupState = (0, $jrJ9L$useContext)((0, $84b7d8702d4ff4a8$export$a8a71863db173133));\n    let state = (0, $jrJ9L$useToggleState)(groupState && props.id != null ? {\n        isSelected: groupState.selectedKeys.has(props.id),\n        onChange (isSelected) {\n            groupState.setSelected(props.id, isSelected);\n        }\n    } : props);\n    let { buttonProps: buttonProps, isPressed: isPressed, isSelected: isSelected, isDisabled: isDisabled } = groupState && props.id != null ? (0, $jrJ9L$useToggleButtonGroupItem)({\n        ...props,\n        id: props.id\n    }, groupState, ref) : (0, $jrJ9L$useToggleButton)({\n        ...props,\n        id: props.id != null ? String(props.id) : undefined\n    }, state, ref);\n    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $jrJ9L$useFocusRing)(props);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $jrJ9L$useHover)(props);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        id: undefined,\n        values: {\n            isHovered: isHovered,\n            isPressed: isPressed,\n            isFocused: isFocused,\n            isSelected: state.isSelected,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            state: state\n        },\n        defaultClassName: 'react-aria-ToggleButton'\n    });\n    return /*#__PURE__*/ (0, $jrJ9L$react).createElement(\"button\", {\n        ...(0, $jrJ9L$mergeProps)(buttonProps, focusProps, hoverProps),\n        ...renderProps,\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined\n    });\n});\n\n\nexport {$efde0372d7a700fe$export$43506d75ebd2e218 as ToggleButtonContext, $efde0372d7a700fe$export$d2b052e7b4be1756 as ToggleButton};\n//# sourceMappingURL=ToggleButton.module.js.map\n","import { defineSlotRecipe } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"../button/button.recipe\";\n\n/**\n * Recipe configuration for the ToggleButtonGroup component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const buttonGroupRecipe = defineSlotRecipe({\n  slots: [\"root\", \"button\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-toggle-button-group\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n    },\n    button: {\n      // Base style is the same as our Button\n      ...buttonRecipe.base,\n      // Default style is outlined\n      ...buttonRecipe.variants?.variant.outline,\n      // Create overrides for custom ToggleButtonGroup styles\n      borderRadius: \"0\",\n      borderRightWidth: \"0\",\n      \"&:first-of-type\": {\n        borderLeftRadius: \"200\",\n      },\n      \"&:last-of-type\": {\n        borderRightWidth: \"1px\",\n        borderRightRadius: \"200\",\n      },\n      // When selected, the button is styled like a solid button\n      \"&[data-selected=true]\": buttonRecipe.variants?.variant.solid,\n    },\n  },\n\n  variants: {\n    size: {\n      xs: {\n        button: buttonRecipe.variants?.size.xs,\n      },\n      md: {\n        button: buttonRecipe.variants?.size.md,\n      },\n    },\n\n    tone: {\n      primary: {\n        button: { colorPalette: \"primary\" },\n      },\n      critical: {\n        button: { colorPalette: \"critical\" },\n      },\n      neutral: {\n        button: { colorPalette: \"neutral\" },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport { buttonGroupRecipe } from \"./toggle-button-group.recipe\";\nimport type {\n  ToggleButtonGroupButtonProps,\n  ToggleButtonGroupProps,\n  ToggleButtonGroupButtonComponent,\n} from \"./toggle-button-group.types\";\nimport {\n  ToggleButton as RacToggleButton,\n  ToggleButtonGroup as RacToggleButtonGroup,\n} from \"react-aria-components\";\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  recipe: buttonGroupRecipe,\n});\n\nexport const ToggleButtonGroupRoot = withProvider<\n  typeof RacToggleButtonGroup,\n  ToggleButtonGroupProps\n>(RacToggleButtonGroup, \"root\");\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent =\n  withContext<typeof RacToggleButton, ToggleButtonGroupButtonProps>(\n    RacToggleButton,\n    \"button\"\n  );\n","import { ToggleButtonGroupRoot as ToggleButtonGroupRootSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupRootComponent } from \"../toggle-button-group.types\";\n\nexport const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupRootSlot ref={ref} {...rest}>\n      {children}\n    </ToggleButtonGroupRootSlot>\n  );\n};\n\nToggleButtonGroupRoot.displayName = \"ToggleButtonGroup.Root\";\n","import { ToggleButtonGroupButton as ToggleButtonGroupButtonSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupButtonComponent } from \"../toggle-button-group.types\";\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupButtonSlot {...rest} ref={ref}>\n      {children}\n    </ToggleButtonGroupButtonSlot>\n  );\n};\n\nToggleButtonGroupButton.displayName = \"ToggleButtonGroup.Button\";\n","import { ToggleButtonGroupRoot } from \"./components/toggle-button-group.root\";\nimport { ToggleButtonGroupButton } from \"./components/toggle-button-group.button\";\n\n/**\n * ToggleButtonGroup\n * ============================================================\n * To group multiple `Button` components together, visually and logically, representing a set of related actions.\n */\nexport const ToggleButtonGroup = {\n  Root: ToggleButtonGroupRoot,\n  Button: ToggleButtonGroupButton,\n};\n\nexport {\n  ToggleButtonGroupRoot as _ToggleButtonGroupRoot,\n  ToggleButtonGroupButton as _ToggleButtonGroupButton,\n};\n"],"names":["$55f54f7887471b58$export$51e84d46ca0bc451","props","state","ref","isSelected","isPressed","buttonProps","$701a24aa0da5b062$export$ea18c227d4417cc3","$h7Tql$chain","$h7Tql$mergeProps","$2680b1829e803644$export$fa142eb1681c520","ariaLabel","ariaLabelledBy","orientation","isInToolbar","setInToolbar","$k3LOe$useState","$k3LOe$useLayoutEffect","_ref_current_parentElement","direction","$k3LOe$useLocale","shouldReverse","focusManager","$k3LOe$createFocusManager","onKeyDown","e","lastFocused","$k3LOe$useRef","onBlur","onFocus","_ref_current","_lastFocused_current","$k3LOe$filterDOMProps","$4547d1bf40011fdf$export$dd5580ae642f110f","isDisabled","toolbarProps","$9iEyV$useToolbar","$4547d1bf40011fdf$export$bc53712daae3d6e6","toggleState","$ad999b7f496648d1$export$8deac67f4addf270","selectionMode","disallowEmptySelection","selectedKeys","setSelectedKeys","$69RjW$useControlledState","$69RjW$useMemo","key","keys","$84b7d8702d4ff4a8$export$298258635ae0dd97","$1lXgK$createContext","$84b7d8702d4ff4a8$export$a8a71863db173133","$84b7d8702d4ff4a8$export$40258cc1d95ff477","$1lXgK$forwardRef","$64fa3d84918910a7$export$29f1550f4b0d4415","$1lXgK$useToggleGroupState","groupProps","$1lXgK$useToggleButtonGroup","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","$1lXgK$react","$efde0372d7a700fe$export$43506d75ebd2e218","$jrJ9L$createContext","$efde0372d7a700fe$export$d2b052e7b4be1756","$jrJ9L$forwardRef","groupState","$jrJ9L$useContext","$jrJ9L$useToggleState","$jrJ9L$useToggleButtonGroupItem","$jrJ9L$useToggleButton","focusProps","isFocused","isFocusVisible","$jrJ9L$useFocusRing","hoverProps","isHovered","$jrJ9L$useHover","$jrJ9L$react","$jrJ9L$mergeProps","buttonGroupRecipe","defineSlotRecipe","buttonRecipe","withContext","withProvider","createSlotRecipeContext","ToggleButtonGroupRoot","RacToggleButtonGroup","ToggleButtonGroupButton","RacToggleButton","children","rest","jsx","ToggleButtonGroupRootSlot","ToggleButtonGroupButtonSlot","ToggleButtonGroup"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/chunks/toggle-button-group-bjkXTCxu.js

@@ -0,0 +1,275 @@
+import { jsx as p } from "react/jsx-runtime";
+import { defineSlotRecipe as C, createSlotRecipeContext as z } from "@chakra-ui/react";
+import { b } from "./button.recipe-DzOS_Bqm.js";
+import { $ as y, a as h } from "./utils-7n9JR4ke.js";
+import S, { useState as G, useRef as E, useMemo as x, forwardRef as D, createContext as v, useContext as F } from "react";
+import { $ as M } from "./useControlledState-u436Wbp1.js";
+import { $ as N } from "./useButton-C5ATfvOf.js";
+import { e as L, $ as T, d as A } from "./mergeProps-tCFA9wZ1.js";
+import { $ as V } from "./FocusScope-CsXy0kJw.js";
+import { $ as H } from "./filterDOMProps-D6KHYVBX.js";
+import { $ as _ } from "./context-CI0Y3O6x.js";
+import { $ as k } from "./useToggleState-Bz5rAf4C.js";
+import { $ as I } from "./useFocusRing-DNviWqC5.js";
+import { $ as W } from "./useHover-3Zee5Ds5.js";
+function R(t, e, o) {
+  const { isSelected: i } = e, { isPressed: a, buttonProps: r } = N({
+    ...t,
+    onPress: L(e.toggle, t.onPress)
+  }, o);
+  return {
+    isPressed: a,
+    isSelected: i,
+    isDisabled: t.isDisabled || !1,
+    buttonProps: T(r, {
+      "aria-pressed": i
+    })
+  };
+}
+function j(t, e) {
+  const { "aria-label": o, "aria-labelledby": i, orientation: a = "horizontal" } = t;
+  let [r, n] = G(!1);
+  A(() => {
+    var s;
+    n(!!(e.current && (!((s = e.current.parentElement) === null || s === void 0) && s.closest('[role="toolbar"]'))));
+  });
+  const { direction: d } = _(), u = d === "rtl" && a === "horizontal";
+  let c = V(e);
+  const $ = (s) => {
+    if (s.currentTarget.contains(s.target)) {
+      if (a === "horizontal" && s.key === "ArrowRight" || a === "vertical" && s.key === "ArrowDown")
+        u ? c.focusPrevious() : c.focusNext();
+      else if (a === "horizontal" && s.key === "ArrowLeft" || a === "vertical" && s.key === "ArrowUp")
+        u ? c.focusNext() : c.focusPrevious();
+      else if (s.key === "Tab") {
+        s.stopPropagation(), l.current = document.activeElement, s.shiftKey ? c.focusFirst() : c.focusLast();
+        return;
+      } else
+        return;
+      s.stopPropagation(), s.preventDefault();
+    }
+  }, l = E(null), m = (s) => {
+    !s.currentTarget.contains(s.relatedTarget) && !l.current && (l.current = s.target);
+  }, g = (s) => {
+    var f;
+    if (l.current && !s.currentTarget.contains(s.relatedTarget) && (!((f = e.current) === null || f === void 0) && f.contains(s.target))) {
+      var P;
+      (P = l.current) === null || P === void 0 || P.focus(), l.current = null;
+    }
+  };
+  return {
+    toolbarProps: {
+      ...H(t, {
+        labelable: !0
+      }),
+      role: r ? "group" : "toolbar",
+      "aria-orientation": a,
+      "aria-label": o,
+      "aria-labelledby": o == null ? i : void 0,
+      onKeyDownCapture: r ? void 0 : $,
+      onFocusCapture: r ? void 0 : g,
+      onBlurCapture: r ? void 0 : m
+    }
+  };
+}
+function U(t, e, o) {
+  let { isDisabled: i } = t, { toolbarProps: a } = j(t, o);
+  return {
+    groupProps: {
+      ...a,
+      role: e.selectionMode === "single" ? "radiogroup" : a.role,
+      "aria-disabled": i
+    }
+  };
+}
+function q(t, e, o) {
+  let i = {
+    isSelected: e.selectedKeys.has(t.id),
+    setSelected(u) {
+      e.setSelected(t.id, u);
+    },
+    toggle() {
+      e.toggleKey(t.id);
+    }
+  }, { isPressed: a, isSelected: r, isDisabled: n, buttonProps: d } = R({
+    ...t,
+    id: void 0,
+    isDisabled: t.isDisabled || e.isDisabled
+  }, i, o);
+  return e.selectionMode === "single" && (d.role = "radio", d["aria-checked"] = i.isSelected, delete d["aria-pressed"]), {
+    isPressed: a,
+    isSelected: r,
+    isDisabled: n,
+    buttonProps: d
+  };
+}
+function J(t) {
+  let { selectionMode: e = "single", disallowEmptySelection: o, isDisabled: i = !1 } = t, [a, r] = M(x(() => t.selectedKeys ? new Set(t.selectedKeys) : void 0, [
+    t.selectedKeys
+  ]), x(() => t.defaultSelectedKeys ? new Set(t.defaultSelectedKeys) : /* @__PURE__ */ new Set(), [
+    t.defaultSelectedKeys
+  ]), t.onSelectionChange);
+  return {
+    selectionMode: e,
+    isDisabled: i,
+    selectedKeys: a,
+    setSelectedKeys: r,
+    toggleKey(n) {
+      let d;
+      e === "multiple" ? (d = new Set(a), d.has(n) && (!o || d.size > 1) ? d.delete(n) : d.add(n)) : d = new Set(a.has(n) && !o ? [] : [
+        n
+      ]), r(d);
+    },
+    setSelected(n, d) {
+      d !== a.has(n) && this.toggleKey(n);
+    }
+  };
+}
+const O = /* @__PURE__ */ v({}), B = /* @__PURE__ */ v(null), Q = /* @__PURE__ */ D(function(e, o) {
+  [e, o] = y(e, o, O);
+  let i = J(e), { groupProps: a } = U(e, i, o), r = h({
+    ...e,
+    values: {
+      isDisabled: i.isDisabled,
+      state: i
+    },
+    defaultClassName: "react-aria-ToggleButtonGroup"
+  });
+  return /* @__PURE__ */ S.createElement("div", {
+    ...a,
+    ...r,
+    ref: o,
+    slot: e.slot || void 0,
+    "data-orientation": e.orientation || "horizontal",
+    "data-disabled": e.isDisabled || void 0
+  }, /* @__PURE__ */ S.createElement(B.Provider, {
+    value: i
+  }, r.children));
+}), X = /* @__PURE__ */ v({}), Y = /* @__PURE__ */ D(function(e, o) {
+  [e, o] = y(e, o, X);
+  let i = F(B), a = k(i && e.id != null ? {
+    isSelected: i.selectedKeys.has(e.id),
+    onChange(f) {
+      i.setSelected(e.id, f);
+    }
+  } : e), { buttonProps: r, isPressed: n, isSelected: d, isDisabled: u } = i && e.id != null ? q({
+    ...e,
+    id: e.id
+  }, i, o) : R({
+    ...e,
+    id: e.id != null ? String(e.id) : void 0
+  }, a, o), { focusProps: c, isFocused: $, isFocusVisible: l } = I(e), { hoverProps: m, isHovered: g } = W(e), s = h({
+    ...e,
+    id: void 0,
+    values: {
+      isHovered: g,
+      isPressed: n,
+      isFocused: $,
+      isSelected: a.isSelected,
+      isFocusVisible: l,
+      isDisabled: u,
+      state: a
+    },
+    defaultClassName: "react-aria-ToggleButton"
+  });
+  return /* @__PURE__ */ S.createElement("button", {
+    ...T(r, c, m),
+    ...s,
+    ref: o,
+    slot: e.slot || void 0,
+    "data-focused": $ || void 0,
+    "data-disabled": u || void 0,
+    "data-pressed": n || void 0,
+    "data-selected": d || void 0,
+    "data-hovered": g || void 0,
+    "data-focus-visible": l || void 0
+  });
+}), Z = /* @__PURE__ */ C({
+  slots: ["root", "button"],
+  // Unique class name prefix for the component
+  className: "nimbus-toggle-button-group",
+  // Base styles applied to all instances of the component
+  base: {
+    root: {
+      display: "inline-flex"
+    },
+    button: {
+      // Base style is the same as our Button
+      ...b.base,
+      // Default style is outlined
+      .../* @__PURE__ */ (() => {
+        var t;
+        return (t = b.variants) == null ? void 0 : t.variant.outline;
+      })(),
+      // Create overrides for custom ToggleButtonGroup styles
+      borderRadius: "0",
+      borderRightWidth: "0",
+      "&:first-of-type": {
+        borderLeftRadius: "200"
+      },
+      "&:last-of-type": {
+        borderRightWidth: "1px",
+        borderRightRadius: "200"
+      },
+      // When selected, the button is styled like a solid button
+      "&[data-selected=true]": /* @__PURE__ */ (() => {
+        var t;
+        return (t = b.variants) == null ? void 0 : t.variant.solid;
+      })()
+    }
+  },
+  variants: {
+    size: {
+      xs: {
+        button: /* @__PURE__ */ (() => {
+          var t;
+          return (t = b.variants) == null ? void 0 : t.size.xs;
+        })()
+      },
+      md: {
+        button: /* @__PURE__ */ (() => {
+          var t;
+          return (t = b.variants) == null ? void 0 : t.size.md;
+        })()
+      }
+    },
+    tone: {
+      primary: {
+        button: { colorPalette: "primary" }
+      },
+      critical: {
+        button: { colorPalette: "critical" }
+      },
+      neutral: {
+        button: { colorPalette: "neutral" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), { withContext: ee, withProvider: te } = /* @__PURE__ */ z({
+  recipe: Z
+}), oe = /* @__PURE__ */ te(Q, "root"), ie = /* @__PURE__ */ ee(
+  Y,
+  "button"
+), K = (t) => {
+  const { ref: e, children: o, ...i } = t;
+  return /* @__PURE__ */ p(oe, { ref: e, ...i, children: o });
+};
+K.displayName = "ToggleButtonGroup.Root";
+const w = (t) => {
+  const { ref: e, children: o, ...i } = t;
+  return /* @__PURE__ */ p(ie, { ...i, ref: e, children: o });
+};
+w.displayName = "ToggleButtonGroup.Button";
+const Se = {
+  Root: K,
+  Button: w
+};
+export {
+  Se as T,
+  K as a,
+  w as b
+};
+//# sourceMappingURL=toggle-button-group-bjkXTCxu.js.map