@atom-learning/components 6.4.1 → 6.5.0

package/dist/utilities/hooks/useWindowScrollPosition.js

@@ -1,2 +1,24 @@
-import{useState as s,useMemo as d,useEffect as i}from"react";import{debounce as c,throttle as w}from"throttle-debounce";const u=({delay:e=500,delayMethod:o="throttle"}={})=>{const[n,l]=s({x:0,y:0}),t=d(()=>o==="debounce"?c:w,[o]);return i(()=>{const r=t(e,()=>{l({x:window.scrollX,y:window.scrollY})});return window.addEventListener("scroll",r),()=>{window.removeEventListener("scroll",r)}},[t,e]),n};export{u as useWindowScrollPosition};
-//# sourceMappingURL=useWindowScrollPosition.js.map
+import { useEffect as e, useMemo as t, useState as n } from "react";
+import { debounce as r, throttle as i } from "throttle-debounce";
+//#region src/utilities/hooks/useWindowScrollPosition.ts
+var a = ({ delay: a = 500, delayMethod: o = "throttle" } = {}) => {
+	let [s, c] = n({
+		x: 0,
+		y: 0
+	}), l = t(() => o === "debounce" ? r : i, [o]);
+	return e(() => {
+		let e = l(a, () => {
+			c({
+				x: window.scrollX,
+				y: window.scrollY
+			});
+		});
+		return window.addEventListener("scroll", e), () => {
+			window.removeEventListener("scroll", e);
+		};
+	}, [l, a]), s;
+};
+//#endregion
+export { a as useWindowScrollPosition };
+
+//# sourceMappingURL=useWindowScrollPosition.js.map

