@accelint/design-toolkit 9.2.0 → 9.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"selectable.js","names":["AriaTag","className"],"sources":["../../../src/components/chip/selectable.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  Tag as AriaTag,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { ChipContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectableChipProps } from './types';\n\nexport function SelectableChip({ ref, ...props }: SelectableChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const { className, color, size = 'medium', ...rest } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/chip', styles.chip, styles.selectable, className),\n      )}\n      data-color={color}\n      data-size={size}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,eAAe,EAAE,KAAK,GAAG,SAA8B;AACrE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,WAAW,OAAO,OAAO,UAAU,GAAG,SAAS;AAEvD,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAM,OAAO,YAAYC,YAAU,CAC9D;EACD,cAAY;EACZ,aAAW;GACX"}
+{"version":3,"file":"selectable.js","names":["AriaTag","className"],"sources":["../../../src/components/chip/selectable.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  Tag as AriaTag,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { ChipContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectableChipProps } from './types';\n\n/**\n * SelectableChip - Interactive chip that can be selected/deselected for filtering.\n *\n * Must be used inside a ChipList with selectionMode set to \"single\" or \"multiple\".\n *\n * @param props - The selectable chip props.\n * @param props.ref - Reference to the chip element.\n * @param props.id - Unique identifier for selection tracking.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.size - Size of the chip.\n * @param props.children - Chip content.\n * @returns The selectable chip component.\n *\n * @example\n * ```tsx\n * <ChipList selectionMode=\"multiple\">\n *   <SelectableChip id=\"react\">React</SelectableChip>\n *   <SelectableChip id=\"vue\">Vue</SelectableChip>\n * </ChipList>\n * ```\n *\n * @example\n * ```tsx\n * // With colors\n * <ChipList selectionMode=\"single\">\n *   <SelectableChip id=\"up\" color=\"normal\">UP</SelectableChip>\n *   <SelectableChip id=\"down\" color=\"critical\">DOWN</SelectableChip>\n * </ChipList>\n * ```\n */\nexport function SelectableChip({ ref, ...props }: SelectableChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const { className, color, size = 'medium', ...rest } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/chip', styles.chip, styles.selectable, className),\n      )}\n      data-color={color}\n      data-size={size}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,SAAgB,eAAe,EAAE,KAAK,GAAG,SAA8B;AACrE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,WAAW,OAAO,OAAO,UAAU,GAAG,SAAS;AAEvD,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAM,OAAO,YAAYC,YAAU,CAC9D;EACD,cAAY;EACZ,aAAW;GACX"}

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

@@ -18,17 +18,44 @@ type BaseChipProps = {
   color?: 'info' | 'advisory' | 'normal' | 'serious' | 'critical';
   size?: 'medium' | 'small';
 };
+/**
+ * Props for the ChipList component.
+ *
+ * Extends React Aria TagGroup with chip styling and list rendering options.
+ */
 type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>, 'dependencies' | 'items' | 'children' | 'renderEmptyState'> & RefAttributes<HTMLDivElement> & BaseChipProps;
+/**
+ * Props for the Chip component.
+ *
+ * Basic chip with color and size variants, can be used standalone or in a ChipList.
+ */
 type ChipProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onClick'> & BaseChipProps & {
+  /** Additional CSS class name for styling. */
   className?: string;
 };
+/**
+ * Props for the SelectableChip component.
+ *
+ * Extends Tag props for use in single or multiple selection chip lists.
+ */
 type SelectableChipProps = TagProps & RefAttributes<HTMLDivElement> & BaseChipProps;
+/**
+ * Props for the DeletableChip component.
+ *
+ * Extends Tag props with remove button styling options.
+ */
 type DeletableChipProps = Omit<TagProps, 'className'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
+  /** Custom class names for chip sub-elements. */
   classNames?: {
+    /** Class name for the chip wrapper. */
     chip?: TagProps['className'];
+    /** Class name for the remove button. */
     remove?: ButtonProps['className'];
   };
 };
