@atom-learning/components 6.4.1 → 6.5.0

package/dist/components/section-message/SectionMessageIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMessageIcon.js","sources":["../../../src/components/section-message/SectionMessageIcon.tsx"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport React, { useEffect } from 'react'\n\nimport { Icon } from '../icon/Icon'\nimport { useSectionMessageContext } from './SectionMessageContext'\n\nconst themeIcons = {\n  success: OkCircle,\n  warning: Danger,\n  error: Error,\n  neutral: Info,\n  info: Info\n}\n\ntype SectionMessageIconProps = Partial<React.ComponentProps<typeof Icon>>\n\nexport const SectionMessageIcon = ({\n  className,\n  is,\n  ...rest\n}: SectionMessageIconProps): JSX.Element => {\n  const { theme, setHasIcon } = useSectionMessageContext()\n\n  useEffect(() => {\n    setHasIcon(true)\n    return () => setHasIcon(false)\n  }, [setHasIcon])\n\n  return (\n    <Icon\n      is={is || themeIcons[theme]}\n      size=\"sm\"\n      {...rest}\n      className={clsx(\n        'm-auto',\n        'absolute',\n        'left-4',\n        'top-4',\n        'text-current',\n        className\n      )}\n    />\n  )\n}\n"],"names":["themeIcons","OkCircle","Danger","Error","Info","SectionMessageIcon","className","is","rest","theme","setHasIcon","useSectionMessageContext","useEffect","React","Icon","clsx"],"mappings":"uPAOA,MAAMA,EAAa,CACjB,QAASC,EACT,QAASC,EACT,MAAOC,EACP,QAASC,EACT,KAAMA,CACR,EAIaC,EAAqB,CAAC,CACjC,UAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAW,EAAIC,EAAyB,EAEvD,OAAAC,EAAU,KACRF,EAAW,EAAI,EACR,IAAMA,EAAW,EAAK,GAC5B,CAACA,CAAU,CAAC,EAGbG,EAAA,cAACC,EAAA,CACC,GAAIP,GAAMP,EAAWS,CAAK,EAC1B,KAAK,KACJ,GAAGD,EACJ,UAAWO,EACT,SACA,WACA,SACA,QACA,eACAT,CACF,CAAA,CACF,CAEJ"}
+{"version":3,"file":"SectionMessageIcon.js","names":[],"sources":["../../../src/components/section-message/SectionMessageIcon.tsx"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport React, { useEffect } from 'react'\n\nimport { Icon } from '../icon/Icon'\nimport { useSectionMessageContext } from './SectionMessageContext'\n\nconst themeIcons = {\n  success: OkCircle,\n  warning: Danger,\n  error: Error,\n  neutral: Info,\n  info: Info\n}\n\ntype SectionMessageIconProps = Partial<React.ComponentProps<typeof Icon>>\n\nexport const SectionMessageIcon = ({\n  className,\n  is,\n  ...rest\n}: SectionMessageIconProps): JSX.Element => {\n  const { theme, setHasIcon } = useSectionMessageContext()\n\n  useEffect(() => {\n    setHasIcon(true)\n    return () => setHasIcon(false)\n  }, [setHasIcon])\n\n  return (\n    <Icon\n      is={is || themeIcons[theme]}\n      size=\"sm\"\n      {...rest}\n      className={clsx(\n        'm-auto',\n        'absolute',\n        'left-4',\n        'top-4',\n        'text-current',\n        className\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAa;CACjB,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,MAAM;CACP,EAIY,KAAsB,EACjC,cACA,OACA,GAAG,QACuC;CAC1C,IAAM,EAAE,UAAO,kBAAe,GAA0B;AAOxD,QALA,SACE,EAAW,GAAK,QACH,EAAW,GAAM,GAC7B,CAAC,EAAW,CAAC,EAGd,kBAAA,cAAC,GAAD;EACE,IAAI,KAAM,EAAW;EACrB,MAAK;EACL,GAAI;EACJ,WAAW,EACT,UACA,YACA,UACA,SACA,gBACA,EACD;EACD,CAAA"}

package/dist/components/section-message/SectionMessageLayout.js

@@ -1,2 +1,17 @@
-import s from"clsx";import e from"react";import{styled as l}from"../../styled.js";const m=l("div",{base:["max-w-full","shrink-0","pt-0.5","*:not-last:mb-2"]}),o=({className:t,...a})=>e.createElement("div",{className:s("max-w-full","shrink-0",t)},e.createElement("div",{className:"flex flex-wrap gap-3",...a}));export{o as SectionMessageActions,m as SectionMessageContent};
-//# sourceMappingURL=SectionMessageLayout.js.map
+import { styled as e } from "../../styled.js";
+import t from "clsx";
+import n from "react";
+//#region src/components/section-message/SectionMessageLayout.tsx
+var r = e("div", { base: [
+	"max-w-full",
+	"shrink-0",
+	"pt-0.5",
+	"*:not-last:mb-2"
+] }), i = ({ className: e, ...r }) => /* @__PURE__ */ n.createElement("div", { className: t("max-w-full", "shrink-0", e) }, /* @__PURE__ */ n.createElement("div", {
+	className: "flex flex-wrap gap-3",
+	...r
+}));
+//#endregion
+export { i as SectionMessageActions, r as SectionMessageContent };
+
+//# sourceMappingURL=SectionMessageLayout.js.map

package/dist/components/section-message/SectionMessageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMessageLayout.js","sources":["../../../src/components/section-message/SectionMessageLayout.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const SectionMessageContent = styled('div', {\n  base: ['max-w-full', 'shrink-0', 'pt-0.5', '*:not-last:mb-2']\n})\n\nexport const SectionMessageActions = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div className={clsx('max-w-full', 'shrink-0', className)}>\n    <div className=\"flex flex-wrap gap-3\" {...rest} />\n  </div>\n)\n"],"names":["SectionMessageContent","styled","SectionMessageActions","className","rest","React","clsx"],"mappings":"kFAKO,MAAMA,EAAwBC,EAAO,MAAO,CACjD,KAAM,CAAC,aAAc,WAAY,SAAU,iBAAiB,CAC9D,CAAC,EAEYC,EAAwB,CAAC,CACpC,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAAC,MAAA,CAAI,UAAWC,EAAK,aAAc,WAAYH,CAAS,GACtDE,EAAA,cAAC,OAAI,UAAU,uBAAwB,GAAGD,CAAAA,CAAM,CAClD"}
+{"version":3,"file":"SectionMessageLayout.js","names":[],"sources":["../../../src/components/section-message/SectionMessageLayout.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const SectionMessageContent = styled('div', {\n  base: ['max-w-full', 'shrink-0', 'pt-0.5', '*:not-last:mb-2']\n})\n\nexport const SectionMessageActions = ({\n  className,\n  ...rest\n}: React.ComponentProps<'div'>) => (\n  <div className={clsx('max-w-full', 'shrink-0', className)}>\n    <div className=\"flex flex-wrap gap-3\" {...rest} />\n  </div>\n)\n"],"mappings":";;;;AAKA,IAAa,IAAwB,EAAO,OAAO,EACjD,MAAM;CAAC;CAAc;CAAY;CAAU;CAAkB,EAC9D,CAAC,EAEW,KAAyB,EACpC,cACA,GAAG,QAEH,kBAAA,cAAC,OAAD,EAAK,WAAW,EAAK,cAAc,YAAY,EAAU,EAEnD,EADJ,kBAAA,cAAC,OAAD;CAAK,WAAU;CAAuB,GAAI;CAAQ,CAAA,CAC9C"}

package/dist/components/section-message/SectionMessageTitle.js

@@ -1,2 +1,12 @@
-import t from"react";import{Text as o}from"../text/Text.js";const i=e=>t.createElement(o,{size:"md",weight:"bold",...e});export{i as SectionMessageTitle};
-//# sourceMappingURL=SectionMessageTitle.js.map
+import { Text as e } from "../text/Text.js";
+import t from "react";
+//#region src/components/section-message/SectionMessageTitle.tsx
+var n = (n) => /* @__PURE__ */ t.createElement(e, {
+	size: "md",
+	weight: "bold",
+	...n
+});
+//#endregion
+export { n as SectionMessageTitle };
+
+//# sourceMappingURL=SectionMessageTitle.js.map

package/dist/components/section-message/SectionMessageTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionMessageTitle.js","sources":["../../../src/components/section-message/SectionMessageTitle.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '../text/Text'\n\nexport const SectionMessageTitle = (\n  props: React.ComponentProps<typeof Text>\n): JSX.Element => <Text size=\"md\" weight=\"bold\" {...props} />\n"],"names":["SectionMessageTitle","props","React","Text"],"mappings":"kEAIaA,EACXC,GACgBC,EAAA,cAACC,EAAA,CAAK,KAAK,KAAK,OAAO,OAAQ,GAAGF,CAAO,CAAA"}
+{"version":3,"file":"SectionMessageTitle.js","names":[],"sources":["../../../src/components/section-message/SectionMessageTitle.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '../text/Text'\n\nexport const SectionMessageTitle = (\n  props: React.ComponentProps<typeof Text>\n): JSX.Element => <Text size=\"md\" weight=\"bold\" {...props} />\n"],"mappings":";;;AAIA,IAAa,KACX,MACgB,kBAAA,cAAC,GAAD;CAAM,MAAK;CAAK,QAAO;CAAO,GAAI;CAAS,CAAA"}

