@recursica/mantine-adapter 0.3.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Border LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,79 @@
+# @recursica/mantine-adapter
+
+A modern React component library built with TypeScript and **Mantine 8**. This package serves as the core UI kit for Recursica applications, providing reusable UI components, centralized theme configurations, and a comprehensive Storybook environment for development.
+
+## Installation
+
+```bash
+npm install @recursica/mantine-adapter
+# or
+yarn add @recursica/mantine-adapter
+# or
+pnpm add @recursica/mantine-adapter
+```
+
+## Peer Dependencies
+
+This library requires the following peer dependencies to be installed in your project:
+
+```bash
+npm install @mantine/core@>=8.0.0 @mantine/dates@>=8.0.0 @mantine/hooks@>=8.0.0 react@>=16.8.0 react-dom@>=16.8.0
+```
+
+**Important**: Make sure you have these exact versions or higher installed, as the components rely on Mantine 8+ features and React 16.8+ hooks.
+
+## Quick Start
+
+_Components are currently being rebuilt. Documentation will be updated as new components are added._
+
+```tsx
+import React from "react";
+// import { Button } from "@recursica/mantine-adapter";
+
+function App() {
+  return (
+    // <Button label="Click Me" variant="solid" />
+    <div>More components coming soon!</div>
+  );
+}
+```
+
+## Development and Architecture
+
+This project is built using:
+
+- **Vite (Library Mode)**: For fast builds, producing optimized ES and CJS modules.
+- **Mantine 8**: Base components, hooks, and native standard styling architecture.
+- **Storybook**: Used heavily for interactive component development, documentation, and prototyping.
+
+> **Note:** We do not use Vanilla Extract or PostCSS for this project, relying instead on Mantine's built-in CSS styling and Vite's native CSS/CSS Modules capabilities. No complex CSS-in-JS overhead!
+
+## Storybook Documentation
+
+This library includes Storybook for all components. You can:
+
+- **View live examples** of components.
+- **Test component interactions** and accessibility.
+- **Explore UI tokens** and layout utilities.
+
+### Accessing Storybook Locally
+
+If you're contributing or developing locally, clone the repository and run:
+
+```bash
+npm run storybook
+```
+
+This will spin up a local server (typically at `http://localhost:6006`) with a hot-reloading environment for component prototyping.
+
+## TypeScript Support
+
+All newly built components will include full TypeScript support with comprehensive prop types exported.
+
+## Contributing
+
+For development and contribution guidelines, see the [CONTRIBUTING.md](./CONTRIBUTING.md) file.
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/index'
+export {}

package/dist/mantine-adapter.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),b=require("@mantine/core"),E="Layer-module__root___uz07-",w="Layer-module__contents___A7K56",A={root:E,contents:w},N=p.forwardRef(function({layer:e,contentsOnly:o,children:n,className:c,style:t,...i},l){const m=o?c?`${A.root} ${A.contents} ${c}`:`${A.root} ${A.contents}`:c?`${A.root} ${c}`:A.root;return r.jsx("div",{ref:l,className:m,style:t,...o?{}:{"data-recursica-layer":String(e)},...i,children:n})});N.displayName="Layer";const I="Button-module__root___Q2R8-",D="Button-module__label___UJ3Zt",V="Button-module__labelText___rFV5p",z="Button-module__iconWrapper___uEKPa",q="Button-module__section___f2mKr",_={root:I,label:D,labelText:V,iconWrapper:z,section:q};function F(a){return a==null||a===""?!1:typeof a=="string"?a.trim()!=="":!0}const P=p.forwardRef(function({variant:e="solid",size:o="default",icon:n,className:c,classNames:t,children:i,style:l,...m},W){const R={solid:"filled",outline:"outline",text:"subtle"},B={default:"md",small:"sm"},y=m,v=!!n||!!y.leftSection,f=!!y.rightSection,d=(v||f)&&!F(i);typeof process<"u"&&process.env.NODE_ENV!=="production"&&d&&!y["aria-label"]&&console.warn('[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").');const h={root:_.root,section:_.section,label:_.label};if(t&&typeof t=="object"&&!Array.isArray(t)){const g=t;h.root=g.root?`${_.root} ${g.root}`:_.root,h.section=g.section??_.section,h.label=g.label??_.label}return r.jsx(b.Button,{ref:W,className:c,classNames:h,variant:R[e],size:B[o],style:l,leftSection:n!=null?r.jsx("span",{className:_.iconWrapper,"aria-hidden":!0,children:n}):void 0,"data-variant":e,"data-size":o,...d?{"data-icon-only":""}:{},...m,children:r.jsx("span",{className:_.labelText,children:i})})});P.displayName="Button";const K="Accordion-module__root___Dem6d",M="Accordion-module__item___7ryVk",O="Accordion-module__noDivider___Ni2tT",H="Accordion-module__control___b4wgX",J="Accordion-module__label___Ss7uW",U="Accordion-module__chevron___i-HVZ",X="Accordion-module__iconLeftWrapper___5oLen",Z="Accordion-module__panel___Wx50w",G="Accordion-module__content___PEM9t",u={root:K,item:M,noDivider:O,control:H,label:J,chevron:U,iconLeftWrapper:X,panel:Z,content:G},T=function({className:e,classNames:o,variant:n="unstyled",...c}){const t={root:u.root,item:u.item,control:u.control,label:u.label,chevron:u.chevron,panel:u.panel,content:u.content};if(o&&typeof o=="object"&&!Array.isArray(o)){const i=o;Object.keys(i).forEach(l=>{t[l]?t[l]=`${t[l]} ${i[l]}`:t[l]=i[l]})}return r.jsx(b.Accordion,{variant:n,className:e,classNames:t,...c})};T.displayName="Accordion";const S=p.forwardRef(function({title:e,leftIcon:o,divider:n=!0,children:c,...t},i){return r.jsx(b.Accordion.Item,{ref:i,className:n?void 0:u.noDivider,...t,children:e?r.jsxs(r.Fragment,{children:[r.jsx(x,{leftIcon:o,children:e}),r.jsx($,{children:c})]}):c})});S.displayName="AccordionItem";const x=p.forwardRef(function({leftIcon:e,children:o,...n},c){return r.jsx(b.Accordion.Control,{ref:c,icon:e?r.jsx("span",{className:u.iconLeftWrapper,"aria-hidden":!0,children:e}):void 0,...n,children:o})});x.displayName="AccordionControl";const $=p.forwardRef(function(e,o){return r.jsx(b.Accordion.Panel,{ref:o,...e})});$.displayName="AccordionPanel";const j=T;j.Item=S;j.Control=x;j.Panel=$;const Q="Avatar-module__root___fXu-J",Y="Avatar-module__iconWrapper___ojly2",k="Avatar-module__textWrapper___zp-jD",oo="Avatar-module__image___ieqGp",eo="Avatar-module__placeholder___IDW7-",s={root:Q,iconWrapper:Y,textWrapper:k,image:oo,placeholder:eo},C=p.forwardRef(function({size:e="default",variant:o="solid",icon:n,className:c,classNames:t,children:i,style:l,src:m,...W},R){const B={solid:"filled",outline:"outline",ghost:"transparent"},y={default:"md",small:"sm",large:"lg"};let v="text";m?v="image":n&&(v="icon");const f={root:s.root,image:s.image,placeholder:s.placeholder};if(t&&typeof t=="object"&&!Array.isArray(t)){const d=t;f.root=d.root?`${s.root} ${d.root}`:s.root,f.image=d.image?`${s.image} ${d.image}`:s.image,f.placeholder=d.placeholder?`${s.placeholder} ${d.placeholder}`:s.placeholder}return r.jsx(b.Avatar,{ref:R,className:c,classNames:f,variant:B[o],size:y[e],style:l,src:m,"data-variant":o,"data-size":e,"data-style":v,...W,children:n!=null?r.jsx("span",{className:s.iconWrapper,"aria-hidden":!0,children:n}):i!=null?r.jsx("span",{className:s.textWrapper,children:i}):void 0})});C.displayName="Avatar";const L="data-recursica-theme";function to({children:a,theme:e="light"}){return p.useEffect(()=>{const o=document.documentElement;return o.setAttribute(L,e),()=>{o.removeAttribute(L)}},[e]),r.jsx(r.Fragment,{children:a})}exports.Accordion=j;exports.AccordionControl=x;exports.AccordionItem=S;exports.AccordionPanel=$;exports.Avatar=C;exports.Button=P;exports.Layer=N;exports.RecursicaThemeProvider=to;
+//# sourceMappingURL=mantine-adapter.cjs.map