+/**
+ * Combined context value type for all chip variants.
+ */
 type ChipContextValue = ChipProps & SelectableChipProps & DeletableChipProps;
 //#endregion
 export { ChipContextValue, ChipListProps, ChipProps, DeletableChipProps, SelectableChipProps };

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

@@ -13,16 +13,32 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBadgeProps } from "./types.js";
 import "client-only";
-import * as react19 from "react";
+import * as react10 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/classification-badge/context.d.ts
-declare const ClassificationBadgeContext: react19.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
+/** React context for sharing ClassificationBadge configuration across components. */
+declare const ClassificationBadgeContext: react10.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
+/**
+ * Context provider for setting default props across multiple ClassificationBadge components.
+ *
+ * @param props - The provider props.
+ * @param props.children - Child components that will receive the classification badge context.
+ * @returns The classification badge context provider wrapping children.
+ *
+ * @example
+ * ```tsx
+ * <ClassificationBadgeProvider variant="secret" size="small">
+ *   <ClassificationBadge />
+ *   <ClassificationBadge />
+ * </ClassificationBadgeProvider>
+ * ```
+ */
 declare function ClassificationBadgeProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime68.JSX.Element;
+}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { ClassificationBadgeContext, ClassificationBadgeProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -18,7 +18,23 @@ import { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/classification-badge/context.tsx
+/** React context for sharing ClassificationBadge configuration across components. */
 const ClassificationBadgeContext = createContext(null);
+/**
+* Context provider for setting default props across multiple ClassificationBadge components.
+*
+* @param props - The provider props.
+* @param props.children - Child components that will receive the classification badge context.
+* @returns The classification badge context provider wrapping children.
+*
+* @example
+* ```tsx
+* <ClassificationBadgeProvider variant="secret" size="small">
+*   <ClassificationBadge />
+*   <ClassificationBadge />
+* </ClassificationBadgeProvider>
+* ```
+*/
 function ClassificationBadgeProvider({ children, ...props }) {
 	return /* @__PURE__ */ jsx(ClassificationBadgeContext.Provider, {
 		value: props,

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/classification-badge/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 { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nexport function ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,6BACX,cAAuE,KAAK;AAE9E,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACuC;AAC1C,QACE,oBAAC,2BAA2B;EAAS,OAAO;EACzC;GACmC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/classification-badge/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 { ClassificationBadgeProps } from './types';\n\n/** React context for sharing ClassificationBadge configuration across components. */\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ClassificationBadge components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the classification badge context.\n * @returns The classification badge context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ClassificationBadgeProvider variant=\"secret\" size=\"small\">\n *   <ClassificationBadge />\n *   <ClassificationBadge />\n * </ClassificationBadgeProvider>\n * ```\n */\nexport function ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,6BACX,cAAuE,KAAK;;;;;;;;;;;;;;;;AAiB9E,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACuC;AAC1C,QACE,oBAAC,2BAA2B;EAAS,OAAO;EACzC;GACmC"}

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

@@ -12,28 +12,46 @@
 
 import { ClassificationBadgeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/classification-badge/index.d.ts
+
 /**
- * ClassificationBadge - A specialized badge for security and data classification
+ * ClassificationBadge - Displays security classification levels for documents and data.
+ *
+ * Provides standardized visual indicators for classification levels such as
+ * unclassified, confidential, secret, and top-secret. Designed for compliance
+ * with security standards in government and secure environments.
  *
- * Provides standardized visual indicators for data classification levels such as
- * confidential, secret, or public information. Designed for compliance with
- * security standards and information governance requirements.
+ * @param props - The classification badge props.
+ * @param props.ref - Reference to the badge element.
+ * @param props.children - Custom text content (defaults to variant label).
+ * @param props.className - Additional CSS class names for styling.
+ * @param props.size - Size of the badge.
+ * @param props.variant - Classification level variant.
+ * @returns The classification badge component.
+ *
+ * @example
+ * ```tsx
+ * <ClassificationBadge variant="secret" />
+ * ```
  *
  * @example
- * // Basic classification badge
- * <ClassificationBadge level="confidential" />
+ * ```tsx
+ * // With custom text
+ * <ClassificationBadge variant="top-secret">TOP SECRET//NOFORN</ClassificationBadge>
+ * ```
  *
  * @example
- * // Classification with custom styling
- * <ClassificationBadge level="secret" />
+ * ```tsx
+ * // Different sizes
+ * <ClassificationBadge variant="confidential" size="small" />
+ * ```
  */
 declare function ClassificationBadge({
   ref,
   ...props
-}: ClassificationBadgeProps): react_jsx_runtime8.JSX.Element;
+}: ClassificationBadgeProps): react_jsx_runtime24.JSX.Element;
 //#endregion
 export { ClassificationBadge };
 //# sourceMappingURL=index.d.ts.map

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

@@ -31,19 +31,36 @@ const fallbackContent = {
 	"ts-sci": "TS/SCI"
 };
 /**
-* ClassificationBadge - A specialized badge for security and data classification
+* ClassificationBadge - Displays security classification levels for documents and data.
 *
-* Provides standardized visual indicators for data classification levels such as
-* confidential, secret, or public information. Designed for compliance with
-* security standards and information governance requirements.
+* Provides standardized visual indicators for classification levels such as
+* unclassified, confidential, secret, and top-secret. Designed for compliance
+* with security standards in government and secure environments.
+*
+* @param props - The classification badge props.
+* @param props.ref - Reference to the badge element.
+* @param props.children - Custom text content (defaults to variant label).
+* @param props.className - Additional CSS class names for styling.
+* @param props.size - Size of the badge.
+* @param props.variant - Classification level variant.
+* @returns The classification badge component.
+*
+* @example
+* ```tsx
+* <ClassificationBadge variant="secret" />
+* ```
 *
 * @example
-* // Basic classification badge
-* <ClassificationBadge level="confidential" />
+* ```tsx
+* // With custom text
+* <ClassificationBadge variant="top-secret">TOP SECRET//NOFORN</ClassificationBadge>
+* ```
 *
 * @example
-* // Classification with custom styling
-* <ClassificationBadge level="secret" />
+* ```tsx
+* // Different sizes
+* <ClassificationBadge variant="confidential" size="small" />
+* ```
 */
 function ClassificationBadge({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, ClassificationBadgeContext);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/classification-badge/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 { ClassificationBadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBadgeProps } 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': 'TS/SCI',\n} as const;\n\n/**\n * ClassificationBadge - A specialized badge for security and data classification\n *\n * Provides standardized visual indicators for data classification levels such as\n * confidential, secret, or public information. Designed for compliance with\n * security standards and information governance requirements.\n *\n * @example\n * // Basic classification badge\n * <ClassificationBadge level=\"confidential\" />\n *\n * @example\n * // Classification with custom styling\n * <ClassificationBadge level=\"secret\" />\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = 'missing',\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(\n        'group/classification-badge',\n        styles.badge,\n        styles[variant],\n        className,\n      )}\n      data-size={size}\n    >\n      {children || fallbackContent[variant]}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB;CACtB,SAAS;CACT,cAAc;CACd,KAAK;CACL,cAAc;CACd,QAAQ;CACR,cAAc;CACd,UAAU;CACX;;;;;;;;;;;;;;;;AAiBD,SAAgB,oBAAoB,EAClC,KACA,GAAG,SACwB;AAC3B,EAAC,OAAO,OAAO,gBACb,OACA,OAAO,MACP,2BACD;CAED,MAAM,EACJ,UACA,WACA,OAAO,UACP,UAAU,WACV,GAAG,SACD;AAEJ,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KACT,8BACA,OAAO,OACP,OAAO,UACP,UACD;EACD,aAAW;YAEV,YAAY,gBAAgB;GACxB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/classification-badge/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 { ClassificationBadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBadgeProps } 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': 'TS/SCI',\n} as const;\n\n/**\n * ClassificationBadge - Displays security classification levels for documents and data.\n *\n * Provides standardized visual indicators for classification levels such as\n * unclassified, confidential, secret, and top-secret. Designed for compliance\n * with security standards in government and secure environments.\n *\n * @param props - The classification badge props.\n * @param props.ref - Reference to the badge element.\n * @param props.children - Custom text content (defaults to variant label).\n * @param props.className - Additional CSS class names for styling.\n * @param props.size - Size of the badge.\n * @param props.variant - Classification level variant.\n * @returns The classification badge component.\n *\n * @example\n * ```tsx\n * <ClassificationBadge variant=\"secret\" />\n * ```\n *\n * @example\n * ```tsx\n * // With custom text\n * <ClassificationBadge variant=\"top-secret\">TOP SECRET//NOFORN</ClassificationBadge>\n * ```\n *\n * @example\n * ```tsx\n * // Different sizes\n * <ClassificationBadge variant=\"confidential\" size=\"small\" />\n * ```\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = 'missing',\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(\n        'group/classification-badge',\n        styles.badge,\n        styles[variant],\n        className,\n      )}\n      data-size={size}\n    >\n      {children || fallbackContent[variant]}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB;CACtB,SAAS;CACT,cAAc;CACd,KAAK;CACL,cAAc;CACd,QAAQ;CACR,cAAc;CACd,UAAU;CACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCD,SAAgB,oBAAoB,EAClC,KACA,GAAG,SACwB;AAC3B,EAAC,OAAO,OAAO,gBACb,OACA,OAAO,MACP,2BACD;CAED,MAAM,EACJ,UACA,WACA,OAAO,UACP,UAAU,WACV,GAAG,SACD;AAEJ,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KACT,8BACA,OAAO,OACP,OAAO,UACP,UACD;EACD,aAAW;YAEV,YAAY,gBAAgB;GACxB"}

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

@@ -14,7 +14,11 @@ import { ClassificationBannerProps } from "../classification-banner/types.js";
 import { ComponentPropsWithRef } from "react";
 
 //#region src/components/classification-badge/types.d.ts
+/**
+ * Props for the ClassificationBadge component.
+ */
 type ClassificationBadgeProps = Pick<ClassificationBannerProps, 'variant'> & ComponentPropsWithRef<'span'> & {
+  /** Size of the badge. */
   size?: 'medium' | 'small';
 };
 //#endregion

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

@@ -13,16 +13,32 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBannerProps } from "./types.js";
 import "client-only";
-import * as react21 from "react";
+import * as react11 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/classification-banner/context.d.ts
-declare const ClassificationBannerContext: react21.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
+/** React context for sharing ClassificationBanner configuration across components. */
+declare const ClassificationBannerContext: react11.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
+/**
+ * Context provider for setting default props across multiple ClassificationBanner components.
+ *
+ * @param props - The provider props.
+ * @param props.children - Child components that will receive the classification banner context.
+ * @returns The classification banner context provider wrapping children.
+ *
+ * @example
+ * ```tsx
+ * <ClassificationBannerProvider variant="secret">
+ *   <ClassificationBanner />
+ *   <ClassificationBanner />
+ * </ClassificationBannerProvider>
+ * ```
+ */
 declare function ClassificationBannerProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime83.JSX.Element;
+}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime25.JSX.Element;
 //#endregion
 export { ClassificationBannerContext, ClassificationBannerProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -18,7 +18,23 @@ import { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/classification-banner/context.tsx
+/** React context for sharing ClassificationBanner configuration across components. */
 const ClassificationBannerContext = createContext(null);
+/**
+* Context provider for setting default props across multiple ClassificationBanner components.
+*
+* @param props - The provider props.
+* @param props.children - Child components that will receive the classification banner context.
+* @returns The classification banner context provider wrapping children.
+*
+* @example
+* ```tsx
+* <ClassificationBannerProvider variant="secret">
+*   <ClassificationBanner />
+*   <ClassificationBanner />
+* </ClassificationBannerProvider>
+* ```
+*/
 function ClassificationBannerProvider({ children, ...props }) {
 	return /* @__PURE__ */ jsx(ClassificationBannerContext.Provider, {
 		value: props,

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

@@ -1 +1 @@
-{"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"}
+{"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\n/** React context for sharing ClassificationBanner configuration across components. */\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ClassificationBanner components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the classification banner context.\n * @returns The classification banner context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ClassificationBannerProvider variant=\"secret\">\n *   <ClassificationBanner />\n *   <ClassificationBanner />\n * </ClassificationBannerProvider>\n * ```\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":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,8BACX,cAAuE,KAAK;;;;;;;;;;;;;;;;AAiB9E,SAAgB,6BAA6B,EAC3C,UACA,GAAG,SACwC;AAC3C,QACE,oBAAC,4BAA4B;EAAS,OAAO;EAC1C;GACoC"}

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

@@ -12,9 +12,10 @@
 
 import { ClassificationBannerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/classification-banner/index.d.ts
+
 /**
  * ClassificationBanner - A prominent banner for displaying security classification
  *
@@ -22,14 +23,23 @@ import * as react_jsx_runtime181 from "react/jsx-runtime";
  * information at the top or bottom of pages. Essential for applications handling
  * classified or sensitive information requiring clear visual indicators.
  *
+ * @param props - The classification banner props.
+ * @param props.ref - Reference to the banner element.
+ * @param props.children - Custom text content (defaults to variant label).
+ * @param props.className - Additional CSS class names for styling.
+ * @param props.variant - Classification level variant.
+ * @returns The classification banner component.
+ *
  * @example
+ * ```tsx
  * // Top classification banner
  * <ClassificationBanner variant="confidential" />
+ * ```
  */
 declare function ClassificationBanner({
   ref,
   ...props
-}: ClassificationBannerProps): react_jsx_runtime181.JSX.Element;
+}: ClassificationBannerProps): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { ClassificationBanner };
 //# sourceMappingURL=index.d.ts.map

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

@@ -37,9 +37,18 @@ const fallbackContent = {
 * information at the top or bottom of pages. Essential for applications handling
 * classified or sensitive information requiring clear visual indicators.
 *
+* @param props - The classification banner props.
+* @param props.ref - Reference to the banner element.
+* @param props.children - Custom text content (defaults to variant label).
+* @param props.className - Additional CSS class names for styling.
+* @param props.variant - Classification level variant.
+* @returns The classification banner component.
+*
 * @example
+* ```tsx
 * // Top classification banner
 * <ClassificationBanner variant="confidential" />
+* ```
 */
 function ClassificationBanner({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, ClassificationBannerContext);

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

@@ -1 +1 @@
-{"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"}
+{"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 * @param props - The classification banner props.\n * @param props.ref - Reference to the banner element.\n * @param props.children - Custom text content (defaults to variant label).\n * @param props.className - Additional CSS class names for styling.\n * @param props.variant - Classification level variant.\n * @returns The classification banner component.\n *\n * @example\n * ```tsx\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n * ```\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;;;;;;;;;;;;;;;;;;;;;AAsBD,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/types.d.ts

@@ -13,7 +13,11 @@
 import { ComponentPropsWithRef } from "react";
 
 //#region src/components/classification-banner/types.d.ts
+/**
+ * Props for the ClassificationBanner component.
+ */
 type ClassificationBannerProps = ComponentPropsWithRef<'div'> & {
+  /** Classification level to display. */
   variant?: 'missing' | 'unclassified' | 'cui' | 'confidential' | 'secret' | 'top-secret' | 'ts-sci';
 };
 //#endregion

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

@@ -12,7 +12,7 @@
 
 import { ClockProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime164 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/clock/index.d.ts
 
@@ -24,15 +24,24 @@ import * as react_jsx_runtime164 from "react/jsx-runtime";
  *
  * NOTE: This component comes **unstyled by default**.
  *
+ * @param props - The clock props.
+ * @param props.formatter - Custom DateTimeFormat for time display.
+ * @returns The clock component displaying current time.
+ *
  * @example
+ * ```tsx
  * // Standard Clock
  * <Clock /> // <time>15:54:14 UTC</time>
+ * ```
  *
  * @example
+ * ```tsx
  * // Styled
  * <Clock className="fg-accent-primary-bold" />
+ * ```
  *
  * @example
+ * ```tsx
  * // Custom Format
  * const formatter = new Intl.DateTimeFormat('en-US', {
  *   dateStyle: "short",
@@ -42,13 +51,14 @@ import * as react_jsx_runtime164 from "react/jsx-runtime";
  * });
  *
  * <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}
  */
 declare function Clock({
   formatter,
   ...rest
-}: ClockProps): react_jsx_runtime164.JSX.Element;
+}: ClockProps): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { Clock };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/clock/index.js

@@ -32,15 +32,24 @@ const DEFAULT_FORMATTER = new Intl.DateTimeFormat("en-US", {
 *
 * NOTE: This component comes **unstyled by default**.
 *
+* @param props - The clock props.
+* @param props.formatter - Custom DateTimeFormat for time display.
+* @returns The clock component displaying current time.
+*
 * @example
+* ```tsx
 * // Standard Clock
 * <Clock /> // <time>15:54:14 UTC</time>
+* ```
 *
 * @example
+* ```tsx
 * // Styled
 * <Clock className="fg-accent-primary-bold" />
+* ```
 *
 * @example
+* ```tsx
 * // Custom Format
 * const formatter = new Intl.DateTimeFormat('en-US', {
 *   dateStyle: "short",
@@ -50,6 +59,7 @@ const DEFAULT_FORMATTER = new Intl.DateTimeFormat("en-US", {
 * });
 *
 * <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}
 */

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

@@ -1 +1 @@
-{"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"}
+{"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 * @param props - The clock props.\n * @param props.formatter - Custom DateTimeFormat for time display.\n * @returns The clock component displaying current time.\n *\n * @example\n * ```tsx\n * // Standard Clock\n * <Clock /> // <time>15:54:14 UTC</time>\n * ```\n *\n * @example\n * ```tsx\n * // Styled\n * <Clock className=\"fg-accent-primary-bold\" />\n * ```\n *\n * @example\n * ```tsx\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 *\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCF,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

@@ -13,7 +13,11 @@
 import { ComponentPropsWithRef } from "react";
 
 //#region src/components/clock/types.d.ts
+/**
+ * Props for the Clock component.
+ */
 type ClockProps = ComponentPropsWithRef<'time'> & {
+  /** Custom DateTimeFormat for time display. */
   formatter?: Intl.DateTimeFormat;
 };
 //#endregion

package/dist/components/color-picker/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ColorPickerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime153 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/color-picker/index.d.ts
 
@@ -24,11 +24,13 @@ import * as react_jsx_runtime153 from "react/jsx-runtime";
  * 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
+ * @param props - The color picker props.
+ * @param props.items - Array of color values to display as selectable swatches.
+ * @param props.classNames - Custom class names for sub-elements.
+ * @param props.classNames.picker - Class name for the picker container.
+ * @param props.classNames.item - Class name for individual swatch items.
+ * @param props.classNames.swatch - Class name for the color swatch elements.
+ * @returns The color picker component.
  *
  * @example
  * ```tsx
@@ -39,13 +41,13 @@ import * as react_jsx_runtime153 from "react/jsx-runtime";
  * ];
  *
  * <ColorPicker
- *   options={colors}
- *   value={'#ff0000'}
+ *   items={colors}
+ *   value="#ff0000"
  *   onChange={(color) => console.log('Selected:', color)}
  *   classNames={{
  *     picker: 'gap-4',
  *     item: 'rounded-lg',
- *     swatch: 'w-8 h-8'
+ *     swatch: 'w-8 h-8',
  *   }}
  * />
  * ```
@@ -60,7 +62,7 @@ declare function ColorPicker({
   classNames,
   items,
   ...rest
-}: ColorPickerProps): react_jsx_runtime153.JSX.Element;
+}: ColorPickerProps): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { ColorPicker };
 //# sourceMappingURL=index.d.ts.map