@studiocubics/components 0.0.3 → 0.0.4

package/README.md

@@ -18,7 +18,9 @@
 [x] LabeledValue
 [x] List
 [x] Skeleton
+[] Toast
 [x] Tooltip
+[] WIP
 
 ## Forms
 

package/dist/Cards/Card/Card.js

@@ -1,45 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import { cn } from '@studiocubics/utils';
-import styles from './Card.module.css.js';
-
-const defaultElement = "div";
-/**
- * Base implementation for the Card component.
- *
- * This is a polymorphic component that defaults to rendering a `<Card>`.
- * Use the `as` prop to change the underlying element.
- *
- * @typeParam C - The intrinsic or custom element type to render.
- *
- * @group Card
- * @category inputs
- */
-function CardBase(props) {
-    const { as, className, variant = "contained", size = "md", fullWidth = false, square, ref, ...restProps } = props;
-    const Component = (as || defaultElement);
-    const componentProps = {
-        className: cn(className, square ? styles.square : "", fullWidth ? styles.fullWidth : "", styles[`size_${size}`], styles[variant]),
-        ref,
-        ...restProps,
-    };
-    return jsx(Component, { ...componentProps });
-}
-CardBase.displayName = "Card";
-/**
- * A polymorphic Card component.
- *
- * By default it renders a `<Card>`, but any element can be used via the `as` prop:
- *
- * ```tsx
- * <Card as="a" href="/docs">Read docs</Card>
- * ```
- *
- * @group Card
- * @category inputs
- */
-const Card = CardBase;
-
-export { Card };
+"use client";import{jsx as r}from"react/jsx-runtime";import"react";import{cn as s}from"@studiocubics/utils";import t from"./Card.module.css.js";function e(e){const{as:i,className:a,variant:o="contained",size:m="md",fullWidth:c=!1,square:u,ref:d,...l}=e,n=i||"div",f={className:s(a,u?t.square:"",c?t.fullWidth:"",t[`size_${m}`],t[o]),ref:d,...l};return r(n,{...f})}e.displayName="Card";const i=e;export{i as Card};
 //# sourceMappingURL=Card.js.map