package/dist/components/segmented-control/SegmentedControl.js

@@ -1,2 +1,23 @@
-import{SegmentedControlBadge as o}from"./SegmentedControlBadge.js";import{SegmentedControlContent as t}from"./SegmentedControlContent.js";import{SegmentedControlDescription as e}from"./SegmentedControlDescription.js";import{SegmentedControlHeading as m}from"./SegmentedControlHeading.js";import{SegmentedControlIcon as n}from"./SegmentedControlIcon.js";import{SegmentedControlItem as r}from"./SegmentedControlItem.js";import{SegmentedControlItemList as i}from"./SegmentedControlItemList.js";import{SegmentedControlRoot as d}from"./SegmentedControlRoot.js";const g={Root:d,Item:r,Heading:m,Description:e,Icon:n,Content:t,Badge:o,ItemList:i};export{g as SegmentedControl};
-//# sourceMappingURL=SegmentedControl.js.map
+import { SegmentedControlBadge as e } from "./SegmentedControlBadge.js";
+import { SegmentedControlContent as t } from "./SegmentedControlContent.js";
+import { SegmentedControlDescription as n } from "./SegmentedControlDescription.js";
+import { SegmentedControlHeading as r } from "./SegmentedControlHeading.js";
+import { SegmentedControlIcon as i } from "./SegmentedControlIcon.js";
+import { SegmentedControlItem as a } from "./SegmentedControlItem.js";
+import { SegmentedControlItemList as o } from "./SegmentedControlItemList.js";
+import { SegmentedControlRoot as s } from "./SegmentedControlRoot.js";
+//#region src/components/segmented-control/SegmentedControl.tsx
+var c = {
+	Root: s,
+	Item: a,
+	Heading: r,
+	Description: n,
+	Icon: i,
+	Content: t,
+	Badge: e,
+	ItemList: o
+};
+//#endregion
+export { c as SegmentedControl };
+
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/segmented-control/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import { SegmentedControlBadge } from './SegmentedControlBadge'\nimport { SegmentedControlContent } from './SegmentedControlContent'\nimport { SegmentedControlDescription } from './SegmentedControlDescription'\nimport { SegmentedControlHeading } from './SegmentedControlHeading'\nimport { SegmentedControlIcon } from './SegmentedControlIcon'\nimport { SegmentedControlItem } from './SegmentedControlItem'\nimport { SegmentedControlItemList } from './SegmentedControlItemList'\nimport { SegmentedControlRoot } from './SegmentedControlRoot'\n\nexport const SegmentedControl = {\n  Root: SegmentedControlRoot,\n  Item: SegmentedControlItem,\n  Heading: SegmentedControlHeading,\n  Description: SegmentedControlDescription,\n  Icon: SegmentedControlIcon,\n  Content: SegmentedControlContent,\n  Badge: SegmentedControlBadge,\n  ItemList: SegmentedControlItemList\n}\n"],"names":["SegmentedControl","SegmentedControlRoot","SegmentedControlItem","SegmentedControlHeading","SegmentedControlDescription","SegmentedControlIcon","SegmentedControlContent","SegmentedControlBadge","SegmentedControlItemList"],"mappings":"4iBASa,MAAAA,EAAmB,CAC9B,KAAMC,EACN,KAAMC,EACN,QAASC,EACT,YAAaC,EACb,KAAMC,EACN,QAASC,EACT,MAAOC,EACP,SAAUC,CACZ"}
+{"version":3,"file":"SegmentedControl.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import { SegmentedControlBadge } from './SegmentedControlBadge'\nimport { SegmentedControlContent } from './SegmentedControlContent'\nimport { SegmentedControlDescription } from './SegmentedControlDescription'\nimport { SegmentedControlHeading } from './SegmentedControlHeading'\nimport { SegmentedControlIcon } from './SegmentedControlIcon'\nimport { SegmentedControlItem } from './SegmentedControlItem'\nimport { SegmentedControlItemList } from './SegmentedControlItemList'\nimport { SegmentedControlRoot } from './SegmentedControlRoot'\n\nexport const SegmentedControl = {\n  Root: SegmentedControlRoot,\n  Item: SegmentedControlItem,\n  Heading: SegmentedControlHeading,\n  Description: SegmentedControlDescription,\n  Icon: SegmentedControlIcon,\n  Content: SegmentedControlContent,\n  Badge: SegmentedControlBadge,\n  ItemList: SegmentedControlItemList\n}\n"],"mappings":";;;;;;;;;AASA,IAAa,IAAmB;CAC9B,MAAM;CACN,MAAM;CACN,SAAS;CACT,aAAa;CACb,MAAM;CACN,SAAS;CACT,OAAO;CACP,UAAU;CACX"}

package/dist/components/segmented-control/SegmentedControlBadge.js

@@ -1,2 +1,21 @@
-import r from"clsx";import*as e from"react";import{Badge as n}from"../badge/Badge.js";import{SegmentedControlContext as s}from"./SegmentedControlContext.js";const a={sm:"xs",md:"xs",lg:"sm"},l=({className:o,...t})=>{const{size:m}=e.useContext(s);return e.createElement(n,{...t,size:a[m],className:r("border-none",o,"font-normal")})};export{l as SegmentedControlBadge};
-//# sourceMappingURL=SegmentedControlBadge.js.map
+import { Badge as e } from "../badge/Badge.js";
+import { SegmentedControlContext as t } from "./SegmentedControlContext.js";
+import n from "clsx";
+import * as r from "react";
+//#region src/components/segmented-control/SegmentedControlBadge.tsx
+var i = {
+	sm: "xs",
+	md: "xs",
+	lg: "sm"
+}, a = ({ className: a, ...o }) => {
+	let { size: s } = r.useContext(t);
+	return /* @__PURE__ */ r.createElement(e, {
+		...o,
+		size: i[s],
+		className: n("border-none", a, "font-normal")
+	});
+};
+//#endregion
+export { a as SegmentedControlBadge };
+
+//# sourceMappingURL=SegmentedControlBadge.js.map

package/dist/components/segmented-control/SegmentedControlBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlBadge.js","sources":["../../../src/components/segmented-control/SegmentedControlBadge.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Badge } from '../badge/Badge'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst badgeSizeMap = {\n  sm: 'xs',\n  md: 'xs',\n  lg: 'sm'\n}\n\nexport const SegmentedControlBadge = ({\n  className,\n  ...props\n}: Omit<React.ComponentProps<typeof Badge>, 'size'>): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return (\n    <Badge\n      {...props}\n      size={badgeSizeMap[size as string]}\n      className={clsx('border-none', className, 'font-normal')}\n    />\n  )\n}\n"],"names":["badgeSizeMap","SegmentedControlBadge","className","props","size","React","SegmentedControlContext","Badge","clsx"],"mappings":"6JAMA,MAAMA,EAAe,CACnB,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAwB,CAAC,CACpC,UAAAC,EACA,GAAGC,CACL,IAAqE,CACnE,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAuB,EAEzD,OACED,EAAA,cAACE,EAAA,CACE,GAAGJ,EACJ,KAAMH,EAAaI,CAAc,EACjC,UAAWI,EAAK,cAAeN,EAAW,aAAa,CAAA,CACzD,CAEJ"}
+{"version":3,"file":"SegmentedControlBadge.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlBadge.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Badge } from '../badge/Badge'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst badgeSizeMap = {\n  sm: 'xs',\n  md: 'xs',\n  lg: 'sm'\n}\n\nexport const SegmentedControlBadge = ({\n  className,\n  ...props\n}: Omit<React.ComponentProps<typeof Badge>, 'size'>): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return (\n    <Badge\n      {...props}\n      size={badgeSizeMap[size as string]}\n      className={clsx('border-none', className, 'font-normal')}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,KAAyB,EACpC,cACA,GAAG,QACgE;CACnE,IAAM,EAAE,YAAS,EAAM,WAAW,EAAwB;AAE1D,QACE,kBAAA,cAAC,GAAD;EACE,GAAI;EACJ,MAAM,EAAa;EACnB,WAAW,EAAK,eAAe,GAAW,cAAc;EACxD,CAAA"}

package/dist/components/segmented-control/SegmentedControlContent.js

@@ -1,2 +1,7 @@
-import{Tabs as t}from"../tabs/Tabs.js";const o=t.Content;export{o as SegmentedControlContent};
-//# sourceMappingURL=SegmentedControlContent.js.map
+import { Tabs as e } from "../tabs/Tabs.js";
+//#region src/components/segmented-control/SegmentedControlContent.tsx
+var t = e.Content;
+//#endregion
+export { t as SegmentedControlContent };
+
+//# sourceMappingURL=SegmentedControlContent.js.map