package/dist/utilities/hooks/useWindowScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowScrollPosition.js","sources":["../../../src/utilities/hooks/useWindowScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseWindowScrollPositionOptions = {\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseWindowScrollPositionOutput = {\n  x: number\n  y: number\n}\n\nexport const useWindowScrollPosition = ({\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })\n\n  const delayMethodFn = useMemo(\n    () => (delayMethod === 'debounce' ? debounce : throttle),\n    [delayMethod]\n  )\n\n  useEffect(() => {\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ x: window.scrollX, y: window.scrollY })\n    })\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"names":["useWindowScrollPosition","delay","delayMethod","scrollPosition","setScrollPosition","useState","delayMethodFn","useMemo","debounce","throttle","useEffect","handleScroll"],"mappings":"8HAaaA,EAA0B,CAAC,CACtC,MAAAC,EAAQ,IACR,YAAAC,EAAc,UAChB,EAAqC,KAAuC,CAC1E,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAS,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAE7DC,EAAgBC,EACpB,IAAOL,IAAgB,WAAaM,EAAWC,EAC/C,CAACP,CAAW,CACd,EAEA,OAAAQ,EAAU,IAAM,CACd,MAAMC,EAAeL,EAAcL,EAAO,IAAM,CAC9CG,EAAkB,CAAE,EAAG,OAAO,QAAS,EAAG,OAAO,OAAQ,CAAC,CAC5D,CAAC,EAED,cAAO,iBAAiB,SAAUO,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,CACF,EAAG,CAACL,EAAeL,CAAK,CAAC,EAElBE,CACT"}
+{"version":3,"file":"useWindowScrollPosition.js","names":[],"sources":["../../../src/utilities/hooks/useWindowScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseWindowScrollPositionOptions = {\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseWindowScrollPositionOutput = {\n  x: number\n  y: number\n}\n\nexport const useWindowScrollPosition = ({\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })\n\n  const delayMethodFn = useMemo(\n    () => (delayMethod === 'debounce' ? debounce : throttle),\n    [delayMethod]\n  )\n\n  useEffect(() => {\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ x: window.scrollX, y: window.scrollY })\n    })\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"mappings":";;;AAaA,IAAa,KAA2B,EACtC,WAAQ,KACR,iBAAc,eACqB,EAAE,KAAqC;CAC1E,IAAM,CAAC,GAAgB,KAAqB,EAAS;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC,EAE9D,IAAgB,QACb,MAAgB,aAAa,IAAW,GAC/C,CAAC,EAAY,CACd;AAcD,QAZA,QAAgB;EACd,IAAM,IAAe,EAAc,SAAa;AAC9C,KAAkB;IAAE,GAAG,OAAO;IAAS,GAAG,OAAO;IAAS,CAAC;IAC3D;AAIF,SAFA,OAAO,iBAAiB,UAAU,EAAa,QAElC;AACX,UAAO,oBAAoB,UAAU,EAAa;;IAEnD,CAAC,GAAe,EAAM,CAAC,EAEnB"}

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js

@@ -1,2 +1,12 @@
-import{styled as r}from"../../styled.js";const e=r("div",{base:["size-full","rounded-[inherit]","overflow-hidden"]});e.displayName="NoOverflowWrapper";export{e as NoOverflowWrapper};
-//# sourceMappingURL=NoOverflowWrapper.js.map
+import { styled as e } from "../../styled.js";
+//#region src/utilities/no-overflow-wrapper/NoOverflowWrapper.tsx
+var t = e("div", { base: [
+	"size-full",
+	"rounded-[inherit]",
+	"overflow-hidden"
+] });
+t.displayName = "NoOverflowWrapper";
+//#endregion
+export { t as NoOverflowWrapper };
+
+//# sourceMappingURL=NoOverflowWrapper.js.map

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoOverflowWrapper.js","sources":["../../../src/utilities/no-overflow-wrapper/NoOverflowWrapper.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const NoOverflowWrapper = styled('div', {\n  base: ['size-full', 'rounded-[inherit]', 'overflow-hidden']\n})\n\nNoOverflowWrapper.displayName = 'NoOverflowWrapper'\n"],"names":["NoOverflowWrapper","styled"],"mappings":"yCAEa,MAAAA,EAAoBC,EAAO,MAAO,CAC7C,KAAM,CAAC,YAAa,oBAAqB,iBAAiB,CAC5D,CAAC,EAEDD,EAAkB,YAAc"}
+{"version":3,"file":"NoOverflowWrapper.js","names":[],"sources":["../../../src/utilities/no-overflow-wrapper/NoOverflowWrapper.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const NoOverflowWrapper = styled('div', {\n  base: ['size-full', 'rounded-[inherit]', 'overflow-hidden']\n})\n\nNoOverflowWrapper.displayName = 'NoOverflowWrapper'\n"],"mappings":";;AAEA,IAAa,IAAoB,EAAO,OAAO,EAC7C,MAAM;CAAC;CAAa;CAAqB;CAAkB,EAC5D,CAAC;AAEF,EAAkB,cAAc"}

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js

@@ -1,2 +1,9 @@
-import*as e from"react";import{Tooltip as t}from"../../components/tooltip/Tooltip.js";const o=({hasTooltip:r,label:a,tooltipSide:i,children:l})=>r?e.createElement(t,null,e.createElement(t.Trigger,{asChild:!0},l),e.createElement(t.Content,{side:i},a)):e.createElement(e.Fragment,null,l);o.displayName="OptionalTooltipWrapper";export{o as OptionalTooltipWrapper};
-//# sourceMappingURL=OptionalTooltipWrapper.js.map
+import { Tooltip as e } from "../../components/tooltip/Tooltip.js";
+import * as t from "react";
+//#region src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx
+var n = ({ hasTooltip: n, label: r, tooltipSide: i, children: a }) => n ? /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Trigger, { asChild: !0 }, a), /* @__PURE__ */ t.createElement(e.Content, { side: i }, r)) : /* @__PURE__ */ t.createElement(t.Fragment, null, a);
+n.displayName = "OptionalTooltipWrapper";
+//#endregion
+export { n as OptionalTooltipWrapper };
+
+//# sourceMappingURL=OptionalTooltipWrapper.js.map

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionalTooltipWrapper.js","sources":["../../../src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nexport type TOptionalTooltipWrapperProps = {\n  hasTooltip?: boolean\n  label?: React.ReactNode\n  tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side']\n}\n\nexport const OptionalTooltipWrapper = ({\n  hasTooltip,\n  label,\n  tooltipSide,\n  children\n}: React.PropsWithChildren<TOptionalTooltipWrapperProps>) => {\n  if (hasTooltip) {\n    return (\n      <Tooltip>\n        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n        <Tooltip.Content side={tooltipSide}>{label}</Tooltip.Content>\n      </Tooltip>\n    )\n  }\n\n  // children could be multiple elements/components,\n  // so we need a fragment here.\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n\nOptionalTooltipWrapper.displayName = 'OptionalTooltipWrapper'\n"],"names":["OptionalTooltipWrapper","hasTooltip","label","tooltipSide","children","React","Tooltip"],"mappings":"sFAUO,MAAMA,EAAyB,CAAC,CACrC,WAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IACMH,EAEAI,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EAAA,EAAEF,CAAS,EACnCC,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAMH,CAAcD,EAAAA,CAAM,CAC7C,EAOGG,EAAA,cAAAA,EAAA,SAAGD,KAAAA,CAAS,EAGrBJ,EAAuB,YAAc"}
+{"version":3,"file":"OptionalTooltipWrapper.js","names":[],"sources":["../../../src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nexport type TOptionalTooltipWrapperProps = {\n  hasTooltip?: boolean\n  label?: React.ReactNode\n  tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side']\n}\n\nexport const OptionalTooltipWrapper = ({\n  hasTooltip,\n  label,\n  tooltipSide,\n  children\n}: React.PropsWithChildren<TOptionalTooltipWrapperProps>) => {\n  if (hasTooltip) {\n    return (\n      <Tooltip>\n        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n        <Tooltip.Content side={tooltipSide}>{label}</Tooltip.Content>\n      </Tooltip>\n    )\n  }\n\n  // children could be multiple elements/components,\n  // so we need a fragment here.\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n\nOptionalTooltipWrapper.displayName = 'OptionalTooltipWrapper'\n"],"mappings":";;;AAUA,IAAa,KAA0B,EACrC,eACA,UACA,gBACA,kBAEI,IAEA,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,EAAQ,SAAT,EAAiB,SAAA,IAAoC,EAA3B,EAA2B,EACrD,kBAAA,cAAC,EAAQ,SAAT,EAAiB,MAAM,GAAsC,EAAxB,EAAwB,CACrD,GAOP,kBAAA,cAAA,EAAA,UAAA,MAAG,EAAY;AAGxB,EAAuB,cAAc"}

package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.js

@@ -1,2 +1,9 @@
-import*as r from"@radix-ui/react-visually-hidden";import*as l from"react";const a=({children:e,hidden:n=!1})=>n?l.createElement(r.Root,null,e):e?l.createElement(l.Fragment,null,e):null;a.displayName="OptionalVisuallyHiddenWrapper";export{a as OptionalVisuallyHiddenWrapper};
-//# sourceMappingURL=OptionalVisuallyHiddenWrapper.js.map
+import * as e from "react";
+import * as t from "@radix-ui/react-visually-hidden";
+//#region src/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.tsx
+var n = ({ children: n, hidden: r = !1 }) => r ? /* @__PURE__ */ e.createElement(t.Root, null, n) : n ? /* @__PURE__ */ e.createElement(e.Fragment, null, n) : null;
+n.displayName = "OptionalVisuallyHiddenWrapper";
+//#endregion
+export { n as OptionalVisuallyHiddenWrapper };
+
+//# sourceMappingURL=OptionalVisuallyHiddenWrapper.js.map

package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionalVisuallyHiddenWrapper.js","sources":["../../../src/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nexport const OptionalVisuallyHiddenWrapper = ({\n  children,\n  hidden = false\n}: React.PropsWithChildren<{\n  hidden?: boolean\n}>) => {\n  if (hidden) return <VisuallyHidden.Root>{children}</VisuallyHidden.Root>\n\n  return children ? (\n    // children could be multiple elements/components,\n    // so we need a fragment here.\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{children}</>\n  ) : null\n}\n\nOptionalVisuallyHiddenWrapper.displayName = 'OptionalVisuallyHiddenWrapper'\n"],"names":["OptionalVisuallyHiddenWrapper","children","hidden","React","VisuallyHidden"],"mappings":"0EAGa,MAAAA,EAAgC,CAAC,CAC5C,SAAAC,EACA,OAAAC,EAAS,EACX,IAGMA,EAAeC,EAAA,cAACC,EAAe,KAAf,KAAqBH,CAAS,EAE3CA,EAILE,EAAA,cAAAA,EAAA,SAAGF,KAAAA,CAAS,EACV,KAGND,EAA8B,YAAc"}
+{"version":3,"file":"OptionalVisuallyHiddenWrapper.js","names":[],"sources":["../../../src/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nexport const OptionalVisuallyHiddenWrapper = ({\n  children,\n  hidden = false\n}: React.PropsWithChildren<{\n  hidden?: boolean\n}>) => {\n  if (hidden) return <VisuallyHidden.Root>{children}</VisuallyHidden.Root>\n\n  return children ? (\n    // children could be multiple elements/components,\n    // so we need a fragment here.\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{children}</>\n  ) : null\n}\n\nOptionalVisuallyHiddenWrapper.displayName = 'OptionalVisuallyHiddenWrapper'\n"],"mappings":";;;AAGA,IAAa,KAAiC,EAC5C,aACA,YAAS,SAIL,IAAe,kBAAA,cAAC,EAAe,MAAA,MAAM,EAA+B,GAEjE,IAIL,kBAAA,cAAA,EAAA,UAAA,MAAG,EAAY,GACb;AAGN,EAA8B,cAAc"}

package/dist/utilities/override-styled-variant-value/overrideStyledVariantValue.js

@@ -1,2 +1,18 @@
-const c=(t,a)=>{let e;switch(typeof t){case"object":e={},Object.keys(t).forEach(o=>{const r=t[o];e[o]=r&&a(r)});break;default:e=a(t)}return e};export{c as overrideStyledVariantValue};
-//# sourceMappingURL=overrideStyledVariantValue.js.map
+//#region src/utilities/override-styled-variant-value/overrideStyledVariantValue.ts
+var e = (e, t) => {
+	let n;
+	switch (typeof e) {
+		case "object":
+			n = {}, Object.keys(e).forEach((r) => {
+				let i = e[r];
+				n[r] = i && t(i);
+			});
+			break;
+		default: n = t(e);
+	}
+	return n;
+};
+//#endregion
+export { e as overrideStyledVariantValue };
+
+//# sourceMappingURL=overrideStyledVariantValue.js.map

package/dist/utilities/override-styled-variant-value/overrideStyledVariantValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"overrideStyledVariantValue.js","sources":["../../../src/utilities/override-styled-variant-value/overrideStyledVariantValue.ts"],"sourcesContent":["/*\n * Utility function to allow for overriding responsive variants using logic provided via the `overrideFunction` argument.\n *\n * It was developed out of a design requirement to override and pass through size properties to the <Icon /> component; depending\n * on the size of its parent component. It could be used for various other props where we want to tweak the value but\n * maintain the flexibility of a stitches variant property (which allows for use either via a string or a breakpoint object)\n * Documentation on stitches responsive variants: https://stitches.dev/docs/breakpoints#responsive-variants\n *\n */\nexport const overrideStyledVariantValue = (\n  prop: any,\n  overrideFunction: (any) => any\n) => {\n  let overrideValue\n  switch (typeof prop) {\n    case 'object':\n      overrideValue = {}\n      Object.keys(prop).forEach((breakpoint) => {\n        const propAtBreakpoint = prop[breakpoint]\n        overrideValue[breakpoint] = propAtBreakpoint\n          ? overrideFunction(propAtBreakpoint)\n          : propAtBreakpoint\n      })\n      break\n    default:\n      overrideValue = overrideFunction(prop)\n  }\n\n  return overrideValue\n}\n"],"names":["overrideStyledVariantValue","prop","overrideFunction","overrideValue","breakpoint","propAtBreakpoint"],"mappings":"AASa,MAAAA,EAA6B,CACxCC,EACAC,IACG,CACH,IAAIC,EACJ,OAAQ,OAAOF,EAAAA,CACb,IAAK,SACHE,EAAgB,CAAA,EAChB,OAAO,KAAKF,CAAI,EAAE,QAASG,GAAe,CACxC,MAAMC,EAAmBJ,EAAKG,CAAU,EACxCD,EAAcC,CAAU,EAAIC,GACxBH,EAAiBG,CAAgB,CAEvC,CAAC,EACD,MACF,QACEF,EAAgBD,EAAiBD,CAAI,CACzC,CAEA,OAAOE,CACT"}
+{"version":3,"file":"overrideStyledVariantValue.js","names":[],"sources":["../../../src/utilities/override-styled-variant-value/overrideStyledVariantValue.ts"],"sourcesContent":["/*\n * Utility function to allow for overriding responsive variants using logic provided via the `overrideFunction` argument.\n *\n * It was developed out of a design requirement to override and pass through size properties to the <Icon /> component; depending\n * on the size of its parent component. It could be used for various other props where we want to tweak the value but\n * maintain the flexibility of a stitches variant property (which allows for use either via a string or a breakpoint object)\n * Documentation on stitches responsive variants: https://stitches.dev/docs/breakpoints#responsive-variants\n *\n */\nexport const overrideStyledVariantValue = (\n  prop: any,\n  overrideFunction: (any) => any\n) => {\n  let overrideValue\n  switch (typeof prop) {\n    case 'object':\n      overrideValue = {}\n      Object.keys(prop).forEach((breakpoint) => {\n        const propAtBreakpoint = prop[breakpoint]\n        overrideValue[breakpoint] = propAtBreakpoint\n          ? overrideFunction(propAtBreakpoint)\n          : propAtBreakpoint\n      })\n      break\n    default:\n      overrideValue = overrideFunction(prop)\n  }\n\n  return overrideValue\n}\n"],"mappings":";AASA,IAAa,KACX,GACA,MACG;CACH,IAAI;AACJ,SAAQ,OAAO,GAAf;EACE,KAAK;AAEH,GADA,IAAgB,EAAE,EAClB,OAAO,KAAK,EAAK,CAAC,SAAS,MAAe;IACxC,IAAM,IAAmB,EAAK;AAC9B,MAAc,KAAc,KACxB,EAAiB,EAAiB;KAEtC;AACF;EACF,QACE,KAAgB,EAAiB,EAAK;;AAG1C,QAAO"}

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js

@@ -1,2 +1,18 @@
-import*as d from"@radix-ui/react-toggle-group";import*as l from"react";const g=l.forwardRef(({disableDeselect:a=!1,onValueChange:t,defaultValue:o,...r},n)=>{const[u,s]=l.useState(o),f=e=>{a&&(e===""||(e==null?void 0:e.length)===0)||(s(e),t==null||t(e))};return l.createElement(d.Root,{ref:n,onValueChange:f,value:u,...r})});export{g as ToggleGroupRoot};
-//# sourceMappingURL=ToggleGroupRoot.js.map
+import * as e from "react";
+import * as t from "@radix-ui/react-toggle-group";
+//#region src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx
+var n = e.forwardRef(({ disableDeselect: n = !1, onValueChange: r, defaultValue: i, ...a }, o) => {
+	let [s, c] = e.useState(i);
+	return /* @__PURE__ */ e.createElement(t.Root, {
+		ref: o,
+		onValueChange: (e) => {
+			n && (e === "" || e?.length === 0) || (c(e), r?.(e));
+		},
+		value: s,
+		...a
+	});
+});
+//#endregion
+export { n as ToggleGroupRoot };
+
+//# sourceMappingURL=ToggleGroupRoot.js.map

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupRoot.js","sources":["../../../../src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\ntype RootType = {\n  disableDeselect?: boolean\n}\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> &\n  RootType\n\nexport const ToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  ToggleGroupRootProps\n>(({ disableDeselect = false, onValueChange, defaultValue, ...rest }, ref) => {\n  const [internalValue, setInternalValue] =\n    React.useState<ToggleGroupRootProps['value']>(defaultValue)\n  const handleValueChange: ToggleGroupRootProps['onValueChange'] = (\n    newValue\n  ) => {\n    if (disableDeselect && (newValue === '' || newValue?.length === 0)) return\n    setInternalValue(newValue)\n    onValueChange?.(newValue)\n  }\n\n  return (\n    // eslint-disable-next-line\n    // @ts-ignore Radix types complain on properties depending on whether `type=\"single\"` or `\"multiple\"`. Works correctly so muting.\n    <ToggleGroup.Root\n      ref={ref}\n      onValueChange={handleValueChange}\n      value={internalValue}\n      {...rest}\n    />\n  )\n})\n"],"names":["ToggleGroupRoot","React","disableDeselect","onValueChange","defaultValue","rest","ref","internalValue","setInternalValue","handleValueChange","newValue","ToggleGroup"],"mappings":"uEAUO,MAAMA,EAAkBC,EAAM,WAGnC,CAAC,CAAE,gBAAAC,EAAkB,GAAO,cAAAC,EAAe,aAAAC,EAAc,GAAGC,CAAK,EAAGC,IAAQ,CAC5E,KAAM,CAACC,EAAeC,CAAgB,EACpCP,EAAM,SAAwCG,CAAY,EACtDK,EACJC,GACG,CACCR,IAAoBQ,IAAa,KAAMA,GAAA,KAAAA,OAAAA,EAAU,UAAW,KAChEF,EAAiBE,CAAQ,EACzBP,GAAA,MAAAA,EAAgBO,CAAAA,EAClB,EAEA,OAGET,EAAA,cAACU,EAAY,KAAZ,CACC,IAAKL,EACL,cAAeG,EACf,MAAOF,EACN,GAAGF,CAAAA,CACN,CAEJ,CAAC"}
+{"version":3,"file":"ToggleGroupRoot.js","names":[],"sources":["../../../../src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\ntype RootType = {\n  disableDeselect?: boolean\n}\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> &\n  RootType\n\nexport const ToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  ToggleGroupRootProps\n>(({ disableDeselect = false, onValueChange, defaultValue, ...rest }, ref) => {\n  const [internalValue, setInternalValue] =\n    React.useState<ToggleGroupRootProps['value']>(defaultValue)\n  const handleValueChange: ToggleGroupRootProps['onValueChange'] = (\n    newValue\n  ) => {\n    if (disableDeselect && (newValue === '' || newValue?.length === 0)) return\n    setInternalValue(newValue)\n    onValueChange?.(newValue)\n  }\n\n  return (\n    // eslint-disable-next-line\n    // @ts-ignore Radix types complain on properties depending on whether `type=\"single\"` or `\"multiple\"`. Works correctly so muting.\n    <ToggleGroup.Root\n      ref={ref}\n      onValueChange={handleValueChange}\n      value={internalValue}\n      {...rest}\n    />\n  )\n})\n"],"mappings":";;;AAUA,IAAa,IAAkB,EAAM,YAGlC,EAAE,qBAAkB,IAAO,kBAAe,iBAAc,GAAG,KAAQ,MAAQ;CAC5E,IAAM,CAAC,GAAe,KACpB,EAAM,SAAwC,EAAa;AAS7D,QAGE,kBAAA,cAAC,EAAY,MAAb;EACO;EACL,gBAZF,MACG;AACC,SAAoB,MAAa,MAAM,GAAU,WAAW,OAChE,EAAiB,EAAS,EAC1B,IAAgB,EAAS;;EASvB,OAAO;EACP,GAAI;EACJ,CAAA;EAEJ"}

package/dist/utilities/radix-overrides/toggle-group/index.js

@@ -1,2 +1,7 @@
-import{ToggleGroupRoot as o}from"./ToggleGroupRoot.js";const r={Root:o};export{r as ToggleGroup};
-//# sourceMappingURL=index.js.map
+import { ToggleGroupRoot as e } from "./ToggleGroupRoot.js";
+//#region src/utilities/radix-overrides/toggle-group/index.ts
+var t = { Root: e };
+//#endregion
+export { t as ToggleGroup };
+
+//# sourceMappingURL=index.js.map

package/dist/utilities/radix-overrides/toggle-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/utilities/radix-overrides/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupRoot } from './ToggleGroupRoot'\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot\n}\n"],"names":["ToggleGroup","ToggleGroupRoot"],"mappings":"6DAEaA,EAAc,CACzB,KAAMC,CACR"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/utilities/radix-overrides/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupRoot } from './ToggleGroupRoot'\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot\n}\n"],"mappings":";;AAEA,IAAa,IAAc,EACzB,MAAM,GACP"}

package/dist/utilities/style/backdrop-overlay.js

@@ -1,2 +1,13 @@
-const a=["bg-alpha-600","fixed","inset-0","z-1147483646","motion-safe:data-[state=open]:animate-fade-in","motion-safe:data-[state=closed]:animate-fade-out"];export{a as backdropOverlay};
-//# sourceMappingURL=backdrop-overlay.js.map
+//#region src/utilities/style/backdrop-overlay.ts
+var e = [
+	"bg-alpha-600",
+	"fixed",
+	"inset-0",
+	"z-1147483646",
+	"motion-safe:data-[state=open]:animate-fade-in",
+	"motion-safe:data-[state=closed]:animate-fade-out"
+];
+//#endregion
+export { e as backdropOverlay };
+
+//# sourceMappingURL=backdrop-overlay.js.map

package/dist/utilities/style/backdrop-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop-overlay.js","sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["export const backdropOverlay = [\n  'bg-alpha-600',\n  'fixed',\n  'inset-0',\n  'z-1147483646',\n  'motion-safe:data-[state=open]:animate-fade-in',\n  'motion-safe:data-[state=closed]:animate-fade-out'\n]\n"],"names":["backdropOverlay"],"mappings":"AAAO,MAAMA,EAAkB,CAC7B,eACA,QACA,UACA,eACA,gDACA,kDACF"}
+{"version":3,"file":"backdrop-overlay.js","names":[],"sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["export const backdropOverlay = [\n  'bg-alpha-600',\n  'fixed',\n  'inset-0',\n  'z-1147483646',\n  'motion-safe:data-[state=open]:animate-fade-in',\n  'motion-safe:data-[state=closed]:animate-fade-out'\n]\n"],"mappings":";AAAA,IAAa,IAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/utilities/style/get-icon-size.js

@@ -1,2 +1,11 @@
-import{overrideStyledVariantValue as o}from"../override-styled-variant-value/overrideStyledVariantValue.js";const t={sm:"sm",md:"md",lg:"md"},d=e=>o(e,m=>t[m]);export{d as getFieldIconSize};
-//# sourceMappingURL=get-icon-size.js.map
+import { overrideStyledVariantValue as e } from "../override-styled-variant-value/overrideStyledVariantValue.js";
+//#region src/utilities/style/get-icon-size.ts
+var t = {
+	sm: "sm",
+	md: "md",
+	lg: "md"
+}, n = (n) => e(n, (e) => t[e]);
+//#endregion
+export { n as getFieldIconSize };
+
+//# sourceMappingURL=get-icon-size.js.map

package/dist/utilities/style/get-icon-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-icon-size.js","sources":["../../../src/utilities/style/get-icon-size.ts"],"sourcesContent":["import { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nconst toIconSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md'\n}\n\nexport const getFieldIconSize = (size: any) =>\n  overrideStyledVariantValue(size, (s) => toIconSize[s])\n"],"names":["toIconSize","getFieldIconSize","size","overrideStyledVariantValue","s"],"mappings":"4GAEA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAoBC,GAC/BC,EAA2BD,EAAOE,GAAMJ,EAAWI,CAAC,CAAC"}
+{"version":3,"file":"get-icon-size.js","names":[],"sources":["../../../src/utilities/style/get-icon-size.ts"],"sourcesContent":["import { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nconst toIconSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md'\n}\n\nexport const getFieldIconSize = (size: any) =>\n  overrideStyledVariantValue(size, (s) => toIconSize[s])\n"],"mappings":";;AAEA,IAAM,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,KAAoB,MAC/B,EAA2B,IAAO,MAAM,EAAW,GAAG"}

package/dist/utilities/uri/index.js

@@ -1,2 +1,9 @@
-const n=r=>typeof window>"u"||!r?!1:/^https?:\/\//.test(r)&&new URL(r).origin!==window.location.origin,o=r=>n(r)?{target:"_blank",rel:"noopener noreferrer"}:{};export{o as getExternalAnchorProps,n as isExternalUrl};
-//# sourceMappingURL=index.js.map
+//#region src/utilities/uri/index.ts
+var e = (e) => typeof window > "u" || !e ? !1 : /^https?:\/\//.test(e) && new URL(e).origin !== window.location.origin, t = (t) => e(t) ? {
+	target: "_blank",
+	rel: "noopener noreferrer"
+} : {};
+//#endregion
+export { t as getExternalAnchorProps };
+
+//# sourceMappingURL=index.js.map

package/dist/utilities/uri/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/utilities/uri/index.ts"],"sourcesContent":["export const isExternalUrl = (url?: string) => {\n  if (typeof window === 'undefined' || !url) return false\n\n  const isAbsoluteUrl = /^https?:\\/\\//.test(url)\n  return isAbsoluteUrl && new URL(url).origin !== window.location.origin\n}\n\nexport const getExternalAnchorProps = (url?: string) =>\n  isExternalUrl(url) ? { target: '_blank', rel: 'noopener noreferrer' } : {}\n"],"names":["isExternalUrl","url","getExternalAnchorProps"],"mappings":"AAAO,MAAMA,EAAiBC,GACxB,OAAO,OAAW,KAAe,CAACA,EAAY,GAE5B,eAAe,KAAKA,CAAG,GACrB,IAAI,IAAIA,CAAG,EAAE,SAAW,OAAO,SAAS,OAGrDC,EAA0BD,GACrCD,EAAcC,CAAG,EAAI,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAAI,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utilities/uri/index.ts"],"sourcesContent":["export const isExternalUrl = (url?: string) => {\n  if (typeof window === 'undefined' || !url) return false\n\n  const isAbsoluteUrl = /^https?:\\/\\//.test(url)\n  return isAbsoluteUrl && new URL(url).origin !== window.location.origin\n}\n\nexport const getExternalAnchorProps = (url?: string) =>\n  isExternalUrl(url) ? { target: '_blank', rel: 'noopener noreferrer' } : {}\n"],"mappings":";AAAA,IAAa,KAAiB,MACxB,OAAO,SAAW,OAAe,CAAC,IAAY,KAE5B,eAAe,KAAK,EAAI,IACtB,IAAI,IAAI,EAAI,CAAC,WAAW,OAAO,SAAS,QAGrD,KAA0B,MACrC,EAAc,EAAI,GAAG;CAAE,QAAQ;CAAU,KAAK;CAAuB,GAAG,EAAE"}

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "@atom-learning/components",
-  "source": "src/index.ts",
-  "main": "dist/index.cjs.js",
-  "typings": "dist/index.d.ts",
-  "module": "dist/index.js",
-  "version": "6.4.1",
+  "version": "6.5.0",
   "description": "",
+  "type": "module",
+  "homepage": "https://github.com/Atom-Learning/components#readme",
+  "bugs": {
+    "url": "https://github.com/Atom-Learning/components/issues"
+  },
+  "license": "ISC",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Atom-Learning/components.git"
+  },
+  "source": "src/index.ts",
   "files": [
     "dist",
     "src/index.css",
@@ -15,6 +23,10 @@
     "scripts/vite-plugin-tailwind-responsive-variant-classes.mjs",
     "scripts/generate-responsive-variant-classes.mjs"
   ],
+  "sideEffects": false,
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -32,10 +44,13 @@
       "default": "./dist/docgen.json"
     }
   },
