@accelint/design-toolkit 9.1.1 → 9.2.0

package/dist/components/list/context.js

@@ -0,0 +1,32 @@
+/*
+ * 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 "client-only";
+import { createContext, useContext } from "react";
+
+//#region src/components/list/context.tsx
+const ListStylesDefaults = { variant: "cozy" };
+const ListContext = createContext({ variant: ListStylesDefaults.variant });
+const useListItemVariant = () => {
+	const context = useContext(ListContext);
+	if (typeof context === "object" && context !== null) {
+		if ("variant" in context && context.variant) return context.variant;
+	}
+	return ListStylesDefaults.variant;
+};
+
+//#endregion
+export { ListContext, useListItemVariant };
+//# sourceMappingURL=context.js.map

package/dist/components/list/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/list/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext, useContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ListProps } from './types';\n\nconst ListStylesDefaults = {\n  variant: 'cozy',\n} as const;\n\nexport const ListContext = createContext<\n  ContextValue<ListProps<object>, HTMLDivElement>\n>({ variant: ListStylesDefaults.variant });\n\nexport const useListItemVariant = () => {\n  const context = useContext(ListContext);\n\n  if (typeof context === 'object' && context !== null) {\n    if ('variant' in context && context.variant) {\n      return context.variant;\n    }\n  }\n\n  return ListStylesDefaults.variant;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAM,qBAAqB,EACzB,SAAS,QACV;AAED,MAAa,cAAc,cAEzB,EAAE,SAAS,mBAAmB,SAAS,CAAC;AAE1C,MAAa,2BAA2B;CACtC,MAAM,UAAU,WAAW,YAAY;AAEvC,KAAI,OAAO,YAAY,YAAY,YAAY,MAC7C;MAAI,aAAa,WAAW,QAAQ,QAClC,QAAO,QAAQ;;AAInB,QAAO,mBAAmB"}

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

@@ -0,0 +1,44 @@
+/*
+ * 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 { ListProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
+
+//#region src/components/list/index.d.ts
+
+/**
+ * List - A flexible grid list component for selectable items with rich content
+ *
+ * Provides accessible grid list functionality with support for selection,
+ * and rich item content including labels, descriptions, icons, and actions. Perfect for
+ * data tables, file lists, or any selectable grid interface.
+ *
+ * @example
+ * // Basic list view with sizing
+ * <div className='h-[400px] w-[300px]'>
+ *   <List className='h-full' aria-label='Items'>
+ *     <ListItem>
+ *       <ListItemContent>
+ *         <ListItemTitle>Item 1</ListItemTitle>
+ *       </ListItemContent>
+ *     </ListItem>
+ *   </List>
+ * </div>
+ */
+declare function List<T extends object>({
+  ref,
+  ...props
+}: ListProps<T>): react_jsx_runtime115.JSX.Element;
+//#endregion
+export { List };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/list/index.js