package/dist/mantine-adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mantine-adapter.cjs","sources":["../src/components/Layer/Layer.tsx","../src/components/Button/Button.tsx","../src/components/Accordion/Accordion.tsx","../src/components/Avatar/Avatar.tsx","../src/RecursicaThemeProvider/RecursicaThemeProvider.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport styles from \"./Layer.module.css\";\n\n/**\n * Recursica design-system props for Layer.\n * Sets data-recursica-layer so scoped CSS theme+layer blocks apply that layer's\n * generic brand vars (e.g. --recursica_brand_layer_N_properties_surface) to this element\n * and descendants. Theme is set on the document root (e.g. via RecursicaThemeProvider).\n * See recursica_variables_scoped.css header.\n */\nexport interface RecursicaLayerProps {\n  /** Layer (0–3). Sets data-recursica-layer on the root so descendants use this layer's styles. */\n  layer: 0 | 1 | 2 | 3;\n  /**\n   * When true, the root uses display: contents (no box, not styled) and data-recursica-layer\n   * is omitted so Recursica layer styling is not applied. Children still participate in the cascade.\n   */\n  contentsOnly?: boolean;\n  children?: React.ReactNode;\n}\n\nexport type LayerProps = RecursicaLayerProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Applies a Recursica layer context. Root has data-recursica-layer so scoped CSS\n * theme+layer blocks (e.g. [data-recursica-theme=\"light\"] [data-recursica-layer=\"1\"])\n * set generic brand vars on this element; descendants inherit. Use with theme on\n * document root (RecursicaThemeProvider). Root is display: block so padding/background apply.\n */\nexport const Layer = forwardRef<HTMLDivElement, LayerProps>(function Layer(\n  { layer, contentsOnly, children, className, style, ...rest },\n  ref,\n) {\n  const rootClassName = contentsOnly\n    ? className\n      ? `${styles.root} ${styles.contents} ${className}`\n      : `${styles.root} ${styles.contents}`\n    : className\n      ? `${styles.root} ${className}`\n      : styles.root;\n  return (\n    <div\n      ref={ref}\n      className={rootClassName}\n      style={style}\n      {...(contentsOnly ? {} : { \"data-recursica-layer\": String(layer) })}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nLayer.displayName = \"Layer\";\n","import React, { forwardRef } from \"react\";\nimport {\n  Button as MantineButton,\n  type ButtonProps as MantineButtonProps,\n} from \"@mantine/core\";\nimport styles from \"./Button.module.css\";\n\nexport interface RecursicaButtonProps {\n  variant?: \"solid\" | \"outline\" | \"text\";\n  size?: \"default\" | \"small\";\n  icon?: React.ReactNode;\n}\n\nexport type ButtonProps = Omit<\n  MantineButtonProps,\n  \"variant\" | \"size\" | \"leftSection\"\n> &\n  RecursicaButtonProps;\n\nfunction hasVisibleChildren(children: React.ReactNode): boolean {\n  if (children == null || children === \"\") return false;\n  if (typeof children === \"string\") return children.trim() !== \"\";\n  return true;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      variant = \"solid\",\n      size = \"default\",\n      icon,\n      className,\n      classNames,\n      children,\n      style,\n      ...rest\n    },\n    ref,\n  ) {\n    const mapVariant = {\n      solid: \"filled\",\n      outline: \"outline\",\n      text: \"subtle\",\n    } as const;\n\n    const mapSize = {\n      default: \"md\",\n      small: \"sm\",\n    } as const;\n\n    const restRecord = rest as Record<string, unknown>;\n    const hasLeftSection = !!icon || !!restRecord[\"leftSection\"];\n    const hasRightSection = !!restRecord[\"rightSection\"];\n    const isIconOnly =\n      (hasLeftSection || hasRightSection) && !hasVisibleChildren(children);\n\n    if (\n      typeof process !== \"undefined\" &&\n      process.env.NODE_ENV !== \"production\" &&\n      isIconOnly &&\n      !restRecord[\"aria-label\"]\n    ) {\n      console.warn(\n        '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label=\"Submit\").',\n      );\n    }\n\n    const mergedClassNames: Partial<Record<string, string>> = {\n      root: styles.root,\n      section: styles.section,\n      label: styles.label,\n    };\n    if (\n      classNames &&\n      typeof classNames === \"object\" &&\n      !Array.isArray(classNames)\n    ) {\n      const o = classNames as Partial<Record<string, string>>;\n      mergedClassNames.root = o.root ? `${styles.root} ${o.root}` : styles.root;\n      mergedClassNames.section = o.section ?? styles.section;\n      mergedClassNames.label = o.label ?? styles.label;\n    }\n\n    return (\n      <MantineButton\n        ref={ref}\n        className={className}\n        classNames={mergedClassNames}\n        variant={mapVariant[variant]}\n        size={mapSize[size]}\n        style={style}\n        leftSection={\n          icon != null ? (\n            <span className={styles.iconWrapper} aria-hidden>\n              {icon}\n            </span>\n          ) : undefined\n        }\n        data-variant={variant}\n        data-size={size}\n        {...(isIconOnly ? { \"data-icon-only\": \"\" } : {})}\n        {...rest}\n      >\n        <span className={styles.labelText}>{children}</span>\n      </MantineButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n","import React, { forwardRef } from \"react\";\nimport {\n  Accordion as MantineAccordion,\n  type AccordionProps as MantineAccordionProps,\n  type AccordionItemProps,\n  type AccordionControlProps,\n  type AccordionPanelProps,\n} from \"@mantine/core\";\nimport styles from \"./Accordion.module.css\";\n\n// ==== ACCORDION CONTAINER ====\nexport type AccordionProps = MantineAccordionProps;\n\nconst AccordionBase = function Accordion({\n  className,\n  classNames,\n  variant = \"unstyled\",\n  ...rest\n}: AccordionProps) {\n  // Bind all deep CSS module references natively into the global class mapping schema\n  const mergedClassNames: Record<string, string> = {\n    root: styles.root,\n    item: styles.item,\n    control: styles.control,\n    label: styles.label,\n    chevron: styles.chevron,\n    panel: styles.panel,\n    content: styles.content,\n  };\n\n  if (\n    classNames &&\n    typeof classNames === \"object\" &&\n    !Array.isArray(classNames)\n  ) {\n    const o = classNames as Record<string, string>;\n    Object.keys(o).forEach((key) => {\n      if (mergedClassNames[key]) {\n        mergedClassNames[key] = `${mergedClassNames[key]} ${o[key]}`;\n      } else {\n        mergedClassNames[key] = o[key];\n      }\n    });\n  }\n\n  return (\n    <MantineAccordion\n      variant={variant}\n      className={className}\n      classNames={mergedClassNames}\n      {...rest}\n    />\n  );\n};\nAccordionBase.displayName = \"Accordion\";\n\n// ==== ACCORDION ITEM ====\nexport type RecursicaAccordionItemProps = AccordionItemProps & {\n  /**\n   * When provided alongside `leftIcon` or independently, this auto-generates the Accordion Control and Panel DOM layers natively.\n   */\n  title?: React.ReactNode;\n\n  /**\n   * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.\n   */\n  leftIcon?: React.ReactNode;\n\n  /**\n   * Toggles the presence of the bottom trailing divider native to AccordionItems.\n   * @default true\n   */\n  divider?: boolean;\n\n  // Note on `open` property:\n  // Recursica structurally maps an `open` property for active state tracking. However, Mantine inherently demands array-driven states\n  // managed by the parent `<Accordion value=\"...\">` wrapper logic to accurately sequence expanding DOM animations. Attempting to force\n  // an isolated `open` boolean natively corrupts Mantine's transition observers, so no `open` prop is directly preserved on this wrapper.\n};\n\nexport const AccordionItem = forwardRef<\n  HTMLDivElement,\n  RecursicaAccordionItemProps\n>(function AccordionItem(\n  { title, leftIcon, divider = true, children, ...rest },\n  ref,\n) {\n  // If the user utilizes the explicit 'title' prop from Recursica, we securely auto-construct the Mantine sub-hierarchy natively!\n  // If not, we defer to raw composable children (meaning the integrator maps `<Accordion.Control>` manually).\n  return (\n    <MantineAccordion.Item\n      ref={ref}\n      className={divider ? undefined : styles.noDivider}\n      {...rest}\n    >\n      {title ? (\n        <>\n          <AccordionControl leftIcon={leftIcon}>{title}</AccordionControl>\n          <AccordionPanel>{children}</AccordionPanel>\n        </>\n      ) : (\n        children\n      )}\n    </MantineAccordion.Item>\n  );\n});\nAccordionItem.displayName = \"AccordionItem\";\n\n// ==== ACCORDION CONTROL ====\nexport type RecursicaAccordionControlProps = AccordionControlProps & {\n  /**\n   * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.\n   */\n  leftIcon?: React.ReactNode;\n};\n\nexport const AccordionControl = forwardRef<\n  HTMLButtonElement,\n  RecursicaAccordionControlProps\n>(function AccordionControl({ leftIcon, children, ...rest }, ref) {\n  return (\n    <MantineAccordion.Control\n      ref={ref}\n      icon={\n        leftIcon ? (\n          <span className={styles.iconLeftWrapper} aria-hidden>\n            {leftIcon}\n          </span>\n        ) : undefined\n      }\n      {...rest}\n    >\n      {children}\n    </MantineAccordion.Control>\n  );\n});\nAccordionControl.displayName = \"AccordionControl\";\n\n// ==== ACCORDION PANEL ====\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n  function AccordionPanel(props, ref) {\n    return <MantineAccordion.Panel ref={ref} {...props} />;\n  },\n);\nAccordionPanel.displayName = \"AccordionPanel\";\n\n// ==== DOT NOTATION EXPORT ====\ntype AccordionComponent = typeof AccordionBase & {\n  Item: typeof AccordionItem;\n  Control: typeof AccordionControl;\n  Panel: typeof AccordionPanel;\n};\n\nexport const Accordion = AccordionBase as AccordionComponent;\nAccordion.Item = AccordionItem;\nAccordion.Control = AccordionControl;\nAccordion.Panel = AccordionPanel;\n","import React, { forwardRef } from \"react\";\nimport {\n  Avatar as MantineAvatar,\n  type AvatarProps as MantineAvatarProps,\n} from \"@mantine/core\";\nimport styles from \"./Avatar.module.css\";\n\nexport interface RecursicaAvatarProps {\n  size?: \"small\" | \"default\" | \"large\";\n  variant?: \"solid\" | \"outline\" | \"ghost\";\n  icon?: React.ReactNode;\n}\n\nexport type AvatarProps = Omit<\n  MantineAvatarProps,\n  \"variant\" | \"size\" | \"color\" | \"radius\"\n> &\n  RecursicaAvatarProps;\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    size = \"default\",\n    variant = \"solid\",\n    icon,\n    className,\n    classNames,\n    children,\n    style,\n    src,\n    ...rest\n  },\n  ref,\n) {\n  const mapVariant = {\n    solid: \"filled\",\n    outline: \"outline\",\n    ghost: \"transparent\",\n  } as const;\n\n  const mapSize = {\n    default: \"md\",\n    small: \"sm\",\n    large: \"lg\",\n  } as const;\n\n  // Determine semantic style based on provided props\n  let computedStyle = \"text\";\n  if (src) {\n    computedStyle = \"image\";\n  } else if (icon) {\n    computedStyle = \"icon\";\n  }\n\n  const mergedClassNames: Partial<Record<string, string>> = {\n    root: styles.root,\n    image: styles.image,\n    placeholder: styles.placeholder,\n  };\n\n  if (\n    classNames &&\n    typeof classNames === \"object\" &&\n    !Array.isArray(classNames)\n  ) {\n    const o = classNames as Partial<Record<string, string>>;\n    mergedClassNames.root = o.root ? `${styles.root} ${o.root}` : styles.root;\n    mergedClassNames.image = o.image\n      ? `${styles.image} ${o.image}`\n      : styles.image;\n    mergedClassNames.placeholder = o.placeholder\n      ? `${styles.placeholder} ${o.placeholder}`\n      : styles.placeholder;\n  }\n\n  return (\n    <MantineAvatar\n      ref={ref}\n      className={className}\n      classNames={mergedClassNames}\n      variant={mapVariant[variant]}\n      size={mapSize[size]}\n      style={style}\n      src={src}\n      data-variant={variant}\n      data-size={size}\n      data-style={computedStyle}\n      {...rest}\n    >\n      {icon != null ? (\n        <span className={styles.iconWrapper} aria-hidden>\n          {icon}\n        </span>\n      ) : children != null ? (\n        <span className={styles.textWrapper}>{children}</span>\n      ) : undefined}\n    </MantineAvatar>\n  );\n});\n\nAvatar.displayName = \"Avatar\";\n","\"use client\";\n\nimport { useEffect } from \"react\";\n\nconst THEME_ATTRIBUTE = \"data-recursica-theme\";\n\nexport interface RecursicaThemeProviderProps {\n  /** 'light' | 'dark'. Defaults to 'light' when omitted. */\n  theme?: \"light\" | \"dark\";\n  children: React.ReactNode;\n}\n\n/**\n * Sets data-recursica-theme on document.documentElement so Recursica scoped CSS\n * (e.g. recursica_variables_scoped.css) applies the correct theme and layer-0 variables.\n * Default is light theme.\n */\nexport function RecursicaThemeProvider({\n  children,\n  theme = \"light\",\n}: RecursicaThemeProviderProps) {\n  useEffect(() => {\n    const root = document.documentElement;\n    root.setAttribute(THEME_ATTRIBUTE, theme);\n    return () => {\n      root.removeAttribute(THEME_ATTRIBUTE);\n    };\n  }, [theme]);\n\n  return <>{children}</>;\n}\n"],"names":["Layer","forwardRef","layer","contentsOnly","children","className","style","rest","ref","rootClassName","styles","jsx","hasVisibleChildren","Button","variant","size","icon","classNames","mapVariant","mapSize","restRecord","hasLeftSection","hasRightSection","isIconOnly","mergedClassNames","o","MantineButton","AccordionBase","key","MantineAccordion","AccordionItem","title","leftIcon","divider","jsxs","Fragment","AccordionControl","AccordionPanel","props","Accordion","Avatar","src","computedStyle","MantineAvatar","THEME_ATTRIBUTE","RecursicaThemeProvider","theme","useEffect","root"],"mappings":"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"}