-  "sideEffects": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
-    "dev": "NODE_ENV=development rollup -c -w",
-    "build:lib": "NODE_ENV=production rollup -c",
+    "dev": "vite build --watch",
+    "build:lib": "vite build",
     "build:types": "NODE_ENV=production tsc --project tsconfig.build.json --emitDeclarationOnly && tsc-alias",
     "build:proptypes": "node ./scripts/generate-component-props.mjs",
     "build:responsive-variant-classes": "node ./scripts/generate-responsive-variant-classes.mjs",
@@ -43,113 +58,18 @@
     "add-component": "node ./scripts/add-component.mjs",
     "prepublishOnly": "run-s clean build:responsive-variant-classes build:lib build:types build:proptypes",
     "clean": "del ./dist/",
-    "format": "oxfmt 'src/**/*.{js,ts,tsx}' --write",
-    "lint": "eslint 'src/**/*.{js,ts,tsx}' --fix",
+    "format": "oxfmt src/ --no-error-on-unmatched-pattern",
+    "lint": "oxlint --fix src/",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:ci": "vitest run --reporter=verbose",
     "test:coverage": "vitest run --coverage",
     "validate": "run-p 'validate:**'",
-    "validate:linting": "eslint 'src/**/*.{js,ts,tsx}' --quiet",
+    "validate:linting": "oxlint src/ --quiet",
     "validate:size": "yarn build:lib && size-limit",
     "validate:types": "tsc --noEmit",
     "precommit": "lint-staged"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Atom-Learning/components.git"