package/dist/Cards/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/Cards/Card/Card.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Card.module.css\";\n\n/**\n * Props specific to the Card component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group Card\n * @category inputs\n */\nexport interface CardBaseProps {\n  /** Visual style variant.\n   * @default \"contained\"\n   */\n  variant?: \"contained\" | \"outlined\";\n\n  /** Expands width to 100%. */\n  fullWidth?: boolean;\n\n  /** Force a 1:1 aspect ratio. */\n  square?: boolean;\n\n  /** Card size.\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\nconst defaultElement = \"div\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the Card component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"Card\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `CardBaseProps`.\n *\n * @group Card\n * @category inputs\n */\nexport type CardProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, CardBaseProps>;\n\n/**\n * Base implementation for the Card component.\n *\n * This is a polymorphic component that defaults to rendering a `<Card>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group Card\n * @category inputs\n */\nfunction CardBase<C extends ElementType = DefaultElement>(props: CardProps<C>) {\n  const {\n    as,\n    className,\n    variant = \"contained\",\n    size = \"md\",\n    fullWidth = false,\n    square,\n    ref,\n    ...restProps\n  } = props;\n  const Component = (as || defaultElement) as ElementType;\n\n  const componentProps = {\n    className: cn(\n      className,\n      square ? styles.square : \"\",\n      fullWidth ? styles.fullWidth : \"\",\n      styles[`size_${size}`],\n      styles[variant]\n    ),\n    ref,\n    ...restProps,\n  };\n\n  return <Component {...componentProps} />;\n}\nCardBase.displayName = \"Card\";\n\n/**\n * A polymorphic Card component.\n *\n * By default it renders a `<Card>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <Card as=\"a\" href=\"/docs\">Read docs</Card>\n * ```\n *\n * @group Card\n * @category inputs\n */\nexport const Card = CardBase as PolymorphicComponentType<\n  CardBaseProps,\n  DefaultElement\n>;\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../src/Cards/Card/Card.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Card.module.css\";\n\n/**\n * Props specific to the Card component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group Card\n * @category inputs\n */\nexport interface CardBaseProps {\n  /** Visual style variant.\n   * @default \"contained\"\n   */\n  variant?: \"contained\" | \"outlined\";\n\n  /** Expands width to 100%. */\n  fullWidth?: boolean;\n\n  /** Force a 1:1 aspect ratio. */\n  square?: boolean;\n\n  /** Card size.\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\nconst defaultElement = \"div\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the Card component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"Card\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `CardBaseProps`.\n *\n * @group Card\n * @category inputs\n */\nexport type CardProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, CardBaseProps>;\n\n/**\n * Base implementation for the Card component.\n *\n * This is a polymorphic component that defaults to rendering a `<Card>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group Card\n * @category inputs\n */\nfunction CardBase<C extends ElementType = DefaultElement>(props: CardProps<C>) {\n  const {\n    as,\n    className,\n    variant = \"contained\",\n    size = \"md\",\n    fullWidth = false,\n    square,\n    ref,\n    ...restProps\n  } = props;\n  const Component = (as || defaultElement) as ElementType;\n\n  const componentProps = {\n    className: cn(\n      className,\n      square ? styles.square : \"\",\n      fullWidth ? styles.fullWidth : \"\",\n      styles[`size_${size}`],\n      styles[variant]\n    ),\n    ref,\n    ...restProps,\n  };\n\n  return <Component {...componentProps} />;\n}\nCardBase.displayName = \"Card\";\n\n/**\n * A polymorphic Card component.\n *\n * By default it renders a `<Card>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <Card as=\"a\" href=\"/docs\">Read docs</Card>\n * ```\n *\n * @group Card\n * @category inputs\n */\nexport const Card = CardBase as PolymorphicComponentType<\n  CardBaseProps,\n  DefaultElement\n>;\n"],"names":["CardBase","props","as","className","variant","size","fullWidth","square","ref","restProps","Component","componentProps","cn","styles","_jsx","displayName","Card"],"mappings":"gJA4DA,SAASA,EAAiDC,GACxD,MAAMC,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAU,YAAWC,KACrBA,EAAO,KAAIC,UACXA,GAAY,EAAKC,OACjBA,EAAMC,IACNA,KACGC,GACDR,EACES,EAAaR,GApCE,MAsCfS,EAAiB,CACrBR,UAAWS,EACTT,EACAI,EAASM,EAAON,OAAS,GACzBD,EAAYO,EAAOP,UAAY,GAC/BO,EAAO,QAAQR,KACfQ,EAAOT,IAETI,SACGC,GAGL,OAAOK,EAACJ,EAAS,IAAKC,GACxB,CACAX,EAASe,YAAc,OAchB,MAAMC,EAAOhB"}

package/dist/Cards/Card/Card.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"square":"Card-module_square__SK-KQ","fullWidth":"Card-module_fullWidth__pIEIZ","size_sm":"Card-module_size_sm__B3eSI","size_md":"Card-module_size_md__15alI","size_lg":"Card-module_size_lg__HCTUY","outlined":"Card-module_outlined__TPads","contained":"Card-module_contained__EFPqh"};
-
-export { styles as default };
+var _={square:"Card-module_square__SK-KQ",fullWidth:"Card-module_fullWidth__pIEIZ",size_sm:"Card-module_size_sm__B3eSI",size_md:"Card-module_size_md__15alI",size_lg:"Card-module_size_lg__HCTUY",outlined:"Card-module_outlined__TPads",contained:"Card-module_contained__EFPqh"};export{_ as default};
 //# sourceMappingURL=Card.module.css.js.map

package/dist/Cards/Card/Card.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Card.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Cards/CollectionItemCard/CollectionItemCard.js

@@ -1,48 +1,2 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './CollectionItemCard.module.css.js';
-import { cn } from '@studiocubics/utils';
-import { ClampedText } from '../../Typography/ClampedText/ClampedText.js';
-import { Chip } from '../../Display/Chip/Chip.js';
-
-const defaultElement = "a";
-/**
- * Base implementation for the CollectionItemCard component.
- *
- * This is a polymorphic component that defaults to rendering a `<CollectionItemCard>`.
- * Use the `as` prop to change the underlying element.
- *
- * @typeParam C - The intrinsic or custom element type to render.
- *
- * @group CollectionItemCard
- * @category inputs
- */
-function CollectionItemCardBase(props) {
-    const { as, className, ref, thumbnail, title, chip, subtitle, description, footer, slotProps = {}, ...restProps } = props;
-    const Component = as || defaultElement;
-    const clickable = !!props.href || !!props.onClick;
-    const componentProps = {
-        className: cn(className, styles.main),
-        ref,
-        ...restProps,
-    };
-    return (jsxs("div", { ...slotProps.root, className: cn(styles.root, clickable ? styles.clickable : "", slotProps.root?.className), children: [thumbnail && (jsx("div", { ...slotProps.thumbnail, className: cn(styles.image, slotProps.thumbnail?.className), children: thumbnail })), jsxs(Component, { ...componentProps, children: [jsxs("div", { ...slotProps.titleContainer, className: cn(styles.title, slotProps.titleContainer?.className), children: [chip &&
-                                (typeof chip == "string" ? (jsx(Chip, { size: "sm", ...slotProps.chip, children: chip })) : (chip)), jsx(ClampedText, { as: "h4", ...slotProps.title, children: title })] }), subtitle && (jsx(ClampedText, { ...slotProps.subtitle, className: cn(styles.subtitle, slotProps.subtitle?.className), children: subtitle })), description && (jsx(ClampedText, { ...slotProps.description, className: cn(styles.description, slotProps.description?.className), children: description }))] }), footer && (jsx("div", { ...slotProps.footerContainer, className: cn(styles.footer, slotProps.footerContainer?.className), children: footer }))] }));
-}
-CollectionItemCardBase.displayName = "CollectionItemCard";
-/**
- * A polymorphic CollectionItemCard component.
- *
- * By default it renders a `<CollectionItemCard>`, but any element can be used via the `as` prop:
- *
- * ```tsx
- * <CollectionItemCard as="a" href="/docs">Read docs</CollectionItemCard>
- * ```
- *
- * @group CollectionItemCard
- * @category inputs
- */
-const CollectionItemCard = CollectionItemCardBase;
-
-export { CollectionItemCard };
+"use client";import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"./CollectionItemCard.module.css.js";import{cn as s}from"@studiocubics/utils";import{ClampedText as a}from"../../Typography/ClampedText/ClampedText.js";import{Chip as l}from"../../Display/Chip/Chip.js";function o(o){const{as:r,className:c,ref:m,thumbnail:n,title:d,chip:p,subtitle:h,description:u,footer:N,slotProps:f={},...C}=o,b=r||"a",y=!!o.href||!!o.onClick,j={className:s(c,t.main),ref:m,...C};return e("div",{...f.root,className:s(t.root,y?t.clickable:"",f.root?.className),children:[n&&i("div",{...f.thumbnail,className:s(t.image,f.thumbnail?.className),children:n}),e(b,{...j,children:[e("div",{...f.titleContainer,className:s(t.title,f.titleContainer?.className),children:[p&&("string"==typeof p?i(l,{size:"sm",...f.chip,children:p}):p),i(a,{as:"h4",...f.title,children:d})]}),h&&i(a,{...f.subtitle,className:s(t.subtitle,f.subtitle?.className),children:h}),u&&i(a,{...f.description,className:s(t.description,f.description?.className),children:u})]}),N&&i("div",{...f.footerContainer,className:s(t.footer,f.footerContainer?.className),children:N})]})}o.displayName="CollectionItemCard";const r=o;export{r as CollectionItemCard};
 //# sourceMappingURL=CollectionItemCard.js.map

package/dist/Cards/CollectionItemCard/CollectionItemCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionItemCard.js","sources":["../../../src/Cards/CollectionItemCard/CollectionItemCard.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ElementType, ReactNode } from \"react\";\nimport styles from \"./CollectionItemCard.module.css\";\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { cn } from \"@studiocubics/utils\";\nimport {\n  ClampedText,\n  type ClampedTextProps,\n} from \"../../Typography/ClampedText/ClampedText\";\nimport { Chip, type ChipProps } from \"../../Display/Chip/Chip\";\n/**\n * Props specific to the CollectionItemCard component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group CollectionItemCard\n * @category inputs\n */\nexport interface CollectionItemCardBaseProps {\n  thumbnail?: ReactNode;\n  title: ReactNode;\n  chip?: ReactNode;\n  subtitle?: ReactNode;\n  description?: ReactNode;\n  footer?: ReactNode;\n  slotProps?: {\n    root?: ComponentProps<\"div\">;\n    chip?: ChipProps;\n    thumbnail?: ComponentProps<\"div\">;\n    titleContainer?: ComponentProps<\"div\">;\n    title?: ClampedTextProps;\n    subtitle?: ClampedTextProps;\n    description?: ClampedTextProps;\n    footerContainer?: ComponentProps<\"div\">;\n  };\n}\nconst defaultElement = \"a\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the CollectionItemCard component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"CollectionItemCard\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `CollectionItemCardBaseProps`.\n *\n * @group CollectionItemCard\n * @category inputs\n */\nexport type CollectionItemCardProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, CollectionItemCardBaseProps>;\n\n/**\n * Base implementation for the CollectionItemCard component.\n *\n * This is a polymorphic component that defaults to rendering a `<CollectionItemCard>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group CollectionItemCard\n * @category inputs\n */\nfunction CollectionItemCardBase<C extends ElementType = DefaultElement>(\n  props: CollectionItemCardProps<C>,\n) {\n  const {\n    as,\n    className,\n    ref,\n    thumbnail,\n    title,\n    chip,\n    subtitle,\n    description,\n    footer,\n    slotProps = {},\n    ...restProps\n  } = props;\n  const Component = as || defaultElement;\n\n  const clickable = !!props.href || !!props.onClick;\n  const componentProps = {\n    className: cn(className, styles.main),\n    ref,\n    ...restProps,\n  };\n\n  return (\n    <div\n      {...slotProps.root}\n      className={cn(\n        styles.root,\n        clickable ? styles.clickable : \"\",\n        slotProps.root?.className,\n      )}\n    >\n      {thumbnail && (\n        <div\n          {...slotProps.thumbnail}\n          className={cn(styles.image, slotProps.thumbnail?.className)}\n        >\n          {thumbnail}\n        </div>\n      )}\n      <Component {...componentProps}>\n        <div\n          {...slotProps.titleContainer}\n          className={cn(styles.title, slotProps.titleContainer?.className)}\n        >\n          {chip &&\n            (typeof chip == \"string\" ? (\n              <Chip size=\"sm\" {...slotProps.chip}>\n                {chip}\n              </Chip>\n            ) : (\n              chip\n            ))}\n          <ClampedText as=\"h4\" {...slotProps.title}>\n            {title}\n          </ClampedText>\n        </div>\n        {subtitle && (\n          <ClampedText\n            {...slotProps.subtitle}\n            className={cn(styles.subtitle, slotProps.subtitle?.className)}\n          >\n            {subtitle}\n          </ClampedText>\n        )}\n        {description && (\n          <ClampedText\n            {...slotProps.description}\n            className={cn(styles.description, slotProps.description?.className)}\n          >\n            {description}\n          </ClampedText>\n        )}\n      </Component>\n      {footer && (\n        <div\n          {...slotProps.footerContainer}\n          className={cn(styles.footer, slotProps.footerContainer?.className)}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\nCollectionItemCardBase.displayName = \"CollectionItemCard\";\n\n/**\n * A polymorphic CollectionItemCard component.\n *\n * By default it renders a `<CollectionItemCard>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <CollectionItemCard as=\"a\" href=\"/docs\">Read docs</CollectionItemCard>\n * ```\n *\n * @group CollectionItemCard\n * @category inputs\n */\nexport const CollectionItemCard =\n  CollectionItemCardBase as PolymorphicComponentType<\n    CollectionItemCardBaseProps,\n    DefaultElement\n  >;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"CollectionItemCard.js","sources":["../../../src/Cards/CollectionItemCard/CollectionItemCard.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ElementType, ReactNode } from \"react\";\nimport styles from \"./CollectionItemCard.module.css\";\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { cn } from \"@studiocubics/utils\";\nimport {\n  ClampedText,\n  type ClampedTextProps,\n} from \"../../Typography/ClampedText/ClampedText\";\nimport { Chip, type ChipProps } from \"../../Display/Chip/Chip\";\n/**\n * Props specific to the CollectionItemCard component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group CollectionItemCard\n * @category inputs\n */\nexport interface CollectionItemCardBaseProps {\n  thumbnail?: ReactNode;\n  title: ReactNode;\n  chip?: ReactNode;\n  subtitle?: ReactNode;\n  description?: ReactNode;\n  footer?: ReactNode;\n  slotProps?: {\n    root?: ComponentProps<\"div\">;\n    chip?: ChipProps;\n    thumbnail?: ComponentProps<\"div\">;\n    titleContainer?: ComponentProps<\"div\">;\n    title?: ClampedTextProps;\n    subtitle?: ClampedTextProps;\n    description?: ClampedTextProps;\n    footerContainer?: ComponentProps<\"div\">;\n  };\n}\nconst defaultElement = \"a\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the CollectionItemCard component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"CollectionItemCard\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `CollectionItemCardBaseProps`.\n *\n * @group CollectionItemCard\n * @category inputs\n */\nexport type CollectionItemCardProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, CollectionItemCardBaseProps>;\n\n/**\n * Base implementation for the CollectionItemCard component.\n *\n * This is a polymorphic component that defaults to rendering a `<CollectionItemCard>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group CollectionItemCard\n * @category inputs\n */\nfunction CollectionItemCardBase<C extends ElementType = DefaultElement>(\n  props: CollectionItemCardProps<C>,\n) {\n  const {\n    as,\n    className,\n    ref,\n    thumbnail,\n    title,\n    chip,\n    subtitle,\n    description,\n    footer,\n    slotProps = {},\n    ...restProps\n  } = props;\n  const Component = as || defaultElement;\n\n  const clickable = !!props.href || !!props.onClick;\n  const componentProps = {\n    className: cn(className, styles.main),\n    ref,\n    ...restProps,\n  };\n\n  return (\n    <div\n      {...slotProps.root}\n      className={cn(\n        styles.root,\n        clickable ? styles.clickable : \"\",\n        slotProps.root?.className,\n      )}\n    >\n      {thumbnail && (\n        <div\n          {...slotProps.thumbnail}\n          className={cn(styles.image, slotProps.thumbnail?.className)}\n        >\n          {thumbnail}\n        </div>\n      )}\n      <Component {...componentProps}>\n        <div\n          {...slotProps.titleContainer}\n          className={cn(styles.title, slotProps.titleContainer?.className)}\n        >\n          {chip &&\n            (typeof chip == \"string\" ? (\n              <Chip size=\"sm\" {...slotProps.chip}>\n                {chip}\n              </Chip>\n            ) : (\n              chip\n            ))}\n          <ClampedText as=\"h4\" {...slotProps.title}>\n            {title}\n          </ClampedText>\n        </div>\n        {subtitle && (\n          <ClampedText\n            {...slotProps.subtitle}\n            className={cn(styles.subtitle, slotProps.subtitle?.className)}\n          >\n            {subtitle}\n          </ClampedText>\n        )}\n        {description && (\n          <ClampedText\n            {...slotProps.description}\n            className={cn(styles.description, slotProps.description?.className)}\n          >\n            {description}\n          </ClampedText>\n        )}\n      </Component>\n      {footer && (\n        <div\n          {...slotProps.footerContainer}\n          className={cn(styles.footer, slotProps.footerContainer?.className)}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\nCollectionItemCardBase.displayName = \"CollectionItemCard\";\n\n/**\n * A polymorphic CollectionItemCard component.\n *\n * By default it renders a `<CollectionItemCard>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <CollectionItemCard as=\"a\" href=\"/docs\">Read docs</CollectionItemCard>\n * ```\n *\n * @group CollectionItemCard\n * @category inputs\n */\nexport const CollectionItemCard =\n  CollectionItemCardBase as PolymorphicComponentType<\n    CollectionItemCardBaseProps,\n    DefaultElement\n  >;\n"],"names":["CollectionItemCardBase","props","as","className","ref","thumbnail","title","chip","subtitle","description","footer","slotProps","restProps","Component","clickable","href","onClick","componentProps","cn","styles","main","_jsxs","root","children","_jsx","image","titleContainer","Chip","size","ClampedText","footerContainer","displayName","CollectionItemCard"],"mappings":"sRAgEA,SAASA,EACPC,GAEA,MAAMC,GACJA,EAAEC,UACFA,EAASC,IACTA,EAAGC,UACHA,EAASC,MACTA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,YACRA,EAAWC,OACXA,EAAMC,UACNA,EAAY,CAAA,KACTC,GACDX,EACEY,EAAYX,GAzCG,IA2CfY,IAAcb,EAAMc,QAAUd,EAAMe,QACpCC,EAAiB,CACrBd,UAAWe,EAAGf,EAAWgB,EAAOC,MAChChB,SACGQ,GAGL,OACES,EAAA,MAAA,IACMV,EAAUW,KACdnB,UAAWe,EACTC,EAAOG,KACPR,EAAYK,EAAOL,UAAY,GAC/BH,EAAUW,MAAMnB,WACjBoB,SAAA,CAEAlB,GACCmB,YACMb,EAAUN,UACdF,UAAWe,EAAGC,EAAOM,MAAOd,EAAUN,WAAWF,oBAEhDE,IAGLgB,EAACR,EAAS,IAAKI,EAAcM,SAAA,CAC3BF,EAAA,MAAA,IACMV,EAAUe,eACdvB,UAAWe,EAAGC,EAAOb,MAAOK,EAAUe,gBAAgBvB,qBAErDI,IACiB,iBAARA,EACNiB,EAACG,EAAI,CAACC,KAAK,QAASjB,EAAUJ,KAAIgB,SAC/BhB,IACI,GAIXiB,EAACK,EAAW,CAAC3B,GAAG,QAASS,EAAUL,MAAKiB,SACrCjB,OAGJE,GACCgB,EAACK,EAAW,IACNlB,EAAUH,SACdL,UAAWe,EAAGC,EAAOX,SAAUG,EAAUH,UAAUL,WAAUoB,SAE5Df,IAGJC,GACCe,EAACK,EAAW,IACNlB,EAAUF,YACdN,UAAWe,EAAGC,EAAOV,YAAaE,EAAUF,aAAaN,WAAUoB,SAElEd,OAINC,GACCc,EAAA,MAAA,IACMb,EAAUmB,gBACd3B,UAAWe,EAAGC,EAAOT,OAAQC,EAAUmB,iBAAiB3B,WAAUoB,SAEjEb,MAKX,CACAV,EAAuB+B,YAAc,qBAc9B,MAAMC,EACXhC"}

package/dist/Cards/CollectionItemCard/CollectionItemCard.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"CollectionItemCard-module_root__v3IlF","image":"CollectionItemCard-module_image__TfkAn","main":"CollectionItemCard-module_main__47qRO","description":"CollectionItemCard-module_description__BQapV","subtitle":"CollectionItemCard-module_subtitle__gThMk","clickable":"CollectionItemCard-module_clickable__d3rRV","title":"CollectionItemCard-module_title__B-sLi","footer":"CollectionItemCard-module_footer__-8LZo"};
-
-export { styles as default };
+var e={root:"CollectionItemCard-module_root__v3IlF",image:"CollectionItemCard-module_image__TfkAn",main:"CollectionItemCard-module_main__47qRO",description:"CollectionItemCard-module_description__BQapV",subtitle:"CollectionItemCard-module_subtitle__gThMk",clickable:"CollectionItemCard-module_clickable__d3rRV",title:"CollectionItemCard-module_title__B-sLi",footer:"CollectionItemCard-module_footer__-8LZo"};export{e as default};
 //# sourceMappingURL=CollectionItemCard.module.css.js.map

package/dist/Cards/CollectionItemCard/CollectionItemCard.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionItemCard.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"CollectionItemCard.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Cards/CollectionItemCard/CollectionItemCardActions.js

@@ -1,34 +1,2 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useAnchorElement } from '@studiocubics/hooks';
-import { Fragment as Fragment$1 } from 'react';
-import { Button } from '../../Inputs/Button/Button.js';
-import { Tooltip } from '../../Display/Tooltip/Tooltip.js';
-import { Popover } from '../../Layout/Popover/Popover.js';
-
-function CollectionItemCardActions({ actions, }) {
-    return (jsx(Fragment, { children: actions.map((action, i) => {
-            switch (action.actionType) {
-                case "popover":
-                    return jsx(PopoverTypeAction, { action: action }, i);
-                case "link":
-                    return jsx(LinkTypeAction, { action: action }, i);
-                default:
-                    return jsx(Fragment$1, { children: action.children }, i);
-            }
-        }) }));
-}
-function PopoverTypeAction({ action, }) {
-    const { actionType: _, icon, popoverChildren, onClick, ...rest } = action;
-    const { anchorEl, open, handleClick, handleClose } = useAnchorElement();
-    return (jsxs(Fragment, { children: [jsx(Tooltip, { renderArrow: true, title: action.label, children: jsx(Button, { ...rest, onClick: (e) => {
-                        handleClick(e);
-                        onClick?.(e);
-                    }, children: icon }) }), jsx(Popover, { open: open, anchorEl: anchorEl, onClose: handleClose, children: popoverChildren })] }));
-}
-function LinkTypeAction({ action, }) {
-    const { actionType: _, icon, ...rest } = action;
-    return (jsx(Tooltip, { renderArrow: true, title: action.label, children: jsx(Button, { ...rest, children: icon }) }));
-}
-
-export { CollectionItemCardActions };
+import{jsx as o,Fragment as r,jsxs as n}from"react/jsx-runtime";import{useAnchorElement as e}from"@studiocubics/hooks";import{Fragment as t}from"react";import{Button as i}from"../../Inputs/Button/Button.js";import{Tooltip as c}from"../../Display/Tooltip/Tooltip.js";import{Popover as l}from"../../Layout/Popover/Popover.js";function a({actions:n}){return o(r,{children:n.map((r,n)=>{switch(r.actionType){case"popover":return o(p,{action:r},n);case"link":return o(s,{action:r},n);default:return o(t,{children:r.children},n)}})})}function p({action:t}){const{actionType:a,icon:p,popoverChildren:s,onClick:u,...d}=t,{anchorEl:h,open:m,handleClick:f,handleClose:C}=e();return n(r,{children:[o(c,{renderArrow:!0,title:t.label,children:o(i,{...d,onClick:o=>{f(o),u?.(o)},children:p})}),o(l,{open:m,anchorEl:h,onClose:C,children:s})]})}function s({action:r}){const{actionType:n,icon:e,...t}=r;return o(c,{renderArrow:!0,title:r.label,children:o(i,{...t,children:e})})}export{a as CollectionItemCardActions};
 //# sourceMappingURL=CollectionItemCardActions.js.map

package/dist/Cards/CollectionItemCard/CollectionItemCardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionItemCardActions.js","sources":["../../../src/Cards/CollectionItemCard/CollectionItemCardActions.tsx"],"sourcesContent":["import { useAnchorElement } from \"@studiocubics/hooks\";\nimport {\n  type ElementType,\n  type ReactNode,\n  type MouseEvent,\n  Fragment,\n} from \"react\";\nimport { Button, type ButtonProps } from \"../../Inputs/Button/Button\";\nimport { Tooltip } from \"../../Display/Tooltip/Tooltip\";\nimport { Popover } from \"../../Layout/Popover/Popover\";\n\nexport type DocumentAction<C extends ElementType = \"a\"> = {\n  label?: string;\n} & (\n  | ({\n      actionType: \"popover\";\n      popoverChildren: ReactNode;\n      icon: ReactNode;\n    } & ButtonProps<C>)\n  | { actionType: \"node\"; children: ReactNode }\n  | ({\n      actionType: \"link\";\n      href: string;\n      icon: ReactNode;\n    } & ButtonProps) //TODO Avoid 'as' conflict\n);\nexport function CollectionItemCardActions({\n  actions,\n}: {\n  actions: DocumentAction[];\n}) {\n  return (\n    <>\n      {actions.map((action, i) => {\n        switch (action.actionType) {\n          case \"popover\":\n            return <PopoverTypeAction key={i} action={action} />;\n          case \"link\":\n            return <LinkTypeAction key={i} action={action} />;\n          default:\n            return <Fragment key={i}>{action.children}</Fragment>;\n        }\n      })}\n    </>\n  );\n}\n\nfunction PopoverTypeAction({\n  action,\n}: {\n  action: DocumentAction & { actionType: \"popover\" };\n}) {\n  const { actionType: _, icon, popoverChildren, onClick, ...rest } = action;\n  const { anchorEl, open, handleClick, handleClose } = useAnchorElement();\n  return (\n    <>\n      <Tooltip renderArrow title={action.label}>\n        <Button\n          {...rest}\n          onClick={(e: MouseEvent<HTMLAnchorElement>) => {\n            handleClick(e);\n            onClick?.(e);\n          }}\n        >\n          {icon}\n        </Button>\n      </Tooltip>\n      <Popover open={open} anchorEl={anchorEl} onClose={handleClose}>\n        {popoverChildren}\n      </Popover>\n    </>\n  );\n}\nfunction LinkTypeAction({\n  action,\n}: {\n  action: DocumentAction & { actionType: \"link\" };\n}) {\n  const { actionType: _, icon, ...rest } = action;\n  return (\n    <Tooltip renderArrow title={action.label}>\n      <Button {...rest}>{icon}</Button>\n    </Tooltip>\n  );\n}\n"],"names":["_jsx","_Fragment","Fragment","_jsxs"],"mappings":";;;;;;;AA0BM,SAAU,yBAAyB,CAAC,EACxC,OAAO,GAGR,EAAA;IACC,QACEA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAI;AACzB,YAAA,QAAQ,MAAM,CAAC,UAAU;AACvB,gBAAA,KAAK,SAAS;oBACZ,OAAOD,GAAA,CAAC,iBAAiB,EAAA,EAAS,MAAM,EAAE,MAAM,EAAA,EAAjB,CAAC,CAAoB;AACtD,gBAAA,KAAK,MAAM;oBACT,OAAOA,GAAA,CAAC,cAAc,EAAA,EAAS,MAAM,EAAE,MAAM,EAAA,EAAjB,CAAC,CAAoB;AACnD,gBAAA;oBACE,OAAOA,GAAA,CAACE,UAAQ,EAAA,EAAA,QAAA,EAAU,MAAM,CAAC,QAAQ,EAAA,EAAnB,CAAC,CAA8B;;QAE3D,CAAC,CAAC,EAAA,CACD;AAEP;AAEA,SAAS,iBAAiB,CAAC,EACzB,MAAM,GAGP,EAAA;AACC,IAAA,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM;AACzE,IAAA,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE;IACvE,QACEC,4BACEH,GAAA,CAAC,OAAO,IAAC,WAAW,EAAA,IAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACtCA,GAAA,CAAC,MAAM,EAAA,EAAA,GACD,IAAI,EACR,OAAO,EAAE,CAAC,CAAgC,KAAI;wBAC5C,WAAW,CAAC,CAAC,CAAC;AACd,wBAAA,OAAO,GAAG,CAAC,CAAC;oBACd,CAAC,EAAA,QAAA,EAEA,IAAI,EAAA,CACE,EAAA,CACD,EACVA,IAAC,OAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,YAC1D,eAAe,EAAA,CACR,CAAA,EAAA,CACT;AAEP;AACA,SAAS,cAAc,CAAC,EACtB,MAAM,GAGP,EAAA;AACC,IAAA,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM;IAC/C,QACEA,IAAC,OAAO,EAAA,EAAC,WAAW,EAAA,IAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACtCA,GAAA,CAAC,MAAM,EAAA,EAAA,GAAK,IAAI,YAAG,IAAI,EAAA,CAAU,EAAA,CACzB;AAEd;;;;"}
+{"version":3,"file":"CollectionItemCardActions.js","sources":["../../../src/Cards/CollectionItemCard/CollectionItemCardActions.tsx"],"sourcesContent":["import { useAnchorElement } from \"@studiocubics/hooks\";\nimport {\n  type ElementType,\n  type ReactNode,\n  type MouseEvent,\n  Fragment,\n} from \"react\";\nimport { Button, type ButtonProps } from \"../../Inputs/Button/Button\";\nimport { Tooltip } from \"../../Display/Tooltip/Tooltip\";\nimport { Popover } from \"../../Layout/Popover/Popover\";\n\nexport type DocumentAction<C extends ElementType = \"a\"> = {\n  label?: string;\n} & (\n  | ({\n      actionType: \"popover\";\n      popoverChildren: ReactNode;\n      icon: ReactNode;\n    } & ButtonProps<C>)\n  | { actionType: \"node\"; children: ReactNode }\n  | ({\n      actionType: \"link\";\n      href: string;\n      icon: ReactNode;\n    } & ButtonProps) //TODO Avoid 'as' conflict\n);\nexport function CollectionItemCardActions({\n  actions,\n}: {\n  actions: DocumentAction[];\n}) {\n  return (\n    <>\n      {actions.map((action, i) => {\n        switch (action.actionType) {\n          case \"popover\":\n            return <PopoverTypeAction key={i} action={action} />;\n          case \"link\":\n            return <LinkTypeAction key={i} action={action} />;\n          default:\n            return <Fragment key={i}>{action.children}</Fragment>;\n        }\n      })}\n    </>\n  );\n}\n\nfunction PopoverTypeAction({\n  action,\n}: {\n  action: DocumentAction & { actionType: \"popover\" };\n}) {\n  const { actionType: _, icon, popoverChildren, onClick, ...rest } = action;\n  const { anchorEl, open, handleClick, handleClose } = useAnchorElement();\n  return (\n    <>\n      <Tooltip renderArrow title={action.label}>\n        <Button\n          {...rest}\n          onClick={(e: MouseEvent<HTMLAnchorElement>) => {\n            handleClick(e);\n            onClick?.(e);\n          }}\n        >\n          {icon}\n        </Button>\n      </Tooltip>\n      <Popover open={open} anchorEl={anchorEl} onClose={handleClose}>\n        {popoverChildren}\n      </Popover>\n    </>\n  );\n}\nfunction LinkTypeAction({\n  action,\n}: {\n  action: DocumentAction & { actionType: \"link\" };\n}) {\n  const { actionType: _, icon, ...rest } = action;\n  return (\n    <Tooltip renderArrow title={action.label}>\n      <Button {...rest}>{icon}</Button>\n    </Tooltip>\n  );\n}\n"],"names":["CollectionItemCardActions","actions","_jsx","_Fragment","children","map","action","i","actionType","PopoverTypeAction","LinkTypeAction","Fragment","_","icon","popoverChildren","onClick","rest","anchorEl","open","handleClick","handleClose","useAnchorElement","_jsxs","Tooltip","renderArrow","title","label","Button","e","Popover","onClose"],"mappings":"oUA0BM,SAAUA,GAA0BC,QACxCA,IAIA,OACEC,EAAAC,EAAA,CAAAC,SACGH,EAAQI,IAAI,CAACC,EAAQC,KACpB,OAAQD,EAAOE,YACb,IAAK,UACH,OAAON,EAACO,EAAiB,CAASH,OAAQA,GAAXC,GACjC,IAAK,OACH,OAAOL,EAACQ,EAAc,CAASJ,OAAQA,GAAXC,GAC9B,QACE,OAAOL,EAACS,EAAQ,CAAAP,SAAUE,EAAOF,UAAXG,OAKlC,CAEA,SAASE,GAAkBH,OACzBA,IAIA,MAAQE,WAAYI,EAACC,KAAEA,EAAIC,gBAAEA,EAAeC,QAAEA,KAAYC,GAASV,GAC7DW,SAAEA,EAAQC,KAAEA,EAAIC,YAAEA,EAAWC,YAAEA,GAAgBC,IACrD,OACEC,eACEpB,EAACqB,GAAQC,aAAW,EAACC,MAAOnB,EAAOoB,MAAKtB,SACtCF,EAACyB,EAAM,IACDX,EACJD,QAAUa,IACRT,EAAYS,GACZb,IAAUa,IACXxB,SAEAS,MAGLX,EAAC2B,EAAO,CAACX,KAAMA,EAAMD,SAAUA,EAAUa,QAASV,WAC/CN,MAIT,CACA,SAASJ,GAAeJ,OACtBA,IAIA,MAAQE,WAAYI,EAACC,KAAEA,KAASG,GAASV,EACzC,OACEJ,EAACqB,EAAO,CAACC,aAAW,EAACC,MAAOnB,EAAOoB,MAAKtB,SACtCF,EAACyB,EAAM,IAAKX,WAAOH,KAGzB"}

package/dist/Cards/GlassCard/GlassCard.js

@@ -1,52 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useMousePosition } from '@studiocubics/hooks';
-import { cn, mergeRefs } from '@studiocubics/utils';
-import { useRef, useEffect } from 'react';
-import styles from './GlassCard.module.css.js';
-
-const defaultElement = "div";
-// Create the base component with forwardRef
-function GlassCardBase({ as, children, className, ref, ...restProps }) {
-    const Component = (as || defaultElement);
-    const { mousePosition } = useMousePosition({ includeTouch: false });
-    const cardRef = useRef(null);
-    useEffect(() => {
-        if (!cardRef.current)
-            return;
-        if (!mousePosition.x || !mousePosition.y)
-            return;
-        const rect = cardRef.current.getBoundingClientRect();
-        const x = mousePosition.x - rect.left;
-        const y = mousePosition.y - rect.top;
-        const xCenter = rect.left + rect.width / 2;
-        const yCenter = rect.top + rect.height / 2;
-        const dx = (mousePosition.x - xCenter) / rect.width;
-        const dy = (mousePosition.y - yCenter) / rect.height;
-        // Angle from card center to mouse
-        const angle = Math.atan2(dy, dx) * (180 / Math.PI) + 270;
-        // Distance normalized against window width/height
-        const dxGlobal = mousePosition.x - xCenter;
-        const dyGlobal = mousePosition.y - yCenter;
-        const tX = Math.min(Math.abs(dxGlobal) / window.innerWidth, 1);
-        const tY = Math.min(Math.abs(dyGlobal) / window.innerHeight, 1);
-        const t = Math.min(tX + tY, 1); // Manhattan distance capped at 1
-        const intensity = 1 - 0.8 * t; // maps to 0.2..1
-        cardRef.current.style.setProperty("--mouse-x", `${x}px`);
-        cardRef.current.style.setProperty("--mouse-y", `${y}px`);
-        cardRef.current.style.setProperty("--gradient-angle", `${angle}deg`);
-        cardRef.current.style.setProperty("--glass-reflection-intensity", `${intensity}`);
-    }, [mousePosition]);
-    const componentProps = {
-        ref: mergeRefs(ref, cardRef),
-        className: cn(className, styles.root),
-        ...restProps,
-    };
-    return jsx(Component, { ...componentProps, children: children });
-}
-GlassCardBase.displayName = "GlassCard";
-// Type assertion to make it polymorphic
-const GlassCard = GlassCardBase;
-
-export { GlassCard };
+"use client";import{jsx as t}from"react/jsx-runtime";import{useMousePosition as e}from"@studiocubics/hooks";import{cn as r,mergeRefs as s}from"@studiocubics/utils";import{useRef as i,useEffect as n}from"react";import o from"./GlassCard.module.css.js";function a({as:a,children:c,className:u,ref:l,...m}){const h=a||"div",{mousePosition:d}=e({includeTouch:!1}),p=i(null);n(()=>{if(!p.current)return;if(!d.x||!d.y)return;const t=p.current.getBoundingClientRect(),e=d.x-t.left,r=d.y-t.top,s=t.left+t.width/2,i=t.top+t.height/2,n=(d.x-s)/t.width,o=(d.y-i)/t.height,a=Math.atan2(o,n)*(180/Math.PI)+270,c=d.x-s,u=d.y-i,l=Math.min(Math.abs(c)/window.innerWidth,1),m=Math.min(Math.abs(u)/window.innerHeight,1),h=1-.8*Math.min(l+m,1);p.current.style.setProperty("--mouse-x",`${e}px`),p.current.style.setProperty("--mouse-y",`${r}px`),p.current.style.setProperty("--gradient-angle",`${a}deg`),p.current.style.setProperty("--glass-reflection-intensity",`${h}`)},[d]);const y={ref:s(l,p),className:r(u,o.root),...m};return t(h,{...y,children:c})}a.displayName="GlassCard";const c=a;export{c as GlassCard};
 //# sourceMappingURL=GlassCard.js.map

