@accelint/design-toolkit 8.1.2 → 9.0.0

package/dist/components/flashcard/index.js

@@ -1,4 +1,143 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import'client-only';import {createContext,useContext}from'react';import {Heading,Text}from'react-aria-components';import {DetailsList}from'../details-list/index.js';import {DetailsListLabel}from'../details-list/label.js';import {DetailsListValue}from'../details-list/value.js';import {Skeleton}from'../skeleton/index.js';import a from'./styles.module.css';const d=createContext({isLoading:false,header:"",subheader:""});function v(t){const{isLoading:l,header:s,subheader:e,children:i,className:m,...h}=t;return jsx(d.Provider,{value:{isLoading:l,header:s,subheader:e},children:jsx("div",{...h,className:clsx(a.container,m),children:i})})}v.displayName="Flashcard";function x(t){const{children:l,className:s,...e}=t,{isLoading:i,header:m,subheader:h}=useContext(d);return i?jsxs("div",{...e,className:clsx(a.hero,s,"gap-s"),children:[jsx(Skeleton,{className:a.skeleton,"data-testid":"hero-skeleton"}),jsx(Skeleton,{className:clsx(a.skeleton,a.half)})]}):jsxs("div",{...e,className:clsx(a.hero,s),children:[jsx(P,{className:a.header,children:m}),jsx(b,{className:a.subheader,children:h})]})}x.displayName="FlashcardHero";const P=Heading,b=Text;function y(t){const{children:l,className:s,...e}=t,{isLoading:i}=useContext(d);return i?null:jsx("div",{...e,className:clsx(a.data,s),children:l})}y.displayName="FlashcardAdditionalData";function g(t){const{children:l,className:s,...e}=t;return jsx(DetailsList,{...e,align:"justify",classNames:{list:clsx(a["details-list"],s)},children:l})}g.displayName="FlashcardDetailsList";function C(t){const{isLoading:l}=useContext(d),{className:s,children:e,...i}=t;return jsx(DetailsListLabel,{...i,className:clsx(a["details-label"],s),children:l?jsx(Skeleton,{className:clsx(a.skeleton,a.smaller)}):e})}C.displayName="FlashcardDetailsLabel";function k(t){const{isLoading:l}=useContext(d),{className:s,children:e,...i}=t;return jsx(DetailsListValue,{...i,className:clsx(a["details-value"],s),children:l?jsx(Skeleton,{className:clsx(a.skeleton,a.smaller)}):e})}k.displayName="FlashcardDetailsValue";export{v as Flashcard,y as FlashcardAdditionalData,d as FlashcardContext,C as FlashcardDetailsLabel,g as FlashcardDetailsList,k as FlashcardDetailsValue,x as FlashcardHero};//# sourceMappingURL=index.js.map
+import { DetailsList } from "../details-list/index.js";
+import { DetailsListLabel } from "../details-list/label.js";
+import { DetailsListValue } from "../details-list/value.js";
+import { Skeleton } from "../skeleton/index.js";
+import "client-only";
+import { createContext, useContext } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Heading, Text } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/flashcard/index.tsx
+const FlashcardContext = createContext({
+	isLoading: false,
+	header: "",
+	subheader: ""
+});
+/**
+* Example usage.
+*
+* ```tsx
+* <Flashcard isLoading={isLoading} header="Identifier" subheader="DATA">
+*  <FlashcardHero />
+*  <FlashcardAdditionalData>
+*    {secondaryData}
+*  </FlashcardAdditionalData>
+*  <FlashcardDetailsList>
+*    {detail.map((detail) => (
+*     <Fragment key={detail.id}>
+*       <FlashcardDetailsLabel>
+*         {detail.label}
+*       </FlashcardDetailsLabel>
+*       <FlashcardDetailsValue>
+*         {detail.value}
+*       </FlashcardDetailsValue>
+*     </Fragment>
+*     ))}
+*  </FlashcardDetailsList>
+* </Flashcard>
+* ```
+*/
+function Flashcard(props) {
+	const { isLoading, header, subheader, children, className, ...rest } = props;
+	return /* @__PURE__ */ jsx(FlashcardContext.Provider, {
+		value: {
+			isLoading,
+			header,
+			subheader
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: clsx(styles.container, className),
+			children
+		})
+	});
+}
+Flashcard.displayName = "Flashcard";
+function FlashcardHero(props) {
+	const { children, className, ...rest } = props;
+	const { isLoading, header, subheader } = useContext(FlashcardContext);
+	if (isLoading) return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: clsx(styles.hero, className, "gap-s"),
+		children: [/* @__PURE__ */ jsx(Skeleton, {
+			className: styles.skeleton,
+			"data-testid": "hero-skeleton"
+		}), /* @__PURE__ */ jsx(Skeleton, { className: clsx(styles.skeleton, styles.half) })]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: clsx(styles.hero, className),
+		children: [/* @__PURE__ */ jsx(FlashcardHeader, {
+			className: styles.header,
+			children: header
+		}), /* @__PURE__ */ jsx(FlashcardSubheader, {
+			className: styles.subheader,
+			children: subheader
+		})]
+	});
+}
+FlashcardHero.displayName = "FlashcardHero";
+const FlashcardHeader = Heading;
+const FlashcardSubheader = Text;
+function FlashcardAdditionalData(props) {
+	const { children, className, ...rest } = props;
+	const { isLoading } = useContext(FlashcardContext);
+	if (isLoading) return null;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: clsx(styles.data, className),
+		children
+	});
+}
+FlashcardAdditionalData.displayName = "FlashcardAdditionalData";
+function FlashcardDetailsList(props) {
+	const { children, className, ...rest } = props;
+	return /* @__PURE__ */ jsx(DetailsList, {
+		...rest,
+		align: "justify",
+		classNames: { list: clsx(styles["details-list"], className) },
+		children
+	});
+}
+FlashcardDetailsList.displayName = "FlashcardDetailsList";
+function FlashcardDetailsLabel(props) {
+	const { isLoading } = useContext(FlashcardContext);
+	const { className, children, ...rest } = props;
+	return /* @__PURE__ */ jsx(DetailsListLabel, {
+		...rest,
+		className: clsx(styles["details-label"], className),
+		children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: clsx(styles.skeleton, styles.smaller) }) : children
+	});
+}
+FlashcardDetailsLabel.displayName = "FlashcardDetailsLabel";
+function FlashcardDetailsValue(props) {
+	const { isLoading } = useContext(FlashcardContext);
+	const { className, children, ...rest } = props;
+	return /* @__PURE__ */ jsx(DetailsListValue, {
+		...rest,
+		className: clsx(styles["details-value"], className),
+		children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: clsx(styles.skeleton, styles.smaller) }) : children
+	});
+}
+FlashcardDetailsValue.displayName = "FlashcardDetailsValue";
+
+//#endregion
+export { Flashcard, FlashcardAdditionalData, FlashcardContext, FlashcardDetailsLabel, FlashcardDetailsList, FlashcardDetailsValue, FlashcardHero };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/flashcard/index.tsx"],"names":["u","Flashcard","props","header","rest","jsx","FlashcardContext","isLoading","r","className","o","children","jsxs","c","styles","p","Skeleton","n","clsx","FlashcardHero","Text","F","N","DetailsList","f","DetailsListLabel","L","FlashcardDetailsLabel","DetailsListValue","D","FlashcardDetailsValue"],"mappings":"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","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\n'use client';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport 'client-only';\nimport { createContext, useContext } from 'react';\nimport { Heading, Text } from 'react-aria-components';\nimport { DetailsList } from '../details-list';\nimport { DetailsListLabel } from '../details-list/label';\nimport { DetailsListValue } from '../details-list/value';\nimport { Skeleton } from '../skeleton';\nimport styles from './styles.module.css';\nimport type {\n  FlashcardComponentProps,\n  FlashcardDetailsListProps,\n  FlashcardProps,\n} from './types';\n\nexport const FlashcardContext = createContext<FlashcardProps>({\n  isLoading: false,\n  header: '',\n  subheader: '',\n});\n\n/**\n * Example usage.\n *\n * ```tsx\n * <Flashcard isLoading={isLoading} header=\"Identifier\" subheader=\"DATA\">\n *  <FlashcardHero />\n *  <FlashcardAdditionalData>\n *    {secondaryData}\n *  </FlashcardAdditionalData>\n *  <FlashcardDetailsList>\n *    {detail.map((detail) => (\n *     <Fragment key={detail.id}>\n *       <FlashcardDetailsLabel>\n *         {detail.label}\n *       </FlashcardDetailsLabel>\n *       <FlashcardDetailsValue>\n *         {detail.value}\n *       </FlashcardDetailsValue>\n *     </Fragment>\n *     ))}\n *  </FlashcardDetailsList>\n * </Flashcard>\n * ```\n */\nexport function Flashcard(props: FlashcardProps) {\n  const { isLoading, header, subheader, children, className, ...rest } = props;\n\n  return (\n    <FlashcardContext.Provider value={{ isLoading, header, subheader }}>\n      <div {...rest} className={clsx(styles.container, className)}>\n        {children}\n      </div>\n    </FlashcardContext.Provider>\n  );\n}\nFlashcard.displayName = 'Flashcard';\n\nexport function FlashcardHero(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading, header, subheader } = useContext(FlashcardContext);\n\n  if (isLoading) {\n    return (\n      <div {...rest} className={clsx(styles.hero, className, 'gap-s')}>\n        <Skeleton className={styles.skeleton} data-testid='hero-skeleton' />\n        <Skeleton className={clsx(styles.skeleton, styles.half)} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.hero, className)}>\n      <FlashcardHeader className={styles.header}>{header}</FlashcardHeader>\n      <FlashcardSubheader className={styles.subheader}>\n        {subheader}\n      </FlashcardSubheader>\n    </div>\n  );\n}\nFlashcardHero.displayName = 'FlashcardHero';\n\nconst FlashcardHeader = Heading;\nconst FlashcardSubheader = Text;\n\nexport function FlashcardAdditionalData(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading } = useContext(FlashcardContext);\n\n  // While loading, don't display.\n  if (isLoading) {\n    return null;\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.data, className)}>\n      {children}\n    </div>\n  );\n}\nFlashcardAdditionalData.displayName = 'FlashcardAdditionalData';\n\nexport function FlashcardDetailsList(props: FlashcardDetailsListProps) {\n  const { children, className, ...rest } = props;\n  return (\n    <DetailsList\n      {...rest}\n      align='justify'\n      classNames={{ list: clsx(styles['details-list'], className) }}\n    >\n      {children}\n    </DetailsList>\n  );\n}\nFlashcardDetailsList.displayName = 'FlashcardDetailsList';\n\nexport function FlashcardDetailsLabel(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListLabel\n      {...rest}\n      className={clsx(styles['details-label'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListLabel>\n  );\n}\nFlashcardDetailsLabel.displayName = 'FlashcardDetailsLabel';\n\nexport function FlashcardDetailsValue(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListValue\n      {...rest}\n      className={clsx(styles['details-value'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListValue>\n  );\n}\nFlashcardDetailsValue.displayName = 'FlashcardDetailsValue';\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/flashcard/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\n'use client';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport 'client-only';\nimport { createContext, useContext } from 'react';\nimport { Heading, Text } from 'react-aria-components';\nimport { DetailsList } from '../details-list';\nimport { DetailsListLabel } from '../details-list/label';\nimport { DetailsListValue } from '../details-list/value';\nimport { Skeleton } from '../skeleton';\nimport styles from './styles.module.css';\nimport type {\n  FlashcardComponentProps,\n  FlashcardDetailsListProps,\n  FlashcardProps,\n} from './types';\n\nexport const FlashcardContext = createContext<FlashcardProps>({\n  isLoading: false,\n  header: '',\n  subheader: '',\n});\n\n/**\n * Example usage.\n *\n * ```tsx\n * <Flashcard isLoading={isLoading} header=\"Identifier\" subheader=\"DATA\">\n *  <FlashcardHero />\n *  <FlashcardAdditionalData>\n *    {secondaryData}\n *  </FlashcardAdditionalData>\n *  <FlashcardDetailsList>\n *    {detail.map((detail) => (\n *     <Fragment key={detail.id}>\n *       <FlashcardDetailsLabel>\n *         {detail.label}\n *       </FlashcardDetailsLabel>\n *       <FlashcardDetailsValue>\n *         {detail.value}\n *       </FlashcardDetailsValue>\n *     </Fragment>\n *     ))}\n *  </FlashcardDetailsList>\n * </Flashcard>\n * ```\n */\nexport function Flashcard(props: FlashcardProps) {\n  const { isLoading, header, subheader, children, className, ...rest } = props;\n\n  return (\n    <FlashcardContext.Provider value={{ isLoading, header, subheader }}>\n      <div {...rest} className={clsx(styles.container, className)}>\n        {children}\n      </div>\n    </FlashcardContext.Provider>\n  );\n}\nFlashcard.displayName = 'Flashcard';\n\nexport function FlashcardHero(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading, header, subheader } = useContext(FlashcardContext);\n\n  if (isLoading) {\n    return (\n      <div {...rest} className={clsx(styles.hero, className, 'gap-s')}>\n        <Skeleton className={styles.skeleton} data-testid='hero-skeleton' />\n        <Skeleton className={clsx(styles.skeleton, styles.half)} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.hero, className)}>\n      <FlashcardHeader className={styles.header}>{header}</FlashcardHeader>\n      <FlashcardSubheader className={styles.subheader}>\n        {subheader}\n      </FlashcardSubheader>\n    </div>\n  );\n}\nFlashcardHero.displayName = 'FlashcardHero';\n\nconst FlashcardHeader = Heading;\nconst FlashcardSubheader = Text;\n\nexport function FlashcardAdditionalData(props: FlashcardComponentProps) {\n  const { children, className, ...rest } = props;\n  const { isLoading } = useContext(FlashcardContext);\n\n  // While loading, don't display.\n  if (isLoading) {\n    return null;\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.data, className)}>\n      {children}\n    </div>\n  );\n}\nFlashcardAdditionalData.displayName = 'FlashcardAdditionalData';\n\nexport function FlashcardDetailsList(props: FlashcardDetailsListProps) {\n  const { children, className, ...rest } = props;\n  return (\n    <DetailsList\n      {...rest}\n      align='justify'\n      classNames={{ list: clsx(styles['details-list'], className) }}\n    >\n      {children}\n    </DetailsList>\n  );\n}\nFlashcardDetailsList.displayName = 'FlashcardDetailsList';\n\nexport function FlashcardDetailsLabel(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListLabel\n      {...rest}\n      className={clsx(styles['details-label'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListLabel>\n  );\n}\nFlashcardDetailsLabel.displayName = 'FlashcardDetailsLabel';\n\nexport function FlashcardDetailsValue(props: FlashcardComponentProps) {\n  const { isLoading } = useContext(FlashcardContext);\n  const { className, children, ...rest } = props;\n  return (\n    <DetailsListValue\n      {...rest}\n      className={clsx(styles['details-value'], className)}\n    >\n      {isLoading ? (\n        <Skeleton className={clsx(styles.skeleton, styles.smaller)} />\n      ) : (\n        children\n      )}\n    </DetailsListValue>\n  );\n}\nFlashcardDetailsValue.displayName = 'FlashcardDetailsValue';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAa,mBAAmB,cAA8B;CAC5D,WAAW;CACX,QAAQ;CACR,WAAW;CACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AA0BF,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EAAE,WAAW,QAAQ,WAAW,UAAU,WAAW,GAAG,SAAS;AAEvE,QACE,oBAAC,iBAAiB;EAAS,OAAO;GAAE;GAAW;GAAQ;GAAW;YAChE,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,WAAW,UAAU;GACxD;IACG;GACoB;;AAGhC,UAAU,cAAc;AAExB,SAAgB,cAAc,OAAgC;CAC5D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,WAAW,QAAQ,cAAc,WAAW,iBAAiB;AAErE,KAAI,UACF,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,WAAW,QAAQ;aAC7D,oBAAC;GAAS,WAAW,OAAO;GAAU,eAAY;IAAkB,EACpE,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,KAAK,GAAI;GACvD;AAIV,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,UAAU;aACpD,oBAAC;GAAgB,WAAW,OAAO;aAAS;IAAyB,EACrE,oBAAC;GAAmB,WAAW,OAAO;aACnC;IACkB;GACjB;;AAGV,cAAc,cAAc;AAE5B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB;AAE3B,SAAgB,wBAAwB,OAAgC;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,cAAc,WAAW,iBAAiB;AAGlD,KAAI,UACF,QAAO;AAGT,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,MAAM,UAAU;EACnD;GACG;;AAGV,wBAAwB,cAAc;AAEtC,SAAgB,qBAAqB,OAAkC;CACrE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,OAAM;EACN,YAAY,EAAE,MAAM,KAAK,OAAO,iBAAiB,UAAU,EAAE;EAE5D;GACW;;AAGlB,qBAAqB,cAAc;AAEnC,SAAgB,sBAAsB,OAAgC;CACpE,MAAM,EAAE,cAAc,WAAW,iBAAiB;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,kBAAkB,UAAU;YAElD,YACC,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,QAAQ,GAAI,GAE9D;GAEe;;AAGvB,sBAAsB,cAAc;AAEpC,SAAgB,sBAAsB,OAAgC;CACpE,MAAM,EAAE,cAAc,WAAW,iBAAiB;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;AACzC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,kBAAkB,UAAU;YAElD,YACC,oBAAC,YAAS,WAAW,KAAK,OAAO,UAAU,OAAO,QAAQ,GAAI,GAE9D;GAEe;;AAGvB,sBAAsB,cAAc"}