-  },
-  "author": "",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/Atom-Learning/components/issues"
-  },
-  "homepage": "https://github.com/Atom-Learning/components#readme",
-  "size-limit": [
-    {
-      "limit": "20kb",
-      "path": "dist/index.js",
-      "import": "{ Button }"
-    },
-    {
-      "limit": "50kb",
-      "path": "dist/index.js",
-      "import": "{  useAlert, AlertProvider }"
-    }
-  ],
-  "devDependencies": {
-    "@atom-learning/icons": "1.20.0",
-    "@atom-learning/theme": "^6.0.0",
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
-    "@radix-ui/react-id": "1.0.1",
-    "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-node-resolve": "^11.2.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/exec": "^7.0.0",
-    "@semantic-release/release-notes-generator": "^14.0.1",
-    "@size-limit/preset-small-lib": "^7.0.5",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/mdast": "^3.0.0",
-    "@types/node": "20.6.0",
-    "@types/prop-types": "^15",
-    "@types/react": "17.0.80",
-    "@types/react-dom": "^17.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/browser-playwright": "^4.0.18",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vitest/eslint-plugin": "^1.6.9",
-    "@vitest/ui": "^4.0.18",
-    "alias-hq": "^5.3.0",
-    "axe-core": "^4.11.1",
-    "change-case": "^4.1.2",
-    "chokidar": "^3.5.1",
-    "del-cli": "^3.0.1",
-    "esbuild": "^0.25.12",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^7.2.0",
-    "eslint-import-resolver-typescript": "^2.3.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.22.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
-    "husky": "^4.3.8",
-    "lint-staged": "^10.5.3",
-    "npm-run-all": "^4.1.5",
-    "oxfmt": "^0.39.0",
-    "playwright": "^1.58.2",
-    "pretty-format": "^30.2.0",
-    "prompts": "^2.4.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup": "^2.39.0",
-    "rollup-plugin-esbuild": "^4.8.2",
-    "rollup-plugin-json": "^4.0.0",
-    "rollup-plugin-summary": "^1.3.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-visualizer": "^4.2.2",
-    "semantic-release": "^25.0.0",
-    "semantic-release-slack-bot": "^4.0.2",
-    "size-limit": "^7.0.5",
-    "tsc-alias": "^1.8.10",
-    "typescript": "^5.5.4",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18",
-    "yargs": "^16.2.0"
-  },
-  "peerDependencies": {
-    "@atom-learning/icons": "^1.0.0",
-    "@atom-learning/theme": "^6.0.0",
-    "react": "^17 || ^18 || ^19",
-    "react-dom": "^17 || ^18 || ^19"
-  },
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/modifiers": "^6.0.0",
@@ -174,7 +94,7 @@
     "@radix-ui/react-tooltip": "^1.0.7",
     "@radix-ui/react-visually-hidden": "^1.0.3",
     "@reach/combobox": "^0.16.1",
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-table": "^8.5.11",
     "clsx": "^2.1.1",
     "dayjs": "^1.10.7",