package/dist/Cards/GlassCard/GlassCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlassCard.js","sources":["../../../src/Cards/GlassCard/GlassCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMousePosition } from \"@studiocubics/hooks\";\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { mergeRefs, cn } from \"@studiocubics/utils\";\nimport { type ElementType, useRef, useEffect } from \"react\";\nimport styles from \"./GlassCard.module.css\";\n\nconst defaultElement = \"div\";\ntype DefaultElement = typeof defaultElement;\n\nexport type GlassCardProps<C extends ElementType = DefaultElement> = Omit<\n  PolymorphicComponentProps<C, object>,\n  \"ref\"\n>;\n\n// Create the base component with forwardRef\nfunction GlassCardBase<C extends ElementType = DefaultElement>({\n  as,\n  children,\n  className,\n  ref,\n  ...restProps\n}: GlassCardProps<C>) {\n  const Component = (as || defaultElement) as ElementType;\n  const { mousePosition } = useMousePosition({ includeTouch: false });\n  const cardRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!cardRef.current) return;\n    if (!mousePosition.x || !mousePosition.y) return;\n\n    const rect = cardRef.current.getBoundingClientRect();\n    const x = mousePosition.x - rect.left;\n    const y = mousePosition.y - rect.top;\n    const xCenter = rect.left + rect.width / 2;\n    const yCenter = rect.top + rect.height / 2;\n\n    const dx = (mousePosition.x - xCenter) / rect.width;\n    const dy = (mousePosition.y - yCenter) / rect.height;\n\n    // Angle from card center to mouse\n    const angle = Math.atan2(dy, dx) * (180 / Math.PI) + 270;\n\n    // Distance normalized against window width/height\n    const dxGlobal = mousePosition.x - xCenter;\n    const dyGlobal = mousePosition.y - yCenter;\n    const tX = Math.min(Math.abs(dxGlobal) / window.innerWidth, 1);\n    const tY = Math.min(Math.abs(dyGlobal) / window.innerHeight, 1);\n    const t = Math.min(tX + tY, 1); // Manhattan distance capped at 1\n    const intensity = 1 - 0.8 * t; // maps to 0.2..1\n\n    cardRef.current.style.setProperty(\"--mouse-x\", `${x}px`);\n    cardRef.current.style.setProperty(\"--mouse-y\", `${y}px`);\n    cardRef.current.style.setProperty(\"--gradient-angle\", `${angle}deg`);\n    cardRef.current.style.setProperty(\n      \"--glass-reflection-intensity\",\n      `${intensity}`\n    );\n  }, [mousePosition]);\n\n  const componentProps = {\n    ref: mergeRefs(ref, cardRef),\n    className: cn(className, styles.root),\n    ...restProps,\n  };\n\n  return <Component {...componentProps}>{children}</Component>;\n}\n\nGlassCardBase.displayName = \"GlassCard\";\n\n// Type assertion to make it polymorphic\nexport const GlassCard = GlassCardBase as PolymorphicComponentType<\n  object,\n  DefaultElement\n>;\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"GlassCard.js","sources":["../../../src/Cards/GlassCard/GlassCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMousePosition } from \"@studiocubics/hooks\";\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { mergeRefs, cn } from \"@studiocubics/utils\";\nimport { type ElementType, useRef, useEffect } from \"react\";\nimport styles from \"./GlassCard.module.css\";\n\nconst defaultElement = \"div\";\ntype DefaultElement = typeof defaultElement;\n\nexport type GlassCardProps<C extends ElementType = DefaultElement> = Omit<\n  PolymorphicComponentProps<C, object>,\n  \"ref\"\n>;\n\n// Create the base component with forwardRef\nfunction GlassCardBase<C extends ElementType = DefaultElement>({\n  as,\n  children,\n  className,\n  ref,\n  ...restProps\n}: GlassCardProps<C>) {\n  const Component = (as || defaultElement) as ElementType;\n  const { mousePosition } = useMousePosition({ includeTouch: false });\n  const cardRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!cardRef.current) return;\n    if (!mousePosition.x || !mousePosition.y) return;\n\n    const rect = cardRef.current.getBoundingClientRect();\n    const x = mousePosition.x - rect.left;\n    const y = mousePosition.y - rect.top;\n    const xCenter = rect.left + rect.width / 2;\n    const yCenter = rect.top + rect.height / 2;\n\n    const dx = (mousePosition.x - xCenter) / rect.width;\n    const dy = (mousePosition.y - yCenter) / rect.height;\n\n    // Angle from card center to mouse\n    const angle = Math.atan2(dy, dx) * (180 / Math.PI) + 270;\n\n    // Distance normalized against window width/height\n    const dxGlobal = mousePosition.x - xCenter;\n    const dyGlobal = mousePosition.y - yCenter;\n    const tX = Math.min(Math.abs(dxGlobal) / window.innerWidth, 1);\n    const tY = Math.min(Math.abs(dyGlobal) / window.innerHeight, 1);\n    const t = Math.min(tX + tY, 1); // Manhattan distance capped at 1\n    const intensity = 1 - 0.8 * t; // maps to 0.2..1\n\n    cardRef.current.style.setProperty(\"--mouse-x\", `${x}px`);\n    cardRef.current.style.setProperty(\"--mouse-y\", `${y}px`);\n    cardRef.current.style.setProperty(\"--gradient-angle\", `${angle}deg`);\n    cardRef.current.style.setProperty(\n      \"--glass-reflection-intensity\",\n      `${intensity}`\n    );\n  }, [mousePosition]);\n\n  const componentProps = {\n    ref: mergeRefs(ref, cardRef),\n    className: cn(className, styles.root),\n    ...restProps,\n  };\n\n  return <Component {...componentProps}>{children}</Component>;\n}\n\nGlassCardBase.displayName = \"GlassCard\";\n\n// Type assertion to make it polymorphic\nexport const GlassCard = GlassCardBase as PolymorphicComponentType<\n  object,\n  DefaultElement\n>;\n"],"names":["GlassCardBase","as","children","className","ref","restProps","Component","mousePosition","useMousePosition","includeTouch","cardRef","useRef","useEffect","current","x","y","rect","getBoundingClientRect","left","top","xCenter","width","yCenter","height","dx","dy","angle","Math","atan2","PI","dxGlobal","dyGlobal","tX","min","abs","window","innerWidth","tY","innerHeight","intensity","style","setProperty","componentProps","mergeRefs","cn","styles","root","_jsx","displayName","GlassCard"],"mappings":"2PAoBA,SAASA,GAAsDC,GAC7DA,EAAEC,SACFA,EAAQC,UACRA,EAASC,IACTA,KACGC,IAEH,MAAMC,EAAaL,GAhBE,OAiBfM,cAAEA,GAAkBC,EAAiB,CAAEC,cAAc,IACrDC,EAAUC,EAAuB,MAEvCC,EAAU,KACR,IAAKF,EAAQG,QAAS,OACtB,IAAKN,EAAcO,IAAMP,EAAcQ,EAAG,OAE1C,MAAMC,EAAON,EAAQG,QAAQI,wBACvBH,EAAIP,EAAcO,EAAIE,EAAKE,KAC3BH,EAAIR,EAAcQ,EAAIC,EAAKG,IAC3BC,EAAUJ,EAAKE,KAAOF,EAAKK,MAAQ,EACnCC,EAAUN,EAAKG,IAAMH,EAAKO,OAAS,EAEnCC,GAAMjB,EAAcO,EAAIM,GAAWJ,EAAKK,MACxCI,GAAMlB,EAAcQ,EAAIO,GAAWN,EAAKO,OAGxCG,EAAQC,KAAKC,MAAMH,EAAID,IAAO,IAAMG,KAAKE,IAAM,IAG/CC,EAAWvB,EAAcO,EAAIM,EAC7BW,EAAWxB,EAAcQ,EAAIO,EAC7BU,EAAKL,KAAKM,IAAIN,KAAKO,IAAIJ,GAAYK,OAAOC,WAAY,GACtDC,EAAKV,KAAKM,IAAIN,KAAKO,IAAIH,GAAYI,OAAOG,YAAa,GAEvDC,EAAY,EAAI,GADZZ,KAAKM,IAAID,EAAKK,EAAI,GAG5B3B,EAAQG,QAAQ2B,MAAMC,YAAY,YAAa,GAAG3B,OAClDJ,EAAQG,QAAQ2B,MAAMC,YAAY,YAAa,GAAG1B,OAClDL,EAAQG,QAAQ2B,MAAMC,YAAY,mBAAoB,GAAGf,QACzDhB,EAAQG,QAAQ2B,MAAMC,YACpB,+BACA,GAAGF,MAEJ,CAAChC,IAEJ,MAAMmC,EAAiB,CACrBtC,IAAKuC,EAAUvC,EAAKM,GACpBP,UAAWyC,EAAGzC,EAAW0C,EAAOC,SAC7BzC,GAGL,OAAO0C,EAACzC,EAAS,IAAKoC,EAAcxC,SAAGA,GACzC,CAEAF,EAAcgD,YAAc,YAGrB,MAAMC,EAAYjD"}

