@atom-learning/components 6.4.2 → 6.5.1

package/dist/components/toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ToastCloseButton } from './ToastCloseButton'\nimport { useToastContext } from './ToastContext'\nimport { ToastIcon } from './ToastIcon'\n\nexport const StyledToast = styled('div', {\n  base: [\n    'flex',\n    'items-center',\n    'pointer-events-auto',\n    'rounded-md',\n    'shadow-md',\n    'text-white',\n    'min-h-12',\n    'relative',\n    'px-4',\n    'py-1',\n    'motion-safe:duration-125',\n    'motion-safe:ease-out',\n    'motion-safe:transition-[colors,transform]'\n  ],\n  variants: {\n    type: {\n      loading: ['bg-info'],\n      blank: ['bg-info'],\n      success: ['bg-success'],\n      error: ['bg-danger']\n    }\n  }\n})\n\nexport const Toast = (props: React.ComponentProps<typeof StyledToast>) => {\n  const { type } = useToastContext()\n  return <StyledToast type={props.type || type} {...props} />\n}\n\nToast.Icon = ToastIcon\nToast.Close = ToastCloseButton\n"],"names":["StyledToast","styled","Toast","props","type","useToastContext","React","ToastIcon","ToastCloseButton"],"mappings":"+NAQaA,EAAcC,EAAO,MAAO,CACvC,KAAM,CACJ,OACA,eACA,sBACA,aACA,YACA,aACA,WACA,WACA,OACA,OACA,2BACA,uBACA,2CACF,EACA,SAAU,CACR,KAAM,CACJ,QAAS,CAAC,SAAS,EACnB,MAAO,CAAC,SAAS,EACjB,QAAS,CAAC,YAAY,EACtB,MAAO,CAAC,WAAW,CACrB,CACF,CACF,CAAC,EAEYC,EAASC,GAAoD,CACxE,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAgB,EACjC,OAAOC,EAAA,cAACN,GAAY,KAAMG,EAAM,MAAQC,EAAO,GAAGD,EAAO,CAC3D,EAEAD,EAAM,KAAOK,EACbL,EAAM,MAAQM"}
+{"version":3,"file":"Toast.js","names":[],"sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ToastCloseButton } from './ToastCloseButton'\nimport { useToastContext } from './ToastContext'\nimport { ToastIcon } from './ToastIcon'\n\nexport const StyledToast = styled('div', {\n  base: [\n    'flex',\n    'items-center',\n    'pointer-events-auto',\n    'rounded-md',\n    'shadow-md',\n    'text-white',\n    'min-h-12',\n    'relative',\n    'px-4',\n    'py-1',\n    'motion-safe:duration-125',\n    'motion-safe:ease-out',\n    'motion-safe:transition-[colors,transform]'\n  ],\n  variants: {\n    type: {\n      loading: ['bg-info'],\n      blank: ['bg-info'],\n      success: ['bg-success'],\n      error: ['bg-danger']\n    }\n  }\n})\n\nexport const Toast = (props: React.ComponentProps<typeof StyledToast>) => {\n  const { type } = useToastContext()\n  return <StyledToast type={props.type || type} {...props} />\n}\n\nToast.Icon = ToastIcon\nToast.Close = ToastCloseButton\n"],"mappings":";;;;;;AAQA,IAAa,IAAc,EAAO,OAAO;CACvC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,SAAS,CAAC,UAAU;EACpB,OAAO,CAAC,UAAU;EAClB,SAAS,CAAC,aAAa;EACvB,OAAO,CAAC,YAAY;EACrB,EACF;CACF,CAAC,EAEW,KAAS,MAAoD;CACxE,IAAM,EAAE,YAAS,GAAiB;AAClC,QAAO,kBAAA,cAAC,GAAD;EAAa,MAAM,EAAM,QAAQ;EAAM,GAAI;EAAS,CAAA;;AAG7D,EAAM,OAAO,GACb,EAAM,QAAQ"}

package/dist/components/toast/ToastCloseButton.js

@@ -1,2 +1,23 @@
-import{Close as s}from"@atom-learning/icons";import m from"clsx";import*as o from"react";import{toast as l}from"react-hot-toast";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";import{useToastContext as n}from"./ToastContext.js";const p=({onDismiss:t,label:e="Close alert",...r})=>{const{id:i}=n();return o.createElement(a,{label:e,onClick:()=>{l.dismiss(i),t==null||t()},...r,className:m("text-white","-mr-2","hover:opacity-80","hover:text-white","focus:opacity-80","focus:text-white")},o.createElement(c,{is:s}))};export{p as ToastCloseButton};
-//# sourceMappingURL=ToastCloseButton.js.map
+import { Icon as e } from "../icon/Icon.js";
+import { ActionIcon as t } from "../action-icon/ActionIcon.js";
+import { useToastContext as n } from "./ToastContext.js";
+import r from "clsx";
+import * as i from "react";
+import { Close as a } from "@atom-learning/icons";
+import { toast as o } from "react-hot-toast";
+//#region src/components/toast/ToastCloseButton.tsx
+var s = ({ onDismiss: s, label: c = "Close alert", ...l }) => {
+	let { id: u } = n();
+	return /* @__PURE__ */ i.createElement(t, {
+		label: c,
+		onClick: () => {
+			o.dismiss(u), s?.();
+		},
+		...l,
+		className: r("text-white", "-mr-2", "hover:opacity-80", "hover:text-white", "focus:opacity-80", "focus:text-white")
+	}, /* @__PURE__ */ i.createElement(e, { is: a }));
+};
+//#endregion
+export { s as ToastCloseButton };
+
+//# sourceMappingURL=ToastCloseButton.js.map

package/dist/components/toast/ToastCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastCloseButton.js","sources":["../../../src/components/toast/ToastCloseButton.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport * as React from 'react'\nimport { toast } from 'react-hot-toast'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { useToastContext } from './ToastContext'\n\nexport interface ToastCloseButtonProps extends Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'label' | 'children'\n> {\n  onDismiss?: () => void\n  label?: string\n}\n\nexport const ToastCloseButton = ({\n  onDismiss,\n  label = 'Close alert',\n  ...rest\n}: ToastCloseButtonProps): JSX.Element => {\n  const { id } = useToastContext()\n\n  return (\n    <ActionIcon\n      label={label}\n      onClick={() => {\n        toast.dismiss(id)\n        onDismiss?.()\n      }}\n      {...rest}\n      className={clsx(\n        'text-white',\n        '-mr-2',\n        'hover:opacity-80',\n        'hover:text-white',\n        'focus:opacity-80',\n        'focus:text-white'\n      )}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  )\n}\n"],"names":["ToastCloseButton","onDismiss","label","rest","id","useToastContext","React","ActionIcon","toast","clsx","Icon","Close"],"mappings":"sRAiBO,MAAMA,EAAmB,CAAC,CAC/B,UAAAC,EACA,MAAAC,EAAQ,cACR,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,GAAAC,CAAG,EAAIC,EAAgB,EAE/B,OACEC,EAAA,cAACC,EAAA,CACC,MAAOL,EACP,QAAS,IAAM,CACbM,EAAM,QAAQJ,CAAE,EAChBH,GAAA,MAAAA,EACF,CAAA,EACC,GAAGE,EACJ,UAAWM,EACT,aACA,QACA,mBACA,mBACA,mBACA,kBACF,CAAA,EAEAH,EAAA,cAACI,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CAEJ"}
+{"version":3,"file":"ToastCloseButton.js","names":[],"sources":["../../../src/components/toast/ToastCloseButton.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport * as React from 'react'\nimport { toast } from 'react-hot-toast'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { useToastContext } from './ToastContext'\n\nexport interface ToastCloseButtonProps extends Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'label' | 'children'\n> {\n  onDismiss?: () => void\n  label?: string\n}\n\nexport const ToastCloseButton = ({\n  onDismiss,\n  label = 'Close alert',\n  ...rest\n}: ToastCloseButtonProps): JSX.Element => {\n  const { id } = useToastContext()\n\n  return (\n    <ActionIcon\n      label={label}\n      onClick={() => {\n        toast.dismiss(id)\n        onDismiss?.()\n      }}\n      {...rest}\n      className={clsx(\n        'text-white',\n        '-mr-2',\n        'hover:opacity-80',\n        'hover:text-white',\n        'focus:opacity-80',\n        'focus:text-white'\n      )}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  )\n}\n"],"mappings":";;;;;;;;AAiBA,IAAa,KAAoB,EAC/B,cACA,WAAQ,eACR,GAAG,QACqC;CACxC,IAAM,EAAE,UAAO,GAAiB;AAEhC,QACE,kBAAA,cAAC,GAAD;EACS;EACP,eAAe;AAEb,GADA,EAAM,QAAQ,EAAG,EACjB,KAAa;;EAEf,GAAI;EACJ,WAAW,EACT,cACA,SACA,oBACA,oBACA,oBACA,mBACD;EAGU,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAS,CAAA,CACR"}

package/dist/components/toast/ToastContext.js

@@ -1,2 +1,11 @@
-import*as e from"react";const o=e.createContext(null),r=()=>{const t=e.useContext(o);if(!t)throw new Error("useToastContext must be used within a ToastProvider");return t};export{o as ToastContext,r as useToastContext};
-//# sourceMappingURL=ToastContext.js.map
+import * as e from "react";
+//#region src/components/toast/ToastContext.tsx
+var t = e.createContext(null), n = () => {
+	let n = e.useContext(t);
+	if (!n) throw Error("useToastContext must be used within a ToastProvider");
+	return n;
+};
+//#endregion
+export { t as ToastContext, n as useToastContext };
+
+//# sourceMappingURL=ToastContext.js.map

