@accelint/design-toolkit 8.1.1 → 9.0.0

package/dist/components/radio/group.d.ts

@@ -1,15 +1,30 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RadioGroupProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../label/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { RadioGroupProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
+
+//#region src/components/radio/group.d.ts
 /**
  * RadioGroup - Container component for Radio buttons
  *
  * Groups related Radio components and manages their selection state.
  * Only one Radio can be selected at a time within a RadioGroup.
  */
-declare function RadioGroup({ ref, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
-
+declare function RadioGroup({
+  ref,
+  ...props
+}: RadioGroupProps): react_jsx_runtime75.JSX.Element;
+//#endregion
 export { RadioGroup };
+//# sourceMappingURL=group.d.ts.map

package/dist/components/radio/group.js

@@ -1,4 +1,49 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,RadioGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {RadioContext}from'./context.js';import l from'./styles.module.css';function L({ref:o,...r}){[r,o]=useContextProps(r,o??null,RadioContext);const{children:m,classNames:i,label:a,...u}=r;return jsx(RadioGroup,{...u,ref:o,className:composeRenderProps(i?.group,e=>clsx("group/radio-group",l.group,e)),children:composeRenderProps(m,(e,{isDisabled:d,isRequired:n})=>jsxs(Fragment,{children:[a&&jsx(Label,{className:clsx(l.label,i?.label),isDisabled:d,isRequired:n,children:a}),e]}))})}export{L as RadioGroup};//# sourceMappingURL=group.js.map
+import { Label as Label$1 } from "../label/index.js";
+import { RadioContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { RadioGroup as RadioGroup$1, composeRenderProps, useContextProps } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/radio/group.tsx
+/**
+* RadioGroup - Container component for Radio buttons
+*
+* Groups related Radio components and manages their selection state.
+* Only one Radio can be selected at a time within a RadioGroup.
+*/
+function RadioGroup({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, RadioContext);
+	const { children, classNames, label, ...rest } = props;
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
+		...rest,
+		ref,
+		className: composeRenderProps(classNames?.group, (className) => clsx("group/radio-group", styles.group, className)),
+		children: composeRenderProps(children, (children$1, { isDisabled, isRequired }) => /* @__PURE__ */ jsxs(Fragment, { children: [label && /* @__PURE__ */ jsx(Label$1, {
+			className: clsx(styles.label, classNames?.label),
+			isDisabled,
+			isRequired,
+			children: label
+		}), children$1] }))
+	});
+}
+
+//#endregion
+export { RadioGroup };
 //# sourceMappingURL=group.js.map

package/dist/components/radio/group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/radio/group.tsx"],"names":["props","useContextProps","ref","RadioContext","c","f","children","classNames","jsx","AriaRadioGroup","rest","R","clsx","p","composeRenderProps","s","isDisabled","label","Label","styles","isRequired"],"mappings":"kUA+B6B,SAAkC,CAC7D,CAACA,CAAAA,GAAU,CAAIC,CAAAA,CAAgBD,GAAOE,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAY,CAAA,CAE/DC,eAAA,CAAA,CAAA,CAAA,CAAM,EAAE,IAAA,CAAAC,YAAA,CAAA,CAAAC,KAAU,CAAA,QAAAC,CAAY,CAAA,CAAA,UAAe,CAAA,CAAIP,CAAAA,KAEjD,CAAA,CAAA,CACEQ,GAACC,CAAA,CACE,CAAA,CAAA,CAAGC,OACCR,GACL,CAAAS,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAA8BJ,CAAAA,CAAAA,CAAY,SACxCK,CAAAA,kBAAK,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,mBAGN,CAAA,CAAA,CAAA,KAAAC,CAAmBR,CAAAA,CAAU,CAACA,CAAAA,QAAY,CAAAS,kBAAA,CAAA,CAAA,CAAAC,EAAY,CAAA,CAAA,UAAW,CAAA,CAAA,CAAA,UAE7D,CAAA,CAAA,CAAA,GAAAC,IAAAA,CAAAA,QACCT,CAAAA,CAACU,QACC,CAAA,CAAA,CAAA,EAAWN,GAAAA,CAAKO,KAAAA,CAAO,CAAA,SAAmB,CAAAN,IAAA,CAAA,CAAK,CAAA,KAC/C,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,UAAYO,CAEX,CAAA,CAAA,UACH,CAEDd,CAAAA,CAAAA,QAKX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { RadioContext } from './context';\nimport styles from './styles.module.css';\nimport type { RadioGroupProps } from './types';\n\n/**\n * RadioGroup - Container component for Radio buttons\n *\n * Groups related Radio components and manages their selection state.\n * Only one Radio can be selected at a time within a RadioGroup.\n */\nexport function RadioGroup({ ref, ...props }: RadioGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, RadioContext);\n\n  const { children, classNames, label, ...rest } = props;\n\n  return (\n    <AriaRadioGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        clsx('group/radio-group', styles.group, className),\n      )}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaRadioGroup>\n  );\n}\n"]}
+{"version":3,"file":"group.js","names":["AriaRadioGroup","Label","children"],"sources":["../../../src/components/radio/group.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { RadioContext } from './context';\nimport styles from './styles.module.css';\nimport type { RadioGroupProps } from './types';\n\n/**\n * RadioGroup - Container component for Radio buttons\n *\n * Groups related Radio components and manages their selection state.\n * Only one Radio can be selected at a time within a RadioGroup.\n */\nexport function RadioGroup({ ref, ...props }: RadioGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, RadioContext);\n\n  const { children, classNames, label, ...rest } = props;\n\n  return (\n    <AriaRadioGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        clsx('group/radio-group', styles.group, className),\n      )}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaRadioGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,WAAW,EAAE,KAAK,GAAG,SAA0B;AAC7D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,aAAa;CAEhE,MAAM,EAAE,UAAU,YAAY,OAAO,GAAG,SAAS;AAEjD,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,qBAAqB,OAAO,OAAO,UAAU,CACnD;YAEA,mBAAmB,WAAW,YAAU,EAAE,YAAY,iBACrD,4CACG,SACC,oBAACC;GACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;GACpC;GACA;aAEX;IACK,EAETC,cACA,CACH;GACa"}

package/dist/components/radio/index.d.ts

@@ -1,8 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RadioProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../label/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { RadioProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+
+//#region src/components/radio/index.d.ts
 
 /**
  * Radio - A form control for exclusive selection within a group of options
@@ -35,6 +47,11 @@ import '../label/types.js';
  *   <Radio value="overnight" isDisabled>Overnight (unavailable)</Radio>
  * </RadioGroup>
  */
-declare function Radio({ classNames, children, ...rest }: RadioProps): react_jsx_runtime.JSX.Element;
-
+declare function Radio({
+  classNames,
+  children,
+  ...rest
+}: RadioProps): react_jsx_runtime42.JSX.Element;
+//#endregion
 export { Radio };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/radio/index.js

@@ -1,4 +1,67 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Radio,composeRenderProps}from'react-aria-components';import i from'./styles.module.css';function u({classNames:o,children:t,...e}){return jsx(Radio,{...e,className:composeRenderProps(o?.radio,r=>clsx("group/radio",i.radio,r)),children:composeRenderProps(t,r=>jsxs(Fragment,{children:[jsx("span",{className:clsx(i.control,o?.control)}),jsx("span",{className:clsx(i.label,o?.label),children:r})]}))})}export{u as Radio};//# sourceMappingURL=index.js.map
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Radio as Radio$1, composeRenderProps } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/radio/index.tsx
+/**
+* Radio - A form control for exclusive selection within a group of options
+*
+* Provides accessible radio button functionality where only one option can be
+* selected at a time within a group. Includes proper labeling, keyboard navigation,
+* and visual feedback for selection states.
+*
+* @example
+* // Basic radio group
+* <RadioGroup label="Choose size">
+*   <Radio value="small">Small</Radio>
+*   <Radio value="medium">Medium</Radio>
+*   <Radio value="large">Large</Radio>
+* </RadioGroup>
+*
+* @example
+* // Radio group with default selection
+* <RadioGroup defaultValue="medium" label="Size preference">
+*   <Radio value="small">Small (S)</Radio>
+*   <Radio value="medium">Medium (M)</Radio>
+*   <Radio value="large">Large (L)</Radio>
+* </RadioGroup>
+*
+* @example
+* // Disabled radio options
+* <RadioGroup label="Shipping options">
+*   <Radio value="standard">Standard shipping</Radio>
+*   <Radio value="express">Express shipping</Radio>
+*   <Radio value="overnight" isDisabled>Overnight (unavailable)</Radio>
+* </RadioGroup>
+*/
+function Radio({ classNames, children, ...rest }) {
+	return /* @__PURE__ */ jsx(Radio$1, {
+		...rest,
+		className: composeRenderProps(classNames?.radio, (className) => clsx("group/radio", styles.radio, className)),
+		children: composeRenderProps(children, (children$1) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { className: clsx(styles.control, classNames?.control) }), /* @__PURE__ */ jsx("span", {
+			className: clsx(styles.label, classNames?.label),
+			children: children$1
+		})] }))
+	});
+}
+
+//#endregion
+export { Radio };
 //# sourceMappingURL=index.js.map