package/dist/Cards/GlassCard/GlassCard.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"GlassCard-module_root__rmCxh"};
-
-export { styles as default };
+var o={root:"GlassCard-module_root__rmCxh"};export{o as default};
 //# sourceMappingURL=GlassCard.module.css.js.map

package/dist/Cards/GlassCard/GlassCard.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlassCard.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"GlassCard.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Display/Accordion/Accordion.js

@@ -1,28 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useRef, useCallback } from 'react';
-
-const AccordionContext = createContext(null);
-function Accordion({ children, exclusive = false, onChange, }) {
-    const [values, setValues] = useState([]);
-    const indexRef = useRef(-1);
-    const register = useCallback(() => {
-        const index = indexRef.current++;
-        setValues((prev) => [...prev, false]);
-        return index;
-    }, []);
-    const update = useCallback((index, checked) => {
-        console.log("index", index, checked);
-        setValues((prev) => {
-            let next = exclusive && checked ? new Array(prev.length).fill(false) : [...prev];
-            next[index] = checked;
-            onChange?.(next);
-            return next;
-        });
-    }, [exclusive, onChange]);
-    const context = { values, register, update };
-    return (jsx(AccordionContext.Provider, { value: context, children: children }));
-}
-
-export { Accordion, AccordionContext };
+"use client";import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as n,useRef as t,useCallback as l}from"react";const o=r(null);function c({children:r,exclusive:c=!1,onChange:i}){const[u,s]=n([]),a=t(-1),d={values:u,register:l(()=>{const e=a.current++;return s(e=>[...e,!1]),e},[]),update:l((e,r)=>{console.log("index",e,r),s(n=>{let t=c&&r?new Array(n.length).fill(!1):[...n];return t[e]=r,i?.(t),t})},[c,i])};return e(o.Provider,{value:d,children:r})}export{c as Accordion,o as AccordionContext};
 //# sourceMappingURL=Accordion.js.map