@@ -0,0 +1,63 @@
+/*
+ * 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 { IconProvider } from "../icon/context.js";
+import { ListContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { GridList, composeRenderProps, useContextProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/list/index.tsx
+/**
+* List - A flexible grid list component for selectable items with rich content
+*
+* Provides accessible grid list functionality with support for selection,
+* and rich item content including labels, descriptions, icons, and actions. Perfect for
+* data tables, file lists, or any selectable grid interface.
+*
+* @example
+* // Basic list view with sizing
+* <div className='h-[400px] w-[300px]'>
+*   <List className='h-full' aria-label='Items'>
+*     <ListItem>
+*       <ListItemContent>
+*         <ListItemTitle>Item 1</ListItemTitle>
+*       </ListItemContent>
+*     </ListItem>
+*   </List>
+* </div>
+*/
+function List({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, ListContext);
+	const { children, className, variant, ...rest } = props;
+	return /* @__PURE__ */ jsx(ListContext.Provider, {
+		value: { variant },
+		children: /* @__PURE__ */ jsx(IconProvider, {
+			size: variant === "cozy" ? "large" : "small",
+			children: /* @__PURE__ */ jsx(GridList, {
+				...rest,
+				ref,
+				className: composeRenderProps(className, (className$1) => clsx("group/list", styles.list, className$1)),
+				children
+			})
+		})
+	});
+}
+
+//#endregion
+export { List };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["className"],"sources":["../../../src/components/list/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  composeRenderProps,\n  GridList,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ListContext } from './context';\nimport styles from './styles.module.css';\nimport type { ListProps } from './types';\n\n/**\n * List - A flexible grid list component for selectable items with rich content\n *\n * Provides accessible grid list functionality with support for selection,\n * and rich item content including labels, descriptions, icons, and actions. Perfect for\n * data tables, file lists, or any selectable grid interface.\n *\n * @example\n * // Basic list view with sizing\n * <div className='h-[400px] w-[300px]'>\n *   <List className='h-full' aria-label='Items'>\n *     <ListItem>\n *       <ListItemContent>\n *         <ListItemTitle>Item 1</ListItemTitle>\n *       </ListItemContent>\n *     </ListItem>\n *   </List>\n * </div>\n */\nexport function List<T extends object>({ ref, ...props }: ListProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ListContext);\n\n  const { children, className, variant, ...rest } = props;\n\n  return (\n    <ListContext.Provider value={{ variant }}>\n      <IconProvider size={variant === 'cozy' ? 'large' : 'small'}>\n        <GridList<T>\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(className, (className) =>\n            clsx('group/list', styles.list, className),\n          )}\n        >\n          {children}\n        </GridList>\n      </IconProvider>\n    </ListContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,KAAuB,EAAE,KAAK,GAAG,SAAuB;AACtE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS;AAElD,QACE,oBAAC,YAAY;EAAS,OAAO,EAAE,SAAS;YACtC,oBAAC;GAAa,MAAM,YAAY,SAAS,UAAU;aACjD,oBAAC;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAMA,YAAU,CAC3C;IAEA;KACQ;IACE;GACM"}

package/dist/components/list/item-content.d.ts

@@ -0,0 +1,36 @@
+/*
+ * 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 { ListItemContentProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
+
+//#region src/components/list/item-content.d.ts
+/**
+ * ListItemContent - Container for list item title and description
+ *
+ * Provides consistent spacing and layout for text content within list items.
+ * Should contain ListItemTitle and optionally ListItemDescription components.
+ *
+ * @example
+ * <ListItemContent>
+ *   <ListItemTitle>Item Title</ListItemTitle>
+ *   <ListItemDescription>Optional description text</ListItemDescription>
+ * </ListItemContent>
+ */
+declare function ListItemContent({
+  className,
+  ...rest
+}: ListItemContentProps): react_jsx_runtime120.JSX.Element;
+//#endregion
+export { ListItemContent };
+//# sourceMappingURL=item-content.d.ts.map

package/dist/components/list/item-content.js

@@ -0,0 +1,43 @@
+/*
+ * 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 "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/list/item-content.tsx
+/**
+* ListItemContent - Container for list item title and description
+*
+* Provides consistent spacing and layout for text content within list items.
+* Should contain ListItemTitle and optionally ListItemDescription components.
+*
+* @example
+* <ListItemContent>
+*   <ListItemTitle>Item Title</ListItemTitle>
+*   <ListItemDescription>Optional description text</ListItemDescription>
+* </ListItemContent>
+*/
+function ListItemContent({ className, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: clsx(styles.content, className)
+	});
+}
+
+//#endregion
+export { ListItemContent };
+//# sourceMappingURL=item-content.js.map