package/dist/components/flashcard/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 {
   .container {

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

@@ -1,13 +1,26 @@
-import { PropsWithChildren, ComponentPropsWithRef } from 'react';
-import { DetailsListProps } from '../details-list/types.js';
-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 { DetailsListProps } from "../details-list/types.js";
+import { ComponentPropsWithRef, PropsWithChildren } from "react";
+
+//#region src/components/flashcard/types.d.ts
 type FlashcardComponentProps = PropsWithChildren & ComponentPropsWithRef<'div'>;
 type FlashcardProps = FlashcardComponentProps & {
-    isLoading?: boolean;
-    header: string;
-    subheader: string;
+  isLoading?: boolean;
+  header: string;
+  subheader: string;
 };
 type FlashcardDetailsListProps = FlashcardComponentProps & Partial<DetailsListProps>;
-
-export type { FlashcardComponentProps, FlashcardDetailsListProps, FlashcardProps };
+//#endregion
+export { FlashcardComponentProps, FlashcardDetailsListProps, FlashcardProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/flashcard/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/hero/context.d.ts

@@ -1,7 +1,22 @@
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { HeroProps } 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 HeroContext: react.Context<ContextValue<HeroProps, HTMLElement>>;
+import { HeroProps } from "./types.js";
+import "client-only";
+import * as react28 from "react";
+import { ContextValue } from "react-aria-components";
 
+//#region src/components/hero/context.d.ts
+declare const HeroContext: react28.Context<ContextValue<HeroProps, HTMLElement>>;
+//#endregion
 export { HeroContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/hero/context.js

@@ -1,4 +1,24 @@
+/*
+ * 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}from'react';const r=createContext(null);export{r as HeroContext};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+
+//#region src/components/hero/context.tsx
+const HeroContext = createContext(null);
+
+//#endregion
+export { HeroContext };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hero/context.tsx"],"names":["HeroContext","createContext"],"mappings":"sDAkBO,MAAMA,CAAAA,CACXC,cAAoD,IAAI","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HeroProps } from './types';\n\nexport const HeroContext =\n  createContext<ContextValue<HeroProps, HTMLElement>>(null);\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/hero/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HeroProps } from './types';\n\nexport const HeroContext =\n  createContext<ContextValue<HeroProps, HTMLElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAa,cACX,cAAoD,KAAK"}

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

@@ -1,6 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HeroProps } 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 { HeroProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
+
+//#region src/components/hero/index.d.ts
 
 /**
  * A versatile hero component that displays an icon alongside primary and secondary content.
@@ -32,6 +46,10 @@ import 'react';
  * - **Stack** (default): Vertical layout with larger icon and stacked content
  * - **Grid** (compact=true): Horizontal layout with smaller icon beside content
  */
-declare function Hero({ ref, ...props }: HeroProps): react_jsx_runtime.JSX.Element;
-
+declare function Hero({
+  ref,
+  ...props
+}: HeroProps): react_jsx_runtime139.JSX.Element;
+//#endregion
 export { Hero };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hero/index.js

@@ -1,4 +1,82 @@
+/*
+ * 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,Provider,HeadingContext,TextContext,Header}from'react-aria-components';import {IconContext}from'../icon/context.js';import {HeroContext}from'./context.js';import t from'./styles.module.css';function v({ref:r,...s}){[s,r]=useContextProps(s,r??null,HeroContext);const{children:l,classNames:e,compact:a,...m}=s;return jsx(Provider,{values:[[IconContext,{className:clsx(t.icon,e?.icon),size:"large"}],[HeadingContext,{className:clsx(t.title,e?.title),level:2}],[TextContext,{className:clsx(t.subtitle,e?.subtitle)}]],children:jsx(Header,{...m,ref:r,className:clsx("group/hero",t.hero,e?.hero),"data-layout":a?"grid":"stack",children:l})})}export{v as Hero};//# sourceMappingURL=index.js.map
+import { IconContext } from "../icon/context.js";
+import { HeroContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Header, HeadingContext, Provider, TextContext, useContextProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/hero/index.tsx
+/**
+* A versatile hero component that displays an icon alongside primary and secondary content.
+* Automatically organizes child components by type and supports both stacked and grid layouts.
+*
+* @example
+* ```tsx
+* // Basic hero with icon and content
+* <Hero>
+*   <Icon><Placeholder /></Icon>
+*   <HeroTitle>Primary Title</HeroTitle>
+*   <HeroSubtitle>Secondary information</HeroSubtitle>
+* </Hero>
+*
+* // Grid layout for compact display
+* <Hero compact>
+*   <Icon><Settings /></Icon>
+*   <HeroTitle>Settings</HeroTitle>
+*   <HeroSubtitle>Configure your preferences</HeroSubtitle>
+* </Hero>
+* ```
+*
+* ## Child Component Behavior
+* - **Icon**: Only one allowed
+* - **HeroTitle**: Only one allowed
+* - **HeroSubtitle**: Any number allowed as secondary content
+*
+* ## Layout Modes
+* - **Stack** (default): Vertical layout with larger icon and stacked content
+* - **Grid** (compact=true): Horizontal layout with smaller icon beside content
+*/
+function Hero({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, HeroContext);
+	const { children, classNames, compact, ...rest } = props;
+	return /* @__PURE__ */ jsx(Provider, {
+		values: [
+			[IconContext, {
+				className: clsx(styles.icon, classNames?.icon),
+				size: "large"
+			}],
+			[HeadingContext, {
+				className: clsx(styles.title, classNames?.title),
+				level: 2
+			}],
+			[TextContext, { className: clsx(styles.subtitle, classNames?.subtitle) }]
+		],
+		children: /* @__PURE__ */ jsx(Header, {
+			...rest,
+			ref,
+			className: clsx("group/hero", styles.hero, classNames?.hero),
+			"data-layout": compact ? "grid" : "stack",
+			children
+		})
+	});
+}
+
+//#endregion
+export { Hero };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hero/index.tsx"],"names":["Hero","props","useContextProps","ref","d","HeroContext","H","children","compact","jsx","Provider","i","p","IconContext","x","classNames","n","o","u","rest","c"],"mappings":"uUAyDgBA,SAAY,CAAA,CAAA,CAAGC,GAAoB,CACjD,CAACA,CAAAA,GAAU,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOE,GAAO,CAAA,CAAAC,eAAA,CAAA,CAAMC,CAAW,CAAA,EAE9D,IAAM,CAAEC,WAAA,CAAA,CAAA,KAAA,CAAAC,QAAU,CAAA,CAAA,CAAA,UAAY,CAAA,CAAAC,CAAAA,OAAqBP,CAAAA,CAEnD,CAAA,GAAA,CAAA,CAAA,CACEQ,EAACC,OACCC,GAAA,CAAAC,QAAQ,CACN,CACEC,MACE,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,SAAuB,CAAMC,IAAAA,CAAAA,CAAY,CAAA,IAAI,CAAG,CAAA,EAAA,IAAM,CAAA,CAAA,IAC1D,CAAA,OAGI,CAAA,CAAA,CAAA,CAAAC,cAAA,CAAA,CAAA,SAAuB,CAAAC,IAAOF,CAAAA,CAAAA,CAAY,KAAK,CAAA,CAAG,EAAA,KAAS,CAC/D,CAAA,KAGI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAG,WAAA,CAAA,CAAA,SAAuB,CAAAD,IAAA,CAAA,CAAA,CAAUF,QAAY,CAAA,CAAA,EAAU,QAI7D,CAAA,CAAA,CAAA,CAAA,CAAAN,QACMU,IACJ,CAAAC,MAAA,CAAA,CAAKjB,GACL,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAAgB,CAAAc,IAAA,CAAA,YAA2BF,CAAAA,CAAY,CAAA,IAAI,CAC3D,CAAA,EAAA,IAAA,CAAA,CAAA,aAAuB,CAAS,CAAA,CAAA,MAE/B,CAAA,OAAA,CAAAR,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Header,\n  HeadingContext,\n  Provider,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { HeroContext } from './context';\nimport styles from './styles.module.css';\nimport type { HeroProps } from './types';\n\n/**\n * A versatile hero component that displays an icon alongside primary and secondary content.\n * Automatically organizes child components by type and supports both stacked and grid layouts.\n *\n * @example\n * ```tsx\n * // Basic hero with icon and content\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <HeroTitle>Primary Title</HeroTitle>\n *   <HeroSubtitle>Secondary information</HeroSubtitle>\n * </Hero>\n *\n * // Grid layout for compact display\n * <Hero compact>\n *   <Icon><Settings /></Icon>\n *   <HeroTitle>Settings</HeroTitle>\n *   <HeroSubtitle>Configure your preferences</HeroSubtitle>\n * </Hero>\n * ```\n *\n * ## Child Component Behavior\n * - **Icon**: Only one allowed\n * - **HeroTitle**: Only one allowed\n * - **HeroSubtitle**: Any number allowed as secondary content\n *\n * ## Layout Modes\n * - **Stack** (default): Vertical layout with larger icon and stacked content\n * - **Grid** (compact=true): Horizontal layout with smaller icon beside content\n */\nexport function Hero({ ref, ...props }: HeroProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HeroContext);\n\n  const { children, classNames, compact, ...rest } = props;\n\n  return (\n    <Provider\n      values={[\n        [\n          IconContext,\n          { className: clsx(styles.icon, classNames?.icon), size: 'large' },\n        ],\n        [\n          HeadingContext,\n          { className: clsx(styles.title, classNames?.title), level: 2 },\n        ],\n        [\n          TextContext,\n          { className: clsx(styles.subtitle, classNames?.subtitle) },\n        ],\n      ]}\n    >\n      <Header\n        {...rest}\n        ref={ref}\n        className={clsx('group/hero', styles.hero, classNames?.hero)}\n        data-layout={compact ? 'grid' : 'stack'}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/hero/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  Header,\n  HeadingContext,\n  Provider,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { HeroContext } from './context';\nimport styles from './styles.module.css';\nimport type { HeroProps } from './types';\n\n/**\n * A versatile hero component that displays an icon alongside primary and secondary content.\n * Automatically organizes child components by type and supports both stacked and grid layouts.\n *\n * @example\n * ```tsx\n * // Basic hero with icon and content\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <HeroTitle>Primary Title</HeroTitle>\n *   <HeroSubtitle>Secondary information</HeroSubtitle>\n * </Hero>\n *\n * // Grid layout for compact display\n * <Hero compact>\n *   <Icon><Settings /></Icon>\n *   <HeroTitle>Settings</HeroTitle>\n *   <HeroSubtitle>Configure your preferences</HeroSubtitle>\n * </Hero>\n * ```\n *\n * ## Child Component Behavior\n * - **Icon**: Only one allowed\n * - **HeroTitle**: Only one allowed\n * - **HeroSubtitle**: Any number allowed as secondary content\n *\n * ## Layout Modes\n * - **Stack** (default): Vertical layout with larger icon and stacked content\n * - **Grid** (compact=true): Horizontal layout with smaller icon beside content\n */\nexport function Hero({ ref, ...props }: HeroProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HeroContext);\n\n  const { children, classNames, compact, ...rest } = props;\n\n  return (\n    <Provider\n      values={[\n        [\n          IconContext,\n          { className: clsx(styles.icon, classNames?.icon), size: 'large' },\n        ],\n        [\n          HeadingContext,\n          { className: clsx(styles.title, classNames?.title), level: 2 },\n        ],\n        [\n          TextContext,\n          { className: clsx(styles.subtitle, classNames?.subtitle) },\n        ],\n      ]}\n    >\n      <Header\n        {...rest}\n        ref={ref}\n        className={clsx('group/hero', styles.hero, classNames?.hero)}\n        data-layout={compact ? 'grid' : 'stack'}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,UAAU,YAAY,SAAS,GAAG,SAAS;AAEnD,QACE,oBAAC;EACC,QAAQ;GACN,CACE,aACA;IAAE,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK;IAAE,MAAM;IAAS,CAClE;GACD,CACE,gBACA;IAAE,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IAAE,OAAO;IAAG,CAC/D;GACD,CACE,aACA,EAAE,WAAW,KAAK,OAAO,UAAU,YAAY,SAAS,EAAE,CAC3D;GACF;YAED,oBAAC;GACC,GAAI;GACC;GACL,WAAW,KAAK,cAAc,OAAO,MAAM,YAAY,KAAK;GAC5D,eAAa,UAAU,SAAS;GAE/B;IACM;GACA"}

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

package/dist/components/hero/subtitle.d.ts

@@ -1,6 +1,21 @@
-import * as react from 'react';
-import * as react_aria_components from '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.
+ */
 
-declare const HeroSubtitle: react.ForwardRefExoticComponent<react_aria_components.TextProps & react.RefAttributes<HTMLElement>>;
+import "client-only";
+import * as react36 from "react";
+import * as react_aria_components0 from "react-aria-components";
 
+//#region src/components/hero/subtitle.d.ts
+declare const HeroSubtitle: react36.ForwardRefExoticComponent<react_aria_components0.TextProps & react36.RefAttributes<HTMLElement>>;
+//#endregion
 export { HeroSubtitle };
+//# sourceMappingURL=subtitle.d.ts.map

package/dist/components/hero/subtitle.js

@@ -1,4 +1,24 @@
+/*
+ * 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 {Text}from'react-aria-components';const r=Text;export{r as HeroSubtitle};//# sourceMappingURL=subtitle.js.map
+import "client-only";
+import { Text } from "react-aria-components";
+
+//#region src/components/hero/subtitle.tsx
+const HeroSubtitle = Text;
+
+//#endregion
+export { HeroSubtitle };
 //# sourceMappingURL=subtitle.js.map

package/dist/components/hero/subtitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hero/subtitle.tsx"],"names":["HeroSubtitle","Text"],"mappings":"mEAgBaA,CAAAA,CAAeC","file":"subtitle.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 { Text } from 'react-aria-components';\n\nexport const HeroSubtitle = Text;\n"]}
+{"version":3,"file":"subtitle.js","names":[],"sources":["../../../src/components/hero/subtitle.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 { Text } from 'react-aria-components';\n\nexport const HeroSubtitle = Text;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe"}

package/dist/components/hero/title.d.ts

@@ -1,6 +1,21 @@
-import * as react from 'react';
-import * as react_aria_components from '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.
+ */
 
-declare const HeroTitle: react.ForwardRefExoticComponent<react_aria_components.HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+import "client-only";
+import * as react38 from "react";
+import * as react_aria_components0 from "react-aria-components";
 
+//#region src/components/hero/title.d.ts
+declare const HeroTitle: react38.ForwardRefExoticComponent<react_aria_components0.HeadingProps & react38.RefAttributes<HTMLHeadingElement>>;
+//#endregion
 export { HeroTitle };
+//# sourceMappingURL=title.d.ts.map

package/dist/components/hero/title.js

@@ -1,4 +1,24 @@
+/*
+ * 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 {Heading}from'react-aria-components';const i=Heading;export{i as HeroTitle};//# sourceMappingURL=title.js.map
+import "client-only";
+import { Heading } from "react-aria-components";
+
+//#region src/components/hero/title.tsx
+const HeroTitle = Heading;
+
+//#endregion
+export { HeroTitle };
 //# sourceMappingURL=title.js.map

package/dist/components/hero/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hero/title.tsx"],"names":["HeroTitle","Heading"],"mappings":"sEAgBaA,CAAAA,CAAYC","file":"title.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 { Heading } from 'react-aria-components';\n\nexport const HeroTitle = Heading;\n"]}
+{"version":3,"file":"title.js","names":[],"sources":["../../../src/components/hero/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 { Heading } from 'react-aria-components';\n\nexport const HeroTitle = Heading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,YAAY"}

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

@@ -1,13 +1,27 @@
-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/hero/types.d.ts
 type HeroProps = Omit<ComponentPropsWithRef<'header'>, 'className'> & {
-    classNames?: {
-        hero?: string;
-        icon?: string;
-        title?: string;
-        subtitle?: string;
-    };
-    compact?: boolean;
+  classNames?: {
+    hero?: string;
+    icon?: string;
+    title?: string;
+    subtitle?: string;
+  };
+  compact?: boolean;
 };
-
-export type { HeroProps };
+//#endregion
+export { HeroProps };
+//# sourceMappingURL=types.d.ts.map