package/dist/mantine-adapter.css

@@ -0,0 +1 @@
+.Layer-module__root___uz07-{display:block;border-style:solid}.Layer-module__root___uz07-.Layer-module__contents___A7K56{display:contents;border-style:unset}.Layer-module__root___uz07-[data-recursica-layer="0"]{background-color:var(--recursica_brand_layer_0_properties_surface);color:var(--recursica_brand_layer_0_elements_text_color);border-color:var(--recursica_brand_layer_0_properties_border-color);border-width:var(--recursica_brand_layer_0_properties_border-size);border-radius:var(--recursica_brand_layer_0_properties_border-radius);box-shadow:var(--recursica_brand_layer_0_properties_elevation);padding:var(--recursica_brand_layer_0_properties_padding)}.Layer-module__root___uz07-[data-recursica-layer="1"]{background-color:var(--recursica_brand_layer_1_properties_surface);color:var(--recursica_brand_layer_1_elements_text_color);border-color:var(--recursica_brand_layer_1_properties_border-color);border-width:var(--recursica_brand_layer_1_properties_border-size);border-radius:var(--recursica_brand_layer_1_properties_border-radius);box-shadow:var(--recursica_brand_layer_1_properties_elevation);padding:var(--recursica_brand_layer_1_properties_padding)}.Layer-module__root___uz07-[data-recursica-layer="2"]{background-color:var(--recursica_brand_layer_2_properties_surface);color:var(--recursica_brand_layer_2_elements_text_color);border-color:var(--recursica_brand_layer_2_properties_border-color);border-width:var(--recursica_brand_layer_2_properties_border-size);border-radius:var(--recursica_brand_layer_2_properties_border-radius);box-shadow:var(--recursica_brand_layer_2_properties_elevation);padding:var(--recursica_brand_layer_2_properties_padding)}.Layer-module__root___uz07-[data-recursica-layer="3"]{background-color:var(--recursica_brand_layer_3_properties_surface);color:var(--recursica_brand_layer_3_elements_text_color);border-color:var(--recursica_brand_layer_3_properties_border-color);border-width:var(--recursica_brand_layer_3_properties_border-size);border-radius:var(--recursica_brand_layer_3_properties_border-radius);box-shadow:var(--recursica_brand_layer_3_properties_elevation);padding:var(--recursica_brand_layer_3_properties_padding)}.Button-module__root___Q2R8-{box-sizing:border-box;margin:0;border-style:solid;overflow:hidden;position:relative;transition:all .2s ease;font-family:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_font-family );font-size:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_font-size );font-style:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_font-style );font-weight:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_font-weight );letter-spacing:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_letter-spacing );line-height:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_line-height );text-decoration:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_text-decoration );text-transform:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_text-transform )}.Button-module__root___Q2R8->*{min-width:0;width:100%;position:relative;z-index:1}.Button-module__label___UJ3Zt{display:flex;align-items:center;min-width:0;flex:1 1 0}.Button-module__labelText___rFV5p{display:block;min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit}.Button-module__root___Q2R8-[data-size=default]{border-radius:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_border-radius );height:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_height );min-width:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_min-width );max-width:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_max-width );padding:0 var( --recursica_ui-kit_components_button_variants_sizes_default_properties_horizontal-padding )}.Button-module__root___Q2R8-[data-size=small]{border-radius:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_border-radius );height:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_height );min-width:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_min-width );max-width:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_max-width );padding:0 var( --recursica_ui-kit_components_button_variants_sizes_small_properties_horizontal-padding );font-family:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_text_font-family, var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_font-family ) );font-size:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_text_font-size, var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_font-size ) );font-weight:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_text_font-weight, var( --recursica_ui-kit_components_button_variants_sizes_default_properties_text_font-weight ) )}.Button-module__iconWrapper___uEKPa{display:flex;align-items:center;justify-content:center;flex-shrink:0}.Button-module__iconWrapper___uEKPa>*{width:100%;height:100%;object-fit:contain}.Button-module__root___Q2R8-[data-size=default] .Button-module__iconWrapper___uEKPa{width:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_icon );height:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_icon )}.Button-module__root___Q2R8-[data-size=small] .Button-module__iconWrapper___uEKPa{width:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_icon );height:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_icon )}.Button-module__section___f2mKr{min-width:0}.Button-module__root___Q2R8-[data-size=default] .Button-module__section___f2mKr{gap:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_icon-text-gap )}.Button-module__root___Q2R8-[data-size=small] .Button-module__section___f2mKr{gap:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_icon-text-gap )}.Button-module__root___Q2R8-[data-icon-only] .Button-module__section___f2mKr{gap:0}.Button-module__root___Q2R8-[data-icon-only] .Button-module__section___f2mKr[data-position=left]{margin-inline-end:0}.Button-module__root___Q2R8-[data-icon-only] .Button-module__section___f2mKr[data-position=right]{margin-inline-start:0}.Button-module__root___Q2R8-:disabled{opacity:var(--recursica_brand_states_disabled);cursor:not-allowed}.Button-module__root___Q2R8-:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0;pointer-events:none;transition:opacity .15s ease;opacity:0}.Button-module__root___Q2R8-[data-size=default]:after{background-color:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_hover-color )}.Button-module__root___Q2R8-[data-size=small]:after{background-color:var( --recursica_ui-kit_components_button_variants_sizes_small_properties_hover-color )}.Button-module__root___Q2R8-:hover:not(:disabled):after{opacity:var( --recursica_ui-kit_components_button_variants_sizes_default_properties_hover-opacity, .1 )}.Button-module__root___Q2R8-[data-variant=solid]{border-width:var( --recursica_ui-kit_components_button_variants_styles_solid_properties_border-size );box-shadow:var( --recursica_ui-kit_components_button_variants_styles_solid_properties_elevation );background-color:var( --recursica_ui-kit_components_button_variants_styles_solid_properties_colors_background );border-color:var( --recursica_ui-kit_components_button_variants_styles_solid_properties_colors_border-color );color:var( --recursica_ui-kit_components_button_variants_styles_solid_properties_colors_text )}.Button-module__root___Q2R8-[data-variant=solid]:hover:not(:disabled){color:var( --recursica_ui-kit_components_button_variants_styles_solid_properties_colors_text-hover )}.Button-module__root___Q2R8-[data-variant=outline]{border-width:var( --recursica_ui-kit_components_button_variants_styles_outline_properties_border-size );box-shadow:var( --recursica_ui-kit_components_button_variants_styles_outline_properties_elevation );background-color:var( --recursica_ui-kit_components_button_variants_styles_outline_properties_colors_background );border-color:var( --recursica_ui-kit_components_button_variants_styles_outline_properties_colors_border-color );color:var( --recursica_ui-kit_components_button_variants_styles_outline_properties_colors_text )}.Button-module__root___Q2R8-[data-variant=outline]:hover:not(:disabled){color:var( --recursica_ui-kit_components_button_variants_styles_outline_properties_colors_text-hover )}.Button-module__root___Q2R8-[data-variant=text]{border-width:var( --recursica_ui-kit_components_button_variants_styles_text_properties_border-size );box-shadow:var( --recursica_ui-kit_components_button_variants_styles_text_properties_elevation );background-color:var( --recursica_ui-kit_components_button_variants_styles_text_properties_colors_background );border-color:var( --recursica_ui-kit_components_button_variants_styles_text_properties_colors_border-color );color:var( --recursica_ui-kit_components_button_variants_styles_text_properties_colors_text )}.Button-module__root___Q2R8-[data-variant=text]:hover:not(:disabled){color:var( --recursica_ui-kit_components_button_variants_styles_text_properties_colors_text-hover )}.Accordion-module__root___Dem6d{box-sizing:border-box;margin:0;display:flex;flex-direction:column;border-style:solid;border-width:var( --recursica_ui-kit_components_accordion_properties_border-size );border-radius:var( --recursica_ui-kit_components_accordion_properties_border-radius );border-color:var( --recursica_ui-kit_components_accordion_properties_colors_border-color );background-color:var( --recursica_ui-kit_components_accordion_properties_colors_background );box-shadow:var(--recursica_ui-kit_components_accordion_properties_elevation);max-width:var(--recursica_ui-kit_components_accordion_properties_max-width);min-width:var(--recursica_ui-kit_components_accordion_properties_min-width);padding:var(--recursica_ui-kit_components_accordion_properties_padding);gap:var(--recursica_ui-kit_components_accordion_properties_item-gap)}.Accordion-module__item___7ryVk{box-sizing:border-box;margin:0;position:relative;transition:all .2s ease;border-bottom:none;border-style:solid;border-color:var( --recursica_ui-kit_components_accordion-item_properties_colors_divider );border-width:var( --recursica_ui-kit_components_accordion-item_properties_divider-size );border-radius:var( --recursica_ui-kit_components_accordion-item_properties_border-radius );box-shadow:var( --recursica_ui-kit_components_accordion-item_properties_elevation );background-color:var( --recursica_ui-kit_components_accordion-item_properties_colors_background-collapsed )}.Accordion-module__item___7ryVk[data-active]{background-color:var( --recursica_ui-kit_components_accordion-item_properties_colors_background-expanded )}.Accordion-module__noDivider___Ni2tT{border-bottom:none!important;border-bottom-width:0!important}.Accordion-module__control___b4wgX{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--recursica_ui-kit_components_accordion-item_properties_icon-gap);padding:var( --recursica_ui-kit_components_accordion-item_properties_padding-vertical ) var( --recursica_ui-kit_components_accordion-item_properties_padding-horizontal );background-color:transparent;transition:background-color .15s ease;position:relative;z-index:1;color:var( --recursica_ui-kit_components_accordion-item_properties_colors_text );font-family:var( --recursica_ui-kit_components_accordion-item_properties_header-text_font-family );font-size:var( --recursica_ui-kit_components_accordion-item_properties_header-text_font-size );font-weight:var( --recursica_ui-kit_components_accordion-item_properties_header-text_font-weight );font-style:var( --recursica_ui-kit_components_accordion-item_properties_header-text_font-style );letter-spacing:var( --recursica_ui-kit_components_accordion-item_properties_header-text_letter-spacing );line-height:var( --recursica_ui-kit_components_accordion-item_properties_header-text_line-height );text-decoration:var( --recursica_ui-kit_components_accordion-item_properties_header-text_text-decoration );text-transform:var( --recursica_ui-kit_components_accordion-item_properties_header-text_text-transform )}.Accordion-module__control___b4wgX:hover{background-color:transparent}.Accordion-module__control___b4wgX:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;pointer-events:none;background-color:var( --recursica_ui-kit_components_accordion-item_properties_hover-color );opacity:0;transition:opacity .15s ease}.Accordion-module__control___b4wgX:hover:not(:disabled):after{opacity:var( --recursica_ui-kit_components_accordion-item_properties_hover-opacity, .1 )}.Accordion-module__label___Ss7uW{flex:1;text-align:left;color:inherit;padding:0}.Accordion-module__chevron___i-HVZ{flex-shrink:0;width:var( --recursica_ui-kit_components_accordion-item_properties_icon-right-size );height:var( --recursica_ui-kit_components_accordion-item_properties_icon-right-size );color:var( --recursica_ui-kit_components_accordion-item_properties_colors_icon );margin:0;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.Accordion-module__chevron___i-HVZ>*{width:100%;height:100%;object-fit:contain}.Accordion-module__item___7ryVk[data-active] .Accordion-module__chevron___i-HVZ{transform:rotate(180deg)}.Accordion-module__iconLeftWrapper___5oLen{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var( --recursica_ui-kit_components_accordion-item_properties_icon-left-size );height:var( --recursica_ui-kit_components_accordion-item_properties_icon-left-size );color:var( --recursica_ui-kit_components_accordion-item_properties_colors_icon )}.Accordion-module__iconLeftWrapper___5oLen>*{width:100%;height:100%;object-fit:contain}.Accordion-module__panel___Wx50w{box-sizing:border-box;margin:0;padding:0;background-color:var( --recursica_ui-kit_components_accordion-item_properties_colors_content-background )}.Accordion-module__content___PEM9t{box-sizing:border-box;padding:0 var( --recursica_ui-kit_components_accordion-item_properties_padding-horizontal ) var( --recursica_ui-kit_components_accordion-item_properties_content-bottom-padding );padding-top:var( --recursica_ui-kit_components_accordion-item_properties_header-content-gap );color:var( --recursica_ui-kit_components_accordion-item_properties_colors_content-text );font-family:var( --recursica_ui-kit_components_accordion-item_properties_content-text_font-family );font-size:var( --recursica_ui-kit_components_accordion-item_properties_content-text_font-size );font-weight:var( --recursica_ui-kit_components_accordion-item_properties_content-text_font-weight );font-style:var( --recursica_ui-kit_components_accordion-item_properties_content-text_font-style );letter-spacing:var( --recursica_ui-kit_components_accordion-item_properties_content-text_letter-spacing );line-height:var( --recursica_ui-kit_components_accordion-item_properties_content-text_line-height );text-decoration:var( --recursica_ui-kit_components_accordion-item_properties_content-text_text-decoration );text-transform:var( --recursica_ui-kit_components_accordion-item_properties_content-text_text-transform )}.Avatar-module__root___fXu-J{box-sizing:border-box;margin:0;border-style:solid;overflow:hidden;position:relative;transition:all .2s ease;--avatar-bd: none;--avatar-bg: transparent;--avatar-color: inherit}.Avatar-module__root___fXu-J[data-size=small]{width:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_width );height:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_height );border-width:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_border-size )}.Avatar-module__root___fXu-J[data-size=small] .Avatar-module__iconWrapper___ojly2{width:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_icon-size );height:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_icon-size )}.Avatar-module__root___fXu-J[data-size=small] .Avatar-module__textWrapper___zp-jD{font-family:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_font-family );font-size:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_font-size );font-style:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_font-style );font-weight:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_font-weight );letter-spacing:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_letter-spacing );line-height:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_line-height );text-decoration:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_text-decoration );text-transform:var( --recursica_ui-kit_components_avatar_variants_sizes_small_properties_text_text-transform )}.Avatar-module__root___fXu-J[data-size=default]{width:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_width );height:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_height );border-width:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_border-size )}.Avatar-module__root___fXu-J[data-size=default] .Avatar-module__iconWrapper___ojly2{width:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_icon-size );height:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_icon-size )}.Avatar-module__root___fXu-J[data-size=default] .Avatar-module__textWrapper___zp-jD{font-family:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_font-family );font-size:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_font-size );font-style:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_font-style );font-weight:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_font-weight );letter-spacing:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_letter-spacing );line-height:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_line-height );text-decoration:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_text-decoration );text-transform:var( --recursica_ui-kit_components_avatar_variants_sizes_default_properties_text_text-transform )}.Avatar-module__root___fXu-J[data-size=large]{width:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_width );height:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_height );border-width:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_border-size )}.Avatar-module__root___fXu-J[data-size=large] .Avatar-module__iconWrapper___ojly2{width:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_icon-size );height:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_icon-size )}.Avatar-module__root___fXu-J[data-size=large] .Avatar-module__textWrapper___zp-jD{font-family:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_font-family );font-size:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_font-size );font-style:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_font-style );font-weight:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_font-weight );letter-spacing:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_letter-spacing );line-height:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_line-height );text-decoration:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_text-decoration );text-transform:var( --recursica_ui-kit_components_avatar_variants_sizes_large_properties_text_text-transform )}.Avatar-module__root___fXu-J[data-style=image]{border-radius:var( --recursica_ui-kit_components_avatar_variants_styles_image_properties_border-radius );border-width:var( --recursica_ui-kit_components_avatar_variants_styles_image_properties_border-size );padding:var( --recursica_ui-kit_components_avatar_variants_styles_image_properties_padding );background-color:transparent;border-color:transparent}.Avatar-module__image___ieqGp{object-fit:cover;width:100%;height:100%}.Avatar-module__placeholder___IDW7-{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;background-color:transparent}.Avatar-module__iconWrapper___ojly2{display:flex;align-items:center;justify-content:center;flex-shrink:0}.Avatar-module__iconWrapper___ojly2>*{width:100%;height:100%;object-fit:contain}.Avatar-module__textWrapper___zp-jD{display:inline-flex;align-items:center;justify-content:center}.Avatar-module__root___fXu-J[data-style=icon]{border-radius:var( --recursica_ui-kit_components_avatar_variants_styles_icon_properties_border-radius );padding:var( --recursica_ui-kit_components_avatar_variants_styles_icon_properties_padding )}.Avatar-module__root___fXu-J[data-style=icon][data-variant=solid]{border-width:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_solid_properties_border-size );background-color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_solid_properties_colors_background );border-color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_solid_properties_colors_border-color );color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_solid_properties_colors_icon-color, var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_solid_properties_colors_text-color ) )}.Avatar-module__root___fXu-J[data-style=icon][data-variant=outline]{border-width:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_outline_properties_border-size );background-color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_outline_properties_colors_background );border-color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_outline_properties_colors_border-color );color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_outline_properties_colors_icon-color, var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_outline_properties_colors_text-color ) )}.Avatar-module__root___fXu-J[data-style=icon][data-variant=ghost]{border-width:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_ghost_properties_border-size );background-color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_ghost_properties_colors_background );border-color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_ghost_properties_colors_border-color );color:var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_ghost_properties_colors_icon-color, var( --recursica_ui-kit_components_avatar_variants_styles_icon_variants_ghost_properties_colors_text-color ) )}.Avatar-module__root___fXu-J[data-style=text]{border-radius:var( --recursica_ui-kit_components_avatar_variants_styles_text_properties_border-radius );padding:var( --recursica_ui-kit_components_avatar_variants_styles_text_properties_padding )}.Avatar-module__root___fXu-J[data-style=text][data-variant=solid]{border-width:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_solid_properties_border-size );background-color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_solid_properties_colors_background );border-color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_solid_properties_colors_border-color );color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_solid_properties_colors_text-color )}.Avatar-module__root___fXu-J[data-style=text][data-variant=outline]{border-width:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_outline_properties_border-size );background-color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_outline_properties_colors_background );border-color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_outline_properties_colors_border-color );color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_outline_properties_colors_text-color )}.Avatar-module__root___fXu-J[data-style=text][data-variant=ghost]{border-width:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_ghost_properties_border-size );background-color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_ghost_properties_colors_background );border-color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_ghost_properties_colors_border-color );color:var( --recursica_ui-kit_components_avatar_variants_styles_text_variants_ghost_properties_colors_text-color )}

