@accelint/design-toolkit 8.1.2 → 9.1.0

package/dist/components/classification-badge/types.d.ts

@@ -1,8 +1,22 @@
-import { ComponentPropsWithRef } from 'react';
-import { ClassificationBannerProps } from '../classification-banner/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 { ClassificationBannerProps } from "../classification-banner/types.js";
+import { ComponentPropsWithRef } from "react";
+
+//#region src/components/classification-badge/types.d.ts
 type ClassificationBadgeProps = Pick<ClassificationBannerProps, 'variant'> & ComponentPropsWithRef<'span'> & {
-    size?: 'medium' | 'small';
+  size?: 'medium' | 'small';
 };
-
-export type { ClassificationBadgeProps };
+//#endregion
+export { ClassificationBadgeProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/classification-badge/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/classification-banner/context.d.ts

@@ -1,10 +1,28 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
-import { ContextValue } from 'react-aria-components';
-import { ClassificationBannerProps } from './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.
+ */
 
-declare const ClassificationBannerContext: react.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
-declare function ClassificationBannerProvider({ children, ...props }: ProviderProps<ClassificationBannerProps>): react_jsx_runtime.JSX.Element;
+import { ProviderProps } from "../../lib/types.js";
+import { ClassificationBannerProps } from "./types.js";
+import "client-only";
+import * as react3 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
+//#region src/components/classification-banner/context.d.ts
+declare const ClassificationBannerContext: react3.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
+declare function ClassificationBannerProvider({
+  children,
+  ...props
+}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime15.JSX.Element;
+//#endregion
 export { ClassificationBannerContext, ClassificationBannerProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/classification-banner/context.js

@@ -1,4 +1,31 @@
+/*
+ * 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 e=createContext(null);function s({children:o,...r}){return jsx(e.Provider,{value:r,children:o})}export{e as ClassificationBannerContext,s as ClassificationBannerProvider};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/classification-banner/context.tsx
+const ClassificationBannerContext = createContext(null);
+function ClassificationBannerProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(ClassificationBannerContext.Provider, {
+		value: props,
+		children
+	});
+}
+
+//#endregion
+export { ClassificationBannerContext, ClassificationBannerProvider };
 //# sourceMappingURL=context.js.map

package/dist/components/classification-banner/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-banner/context.tsx"],"names":["ClassificationBannerContext","createContext","ClassificationBannerProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAAuE,IAAI,EAEtE,SAASC,CAAAA,CAA6B,CAC3C,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA6C,CAC3C,OACEC,GAAAA,CAACL,CAAAA,CAA4B,QAAA,CAA5B,CAAqC,KAAA,CAAOI,CAAAA,CAC1C,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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nexport function ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/classification-banner/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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nexport function ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,8BACX,cAAuE,KAAK;AAE9E,SAAgB,6BAA6B,EAC3C,UACA,GAAG,SACwC;AAC3C,QACE,oBAAC,4BAA4B;EAAS,OAAO;EAC1C;GACoC"}

package/dist/components/classification-banner/index.d.ts

@@ -1,7 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ClassificationBannerProps } from './types.js';
-import 'react';
+/*
+ * 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 { ClassificationBannerProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+
+//#region src/components/classification-banner/index.d.ts
 /**
  * ClassificationBanner - A prominent banner for displaying security classification
  *
@@ -13,6 +26,10 @@ import 'react';
  * // Top classification banner
  * <ClassificationBanner variant="confidential" />
  */
-declare function ClassificationBanner({ ref, ...props }: ClassificationBannerProps): react_jsx_runtime.JSX.Element;
-
+declare function ClassificationBanner({
+  ref,
+  ...props
+}: ClassificationBannerProps): react_jsx_runtime60.JSX.Element;
+//#endregion
 export { ClassificationBanner };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/classification-banner/index.js

@@ -1,4 +1,57 @@
+/*
+ * 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 {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps}from'react-aria-components';import {ClassificationBannerContext}from'./context.js';import t from'./styles.module.css';const f={missing:"Missing",unclassified:"Unclassified",cui:"CUI",confidential:"Confidential",secret:"Secret","top-secret":"Top Secret","ts-sci":"Top Secret/SCI"};function S({ref:i,...s}){[s,i]=useContextProps(s,i??null,ClassificationBannerContext);const{children:e,className:o,variant:n="missing",...a}=s;return jsx("div",{...a,ref:i,className:clsx(t.banner,t[n],o),children:e||f[n]})}export{S as ClassificationBanner};//# sourceMappingURL=index.js.map
+import { ClassificationBannerContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { useContextProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/classification-banner/index.tsx
+const fallbackContent = {
+	missing: "Missing",
+	unclassified: "Unclassified",
+	cui: "CUI",
+	confidential: "Confidential",
+	secret: "Secret",
+	"top-secret": "Top Secret",
+	"ts-sci": "Top Secret/SCI"
+};
+/**
+* ClassificationBanner - A prominent banner for displaying security classification
+*
+* Provides a full-width banner component for displaying security classification
+* information at the top or bottom of pages. Essential for applications handling
+* classified or sensitive information requiring clear visual indicators.
+*
+* @example
+* // Top classification banner
+* <ClassificationBanner variant="confidential" />
+*/
+function ClassificationBanner({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, ClassificationBannerContext);
+	const { children, className, variant = "missing", ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		className: clsx(styles.banner, styles[variant], className),
+		children: children || fallbackContent[variant]
+	});
+}
+
+//#endregion
+export { ClassificationBanner };
 //# sourceMappingURL=index.js.map

package/dist/components/classification-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["ref","props","useContextProps","ClassificationBannerContext","rest","r","className","fallbackContent","variant"],"mappings":"+PAoBA,MACE,CAAA,CAAA,CAAA,OAAS,CAAA,sBACK,CAAA,cACT,UACL,CAAA,YAAc,CAAA,qBACN,CAAA,QACR,CAAA,yBACA,CAAA,QAAU,CAAA,gBAcL,CAAA,CAAA,SACL,CAAA,CAAAA,CAAAA,IACGC,CACL,CAAA,GACGA,EAAOD,CAAG,CAAA,CAAIE,EACbD,CAAAA,CACAD,CAAAA,eAAAA,CAAO,KACPG,kCAGI,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,mBAAqB,CAAA,CAAA,CAAA,SAAmB,CAAA,GAE1D,CAAA,CAAA,CAAA,CAAA,CAAA,gBAEQC,CAAAA,CACJ,IAAKJ,CAAAA,GACL,CAAA,CAAA,CAAA,SAAuB,CAAAK,IAAA,CAAA,CAAA,CAAA,MAAsB,CAAGC,CAAS,CAAA,CAExD,CAAA,CAAA,CAAA,CAAA,CAAA,QAAYC,CAAgBC,CAAO,EACtC,CAEJ,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 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components';\nimport { ClassificationBannerContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBannerProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'Top Secret/SCI',\n} as const;\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const { children, className, variant = 'missing', ...rest } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={clsx(styles.banner, styles[variant], className)}\n    >\n      {children || fallbackContent[variant]}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/classification-banner/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 { useContextProps } from 'react-aria-components';\nimport { ClassificationBannerContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBannerProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'Top Secret/SCI',\n} as const;\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @example\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const { children, className, variant = 'missing', ...rest } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={clsx(styles.banner, styles[variant], className)}\n    >\n      {children || fallbackContent[variant]}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB;CACtB,SAAS;CACT,cAAc;CACd,KAAK;CACL,cAAc;CACd,QAAQ;CACR,cAAc;CACd,UAAU;CACX;;;;;;;;;;;;AAaD,SAAgB,qBAAqB,EACnC,KACA,GAAG,SACyB;AAC5B,EAAC,OAAO,OAAO,gBACb,OACA,OAAO,MACP,4BACD;CAED,MAAM,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS;AAE9D,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,OAAO,QAAQ,OAAO,UAAU,UAAU;YAEzD,YAAY,gBAAgB;GACzB"}

package/dist/components/classification-banner/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 {
   .banner {

package/dist/components/classification-banner/types.d.ts

@@ -1,7 +1,21 @@
-import { ComponentPropsWithRef } from 'react';
+/*
+ * 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 { ComponentPropsWithRef } from "react";
+
+//#region src/components/classification-banner/types.d.ts
 type ClassificationBannerProps = ComponentPropsWithRef<'div'> & {
-    variant?: 'missing' | 'unclassified' | 'cui' | 'confidential' | 'secret' | 'top-secret' | 'ts-sci';
+  variant?: 'missing' | 'unclassified' | 'cui' | 'confidential' | 'secret' | 'top-secret' | 'ts-sci';
 };
-
-export type { ClassificationBannerProps };
+//#endregion
+export { ClassificationBannerProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/classification-banner/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/clock/index.d.ts

@@ -1,6 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ClockProps } from './types.js';
-import 'react';
+/*
+ * 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 { ClockProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/components/clock/index.d.ts
 
 /**
  * Clock - An auto-updating UTC time component.
@@ -31,6 +45,10 @@ import 'react';
  *
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat| DateTimeFormat MDN}
  */
-declare function Clock({ formatter, ...rest }: ClockProps): react_jsx_runtime.JSX.Element;
-
+declare function Clock({
+  formatter,
+  ...rest
+}: ClockProps): react_jsx_runtime16.JSX.Element;
+//#endregion
 export { Clock };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/clock/index.js

@@ -1,4 +1,68 @@
+/*
+ * 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 {setClockInterval}from'@accelint/temporal';import'client-only';import {useCallback,useState,useEffect}from'react';const c=new Intl.DateTimeFormat("en-US",{timeStyle:"long",timeZone:"UTC",hour12:false});function C({formatter:e=c,...o}){const t=useCallback(()=>e.format(Date.now()),[e]),[n,m]=useState(t());return useEffect(()=>setClockInterval(()=>m(t()),1e3),[t]),jsx("time",{...o,children:n})}export{C as Clock};//# sourceMappingURL=index.js.map
+import "client-only";
+import { useCallback, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { setClockInterval } from "@accelint/temporal";
+
+//#region src/components/clock/index.tsx
+const DEFAULT_FORMATTER = new Intl.DateTimeFormat("en-US", {
+	timeStyle: "long",
+	timeZone: "UTC",
+	hour12: false
+});
+/**
+* Clock - An auto-updating UTC time component.
+*
+* Uses a {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat|DateTimeFormat} configured with `'en-US', { timeStyle: 'long, timeZone: 'UTC', hour12: false }` by default,
+* but can be overridden with the `formatter` prop.
+*
+* NOTE: This component comes **unstyled by default**.
+*
+* @example
+* // Standard Clock
+* <Clock /> // <time>15:54:14 UTC</time>
+*
+* @example
+* // Styled
+* <Clock className="fg-accent-primary-bold" />
+*
+* @example
+* // Custom Format
+* const formatter = new Intl.DateTimeFormat('en-US', {
+*   dateStyle: "short",
+*   timeStyle: 'long',
+*   timeZone: 'UTC',
+*   hour12: false
+* });
+*
+* <Clock formatter={formatter} /> // <time>9/30/25, 15:54:14 UTC</time>
+*
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat| DateTimeFormat MDN}
+*/
+function Clock({ formatter = DEFAULT_FORMATTER, ...rest }) {
+	const now = useCallback(() => formatter.format(Date.now()), [formatter]);
+	const [time, setTime] = useState(now());
+	useEffect(() => setClockInterval(() => setTime(now()), 1e3), [now]);
+	return /* @__PURE__ */ jsx("time", {
+		...rest,
+		children: time
+	});
+}
+
+//#endregion
+export { Clock };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/clock/index.tsx"],"names":["DEFAULT_FORMATTER","Clock","formatter","rest","now","useCallback","time","setTime","useState","useEffect","setClockInterval","jsx"],"mappings":"6JAkBA,MAAMA,EAAoB,IAAI,IAAA,CAAK,cAAA,CAAe,OAAA,CAAS,CACzD,SAAA,CAAW,MAAA,CACX,SAAU,KAAA,CACV,MAAA,CAAQ,KACV,CAAC,CAAA,CA+BM,SAASC,CAAAA,CAAM,CAAE,SAAA,CAAAC,CAAAA,CAAYF,EAAmB,GAAGG,CAAK,EAAe,CAC5E,MAAMC,CAAAA,CAAMC,WAAAA,CAAY,IAAMH,CAAAA,CAAU,MAAA,CAAO,KAAK,GAAA,EAAK,EAAG,CAACA,CAAS,CAAC,CAAA,CAEjE,CAACI,CAAAA,CAAMC,CAAO,EAAIC,QAAAA,CAAiBJ,CAAAA,EAAK,CAAA,CAE9C,OAAAK,SAAAA,CAAU,IAAMC,iBAAiB,IAAMH,CAAAA,CAAQH,GAAK,CAAA,CAAG,GAAI,CAAA,CAAG,CAACA,CAAG,CAAC,EAE5DO,GAAAA,CAAC,MAAA,CAAA,CAAM,GAAGR,CAAAA,CAAO,QAAA,CAAAG,EAAK,CAC/B","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 { setClockInterval } from '@accelint/temporal';\nimport 'client-only';\nimport { useCallback, useEffect, useState } from 'react';\nimport type { ClockProps } from './types';\n\nconst DEFAULT_FORMATTER = new Intl.DateTimeFormat('en-US', {\n  timeStyle: 'long',\n  timeZone: 'UTC',\n  hour12: false,\n});\n\n/**\n * Clock - An auto-updating UTC time component.\n *\n * Uses a {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat|DateTimeFormat} configured with `'en-US', { timeStyle: 'long, timeZone: 'UTC', hour12: false }` by default,\n * but can be overridden with the `formatter` prop.\n *\n * NOTE: This component comes **unstyled by default**.\n *\n * @example\n * // Standard Clock\n * <Clock /> // <time>15:54:14 UTC</time>\n *\n * @example\n * // Styled\n * <Clock className=\"fg-accent-primary-bold\" />\n *\n * @example\n * // Custom Format\n * const formatter = new Intl.DateTimeFormat('en-US', {\n *   dateStyle: \"short\",\n *   timeStyle: 'long',\n *   timeZone: 'UTC',\n *   hour12: false\n * });\n *\n * <Clock formatter={formatter} /> // <time>9/30/25, 15:54:14 UTC</time>\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat| DateTimeFormat MDN}\n */\nexport function Clock({ formatter = DEFAULT_FORMATTER, ...rest }: ClockProps) {\n  const now = useCallback(() => formatter.format(Date.now()), [formatter]);\n\n  const [time, setTime] = useState<string>(now());\n\n  useEffect(() => setClockInterval(() => setTime(now()), 1000), [now]);\n\n  return <time {...rest}>{time}</time>;\n}\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/clock/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 { setClockInterval } from '@accelint/temporal';\nimport 'client-only';\nimport { useCallback, useEffect, useState } from 'react';\nimport type { ClockProps } from './types';\n\nconst DEFAULT_FORMATTER = new Intl.DateTimeFormat('en-US', {\n  timeStyle: 'long',\n  timeZone: 'UTC',\n  hour12: false,\n});\n\n/**\n * Clock - An auto-updating UTC time component.\n *\n * Uses a {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat|DateTimeFormat} configured with `'en-US', { timeStyle: 'long, timeZone: 'UTC', hour12: false }` by default,\n * but can be overridden with the `formatter` prop.\n *\n * NOTE: This component comes **unstyled by default**.\n *\n * @example\n * // Standard Clock\n * <Clock /> // <time>15:54:14 UTC</time>\n *\n * @example\n * // Styled\n * <Clock className=\"fg-accent-primary-bold\" />\n *\n * @example\n * // Custom Format\n * const formatter = new Intl.DateTimeFormat('en-US', {\n *   dateStyle: \"short\",\n *   timeStyle: 'long',\n *   timeZone: 'UTC',\n *   hour12: false\n * });\n *\n * <Clock formatter={formatter} /> // <time>9/30/25, 15:54:14 UTC</time>\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat| DateTimeFormat MDN}\n */\nexport function Clock({ formatter = DEFAULT_FORMATTER, ...rest }: ClockProps) {\n  const now = useCallback(() => formatter.format(Date.now()), [formatter]);\n\n  const [time, setTime] = useState<string>(now());\n\n  useEffect(() => setClockInterval(() => setTime(now()), 1000), [now]);\n\n  return <time {...rest}>{time}</time>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,oBAAoB,IAAI,KAAK,eAAe,SAAS;CACzD,WAAW;CACX,UAAU;CACV,QAAQ;CACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BF,SAAgB,MAAM,EAAE,YAAY,mBAAmB,GAAG,QAAoB;CAC5E,MAAM,MAAM,kBAAkB,UAAU,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC;CAExE,MAAM,CAAC,MAAM,WAAW,SAAiB,KAAK,CAAC;AAE/C,iBAAgB,uBAAuB,QAAQ,KAAK,CAAC,EAAE,IAAK,EAAE,CAAC,IAAI,CAAC;AAEpE,QAAO,oBAAC;EAAK,GAAI;YAAO;GAAY"}

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

@@ -1,7 +1,21 @@
-import { ComponentPropsWithRef } from 'react';
+/*
+ * 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 { ComponentPropsWithRef } from "react";
+
+//#region src/components/clock/types.d.ts
 type ClockProps = ComponentPropsWithRef<'time'> & {
-    formatter?: Intl.DateTimeFormat;
+  formatter?: Intl.DateTimeFormat;
 };
-
-export type { ClockProps };
+//#endregion
+export { ClockProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/clock/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/color-picker/index.d.ts

@@ -1,7 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColorPickerProps } from './types.js';
-import 'react';
-import 'react-aria-components';
+/*
+ * 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 { ColorPickerProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/color-picker/index.d.ts
 
 /**
  * A color picker component that renders a grid of color swatches for selection.
@@ -43,6 +56,11 @@ import 'react-aria-components';
  * - Supports all accessibility features from react-aria-components
  * - Uses a grid layout by default but can be customized via the layout prop
  */
-declare function ColorPicker({ classNames, items, ...rest }: ColorPickerProps): react_jsx_runtime.JSX.Element;
-
+declare function ColorPicker({
+  classNames,
+  items,
+  ...rest
+}: ColorPickerProps): react_jsx_runtime17.JSX.Element;
+//#endregion
 export { ColorPicker };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/color-picker/index.js

@@ -1,4 +1,77 @@
+/*
+ * 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 {clsx}from'@accelint/design-foundation/lib/utils';import {ColorSwatchPicker,composeRenderProps,ColorSwatchPickerItem,ColorSwatch}from'react-aria-components';import i from'./styles.module.css';function S({classNames:r,items:p,...l}){return jsx(ColorSwatchPicker,{...l,className:composeRenderProps(r?.picker,o=>clsx(i.picker,o)),children:p.map(o=>jsx(ColorSwatchPickerItem,{className:composeRenderProps(r?.item,e=>clsx(i.item,e)),color:o,children:jsx(ColorSwatch,{className:composeRenderProps(r?.swatch,e=>clsx(i.swatch,e))})},o.toString("hexa")))})}export{S as ColorPicker};//# sourceMappingURL=index.js.map
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, composeRenderProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/color-picker/index.tsx
+/**
+* A color picker component that renders a grid of color swatches for selection.
+*
+* This component provides a simple interface for users to select from a predefined
+* set of colors. It renders each color as an interactive swatch that can be clicked
+* to select that color. The component supports keyboard navigation, accessibility
+* features, and fine-grained styling control through the classNames prop.
+*
+* @param items - Array of color values to display as selectable swatches
+* @param classNames - Object containing CSS class names for fine-grained styling control
+* @param classNames.picker - CSS class name for the main picker container
+* @param classNames.item - CSS class name for individual swatch items
+* @param classNames.swatch - CSS class name for the color swatch elements
+*
+* @example
+* ```tsx
+* const colors = [
+*   '#ff0000',
+*   '#00ff00',
+*   '#0000ff',
+* ];
+*
+* <ColorPicker
+*   options={colors}
+*   value={'#ff0000'}
+*   onChange={(color) => console.log('Selected:', color)}
+*   classNames={{
+*     picker: 'gap-4',
+*     item: 'rounded-lg',
+*     swatch: 'w-8 h-8'
+*   }}
+* />
+* ```
+*
+* @remarks
+* - Colors can be provided as Color objects or color strings
+* - The component automatically handles color parsing and validation
+* - Supports all accessibility features from react-aria-components
+* - Uses a grid layout by default but can be customized via the layout prop
+*/
+function ColorPicker({ classNames, items, ...rest }) {
+	return /* @__PURE__ */ jsx(ColorSwatchPicker, {
+		...rest,
+		className: composeRenderProps(classNames?.picker, (className) => clsx(styles.picker, className)),
+		children: items.map((color) => /* @__PURE__ */ jsx(ColorSwatchPickerItem, {
+			className: composeRenderProps(classNames?.item, (className) => clsx(styles.item, className)),
+			color,
+			children: /* @__PURE__ */ jsx(ColorSwatch, { className: composeRenderProps(classNames?.swatch, (className) => clsx(styles.swatch, className)) })
+		}, color.toString("hexa")))
+	});
+}
+
+//#endregion
+export { ColorPicker };
 //# sourceMappingURL=index.js.map

package/dist/components/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/color-picker/index.tsx"],"names":["ColorPicker","classNames","items","ColorSwatchPicker","rest","composeRenderProps","className","clsx","styles","color","jsx","ColorSwatchPickerItem","ColorSwatch"],"mappings":"wQAgEgBA,CAAY,CAAE,WAAAC,CAAAA,CAAY,CAAA,KAAAC,EAAO,CAAA,GAAQ,EAAqB,CAC5E,CAAA,UACGC,CAAAA,iBAAA,CACE,IAAGC,CACJ,CAAA,SAAWC,mBAAmBJ,CAAAA,CAAAA,EAAY,MAASK,IACjDC,IAAKC,CAAAA,CAAO,OAAQF,CAAS,CAC/B,EAEC,CAAA,QAAAJ,CAAAA,CAAM,IAAKO,CAAAA,CAAAA,EACVC,GAACC,sBAAA,CAEC,CAAA,SAAWN,mBAAmBJ,CAAAA,CAAAA,EAAY,IAAOK,IAC/CC,IAAKC,CAAAA,CAAO,KAAMF,CAAS,CAC7B,EACA,CAAA,KAAOG,CAAAA,CAEP,SAAAC,CAAAA,GAACE,CAAAA,WAAA,CACC,CAAA,SAAWP,CAAAA,kBAAmBJ,IAAY,MAASK,CAAAA,CAAAA,MAC5CE,CAAAA,CAAO,CAAA,MAAQF,CAAS,CAC/B,CAAA,CACF,GAVKG,CAAAA,CAAM,CAAA,QAAS,OAWtB,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 {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { ColorPickerProps } from './types';\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param items - Array of color values to display as selectable swatches\n * @param classNames - Object containing CSS class names for fine-grained styling control\n * @param classNames.picker - CSS class name for the main picker container\n * @param classNames.item - CSS class name for individual swatch items\n * @param classNames.swatch - CSS class name for the color swatch elements\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   options={colors}\n *   value={'#ff0000'}\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8'\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nexport function ColorPicker({ classNames, items, ...rest }: ColorPickerProps) {\n  return (\n    <ColorSwatchPicker\n      {...rest}\n      className={composeRenderProps(classNames?.picker, (className) =>\n        clsx(styles.picker, className),\n      )}\n    >\n      {items.map((color) => (\n        <ColorSwatchPickerItem\n          key={color.toString('hexa')}\n          className={composeRenderProps(classNames?.item, (className) =>\n            clsx(styles.item, className),\n          )}\n          color={color}\n        >\n          <ColorSwatch\n            className={composeRenderProps(classNames?.swatch, (className) =>\n              clsx(styles.swatch, className),\n            )}\n          />\n        </ColorSwatchPickerItem>\n      ))}\n    </ColorSwatchPicker>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/color-picker/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 {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { ColorPickerProps } from './types';\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param items - Array of color values to display as selectable swatches\n * @param classNames - Object containing CSS class names for fine-grained styling control\n * @param classNames.picker - CSS class name for the main picker container\n * @param classNames.item - CSS class name for individual swatch items\n * @param classNames.swatch - CSS class name for the color swatch elements\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   options={colors}\n *   value={'#ff0000'}\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8'\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nexport function ColorPicker({ classNames, items, ...rest }: ColorPickerProps) {\n  return (\n    <ColorSwatchPicker\n      {...rest}\n      className={composeRenderProps(classNames?.picker, (className) =>\n        clsx(styles.picker, className),\n      )}\n    >\n      {items.map((color) => (\n        <ColorSwatchPickerItem\n          key={color.toString('hexa')}\n          className={composeRenderProps(classNames?.item, (className) =>\n            clsx(styles.item, className),\n          )}\n          color={color}\n        >\n          <ColorSwatch\n            className={composeRenderProps(classNames?.swatch, (className) =>\n              clsx(styles.swatch, className),\n            )}\n          />\n        </ColorSwatchPickerItem>\n      ))}\n    </ColorSwatchPicker>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,SAAgB,YAAY,EAAE,YAAY,OAAO,GAAG,QAA0B;AAC5E,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B;YAEA,MAAM,KAAK,UACV,oBAAC;GAEC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;GACM;aAEP,oBAAC,eACC,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B,GACD;KAVG,MAAM,SAAS,OAAO,CAWL,CACxB;GACgB"}

package/dist/components/color-picker/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 {
   .picker {