package/dist/components/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["Radio","classNames","children","jsx","AriaRadio","rest","composeRenderProps","className","styles","jsxs","Fragment","clsx"],"mappings":"wOAkDgBA,CAAM,CAAE,WAAAC,CAAAA,CAAY,CAAA,QAAAC,EAAU,CAAA,GAAQ,CAAA,CAAe,CACnE,QACEC,GAACC,CAAAA,KAAA,CACE,CAAA,GAAGC,CACJ,UAAWC,CAAAA,kBAAmBL,CAAAA,CAAAA,EAAY,KAAQM,CAAAA,CAAAA,MAC3C,CAAA,aAAeC,CAAAA,CAAO,CAAA,KAAOD,CAAS,CAC7C,CAAA,CAEC,CAAA,QAAAD,CAAAA,kBAAmBJ,CAAAA,CAAWA,IAC7BO,IAAAC,CAAAA,QAAA,CACE,CAAA,QAAA,CAAAP,CAAAA,GAAC,QAAK,CAAA,SAAWQ,CAAAA,IAAKH,CAAAA,CAAO,CAAA,OAASP,IAAY,OAAO,CAAG,EAC5DE,CAAAA,GAAC,CAAA,MAAA,CAAK,UAAWQ,CAAAA,IAAKH,CAAAA,CAAO,CAAA,KAAOP,CAAAA,CAAAA,OAAiB,CAClD,CAAA,QAAAC,EACH,CAAA,CAAA,CACF,CACD,EACH,CAEJ,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Radio as AriaRadio, composeRenderProps } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { RadioProps } from './types';\n\n/**\n * Radio - A form control for exclusive selection within a group of options\n *\n * Provides accessible radio button functionality where only one option can be\n * selected at a time within a group. Includes proper labeling, keyboard navigation,\n * and visual feedback for selection states.\n *\n * @example\n * // Basic radio group\n * <RadioGroup label=\"Choose size\">\n *   <Radio value=\"small\">Small</Radio>\n *   <Radio value=\"medium\">Medium</Radio>\n *   <Radio value=\"large\">Large</Radio>\n * </RadioGroup>\n *\n * @example\n * // Radio group with default selection\n * <RadioGroup defaultValue=\"medium\" label=\"Size preference\">\n *   <Radio value=\"small\">Small (S)</Radio>\n *   <Radio value=\"medium\">Medium (M)</Radio>\n *   <Radio value=\"large\">Large (L)</Radio>\n * </RadioGroup>\n *\n * @example\n * // Disabled radio options\n * <RadioGroup label=\"Shipping options\">\n *   <Radio value=\"standard\">Standard shipping</Radio>\n *   <Radio value=\"express\">Express shipping</Radio>\n *   <Radio value=\"overnight\" isDisabled>Overnight (unavailable)</Radio>\n * </RadioGroup>\n */\nexport function Radio({ classNames, children, ...rest }: RadioProps) {\n  return (\n    <AriaRadio\n      {...rest}\n      className={composeRenderProps(classNames?.radio, (className) =>\n        clsx('group/radio', styles.radio, className),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={clsx(styles.control, classNames?.control)} />\n          <span className={clsx(styles.label, classNames?.label)}>\n            {children}\n          </span>\n        </>\n      ))}\n    </AriaRadio>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":["AriaRadio","children"],"sources":["../../../src/components/radio/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Radio as AriaRadio, composeRenderProps } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { RadioProps } from './types';\n\n/**\n * Radio - A form control for exclusive selection within a group of options\n *\n * Provides accessible radio button functionality where only one option can be\n * selected at a time within a group. Includes proper labeling, keyboard navigation,\n * and visual feedback for selection states.\n *\n * @example\n * // Basic radio group\n * <RadioGroup label=\"Choose size\">\n *   <Radio value=\"small\">Small</Radio>\n *   <Radio value=\"medium\">Medium</Radio>\n *   <Radio value=\"large\">Large</Radio>\n * </RadioGroup>\n *\n * @example\n * // Radio group with default selection\n * <RadioGroup defaultValue=\"medium\" label=\"Size preference\">\n *   <Radio value=\"small\">Small (S)</Radio>\n *   <Radio value=\"medium\">Medium (M)</Radio>\n *   <Radio value=\"large\">Large (L)</Radio>\n * </RadioGroup>\n *\n * @example\n * // Disabled radio options\n * <RadioGroup label=\"Shipping options\">\n *   <Radio value=\"standard\">Standard shipping</Radio>\n *   <Radio value=\"express\">Express shipping</Radio>\n *   <Radio value=\"overnight\" isDisabled>Overnight (unavailable)</Radio>\n * </RadioGroup>\n */\nexport function Radio({ classNames, children, ...rest }: RadioProps) {\n  return (\n    <AriaRadio\n      {...rest}\n      className={composeRenderProps(classNames?.radio, (className) =>\n        clsx('group/radio', styles.radio, className),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={clsx(styles.control, classNames?.control)} />\n          <span className={clsx(styles.label, classNames?.label)}>\n            {children}\n          </span>\n        </>\n      ))}\n    </AriaRadio>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAgB,MAAM,EAAE,YAAY,UAAU,GAAG,QAAoB;AACnE,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,eAAe,OAAO,OAAO,UAAU,CAC7C;YAEA,mBAAmB,WAAW,eAC7B,4CACE,oBAAC,UAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ,GAAI,EAC9D,oBAAC;GAAK,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;aACnDC;IACI,IACN,CACH;GACQ"}

