@atom-learning/components 6.6.0-beta.1 → 6.6.0-beta.3

package/dist/components/chip/Chip.js

@@ -1,9 +1,9 @@
-import { styled as e } from "../../styled.js";
-import { Icon as t } from "../icon/Icon.js";
-import { overrideStyledVariantValue as n } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
-import * as r from "react";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import { overrideStyledVariantValue } from "../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
+import * as React$1 from "react";
 //#region src/components/chip/Chip.tsx
-var i = e("span", { base: [
+var StyledChipContent = styled("span", { base: [
 	"inline-flex",
 	"items-center",
 	"px-1",
@@ -12,26 +12,36 @@ var i = e("span", { base: [
 	"text-ellipsis",
 	"whitespace-nowrap",
 	"*:not-last:mr-1"
-] }), a = {
+] });
+var toIconSize = {
 	sm: "sm",
 	md: "sm",
 	lg: "md"
-}, o = (e) => {
-	let { size: i } = r.useContext(l), o = r.useMemo(() => n(i, (e) => a[e]), [i]);
-	return /* @__PURE__ */ r.createElement(t, {
-		...e,
-		size: o
+};
+var ChipIcon = (props) => {
+	const { size } = React$1.useContext(ChipRootContext);
+	const iconSize = React$1.useMemo(() => overrideStyledVariantValue(size, (s) => toIconSize[s]), [size]);
+	return /* @__PURE__ */ React$1.createElement(Icon, {
+		...props,
+		size: iconSize
 	});
-}, s = ({ children: e, ...n }) => {
-	let a = r.Children.toArray(e), s = a.length <= 1;
-	return /* @__PURE__ */ r.createElement(i, n, a.map((e, n) => !s && typeof e == "string" ? /* @__PURE__ */ r.createElement("span", {
-		key: e,
-		className: "overflow-hidden text-ellipsis whitespace-nowrap"
-	}, e) : r.isValidElement(e) && e.type === t ? /* @__PURE__ */ r.createElement(o, {
-		key: `icon-${n}`,
-		...e.props
-	}) : e));
-}, c = e("div", {
+};
+var ChipContent = ({ children, ...rest }) => {
+	const childrenArray = React$1.Children.toArray(children);
+	const isSingleChild = childrenArray.length <= 1;
+	return /* @__PURE__ */ React$1.createElement(StyledChipContent, rest, childrenArray.map((child, index) => {
+		if (!isSingleChild && typeof child === "string") return /* @__PURE__ */ React$1.createElement("span", {
+			key: child,
+			className: "overflow-hidden text-ellipsis whitespace-nowrap"
+		}, child);
+		if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ React$1.createElement(ChipIcon, {
+			key: `icon-${index}`,
+			...child.props
+		});
+		return child;
+	}));
+};
+var StyledRoot = styled("div", {
 	base: [
 		"flex",
 		"px-2",
@@ -66,19 +76,25 @@ var i = e("span", { base: [
 			"capsize-[0.3864]"
 		]
 	} }
-}), l = r.createContext({}), u = ({ size: e, children: t }) => {
-	let n = r.useMemo(() => ({ size: e }), [e]);
-	return /* @__PURE__ */ r.createElement(l.Provider, { value: n }, t);
-}, d = r.forwardRef(({ size: e = "md", ...t }, n) => /* @__PURE__ */ r.createElement(u, { size: e }, /* @__PURE__ */ r.createElement(c, {
-	ref: n,
-	size: e,
-	...t
-}))), f = Object.assign(d, {
-	Content: s,
-	Icon: o
 });
-d.displayName = "Chip";
+var ChipRootContext = React$1.createContext({});
+var ChipRootProvider = ({ size, children }) => {
+	const value = React$1.useMemo(() => ({ size }), [size]);
+	return /* @__PURE__ */ React$1.createElement(ChipRootContext.Provider, { value }, children);
+};
+var ChipRoot = React$1.forwardRef(({ size = "md", ...rest }, ref) => {
+	return /* @__PURE__ */ React$1.createElement(ChipRootProvider, { size }, /* @__PURE__ */ React$1.createElement(StyledRoot, {
+		ref,
+		size,
+		...rest
+	}));
+});
+var Chip = Object.assign(ChipRoot, {
+	Content: ChipContent,
+	Icon: ChipIcon
+});
+ChipRoot.displayName = "Chip";
 //#endregion
-export { f as Chip };
+export { Chip };
 
 //# sourceMappingURL=Chip.js.map

package/dist/components/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  return (\n    <StyledChipContent {...rest}>\n      {\n        childrenArray.map((child, index) => {\n          if (!isSingleChild && typeof child === 'string')\n            return (\n              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\n            )\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    }\n  }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n  size,\n  children\n}: TChipRootProviderProps) => {\n  const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;AAMA,IAAa,IAAoB,EAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAEI,IAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM,EAEtC,KAAY,MAA6C;CAEpE,IAAM,EAAE,YADY,EAAM,WAAW,EAAgB,EAE/C,IAAW,EAAM,cACf,EAA2B,IAAO,MAAM,EAAW,GAAG,EAC5D,CAAC,EAAK,CACP;AACD,QAAO,kBAAA,cAAC,GAAD;EAAM,GAAI;EAAO,MAAM;EAAY,CAAA;GAGtC,KAAe,EAAE,aAAU,GAAG,QAAW;CAC7C,IAAM,IAAgB,EAAM,SAAS,QAAQ,EAAS,EAChD,IAAgB,EAAc,UAAU;AAC9C,QACE,kBAAA,cAAC,GAAsB,GAEnB,EAAc,KAAK,GAAO,MACpB,CAAC,KAAiB,OAAO,KAAU,WAEnC,kBAAA,cAAC,QAAD;EACE,KAAK;EACL,WAAU;EAGL,EADJ,EACI,GAEP,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,IACzC,kBAAA,cAAC,GAAD;EAAU,KAAK,QAAQ;EAAS,GAAI,EAAM;EAAS,CAAA,GAErD,EACP,CAEc;GAIX,IAAa,EAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GAAC;GAAO;GAAW;GAAkB;GAAmB;EAC5D,IAAI;GAAC;GAAO;GAAW;GAAkB;GAAmB;EAC5D,IAAI;GAAC;GAAQ;GAAW;GAAkB;GAAmB;EAC9D,EACF;CACF,CAAC,EAKW,IAAkB,EAAM,cAAgC,EAAE,CAAC,EAE3D,KAAoB,EAC/B,SACA,kBAC4B;CAC5B,IAAM,IAAQ,EAAM,eAAiC,EAAE,SAAM,GAAG,CAAC,EAAK,CAAC;AACvE,QACE,kBAAA,cAAC,EAAgB,UAAjB,EAAiC,UAEN,EADxB,EACwB;GAMzB,IAAW,EAAM,YACpB,EAAE,UAAO,MAAM,GAAG,KAAQ,MAEvB,kBAAA,cAAC,GAAD,EAAwB,SAEL,EADjB,kBAAA,cAAC,GAAD;CAAiB;CAAW;CAAM,GAAI;CAAQ,CAAA,CAC7B,CAGxB,EAEY,IAAO,OAAO,OAAO,GAAU;CAC1C,SAAS;CACT,MAAM;CACP,CAAC;AAEF,EAAS,cAAc"}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  return (\n    <StyledChipContent {...rest}>\n      {\n        childrenArray.map((child, index) => {\n          if (!isSingleChild && typeof child === 'string')\n            return (\n              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\n            )\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    }\n  }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n  size,\n  children\n}: TChipRootProviderProps) => {\n  const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM;AAEnD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,gBAAgB;CAErD,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AACD,QAAO,wBAAA,cAAC,MAAD;EAAM,GAAI;EAAO,MAAM;EAAY,CAAA;;AAG5C,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,SAAS;CACtD,MAAM,gBAAgB,cAAc,UAAU;AAC9C,QACE,wBAAA,cAAC,mBAAsB,MAEnB,cAAc,KAAK,OAAO,UAAU;AAClC,MAAI,CAAC,iBAAiB,OAAO,UAAU,SACrC,QACE,wBAAA,cAAC,QAAD;GACE,KAAK;GACL,WAAU;GAGL,EADJ,MACI;AAEX,MAAI,QAAM,eAAe,MAAM,IAAI,MAAM,SAAS,KAChD,QAAO,wBAAA,cAAC,UAAD;GAAU,KAAK,QAAQ;GAAS,GAAI,MAAM;GAAS,CAAA;AAE5D,SAAO;GACP,CAEc;;AAIxB,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GAAC;GAAO;GAAW;GAAkB;GAAmB;EAC5D,IAAI;GAAC;GAAO;GAAW;GAAkB;GAAmB;EAC5D,IAAI;GAAC;GAAQ;GAAW;GAAkB;GAAmB;EAC9D,EACF;CACF,CAAC;AAKF,IAAa,kBAAkB,QAAM,cAAgC,EAAE,CAAC;AAExE,IAAa,oBAAoB,EAC/B,MACA,eAC4B;CAC5B,MAAM,QAAQ,QAAM,eAAiC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AACvE,QACE,wBAAA,cAAC,gBAAgB,UAAjB,EAAiC,OAEN,EADxB,SACwB;;AAM/B,IAAM,WAAW,QAAM,YACpB,EAAE,OAAO,MAAM,GAAG,QAAQ,QAAQ;AACjC,QACE,wBAAA,cAAC,kBAAD,EAAwB,MAEL,EADjB,wBAAA,cAAC,YAAD;EAAiB;EAAW;EAAM,GAAI;EAAQ,CAAA,CAC7B;EAGxB;AAED,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,SAAS;CACT,MAAM;CACP,CAAC;AAEF,SAAS,cAAc"}

package/dist/components/chip/ChipGroup.js

@@ -1,12 +1,12 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/chip/ChipGroup.tsx
-var t = e("div", { base: [
+var ChipGroup = styled("div", { base: [
 	"flex",
 	"flex-row",
 	"flex-wrap",
 	"gap-2"
 ] });
 //#endregion
-export { t as ChipGroup };
+export { ChipGroup };
 
 //# sourceMappingURL=ChipGroup.js.map

package/dist/components/chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,IAAY,EAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;CAAQ,EACjD,CAAC"}
+{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;CAAQ,EACjD,CAAC"}

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js

@@ -1,20 +1,23 @@
-import { styled as e } from "../../styled.js";
-import { Icon as t } from "../icon/Icon.js";
-import { ActionIcon as n } from "../action-icon/ActionIcon.js";
-import { Chip as r } from "../chip/Chip.js";
-import { DismissibleGroup as i } from "../dismissible-group/index.js";
-import * as a from "react";
-import { Close as o } from "@atom-learning/icons";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import { ActionIcon } from "../action-icon/ActionIcon.js";
+import { Chip } from "../chip/Chip.js";
+import { DismissibleGroup } from "../dismissible-group/index.js";
+import * as React$1 from "react";
+import { Close } from "@atom-learning/icons";
 //#region src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx
-var s = e(r, { base: ["flex", "px-1"] }), c = ({ size: e = "md", children: c, dismissActionLabel: l = "Dismiss", ...u }) => /* @__PURE__ */ a.createElement(i.Item, {
-	asChild: !0,
-	...u
-}, /* @__PURE__ */ a.createElement(s, { size: e }, /* @__PURE__ */ a.createElement(r.Content, null, c), /* @__PURE__ */ a.createElement(i.Trigger, { asChild: !0 }, /* @__PURE__ */ a.createElement(n, {
-	label: l,
-	size: e === "sm" ? "xs" : "sm",
-	className: "text-grey-600"
-}, /* @__PURE__ */ a.createElement(t, { is: o })))));
+var StyledChipDismissibleGroupItem = styled(Chip, { base: ["flex", "px-1"] });
+var ChipDismissibleGroupItem = ({ size = "md", children, dismissActionLabel = "Dismiss", ...rest }) => {
+	return /* @__PURE__ */ React$1.createElement(DismissibleGroup.Item, {
+		asChild: true,
+		...rest
+	}, /* @__PURE__ */ React$1.createElement(StyledChipDismissibleGroupItem, { size }, /* @__PURE__ */ React$1.createElement(Chip.Content, null, children), /* @__PURE__ */ React$1.createElement(DismissibleGroup.Trigger, { asChild: true }, /* @__PURE__ */ React$1.createElement(ActionIcon, {
+		label: dismissActionLabel,
+		size: size === "sm" ? "xs" : "sm",
+		className: "text-grey-600"
+	}, /* @__PURE__ */ React$1.createElement(Icon, { is: Close })))));
+};
 //#endregion
-export { c as ChipDismissibleGroupItem };
+export { ChipDismissibleGroupItem };
 
 //# sourceMappingURL=ChipDismissibleGroupItem.js.map

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAiC,EAAO,GAAM,EAClD,MAAM,CAAC,QAAQ,OAAO,EACvB,CAAC,EASW,KAA4B,EACvC,UAAO,MACP,aACA,wBAAqB,WACrB,GAAG,QAGD,kBAAA,cAAC,EAAiB,MAAlB;CAAuB,SAAA;CAAQ,GAAI;CAaX,EAZtB,kBAAA,cAAC,GAAD,EAAsC,SAWL,EAV/B,kBAAA,cAAC,EAAK,SAAA,MAAS,EAAwB,EACvC,kBAAA,cAAC,EAAiB,SAAlB,EAA0B,SAAA,IAQC,EAPzB,kBAAA,cAAC,GAAD;CACE,OAAO;CACP,MAAM,MAAS,OAAO,OAAO;CAC7B,WAAU;CAGC,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAS,CAAA,CACR,CACY,CACI,CACX"}
+{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,OAAO,EACvB,CAAC;AASF,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAC4B;AAC/B,QACE,wBAAA,cAAC,iBAAiB,MAAlB;EAAuB,SAAA;EAAQ,GAAI;EAaX,EAZtB,wBAAA,cAAC,gCAAD,EAAsC,MAWL,EAV/B,wBAAA,cAAC,KAAK,SAAA,MAAS,SAAwB,EACvC,wBAAA,cAAC,iBAAiB,SAAlB,EAA0B,SAAA,MAQC,EAPzB,wBAAA,cAAC,YAAD;EACE,OAAO;EACP,MAAM,SAAS,OAAO,OAAO;EAC7B,WAAU;EAGC,EADX,wBAAA,cAAC,MAAD,EAAM,IAAI,OAAS,CAAA,CACR,CACY,CACI,CACX"}

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.js

@@ -1,13 +1,15 @@
-import { ChipGroup as e } from "../chip/ChipGroup.js";
-import { DismissibleGroup as t } from "../dismissible-group/index.js";
-import * as n from "react";
+import { ChipGroup } from "../chip/ChipGroup.js";
+import { DismissibleGroup } from "../dismissible-group/index.js";
+import * as React$1 from "react";
 //#region src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx
-var r = n.forwardRef((r, i) => /* @__PURE__ */ n.createElement(e, {
-	as: t,
-	ref: i,
-	...r
-}));
+var ChipDismissibleGroupRoot = React$1.forwardRef((props, ref) => {
+	return /* @__PURE__ */ React$1.createElement(ChipGroup, {
+		as: DismissibleGroup,
+		ref,
+		...props
+	});
+});
 //#endregion
-export { r as ChipDismissibleGroupRoot };
+export { ChipDismissibleGroupRoot };
 
 //# sourceMappingURL=ChipDismissibleGroupRoot.js.map

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"mappings":";;;;AAQA,IAAa,IAA2B,EAAM,YAG3C,GAAO,MACD,kBAAA,cAAC,GAAD;CAAW,IAAI;CAAuB;CAAY,GAAI;CAAS,CAAA,CACtE"}
+{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"mappings":";;;;AAQA,IAAa,2BAA2B,QAAM,YAG3C,OAAO,QAAQ;AAChB,QAAO,wBAAA,cAAC,WAAD;EAAW,IAAI;EAAuB;EAAY,GAAI;EAAS,CAAA;EACtE"}

package/dist/components/chip-dismissible-group/index.js

@@ -1,9 +1,10 @@
-import { ChipDismissibleGroupItem as e } from "./ChipDismissibleGroupItem.js";
-import { ChipDismissibleGroupRoot as t } from "./ChipDismissibleGroupRoot.js";
+import { ChipDismissibleGroupItem } from "./ChipDismissibleGroupItem.js";
+import { ChipDismissibleGroupRoot } from "./ChipDismissibleGroupRoot.js";
 //#region src/components/chip-dismissible-group/index.ts
-var n = t;
-n.Item = e, n.displayName = "ChipDismissibleGroup";
+var ChipDismissibleGroup = ChipDismissibleGroupRoot;
+ChipDismissibleGroup.Item = ChipDismissibleGroupItem;
+ChipDismissibleGroup.displayName = "ChipDismissibleGroup";
 //#endregion
-export { n as ChipDismissibleGroup };
+export { ChipDismissibleGroup };
 
 //# sourceMappingURL=index.js.map

package/dist/components/chip-dismissible-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-dismissible-group/index.ts"],"sourcesContent":["import { ChipDismissibleGroupItem } from './ChipDismissibleGroupItem'\nimport { ChipDismissibleGroupRoot } from './ChipDismissibleGroupRoot'\n\ntype TChipDismissibleGroup = typeof ChipDismissibleGroupRoot & {\n  Item: typeof ChipDismissibleGroupItem\n}\n\nexport const ChipDismissibleGroup =\n  ChipDismissibleGroupRoot as TChipDismissibleGroup\nChipDismissibleGroup.Item = ChipDismissibleGroupItem\nChipDismissibleGroup.displayName = 'ChipDismissibleGroup'\n"],"mappings":";;;AAOA,IAAa,IACX;AACF,EAAqB,OAAO,GAC5B,EAAqB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-dismissible-group/index.ts"],"sourcesContent":["import { ChipDismissibleGroupItem } from './ChipDismissibleGroupItem'\nimport { ChipDismissibleGroupRoot } from './ChipDismissibleGroupRoot'\n\ntype TChipDismissibleGroup = typeof ChipDismissibleGroupRoot & {\n  Item: typeof ChipDismissibleGroupItem\n}\n\nexport const ChipDismissibleGroup =\n  ChipDismissibleGroupRoot as TChipDismissibleGroup\nChipDismissibleGroup.Item = ChipDismissibleGroupItem\nChipDismissibleGroup.displayName = 'ChipDismissibleGroup'\n"],"mappings":";;;AAOA,IAAa,uBACX;AACF,qBAAqB,OAAO;AAC5B,qBAAqB,cAAc"}

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js

@@ -1,11 +1,12 @@
-import { styled as e } from "../../styled.js";
-import { Icon as t } from "../icon/Icon.js";
-import { Chip as n } from "../chip/Chip.js";
-import * as r from "react";
-import { Ok as i } from "@atom-learning/icons";
-import * as a from "@radix-ui/react-toggle-group";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import { Chip } from "../chip/Chip.js";
+import * as React$1 from "react";
+import { Ok } from "@atom-learning/icons";
+import * as ToggleGroup from "@radix-ui/react-toggle-group";
 //#region src/components/chip-toggle-group/ChipToggleGroupItem.tsx
-var o = e(t, { base: ["hidden"] }), s = e(n, { base: [
+var StyledChipToggleIcon = styled(Icon, { base: ["hidden"] });
+var StyledChipToggleGroupItem = styled(Chip, { base: [
 	"flex",
 	"not-disabled:cursor-pointer",
 	"not-disabled:data-[state=on]:hover:bg-white",
@@ -22,14 +23,17 @@ var o = e(t, { base: ["hidden"] }), s = e(n, { base: [
 	"data-[state=off]:border-grey-600",
 	"data-[state=off]:text-grey-800",
 	"data-[state=on]:[&_svg]:block"
-] }), c = ({ size: e = "md", children: t, ...c }) => /* @__PURE__ */ r.createElement(a.Item, {
-	...c,
-	asChild: !0
-}, /* @__PURE__ */ r.createElement(s, { as: "button" }, /* @__PURE__ */ r.createElement(o, {
-	is: i,
-	size: e === "lg" ? "md" : "sm"
-}), /* @__PURE__ */ r.createElement(n.Content, null, t)));
+] });
+var ChipToggleGroupItem = ({ size = "md", children, ...rest }) => {
+	return /* @__PURE__ */ React$1.createElement(ToggleGroup.Item, {
+		...rest,
+		asChild: true
+	}, /* @__PURE__ */ React$1.createElement(StyledChipToggleGroupItem, { as: "button" }, /* @__PURE__ */ React$1.createElement(StyledChipToggleIcon, {
+		is: Ok,
+		size: size === "lg" ? "md" : "sm"
+	}), /* @__PURE__ */ React$1.createElement(Chip.Content, null, children)));
+};
 //#endregion
-export { c as ChipToggleGroupItem };
+export { ChipToggleGroupItem };
 
 //# sourceMappingURL=ChipToggleGroupItem.js.map

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupItem.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\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:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ]\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  children,\n  ...rest\n}: TChipToggleGroupItem) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem as=\"button\">\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;AAQA,IAAM,IAAuB,EAAO,GAAM,EACxC,MAAM,CAAC,SAAS,EACjB,CAAC,EAEI,IAA4B,EAAO,GAAM,EAC7C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAKW,KAAuB,EAClC,UAAO,MACP,aACA,GAAG,QAGD,kBAAA,cAAC,EAAY,MAAb;CAAkB,GAAI;CAAM,SAAA;CAKT,EAJjB,kBAAA,cAAC,GAAD,EAA2B,IAAG,UAGF,EAF1B,kBAAA,cAAC,GAAD;CAAsB,IAAI;CAAI,MAAM,MAAS,OAAO,OAAO;CAAQ,CAAA,EACnE,kBAAA,cAAC,EAAK,SAAA,MAAS,EAAwB,CACb,CACX"}
+{"version":3,"file":"ChipToggleGroupItem.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\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:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ]\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  children,\n  ...rest\n}: TChipToggleGroupItem) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem as=\"button\">\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;AAQA,IAAM,uBAAuB,OAAO,MAAM,EACxC,MAAM,CAAC,SAAS,EACjB,CAAC;AAEF,IAAM,4BAA4B,OAAO,MAAM,EAC7C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAKF,IAAa,uBAAuB,EAClC,OAAO,MACP,UACA,GAAG,WACuB;AAC1B,QACE,wBAAA,cAAC,YAAY,MAAb;EAAkB,GAAI;EAAM,SAAA;EAKT,EAJjB,wBAAA,cAAC,2BAAD,EAA2B,IAAG,UAGF,EAF1B,wBAAA,cAAC,sBAAD;EAAsB,IAAI;EAAI,MAAM,SAAS,OAAO,OAAO;EAAQ,CAAA,EACnE,wBAAA,cAAC,KAAK,SAAA,MAAS,SAAwB,CACb,CACX"}

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.js

@@ -1,14 +1,16 @@
-import { ChipGroup as e } from "../chip/ChipGroup.js";
-import { ToggleGroup as t } from "../../utilities/radix-overrides/toggle-group/index.js";
-import * as n from "react";
+import { ChipGroup } from "../chip/ChipGroup.js";
+import { ToggleGroup } from "../../utilities/radix-overrides/toggle-group/index.js";
+import * as React$1 from "react";
 //#region src/components/chip-toggle-group/ChipToggleGroupRoot.tsx
-var r = n.forwardRef((r, i) => /* @__PURE__ */ n.createElement(e, {
-	ref: i,
-	as: t.Root,
-	orientation: "horizontal",
-	...r
-}));
+var ChipToggleGroupRoot = React$1.forwardRef((props, ref) => {
+	return /* @__PURE__ */ React$1.createElement(ChipGroup, {
+		ref,
+		as: ToggleGroup.Root,
+		orientation: "horizontal",
+		...props
+	});
+});
 //#endregion
-export { r as ChipToggleGroupRoot };
+export { ChipToggleGroupRoot };
 
 //# sourceMappingURL=ChipToggleGroupRoot.js.map

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupRoot.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype TChipToggleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof ToggleGroup.Root>\n\nexport const ChipToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipToggleGroupRootProps\n>((props, ref) => {\n  return (\n    <ChipGroup\n      ref={ref}\n      as={ToggleGroup.Root}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  )\n})\n"],"mappings":";;;;AAQA,IAAa,IAAsB,EAAM,YAGtC,GAAO,MAEN,kBAAA,cAAC,GAAD;CACO;CACL,IAAI,EAAY;CAChB,aAAY;CACZ,GAAI;CACJ,CAAA,CAEJ"}
+{"version":3,"file":"ChipToggleGroupRoot.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype TChipToggleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof ToggleGroup.Root>\n\nexport const ChipToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipToggleGroupRootProps\n>((props, ref) => {\n  return (\n    <ChipGroup\n      ref={ref}\n      as={ToggleGroup.Root}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  )\n})\n"],"mappings":";;;;AAQA,IAAa,sBAAsB,QAAM,YAGtC,OAAO,QAAQ;AAChB,QACE,wBAAA,cAAC,WAAD;EACO;EACL,IAAI,YAAY;EAChB,aAAY;EACZ,GAAI;EACJ,CAAA;EAEJ"}

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

@@ -1,9 +1,10 @@
-import { ChipToggleGroupItem as e } from "./ChipToggleGroupItem.js";
-import { ChipToggleGroupRoot as t } from "./ChipToggleGroupRoot.js";
+import { ChipToggleGroupItem } from "./ChipToggleGroupItem.js";
+import { ChipToggleGroupRoot } from "./ChipToggleGroupRoot.js";
 //#region src/components/chip-toggle-group/index.ts
-var n = t;
-n.Item = e, n.displayName = "ChipToggleGroupItem";
+var ChipToggleGroup = ChipToggleGroupRoot;
+ChipToggleGroup.Item = ChipToggleGroupItem;
+ChipToggleGroup.displayName = "ChipToggleGroupItem";
 //#endregion
-export { n as ChipToggleGroup };
+export { ChipToggleGroup };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-toggle-group/index.ts"],"sourcesContent":["import { ChipToggleGroupItem } from './ChipToggleGroupItem'\nimport { ChipToggleGroupRoot } from './ChipToggleGroupRoot'\n\ntype TChipToggleGroup = typeof ChipToggleGroupRoot & {\n  Item: typeof ChipToggleGroupItem\n}\n\nexport const ChipToggleGroup = ChipToggleGroupRoot as TChipToggleGroup\nChipToggleGroup.Item = ChipToggleGroupItem\nChipToggleGroup.displayName = 'ChipToggleGroupItem'\n"],"mappings":";;;AAOA,IAAa,IAAkB;AAC/B,EAAgB,OAAO,GACvB,EAAgB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-toggle-group/index.ts"],"sourcesContent":["import { ChipToggleGroupItem } from './ChipToggleGroupItem'\nimport { ChipToggleGroupRoot } from './ChipToggleGroupRoot'\n\ntype TChipToggleGroup = typeof ChipToggleGroupRoot & {\n  Item: typeof ChipToggleGroupItem\n}\n\nexport const ChipToggleGroup = ChipToggleGroupRoot as TChipToggleGroup\nChipToggleGroup.Item = ChipToggleGroupItem\nChipToggleGroup.displayName = 'ChipToggleGroupItem'\n"],"mappings":";;;AAOA,IAAa,kBAAkB;AAC/B,gBAAgB,OAAO;AACvB,gBAAgB,cAAc"}

package/dist/components/combobox/Combobox.js

@@ -1,18 +1,18 @@
-import { ComboboxInput as e } from "./ComboboxInput.js";
-import { ComboboxList as t } from "./ComboboxList.js";
-import { ComboboxOption as n } from "./ComboboxOption.js";
-import { ComboboxPopover as r } from "./ComboboxPopover.js";
-import { Combobox as i, ComboboxOptionText as a } from "@reach/combobox";
+import { ComboboxInput as ComboboxInput$1 } from "./ComboboxInput.js";
+import { ComboboxList as ComboboxList$1 } from "./ComboboxList.js";
+import { ComboboxOption as ComboboxOption$1 } from "./ComboboxOption.js";
+import { ComboboxPopover as ComboboxPopover$1 } from "./ComboboxPopover.js";
+import { Combobox, ComboboxOptionText } from "@reach/combobox";
 //#region src/components/combobox/Combobox.tsx
-var o = Object.assign(i, {
+var Combobox$1 = Object.assign(Combobox, {
 	displayName: "Combobox",
-	Option: n,
-	Input: e,
-	Popover: r,
-	List: t,
-	OptionText: a
+	Option: ComboboxOption$1,
+	Input: ComboboxInput$1,
+	Popover: ComboboxPopover$1,
+	List: ComboboxList$1,
+	OptionText: ComboboxOptionText
 });
 //#endregion
-export { o as Combobox };
+export { Combobox$1 as Combobox };
 
 //# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\n// ':root': { '--reach-combobox': 1 }\n\nexport const Combobox = Object.assign(BaseCombobox, {\n  displayName: 'Combobox',\n  Option: ComboboxOption,\n  Input: ComboboxInput,\n  Popover: ComboboxPopover,\n  List: ComboboxList,\n  OptionText: ComboboxOptionText\n})\n"],"mappings":";;;;;;AASA,IAAa,IAAW,OAAO,OAAO,GAAc;CAClD,aAAa;CACb,QAAQ;CACR,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;CACb,CAAC"}
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\n// ':root': { '--reach-combobox': 1 }\n\nexport const Combobox = Object.assign(BaseCombobox, {\n  displayName: 'Combobox',\n  Option: ComboboxOption,\n  Input: ComboboxInput,\n  Popover: ComboboxPopover,\n  List: ComboboxList,\n  OptionText: ComboboxOptionText\n})\n"],"mappings":";;;;;;AASA,IAAa,aAAW,OAAO,OAAO,UAAc;CAClD,aAAa;CACb,QAAQ;CACR,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;CACb,CAAC"}

package/dist/components/combobox/ComboboxInput.js

@@ -1,9 +1,39 @@
-import { styled as e } from "../../styled.js";
-import * as t from "react";
-import { ComboboxInput as n } from "@reach/combobox";
+import { styled } from "../../styled.js";
+import * as React$1 from "react";
+import { ComboboxInput } from "@reach/combobox";
 //#region src/components/combobox/ComboboxInput.tsx
-var r = e(n, {
-	base: /* @__PURE__ */ "bg-white.bg-(image:--bg-chevron).bg-position-[right_--spacing(3)_top_50%,0_0].[background-repeat:no-repeat,repeat-x].bg-size-[--spacing(5)_auto,100%].shadow-none.appearance-none.border.border-grey-700.rounded-md.box-border.text-grey-1000.cursor-text.block.font-body.h-10.pl-3.pr-10.transition-all.duration-100.ease-out.w-full.placeholder:opacity-100.placeholder:text-grey-700.focus-within:border-primary-800.focus-within:outline-none.disabled:bg-grey-200.disabled:cursor-not-allowed.disabled:text-grey-800".split("."),
+var StyledComboboxInput = styled(ComboboxInput, {
+	base: [
+		"bg-white",
+		"bg-(image:--bg-chevron)",
+		"bg-position-[right_--spacing(3)_top_50%,0_0]",
+		"[background-repeat:no-repeat,repeat-x]",
+		"bg-size-[--spacing(5)_auto,100%]",
+		"shadow-none",
+		"appearance-none",
+		"border",
+		"border-grey-700",
+		"rounded-md",
+		"box-border",
+		"text-grey-1000",
+		"cursor-text",
+		"block",
+		"font-body",
+		"h-10",
+		"pl-3",
+		"pr-10",
+		"transition-all",
+		"duration-100",
+		"ease-out",
+		"w-full",
+		"placeholder:opacity-100",
+		"placeholder:text-grey-700",
+		"focus-within:border-primary-800",
+		"focus-within:outline-none",
+		"disabled:bg-grey-200",
+		"disabled:cursor-not-allowed",
+		"disabled:text-grey-800"
+	],
 	variants: {
 		size: {
 			sm: [
@@ -24,12 +54,13 @@ var r = e(n, {
 		},
 		state: { error: ["border", "border-danger"] }
 	}
-}), i = t.forwardRef(({ size: e = "md", ...n }, i) => /* @__PURE__ */ t.createElement(r, {
-	size: e,
-	...n,
-	ref: i
+});
+var ComboboxInput$1 = React$1.forwardRef(({ size = "md", ...rest }, ref) => /* @__PURE__ */ React$1.createElement(StyledComboboxInput, {
+	size,
+	...rest,
+	ref
 }));
 //#endregion
-export { i as ComboboxInput };
+export { ComboboxInput$1 as ComboboxInput };
 
 //# sourceMappingURL=ComboboxInput.js.map

package/dist/components/combobox/ComboboxInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n  base: [\n    'bg-white',\n    'bg-(image:--bg-chevron)',\n    'bg-position-[right_--spacing(3)_top_50%,0_0]',\n    '[background-repeat:no-repeat,repeat-x]',\n    'bg-size-[--spacing(5)_auto,100%]',\n    'shadow-none',\n    'appearance-none',\n    'border',\n    'border-grey-700',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'cursor-text',\n    'block',\n    'font-body',\n    'h-10',\n    'pl-3',\n    'pr-10',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'w-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700',\n    'focus-within:border-primary-800',\n    'focus-within:outline-none',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800'\n  ],\n\n  variants: {\n    size: {\n      sm: ['h-8', 'text-sm', 'leading-[1.7]'],\n      md: ['h-10', 'text-md', 'leading-loose'],\n      lg: ['h-12', 'text-md', 'leading-loose']\n    },\n    state: {\n      error: ['border', 'border-danger']\n    }\n  }\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n  typeof StyledComboboxInput\n>\n\nexport const ComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  ComboboxInputProps\n>(({ size = 'md', ...rest }, ref) => (\n  <StyledComboboxInput\n    size={size as React.ComponentProps<typeof StyledComboboxInput>['size']}\n    {...rest}\n    ref={ref}\n  />\n))\n"],"mappings":";;;;AAKA,IAAa,IAAsB,EAAO,GAAmB;CAC3D,MAAM,shBA8BL;CAED,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAgB;GACvC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACxC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACzC;EACD,OAAO,EACL,OAAO,CAAC,UAAU,gBAAgB,EACnC;EACF;CACF,CAAC,EAMW,IAAgB,EAAM,YAGhC,EAAE,UAAO,MAAM,GAAG,KAAQ,MAC3B,kBAAA,cAAC,GAAD;CACQ;CACN,GAAI;CACC;CACL,CAAA,CACF"}
+{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n  base: [\n    'bg-white',\n    'bg-(image:--bg-chevron)',\n    'bg-position-[right_--spacing(3)_top_50%,0_0]',\n    '[background-repeat:no-repeat,repeat-x]',\n    'bg-size-[--spacing(5)_auto,100%]',\n    'shadow-none',\n    'appearance-none',\n    'border',\n    'border-grey-700',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'cursor-text',\n    'block',\n    'font-body',\n    'h-10',\n    'pl-3',\n    'pr-10',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'w-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700',\n    'focus-within:border-primary-800',\n    'focus-within:outline-none',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800'\n  ],\n\n  variants: {\n    size: {\n      sm: ['h-8', 'text-sm', 'leading-[1.7]'],\n      md: ['h-10', 'text-md', 'leading-loose'],\n      lg: ['h-12', 'text-md', 'leading-loose']\n    },\n    state: {\n      error: ['border', 'border-danger']\n    }\n  }\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n  typeof StyledComboboxInput\n>\n\nexport const ComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  ComboboxInputProps\n>(({ size = 'md', ...rest }, ref) => (\n  <StyledComboboxInput\n    size={size as React.ComponentProps<typeof StyledComboboxInput>['size']}\n    {...rest}\n    ref={ref}\n  />\n))\n"],"mappings":";;;;AAKA,IAAa,sBAAsB,OAAO,eAAmB;CAC3D,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAgB;GACvC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACxC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACzC;EACD,OAAO,EACL,OAAO,CAAC,UAAU,gBAAgB,EACnC;EACF;CACF,CAAC;AAMF,IAAa,kBAAgB,QAAM,YAGhC,EAAE,OAAO,MAAM,GAAG,QAAQ,QAC3B,wBAAA,cAAC,qBAAD;CACQ;CACN,GAAI;CACC;CACL,CAAA,CACF"}

package/dist/components/combobox/ComboboxList.js

@@ -1,13 +1,13 @@
-import { styled as e } from "../../styled.js";
-import { ComboboxList as t } from "@reach/combobox";
+import { styled } from "../../styled.js";
+import { ComboboxList } from "@reach/combobox";
 //#region src/components/combobox/ComboboxList.tsx
-var n = e(t, { base: [
+var ComboboxList$1 = styled(ComboboxList, { base: [
 	"list-none",
 	"m-0",
 	"p-0",
 	"select-none"
 ] });
 //#endregion
-export { n as ComboboxList };
+export { ComboboxList$1 as ComboboxList };
 
 //# sourceMappingURL=ComboboxList.js.map

package/dist/components/combobox/ComboboxList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.js","names":[],"sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  base: ['list-none', 'm-0', 'p-0', 'select-none']\n})\n"],"mappings":";;;AAIA,IAAa,IAAe,EAAO,GAAkB,EACnD,MAAM;CAAC;CAAa;CAAO;CAAO;CAAc,EACjD,CAAC"}
+{"version":3,"file":"ComboboxList.js","names":[],"sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  base: ['list-none', 'm-0', 'p-0', 'select-none']\n})\n"],"mappings":";;;AAIA,IAAa,iBAAe,OAAO,cAAkB,EACnD,MAAM;CAAC;CAAa;CAAO;CAAO;CAAc,EACjD,CAAC"}

package/dist/components/combobox/ComboboxOption.js

@@ -1,7 +1,7 @@
-import { styled as e } from "../../styled.js";
-import { ComboboxOption as t } from "@reach/combobox";
+import { styled } from "../../styled.js";
+import { ComboboxOption } from "@reach/combobox";
 //#region src/components/combobox/ComboboxOption.tsx
-var n = e(t, { base: [
+var ComboboxOption$1 = styled(ComboboxOption, { base: [
 	"text-grey-900",
 	"cursor-pointer",
 	"m-0",
@@ -13,6 +13,6 @@ var n = e(t, { base: [
 	"data-user-value:text-primary-800"
 ] });
 //#endregion
-export { n as ComboboxOption };
+export { ComboboxOption$1 as ComboboxOption };
 
 //# sourceMappingURL=ComboboxOption.js.map

package/dist/components/combobox/ComboboxOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  base: [\n    'text-grey-900',\n    'cursor-pointer',\n    'm-0',\n    'p-2',\n    'hover:bg-grey-100',\n    'hover:rounded-sm',\n    'aria-selected:bg-grey-100',\n    'aria-selected:rounded-sm',\n    'data-user-value:text-primary-800'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,IAAiB,EAAO,GAAoB,EACvD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  base: [\n    'text-grey-900',\n    'cursor-pointer',\n    'm-0',\n    'p-2',\n    'hover:bg-grey-100',\n    'hover:rounded-sm',\n    'aria-selected:bg-grey-100',\n    'aria-selected:rounded-sm',\n    'data-user-value:text-primary-800'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAiB,OAAO,gBAAoB,EACvD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}

package/dist/components/combobox/ComboboxPopover.js

@@ -1,7 +1,7 @@
-import { styled as e } from "../../styled.js";
-import { ComboboxPopover as t } from "@reach/combobox";
+import { styled } from "../../styled.js";
+import { ComboboxPopover } from "@reach/combobox";
 //#region src/components/combobox/ComboboxPopover.tsx
-var n = e(t, { base: [
+var ComboboxPopover$1 = styled(ComboboxPopover, { base: [
 	"bg-white",
 	"border",
 	"border-grey-200",
@@ -15,6 +15,6 @@ var n = e(t, { base: [
 	"translate-y-2"
 ] });
 //#endregion
-export { n as ComboboxPopover };
+export { ComboboxPopover$1 as ComboboxPopover };
 
 //# sourceMappingURL=ComboboxPopover.js.map

package/dist/components/combobox/ComboboxPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.js","names":[],"sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  base: [\n    'bg-white',\n    'border',\n    'border-grey-200',\n    'rounded-md',\n    'shadow-md',\n    'box-border',\n    'font-body',\n    'text-md',\n    'outline-none',\n    'p-1',\n    'translate-y-2'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,IAAkB,EAAO,GAAqB,EACzD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"ComboboxPopover.js","names":[],"sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  base: [\n    'bg-white',\n    'border',\n    'border-grey-200',\n    'rounded-md',\n    'shadow-md',\n    'box-border',\n    'font-body',\n    'text-md',\n    'outline-none',\n    'p-1',\n    'translate-y-2'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,oBAAkB,OAAO,iBAAqB,EACzD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}