package/dist/Display/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/Display/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\ninterface AccordionContextProps {\n  values: boolean[];\n  register: () => number;\n  update: (index: number, checked: boolean) => void;\n}\ninterface AccordionProviderProps {\n  children: ReactNode;\n  exclusive?: boolean;\n  onChange?: (checked: boolean[]) => void;\n}\n\nexport const AccordionContext = createContext<AccordionContextProps | null>(\n  null,\n);\n\nexport function Accordion({\n  children,\n  exclusive = false,\n  onChange,\n}: AccordionProviderProps) {\n  const [values, setValues] = useState<boolean[]>([]);\n  const indexRef = useRef(-1);\n\n  const register = useCallback(() => {\n    const index = indexRef.current++;\n    setValues((prev) => [...prev, false]);\n    return index;\n  }, []);\n\n  const update = useCallback(\n    (index: number, checked: boolean) => {\n      console.log(\"index\", index, checked);\n\n      setValues((prev) => {\n        let next =\n          exclusive && checked ? new Array(prev.length).fill(false) : [...prev];\n        next[index] = checked;\n        onChange?.(next);\n        return next;\n      });\n    },\n    [exclusive, onChange],\n  );\n  const context = { values, register, update };\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {children}\n    </AccordionContext.Provider>\n  );\n}\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/Display/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\n\ninterface AccordionContextProps {\n  values: boolean[];\n  register: () => number;\n  update: (index: number, checked: boolean) => void;\n}\ninterface AccordionProviderProps {\n  children: ReactNode;\n  exclusive?: boolean;\n  onChange?: (checked: boolean[]) => void;\n}\n\nexport const AccordionContext = createContext<AccordionContextProps | null>(\n  null,\n);\n\nexport function Accordion({\n  children,\n  exclusive = false,\n  onChange,\n}: AccordionProviderProps) {\n  const [values, setValues] = useState<boolean[]>([]);\n  const indexRef = useRef(-1);\n\n  const register = useCallback(() => {\n    const index = indexRef.current++;\n    setValues((prev) => [...prev, false]);\n    return index;\n  }, []);\n\n  const update = useCallback(\n    (index: number, checked: boolean) => {\n      console.log(\"index\", index, checked);\n\n      setValues((prev) => {\n        let next =\n          exclusive && checked ? new Array(prev.length).fill(false) : [...prev];\n        next[index] = checked;\n        onChange?.(next);\n        return next;\n      });\n    },\n    [exclusive, onChange],\n  );\n  const context = { values, register, update };\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {children}\n    </AccordionContext.Provider>\n  );\n}\n"],"names":["AccordionContext","createContext","Accordion","children","exclusive","onChange","values","setValues","useState","indexRef","useRef","context","register","useCallback","index","current","prev","update","checked","console","log","next","Array","length","fill","_jsx","Provider","value"],"mappings":"4IAqBaA,EAAmBC,EAC9B,MAGI,SAAUC,GAAUC,SACxBA,EAAQC,UACRA,GAAY,EAAKC,SACjBA,IAEA,MAAOC,EAAQC,GAAaC,EAAoB,IAC1CC,EAAWC,MAsBXC,EAAU,CAAEL,SAAQM,SApBTC,EAAY,KAC3B,MAAMC,EAAQL,EAASM,UAEvB,OADAR,EAAWS,GAAS,IAAIA,GAAM,IACvBF,GACN,IAgBiCG,OAdrBJ,EACb,CAACC,EAAeI,KACdC,QAAQC,IAAI,QAASN,EAAOI,GAE5BX,EAAWS,IACT,IAAIK,EACFjB,GAAac,EAAU,IAAII,MAAMN,EAAKO,QAAQC,MAAK,GAAS,IAAIR,GAGlE,OAFAK,EAAKP,GAASI,EACdb,IAAWgB,GACJA,KAGX,CAACjB,EAAWC,KAId,OACEoB,EAACzB,EAAiB0B,SAAQ,CAACC,MAAOhB,EAAOR,SACtCA,GAGP"}

package/dist/Display/Accordion/Accordion.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"summary":"Accordion-module_summary__3uXXu","highlight":"Accordion-module_highlight__YzcnA","summaryContent":"Accordion-module_summaryContent__-Wu52","marker":"Accordion-module_marker__7gmt8","root":"Accordion-module_root__-tG1G","content":"Accordion-module_content__NPbBr"};
-
-export { styles as default };
+var o={summary:"Accordion-module_summary__3uXXu",highlight:"Accordion-module_highlight__YzcnA",summaryContent:"Accordion-module_summaryContent__-Wu52",marker:"Accordion-module_marker__7gmt8",root:"Accordion-module_root__-tG1G",content:"Accordion-module_content__NPbBr"};export{o as default};
 //# sourceMappingURL=Accordion.module.css.js.map

package/dist/Display/Accordion/Accordion.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Accordion.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Display/Accordion/AccordionItem.js

@@ -1,56 +1,2 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useContext, useEffect } from 'react';
-import { AccordionContext } from './Accordion.js';
-import styles from './Accordion.module.css.js';
-import { mergeRefs, cn } from '@studiocubics/utils';
-import { GlassCard } from '../../Cards/GlassCard/GlassCard.js';
-
-function AccordionItem(props) {
-    const { summary, open: htmlOpen, children, className, onToggle, highlightOpen = true, openMarker = jsx(OpenMarkerIcon, {}), closeMarker = jsx(CloseMarkerIcon, {}), slotProps = {}, ref, ...rest } = props;
-    const [index, setIndex] = useState(null);
-    const isRegistered = useRef(false);
-    const [uncontrolledOpen, setUncontrolledOpen] = useState(!!htmlOpen);
-    const itemRef = useRef(null);
-    const group = useContext(AccordionContext);
-    const open = group && index !== null ? group.values[index] : uncontrolledOpen;
-    const handleToggle = async (e) => {
-        const next = e.currentTarget.open;
-        if (group && index !== null)
-            group.update(index, next);
-        else
-            setUncontrolledOpen(next);
-        onToggle?.(e, next);
-        if (next) {
-            itemRef.current?.scrollIntoView({
-                block: "nearest",
-                inline: "nearest",
-                behavior: "smooth",
-            });
-        }
-    };
-    const componentProps = {
-        open,
-        onToggle: handleToggle,
-        className: cn(className, styles.root, open ? styles.open : ""),
-        ref: mergeRefs(ref, itemRef),
-        ...rest,
-    };
-    // Register with group if present
-    useEffect(() => {
-        if (!group || isRegistered.current)
-            return;
-        isRegistered.current = true;
-        setIndex(group.register());
-    }, [group]);
-    return (jsxs("details", { ...componentProps, children: [jsxs("summary", { className: cn(className, styles.summary), children: [open && highlightOpen && jsx(GlassCard, { className: styles.highlight }), jsx("div", { ...slotProps.summaryContent, className: cn(styles.summaryContent, slotProps.summaryContent?.className), children: summary }), jsx("span", { ...slotProps.marker, className: cn(styles.marker), children: open ? closeMarker : openMarker })] }), jsx("div", { ...slotProps.content, className: cn(styles.content, slotProps.content?.className), children: children })] }));
-}
-function OpenMarkerIcon(props) {
-    return (jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", strokeWidth: "2.3", stroke: "currentColor", children: jsx("path", { d: "m6 9 6 6 6-6" }) }));
-}
-function CloseMarkerIcon(props) {
-    return (jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", strokeWidth: "2.3", stroke: "currentColor", children: jsx("path", { d: "m18 15-6-6-6 6" }) }));
-}
-
-export { AccordionItem };
+"use client";import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as o,useContext as s,useEffect as t}from"react";import{AccordionContext as l}from"./Accordion.js";import a from"./Accordion.module.css.js";import{mergeRefs as c,cn as i}from"@studiocubics/utils";import{GlassCard as m}from"../../Cards/GlassCard/GlassCard.js";function u(u){const{summary:p,open:g,children:f,className:w,onToggle:v,highlightOpen:k=!0,openMarker:N=r(d,{}),closeMarker:C=r(h,{}),slotProps:y={},ref:x,...j}=u,[b,T]=n(null),A=o(!1),[B,G]=n(!!g),M=o(null),W=s(l),I=W&&null!==b?W.values[b]:B,O={open:I,onToggle:async r=>{const e=r.currentTarget.open;W&&null!==b?W.update(b,e):G(e),v?.(r,e),e&&M.current?.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},className:i(w,a.root,I?a.open:""),ref:c(x,M),...j};return t(()=>{W&&!A.current&&(A.current=!0,T(W.register()))},[W]),e("details",{...O,children:[e("summary",{className:i(w,a.summary),children:[I&&k&&r(m,{className:a.highlight}),r("div",{...y.summaryContent,className:i(a.summaryContent,y.summaryContent?.className),children:p}),r("span",{...y.marker,className:i(a.marker),children:I?C:N})]}),r("div",{...y.content,className:i(a.content,y.content?.className),children:f})]})}function d(e){return r("svg",{...e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:"2.3",stroke:"currentColor",children:r("path",{d:"m6 9 6 6 6-6"})})}function h(e){return r("svg",{...e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",strokeWidth:"2.3",stroke:"currentColor",children:r("path",{d:"m18 15-6-6-6 6"})})}export{u as AccordionItem};
 //# sourceMappingURL=AccordionItem.js.map

package/dist/Display/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../src/Display/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactNode,\n  type ToggleEvent,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { AccordionContext } from \"./Accordion\";\nimport styles from \"./Accordion.module.css\";\nimport { cn, mergeRefs } from \"@studiocubics/utils\";\nimport { GlassCard } from \"../../Cards/GlassCard/GlassCard\";\n\nexport type AccordionProps = {\n  summary: ReactNode;\n  onToggle?: (e: ToggleEvent<HTMLDetailsElement>, current: boolean) => void;\n  openMarker?: ReactNode;\n  closeMarker?: ReactNode;\n  highlightOpen?: boolean;\n  slotProps?: {\n    marker?: ComponentProps<\"span\">;\n    summary?: ComponentProps<\"summary\">;\n    summaryContent?: ComponentProps<\"div\">;\n    content?: ComponentProps<\"div\">;\n  };\n} & ComponentProps<\"details\">;\n\nexport function AccordionItem(props: AccordionProps) {\n  const {\n    summary,\n    open: htmlOpen,\n    children,\n    className,\n    onToggle,\n    highlightOpen = true,\n    openMarker = <OpenMarkerIcon />,\n    closeMarker = <CloseMarkerIcon />,\n    slotProps = {},\n    ref,\n    ...rest\n  } = props;\n\n  const [index, setIndex] = useState<number | null>(null);\n  const isRegistered = useRef(false);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(!!htmlOpen);\n  const itemRef = useRef<HTMLDetailsElement | null>(null);\n  const group = useContext(AccordionContext);\n\n  const open = group && index !== null ? group.values[index] : uncontrolledOpen;\n\n  const handleToggle = async (e: ToggleEvent<HTMLDetailsElement>) => {\n    const next = e.currentTarget.open;\n    if (group && index !== null) group.update(index, next);\n    else setUncontrolledOpen(next);\n    onToggle?.(e, next);\n    if (next) {\n      itemRef.current?.scrollIntoView({\n        block: \"nearest\",\n        inline: \"nearest\",\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  const componentProps = {\n    open,\n    onToggle: handleToggle,\n    className: cn(className, styles.root, open ? styles.open : \"\"),\n    ref: mergeRefs(ref, itemRef),\n    ...rest,\n  };\n  // Register with group if present\n  useEffect(() => {\n    if (!group || isRegistered.current) return;\n    isRegistered.current = true;\n    setIndex(group.register());\n  }, [group]);\n\n  return (\n    <details {...componentProps}>\n      <summary className={cn(className, styles.summary)}>\n        {open && highlightOpen && <GlassCard className={styles.highlight} />}\n        <div\n          {...slotProps.summaryContent}\n          className={cn(\n            styles.summaryContent,\n            slotProps.summaryContent?.className,\n          )}\n        >\n          {summary}\n        </div>\n        <span {...slotProps.marker} className={cn(styles.marker)}>\n          {open ? closeMarker : openMarker}\n        </span>\n      </summary>\n      <div\n        {...slotProps.content}\n        className={cn(styles.content, slotProps.content?.className)}\n      >\n        {children}\n      </div>\n    </details>\n  );\n}\nfunction OpenMarkerIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      strokeWidth=\"2.3\"\n      stroke=\"currentColor\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\nfunction CloseMarkerIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      strokeWidth=\"2.3\"\n      stroke=\"currentColor\"\n    >\n      <path d=\"m18 15-6-6-6 6\" />\n    </svg>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../src/Display/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactNode,\n  type ToggleEvent,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { AccordionContext } from \"./Accordion\";\nimport styles from \"./Accordion.module.css\";\nimport { cn, mergeRefs } from \"@studiocubics/utils\";\nimport { GlassCard } from \"../../Cards/GlassCard/GlassCard\";\n\nexport type AccordionProps = {\n  summary: ReactNode;\n  onToggle?: (e: ToggleEvent<HTMLDetailsElement>, current: boolean) => void;\n  openMarker?: ReactNode;\n  closeMarker?: ReactNode;\n  highlightOpen?: boolean;\n  slotProps?: {\n    marker?: ComponentProps<\"span\">;\n    summary?: ComponentProps<\"summary\">;\n    summaryContent?: ComponentProps<\"div\">;\n    content?: ComponentProps<\"div\">;\n  };\n} & ComponentProps<\"details\">;\n\nexport function AccordionItem(props: AccordionProps) {\n  const {\n    summary,\n    open: htmlOpen,\n    children,\n    className,\n    onToggle,\n    highlightOpen = true,\n    openMarker = <OpenMarkerIcon />,\n    closeMarker = <CloseMarkerIcon />,\n    slotProps = {},\n    ref,\n    ...rest\n  } = props;\n\n  const [index, setIndex] = useState<number | null>(null);\n  const isRegistered = useRef(false);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(!!htmlOpen);\n  const itemRef = useRef<HTMLDetailsElement | null>(null);\n  const group = useContext(AccordionContext);\n\n  const open = group && index !== null ? group.values[index] : uncontrolledOpen;\n\n  const handleToggle = async (e: ToggleEvent<HTMLDetailsElement>) => {\n    const next = e.currentTarget.open;\n    if (group && index !== null) group.update(index, next);\n    else setUncontrolledOpen(next);\n    onToggle?.(e, next);\n    if (next) {\n      itemRef.current?.scrollIntoView({\n        block: \"nearest\",\n        inline: \"nearest\",\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  const componentProps = {\n    open,\n    onToggle: handleToggle,\n    className: cn(className, styles.root, open ? styles.open : \"\"),\n    ref: mergeRefs(ref, itemRef),\n    ...rest,\n  };\n  // Register with group if present\n  useEffect(() => {\n    if (!group || isRegistered.current) return;\n    isRegistered.current = true;\n    setIndex(group.register());\n  }, [group]);\n\n  return (\n    <details {...componentProps}>\n      <summary className={cn(className, styles.summary)}>\n        {open && highlightOpen && <GlassCard className={styles.highlight} />}\n        <div\n          {...slotProps.summaryContent}\n          className={cn(\n            styles.summaryContent,\n            slotProps.summaryContent?.className,\n          )}\n        >\n          {summary}\n        </div>\n        <span {...slotProps.marker} className={cn(styles.marker)}>\n          {open ? closeMarker : openMarker}\n        </span>\n      </summary>\n      <div\n        {...slotProps.content}\n        className={cn(styles.content, slotProps.content?.className)}\n      >\n        {children}\n      </div>\n    </details>\n  );\n}\nfunction OpenMarkerIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      strokeWidth=\"2.3\"\n      stroke=\"currentColor\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\nfunction CloseMarkerIcon(props: ComponentProps<\"svg\">) {\n  return (\n    <svg\n      {...props}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      strokeWidth=\"2.3\"\n      stroke=\"currentColor\"\n    >\n      <path d=\"m18 15-6-6-6 6\" />\n    </svg>\n  );\n}\n"],"names":["AccordionItem","props","summary","open","htmlOpen","children","className","onToggle","highlightOpen","openMarker","_jsx","OpenMarkerIcon","closeMarker","CloseMarkerIcon","slotProps","ref","rest","index","setIndex","useState","isRegistered","useRef","uncontrolledOpen","setUncontrolledOpen","itemRef","group","useContext","AccordionContext","values","componentProps","async","e","next","currentTarget","update","current","scrollIntoView","block","inline","behavior","cn","styles","root","mergeRefs","useEffect","register","_jsxs","GlassCard","highlight","summaryContent","marker","content","xmlns","viewBox","fill","strokeWidth","stroke","d"],"mappings":"6VA8BM,SAAUA,EAAcC,GAC5B,MAAMC,QACJA,EACAC,KAAMC,EAAQC,SACdA,EAAQC,UACRA,EAASC,SACTA,EAAQC,cACRA,GAAgB,EAAIC,WACpBA,EAAaC,EAACC,EAAc,CAAA,GAAGC,YAC/BA,EAAcF,EAACG,EAAe,CAAA,GAAGC,UACjCA,EAAY,GAAEC,IACdA,KACGC,GACDf,GAEGgB,EAAOC,GAAYC,EAAwB,MAC5CC,EAAeC,GAAO,IACrBC,EAAkBC,GAAuBJ,IAAWf,GACrDoB,EAAUH,EAAkC,MAC5CI,EAAQC,EAAWC,GAEnBxB,EAAOsB,GAAmB,OAAVR,EAAiBQ,EAAMG,OAAOX,GAASK,EAgBvDO,EAAiB,CACrB1B,OACAI,SAhBmBuB,MAAOC,IAC1B,MAAMC,EAAOD,EAAEE,cAAc9B,KACzBsB,GAAmB,OAAVR,EAAgBQ,EAAMS,OAAOjB,EAAOe,GAC5CT,EAAoBS,GACzBzB,IAAWwB,EAAGC,GACVA,GACFR,EAAQW,SAASC,eAAe,CAC9BC,MAAO,UACPC,OAAQ,UACRC,SAAU,YAQdjC,UAAWkC,EAAGlC,EAAWmC,EAAOC,KAAMvC,EAAOsC,EAAOtC,KAAO,IAC3DY,IAAK4B,EAAU5B,EAAKS,MACjBR,GASL,OANA4B,EAAU,KACHnB,IAASL,EAAae,UAC3Bf,EAAae,SAAU,EACvBjB,EAASO,EAAMoB,cACd,CAACpB,IAGFqB,gBAAajB,EAAcxB,SAAA,CACzByC,aAASxC,UAAWkC,EAAGlC,EAAWmC,EAAOvC,SAAQG,SAAA,CAC9CF,GAAQK,GAAiBE,EAACqC,EAAS,CAACzC,UAAWmC,EAAOO,YACvDtC,YACMI,EAAUmC,eACd3C,UAAWkC,EACTC,EAAOQ,eACPnC,EAAUmC,gBAAgB3C,WAC3BD,SAEAH,IAEHQ,EAAA,OAAA,IAAUI,EAAUoC,OAAQ5C,UAAWkC,EAAGC,EAAOS,QAAO7C,SACrDF,EAAOS,EAAcH,OAG1BC,EAAA,MAAA,IACMI,EAAUqC,QACd7C,UAAWkC,EAAGC,EAAOU,QAASrC,EAAUqC,SAAS7C,oBAEhDD,MAIT,CACA,SAASM,EAAeV,GACtB,OACES,EAAA,MAAA,IACMT,EACJmD,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACLC,YAAY,MACZC,OAAO,eAAcnD,SAErBK,EAAA,OAAA,CAAM+C,EAAE,kBAGd,CACA,SAAS5C,EAAgBZ,GACvB,OACES,EAAA,MAAA,IACMT,EACJmD,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACLC,YAAY,MACZC,OAAO,eAAcnD,SAErBK,EAAA,OAAA,CAAM+C,EAAE,oBAGd"}