package/dist/components/toast/ToastContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.js","sources":["../../../src/components/toast/ToastContext.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { Toast } from 'react-hot-toast/dist/core/types'\n\nexport const ToastContext = React.createContext<Pick<\n  Toast,\n  'type' | 'id' | 'message'\n> | null>(null)\n\nexport const useToastContext = () => {\n  const context = React.useContext(ToastContext)\n\n  if (!context) {\n    throw new Error('useToastContext must be used within a ToastProvider')\n  }\n\n  return context\n}\n"],"names":["ToastContext","React","useToastContext","context"],"mappings":"wBAGO,MAAMA,EAAeC,EAAM,cAGxB,IAAI,EAEDC,EAAkB,IAAM,CACnC,MAAMC,EAAUF,EAAM,WAAWD,CAAY,EAE7C,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,qDAAqD,EAGvE,OAAOA,CACT"}
+{"version":3,"file":"ToastContext.js","names":[],"sources":["../../../src/components/toast/ToastContext.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { Toast } from 'react-hot-toast/dist/core/types'\n\nexport const ToastContext = React.createContext<Pick<\n  Toast,\n  'type' | 'id' | 'message'\n> | null>(null)\n\nexport const useToastContext = () => {\n  const context = React.useContext(ToastContext)\n\n  if (!context) {\n    throw new Error('useToastContext must be used within a ToastProvider')\n  }\n\n  return context\n}\n"],"mappings":";;AAGA,IAAa,IAAe,EAAM,cAGxB,KAAK,EAEF,UAAwB;CACnC,IAAM,IAAU,EAAM,WAAW,EAAa;AAE9C,KAAI,CAAC,EACH,OAAU,MAAM,sDAAsD;AAGxE,QAAO"}

package/dist/components/toast/ToastIcon.js

@@ -1,2 +1,12 @@
-import o from"react";import{Icon as t}from"../icon/Icon.js";const m=e=>o.createElement(t,{size:"sm",...e,className:"mr-3 flex-[0_0_auto]"});export{m as ToastIcon};
-//# sourceMappingURL=ToastIcon.js.map
+import { Icon as e } from "../icon/Icon.js";
+import t from "react";
+//#region src/components/toast/ToastIcon.tsx
+var n = (n) => /* @__PURE__ */ t.createElement(e, {
+	size: "sm",
+	...n,
+	className: "mr-3 flex-[0_0_auto]"
+});
+//#endregion
+export { n as ToastIcon };
+
+//# sourceMappingURL=ToastIcon.js.map

package/dist/components/toast/ToastIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastIcon.js","sources":["../../../src/components/toast/ToastIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '../icon/Icon'\n\nexport const ToastIcon = (\n  props: React.ComponentProps<typeof Icon>\n): JSX.Element => <Icon size=\"sm\" {...props} className=\"mr-3 flex-[0_0_auto]\" />\n"],"names":["ToastIcon","props","React","Icon"],"mappings":"kEAIaA,EACXC,GACgBC,EAAA,cAACC,EAAA,CAAK,KAAK,KAAM,GAAGF,EAAO,UAAU,sBAAuB,CAAA"}
+{"version":3,"file":"ToastIcon.js","names":[],"sources":["../../../src/components/toast/ToastIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '../icon/Icon'\n\nexport const ToastIcon = (\n  props: React.ComponentProps<typeof Icon>\n): JSX.Element => <Icon size=\"sm\" {...props} className=\"mr-3 flex-[0_0_auto]\" />\n"],"mappings":";;;AAIA,IAAa,KACX,MACgB,kBAAA,cAAC,GAAD;CAAM,MAAK;CAAK,GAAI;CAAO,WAAU;CAAyB,CAAA"}

package/dist/components/toast/ToastProvider.js

@@ -1,2 +1,60 @@
-import{Error as y}from"@atom-learning/icons";import*as t from"react";import{useToaster as g}from"react-hot-toast";import{default as B}from"react-hot-toast";import{styled as i}from"../../styled.js";import{Spacer as x}from"../spacer/Spacer.js";import{Text as h}from"../text/Text.js";import{Toast as o}from"./Toast.js";import{ToastContext as b}from"./ToastContext.js";import{useToastContext as H}from"./ToastContext.js";const T=i("div",{base:["fixed","z-2147483647","inset-2","pointer-events-none","sm:top-3"]}),N=i("div",{base:["absolute","w-full","flex","justify-center","items-center","rounded-sm","min-h-12","[--slide-opacity-out:0]","[--slide-direction-out-y:-100%]"],variants:{visible:{true:["motion-safe:animate-slide-direction-in"],false:["opacity-0","motion-safe:animate-slide-direction-out"]}}}),s=({children:n,className:l})=>{const{toasts:m,handlers:c}=g(),{startPause:d,endPause:f,calculateOffset:u,updateHeight:p}=c;return t.createElement(t.Fragment,null,t.createElement(T,{onMouseEnter:d,onMouseLeave:f,className:l},m.map(e=>{const{message:r}=e,v=u(e.id,{reverseOrder:!0,margin:8}),E=a=>{a&&e.height===void 0&&p(e.id,a.getBoundingClientRect().height)};return t.createElement(N,{key:e.id,ref:E,visible:e.visible,role:e.role,"aria-live":e.ariaLive,style:{"--offset":`${v}px`},className:"top-(--offset)"},t.createElement(b.Provider,{value:e},typeof r=="function"?r(e):t.isValidElement(r)?r:t.createElement(o,{className:"w-100"},e.type==="error"&&t.createElement(o.Icon,{is:y}),t.createElement(h,null,r),t.createElement(x,null),t.createElement(o.Close,null))))})),n)};s.displayName="ToastProvider";export{s as ToastProvider,B as toast,H as useToastContext};
-//# sourceMappingURL=ToastProvider.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { Spacer as n } from "../spacer/Spacer.js";
+import { ToastContext as r } from "./ToastContext.js";
+import { Toast as i } from "./Toast.js";
+import * as a from "react";
+import { Error as o } from "@atom-learning/icons";
+import s, { useToaster as c } from "react-hot-toast";
+//#region src/components/toast/ToastProvider.tsx
+var l = e("div", { base: [
+	"fixed",
+	"z-2147483647",
+	"inset-2",
+	"pointer-events-none",
+	"sm:top-3"
+] }), u = e("div", {
+	base: [
+		"absolute",
+		"w-full",
+		"flex",
+		"justify-center",
+		"items-center",
+		"rounded-sm",
+		"min-h-12",
+		"[--slide-opacity-out:0]",
+		"[--slide-direction-out-y:-100%]"
+	],
+	variants: { visible: {
+		true: ["motion-safe:animate-slide-direction-in"],
+		false: ["opacity-0", "motion-safe:animate-slide-direction-out"]
+	} }
+}), d = ({ children: e, className: s }) => {
+	let { toasts: d, handlers: f } = c(), { startPause: p, endPause: m, calculateOffset: h, updateHeight: g } = f;
+	return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(l, {
+		onMouseEnter: p,
+		onMouseLeave: m,
+		className: s
+	}, d.map((e) => {
+		let { message: s } = e, c = h(e.id, {
+			reverseOrder: !0,
+			margin: 8
+		});
+		return /* @__PURE__ */ a.createElement(u, {
+			key: e.id,
+			ref: (t) => {
+				t && e.height === void 0 && g(e.id, t.getBoundingClientRect().height);
+			},
+			visible: e.visible,
+			role: e.role,
+			"aria-live": e.ariaLive,
+			style: { "--offset": `${c}px` },
+			className: "top-(--offset)"
+		}, /* @__PURE__ */ a.createElement(r.Provider, { value: e }, typeof s == "function" ? s(e) : a.isValidElement(s) ? s : /* @__PURE__ */ a.createElement(i, { className: "w-100" }, e.type === "error" && /* @__PURE__ */ a.createElement(i.Icon, { is: o }), /* @__PURE__ */ a.createElement(t, null, s), /* @__PURE__ */ a.createElement(n, null), /* @__PURE__ */ a.createElement(i.Close, null))));
+	})), e);
+};
+d.displayName = "ToastProvider";
+//#endregion
+export { d as ToastProvider, s as toast };
+
+//# sourceMappingURL=ToastProvider.js.map