package/dist/mantine-adapter.js

@@ -0,0 +1,240 @@
+import { jsx as a, jsxs as P, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as A, useEffect as j } from "react";
+import { Button as D, Accordion as $, Avatar as I } from "@mantine/core";
+const R = "Layer-module__root___uz07-", V = "Layer-module__contents___A7K56", f = {
+  root: R,
+  contents: V
+}, z = A(function({ layer: t, contentsOnly: o, children: n, className: r, style: e, ...l }, i) {
+  const m = o ? r ? `${f.root} ${f.contents} ${r}` : `${f.root} ${f.contents}` : r ? `${f.root} ${r}` : f.root;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: i,
+      className: m,
+      style: e,
+      ...o ? {} : { "data-recursica-layer": String(t) },
+      ...l,
+      children: n
+    }
+  );
+});
+z.displayName = "Layer";
+const w = "Button-module__root___Q2R8-", K = "Button-module__label___UJ3Zt", F = "Button-module__labelText___rFV5p", H = "Button-module__iconWrapper___uEKPa", J = "Button-module__section___f2mKr", _ = {
+  root: w,
+  label: K,
+  labelText: F,
+  iconWrapper: H,
+  section: J
+};
+function M(c) {
+  return c == null || c === "" ? !1 : typeof c == "string" ? c.trim() !== "" : !0;
+}
+const O = A(
+  function({
+    variant: t = "solid",
+    size: o = "default",
+    icon: n,
+    className: r,
+    classNames: e,
+    children: l,
+    style: i,
+    ...m
+  }, g) {
+    const W = {
+      solid: "filled",
+      outline: "outline",
+      text: "subtle"
+    }, x = {
+      default: "md",
+      small: "sm"
+    }, b = m, y = !!n || !!b.leftSection, p = !!b.rightSection, d = (y || p) && !M(l);
+    typeof process < "u" && process.env.NODE_ENV !== "production" && d && !b["aria-label"] && console.warn(
+      '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
+    );
+    const h = {
+      root: _.root,
+      section: _.section,
+      label: _.label
+    };
+    if (e && typeof e == "object" && !Array.isArray(e)) {
+      const v = e;
+      h.root = v.root ? `${_.root} ${v.root}` : _.root, h.section = v.section ?? _.section, h.label = v.label ?? _.label;
+    }
+    return /* @__PURE__ */ a(
+      D,
+      {
+        ref: g,
+        className: r,
+        classNames: h,
+        variant: W[t],
+        size: x[o],
+        style: i,
+        leftSection: n != null ? /* @__PURE__ */ a("span", { className: _.iconWrapper, "aria-hidden": !0, children: n }) : void 0,
+        "data-variant": t,
+        "data-size": o,
+        ...d ? { "data-icon-only": "" } : {},
+        ...m,
+        children: /* @__PURE__ */ a("span", { className: _.labelText, children: l })
+      }
+    );
+  }
+);
+O.displayName = "Button";
+const U = "Accordion-module__root___Dem6d", X = "Accordion-module__item___7ryVk", Z = "Accordion-module__noDivider___Ni2tT", q = "Accordion-module__control___b4wgX", G = "Accordion-module__label___Ss7uW", Q = "Accordion-module__chevron___i-HVZ", Y = "Accordion-module__iconLeftWrapper___5oLen", k = "Accordion-module__panel___Wx50w", oo = "Accordion-module__content___PEM9t", u = {
+  root: U,
+  item: X,
+  noDivider: Z,
+  control: q,
+  label: G,
+  chevron: Q,
+  iconLeftWrapper: Y,
+  panel: k,
+  content: oo
+}, E = function({
+  className: t,
+  classNames: o,
+  variant: n = "unstyled",
+  ...r
+}) {
+  const e = {
+    root: u.root,
+    item: u.item,
+    control: u.control,
+    label: u.label,
+    chevron: u.chevron,
+    panel: u.panel,
+    content: u.content
+  };
+  if (o && typeof o == "object" && !Array.isArray(o)) {
+    const l = o;
+    Object.keys(l).forEach((i) => {
+      e[i] ? e[i] = `${e[i]} ${l[i]}` : e[i] = l[i];
+    });
+  }
+  return /* @__PURE__ */ a(
+    $,
+    {
+      variant: n,
+      className: t,
+      classNames: e,
+      ...r
+    }
+  );
+};
+E.displayName = "Accordion";
+const T = A(function({ title: t, leftIcon: o, divider: n = !0, children: r, ...e }, l) {
+  return /* @__PURE__ */ a(
+    $.Item,
+    {
+      ref: l,
+      className: n ? void 0 : u.noDivider,
+      ...e,
+      children: t ? /* @__PURE__ */ P(C, { children: [
+        /* @__PURE__ */ a(B, { leftIcon: o, children: t }),
+        /* @__PURE__ */ a(N, { children: r })
+      ] }) : r
+    }
+  );
+});
+T.displayName = "AccordionItem";
+const B = A(function({ leftIcon: t, children: o, ...n }, r) {
+  return /* @__PURE__ */ a(
+    $.Control,
+    {
+      ref: r,
+      icon: t ? /* @__PURE__ */ a("span", { className: u.iconLeftWrapper, "aria-hidden": !0, children: t }) : void 0,
+      ...n,
+      children: o
+    }
+  );
+});
+B.displayName = "AccordionControl";
+const N = A(
+  function(t, o) {
+    return /* @__PURE__ */ a($.Panel, { ref: o, ...t });
+  }
+);
+N.displayName = "AccordionPanel";
+const L = E;
+L.Item = T;
+L.Control = B;
+L.Panel = N;
+const to = "Avatar-module__root___fXu-J", eo = "Avatar-module__iconWrapper___ojly2", no = "Avatar-module__textWrapper___zp-jD", ro = "Avatar-module__image___ieqGp", ao = "Avatar-module__placeholder___IDW7-", s = {
+  root: to,
+  iconWrapper: eo,
+  textWrapper: no,
+  image: ro,
+  placeholder: ao
+}, co = A(function({
+  size: t = "default",
+  variant: o = "solid",
+  icon: n,
+  className: r,
+  classNames: e,
+  children: l,
+  style: i,
+  src: m,
+  ...g
+}, W) {
+  const x = {
+    solid: "filled",
+    outline: "outline",
+    ghost: "transparent"
+  }, b = {
+    default: "md",
+    small: "sm",
+    large: "lg"
+  };
+  let y = "text";
+  m ? y = "image" : n && (y = "icon");
+  const p = {
+    root: s.root,
+    image: s.image,
+    placeholder: s.placeholder
+  };
+  if (e && typeof e == "object" && !Array.isArray(e)) {
+    const d = e;
+    p.root = d.root ? `${s.root} ${d.root}` : s.root, p.image = d.image ? `${s.image} ${d.image}` : s.image, p.placeholder = d.placeholder ? `${s.placeholder} ${d.placeholder}` : s.placeholder;
+  }
+  return /* @__PURE__ */ a(
+    I,
+    {
+      ref: W,
+      className: r,
+      classNames: p,
+      variant: x[o],
+      size: b[t],
+      style: i,
+      src: m,
+      "data-variant": o,
+      "data-size": t,
+      "data-style": y,
+      ...g,
+      children: n != null ? /* @__PURE__ */ a("span", { className: s.iconWrapper, "aria-hidden": !0, children: n }) : l != null ? /* @__PURE__ */ a("span", { className: s.textWrapper, children: l }) : void 0
+    }
+  );
+});
+co.displayName = "Avatar";
+const S = "data-recursica-theme";
+function _o({
+  children: c,
+  theme: t = "light"
+}) {
+  return j(() => {
+    const o = document.documentElement;
+    return o.setAttribute(S, t), () => {
+      o.removeAttribute(S);
+    };
+  }, [t]), /* @__PURE__ */ a(C, { children: c });
+}
+export {
+  L as Accordion,
+  B as AccordionControl,
+  T as AccordionItem,
+  N as AccordionPanel,
+  co as Avatar,
+  O as Button,
+  z as Layer,
+  _o as RecursicaThemeProvider
+};
+//# sourceMappingURL=mantine-adapter.js.map