@@ -193,14 +113,68 @@
     "react-hook-form": "^6.15.4",
     "react-hot-toast": "^1.0.2",
     "react-player": "^2.9.0",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.5.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.1",
     "throttle-debounce": "^3.0.1",
     "ts-morph": "^25.0.1",
     "uid": "^2.0.0",
     "use-deep-compare-effect": "^1.8.1"
   },
+  "devDependencies": {
+    "@atom-learning/icons": "1.20.0",
+    "@atom-learning/theme": "^6.0.0",
+    "@commitlint/cli": "^11.0.0",
+    "@commitlint/config-conventional": "^11.0.0",
+    "@radix-ui/react-id": "1.0.1",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^7.0.0",
+    "@semantic-release/release-notes-generator": "^14.0.1",
+    "@size-limit/preset-small-lib": "^7.0.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/mdast": "^3.0.0",
+    "@types/node": "20.6.0",
+    "@types/prop-types": "^15",
+    "@types/react": "17.0.80",
+    "@types/react-dom": "^17.0.11",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vitest/ui": "^4.1.0",
+    "alias-hq": "^5.3.0",
+    "axe-core": "^4.11.1",
+    "change-case": "^4.1.2",
+    "chokidar": "^3.5.1",
+    "del-cli": "^3.0.1",
+    "esbuild": "^0.25.12",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.3",
+    "npm-run-all": "^4.1.5",
+    "oxfmt": "^0.41.0",
+    "oxlint": "^1.56.0",
+    "playwright": "^1.58.2",
+    "pretty-format": "^30.2.0",
+    "prompts": "^2.4.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "semantic-release": "^25.0.0",
+    "semantic-release-slack-bot": "^4.0.2",
+    "size-limit": "^7.0.5",
+    "tsc-alias": "^1.8.10",
+    "typescript": "^5.5.4",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.0",
+    "yargs": "^16.2.0"
+  },
+  "peerDependencies": {
+    "@atom-learning/icons": "^1.0.0",
+    "@atom-learning/theme": "^6.0.0",
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
+  },
   "husky": {
     "hooks": {
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
@@ -253,8 +227,16 @@
       ]
     ]
   },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  }
+  "size-limit": [
+    {
+      "limit": "15kb",
+      "path": "dist/index.js",
+      "import": "{ Button }"
+    },
+    {
+      "limit": "30kb",
+      "path": "dist/index.js",
+      "import": "{  useAlert, AlertProvider }"
+    }
+  ]
 }