package/dist/components/toast/ToastProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.js","sources":["../../../src/components/toast/ToastProvider.tsx"],"sourcesContent":["import { Error } from '@atom-learning/icons'\nimport * as React from 'react'\nimport { useToaster } from 'react-hot-toast'\n\nimport { styled } from '~/styled'\n\nimport { Spacer } from '../spacer/Spacer'\nimport { Text } from '../text/Text'\nimport { Toast } from './Toast'\nimport { ToastContext } from './ToastContext'\n\nexport { default as toast } from 'react-hot-toast'\nexport { useToastContext } from './ToastContext'\n\nconst ToastProviderBase = styled('div', {\n  base: ['fixed', 'z-2147483647', 'inset-2', 'pointer-events-none', 'sm:top-3']\n})\n\nconst ToastWrapper = styled('div', {\n  base: [\n    'absolute',\n    'w-full',\n    'flex',\n    'justify-center',\n    'items-center',\n    'rounded-sm',\n    'min-h-12',\n    '[--slide-opacity-out:0]',\n    '[--slide-direction-out-y:-100%]'\n  ],\n  variants: {\n    visible: {\n      true: ['motion-safe:animate-slide-direction-in'],\n      false: ['opacity-0', 'motion-safe:animate-slide-direction-out']\n    }\n  }\n})\n\nexport const ToastProvider = ({\n  children,\n  className\n}: React.PropsWithChildren<{ className?: string }>) => {\n  const { toasts, handlers } = useToaster()\n  const { startPause, endPause, calculateOffset, updateHeight } = handlers\n\n  return (\n    <>\n      <ToastProviderBase\n        onMouseEnter={startPause}\n        onMouseLeave={endPause}\n        className={className}\n      >\n        {toasts.map((toast) => {\n          const { message: children } = toast\n\n          const offset = calculateOffset(toast.id, {\n            reverseOrder: true,\n            margin: 8\n          })\n\n          const ref = (el: HTMLDivElement | null) => {\n            if (el && toast.height === undefined) {\n              updateHeight(toast.id, el.getBoundingClientRect().height)\n            }\n          }\n\n          return (\n            <ToastWrapper\n              key={toast.id}\n              ref={ref}\n              visible={toast.visible}\n              role={toast.role}\n              aria-live={toast.ariaLive}\n              style={{ '--offset': `${offset}px` }}\n              className=\"top-(--offset)\"\n            >\n              <ToastContext.Provider value={toast}>\n                {typeof children === 'function' ? (\n                  children(toast)\n                ) : React.isValidElement(children) ? (\n                  children\n                ) : (\n                  <Toast className=\"w-100\">\n                    {toast.type === 'error' && <Toast.Icon is={Error} />}\n                    <Text>{children}</Text>\n                    <Spacer />\n                    <Toast.Close />\n                  </Toast>\n                )}\n              </ToastContext.Provider>\n            </ToastWrapper>\n          )\n        })}\n      </ToastProviderBase>\n      {children}\n    </>\n  )\n}\n\nToastProvider.displayName = 'ToastProvider'\n"],"names":["ToastProviderBase","styled","ToastWrapper","ToastProvider","children","className","toasts","handlers","useToaster","startPause","endPause","calculateOffset","updateHeight","React","toast","offset","ref","el","ToastContext","Toast","Error","Text","Spacer"],"mappings":"iaAcA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,KAAM,CAAC,QAAS,eAAgB,UAAW,sBAAuB,UAAU,CAC9E,CAAC,EAEKC,EAAeD,EAAO,MAAO,CACjC,KAAM,CACJ,WACA,SACA,OACA,iBACA,eACA,aACA,WACA,0BACA,iCACF,EACA,SAAU,CACR,QAAS,CACP,KAAM,CAAC,wCAAwC,EAC/C,MAAO,CAAC,YAAa,yCAAyC,CAChE,CACF,CACF,CAAC,EAEYE,EAAgB,CAAC,CAC5B,SAAAC,EACA,UAAAC,CACF,IAAuD,CACrD,KAAM,CAAE,OAAAC,EAAQ,SAAAC,CAAS,EAAIC,EAAAA,EACvB,CAAE,WAAAC,EAAY,SAAAC,EAAU,gBAAAC,EAAiB,aAAAC,CAAa,EAAIL,EAEhE,OACEM,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACb,EAAA,CACC,aAAcS,EACd,aAAcC,EACd,UAAWL,CAAAA,EAEVC,EAAO,IAAKQ,GAAU,CACrB,KAAM,CAAE,QAASV,CAAS,EAAIU,EAExBC,EAASJ,EAAgBG,EAAM,GAAI,CACvC,aAAc,GACd,OAAQ,CACV,CAAC,EAEKE,EAAOC,GAA8B,CACrCA,GAAMH,EAAM,SAAW,QACzBF,EAAaE,EAAM,GAAIG,EAAG,sBAAsB,EAAE,MAAM,CAE5D,EAEA,OACEJ,EAAA,cAACX,EAAA,CACC,IAAKY,EAAM,GACX,IAAKE,EACL,QAASF,EAAM,QACf,KAAMA,EAAM,KACZ,YAAWA,EAAM,SACjB,MAAO,CAAE,WAAY,GAAGC,CAAM,IAAK,EACnC,UAAU,gBAAA,EAEVF,EAAA,cAACK,EAAa,SAAb,CAAsB,MAAOJ,CAC3B,EAAA,OAAOV,GAAa,WACnBA,EAASU,CAAK,EACZD,EAAM,eAAeT,CAAQ,EAC/BA,EAEAS,EAAA,cAACM,EAAA,CAAM,UAAU,OAAA,EACdL,EAAM,OAAS,SAAWD,EAAA,cAACM,EAAM,KAAN,CAAW,GAAIC,CAAO,CAAA,EAClDP,EAAA,cAACQ,EAAA,KAAMjB,CAAS,EAChBS,EAAA,cAACS,EAAA,IAAO,EACRT,EAAA,cAACM,EAAM,MAAN,IAAY,CACf,CAEJ,CACF,CAEJ,CAAC,CACH,EACCf,CACH,CAEJ,EAEAD,EAAc,YAAc"}
+{"version":3,"file":"ToastProvider.js","names":[],"sources":["../../../src/components/toast/ToastProvider.tsx"],"sourcesContent":["import { Error } from '@atom-learning/icons'\nimport * as React from 'react'\nimport { useToaster } from 'react-hot-toast'\n\nimport { styled } from '~/styled'\n\nimport { Spacer } from '../spacer/Spacer'\nimport { Text } from '../text/Text'\nimport { Toast } from './Toast'\nimport { ToastContext } from './ToastContext'\n\nexport { default as toast } from 'react-hot-toast'\nexport { useToastContext } from './ToastContext'\n\nconst ToastProviderBase = styled('div', {\n  base: ['fixed', 'z-2147483647', 'inset-2', 'pointer-events-none', 'sm:top-3']\n})\n\nconst ToastWrapper = styled('div', {\n  base: [\n    'absolute',\n    'w-full',\n    'flex',\n    'justify-center',\n    'items-center',\n    'rounded-sm',\n    'min-h-12',\n    '[--slide-opacity-out:0]',\n    '[--slide-direction-out-y:-100%]'\n  ],\n  variants: {\n    visible: {\n      true: ['motion-safe:animate-slide-direction-in'],\n      false: ['opacity-0', 'motion-safe:animate-slide-direction-out']\n    }\n  }\n})\n\nexport const ToastProvider = ({\n  children,\n  className\n}: React.PropsWithChildren<{ className?: string }>) => {\n  const { toasts, handlers } = useToaster()\n  const { startPause, endPause, calculateOffset, updateHeight } = handlers\n\n  return (\n    <>\n      <ToastProviderBase\n        onMouseEnter={startPause}\n        onMouseLeave={endPause}\n        className={className}\n      >\n        {toasts.map((toast) => {\n          const { message: children } = toast\n\n          const offset = calculateOffset(toast.id, {\n            reverseOrder: true,\n            margin: 8\n          })\n\n          const ref = (el: HTMLDivElement | null) => {\n            if (el && toast.height === undefined) {\n              updateHeight(toast.id, el.getBoundingClientRect().height)\n            }\n          }\n\n          return (\n            <ToastWrapper\n              key={toast.id}\n              ref={ref}\n              visible={toast.visible}\n              role={toast.role}\n              aria-live={toast.ariaLive}\n              style={{ '--offset': `${offset}px` }}\n              className=\"top-(--offset)\"\n            >\n              <ToastContext.Provider value={toast}>\n                {typeof children === 'function' ? (\n                  children(toast)\n                ) : React.isValidElement(children) ? (\n                  children\n                ) : (\n                  <Toast className=\"w-100\">\n                    {toast.type === 'error' && <Toast.Icon is={Error} />}\n                    <Text>{children}</Text>\n                    <Spacer />\n                    <Toast.Close />\n                  </Toast>\n                )}\n              </ToastContext.Provider>\n            </ToastWrapper>\n          )\n        })}\n      </ToastProviderBase>\n      {children}\n    </>\n  )\n}\n\nToastProvider.displayName = 'ToastProvider'\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAoB,EAAO,OAAO,EACtC,MAAM;CAAC;CAAS;CAAgB;CAAW;CAAuB;CAAW,EAC9E,CAAC,EAEI,IAAe,EAAO,OAAO;CACjC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,SAAS;EACP,MAAM,CAAC,yCAAyC;EAChD,OAAO,CAAC,aAAa,0CAA0C;EAChE,EACF;CACF,CAAC,EAEW,KAAiB,EAC5B,aACA,mBACqD;CACrD,IAAM,EAAE,WAAQ,gBAAa,GAAY,EACnC,EAAE,eAAY,aAAU,oBAAiB,oBAAiB;AAEhE,QACE,kBAAA,cAAA,EAAA,UAAA,MACE,kBAAA,cAAC,GAAD;EACE,cAAc;EACd,cAAc;EACH;EA2CO,EAzCjB,EAAO,KAAK,MAAU;EACrB,IAAM,EAAE,SAAS,MAAa,GAExB,IAAS,EAAgB,EAAM,IAAI;GACvC,cAAc;GACd,QAAQ;GACT,CAAC;AAQF,SACE,kBAAA,cAAC,GAAD;GACE,KAAK,EAAM;GACN,MATI,MAA8B;AACzC,IAAI,KAAM,EAAM,WAAW,KAAA,KACzB,EAAa,EAAM,IAAI,EAAG,uBAAuB,CAAC,OAAO;;GAQzD,SAAS,EAAM;GACf,MAAM,EAAM;GACZ,aAAW,EAAM;GACjB,OAAO,EAAE,YAAY,GAAG,EAAO,KAAK;GACpC,WAAU;GAgBG,EAdb,kBAAA,cAAC,EAAa,UAAd,EAAuB,OAAO,GAaN,EAZrB,OAAO,KAAa,aACnB,EAAS,EAAM,GACb,EAAM,eAAe,EAAS,GAChC,IAEA,kBAAA,cAAC,GAAD,EAAO,WAAU,SAKT,EAJL,EAAM,SAAS,WAAW,kBAAA,cAAC,EAAM,MAAP,EAAY,IAAI,GAAS,CAAA,EACpD,kBAAA,cAAC,GAAA,MAAM,EAAgB,EACvB,kBAAA,cAAC,GAAA,KAAS,EACV,kBAAA,cAAC,EAAM,OAAA,KAAQ,CACT,CAEY,CACX;GAEjB,CACgB,EACnB,EACA;;AAIP,EAAc,cAAc"}

package/dist/components/toggle-group/ToggleGroupButton.js

@@ -1,2 +1,98 @@
-import*as y from"@radix-ui/react-toggle-group";import*as n from"react";import{styled as f}from"../../styled.js";import{Icon as m}from"../icon/Icon.js";import{standardVariant as u,modernVariant as h}from"./ToggleGroupItem.js";const r=f(y.Item,{base:["cursor-pointer","disabled:cursor-not-allowed","disabled:opacity-30","grow","flex","items-center","justify-center","font-semibold","leading-none","py-1"],variants:{size:{sm:["*:not-last:mr-2","min-h-8","px-4","text-sm"],md:["*:not-last:mr-3","min-h-10","px-8","text-md"],lg:["*:not-last:mr-3","min-h-12","px-8","text-lg"]},isIconOnly:{true:[]},theme:{standard:u,modern:h}},compoundVariants:[{isIconOnly:!0,size:"sm",class:["min-w-8","p-0"]},{isIconOnly:!0,size:"md",class:["min-w-10","p-0"]},{isIconOnly:!0,size:"lg",class:["min-w-12","p-0"]},{isIconOnly:!0,size:"sm",theme:"modern",class:["min-w-10","p-0"]},{isIconOnly:!0,size:"md",theme:"modern",class:["min-w-12","p-0"]},{isIconOnly:!0,size:"lg",theme:"modern",class:["min-w-15","p-0"]}]},{enabledResponsiveVariants:!0}),g=n.forwardRef(({size:s="md",theme:l="standard",children:a,...d},p)=>{var o;const t=n.Children.toArray(a),i=t.length<=1,c=i&&n.isValidElement(t[0])&&((o=t[0])==null?void 0:o.type)===m;return n.createElement(r,{ref:p,size:s,isIconOnly:c,theme:l,...d},t.map(e=>!i&&(typeof e=="string"||typeof e=="number")?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===m?n.cloneElement(e,{...e.props,size:s}):e))});export{r as StyledButton,g as ToggleGroupButton};
-//# sourceMappingURL=ToggleGroupButton.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { modernVariant as n, standardVariant as r } from "./ToggleGroupItem.js";
+import * as i from "react";
+import * as a from "@radix-ui/react-toggle-group";
+//#region src/components/toggle-group/ToggleGroupButton.tsx
+var o = e(a.Item, {
+	base: [
+		"cursor-pointer",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-30",
+		"grow",
+		"flex",
+		"items-center",
+		"justify-center",
+		"font-semibold",
+		"leading-none",
+		"py-1"
+	],
+	variants: {
+		size: {
+			sm: [
+				"*:not-last:mr-2",
+				"min-h-8",
+				"px-4",
+				"text-sm"
+			],
+			md: [
+				"*:not-last:mr-3",
+				"min-h-10",
+				"px-8",
+				"text-md"
+			],
+			lg: [
+				"*:not-last:mr-3",
+				"min-h-12",
+				"px-8",
+				"text-lg"
+			]
+		},
+		isIconOnly: { true: [] },
+		theme: {
+			standard: r,
+			modern: n
+		}
+	},
+	compoundVariants: [
+		{
+			isIconOnly: !0,
+			size: "sm",
+			class: ["min-w-8", "p-0"]
+		},
+		{
+			isIconOnly: !0,
+			size: "md",
+			class: ["min-w-10", "p-0"]
+		},
+		{
+			isIconOnly: !0,
+			size: "lg",
+			class: ["min-w-12", "p-0"]
+		},
+		{
+			isIconOnly: !0,
+			size: "sm",
+			theme: "modern",
+			class: ["min-w-10", "p-0"]
+		},
+		{
+			isIconOnly: !0,
+			size: "md",
+			theme: "modern",
+			class: ["min-w-12", "p-0"]
+		},
+		{
+			isIconOnly: !0,
+			size: "lg",
+			theme: "modern",
+			class: ["min-w-15", "p-0"]
+		}
+	]
+}, { enabledResponsiveVariants: !0 }), s = i.forwardRef(({ size: e = "md", theme: n = "standard", children: r, ...a }, s) => {
+	let c = i.Children.toArray(r), l = c.length <= 1, u = l && i.isValidElement(c[0]) && c[0]?.type === t;
+	return /* @__PURE__ */ i.createElement(o, {
+		ref: s,
+		size: e,
+		isIconOnly: u,
+		theme: n,
+		...a
+	}, c.map((n) => !l && (typeof n == "string" || typeof n == "number") ? /* @__PURE__ */ i.createElement("span", { key: n }, n) : i.isValidElement(n) && n?.type === t ? i.cloneElement(n, {
+		...n.props,
+		size: e
+	}) : n));
+});
+//#endregion
+export { s as ToggleGroupButton };
+
+//# sourceMappingURL=ToggleGroupButton.js.map

package/dist/components/toggle-group/ToggleGroupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupButton.js","sources":["../../../src/components/toggle-group/ToggleGroupButton.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Icon } from '../icon/Icon'\nimport { modernVariant, standardVariant } from './ToggleGroupItem'\n\nexport const StyledButton = styled(\n  ToggleGroup.Item,\n  {\n    base: [\n      'cursor-pointer',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'grow',\n      'flex',\n      'items-center',\n      'justify-center',\n      'font-semibold',\n      'leading-none',\n      'py-1'\n    ],\n    variants: {\n      size: {\n        sm: ['*:not-last:mr-2', 'min-h-8', 'px-4', 'text-sm'],\n        md: ['*:not-last:mr-3', 'min-h-10', 'px-8', 'text-md'],\n        lg: ['*:not-last:mr-3', 'min-h-12', 'px-8', 'text-lg']\n      },\n      isIconOnly: {\n        true: []\n      },\n      theme: {\n        standard: standardVariant,\n        modern: modernVariant\n      }\n    },\n    compoundVariants: [\n      {\n        isIconOnly: true,\n        size: 'sm',\n        class: ['min-w-8', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'md',\n        class: ['min-w-10', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'lg',\n        class: ['min-w-12', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'sm',\n        theme: 'modern',\n        class: ['min-w-10', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'md',\n        theme: 'modern',\n        class: ['min-w-12', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'lg',\n        theme: 'modern',\n        class: ['min-w-15', 'p-0']\n      }\n    ]\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const ToggleGroupButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledButton>\n>(({ size = 'md', theme = 'standard', children, ...rest }, ref) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  const isIconOnly =\n    isSingleChild &&\n    React.isValidElement(childrenArray[0]) &&\n    childrenArray[0]?.type === Icon\n\n  return (\n    <StyledButton\n      ref={ref}\n      size={size}\n      isIconOnly={isIconOnly}\n      theme={theme}\n      {...rest}\n    >\n      {\n        childrenArray.map((child) => {\n          if (\n            !isSingleChild &&\n            (typeof child === 'string' || typeof child === 'number')\n          )\n            return <span key={child}>{child}</span>\n          if (React.isValidElement(child)) {\n            if (child?.type === Icon)\n              return React.cloneElement(child, { ...child.props, size })\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledButton>\n  )\n})\n"],"names":["StyledButton","styled","ToggleGroup","standardVariant","modernVariant","ToggleGroupButton","React","size","theme","children","rest","ref","_a","childrenArray","isSingleChild","isIconOnly","Icon","child"],"mappings":"iOAQO,MAAMA,EAAeC,EAC1BC,EAAY,KACZ,CACE,KAAM,CACJ,iBACA,8BACA,sBACA,OACA,OACA,eACA,iBACA,gBACA,eACA,MACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,kBAAmB,UAAW,OAAQ,SAAS,EACpD,GAAI,CAAC,kBAAmB,WAAY,OAAQ,SAAS,EACrD,GAAI,CAAC,kBAAmB,WAAY,OAAQ,SAAS,CACvD,EACA,WAAY,CACV,KAAM,CAAA,CACR,EACA,MAAO,CACL,SAAUC,EACV,OAAQC,CACV,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,KAAM,KACN,MAAO,CAAC,UAAW,KAAK,CAC1B,EACA,CACE,WAAY,GACZ,KAAM,KACN,MAAO,CAAC,WAAY,KAAK,CAC3B,EACA,CACE,WAAY,GACZ,KAAM,KACN,MAAO,CAAC,WAAY,KAAK,CAC3B,EACA,CACE,WAAY,GACZ,KAAM,KACN,MAAO,SACP,MAAO,CAAC,WAAY,KAAK,CAC3B,EACA,CACE,WAAY,GACZ,KAAM,KACN,MAAO,SACP,MAAO,CAAC,WAAY,KAAK,CAC3B,EACA,CACE,WAAY,GACZ,KAAM,KACN,MAAO,SACP,MAAO,CAAC,WAAY,KAAK,CAC3B,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEaC,EAAoBC,EAAM,WAGrC,CAAC,CAAE,KAAAC,EAAO,KAAM,MAAAC,EAAQ,WAAY,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IAAQ,CA/EnE,IAAAC,EAgFE,MAAMC,EAAgBP,EAAM,SAAS,QAAQG,CAAQ,EAC/CK,EAAgBD,EAAc,QAAU,EACxCE,EACJD,GACAR,EAAM,eAAeO,EAAc,CAAC,CAAC,KACrCD,EAAAC,EAAc,CAAC,IAAf,KAAAD,OAAAA,EAAkB,QAASI,EAE7B,OACEV,EAAA,cAACN,EAAA,CACC,IAAKW,EACL,KAAMJ,EACN,WAAYQ,EACZ,MAAOP,EACN,GAAGE,CAAAA,EAGFG,EAAc,IAAKI,GAEf,CAACH,IACA,OAAOG,GAAU,UAAY,OAAOA,GAAU,UAExCX,EAAA,cAAC,OAAK,CAAA,IAAKW,CAAQA,EAAAA,CAAM,EAC9BX,EAAM,eAAeW,CAAK,IACxBA,GAAA,YAAAA,EAAO,QAASD,EACXV,EAAM,aAAaW,EAAO,CAAE,GAAGA,EAAM,MAAO,KAAAV,CAAK,CAAC,EAEtDU,CACR,CAEL,CAEJ,CAAC"}
+{"version":3,"file":"ToggleGroupButton.js","names":[],"sources":["../../../src/components/toggle-group/ToggleGroupButton.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Icon } from '../icon/Icon'\nimport { modernVariant, standardVariant } from './ToggleGroupItem'\n\nexport const StyledButton = styled(\n  ToggleGroup.Item,\n  {\n    base: [\n      'cursor-pointer',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'grow',\n      'flex',\n      'items-center',\n      'justify-center',\n      'font-semibold',\n      'leading-none',\n      'py-1'\n    ],\n    variants: {\n      size: {\n        sm: ['*:not-last:mr-2', 'min-h-8', 'px-4', 'text-sm'],\n        md: ['*:not-last:mr-3', 'min-h-10', 'px-8', 'text-md'],\n        lg: ['*:not-last:mr-3', 'min-h-12', 'px-8', 'text-lg']\n      },\n      isIconOnly: {\n        true: []\n      },\n      theme: {\n        standard: standardVariant,\n        modern: modernVariant\n      }\n    },\n    compoundVariants: [\n      {\n        isIconOnly: true,\n        size: 'sm',\n        class: ['min-w-8', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'md',\n        class: ['min-w-10', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'lg',\n        class: ['min-w-12', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'sm',\n        theme: 'modern',\n        class: ['min-w-10', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'md',\n        theme: 'modern',\n        class: ['min-w-12', 'p-0']\n      },\n      {\n        isIconOnly: true,\n        size: 'lg',\n        theme: 'modern',\n        class: ['min-w-15', 'p-0']\n      }\n    ]\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const ToggleGroupButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledButton>\n>(({ size = 'md', theme = 'standard', children, ...rest }, ref) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  const isIconOnly =\n    isSingleChild &&\n    React.isValidElement(childrenArray[0]) &&\n    childrenArray[0]?.type === Icon\n\n  return (\n    <StyledButton\n      ref={ref}\n      size={size}\n      isIconOnly={isIconOnly}\n      theme={theme}\n      {...rest}\n    >\n      {\n        childrenArray.map((child) => {\n          if (\n            !isSingleChild &&\n            (typeof child === 'string' || typeof child === 'number')\n          )\n            return <span key={child}>{child}</span>\n          if (React.isValidElement(child)) {\n            if (child?.type === Icon)\n              return React.cloneElement(child, { ...child.props, size })\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledButton>\n  )\n})\n"],"mappings":";;;;;;AAQA,IAAa,IAAe,EAC1B,EAAY,MACZ;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAmB;IAAW;IAAQ;IAAU;GACrD,IAAI;IAAC;IAAmB;IAAY;IAAQ;IAAU;GACtD,IAAI;IAAC;IAAmB;IAAY;IAAQ;IAAU;GACvD;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACD,OAAO;GACL,UAAU;GACV,QAAQ;GACT;EACF;CACD,kBAAkB;EAChB;GACE,YAAY;GACZ,MAAM;GACN,OAAO,CAAC,WAAW,MAAM;GAC1B;EACD;GACE,YAAY;GACZ,MAAM;GACN,OAAO,CAAC,YAAY,MAAM;GAC3B;EACD;GACE,YAAY;GACZ,MAAM;GACN,OAAO,CAAC,YAAY,MAAM;GAC3B;EACD;GACE,YAAY;GACZ,MAAM;GACN,OAAO;GACP,OAAO,CAAC,YAAY,MAAM;GAC3B;EACD;GACE,YAAY;GACZ,MAAM;GACN,OAAO;GACP,OAAO,CAAC,YAAY,MAAM;GAC3B;EACD;GACE,YAAY;GACZ,MAAM;GACN,OAAO;GACP,OAAO,CAAC,YAAY,MAAM;GAC3B;EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAEY,IAAoB,EAAM,YAGpC,EAAE,UAAO,MAAM,WAAQ,YAAY,aAAU,GAAG,KAAQ,MAAQ;CACjE,IAAM,IAAgB,EAAM,SAAS,QAAQ,EAAS,EAChD,IAAgB,EAAc,UAAU,GACxC,IACJ,KACA,EAAM,eAAe,EAAc,GAAG,IACtC,EAAc,IAAI,SAAS;AAE7B,QACE,kBAAA,cAAC,GAAD;EACO;EACC;EACM;EACL;EACP,GAAI;EAgBS,EAbX,EAAc,KAAK,MAEf,CAAC,MACA,OAAO,KAAU,YAAY,OAAO,KAAU,YAExC,kBAAA,cAAC,QAAD,EAAM,KAAK,GAAqB,EAAb,EAAa,GACrC,EAAM,eAAe,EAAM,IACzB,GAAO,SAAS,IACX,EAAM,aAAa,GAAO;EAAE,GAAG,EAAM;EAAO;EAAM,CAAC,GAEvD,EACP,CAES;EAEjB"}

package/dist/components/toggle-group/ToggleGroupItem.js

@@ -1,2 +1,61 @@
-import*as t from"@radix-ui/react-toggle-group";import{styled as a}from"../../styled.js";const e=["before:bg-grey-600","bg-white","border","border-grey-600","text-grey-800","data-[state=on]:border-current!","data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]","data-[state=on]:text-primary-800","not-disabled:data-[state=on]:before:bg-none","not-disabled:focus-visible:before:bg-none","not-disabled:focus-visible:data-[state=off]:border-grey-600!","not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]","not-disabled:focus-visible:data-[state=on]:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:before:bg-none","not-disabled:hover:border-current!","not-disabled:hover:text-primary-900"],o=["bg-grey-200","text-grey-800","overflow-hidden","rounded-md","data-[state=on]:bg-white","data-[state=on]:border!","data-[state=on]:border-grey-200!","data-[state=on]:shadow-none!","data-[state=on]:text-grey-900","not-disabled:focus-visible:data-[state=off]:border-grey-600!","not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px_white_0px_0px_0px_2px]","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:text-primary-900"],d=a(t.Item,{base:["cursor-pointer","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{standard:e,modern:o}},defaultVariants:{theme:"standard"}});export{d as ToggleGroupItem,o as modernVariant,e as standardVariant};
-//# sourceMappingURL=ToggleGroupItem.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "@radix-ui/react-toggle-group";
+//#region src/components/toggle-group/ToggleGroupItem.tsx
+var n = [
+	"before:bg-grey-600",
+	"bg-white",
+	"border",
+	"border-grey-600",
+	"text-grey-800",
+	"data-[state=on]:border-current!",
+	"data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]",
+	"data-[state=on]:text-primary-800",
+	"not-disabled:data-[state=on]:before:bg-none",
+	"not-disabled:focus-visible:before:bg-none",
+	"not-disabled:focus-visible:data-[state=off]:border-grey-600!",
+	"not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]",
+	"not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]",
+	"not-disabled:focus-visible:data-[state=on]:shadow-[white_0px_0px_0px_2px]",
+	"not-disabled:focus-visible:outline-none",
+	"not-disabled:focus-visible:relative",
+	"not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]",
+	"not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]",
+	"not-disabled:focus-visible:z-1",
+	"not-disabled:hover:before:bg-none",
+	"not-disabled:hover:border-current!",
+	"not-disabled:hover:text-primary-900"
+], r = [
+	"bg-grey-200",
+	"text-grey-800",
+	"overflow-hidden",
+	"rounded-md",
+	"data-[state=on]:bg-white",
+	"data-[state=on]:border!",
+	"data-[state=on]:border-grey-200!",
+	"data-[state=on]:shadow-none!",
+	"data-[state=on]:text-grey-900",
+	"not-disabled:focus-visible:data-[state=off]:border-grey-600!",
+	"not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]",
+	"not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px_white_0px_0px_0px_2px]",
+	"not-disabled:focus-visible:outline-none",
+	"not-disabled:focus-visible:relative",
+	"not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]",
+	"not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]",
+	"not-disabled:focus-visible:z-1",
+	"not-disabled:hover:text-primary-900"
+], i = e(t.Item, {
+	base: [
+		"cursor-pointer",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-30"
+	],
+	variants: { theme: {
+		standard: n,
+		modern: r
+	} },
+	defaultVariants: { theme: "standard" }
+});
+//#endregion
+export { i as ToggleGroupItem, r as modernVariant, n as standardVariant };
+
+//# sourceMappingURL=ToggleGroupItem.js.map

package/dist/components/toggle-group/ToggleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.js","sources":["../../../src/components/toggle-group/ToggleGroupItem.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\n\nimport { styled } from '~/styled'\n\nexport const standardVariant = [\n  'before:bg-grey-600',\n  'bg-white',\n  'border',\n  'border-grey-600',\n  'text-grey-800',\n  'data-[state=on]:border-current!',\n  'data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]',\n  'data-[state=on]:text-primary-800',\n  'not-disabled:data-[state=on]:before:bg-none',\n  'not-disabled:focus-visible:before:bg-none',\n  'not-disabled:focus-visible:data-[state=off]:border-grey-600!',\n  'not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]',\n  'not-disabled:focus-visible:data-[state=on]:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:before:bg-none',\n  'not-disabled:hover:border-current!',\n  'not-disabled:hover:text-primary-900'\n]\n\nexport const modernVariant = [\n  'bg-grey-200',\n  'text-grey-800',\n  'overflow-hidden',\n  'rounded-md',\n  'data-[state=on]:bg-white',\n  'data-[state=on]:border!',\n  'data-[state=on]:border-grey-200!',\n  'data-[state=on]:shadow-none!',\n  'data-[state=on]:text-grey-900',\n  'not-disabled:focus-visible:data-[state=off]:border-grey-600!',\n  'not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px_white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:text-primary-900'\n]\n\nexport const ToggleGroupItem = styled(ToggleGroup.Item, {\n  base: [\n    'cursor-pointer',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    theme: {\n      standard: standardVariant,\n      modern: modernVariant\n    }\n  },\n  defaultVariants: {\n    theme: 'standard'\n  }\n})\n"],"names":["standardVariant","modernVariant","ToggleGroupItem","styled","ToggleGroup"],"mappings":"wFAIa,MAAAA,EAAkB,CAC7B,qBACA,WACA,SACA,kBACA,gBACA,kCACA,8DACA,mCACA,8CACA,4CACA,+DACA,+FACA,yFACA,4EACA,0CACA,sCACA,+EACA,4DACA,iCACA,oCACA,qCACA,qCACF,EAEaC,EAAgB,CAC3B,cACA,gBACA,kBACA,aACA,2BACA,0BACA,mCACA,+BACA,gCACA,+DACA,+FACA,+GACA,0CACA,sCACA,+EACA,4DACA,iCACA,qCACF,EAEaC,EAAkBC,EAAOC,EAAY,KAAM,CACtD,KAAM,CACJ,iBACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,SAAUJ,EACV,OAAQC,CACV,CACF,EACA,gBAAiB,CACf,MAAO,UACT,CACF,CAAC"}
+{"version":3,"file":"ToggleGroupItem.js","names":[],"sources":["../../../src/components/toggle-group/ToggleGroupItem.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\n\nimport { styled } from '~/styled'\n\nexport const standardVariant = [\n  'before:bg-grey-600',\n  'bg-white',\n  'border',\n  'border-grey-600',\n  'text-grey-800',\n  'data-[state=on]:border-current!',\n  'data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]',\n  'data-[state=on]:text-primary-800',\n  'not-disabled:data-[state=on]:before:bg-none',\n  'not-disabled:focus-visible:before:bg-none',\n  'not-disabled:focus-visible:data-[state=off]:border-grey-600!',\n  'not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px]',\n  'not-disabled:focus-visible:data-[state=on]:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:before:bg-none',\n  'not-disabled:hover:border-current!',\n  'not-disabled:hover:text-primary-900'\n]\n\nexport const modernVariant = [\n  'bg-grey-200',\n  'text-grey-800',\n  'overflow-hidden',\n  'rounded-md',\n  'data-[state=on]:bg-white',\n  'data-[state=on]:border!',\n  'data-[state=on]:border-grey-200!',\n  'data-[state=on]:shadow-none!',\n  'data-[state=on]:text-grey-900',\n  'not-disabled:focus-visible:data-[state=off]:border-grey-600!',\n  'not-disabled:focus-visible:data-[state=on]:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:data-[state=on]:inset-shadow-[currentColor_0px_0px_0px_1px_white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:text-primary-900'\n]\n\nexport const ToggleGroupItem = styled(ToggleGroup.Item, {\n  base: [\n    'cursor-pointer',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    theme: {\n      standard: standardVariant,\n      modern: modernVariant\n    }\n  },\n  defaultVariants: {\n    theme: 'standard'\n  }\n})\n"],"mappings":";;;AAIA,IAAa,IAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAkB,EAAO,EAAY,MAAM;CACtD,MAAM;EACJ;EACA;EACA;EACD;CACD,UAAU,EACR,OAAO;EACL,UAAU;EACV,QAAQ;EACT,EACF;CACD,iBAAiB,EACf,OAAO,YACR;CACF,CAAC"}

package/dist/components/toggle-group/ToggleGroupRoot.js

@@ -1,2 +1,107 @@
-import f from"clsx";import*as t from"react";import{styled as h}from"../../styled.js";import{ToggleGroup as b}from"../../utilities/radix-overrides/toggle-group/index.js";const n=h(b.Root,{base:["w-fit"],variants:{isFullWidth:{true:["**:data-radix-collection-item:basis-0","**:data-radix-collection-item:grow","w-full"],false:["w-auto"]},hasGap:{true:["**:data-radix-collection-item:rounded-md"],false:["**:data-radix-collection-item:not-last:before:absolute","**:data-radix-collection-item:not-last:before:content-['']","**:data-radix-collection-item:relative","rounded-md"]},direction:{column:[],row:[]},theme:{standard:[],modern:["bg-grey-200"]}},compoundVariants:[{hasGap:!1,direction:"row",theme:"standard",class:["**:data-radix-collection-item:first:rounded-l-md","**:data-radix-collection-item:last:rounded-r-md","**:data-radix-collection-item:not-first:border-l-transparent","**:data-radix-collection-item:not-last:before:h-[calc(100%+2px)]","**:data-radix-collection-item:not-last:before:right-0","**:data-radix-collection-item:not-last:before:-top-px","**:data-radix-collection-item:not-last:before:translate-x-3/2","**:data-radix-collection-item:not-last:before:w-px","**:data-radix-collection-item:not-last:border-r-transparent","**:data-radix-collection-item:rounded-none"]},{hasGap:!1,direction:"column",theme:"standard",class:["**:data-radix-collection-item:first:rounded-t-sm","**:data-radix-collection-item:last:rounded-b-sm","**:data-radix-collection-item:not-first:border-t-transparent","**:data-radix-collection-item:not-last:before:bottom-0","**:data-radix-collection-item:not-last:before:h-px","**:data-radix-collection-item:not-last:before:-left-px","**:data-radix-collection-item:not-last:before:translate-y-3/2","**:data-radix-collection-item:not-last:before:w-[calc(100%+2px)]","**:data-radix-collection-item:not-last:border-b-transparent"]},{hasGap:!1,theme:"modern",class:[]},{hasGap:!1,theme:"standard",class:["**:data-radix-collection-item:bg-transparent","**:data-radix-collection-item:rounded-none","bg-white"]}]}),u={0:"gap-0.5",1:"gap-1",2:"gap-2",3:"gap-3"},g=e=>e==="horizontal"?"row":"column",w=t.forwardRef(({className:e,orientation:o="horizontal",gap:r,isFullWidth:d,children:c,theme:i="standard",wrap:s,...m},p)=>{const l=typeof r=="number",x=g(o);return t.createElement(n,{ref:p,direction:x,hasGap:l,isFullWidth:d,orientation:o,theme:i,...m},t.createElement("div",{className:f("flex",l&&u[r],o==="horizontal"?"flex-row":"flex-col",s?"flex-wrap":"flex-nowrap",e)},t.Children.toArray(c).map(a=>t.isValidElement(a)?t.cloneElement(a,{...a.props,theme:i}):a)))});export{n as StyledRoot,w as ToggleGroupRoot};
-//# sourceMappingURL=ToggleGroupRoot.js.map
+import { styled as e } from "../../styled.js";
+import { ToggleGroup as t } from "../../utilities/radix-overrides/toggle-group/index.js";
+import n from "clsx";
+import * as r from "react";
+//#region src/components/toggle-group/ToggleGroupRoot.tsx
+var i = e(t.Root, {
+	base: ["w-fit"],
+	variants: {
+		isFullWidth: {
+			true: [
+				"**:data-radix-collection-item:basis-0",
+				"**:data-radix-collection-item:grow",
+				"w-full"
+			],
+			false: ["w-auto"]
+		},
+		hasGap: {
+			true: ["**:data-radix-collection-item:rounded-md"],
+			false: [
+				"**:data-radix-collection-item:not-last:before:absolute",
+				"**:data-radix-collection-item:not-last:before:content-['']",
+				"**:data-radix-collection-item:relative",
+				"rounded-md"
+			]
+		},
+		direction: {
+			column: [],
+			row: []
+		},
+		theme: {
+			standard: [],
+			modern: ["bg-grey-200"]
+		}
+	},
+	compoundVariants: [
+		{
+			hasGap: !1,
+			direction: "row",
+			theme: "standard",
+			class: [
+				"**:data-radix-collection-item:first:rounded-l-md",
+				"**:data-radix-collection-item:last:rounded-r-md",
+				"**:data-radix-collection-item:not-first:border-l-transparent",
+				"**:data-radix-collection-item:not-last:before:h-[calc(100%+2px)]",
+				"**:data-radix-collection-item:not-last:before:right-0",
+				"**:data-radix-collection-item:not-last:before:-top-px",
+				"**:data-radix-collection-item:not-last:before:translate-x-3/2",
+				"**:data-radix-collection-item:not-last:before:w-px",
+				"**:data-radix-collection-item:not-last:border-r-transparent",
+				"**:data-radix-collection-item:rounded-none"
+			]
+		},
+		{
+			hasGap: !1,
+			direction: "column",
+			theme: "standard",
+			class: [
+				"**:data-radix-collection-item:first:rounded-t-sm",
+				"**:data-radix-collection-item:last:rounded-b-sm",
+				"**:data-radix-collection-item:not-first:border-t-transparent",
+				"**:data-radix-collection-item:not-last:before:bottom-0",
+				"**:data-radix-collection-item:not-last:before:h-px",
+				"**:data-radix-collection-item:not-last:before:-left-px",
+				"**:data-radix-collection-item:not-last:before:translate-y-3/2",
+				"**:data-radix-collection-item:not-last:before:w-[calc(100%+2px)]",
+				"**:data-radix-collection-item:not-last:border-b-transparent"
+			]
+		},
+		{
+			hasGap: !1,
+			theme: "modern",
+			class: []
+		},
+		{
+			hasGap: !1,
+			theme: "standard",
+			class: [
+				"**:data-radix-collection-item:bg-transparent",
+				"**:data-radix-collection-item:rounded-none",
+				"bg-white"
+			]
+		}
+	]
+}), a = {
+	0: "gap-0.5",
+	1: "gap-1",
+	2: "gap-2",
+	3: "gap-3"
+}, o = (e) => e === "horizontal" ? "row" : "column", s = r.forwardRef(({ className: e, orientation: t = "horizontal", gap: s, isFullWidth: c, children: l, theme: u = "standard", wrap: d, ...f }, p) => {
+	let m = typeof s == "number", h = o(t);
+	return /* @__PURE__ */ r.createElement(i, {
+		ref: p,
+		direction: h,
+		hasGap: m,
+		isFullWidth: c,
+		orientation: t,
+		theme: u,
+		...f
+	}, /* @__PURE__ */ r.createElement("div", { className: n("flex", m && a[s], t === "horizontal" ? "flex-row" : "flex-col", d ? "flex-wrap" : "flex-nowrap", e) }, r.Children.toArray(l).map((e) => r.isValidElement(e) ? r.cloneElement(e, {
+		...e.props,
+		theme: u
+	}) : e)));
+});
+//#endregion
+export { s as ToggleGroupRoot };
+
+//# sourceMappingURL=ToggleGroupRoot.js.map

package/dist/components/toggle-group/ToggleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupRoot.js","sources":["../../../src/components/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype RootType = {\n  orientation?: 'horizontal' | 'vertical'\n  isFullWidth?: boolean\n  gap?: 0 | 1 | 2 | 3\n  wrap?: boolean\n}\n\nexport const StyledRoot = styled(ToggleGroup.Root, {\n  base: ['w-fit'],\n  variants: {\n    isFullWidth: {\n      true: [\n        '**:data-radix-collection-item:basis-0',\n        '**:data-radix-collection-item:grow',\n        'w-full'\n      ],\n      false: ['w-auto']\n    },\n    hasGap: {\n      true: ['**:data-radix-collection-item:rounded-md'],\n      false: [\n        '**:data-radix-collection-item:not-last:before:absolute',\n        \"**:data-radix-collection-item:not-last:before:content-['']\",\n        '**:data-radix-collection-item:relative',\n        'rounded-md'\n      ]\n    },\n    direction: {\n      column: [],\n      row: []\n    },\n    theme: {\n      standard: [],\n      modern: ['bg-grey-200']\n    }\n  },\n  compoundVariants: [\n    {\n      hasGap: false,\n      direction: 'row',\n      theme: 'standard',\n      class: [\n        '**:data-radix-collection-item:first:rounded-l-md',\n        '**:data-radix-collection-item:last:rounded-r-md',\n        '**:data-radix-collection-item:not-first:border-l-transparent',\n        '**:data-radix-collection-item:not-last:before:h-[calc(100%+2px)]',\n        '**:data-radix-collection-item:not-last:before:right-0',\n        '**:data-radix-collection-item:not-last:before:-top-px',\n        '**:data-radix-collection-item:not-last:before:translate-x-3/2',\n        '**:data-radix-collection-item:not-last:before:w-px',\n        '**:data-radix-collection-item:not-last:border-r-transparent',\n        '**:data-radix-collection-item:rounded-none'\n      ]\n    },\n    {\n      hasGap: false,\n      direction: 'column',\n      theme: 'standard',\n      class: [\n        '**:data-radix-collection-item:first:rounded-t-sm',\n        '**:data-radix-collection-item:last:rounded-b-sm',\n        '**:data-radix-collection-item:not-first:border-t-transparent',\n        '**:data-radix-collection-item:not-last:before:bottom-0',\n        '**:data-radix-collection-item:not-last:before:h-px',\n        '**:data-radix-collection-item:not-last:before:-left-px',\n        '**:data-radix-collection-item:not-last:before:translate-y-3/2',\n        '**:data-radix-collection-item:not-last:before:w-[calc(100%+2px)]',\n        '**:data-radix-collection-item:not-last:border-b-transparent'\n      ]\n    },\n    {\n      hasGap: false,\n      theme: 'modern',\n      class: []\n    },\n    {\n      hasGap: false,\n      theme: 'standard',\n      class: [\n        '**:data-radix-collection-item:bg-transparent',\n        '**:data-radix-collection-item:rounded-none',\n        'bg-white'\n      ]\n    }\n  ]\n})\n\nconst gapClassMap = {\n  0: 'gap-0.5',\n  1: 'gap-1',\n  2: 'gap-2',\n  3: 'gap-3'\n}\n\nconst orientationToDirection = (orientation) =>\n  orientation === 'horizontal' ? 'row' : 'column'\n\nexport const ToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof StyledRoot> & RootType\n>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      gap,\n      isFullWidth,\n      children,\n      theme = 'standard',\n      wrap,\n      ...rest\n    },\n    ref\n  ) => {\n    const hasGap = typeof gap === 'number'\n    const direction = orientationToDirection(orientation)\n\n    return (\n      <StyledRoot\n        ref={ref}\n        direction={direction}\n        hasGap={hasGap}\n        isFullWidth={isFullWidth}\n        orientation={orientation}\n        theme={theme}\n        {...rest}\n      >\n        <div\n          className={clsx(\n            'flex',\n            hasGap && gapClassMap[gap],\n            orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n            wrap ? 'flex-wrap' : 'flex-nowrap',\n            className\n          )}\n        >\n          {\n            React.Children.toArray(children).map((child) => {\n              if (React.isValidElement(child)) {\n                return React.cloneElement(child, { ...child.props, theme })\n              }\n              return child\n            }) as React.ReactElement[]\n          }\n        </div>\n      </StyledRoot>\n    )\n  }\n)\n"],"names":["StyledRoot","styled","ToggleGroup","gapClassMap","orientationToDirection","orientation","ToggleGroupRoot","React","className","gap","isFullWidth","children","theme","wrap","rest","ref","hasGap","direction","clsx","child"],"mappings":"yKAaO,MAAMA,EAAaC,EAAOC,EAAY,KAAM,CACjD,KAAM,CAAC,OAAO,EACd,SAAU,CACR,YAAa,CACX,KAAM,CACJ,wCACA,qCACA,QACF,EACA,MAAO,CAAC,QAAQ,CAClB,EACA,OAAQ,CACN,KAAM,CAAC,0CAA0C,EACjD,MAAO,CACL,yDACA,6DACA,yCACA,YACF,CACF,EACA,UAAW,CACT,OAAQ,CAAA,EACR,IAAK,EACP,EACA,MAAO,CACL,SAAU,CACV,EAAA,OAAQ,CAAC,aAAa,CACxB,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,GACR,UAAW,MACX,MAAO,WACP,MAAO,CACL,mDACA,kDACA,+DACA,mEACA,wDACA,wDACA,gEACA,qDACA,8DACA,4CACF,CACF,EACA,CACE,OAAQ,GACR,UAAW,SACX,MAAO,WACP,MAAO,CACL,mDACA,kDACA,+DACA,yDACA,qDACA,yDACA,gEACA,mEACA,6DACF,CACF,EACA,CACE,OAAQ,GACR,MAAO,SACP,MAAO,CAAA,CACT,EACA,CACE,OAAQ,GACR,MAAO,WACP,MAAO,CACL,+CACA,6CACA,UACF,CACF,CACF,CACF,CAAC,EAEKC,EAAc,CAClB,EAAG,UACH,EAAG,QACH,EAAG,QACH,EAAG,OACL,EAEMC,EAA0BC,GAC9BA,IAAgB,aAAe,MAAQ,SAE5BC,EAAkBC,EAAM,WAInC,CACE,CACE,UAAAC,EACA,YAAAH,EAAc,aACd,IAAAI,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,WACR,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAS,OAAOP,GAAQ,SACxBQ,EAAYb,EAAuBC,CAAW,EAEpD,OACEE,EAAA,cAACP,EAAA,CACC,IAAKe,EACL,UAAWE,EACX,OAAQD,EACR,YAAaN,EACb,YAAaL,EACb,MAAOO,EACN,GAAGE,CAAAA,EAEJP,EAAA,cAAC,MACC,CAAA,UAAWW,EACT,OACAF,GAAUb,EAAYM,CAAG,EACzBJ,IAAgB,aAAe,WAAa,WAC5CQ,EAAO,YAAc,cACrBL,CACF,CAGED,EAAAA,EAAM,SAAS,QAAQI,CAAQ,EAAE,IAAKQ,GAChCZ,EAAM,eAAeY,CAAK,EACrBZ,EAAM,aAAaY,EAAO,CAAE,GAAGA,EAAM,MAAO,MAAAP,CAAM,CAAC,EAErDO,CACR,CAEL,CACF,CAEJ,CACF"}
+{"version":3,"file":"ToggleGroupRoot.js","names":[],"sources":["../../../src/components/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype RootType = {\n  orientation?: 'horizontal' | 'vertical'\n  isFullWidth?: boolean\n  gap?: 0 | 1 | 2 | 3\n  wrap?: boolean\n}\n\nexport const StyledRoot = styled(ToggleGroup.Root, {\n  base: ['w-fit'],\n  variants: {\n    isFullWidth: {\n      true: [\n        '**:data-radix-collection-item:basis-0',\n        '**:data-radix-collection-item:grow',\n        'w-full'\n      ],\n      false: ['w-auto']\n    },\n    hasGap: {\n      true: ['**:data-radix-collection-item:rounded-md'],\n      false: [\n        '**:data-radix-collection-item:not-last:before:absolute',\n        \"**:data-radix-collection-item:not-last:before:content-['']\",\n        '**:data-radix-collection-item:relative',\n        'rounded-md'\n      ]\n    },\n    direction: {\n      column: [],\n      row: []\n    },\n    theme: {\n      standard: [],\n      modern: ['bg-grey-200']\n    }\n  },\n  compoundVariants: [\n    {\n      hasGap: false,\n      direction: 'row',\n      theme: 'standard',\n      class: [\n        '**:data-radix-collection-item:first:rounded-l-md',\n        '**:data-radix-collection-item:last:rounded-r-md',\n        '**:data-radix-collection-item:not-first:border-l-transparent',\n        '**:data-radix-collection-item:not-last:before:h-[calc(100%+2px)]',\n        '**:data-radix-collection-item:not-last:before:right-0',\n        '**:data-radix-collection-item:not-last:before:-top-px',\n        '**:data-radix-collection-item:not-last:before:translate-x-3/2',\n        '**:data-radix-collection-item:not-last:before:w-px',\n        '**:data-radix-collection-item:not-last:border-r-transparent',\n        '**:data-radix-collection-item:rounded-none'\n      ]\n    },\n    {\n      hasGap: false,\n      direction: 'column',\n      theme: 'standard',\n      class: [\n        '**:data-radix-collection-item:first:rounded-t-sm',\n        '**:data-radix-collection-item:last:rounded-b-sm',\n        '**:data-radix-collection-item:not-first:border-t-transparent',\n        '**:data-radix-collection-item:not-last:before:bottom-0',\n        '**:data-radix-collection-item:not-last:before:h-px',\n        '**:data-radix-collection-item:not-last:before:-left-px',\n        '**:data-radix-collection-item:not-last:before:translate-y-3/2',\n        '**:data-radix-collection-item:not-last:before:w-[calc(100%+2px)]',\n        '**:data-radix-collection-item:not-last:border-b-transparent'\n      ]\n    },\n    {\n      hasGap: false,\n      theme: 'modern',\n      class: []\n    },\n    {\n      hasGap: false,\n      theme: 'standard',\n      class: [\n        '**:data-radix-collection-item:bg-transparent',\n        '**:data-radix-collection-item:rounded-none',\n        'bg-white'\n      ]\n    }\n  ]\n})\n\nconst gapClassMap = {\n  0: 'gap-0.5',\n  1: 'gap-1',\n  2: 'gap-2',\n  3: 'gap-3'\n}\n\nconst orientationToDirection = (orientation) =>\n  orientation === 'horizontal' ? 'row' : 'column'\n\nexport const ToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof StyledRoot> & RootType\n>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      gap,\n      isFullWidth,\n      children,\n      theme = 'standard',\n      wrap,\n      ...rest\n    },\n    ref\n  ) => {\n    const hasGap = typeof gap === 'number'\n    const direction = orientationToDirection(orientation)\n\n    return (\n      <StyledRoot\n        ref={ref}\n        direction={direction}\n        hasGap={hasGap}\n        isFullWidth={isFullWidth}\n        orientation={orientation}\n        theme={theme}\n        {...rest}\n      >\n        <div\n          className={clsx(\n            'flex',\n            hasGap && gapClassMap[gap],\n            orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n            wrap ? 'flex-wrap' : 'flex-nowrap',\n            className\n          )}\n        >\n          {\n            React.Children.toArray(children).map((child) => {\n              if (React.isValidElement(child)) {\n                return React.cloneElement(child, { ...child.props, theme })\n              }\n              return child\n            }) as React.ReactElement[]\n          }\n        </div>\n      </StyledRoot>\n    )\n  }\n)\n"],"mappings":";;;;;AAaA,IAAa,IAAa,EAAO,EAAY,MAAM;CACjD,MAAM,CAAC,QAAQ;CACf,UAAU;EACR,aAAa;GACX,MAAM;IACJ;IACA;IACA;IACD;GACD,OAAO,CAAC,SAAS;GAClB;EACD,QAAQ;GACN,MAAM,CAAC,2CAA2C;GAClD,OAAO;IACL;IACA;IACA;IACA;IACD;GACF;EACD,WAAW;GACT,QAAQ,EAAE;GACV,KAAK,EAAE;GACR;EACD,OAAO;GACL,UAAU,EAAE;GACZ,QAAQ,CAAC,cAAc;GACxB;EACF;CACD,kBAAkB;EAChB;GACE,QAAQ;GACR,WAAW;GACX,OAAO;GACP,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,WAAW;GACX,OAAO;GACP,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD;GACE,QAAQ;GACR,OAAO;GACP,OAAO,EAAE;GACV;EACD;GACE,QAAQ;GACR,OAAO;GACP,OAAO;IACL;IACA;IACA;IACD;GACF;EACF;CACF,CAAC,EAEI,IAAc;CAClB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ,EAEK,KAA0B,MAC9B,MAAgB,eAAe,QAAQ,UAE5B,IAAkB,EAAM,YAKjC,EACE,cACA,iBAAc,cACd,QACA,gBACA,aACA,WAAQ,YACR,SACA,GAAG,KAEL,MACG;CACH,IAAM,IAAS,OAAO,KAAQ,UACxB,IAAY,EAAuB,EAAY;AAErD,QACE,kBAAA,cAAC,GAAD;EACO;EACM;EACH;EACK;EACA;EACN;EACP,GAAI;EAoBO,EAlBX,kBAAA,cAAC,OAAD,EACE,WAAW,EACT,QACA,KAAU,EAAY,IACtB,MAAgB,eAAe,aAAa,YAC5C,IAAO,cAAc,eACrB,EACD,EAUG,EAPF,EAAM,SAAS,QAAQ,EAAS,CAAC,KAAK,MAChC,EAAM,eAAe,EAAM,GACtB,EAAM,aAAa,GAAO;EAAE,GAAG,EAAM;EAAO;EAAO,CAAC,GAEtD,EACP,CAEA,CACK;EAGlB"}

package/dist/components/toggle-group/index.js

@@ -1,2 +1,13 @@
-import{ToggleGroupButton as o}from"./ToggleGroupButton.js";import{ToggleGroupItem as t}from"./ToggleGroupItem.js";import{ToggleGroupRoot as r}from"./ToggleGroupRoot.js";const g={Item:t,Button:o,Root:r};export{g as ToggleGroup};
-//# sourceMappingURL=index.js.map
+import { ToggleGroupItem as e } from "./ToggleGroupItem.js";
+import { ToggleGroupButton as t } from "./ToggleGroupButton.js";
+import { ToggleGroupRoot as n } from "./ToggleGroupRoot.js";
+//#region src/components/toggle-group/index.ts
+var r = {
+	Item: e,
+	Button: t,
+	Root: n
+};
+//#endregion
+export { r as ToggleGroup };
+
+//# sourceMappingURL=index.js.map

package/dist/components/toggle-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupButton as Button } from './ToggleGroupButton'\nimport { ToggleGroupItem as Item } from './ToggleGroupItem'\nimport { ToggleGroupRoot as Root } from './ToggleGroupRoot'\n\nexport const ToggleGroup = { Item, Button, Root }\n"],"names":["ToggleGroup","Item","Button","Root"],"mappings":"yKAIO,MAAMA,EAAc,CAAE,KAAAC,EAAM,OAAAC,EAAQ,KAAAC,CAAK"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupButton as Button } from './ToggleGroupButton'\nimport { ToggleGroupItem as Item } from './ToggleGroupItem'\nimport { ToggleGroupRoot as Root } from './ToggleGroupRoot'\n\nexport const ToggleGroup = { Item, Button, Root }\n"],"mappings":";;;;AAIA,IAAa,IAAc;CAAE,MAAA;CAAM,QAAA;CAAQ,MAAA;CAAM"}

package/dist/components/tooltip/Tooltip.js

@@ -1,2 +1,18 @@
-import{Trigger as i,Portal as a,Provider as n,Root as l}from"@radix-ui/react-tooltip";import*as m from"react";import{TooltipContent as p}from"./TooltipContent.js";const o=({children:r,delayDuration:t=350,...e})=>m.createElement(l,{delayDuration:t,...e},r),d=Object.assign(o,{Content:p,Trigger:i,Portal:a,Provider:n});o.displayName="Tooltip";export{d as Tooltip};
-//# sourceMappingURL=Tooltip.js.map
+import { TooltipContent as e } from "./TooltipContent.js";
+import * as t from "react";
+import { Portal as n, Provider as r, Root as i, Trigger as a } from "@radix-ui/react-tooltip";
+//#region src/components/tooltip/Tooltip.tsx
+var o = ({ children: e, delayDuration: n = 350, ...r }) => /* @__PURE__ */ t.createElement(i, {
+	delayDuration: n,
+	...r
+}, e), s = Object.assign(o, {
+	Content: e,
+	Trigger: a,
+	Portal: n,
+	Provider: r
+});
+o.displayName = "Tooltip";
+//#endregion
+export { s as Tooltip };
+
+//# sourceMappingURL=Tooltip.js.map