package/dist/components/list/item-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-content.js","names":[],"sources":["../../../src/components/list/item-content.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 styles from './styles.module.css';\nimport type { ListItemContentProps } from './types';\n\n/**\n * ListItemContent - Container for list item title and description\n *\n * Provides consistent spacing and layout for text content within list items.\n * Should contain ListItemTitle and optionally ListItemDescription components.\n *\n * @example\n * <ListItemContent>\n *   <ListItemTitle>Item Title</ListItemTitle>\n *   <ListItemDescription>Optional description text</ListItemDescription>\n * </ListItemContent>\n */\nexport function ListItemContent({ className, ...rest }: ListItemContentProps) {\n  return <div {...rest} className={clsx(styles.content, className)} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,QAA8B;AAC5E,QAAO,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,SAAS,UAAU;GAAI"}

package/dist/components/list/item-description.d.ts

@@ -0,0 +1,34 @@
+/*
+ * 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 { ListItemDescriptionProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime121 from "react/jsx-runtime";
+
+//#region src/components/list/item-description.d.ts
+/**
+ * ListItemDescription - Secondary descriptive text for list items
+ *
+ * Renders supplementary information below the title with muted styling.
+ * Automatically adjusts font size for cozy (body-s) and compact (body-xs) variants.
+ *
+ * @example
+ * <ListItemDescription>Software Engineer</ListItemDescription>
+ */
+declare function ListItemDescription({
+  children,
+  className,
+  ...rest
+}: ListItemDescriptionProps): react_jsx_runtime121.JSX.Element;
+//#endregion
+export { ListItemDescription };
+//# sourceMappingURL=item-description.d.ts.map

package/dist/components/list/item-description.js

@@ -0,0 +1,43 @@
+/*
+ * 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 { useListItemVariant } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/list/item-description.tsx
+/**
+* ListItemDescription - Secondary descriptive text for list items
+*
+* Renders supplementary information below the title with muted styling.
+* Automatically adjusts font size for cozy (body-s) and compact (body-xs) variants.
+*
+* @example
+* <ListItemDescription>Software Engineer</ListItemDescription>
+*/
+function ListItemDescription({ children, className, ...rest }) {
+	const variant = useListItemVariant();
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: clsx(styles.description, styles[variant], className),
+		children
+	});
+}
+
+//#endregion
+export { ListItemDescription };
+//# sourceMappingURL=item-description.js.map

package/dist/components/list/item-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-description.js","names":[],"sources":["../../../src/components/list/item-description.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 { useListItemVariant } from './context';\nimport styles from './styles.module.css';\nimport type { ListItemDescriptionProps } from './types';\n\n/**\n * ListItemDescription - Secondary descriptive text for list items\n *\n * Renders supplementary information below the title with muted styling.\n * Automatically adjusts font size for cozy (body-s) and compact (body-xs) variants.\n *\n * @example\n * <ListItemDescription>Software Engineer</ListItemDescription>\n */\nexport function ListItemDescription({\n  children,\n  className,\n  ...rest\n}: ListItemDescriptionProps) {\n  const variant = useListItemVariant();\n\n  return (\n    <div\n      {...rest}\n      className={clsx(styles.description, styles[variant], className)}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,oBAAoB,EAClC,UACA,WACA,GAAG,QACwB;CAC3B,MAAM,UAAU,oBAAoB;AAEpC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,aAAa,OAAO,UAAU,UAAU;EAE9D;GACG"}

package/dist/components/list/item-title.d.ts

@@ -0,0 +1,34 @@
+/*
+ * 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 { ListItemTitleProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
+
+//#region src/components/list/item-title.d.ts
+/**
+ * ListItemTitle - Primary text label for list items
+ *
+ * Renders the main title text with appropriate typography based on the list variant.
+ * Automatically adjusts font size for cozy (header-m) and compact (header-s) variants.
+ *
+ * @example
+ * <ListItemTitle>John Doe</ListItemTitle>
+ */
+declare function ListItemTitle({
+  children,
+  className,
+  ...rest
+}: ListItemTitleProps): react_jsx_runtime122.JSX.Element;
+//#endregion
+export { ListItemTitle };
+//# sourceMappingURL=item-title.d.ts.map

package/dist/components/list/item-title.js

@@ -0,0 +1,43 @@
+/*
+ * 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 { useListItemVariant } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/list/item-title.tsx
+/**
+* ListItemTitle - Primary text label for list items
+*
+* Renders the main title text with appropriate typography based on the list variant.
+* Automatically adjusts font size for cozy (header-m) and compact (header-s) variants.
+*
+* @example
+* <ListItemTitle>John Doe</ListItemTitle>
+*/
+function ListItemTitle({ children, className, ...rest }) {
+	const variant = useListItemVariant();
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: clsx(styles.title, styles[variant], className),
+		children
+	});
+}
+
+//#endregion
+export { ListItemTitle };
+//# sourceMappingURL=item-title.js.map