package/dist/mantine-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mantine-adapter.js","sources":["../src/components/Layer/Layer.tsx","../src/components/Button/Button.tsx","../src/components/Accordion/Accordion.tsx","../src/components/Avatar/Avatar.tsx","../src/RecursicaThemeProvider/RecursicaThemeProvider.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport styles from \"./Layer.module.css\";\n\n/**\n * Recursica design-system props for Layer.\n * Sets data-recursica-layer so scoped CSS theme+layer blocks apply that layer's\n * generic brand vars (e.g. --recursica_brand_layer_N_properties_surface) to this element\n * and descendants. Theme is set on the document root (e.g. via RecursicaThemeProvider).\n * See recursica_variables_scoped.css header.\n */\nexport interface RecursicaLayerProps {\n  /** Layer (0–3). Sets data-recursica-layer on the root so descendants use this layer's styles. */\n  layer: 0 | 1 | 2 | 3;\n  /**\n   * When true, the root uses display: contents (no box, not styled) and data-recursica-layer\n   * is omitted so Recursica layer styling is not applied. Children still participate in the cascade.\n   */\n  contentsOnly?: boolean;\n  children?: React.ReactNode;\n}\n\nexport type LayerProps = RecursicaLayerProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Applies a Recursica layer context. Root has data-recursica-layer so scoped CSS\n * theme+layer blocks (e.g. [data-recursica-theme=\"light\"] [data-recursica-layer=\"1\"])\n * set generic brand vars on this element; descendants inherit. Use with theme on\n * document root (RecursicaThemeProvider). Root is display: block so padding/background apply.\n */\nexport const Layer = forwardRef<HTMLDivElement, LayerProps>(function Layer(\n  { layer, contentsOnly, children, className, style, ...rest },\n  ref,\n) {\n  const rootClassName = contentsOnly\n    ? className\n      ? `${styles.root} ${styles.contents} ${className}`\n      : `${styles.root} ${styles.contents}`\n    : className\n      ? `${styles.root} ${className}`\n      : styles.root;\n  return (\n    <div\n      ref={ref}\n      className={rootClassName}\n      style={style}\n      {...(contentsOnly ? {} : { \"data-recursica-layer\": String(layer) })}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nLayer.displayName = \"Layer\";\n","import React, { forwardRef } from \"react\";\nimport {\n  Button as MantineButton,\n  type ButtonProps as MantineButtonProps,\n} from \"@mantine/core\";\nimport styles from \"./Button.module.css\";\n\nexport interface RecursicaButtonProps {\n  variant?: \"solid\" | \"outline\" | \"text\";\n  size?: \"default\" | \"small\";\n  icon?: React.ReactNode;\n}\n\nexport type ButtonProps = Omit<\n  MantineButtonProps,\n  \"variant\" | \"size\" | \"leftSection\"\n> &\n  RecursicaButtonProps;\n\nfunction hasVisibleChildren(children: React.ReactNode): boolean {\n  if (children == null || children === \"\") return false;\n  if (typeof children === \"string\") return children.trim() !== \"\";\n  return true;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      variant = \"solid\",\n      size = \"default\",\n      icon,\n      className,\n      classNames,\n      children,\n      style,\n      ...rest\n    },\n    ref,\n  ) {\n    const mapVariant = {\n      solid: \"filled\",\n      outline: \"outline\",\n      text: \"subtle\",\n    } as const;\n\n    const mapSize = {\n      default: \"md\",\n      small: \"sm\",\n    } as const;\n\n    const restRecord = rest as Record<string, unknown>;\n    const hasLeftSection = !!icon || !!restRecord[\"leftSection\"];\n    const hasRightSection = !!restRecord[\"rightSection\"];\n    const isIconOnly =\n      (hasLeftSection || hasRightSection) && !hasVisibleChildren(children);\n\n    if (\n      typeof process !== \"undefined\" &&\n      process.env.NODE_ENV !== \"production\" &&\n      isIconOnly &&\n      !restRecord[\"aria-label\"]\n    ) {\n      console.warn(\n        '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label=\"Submit\").',\n      );\n    }\n\n    const mergedClassNames: Partial<Record<string, string>> = {\n      root: styles.root,\n      section: styles.section,\n      label: styles.label,\n    };\n    if (\n      classNames &&\n      typeof classNames === \"object\" &&\n      !Array.isArray(classNames)\n    ) {\n      const o = classNames as Partial<Record<string, string>>;\n      mergedClassNames.root = o.root ? `${styles.root} ${o.root}` : styles.root;\n      mergedClassNames.section = o.section ?? styles.section;\n      mergedClassNames.label = o.label ?? styles.label;\n    }\n\n    return (\n      <MantineButton\n        ref={ref}\n        className={className}\n        classNames={mergedClassNames}\n        variant={mapVariant[variant]}\n        size={mapSize[size]}\n        style={style}\n        leftSection={\n          icon != null ? (\n            <span className={styles.iconWrapper} aria-hidden>\n              {icon}\n            </span>\n          ) : undefined\n        }\n        data-variant={variant}\n        data-size={size}\n        {...(isIconOnly ? { \"data-icon-only\": \"\" } : {})}\n        {...rest}\n      >\n        <span className={styles.labelText}>{children}</span>\n      </MantineButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n","import React, { forwardRef } from \"react\";\nimport {\n  Accordion as MantineAccordion,\n  type AccordionProps as MantineAccordionProps,\n  type AccordionItemProps,\n  type AccordionControlProps,\n  type AccordionPanelProps,\n} from \"@mantine/core\";\nimport styles from \"./Accordion.module.css\";\n\n// ==== ACCORDION CONTAINER ====\nexport type AccordionProps = MantineAccordionProps;\n\nconst AccordionBase = function Accordion({\n  className,\n  classNames,\n  variant = \"unstyled\",\n  ...rest\n}: AccordionProps) {\n  // Bind all deep CSS module references natively into the global class mapping schema\n  const mergedClassNames: Record<string, string> = {\n    root: styles.root,\n    item: styles.item,\n    control: styles.control,\n    label: styles.label,\n    chevron: styles.chevron,\n    panel: styles.panel,\n    content: styles.content,\n  };\n\n  if (\n    classNames &&\n    typeof classNames === \"object\" &&\n    !Array.isArray(classNames)\n  ) {\n    const o = classNames as Record<string, string>;\n    Object.keys(o).forEach((key) => {\n      if (mergedClassNames[key]) {\n        mergedClassNames[key] = `${mergedClassNames[key]} ${o[key]}`;\n      } else {\n        mergedClassNames[key] = o[key];\n      }\n    });\n  }\n\n  return (\n    <MantineAccordion\n      variant={variant}\n      className={className}\n      classNames={mergedClassNames}\n      {...rest}\n    />\n  );\n};\nAccordionBase.displayName = \"Accordion\";\n\n// ==== ACCORDION ITEM ====\nexport type RecursicaAccordionItemProps = AccordionItemProps & {\n  /**\n   * When provided alongside `leftIcon` or independently, this auto-generates the Accordion Control and Panel DOM layers natively.\n   */\n  title?: React.ReactNode;\n\n  /**\n   * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.\n   */\n  leftIcon?: React.ReactNode;\n\n  /**\n   * Toggles the presence of the bottom trailing divider native to AccordionItems.\n   * @default true\n   */\n  divider?: boolean;\n\n  // Note on `open` property:\n  // Recursica structurally maps an `open` property for active state tracking. However, Mantine inherently demands array-driven states\n  // managed by the parent `<Accordion value=\"...\">` wrapper logic to accurately sequence expanding DOM animations. Attempting to force\n  // an isolated `open` boolean natively corrupts Mantine's transition observers, so no `open` prop is directly preserved on this wrapper.\n};\n\nexport const AccordionItem = forwardRef<\n  HTMLDivElement,\n  RecursicaAccordionItemProps\n>(function AccordionItem(\n  { title, leftIcon, divider = true, children, ...rest },\n  ref,\n) {\n  // If the user utilizes the explicit 'title' prop from Recursica, we securely auto-construct the Mantine sub-hierarchy natively!\n  // If not, we defer to raw composable children (meaning the integrator maps `<Accordion.Control>` manually).\n  return (\n    <MantineAccordion.Item\n      ref={ref}\n      className={divider ? undefined : styles.noDivider}\n      {...rest}\n    >\n      {title ? (\n        <>\n          <AccordionControl leftIcon={leftIcon}>{title}</AccordionControl>\n          <AccordionPanel>{children}</AccordionPanel>\n        </>\n      ) : (\n        children\n      )}\n    </MantineAccordion.Item>\n  );\n});\nAccordionItem.displayName = \"AccordionItem\";\n\n// ==== ACCORDION CONTROL ====\nexport type RecursicaAccordionControlProps = AccordionControlProps & {\n  /**\n   * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.\n   */\n  leftIcon?: React.ReactNode;\n};\n\nexport const AccordionControl = forwardRef<\n  HTMLButtonElement,\n  RecursicaAccordionControlProps\n>(function AccordionControl({ leftIcon, children, ...rest }, ref) {\n  return (\n    <MantineAccordion.Control\n      ref={ref}\n      icon={\n        leftIcon ? (\n          <span className={styles.iconLeftWrapper} aria-hidden>\n            {leftIcon}\n          </span>\n        ) : undefined\n      }\n      {...rest}\n    >\n      {children}\n    </MantineAccordion.Control>\n  );\n});\nAccordionControl.displayName = \"AccordionControl\";\n\n// ==== ACCORDION PANEL ====\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n  function AccordionPanel(props, ref) {\n    return <MantineAccordion.Panel ref={ref} {...props} />;\n  },\n);\nAccordionPanel.displayName = \"AccordionPanel\";\n\n// ==== DOT NOTATION EXPORT ====\ntype AccordionComponent = typeof AccordionBase & {\n  Item: typeof AccordionItem;\n  Control: typeof AccordionControl;\n  Panel: typeof AccordionPanel;\n};\n\nexport const Accordion = AccordionBase as AccordionComponent;\nAccordion.Item = AccordionItem;\nAccordion.Control = AccordionControl;\nAccordion.Panel = AccordionPanel;\n","import React, { forwardRef } from \"react\";\nimport {\n  Avatar as MantineAvatar,\n  type AvatarProps as MantineAvatarProps,\n} from \"@mantine/core\";\nimport styles from \"./Avatar.module.css\";\n\nexport interface RecursicaAvatarProps {\n  size?: \"small\" | \"default\" | \"large\";\n  variant?: \"solid\" | \"outline\" | \"ghost\";\n  icon?: React.ReactNode;\n}\n\nexport type AvatarProps = Omit<\n  MantineAvatarProps,\n  \"variant\" | \"size\" | \"color\" | \"radius\"\n> &\n  RecursicaAvatarProps;\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    size = \"default\",\n    variant = \"solid\",\n    icon,\n    className,\n    classNames,\n    children,\n    style,\n    src,\n    ...rest\n  },\n  ref,\n) {\n  const mapVariant = {\n    solid: \"filled\",\n    outline: \"outline\",\n    ghost: \"transparent\",\n  } as const;\n\n  const mapSize = {\n    default: \"md\",\n    small: \"sm\",\n    large: \"lg\",\n  } as const;\n\n  // Determine semantic style based on provided props\n  let computedStyle = \"text\";\n  if (src) {\n    computedStyle = \"image\";\n  } else if (icon) {\n    computedStyle = \"icon\";\n  }\n\n  const mergedClassNames: Partial<Record<string, string>> = {\n    root: styles.root,\n    image: styles.image,\n    placeholder: styles.placeholder,\n  };\n\n  if (\n    classNames &&\n    typeof classNames === \"object\" &&\n    !Array.isArray(classNames)\n  ) {\n    const o = classNames as Partial<Record<string, string>>;\n    mergedClassNames.root = o.root ? `${styles.root} ${o.root}` : styles.root;\n    mergedClassNames.image = o.image\n      ? `${styles.image} ${o.image}`\n      : styles.image;\n    mergedClassNames.placeholder = o.placeholder\n      ? `${styles.placeholder} ${o.placeholder}`\n      : styles.placeholder;\n  }\n\n  return (\n    <MantineAvatar\n      ref={ref}\n      className={className}\n      classNames={mergedClassNames}\n      variant={mapVariant[variant]}\n      size={mapSize[size]}\n      style={style}\n      src={src}\n      data-variant={variant}\n      data-size={size}\n      data-style={computedStyle}\n      {...rest}\n    >\n      {icon != null ? (\n        <span className={styles.iconWrapper} aria-hidden>\n          {icon}\n        </span>\n      ) : children != null ? (\n        <span className={styles.textWrapper}>{children}</span>\n      ) : undefined}\n    </MantineAvatar>\n  );\n});\n\nAvatar.displayName = \"Avatar\";\n","\"use client\";\n\nimport { useEffect } from \"react\";\n\nconst THEME_ATTRIBUTE = \"data-recursica-theme\";\n\nexport interface RecursicaThemeProviderProps {\n  /** 'light' | 'dark'. Defaults to 'light' when omitted. */\n  theme?: \"light\" | \"dark\";\n  children: React.ReactNode;\n}\n\n/**\n * Sets data-recursica-theme on document.documentElement so Recursica scoped CSS\n * (e.g. recursica_variables_scoped.css) applies the correct theme and layer-0 variables.\n * Default is light theme.\n */\nexport function RecursicaThemeProvider({\n  children,\n  theme = \"light\",\n}: RecursicaThemeProviderProps) {\n  useEffect(() => {\n    const root = document.documentElement;\n    root.setAttribute(THEME_ATTRIBUTE, theme);\n    return () => {\n      root.removeAttribute(THEME_ATTRIBUTE);\n    };\n  }, [theme]);\n\n  return <>{children}</>;\n}\n"],"names":["Layer","forwardRef","layer","contentsOnly","children","className","style","rest","ref","rootClassName","styles","jsx","hasVisibleChildren","Button","variant","size","icon","classNames","mapVariant","mapSize","restRecord","hasLeftSection","hasRightSection","isIconOnly","mergedClassNames","o","MantineButton","AccordionBase","key","MantineAccordion","AccordionItem","title","leftIcon","divider","jsxs","Fragment","AccordionControl","AccordionPanel","props","Accordion","Avatar","src","computedStyle","MantineAvatar","THEME_ATTRIBUTE","RecursicaThemeProvider","theme","useEffect","root"],"mappings":"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"}