package/dist/components/radio/styles.module.css

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .group {

package/dist/components/radio/types.d.ts

@@ -1,20 +1,34 @@
-import { RefAttributes } from 'react';
-import { RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1 } from 'react-aria-components';
-import { LabelProps } from '../label/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { LabelProps as LabelProps$1 } from "../label/types.js";
+import { RefAttributes } from "react";
+import { RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1 } from "react-aria-components";
+
+//#region src/components/radio/types.d.ts
 type RadioGroupProps = Omit<RadioGroupProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
-    classNames?: {
-        group?: RadioGroupProps$1['className'];
-        label?: LabelProps['className'];
-    };
-    label?: string;
+  classNames?: {
+    group?: RadioGroupProps$1['className'];
+    label?: LabelProps$1['className'];
+  };
+  label?: string;
 };
 type RadioProps = Omit<RadioProps$1, 'className'> & RefAttributes<HTMLLabelElement> & {
-    classNames?: {
-        radio?: RadioProps$1['className'];
-        control?: string;
-        label?: string;
-    };
+  classNames?: {
+    radio?: RadioProps$1['className'];
+    control?: string;
+    label?: string;
+  };
 };
-
-export type { RadioGroupProps, RadioProps };
+//#endregion
+export { RadioGroupProps, RadioProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/radio/types.js

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# sourceMappingURL=types.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+

package/dist/components/search-field/context.d.ts

@@ -1,22 +1,38 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { SearchFieldProps } from './types.js';
-import '../button/types.js';
-import '../icon/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { ProviderProps } from "../../lib/types.js";
+import { SearchFieldProps as SearchFieldProps$1 } from "./types.js";
+import "client-only";
+import * as react20 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
+
+//#region src/components/search-field/context.d.ts
 /**
  * Context for SearchField component
  *
  * Provides context for SearchField component to share props
  */
-declare const SearchFieldContext: react.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
+declare const SearchFieldContext: react20.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
 /**
  * Provider for SearchField component
  *
  * Allows setting default props for all SearchField components within
  */
-declare function SearchFieldProvider({ children, ...props }: ProviderProps<SearchFieldProps>): react_jsx_runtime.JSX.Element;
-
+declare function SearchFieldProvider({
+  children,
+  ...props
+}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime76.JSX.Element;
+//#endregion
 export { SearchFieldContext, SearchFieldProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/search-field/context.js

@@ -1,4 +1,41 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const t=createContext(null);function n({children:e,...r}){return jsx(t.Provider,{value:r,children:e})}export{t as SearchFieldContext,n as SearchFieldProvider};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/search-field/context.tsx
+/**
+* Context for SearchField component
+*
+* Provides context for SearchField component to share props
+*/
+const SearchFieldContext = createContext(null);
+/**
+* Provider for SearchField component
+*
+* Allows setting default props for all SearchField components within
+*/
+function SearchFieldProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(SearchFieldContext.Provider, {
+		value: props,
+		children
+	});
+}
+
+//#endregion
+export { SearchFieldContext, SearchFieldProvider };
 //# sourceMappingURL=context.js.map

package/dist/components/search-field/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/search-field/context.tsx"],"names":["SearchFieldContext","createContext","SearchFieldProvider","children","props","jsx"],"mappings":"0FAwBO,MAAMA,CAAAA,CACXC,aAAAA,CAA8D,IAAI,EAO7D,SAASC,CAAAA,CAAoB,CAClC,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAoC,CAClC,OACEC,GAAAA,CAACL,CAAAA,CAAmB,QAAA,CAAnB,CAA4B,KAAA,CAAOI,CAAAA,CACjC,QAAA,CAAAD,EACH,CAEJ","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SearchFieldProps } from './types';\n\n/**\n * Context for SearchField component\n *\n * Provides context for SearchField component to share props\n */\nexport const SearchFieldContext =\n  createContext<ContextValue<SearchFieldProps, HTMLDivElement>>(null);\n\n/**\n * Provider for SearchField component\n *\n * Allows setting default props for all SearchField components within\n */\nexport function SearchFieldProvider({\n  children,\n  ...props\n}: ProviderProps<SearchFieldProps>) {\n  return (\n    <SearchFieldContext.Provider value={props}>\n      {children}\n    </SearchFieldContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/search-field/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SearchFieldProps } from './types';\n\n/**\n * Context for SearchField component\n *\n * Provides context for SearchField component to share props\n */\nexport const SearchFieldContext =\n  createContext<ContextValue<SearchFieldProps, HTMLDivElement>>(null);\n\n/**\n * Provider for SearchField component\n *\n * Allows setting default props for all SearchField components within\n */\nexport function SearchFieldProvider({\n  children,\n  ...props\n}: ProviderProps<SearchFieldProps>) {\n  return (\n    <SearchFieldContext.Provider value={props}>\n      {children}\n    </SearchFieldContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,qBACX,cAA8D,KAAK;;;;;;AAOrE,SAAgB,oBAAoB,EAClC,UACA,GAAG,SAC+B;AAClC,QACE,oBAAC,mBAAmB;EAAS,OAAO;EACjC;GAC2B"}

package/dist/components/search-field/index.d.ts

@@ -1,10 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SearchFieldProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../button/types.js';
-import '../../lib/types.js';
-import '../icon/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { SearchFieldProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
+
+//#region src/components/search-field/index.d.ts
 
 /**
  * SearchField - A customizable search input component built on React Aria Components
@@ -14,13 +24,13 @@ import '../icon/types.js';
  *
  * @example
  * // Basic search field
- * <SearchField placeholder="Search..." />
+ * <SearchField inputProps={{ placeholder: 'Search...' }} />
  *
  * @example
  * // Filled variant with custom styling
  * <SearchField
  *   variant="filled"
- *   placeholder="Search products"
+ *   inputProps={{ placeholder: 'Search...' }}
  *   classNames={{
  *     input: "bg-info-bold",
  *     searchIcon: "fg-accent-primary-bold"
@@ -30,11 +40,17 @@ import '../icon/types.js';
  * @example
  * // With event handlers
  * <SearchField
- *   placeholder="Type to search"
+ *   inputProps: {
+ *     placeholder: 'Search...',
+ *   },
  *   onSubmit={(value) => console.log('Search:', value)}
  *   onChange={(value) => setQuery(value)}
  * />
  */
-declare function SearchField({ ref, ...props }: SearchFieldProps): react_jsx_runtime.JSX.Element;
-
+declare function SearchField({
+  ref,
+  ...props
+}: SearchFieldProps): react_jsx_runtime77.JSX.Element;
+//#endregion
 export { SearchField };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/search-field/index.js

@@ -1,4 +1,91 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {Search,Loop,CancelFill}from'@accelint/icons';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,SearchField,composeRenderProps,Input,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {SearchFieldContext}from'./context.js';import o from'./styles.module.css';function b({ref:s,...l}){[l,s]=useContextProps(l,s??null,SearchFieldContext);const{classNames:r,inputProps:n,isLoading:m=false,variant:p="outline",...d}=l;return jsx(IconProvider,{size:"small",children:jsxs(SearchField,{...d,ref:s,className:composeRenderProps(r?.field,a=>clsx("group/search-field",o.field,o[p],a)),children:[jsx(Icon,{className:clsx(o.search,r?.search),children:jsx(Search,{})}),jsx(Input,{...n,className:composeRenderProps(r?.input,a=>clsx(o.input,a)),type:"search"}),m?jsx(Icon,{className:clsx(o.loading,r?.loading),children:jsx(Loop,{})}):jsx(Button,{className:composeRenderProps(r?.clear,a=>clsx(o.clear,a)),children:jsx(Icon,{children:jsx(CancelFill,{})})})]})})}export{b as SearchField};//# sourceMappingURL=index.js.map
+import { IconProvider } from "../icon/context.js";
+import { Icon } from "../icon/index.js";
+import { SearchFieldContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Button, Input, SearchField as SearchField$1, composeRenderProps, useContextProps } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CancelFill, Loop, Search } from "@accelint/icons";
+import styles from "./styles.module.css";
+
+//#region src/components/search-field/index.tsx
+/**
+* SearchField - A customizable search input component built on React Aria Components
+*
+* Provides a search input with integrated search icon, loading state, and clear functionality.
+* Supports two visual variants (filled/outlined), and granular styling control.
+*
+* @example
+* // Basic search field
+* <SearchField inputProps={{ placeholder: 'Search...' }} />
+*
+* @example
+* // Filled variant with custom styling
+* <SearchField
+*   variant="filled"
+*   inputProps={{ placeholder: 'Search...' }}
+*   classNames={{
+*     input: "bg-info-bold",
+*     searchIcon: "fg-accent-primary-bold"
+*   }}
+* />
+*
+* @example
+* // With event handlers
+* <SearchField
+*   inputProps: {
+*     placeholder: 'Search...',
+*   },
+*   onSubmit={(value) => console.log('Search:', value)}
+*   onChange={(value) => setQuery(value)}
+* />
+*/
+function SearchField({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, SearchFieldContext);
+	const { classNames, inputProps, isLoading = false, variant = "outline", ...rest } = props;
+	return /* @__PURE__ */ jsx(IconProvider, {
+		size: "small",
+		children: /* @__PURE__ */ jsxs(SearchField$1, {
+			...rest,
+			ref,
+			className: composeRenderProps(classNames?.field, (className) => clsx("group/search-field", styles.field, styles[variant], className)),
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					className: clsx(styles.search, classNames?.search),
+					children: /* @__PURE__ */ jsx(Search, {})
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					...inputProps,
+					className: composeRenderProps(classNames?.input, (className) => clsx(styles.input, className)),
+					type: "search"
+				}),
+				isLoading ? /* @__PURE__ */ jsx(Icon, {
+					className: clsx(styles.loading, classNames?.loading),
+					children: /* @__PURE__ */ jsx(Loop, {})
+				}) : /* @__PURE__ */ jsx(Button, {
+					className: composeRenderProps(classNames?.clear, (className) => clsx(styles.clear, className)),
+					children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(CancelFill, {}) })
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { SearchField };
 //# sourceMappingURL=index.js.map

package/dist/components/search-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/search-field/index.tsx"],"names":["ref","useContextProps","props","SearchFieldContext","P","classNames","IconProvider","e","N","AriaSearchField","rest","y","F","composeRenderProps","c","i","jsx","Icon","styles","t","Search","inputProps","u","className","isLoading","clsx","f"],"mappings":"8aA0DmC,SACzBA,CAAG,EAAIC,GAAgBC,CAAOF,KAAO,CAAA,CAAA,CAAMG,CAAkB,EAErE,CAAA,CAAA,CAAA,CAAAC,eAAM,CACJ,4BAAAC,CAAAA,CACA,KAAA,CAAA,UACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,yBAEEH,CAAAA,CAEJ,CAAA,SACGI,CAAA,MAAkB,CAAA,CAAA,OACjBC,GAAA,CAAAC,YAAA,CAAA,CAAA,KAACC,OACKC,CACJ,QACA,CAAAC,IAAA,CAAAC,WAAA,CAAA,CAAA,GAAWC,CAAmBR,IAAY,CAAA,CAAA,CAAA,SACnC,CAAAS,kBAAA,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,oBAGP,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAAA,CAACC,EAAA,CAAK,CAAA,CAAA,CAAA,CAAA,QAAgBC,CAAAA,CAAOX,GAAA,CAAAY,IAAA,CAAA,CAAA,SAAoB,CAAAJ,IAAM,CAAA,CACrD,SAAAC,EAACI,MACH,CAAA,CACAJ,QACMK,CAAAA,GACJ,CAAAC,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAAf,GAAWM,MAAmBR,CAAAA,CAAAA,GAAY,CAAA,CAAA,SAC5B,uBAAOkB,KAErB,CAAA,CAAA,EAAKR,IAAA,CAAA,CAAA,CAAA,KACP,EACCS,CAAAA,CACCR,CAAAA,IAAM,CAAA,QAAA,CAAWS,EAAKP,CAAAA,CAAOX,GAAA,CAAAY,IAAA,CAAA,CAAA,SAAqB,CAAAJ,IAAA,CAAA,CAAO,CAAA,WACvDC,OACF,CAAA,CAEAA,oBACaH,CAAAA,CAAmBR,CAAAA,CAAAA,GAAY,kBAC5B,CAAAS,kBAAA,CAAA,CAAA,EAAOS,KAGrB,CAAA,CAAA,EAAAR,IAAA,CAAA,CAAA,CAAAC,KACE,aAAC,IAAW,CAAAG,IACd,CAAA,CACF,QAKV,CAAAZ,GAAA,CAAAmB,UAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { CancelFill, Loop, Search } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  SearchField as AriaSearchField,\n  Button,\n  composeRenderProps,\n  Input,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { SearchFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { SearchFieldProps } from './types';\n\n/**\n * SearchField - A customizable search input component built on React Aria Components\n *\n * Provides a search input with integrated search icon, loading state, and clear functionality.\n * Supports two visual variants (filled/outlined), and granular styling control.\n *\n * @example\n * // Basic search field\n * <SearchField placeholder=\"Search...\" />\n *\n * @example\n * // Filled variant with custom styling\n * <SearchField\n *   variant=\"filled\"\n *   placeholder=\"Search products\"\n *   classNames={{\n *     input: \"bg-info-bold\",\n *     searchIcon: \"fg-accent-primary-bold\"\n *   }}\n * />\n *\n * @example\n * // With event handlers\n * <SearchField\n *   placeholder=\"Type to search\"\n *   onSubmit={(value) => console.log('Search:', value)}\n *   onChange={(value) => setQuery(value)}\n * />\n */\nexport function SearchField({ ref, ...props }: SearchFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SearchFieldContext);\n\n  const {\n    classNames,\n    inputProps,\n    isLoading = false,\n    variant = 'outline',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size='small'>\n      <AriaSearchField\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(classNames?.field, (className) =>\n          clsx('group/search-field', styles.field, styles[variant], className),\n        )}\n      >\n        <Icon className={clsx(styles.search, classNames?.search)}>\n          <Search />\n        </Icon>\n        <Input\n          {...inputProps}\n          className={composeRenderProps(classNames?.input, (className) =>\n            clsx(styles.input, className),\n          )}\n          type='search'\n        />\n        {isLoading ? (\n          <Icon className={clsx(styles.loading, classNames?.loading)}>\n            <Loop />\n          </Icon>\n        ) : (\n          <Button\n            className={composeRenderProps(classNames?.clear, (className) =>\n              clsx(styles.clear, className),\n            )}\n          >\n            <Icon>\n              <CancelFill />\n            </Icon>\n          </Button>\n        )}\n      </AriaSearchField>\n    </IconProvider>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":["AriaSearchField"],"sources":["../../../src/components/search-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { CancelFill, Loop, Search } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  SearchField as AriaSearchField,\n  Button,\n  composeRenderProps,\n  Input,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { SearchFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { SearchFieldProps } from './types';\n\n/**\n * SearchField - A customizable search input component built on React Aria Components\n *\n * Provides a search input with integrated search icon, loading state, and clear functionality.\n * Supports two visual variants (filled/outlined), and granular styling control.\n *\n * @example\n * // Basic search field\n * <SearchField inputProps={{ placeholder: 'Search...' }} />\n *\n * @example\n * // Filled variant with custom styling\n * <SearchField\n *   variant=\"filled\"\n *   inputProps={{ placeholder: 'Search...' }}\n *   classNames={{\n *     input: \"bg-info-bold\",\n *     searchIcon: \"fg-accent-primary-bold\"\n *   }}\n * />\n *\n * @example\n * // With event handlers\n * <SearchField\n *   inputProps: {\n *     placeholder: 'Search...',\n *   },\n *   onSubmit={(value) => console.log('Search:', value)}\n *   onChange={(value) => setQuery(value)}\n * />\n */\nexport function SearchField({ ref, ...props }: SearchFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SearchFieldContext);\n\n  const {\n    classNames,\n    inputProps,\n    isLoading = false,\n    variant = 'outline',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size='small'>\n      <AriaSearchField\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(classNames?.field, (className) =>\n          clsx('group/search-field', styles.field, styles[variant], className),\n        )}\n      >\n        <Icon className={clsx(styles.search, classNames?.search)}>\n          <Search />\n        </Icon>\n        <Input\n          {...inputProps}\n          className={composeRenderProps(classNames?.input, (className) =>\n            clsx(styles.input, className),\n          )}\n          type='search'\n        />\n        {isLoading ? (\n          <Icon className={clsx(styles.loading, classNames?.loading)}>\n            <Loop />\n          </Icon>\n        ) : (\n          <Button\n            className={composeRenderProps(classNames?.clear, (className) =>\n              clsx(styles.clear, className),\n            )}\n          >\n            <Icon>\n              <CancelFill />\n            </Icon>\n          </Button>\n        )}\n      </AriaSearchField>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,YAAY,EAAE,KAAK,GAAG,SAA2B;AAC/D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,mBAAmB;CAEtE,MAAM,EACJ,YACA,YACA,YAAY,OACZ,UAAU,WACV,GAAG,SACD;AAEJ,QACE,oBAAC;EAAa,MAAK;YACjB,qBAACA;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,sBAAsB,OAAO,OAAO,OAAO,UAAU,UAAU,CACrE;;IAED,oBAAC;KAAK,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;eACtD,oBAAC,WAAS;MACL;IACP,oBAAC;KACC,GAAI;KACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;KACD,MAAK;MACL;IACD,YACC,oBAAC;KAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;eACxD,oBAAC,SAAO;MACH,GAEP,oBAAC;KACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;eAED,oBAAC,kBACC,oBAAC,eAAa,GACT;MACA;;IAEK;GACL"}

package/dist/components/search-field/styles.module.css

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .field {
@@ -62,7 +62,6 @@
   .input {
     @apply font-display text-body-s block w-full outline-none;
 
-    /* TODO: hide-cancel utility class is missing */
     &::-webkit-search-cancel-button {
       @apply hidden;
     }