package/dist/components/list/item-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-title.js","names":[],"sources":["../../../src/components/list/item-title.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 { useListItemVariant } from './context';\nimport styles from './styles.module.css';\nimport type { ListItemTitleProps } from './types';\n\n/**\n * ListItemTitle - Primary text label for list items\n *\n * Renders the main title text with appropriate typography based on the list variant.\n * Automatically adjusts font size for cozy (header-m) and compact (header-s) variants.\n *\n * @example\n * <ListItemTitle>John Doe</ListItemTitle>\n */\nexport function ListItemTitle({\n  children,\n  className,\n  ...rest\n}: ListItemTitleProps) {\n  const variant = useListItemVariant();\n\n  return (\n    <div {...rest} className={clsx(styles.title, styles[variant], className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,cAAc,EAC5B,UACA,WACA,GAAG,QACkB;CACrB,MAAM,UAAU,oBAAoB;AAEpC,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,OAAO,OAAO,UAAU,UAAU;EACrE;GACG"}

package/dist/components/list/item.d.ts

@@ -0,0 +1,44 @@
+/*
+ * 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 { ListItemProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
+
+//#region src/components/list/item.d.ts
+
+/**
+ * ListItem - Individual selectable item within a List
+ *
+ * Represents a single row in the grid list with full interaction support including
+ * selection, hover states, and keyboard navigation. Can contain icons, content,
+ * indicators, and action elements. If children is a string, it will be automatically
+ * wrapped in a ListItemTitle.
+ *
+ * @example
+ * <ListItem textValue="User item">
+ *   <Icon><Avatar /></Icon>
+ *   <ListItemContent>
+ *     <ListItemTitle>John Doe</ListItemTitle>
+ *     <ListItemDescription>Software Engineer</ListItemDescription>
+ *   </ListItemContent>
+ * </ListItem>
+ */
+declare function ListItem<T extends object>({
+  children,
+  classNames,
+  textValue,
+  ...rest
+}: ListItemProps<T>): react_jsx_runtime125.JSX.Element;
+//#endregion
+export { ListItem };
+//# sourceMappingURL=item.d.ts.map

package/dist/components/list/item.js

@@ -0,0 +1,52 @@
+/*
+ * 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 { ListItemTitle } from "./item-title.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { GridListItem, composeRenderProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/list/item.tsx
+/**
+* ListItem - Individual selectable item within a List
+*
+* Represents a single row in the grid list with full interaction support including
+* selection, hover states, and keyboard navigation. Can contain icons, content,
+* indicators, and action elements. If children is a string, it will be automatically
+* wrapped in a ListItemTitle.
+*
+* @example
+* <ListItem textValue="User item">
+*   <Icon><Avatar /></Icon>
+*   <ListItemContent>
+*     <ListItemTitle>John Doe</ListItemTitle>
+*     <ListItemDescription>Software Engineer</ListItemDescription>
+*   </ListItemContent>
+* </ListItem>
+*/
+function ListItem({ children, classNames, textValue = typeof children === "string" ? children : "", ...rest }) {
+	return /* @__PURE__ */ jsx(GridListItem, {
+		className: composeRenderProps(classNames?.item, (className) => clsx("group/list-item", styles.item, className)),
+		textValue,
+		...rest,
+		children: composeRenderProps(children, (children$1) => typeof children$1 === "string" ? /* @__PURE__ */ jsx(ListItemTitle, { children: children$1 }) : children$1)
+	});
+}
+
+//#endregion
+export { ListItem };
+//# sourceMappingURL=item.js.map

package/dist/components/list/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":["children"],"sources":["../../../src/components/list/item.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 { composeRenderProps, GridListItem } from 'react-aria-components';\nimport { ListItemTitle } from './item-title';\nimport styles from './styles.module.css';\nimport type { ListItemProps } from './types';\n\n/**\n * ListItem - Individual selectable item within a List\n *\n * Represents a single row in the grid list with full interaction support including\n * selection, hover states, and keyboard navigation. Can contain icons, content,\n * indicators, and action elements. If children is a string, it will be automatically\n * wrapped in a ListItemTitle.\n *\n * @example\n * <ListItem textValue=\"User item\">\n *   <Icon><Avatar /></Icon>\n *   <ListItemContent>\n *     <ListItemTitle>John Doe</ListItemTitle>\n *     <ListItemDescription>Software Engineer</ListItemDescription>\n *   </ListItemContent>\n * </ListItem>\n */\nexport function ListItem<T extends object>({\n  children,\n  classNames,\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: ListItemProps<T>) {\n  return (\n    <GridListItem\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/list-item', styles.item, className),\n      )}\n      textValue={textValue}\n      {...rest}\n    >\n      {composeRenderProps(children, (children) =>\n        typeof children === 'string' ? (\n          <ListItemTitle>{children}</ListItemTitle>\n        ) : (\n          children\n        ),\n      )}\n    </GridListItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAgB,SAA2B,EACzC,UACA,YACA,YAAY,OAAO,aAAa,WAAW,WAAW,IACtD,GAAG,QACgB;AACnB,QACE,oBAAC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,mBAAmB,OAAO,MAAM,UAAU,CAChD;EACU;EACX,GAAI;YAEH,mBAAmB,WAAW,eAC7B,OAAOA,eAAa,WAClB,oBAAC,2BAAeA,aAAyB,GAEzCA,WAEH;GACY"}

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

@@ -0,0 +1,95 @@
+/*
+ * 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.
+ */
+
+@reference '@accelint/design-foundation/styles';
+
+@layer components.l1 {
+  .list {
+    @apply gap-xxs flex h-full w-full flex-col overflow-y-auto;
+  }
+
+  .item {
+    @apply fg-primary-bold pt-xs pb-xs pr-s pl-s text-body-s bg-surface-default rounded-medium gap-s relative flex cursor-pointer items-center outline outline-transparent;
+
+    @variant hover {
+      @apply fg-a11y-on-accent bg-interactive-muted-hover;
+    }
+
+    @variant focus-visible {
+      @apply fg-a11y-on-accent bg-interactive-muted-hover;
+    }
+
+    @variant pressed {
+      @apply bg-interactive-muted-pressed;
+    }
+
+    @variant selected {
+      @apply bg-accent-primary-muted outline-accent-primary-bold;
+
+      @variant hover {
+        @apply outline-2 -outline-offset-2;
+      }
+
+      @variant focus-visible {
+        @apply outline-2 -outline-offset-2;
+      }
+
+      @variant pressed {
+        @apply outline-accent-primary-pressed;
+      }
+    }
+
+    @variant disabled {
+      @apply cursor-not-allowed bg-transparent;
+
+      @variant selected {
+        @apply bg-interactive-disabled outline-none;
+      }
+    }
+  }
+
+  .content {
+    @apply gap-xxs flex min-w-0 flex-auto flex-col;
+  }
+
+  .title {
+    @apply fg-primary-bold truncate;
+
+    &.compact {
+      @apply text-header-s;
+    }
+
+    &.cozy {
+      @apply text-header-m;
+    }
+
+    @variant group-disabled/list-item {
+      @apply fg-disabled;
+    }
+  }
+
+  .description {
+    @apply fg-primary-muted truncate;
+
+    &.compact {
+      @apply text-body-xs;
+    }
+
+    &.cozy {
+      @apply text-body-s;
+    }
+
+    @variant group-disabled/list-item {
+      @apply fg-disabled;
+    }
+  }
+}

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

@@ -0,0 +1,33 @@
+/*
+ * 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 { IconProps } from "../icon/types.js";
+import { ComponentPropsWithRef, RefAttributes } from "react";
+import { GridListItemProps, GridListProps } from "react-aria-components";
+
+//#region src/components/list/types.d.ts
+type ListItemVariant = 'cozy' | 'compact';
+type ListItemProps<T extends object> = Omit<GridListItemProps<T>, 'className'> & {
+  classNames?: {
+    item?: GridListItemProps['className'];
+    icon?: IconProps['className'];
+  };
+};
+type ListItemTitleProps = ComponentPropsWithRef<'div'>;
+type ListItemDescriptionProps = ComponentPropsWithRef<'div'>;
+type ListItemContentProps = ComponentPropsWithRef<'div'>;
+type ListProps<T> = Omit<GridListProps<T>, 'orientation' | 'layout' | 'dragAndDropHooks'> & RefAttributes<HTMLDivElement> & {
+  variant?: ListItemVariant;
+};
+//#endregion
+export { ListItemContentProps, ListItemDescriptionProps, ListItemProps, ListItemTitleProps, ListItemVariant, ListProps };
+//# sourceMappingURL=types.d.ts.map