package/dist/src/RecursicaThemeProvider/RecursicaThemeProvider.d.ts

@@ -0,0 +1,11 @@
+export interface RecursicaThemeProviderProps {
+    /** 'light' | 'dark'. Defaults to 'light' when omitted. */
+    theme?: "light" | "dark";
+    children: React.ReactNode;
+}
+/**
+ * Sets data-recursica-theme on document.documentElement so Recursica scoped CSS
+ * (e.g. recursica_variables_scoped.css) applies the correct theme and layer-0 variables.
+ * Default is light theme.
+ */
+export declare function RecursicaThemeProvider({ children, theme, }: RecursicaThemeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Accordion/Accordion.d.ts

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+import { AccordionProps as MantineAccordionProps, AccordionItemProps, AccordionControlProps, AccordionPanelProps } from '@mantine/core';
+export type AccordionProps = MantineAccordionProps;
+declare const AccordionBase: {
+    ({ className, classNames, variant, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type RecursicaAccordionItemProps = AccordionItemProps & {
+    /**
+     * When provided alongside `leftIcon` or independently, this auto-generates the Accordion Control and Panel DOM layers natively.
+     */
+    title?: React.ReactNode;
+    /**
+     * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * Toggles the presence of the bottom trailing divider native to AccordionItems.
+     * @default true
+     */
+    divider?: boolean;
+};
+export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & {
+    /**
+     * When provided alongside `leftIcon` or independently, this auto-generates the Accordion Control and Panel DOM layers natively.
+     */
+    title?: React.ReactNode;
+    /**
+     * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * Toggles the presence of the bottom trailing divider native to AccordionItems.
+     * @default true
+     */
+    divider?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type RecursicaAccordionControlProps = AccordionControlProps & {
+    /**
+     * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.
+     */
+    leftIcon?: React.ReactNode;
+};
+export declare const AccordionControl: React.ForwardRefExoticComponent<AccordionControlProps & {
+    /**
+     * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.
+     */
+    leftIcon?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLDivElement>>;
+type AccordionComponent = typeof AccordionBase & {
+    Item: typeof AccordionItem;
+    Control: typeof AccordionControl;
+    Panel: typeof AccordionPanel;
+};
+export declare const Accordion: AccordionComponent;
+export {};

package/dist/src/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export * from './Accordion';

package/dist/src/components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { AvatarProps as MantineAvatarProps } from '@mantine/core';
+export interface RecursicaAvatarProps {
+    size?: "small" | "default" | "large";
+    variant?: "solid" | "outline" | "ghost";
+    icon?: React.ReactNode;
+}
+export type AvatarProps = Omit<MantineAvatarProps, "variant" | "size" | "color" | "radius"> & RecursicaAvatarProps;
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<MantineAvatarProps, "color" | "variant" | "size" | "radius"> & RecursicaAvatarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/dist/src/components/Button/Button.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ButtonProps as MantineButtonProps } from '@mantine/core';
+export interface RecursicaButtonProps {
+    variant?: "solid" | "outline" | "text";
+    size?: "default" | "small";
+    icon?: React.ReactNode;
+}
+export type ButtonProps = Omit<MantineButtonProps, "variant" | "size" | "leftSection"> & RecursicaButtonProps;
+export declare const Button: React.ForwardRefExoticComponent<Omit<MantineButtonProps, "variant" | "size" | "leftSection"> & RecursicaButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/src/components/Layer/Layer.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Recursica design-system props for Layer.
+ * Sets data-recursica-layer so scoped CSS theme+layer blocks apply that layer's
+ * generic brand vars (e.g. --recursica_brand_layer_N_properties_surface) to this element
+ * and descendants. Theme is set on the document root (e.g. via RecursicaThemeProvider).
+ * See recursica_variables_scoped.css header.
+ */
+export interface RecursicaLayerProps {
+    /** Layer (0–3). Sets data-recursica-layer on the root so descendants use this layer's styles. */
+    layer: 0 | 1 | 2 | 3;
+    /**
+     * When true, the root uses display: contents (no box, not styled) and data-recursica-layer
+     * is omitted so Recursica layer styling is not applied. Children still participate in the cascade.
+     */
+    contentsOnly?: boolean;
+    children?: React.ReactNode;
+}
+export type LayerProps = RecursicaLayerProps & React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Applies a Recursica layer context. Root has data-recursica-layer so scoped CSS
+ * theme+layer blocks (e.g. [data-recursica-theme="light"] [data-recursica-layer="1"])
+ * set generic brand vars on this element; descendants inherit. Use with theme on
+ * document root (RecursicaThemeProvider). Root is display: block so padding/background apply.
+ */
+export declare const Layer: import('react').ForwardRefExoticComponent<RecursicaLayerProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Layer/index.d.ts

@@ -0,0 +1 @@
+export { Layer, type LayerProps, type RecursicaLayerProps } from './Layer';

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

@@ -0,0 +1,4 @@
+export * from './Layer';
+export * from './Button';
+export * from './Accordion';
+export * from './Avatar';

package/dist/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './RecursicaThemeProvider/RecursicaThemeProvider';

package/dist/src/types/index.d.ts

@@ -0,0 +1,6 @@
+export interface ComboboxItem {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}

package/dist/src/utils/copyToClipboard.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+/**
+ * Helper function for copy text to clipboard
+ * @param {string} textToCopy The text string for copying to the clipboard
+ * @param {element|node} componentRef The ref of the component that we want to trigger the copy
+ */
+declare const copyToClipboard: (textToCopy: string, componentRef: React.RefObject<HTMLElement | null>) => Promise<void>;
+export { copyToClipboard };

package/dist/src/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './copyToClipboard';

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfigFnObject;
+export default _default;

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/vitest.workspace.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vitest/config').TestProjectConfiguration[];
+export default _default;

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@recursica/mantine-adapter",
+  "description": "Reusable UI components for Recursica applications based on Mantine 8+",
+  "private": false,
+  "homepage": "https://github.com/borderux/recursica/tree/main/packages/mantine-adapter",
+  "author": "hi@borderux.com",
+  "bugs": {
+    "url": "https://github.com/borderux/recursica/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/borderux/recursica.git"
+  },
+  "version": "0.3.0",
+  "type": "module",
+  "main": "./dist/mantine-adapter.cjs",
+  "module": "./dist/mantine-adapter.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/mantine-adapter.js",
+      "require": "./dist/mantine-adapter.cjs"
+    },
+    "./style.css": "./dist/mantine-adapter.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "typescript",
+    "mantine",
+    "recursica",
+    "design system",
+    "design systems"
+  ],
+  "scripts": {
+    "dev": "npm run storybook",
+    "build": "vite build --mode library",
+    "build-storybook": "storybook build -o storybook-static",
+    "lint": "eslint .",
+    "storybook": "storybook dev -p 6006"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.1.1",
+    "@eslint/js": "^9.25.0",
+    "@recursica/recursica-postcss-vars": "*",
+    "@repo/typescript-config": "*",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-mcp": "^0.4.2",
+    "@storybook/addon-onboarding": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^10.3.3",
+    "globals": "^16.0.0",
+    "playwright": "^1.53.0",
+    "sass": "^1.89.2",
+    "sirv": "^3.0.2",
+    "storybook": "^10.3.3",
+    "strip-literal": "^3.0.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "@mantine/core": ">=8.0.0",
+    "@mantine/dates": ">=8.0.0",
+    "@mantine/hooks": ">=8.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  }
+}