package/dist/components/segmented-control/SegmentedControlContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlContent.js","sources":["../../../src/components/segmented-control/SegmentedControlContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tabs } from '../tabs/Tabs'\n\nexport const SegmentedControlContent = Tabs.Content\n"],"names":["SegmentedControlContent","Tabs"],"mappings":"uCAIO,MAAMA,EAA0BC,EAAK"}
+{"version":3,"file":"SegmentedControlContent.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tabs } from '../tabs/Tabs'\n\nexport const SegmentedControlContent = Tabs.Content\n"],"mappings":";;AAIA,IAAa,IAA0B,EAAK"}

package/dist/components/segmented-control/SegmentedControlContext.js

@@ -1,2 +1,13 @@
-import*as e from"react";const t=e.createContext({size:"md",theme:"primary",defaultValue:"",value:"",onValueChange:()=>null});export{t as SegmentedControlContext};
-//# sourceMappingURL=SegmentedControlContext.js.map
+import * as e from "react";
+//#region src/components/segmented-control/SegmentedControlContext.tsx
+var t = e.createContext({
+	size: "md",
+	theme: "primary",
+	defaultValue: "",
+	value: "",
+	onValueChange: () => null
+});
+//#endregion
+export { t as SegmentedControlContext };
+
+//# sourceMappingURL=SegmentedControlContext.js.map

package/dist/components/segmented-control/SegmentedControlContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlContext.js","sources":["../../../src/components/segmented-control/SegmentedControlContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tabs } from '../tabs/Tabs'\nimport type { SegmentedControlTheme } from './SegmentedControl.types'\nimport type { SegmentedControlRootProps } from './SegmentedControlRoot'\n\nexport interface SegmentedControlContextValue extends Pick<\n  React.ComponentProps<typeof Tabs>,\n  'defaultValue' | 'value' | 'onValueChange'\n> {\n  size: SegmentedControlRootProps['size']\n  theme: SegmentedControlTheme\n}\n\nexport const SegmentedControlContext =\n  React.createContext<SegmentedControlContextValue>({\n    size: 'md',\n    theme: 'primary',\n    defaultValue: '',\n    value: '',\n    onValueChange: () => null\n  })\n"],"names":["SegmentedControlContext","React"],"mappings":"wBAcO,MAAMA,EACXC,EAAM,cAA4C,CAChD,KAAM,KACN,MAAO,UACP,aAAc,GACd,MAAO,GACP,cAAe,IAAM,IACvB,CAAC"}
+{"version":3,"file":"SegmentedControlContext.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tabs } from '../tabs/Tabs'\nimport type { SegmentedControlTheme } from './SegmentedControl.types'\nimport type { SegmentedControlRootProps } from './SegmentedControlRoot'\n\nexport interface SegmentedControlContextValue extends Pick<\n  React.ComponentProps<typeof Tabs>,\n  'defaultValue' | 'value' | 'onValueChange'\n> {\n  size: SegmentedControlRootProps['size']\n  theme: SegmentedControlTheme\n}\n\nexport const SegmentedControlContext =\n  React.createContext<SegmentedControlContextValue>({\n    size: 'md',\n    theme: 'primary',\n    defaultValue: '',\n    value: '',\n    onValueChange: () => null\n  })\n"],"mappings":";;AAcA,IAAa,IACX,EAAM,cAA4C;CAChD,MAAM;CACN,OAAO;CACP,cAAc;CACd,OAAO;CACP,qBAAqB;CACtB,CAAC"}

package/dist/components/segmented-control/SegmentedControlDescription.js

@@ -1,2 +1,27 @@
-import*as t from"react";import{styled as n}from"../../styled.js";import{Text as r}from"../text/Text.js";import{SegmentedControlContext as s}from"./SegmentedControlContext.js";const m=n(r,{base:["font-body","text-text-subtle","font-normal"],variants:{size:{sm:["text-xs","leading-[1.6]"],md:["text-sm","leading-[1.53]"],lg:["text-md","leading-normal"]}}},{enabledResponsiveVariants:!0}),i=e=>{const{size:o}=t.useContext(s);return t.createElement(m,{...e,size:o})};export{i as SegmentedControlDescription};
-//# sourceMappingURL=SegmentedControlDescription.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { SegmentedControlContext as n } from "./SegmentedControlContext.js";
+import * as r from "react";
+//#region src/components/segmented-control/SegmentedControlDescription.tsx
+var i = e(t, {
+	base: [
+		"font-body",
+		"text-text-subtle",
+		"font-normal"
+	],
+	variants: { size: {
+		sm: ["text-xs", "leading-[1.6]"],
+		md: ["text-sm", "leading-[1.53]"],
+		lg: ["text-md", "leading-normal"]
+	} }
+}, { enabledResponsiveVariants: !0 }), a = (e) => {
+	let { size: t } = r.useContext(n);
+	return /* @__PURE__ */ r.createElement(i, {
+		...e,
+		size: t
+	});
+};
+//#endregion
+export { a as SegmentedControlDescription };
+
+//# sourceMappingURL=SegmentedControlDescription.js.map

package/dist/components/segmented-control/SegmentedControlDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlDescription.js","sources":["../../../src/components/segmented-control/SegmentedControlDescription.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['font-body', 'text-text-subtle', 'font-normal'],\n    variants: {\n      size: {\n        sm: ['text-xs', 'leading-[1.6]'],\n        md: ['text-sm', 'leading-[1.53]'],\n        lg: ['text-md', 'leading-normal']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const SegmentedControlDescription = (\n  props: Omit<React.ComponentProps<typeof StyledText>, 'size'>\n): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return <StyledText {...props} size={size} />\n}\n"],"names":["StyledText","styled","Text","SegmentedControlDescription","props","size","React","SegmentedControlContext"],"mappings":"+KAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CAAC,YAAa,mBAAoB,aAAa,EACrD,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,eAAe,EAC/B,GAAI,CAAC,UAAW,gBAAgB,EAChC,GAAI,CAAC,UAAW,gBAAgB,CAClC,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEaC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAuB,EAEzD,OAAOD,EAAA,cAACN,EAAA,CAAY,GAAGI,EAAO,KAAMC,EAAM,CAC5C"}
+{"version":3,"file":"SegmentedControlDescription.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlDescription.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['font-body', 'text-text-subtle', 'font-normal'],\n    variants: {\n      size: {\n        sm: ['text-xs', 'leading-[1.6]'],\n        md: ['text-sm', 'leading-[1.53]'],\n        lg: ['text-md', 'leading-normal']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const SegmentedControlDescription = (\n  props: Omit<React.ComponentProps<typeof StyledText>, 'size'>\n): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return <StyledText {...props} size={size} />\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAa,EACjB,GACA;CACE,MAAM;EAAC;EAAa;EAAoB;EAAc;CACtD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW,gBAAgB;EAChC,IAAI,CAAC,WAAW,iBAAiB;EACjC,IAAI,CAAC,WAAW,iBAAiB;EAClC,EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAEY,KACX,MACgB;CAChB,IAAM,EAAE,YAAS,EAAM,WAAW,EAAwB;AAE1D,QAAO,kBAAA,cAAC,GAAD;EAAY,GAAI;EAAa;EAAQ,CAAA"}

package/dist/components/segmented-control/SegmentedControlHeading.js

@@ -1,2 +1,23 @@
-import*as e from"react";import{styled as n}from"../../styled.js";import{Text as r}from"../text/Text.js";import{SegmentedControlContext as m}from"./SegmentedControlContext.js";const s=n(r,{base:["font-body","text-text-regular"],variants:{size:{sm:["text-sm","leading-[1.53]"],md:["text-md","leading-normal"],lg:["text-lg","leading-[1.52]"]}}},{enabledResponsiveVariants:!0}),a=t=>{const{size:o}=e.useContext(m);return e.createElement(s,{...t,size:o})};export{a as SegmentedControlHeading};
-//# sourceMappingURL=SegmentedControlHeading.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { SegmentedControlContext as n } from "./SegmentedControlContext.js";
+import * as r from "react";
+//#region src/components/segmented-control/SegmentedControlHeading.tsx
+var i = e(t, {
+	base: ["font-body", "text-text-regular"],
+	variants: { size: {
+		sm: ["text-sm", "leading-[1.53]"],
+		md: ["text-md", "leading-normal"],
+		lg: ["text-lg", "leading-[1.52]"]
+	} }
+}, { enabledResponsiveVariants: !0 }), a = (e) => {
+	let { size: t } = r.useContext(n);
+	return /* @__PURE__ */ r.createElement(i, {
+		...e,
+		size: t
+	});
+};
+//#endregion
+export { a as SegmentedControlHeading };
+
+//# sourceMappingURL=SegmentedControlHeading.js.map

package/dist/components/segmented-control/SegmentedControlHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlHeading.js","sources":["../../../src/components/segmented-control/SegmentedControlHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledHeading = styled(\n  Text,\n  {\n    base: ['font-body', 'text-text-regular'],\n    variants: {\n      size: {\n        sm: ['text-sm', 'leading-[1.53]'],\n        md: ['text-md', 'leading-normal'],\n        lg: ['text-lg', 'leading-[1.52]']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const SegmentedControlHeading = (\n  props: Omit<React.ComponentProps<typeof StyledHeading>, 'size'>\n): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return <StyledHeading {...props} size={size} />\n}\n"],"names":["StyledHeading","styled","Text","SegmentedControlHeading","props","size","React","SegmentedControlContext"],"mappings":"+KAOA,MAAMA,EAAgBC,EACpBC,EACA,CACE,KAAM,CAAC,YAAa,mBAAmB,EACvC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAgB,EAChC,GAAI,CAAC,UAAW,gBAAgB,EAChC,GAAI,CAAC,UAAW,gBAAgB,CAClC,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEaC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAuB,EAEzD,OAAOD,EAAA,cAACN,EAAA,CAAe,GAAGI,EAAO,KAAMC,EAAM,CAC/C"}
+{"version":3,"file":"SegmentedControlHeading.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledHeading = styled(\n  Text,\n  {\n    base: ['font-body', 'text-text-regular'],\n    variants: {\n      size: {\n        sm: ['text-sm', 'leading-[1.53]'],\n        md: ['text-md', 'leading-normal'],\n        lg: ['text-lg', 'leading-[1.52]']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const SegmentedControlHeading = (\n  props: Omit<React.ComponentProps<typeof StyledHeading>, 'size'>\n): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return <StyledHeading {...props} size={size} />\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAgB,EACpB,GACA;CACE,MAAM,CAAC,aAAa,oBAAoB;CACxC,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW,iBAAiB;EACjC,IAAI,CAAC,WAAW,iBAAiB;EACjC,IAAI,CAAC,WAAW,iBAAiB;EAClC,EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAEY,KACX,MACgB;CAChB,IAAM,EAAE,YAAS,EAAM,WAAW,EAAwB;AAE1D,QAAO,kBAAA,cAAC,GAAD;EAAe,GAAI;EAAa;EAAQ,CAAA"}

package/dist/components/segmented-control/SegmentedControlIcon.js

@@ -1,2 +1,19 @@
-import*as e from"react";import{Icon as m}from"../icon/Icon.js";import{SegmentedControlContext as n}from"./SegmentedControlContext.js";const r={sm:"sm",md:"md",lg:"md"},s=o=>{const{size:t}=e.useContext(n);return e.createElement(m,{...o,size:r[t]})};export{s as SegmentedControlIcon};
-//# sourceMappingURL=SegmentedControlIcon.js.map
+import { Icon as e } from "../icon/Icon.js";
+import { SegmentedControlContext as t } from "./SegmentedControlContext.js";
+import * as n from "react";
+//#region src/components/segmented-control/SegmentedControlIcon.tsx
+var r = {
+	sm: "sm",
+	md: "md",
+	lg: "md"
+}, i = (i) => {
+	let { size: a } = n.useContext(t);
+	return /* @__PURE__ */ n.createElement(e, {
+		...i,
+		size: r[a]
+	});
+};
+//#endregion
+export { i as SegmentedControlIcon };
+
+//# sourceMappingURL=SegmentedControlIcon.js.map

package/dist/components/segmented-control/SegmentedControlIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlIcon.js","sources":["../../../src/components/segmented-control/SegmentedControlIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '../icon/Icon'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst sizeMap = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md'\n}\n\nexport const SegmentedControlIcon = (\n  props: Omit<React.ComponentProps<typeof Icon>, 'size'>\n): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return <Icon {...props} size={sizeMap[size as string]} />\n}\n"],"names":["sizeMap","SegmentedControlIcon","props","size","React","SegmentedControlContext","Icon"],"mappings":"sIAKA,MAAMA,EAAU,CACd,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAuB,EAEzD,OAAOD,EAAA,cAACE,EAAA,CAAM,GAAGJ,EAAO,KAAMF,EAAQG,CAAc,EAAG,CACzD"}
+{"version":3,"file":"SegmentedControlIcon.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '../icon/Icon'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst sizeMap = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md'\n}\n\nexport const SegmentedControlIcon = (\n  props: Omit<React.ComponentProps<typeof Icon>, 'size'>\n): JSX.Element => {\n  const { size } = React.useContext(SegmentedControlContext)\n\n  return <Icon {...props} size={sizeMap[size as string]} />\n}\n"],"mappings":";;;;AAKA,IAAM,IAAU;CACd,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,KACX,MACgB;CAChB,IAAM,EAAE,YAAS,EAAM,WAAW,EAAwB;AAE1D,QAAO,kBAAA,cAAC,GAAD;EAAM,GAAI;EAAO,MAAM,EAAQ;EAAmB,CAAA"}

package/dist/components/segmented-control/SegmentedControlItem.js

@@ -1,2 +1,71 @@
-import{Trigger as n}from"@radix-ui/react-tabs";import*as e from"react";import{styled as d}from"../../styled.js";import{SegmentedControlContext as m}from"./SegmentedControlContext.js";const l=d(n,{base:["relative","rounded-md","z-2","min-w-35","border-2","border-transparent","cursor-pointer","select-none","flex","flex-col","items-center","data-[state=active]:border-2","data-[state=active]:border-transparent","data-[state=active]:focus-visible:border-primary-800","data-[state=active]:focus-visible:shadow-none","data-[state=active]:font-semibold","data-[state=active]:shadow-none","data-[state=active]:text-(--text-bold)","data-[state=inactive]:font-normal","data-[state=inactive]:text-grey-900","disabled:cursor-not-allowed","disabled:opacity-30","focus-visible:outline-none"],variants:{theme:{primary:["data-[state=inactive]:hover:bg-primary-300","focus-visible:border-primary-800"],marsh:["data-[state=inactive]:hover:bg-marsh-300","focus-visible:border-marsh-800"]},size:{sm:["flex-[unset]","gap-2","px-6","py-4"],md:["flex-1","gap-3","px-4","py-6"],lg:["flex-1","gap-4","px-4","py-6"]}}},{enabledResponsiveVariants:!0}),t=e.forwardRef(({children:a,...r},o)=>{const{size:s,theme:i}=e.useContext(m);return e.createElement(l,{...r,theme:i,size:s,ref:o},a)});t.displayName="SegmentedControlItem";export{t as SegmentedControlItem};
-//# sourceMappingURL=SegmentedControlItem.js.map
+import { styled as e } from "../../styled.js";
+import { SegmentedControlContext as t } from "./SegmentedControlContext.js";
+import * as n from "react";
+import { Trigger as r } from "@radix-ui/react-tabs";
+//#region src/components/segmented-control/SegmentedControlItem.tsx
+var i = e(r, {
+	base: [
+		"relative",
+		"rounded-md",
+		"z-2",
+		"min-w-35",
+		"border-2",
+		"border-transparent",
+		"cursor-pointer",
+		"select-none",
+		"flex",
+		"flex-col",
+		"items-center",
+		"data-[state=active]:border-2",
+		"data-[state=active]:border-transparent",
+		"data-[state=active]:focus-visible:border-primary-800",
+		"data-[state=active]:focus-visible:shadow-none",
+		"data-[state=active]:font-semibold",
+		"data-[state=active]:shadow-none",
+		"data-[state=active]:text-(--text-bold)",
+		"data-[state=inactive]:font-normal",
+		"data-[state=inactive]:text-grey-900",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-30",
+		"focus-visible:outline-none"
+	],
+	variants: {
+		theme: {
+			primary: ["data-[state=inactive]:hover:bg-primary-300", "focus-visible:border-primary-800"],
+			marsh: ["data-[state=inactive]:hover:bg-marsh-300", "focus-visible:border-marsh-800"]
+		},
+		size: {
+			sm: [
+				"flex-[unset]",
+				"gap-2",
+				"px-6",
+				"py-4"
+			],
+			md: [
+				"flex-1",
+				"gap-3",
+				"px-4",
+				"py-6"
+			],
+			lg: [
+				"flex-1",
+				"gap-4",
+				"px-4",
+				"py-6"
+			]
+		}
+	}
+}, { enabledResponsiveVariants: !0 }), a = n.forwardRef(({ children: e, ...r }, a) => {
+	let { size: o, theme: s } = n.useContext(t);
+	return /* @__PURE__ */ n.createElement(i, {
+		...r,
+		theme: s,
+		size: o,
+		ref: a
+	}, e);
+});
+a.displayName = "SegmentedControlItem";
+//#endregion
+export { a as SegmentedControlItem };
+
+//# sourceMappingURL=SegmentedControlItem.js.map

package/dist/components/segmented-control/SegmentedControlItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlItem.js","sources":["../../../src/components/segmented-control/SegmentedControlItem.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledItem = styled(\n  Trigger,\n  {\n    base: [\n      'relative',\n      'rounded-md',\n      'z-2',\n      'min-w-35',\n      'border-2',\n      'border-transparent',\n      'cursor-pointer',\n      'select-none',\n      'flex',\n      'flex-col',\n      'items-center',\n      'data-[state=active]:border-2',\n      'data-[state=active]:border-transparent',\n      'data-[state=active]:focus-visible:border-primary-800',\n      'data-[state=active]:focus-visible:shadow-none',\n      'data-[state=active]:font-semibold',\n      'data-[state=active]:shadow-none',\n      'data-[state=active]:text-(--text-bold)',\n      'data-[state=inactive]:font-normal',\n      'data-[state=inactive]:text-grey-900',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'focus-visible:outline-none'\n    ],\n    variants: {\n      theme: {\n        primary: [\n          'data-[state=inactive]:hover:bg-primary-300',\n          'focus-visible:border-primary-800'\n        ],\n        marsh: [\n          'data-[state=inactive]:hover:bg-marsh-300',\n          'focus-visible:border-marsh-800'\n        ]\n      },\n      size: {\n        sm: ['flex-[unset]', 'gap-2', 'px-6', 'py-4'],\n        md: ['flex-1', 'gap-3', 'px-4', 'py-6'],\n        lg: ['flex-1', 'gap-4', 'px-4', 'py-6']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const SegmentedControlItem = React.forwardRef<\n  HTMLButtonElement,\n  Omit<React.ComponentProps<typeof StyledItem>, 'size'>\n>(({ children, ...props }, ref) => {\n  const { size, theme } = React.useContext(SegmentedControlContext)\n\n  return (\n    <StyledItem {...props} theme={theme} size={size} ref={ref}>\n      {children}\n    </StyledItem>\n  )\n})\n\nSegmentedControlItem.displayName = 'SegmentedControlItem'\n"],"names":["StyledItem","styled","Trigger","SegmentedControlItem","React","children","props","ref","size","theme","SegmentedControlContext"],"mappings":"uLAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CACJ,WACA,aACA,MACA,WACA,WACA,qBACA,iBACA,cACA,OACA,WACA,eACA,+BACA,yCACA,uDACA,gDACA,oCACA,kCACA,yCACA,oCACA,sCACA,8BACA,sBACA,4BACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,6CACA,kCACF,EACA,MAAO,CACL,2CACA,gCACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,eAAgB,QAAS,OAAQ,MAAM,EAC5C,GAAI,CAAC,SAAU,QAAS,OAAQ,MAAM,EACtC,GAAI,CAAC,SAAU,QAAS,OAAQ,MAAM,CACxC,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEaC,EAAuBC,EAAM,WAGxC,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CACjC,KAAM,CAAE,KAAAC,EAAM,MAAAC,CAAM,EAAIL,EAAM,WAAWM,CAAuB,EAEhE,OACEN,EAAA,cAACJ,EAAA,CAAY,GAAGM,EAAO,MAAOG,EAAO,KAAMD,EAAM,IAAKD,CAAAA,EACnDF,CACH,CAEJ,CAAC,EAEDF,EAAqB,YAAc"}
+{"version":3,"file":"SegmentedControlItem.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlItem.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledItem = styled(\n  Trigger,\n  {\n    base: [\n      'relative',\n      'rounded-md',\n      'z-2',\n      'min-w-35',\n      'border-2',\n      'border-transparent',\n      'cursor-pointer',\n      'select-none',\n      'flex',\n      'flex-col',\n      'items-center',\n      'data-[state=active]:border-2',\n      'data-[state=active]:border-transparent',\n      'data-[state=active]:focus-visible:border-primary-800',\n      'data-[state=active]:focus-visible:shadow-none',\n      'data-[state=active]:font-semibold',\n      'data-[state=active]:shadow-none',\n      'data-[state=active]:text-(--text-bold)',\n      'data-[state=inactive]:font-normal',\n      'data-[state=inactive]:text-grey-900',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'focus-visible:outline-none'\n    ],\n    variants: {\n      theme: {\n        primary: [\n          'data-[state=inactive]:hover:bg-primary-300',\n          'focus-visible:border-primary-800'\n        ],\n        marsh: [\n          'data-[state=inactive]:hover:bg-marsh-300',\n          'focus-visible:border-marsh-800'\n        ]\n      },\n      size: {\n        sm: ['flex-[unset]', 'gap-2', 'px-6', 'py-4'],\n        md: ['flex-1', 'gap-3', 'px-4', 'py-6'],\n        lg: ['flex-1', 'gap-4', 'px-4', 'py-6']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const SegmentedControlItem = React.forwardRef<\n  HTMLButtonElement,\n  Omit<React.ComponentProps<typeof StyledItem>, 'size'>\n>(({ children, ...props }, ref) => {\n  const { size, theme } = React.useContext(SegmentedControlContext)\n\n  return (\n    <StyledItem {...props} theme={theme} size={size} ref={ref}>\n      {children}\n    </StyledItem>\n  )\n})\n\nSegmentedControlItem.displayName = 'SegmentedControlItem'\n"],"mappings":";;;;;AAOA,IAAM,IAAa,EACjB,GACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,OAAO;GACL,SAAS,CACP,8CACA,mCACD;GACD,OAAO,CACL,4CACA,iCACD;GACF;EACD,MAAM;GACJ,IAAI;IAAC;IAAgB;IAAS;IAAQ;IAAO;GAC7C,IAAI;IAAC;IAAU;IAAS;IAAQ;IAAO;GACvC,IAAI;IAAC;IAAU;IAAS;IAAQ;IAAO;GACxC;EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAEY,IAAuB,EAAM,YAGvC,EAAE,aAAU,GAAG,KAAS,MAAQ;CACjC,IAAM,EAAE,SAAM,aAAU,EAAM,WAAW,EAAwB;AAEjE,QACE,kBAAA,cAAC,GAAD;EAAY,GAAI;EAAc;EAAa;EAAW;EAEzC,EADV,EACU;EAEf;AAEF,EAAqB,cAAc"}

package/dist/components/segmented-control/SegmentedControlItemList.js

@@ -1,2 +1,81 @@
-import*as t from"react";import{styled as l}from"../../styled.js";import{Tabs as p}from"../tabs/Tabs.js";import{SegmentedControlContext as g}from"./SegmentedControlContext.js";const b=l(p.TriggerList,{base:["relative","p-1","rounded-lg","overflow-hidden","[&>div[role=tablist]]:relative","[&>button]:z-2"],variants:{theme:{primary:["bg-primary-200"],marsh:["bg-marsh-200"]}}}),C=l("div",{base:["absolute","bg-white","rounded-md"],variants:{interacted:{true:["duration-300","ease-in","transition-all"],false:["transition-none"]}}}),w=s=>{const{theme:d,defaultValue:u,value:c}=t.useContext(g),a=t.useRef([]),i=t.Children.toArray(s.children).findIndex(e=>(e==null?void 0:e.props.value)===c),[m,h]=t.useState({left:0,height:0,width:0}),[f,v]=t.useState(!1),n=t.useCallback(()=>{const e=a.current[i];if(!e)return;const{width:o,height:r}=e.getBoundingClientRect();h({left:Math.round(e.offsetLeft),height:Math.round(r),width:Math.round(o)})},[i]);return t.useEffect(()=>{const e=new ResizeObserver(n),o=a.current;return o.forEach(r=>{r&&e.observe(r)}),()=>{o.forEach(r=>{r&&e.unobserve(r)}),e.disconnect()}},[i,n]),t.useEffect(()=>(window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]),t.useEffect(()=>{n()},[i,n]),t.createElement(b,{theme:d,defaultValue:u,...s},t.createElement(C,{interacted:f,style:m}),t.Children.map(s.children,(e,o)=>{if(!t.isValidElement(e))throw new Error("Child passed to SegmentedControlItemList is not a valid element");return t.cloneElement(e,{onClick:r=>{v(!0),e.props.onClick&&e.props.onClick(r)},ref:r=>a.current[o]=r})}))};export{w as SegmentedControlItemList};
-//# sourceMappingURL=SegmentedControlItemList.js.map
+import { styled as e } from "../../styled.js";
+import { Tabs as t } from "../tabs/Tabs.js";
+import { SegmentedControlContext as n } from "./SegmentedControlContext.js";
+import * as r from "react";
+//#region src/components/segmented-control/SegmentedControlItemList.tsx
+var i = e(t.TriggerList, {
+	base: [
+		"relative",
+		"p-1",
+		"rounded-lg",
+		"overflow-hidden",
+		"[&>div[role=tablist]]:relative",
+		"[&>button]:z-2"
+	],
+	variants: { theme: {
+		primary: ["bg-primary-200"],
+		marsh: ["bg-marsh-200"]
+	} }
+}), a = e("div", {
+	base: [
+		"absolute",
+		"bg-white",
+		"rounded-md"
+	],
+	variants: { interacted: {
+		true: [
+			"duration-300",
+			"ease-in",
+			"transition-all"
+		],
+		false: ["transition-none"]
+	} }
+}), o = (e) => {
+	let { theme: t, defaultValue: o, value: s } = r.useContext(n), c = r.useRef([]), l = r.Children.toArray(e.children).findIndex((e) => e?.props.value === s), [u, d] = r.useState({
+		left: 0,
+		height: 0,
+		width: 0
+	}), [f, p] = r.useState(!1), m = r.useCallback(() => {
+		let e = c.current[l];
+		if (!e) return;
+		let { width: t, height: n } = e.getBoundingClientRect();
+		d({
+			left: Math.round(e.offsetLeft),
+			height: Math.round(n),
+			width: Math.round(t)
+		});
+	}, [l]);
+	return r.useEffect(() => {
+		let e = new ResizeObserver(m), t = c.current;
+		return t.forEach((t) => {
+			t && e.observe(t);
+		}), () => {
+			t.forEach((t) => {
+				t && e.unobserve(t);
+			}), e.disconnect();
+		};
+	}, [l, m]), r.useEffect(() => (window.addEventListener("resize", m), () => {
+		window.removeEventListener("resize", m);
+	}), [m]), r.useEffect(() => {
+		m();
+	}, [l, m]), /* @__PURE__ */ r.createElement(i, {
+		theme: t,
+		defaultValue: o,
+		...e
+	}, /* @__PURE__ */ r.createElement(a, {
+		interacted: f,
+		style: u
+	}), r.Children.map(e.children, (e, t) => {
+		if (!r.isValidElement(e)) throw Error("Child passed to SegmentedControlItemList is not a valid element");
+		return r.cloneElement(e, {
+			onClick: (t) => {
+				p(!0), e.props.onClick && e.props.onClick(t);
+			},
+			ref: (e) => c.current[t] = e
+		});
+	}));
+};
+//#endregion
+export { o as SegmentedControlItemList };
+
+//# sourceMappingURL=SegmentedControlItemList.js.map

package/dist/components/segmented-control/SegmentedControlItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlItemList.js","sources":["../../../src/components/segmented-control/SegmentedControlItemList.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Tabs } from '../tabs/Tabs'\nimport { SegmentedControlContext } from './SegmentedControlContext'\nimport { SegmentedControlItem } from './SegmentedControlItem'\n\nconst StyledTriggerList = styled(Tabs.TriggerList, {\n  base: [\n    'relative',\n    'p-1',\n    'rounded-lg',\n    'overflow-hidden',\n    '[&>div[role=tablist]]:relative',\n    '[&>button]:z-2'\n  ],\n  variants: {\n    theme: {\n      primary: ['bg-primary-200'],\n      marsh: ['bg-marsh-200']\n    }\n  }\n})\n\nconst SelectionIndicator = styled('div', {\n  base: ['absolute', 'bg-white', 'rounded-md'],\n  variants: {\n    interacted: {\n      true: ['duration-300', 'ease-in', 'transition-all'],\n      false: ['transition-none']\n    }\n  }\n})\n\nexport const SegmentedControlItemList = (\n  props: React.ComponentProps<typeof Tabs.TriggerList>\n): JSX.Element => {\n  const { theme, defaultValue, value } = React.useContext(\n    SegmentedControlContext\n  )\n\n  const tabsRef = React.useRef<(HTMLElement | null)[]>([])\n\n  const selectedIndex = React.Children.toArray(props.children).findIndex(\n    (child) => (child as React.ReactElement)?.props.value === value\n  )\n\n  const [indicatorStyles, setIndicatorStyles] = React.useState({\n    left: 0,\n    height: 0,\n    width: 0\n  })\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n\n  const updateIndicatorPosition = React.useCallback(() => {\n    const currentTab = tabsRef.current[selectedIndex]\n    if (!currentTab) return\n\n    const { width, height } = currentTab.getBoundingClientRect()\n    setIndicatorStyles({\n      left: Math.round(currentTab.offsetLeft),\n      height: Math.round(height),\n      width: Math.round(width)\n    })\n  }, [selectedIndex])\n\n  React.useEffect(() => {\n    const resizeObserver = new ResizeObserver(updateIndicatorPosition)\n    const currentTabs = tabsRef.current\n    currentTabs.forEach((tab) => {\n      if (tab) resizeObserver.observe(tab)\n    })\n\n    return () => {\n      currentTabs.forEach((tab) => {\n        if (tab) resizeObserver.unobserve(tab)\n      })\n      resizeObserver.disconnect()\n    }\n  }, [selectedIndex, updateIndicatorPosition])\n\n  React.useEffect(() => {\n    window.addEventListener('resize', updateIndicatorPosition)\n    return () => {\n      window.removeEventListener('resize', updateIndicatorPosition)\n    }\n  }, [updateIndicatorPosition])\n\n  React.useEffect(() => {\n    updateIndicatorPosition()\n  }, [selectedIndex, updateIndicatorPosition])\n\n  return (\n    <StyledTriggerList theme={theme} defaultValue={defaultValue} {...props}>\n      <SelectionIndicator interacted={hasInteracted} style={indicatorStyles} />\n      {React.Children.map(props.children, (child, index) => {\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to SegmentedControlItemList is not a valid element`\n          )\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof SegmentedControlItem>\n          >,\n          {\n            onClick: (e) => {\n              setHasInteracted(true)\n              if (child.props.onClick) child.props.onClick(e)\n            },\n            ref: (el) => (tabsRef.current[index] = el)\n          }\n        )\n      })}\n    </StyledTriggerList>\n  )\n}\n"],"names":["StyledTriggerList","styled","Tabs","SelectionIndicator","SegmentedControlItemList","props","theme","defaultValue","value","React","SegmentedControlContext","tabsRef","selectedIndex","child","indicatorStyles","setIndicatorStyles","hasInteracted","setHasInteracted","updateIndicatorPosition","currentTab","width","height","resizeObserver","currentTabs","tab","index","e","el"],"mappings":"+KAQA,MAAMA,EAAoBC,EAAOC,EAAK,YAAa,CACjD,KAAM,CACJ,WACA,MACA,aACA,kBACA,iCACA,gBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CAAC,gBAAgB,EAC1B,MAAO,CAAC,cAAc,CACxB,CACF,CACF,CAAC,EAEKC,EAAqBF,EAAO,MAAO,CACvC,KAAM,CAAC,WAAY,WAAY,YAAY,EAC3C,SAAU,CACR,WAAY,CACV,KAAM,CAAC,eAAgB,UAAW,gBAAgB,EAClD,MAAO,CAAC,iBAAiB,CAC3B,CACF,CACF,CAAC,EAEYG,EACXC,GACgB,CAChB,KAAM,CAAE,MAAAC,EAAO,aAAAC,EAAc,MAAAC,CAAM,EAAIC,EAAM,WAC3CC,CACF,EAEMC,EAAUF,EAAM,OAA+B,CAAE,CAAA,EAEjDG,EAAgBH,EAAM,SAAS,QAAQJ,EAAM,QAAQ,EAAE,UAC1DQ,IAAWA,GAAA,YAAAA,EAA8B,MAAM,SAAUL,CAC5D,EAEM,CAACM,EAAiBC,CAAkB,EAAIN,EAAM,SAAS,CAC3D,KAAM,EACN,OAAQ,EACR,MAAO,CACT,CAAC,EACK,CAACO,EAAeC,CAAgB,EAAIR,EAAM,SAAS,EAAK,EAExDS,EAA0BT,EAAM,YAAY,IAAM,CACtD,MAAMU,EAAaR,EAAQ,QAAQC,CAAa,EAChD,GAAI,CAACO,EAAY,OAEjB,KAAM,CAAE,MAAAC,EAAO,OAAAC,CAAO,EAAIF,EAAW,sBAAA,EACrCJ,EAAmB,CACjB,KAAM,KAAK,MAAMI,EAAW,UAAU,EACtC,OAAQ,KAAK,MAAME,CAAM,EACzB,MAAO,KAAK,MAAMD,CAAK,CACzB,CAAC,CACH,EAAG,CAACR,CAAa,CAAC,EAElB,OAAAH,EAAM,UAAU,IAAM,CACpB,MAAMa,EAAiB,IAAI,eAAeJ,CAAuB,EAC3DK,EAAcZ,EAAQ,QAC5B,OAAAY,EAAY,QAASC,GAAQ,CACvBA,GAAKF,EAAe,QAAQE,CAAG,CACrC,CAAC,EAEM,IAAM,CACXD,EAAY,QAASC,GAAQ,CACvBA,GAAKF,EAAe,UAAUE,CAAG,CACvC,CAAC,EACDF,EAAe,YACjB,CACF,EAAG,CAACV,EAAeM,CAAuB,CAAC,EAE3CT,EAAM,UAAU,KACd,OAAO,iBAAiB,SAAUS,CAAuB,EAClD,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAuB,CAC9D,GACC,CAACA,CAAuB,CAAC,EAE5BT,EAAM,UAAU,IAAM,CACpBS,EAAwB,CAC1B,EAAG,CAACN,EAAeM,CAAuB,CAAC,EAGzCT,EAAA,cAACT,EAAA,CAAkB,MAAOM,EAAO,aAAcC,EAAe,GAAGF,CAAAA,EAC/DI,EAAA,cAACN,EAAA,CAAmB,WAAYa,EAAe,MAAOF,CAAAA,CAAiB,EACtEL,EAAM,SAAS,IAAIJ,EAAM,SAAU,CAACQ,EAAOY,IAAU,CACpD,GAAI,CAAChB,EAAM,eAAeI,CAAK,EAC7B,MAAM,IAAI,MACR,iEACF,EAGF,OAAOJ,EAAM,aACXI,EAGA,CACE,QAAUa,GAAM,CACdT,EAAiB,EAAI,EACjBJ,EAAM,MAAM,SAASA,EAAM,MAAM,QAAQa,CAAC,CAChD,EACA,IAAMC,GAAQhB,EAAQ,QAAQc,CAAK,EAAIE,CACzC,CACF,CACF,CAAC,CACH,CAEJ"}
+{"version":3,"file":"SegmentedControlItemList.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlItemList.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Tabs } from '../tabs/Tabs'\nimport { SegmentedControlContext } from './SegmentedControlContext'\nimport { SegmentedControlItem } from './SegmentedControlItem'\n\nconst StyledTriggerList = styled(Tabs.TriggerList, {\n  base: [\n    'relative',\n    'p-1',\n    'rounded-lg',\n    'overflow-hidden',\n    '[&>div[role=tablist]]:relative',\n    '[&>button]:z-2'\n  ],\n  variants: {\n    theme: {\n      primary: ['bg-primary-200'],\n      marsh: ['bg-marsh-200']\n    }\n  }\n})\n\nconst SelectionIndicator = styled('div', {\n  base: ['absolute', 'bg-white', 'rounded-md'],\n  variants: {\n    interacted: {\n      true: ['duration-300', 'ease-in', 'transition-all'],\n      false: ['transition-none']\n    }\n  }\n})\n\nexport const SegmentedControlItemList = (\n  props: React.ComponentProps<typeof Tabs.TriggerList>\n): JSX.Element => {\n  const { theme, defaultValue, value } = React.useContext(\n    SegmentedControlContext\n  )\n\n  const tabsRef = React.useRef<(HTMLElement | null)[]>([])\n\n  const selectedIndex = React.Children.toArray(props.children).findIndex(\n    (child) => (child as React.ReactElement)?.props.value === value\n  )\n\n  const [indicatorStyles, setIndicatorStyles] = React.useState({\n    left: 0,\n    height: 0,\n    width: 0\n  })\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n\n  const updateIndicatorPosition = React.useCallback(() => {\n    const currentTab = tabsRef.current[selectedIndex]\n    if (!currentTab) return\n\n    const { width, height } = currentTab.getBoundingClientRect()\n    setIndicatorStyles({\n      left: Math.round(currentTab.offsetLeft),\n      height: Math.round(height),\n      width: Math.round(width)\n    })\n  }, [selectedIndex])\n\n  React.useEffect(() => {\n    const resizeObserver = new ResizeObserver(updateIndicatorPosition)\n    const currentTabs = tabsRef.current\n    currentTabs.forEach((tab) => {\n      if (tab) resizeObserver.observe(tab)\n    })\n\n    return () => {\n      currentTabs.forEach((tab) => {\n        if (tab) resizeObserver.unobserve(tab)\n      })\n      resizeObserver.disconnect()\n    }\n  }, [selectedIndex, updateIndicatorPosition])\n\n  React.useEffect(() => {\n    window.addEventListener('resize', updateIndicatorPosition)\n    return () => {\n      window.removeEventListener('resize', updateIndicatorPosition)\n    }\n  }, [updateIndicatorPosition])\n\n  React.useEffect(() => {\n    updateIndicatorPosition()\n  }, [selectedIndex, updateIndicatorPosition])\n\n  return (\n    <StyledTriggerList theme={theme} defaultValue={defaultValue} {...props}>\n      <SelectionIndicator interacted={hasInteracted} style={indicatorStyles} />\n      {React.Children.map(props.children, (child, index) => {\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to SegmentedControlItemList is not a valid element`\n          )\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof SegmentedControlItem>\n          >,\n          {\n            onClick: (e) => {\n              setHasInteracted(true)\n              if (child.props.onClick) child.props.onClick(e)\n            },\n            ref: (el) => (tabsRef.current[index] = el)\n          }\n        )\n      })}\n    </StyledTriggerList>\n  )\n}\n"],"mappings":";;;;;AAQA,IAAM,IAAoB,EAAO,EAAK,aAAa;CACjD,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,OAAO;EACL,SAAS,CAAC,iBAAiB;EAC3B,OAAO,CAAC,eAAe;EACxB,EACF;CACF,CAAC,EAEI,IAAqB,EAAO,OAAO;CACvC,MAAM;EAAC;EAAY;EAAY;EAAa;CAC5C,UAAU,EACR,YAAY;EACV,MAAM;GAAC;GAAgB;GAAW;GAAiB;EACnD,OAAO,CAAC,kBAAkB;EAC3B,EACF;CACF,CAAC,EAEW,KACX,MACgB;CAChB,IAAM,EAAE,UAAO,iBAAc,aAAU,EAAM,WAC3C,EACD,EAEK,IAAU,EAAM,OAA+B,EAAE,CAAC,EAElD,IAAgB,EAAM,SAAS,QAAQ,EAAM,SAAS,CAAC,WAC1D,MAAW,GAA8B,MAAM,UAAU,EAC3D,EAEK,CAAC,GAAiB,KAAsB,EAAM,SAAS;EAC3D,MAAM;EACN,QAAQ;EACR,OAAO;EACR,CAAC,EACI,CAAC,GAAe,KAAoB,EAAM,SAAS,GAAM,EAEzD,IAA0B,EAAM,kBAAkB;EACtD,IAAM,IAAa,EAAQ,QAAQ;AACnC,MAAI,CAAC,EAAY;EAEjB,IAAM,EAAE,UAAO,cAAW,EAAW,uBAAuB;AAC5D,IAAmB;GACjB,MAAM,KAAK,MAAM,EAAW,WAAW;GACvC,QAAQ,KAAK,MAAM,EAAO;GAC1B,OAAO,KAAK,MAAM,EAAM;GACzB,CAAC;IACD,CAAC,EAAc,CAAC;AA4BnB,QA1BA,EAAM,gBAAgB;EACpB,IAAM,IAAiB,IAAI,eAAe,EAAwB,EAC5D,IAAc,EAAQ;AAK5B,SAJA,EAAY,SAAS,MAAQ;AAC3B,GAAI,KAAK,EAAe,QAAQ,EAAI;IACpC,QAEW;AAIX,GAHA,EAAY,SAAS,MAAQ;AAC3B,IAAI,KAAK,EAAe,UAAU,EAAI;KACtC,EACF,EAAe,YAAY;;IAE5B,CAAC,GAAe,EAAwB,CAAC,EAE5C,EAAM,iBACJ,OAAO,iBAAiB,UAAU,EAAwB,QAC7C;AACX,SAAO,oBAAoB,UAAU,EAAwB;KAE9D,CAAC,EAAwB,CAAC,EAE7B,EAAM,gBAAgB;AACpB,KAAyB;IACxB,CAAC,GAAe,EAAwB,CAAC,EAG1C,kBAAA,cAAC,GAAD;EAA0B;EAAqB;EAAc,GAAI;EAsB7C,EArBlB,kBAAA,cAAC,GAAD;EAAoB,YAAY;EAAe,OAAO;EAAmB,CAAA,EACxE,EAAM,SAAS,IAAI,EAAM,WAAW,GAAO,MAAU;AACpD,MAAI,CAAC,EAAM,eAAe,EAAM,CAC9B,OAAU,MACR,kEACD;AAGH,SAAO,EAAM,aACX,GAGA;GACE,UAAU,MAAM;AAEd,IADA,EAAiB,GAAK,EAClB,EAAM,MAAM,WAAS,EAAM,MAAM,QAAQ,EAAE;;GAEjD,MAAM,MAAQ,EAAQ,QAAQ,KAAS;GACxC,CACF;GACD,CACgB"}

package/dist/components/segmented-control/SegmentedControlRoot.js

@@ -1,2 +1,41 @@
-import*as o from"react";import{styled as v}from"../../styled.js";import{Tabs as c}from"../tabs/Tabs.js";import{SegmentedControlContext as f}from"./SegmentedControlContext.js";const p=v(c,{base:["[&>div]:border-none"],variants:{size:{sm:["w-[unset]!"],md:[],lg:[]}}},{enabledResponsiveVariants:!0}),C=({size:n,theme:s="primary",defaultValue:e,children:i,...t})=>{const a=t.value!==void 0,[u,m]=o.useState(e),r=a?t.value:u,l=a?t.onValueChange:m;o.useEffect(()=>{!a&&e&&m(e)},[e,a]);const d=o.useMemo(()=>({size:n,theme:s,defaultValue:e,onValueChange:l,value:r}),[n,s,e,l,r]);return o.createElement(f.Provider,{value:d},o.createElement(p,{size:n,value:r,onValueChange:l,...t},i))};export{C as SegmentedControlRoot};
-//# sourceMappingURL=SegmentedControlRoot.js.map
+import { styled as e } from "../../styled.js";
+import { Tabs as t } from "../tabs/Tabs.js";
+import { SegmentedControlContext as n } from "./SegmentedControlContext.js";
+import * as r from "react";
+//#region src/components/segmented-control/SegmentedControlRoot.tsx
+var i = e(t, {
+	base: ["[&>div]:border-none"],
+	variants: { size: {
+		sm: ["w-[unset]!"],
+		md: [],
+		lg: []
+	} }
+}, { enabledResponsiveVariants: !0 }), a = ({ size: e, theme: t = "primary", defaultValue: a, children: o, ...s }) => {
+	let c = s.value !== void 0, [l, u] = r.useState(a), d = c ? s.value : l, f = c ? s.onValueChange : u;
+	r.useEffect(() => {
+		!c && a && u(a);
+	}, [a, c]);
+	let p = r.useMemo(() => ({
+		size: e,
+		theme: t,
+		defaultValue: a,
+		onValueChange: f,
+		value: d
+	}), [
+		e,
+		t,
+		a,
+		f,
+		d
+	]);
+	return /* @__PURE__ */ r.createElement(n.Provider, { value: p }, /* @__PURE__ */ r.createElement(i, {
+		size: e,
+		value: d,
+		onValueChange: f,
+		...s
+	}, o));
+};
+//#endregion
+export { a as SegmentedControlRoot };
+
+//# sourceMappingURL=SegmentedControlRoot.js.map

package/dist/components/segmented-control/SegmentedControlRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlRoot.js","sources":["../../../src/components/segmented-control/SegmentedControlRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Tabs } from '../tabs/Tabs'\nimport type { SegmentedControlTheme } from './SegmentedControl.types'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledSegmentedControlRoot = styled(\n  Tabs,\n  {\n    base: ['[&>div]:border-none'],\n    variants: {\n      size: {\n        sm: ['w-[unset]!'],\n        md: [],\n        lg: []\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport interface SegmentedControlRootProps extends React.ComponentProps<\n  typeof StyledSegmentedControlRoot\n> {\n  theme?: SegmentedControlTheme\n}\n\nexport const SegmentedControlRoot = ({\n  size,\n  theme = 'primary',\n  defaultValue,\n  children,\n  ...props\n}: React.PropsWithChildren<SegmentedControlRootProps>): React.JSX.Element => {\n  const isControlled = props.value !== undefined\n\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n\n  const currentValue = isControlled ? props.value : internalValue\n  const handleValueChange = isControlled\n    ? props.onValueChange\n    : setInternalValue\n\n  React.useEffect(() => {\n    if (!isControlled && defaultValue) {\n      setInternalValue(defaultValue)\n    }\n  }, [defaultValue, isControlled])\n\n  const value = React.useMemo(\n    () => ({\n      size,\n      theme,\n      defaultValue,\n      onValueChange: handleValueChange,\n      value: currentValue\n    }),\n    [size, theme, defaultValue, handleValueChange, currentValue]\n  )\n\n  return (\n    <SegmentedControlContext.Provider value={value}>\n      <StyledSegmentedControlRoot\n        size={size}\n        value={currentValue}\n        onValueChange={handleValueChange}\n        {...props}\n      >\n        {children}\n      </StyledSegmentedControlRoot>\n    </SegmentedControlContext.Provider>\n  )\n}\n"],"names":["StyledSegmentedControlRoot","styled","Tabs","SegmentedControlRoot","size","theme","defaultValue","children","props","isControlled","internalValue","setInternalValue","React","currentValue","handleValueChange","value","SegmentedControlContext"],"mappings":"+KAQA,MAAMA,EAA6BC,EACjCC,EACA,CACE,KAAM,CAAC,qBAAqB,EAC5B,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,YAAY,EACjB,GAAI,GACJ,GAAI,CACN,CAAA,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAQaC,EAAuB,CAAC,CACnC,KAAAC,EACA,MAAAC,EAAQ,UACR,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA6E,CAC3E,MAAMC,EAAeD,EAAM,QAAU,OAE/B,CAACE,EAAeC,CAAgB,EAAIC,EAAM,SAASN,CAAY,EAE/DO,EAAeJ,EAAeD,EAAM,MAAQE,EAC5CI,EAAoBL,EACtBD,EAAM,cACNG,EAEJC,EAAM,UAAU,IAAM,CAChB,CAACH,GAAgBH,GACnBK,EAAiBL,CAAY,CAEjC,EAAG,CAACA,EAAcG,CAAY,CAAC,EAE/B,MAAMM,EAAQH,EAAM,QAClB,KAAO,CACL,KAAAR,EACA,MAAAC,EACA,aAAAC,EACA,cAAeQ,EACf,MAAOD,CACT,GACA,CAACT,EAAMC,EAAOC,EAAcQ,EAAmBD,CAAY,CAC7D,EAEA,OACED,EAAA,cAACI,EAAwB,SAAxB,CAAiC,MAAOD,CACvCH,EAAAA,EAAA,cAACZ,EAAA,CACC,KAAMI,EACN,MAAOS,EACP,cAAeC,EACd,GAAGN,CAEHD,EAAAA,CACH,CACF,CAEJ"}
+{"version":3,"file":"SegmentedControlRoot.js","names":[],"sources":["../../../src/components/segmented-control/SegmentedControlRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Tabs } from '../tabs/Tabs'\nimport type { SegmentedControlTheme } from './SegmentedControl.types'\nimport { SegmentedControlContext } from './SegmentedControlContext'\n\nconst StyledSegmentedControlRoot = styled(\n  Tabs,\n  {\n    base: ['[&>div]:border-none'],\n    variants: {\n      size: {\n        sm: ['w-[unset]!'],\n        md: [],\n        lg: []\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport interface SegmentedControlRootProps extends React.ComponentProps<\n  typeof StyledSegmentedControlRoot\n> {\n  theme?: SegmentedControlTheme\n}\n\nexport const SegmentedControlRoot = ({\n  size,\n  theme = 'primary',\n  defaultValue,\n  children,\n  ...props\n}: React.PropsWithChildren<SegmentedControlRootProps>): React.JSX.Element => {\n  const isControlled = props.value !== undefined\n\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n\n  const currentValue = isControlled ? props.value : internalValue\n  const handleValueChange = isControlled\n    ? props.onValueChange\n    : setInternalValue\n\n  React.useEffect(() => {\n    if (!isControlled && defaultValue) {\n      setInternalValue(defaultValue)\n    }\n  }, [defaultValue, isControlled])\n\n  const value = React.useMemo(\n    () => ({\n      size,\n      theme,\n      defaultValue,\n      onValueChange: handleValueChange,\n      value: currentValue\n    }),\n    [size, theme, defaultValue, handleValueChange, currentValue]\n  )\n\n  return (\n    <SegmentedControlContext.Provider value={value}>\n      <StyledSegmentedControlRoot\n        size={size}\n        value={currentValue}\n        onValueChange={handleValueChange}\n        {...props}\n      >\n        {children}\n      </StyledSegmentedControlRoot>\n    </SegmentedControlContext.Provider>\n  )\n}\n"],"mappings":";;;;;AAQA,IAAM,IAA6B,EACjC,GACA;CACE,MAAM,CAAC,sBAAsB;CAC7B,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,aAAa;EAClB,IAAI,EAAE;EACN,IAAI,EAAE;EACP,EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAQY,KAAwB,EACnC,SACA,WAAQ,WACR,iBACA,aACA,GAAG,QACwE;CAC3E,IAAM,IAAe,EAAM,UAAU,KAAA,GAE/B,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAa,EAEhE,IAAe,IAAe,EAAM,QAAQ,GAC5C,IAAoB,IACtB,EAAM,gBACN;AAEJ,GAAM,gBAAgB;AACpB,EAAI,CAAC,KAAgB,KACnB,EAAiB,EAAa;IAE/B,CAAC,GAAc,EAAa,CAAC;CAEhC,IAAM,IAAQ,EAAM,eACX;EACL;EACA;EACA;EACA,eAAe;EACf,OAAO;EACR,GACD;EAAC;EAAM;EAAO;EAAc;EAAmB;EAAa,CAC7D;AAED,QACE,kBAAA,cAAC,EAAwB,UAAzB,EAAyC,UASN,EARjC,kBAAA,cAAC,GAAD;EACQ;EACN,OAAO;EACP,eAAe;EACf,GAAI;EAGuB,EAD1B,EAC0B,CACI"}