@recursica/mantine-adapter 0.9.3 → 1.0.0

package/dist/assets/src/components/Accordion/Accordion.css.ts.vanilla-BnZlbbJN.css

@@ -0,0 +1,31 @@
+.recursica-15e76700 {
+  min-width: var(--accordion-size-min-width);
+  max-width: var(--accordion-size-max-width);
+  padding: var(--dimension-lg);
+  padding-bottom: var(--dimension-lg);
+  align-items: center;
+}
+.recursica-15e76701 {
+  font-family: var(--typography-subtitle-1-normal-font-family);
+  font-size: var(--typography-subtitle-1-normal-font-size);
+  font-weight: var(--typography-subtitle-1-normal-font-weight);
+  line-height: var(--typography-subtitle-1-normal-line-height);
+  letter-spacing: var(--typography-subtitle-1-normal-letter-spacing);
+  padding: 0;
+}
+.recursica-15e76702 {
+  min-width: var(--accordion-size-min-width);
+  max-width: var(--accordion-size-max-width);
+  border-color: undefined;
+  border: 1px solid;
+  padding: 0;
+}
+.recursica-15e76703 {
+  font-family: var(--typography-body-1-normal-font-family);
+  font-size: var(--typography-body-1-normal-font-size);
+  font-weight: var(--typography-body-1-normal-font-weight);
+  line-height: var(--typography-body-1-normal-line-height);
+  letter-spacing: var(--typography-body-1-normal-letter-spacing);
+  padding: var(--dimension-lg);
+  padding-top: 0;
+}

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AccordionProps as AccordionProps$1, Accordion as Accordion$1 } from '@mantine/core';
+import React$1 from 'react';
+
+type AccordionProps = AccordionProps$1;
+declare const AccordionWrapper: (props: AccordionProps) => react_jsx_runtime.JSX.Element;
+type AccordionComponent = typeof AccordionWrapper & {
+    Item: typeof Accordion$1.Item;
+    Control: typeof Accordion$1.Control;
+    Panel: typeof Accordion$1.Panel;
+};
+declare const Accordion: AccordionComponent;
+
+interface ThemeProviderProps {
+    currentTheme?: string;
+    children: React.ReactNode;
+}
+declare function ThemeProvider({ children, currentTheme }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+interface ComboboxItem {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+    onClick?: () => void;
+}
+
+type OmitStyles<T> = Omit<T, "style" | "classNames" | "className" | "styles">;
+
+/**
+ * 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$1.RefObject<HTMLElement | null>) => Promise<void>;
+
+export { Accordion, ThemeProvider, copyToClipboard };
+export type { AccordionProps, ComboboxItem, OmitStyles };

package/dist/mantine-adapter.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@mantine/core');
+require('./assets/src/components/Accordion/Accordion.css.ts.vanilla-BnZlbbJN.css');
+var react = require('react');
+
+var content = 'recursica-15e76703';
+var control = 'recursica-15e76700';
+var item = 'recursica-15e76702';
+var label = 'recursica-15e76701';
+
+var styles = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    content: content,
+    control: control,
+    item: item,
+    label: label
+});
+
+const AccordionWrapper = (props) => {
+    return (jsxRuntime.jsx(core.Accordion, { ...props, classNames: {
+            ...styles,
+            ...props.classNames,
+        } }));
+};
+// Export the main Accordion component with dot notation
+const Accordion = Object.assign(AccordionWrapper, {
+    Item: core.Accordion.Item,
+    Control: core.Accordion.Control,
+    Panel: core.Accordion.Panel,
+});
+
+const THEME_DATA_ATTRIBUTE = "data-current-theme";
+function ThemeProvider({ children, currentTheme }) {
+    react.useEffect(() => {
+        if (!currentTheme)
+            return;
+        const root = document.documentElement;
+        // Get the previously applied theme class from data attribute
+        const previousTheme = root.getAttribute(THEME_DATA_ATTRIBUTE);
+        // Remove the previous theme class if it exists
+        if (previousTheme) {
+            root.classList.remove(previousTheme);
+        }
+        // Apply the new theme class
+        root.classList.add(currentTheme);
+        // Store the current theme class in the data attribute
+        root.setAttribute(THEME_DATA_ATTRIBUTE, currentTheme);
+        // Cleanup: remove current theme class and data attribute when component unmounts
+        return () => {
+            root.classList.remove(currentTheme);
+            root.removeAttribute(THEME_DATA_ATTRIBUTE);
+        };
+    }, [currentTheme]);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
+}
+
+/**
+ * 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
+ */
+const copyToClipboard = (textToCopy, componentRef) => {
+    const currentFocus = document.activeElement;
+    return new Promise((resolve, reject) => {
+        if (componentRef && componentRef.current) {
+            const textArea = document.createElement("textarea");
+            textArea.readOnly = true;
+            textArea.defaultValue = textToCopy;
+            componentRef.current.appendChild(textArea);
+            textArea.select();
+            const wasCopied = document.execCommand("copy");
+            componentRef.current.removeChild(textArea);
+            if (currentFocus) {
+                currentFocus.focus();
+            }
+            if (wasCopied) {
+                resolve();
+            }
+            else {
+                reject(new Error("Failed to copy"));
+            }
+        }
+        else {
+            reject(new Error("Copy area reference is not defined"));
+        }
+    });
+};
+
+exports.Accordion = Accordion;
+exports.ThemeProvider = ThemeProvider;
+exports.copyToClipboard = copyToClipboard;
+//# sourceMappingURL=mantine-adapter.cjs.map

package/dist/mantine-adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mantine-adapter.cjs","sources":["../src/components/Accordion/Accordion.tsx","../src/components/ThemeProvider/ThemeProvider.tsx","../src/utils/copyToClipboard.ts"],"sourcesContent":["import {\n  Accordion as MantineAccordion,\n  type AccordionProps as MantineAccordionProps,\n} from \"@mantine/core\";\nimport * as styles from \"./Accordion.css\";\n\n// interface FigmaVariantProps {\n//   Open?: boolean;\n//   Divider?: boolean;\n//   Title?: string;\n// }\n\nexport type AccordionProps = MantineAccordionProps;\n\nconst AccordionWrapper = (props: AccordionProps) => {\n  return (\n    <MantineAccordion\n      {...props}\n      classNames={{\n        ...styles,\n        ...props.classNames,\n      }}\n    />\n  );\n};\n\n// Define the type for our Accordion component with sub-components\ntype AccordionComponent = typeof AccordionWrapper & {\n  Item: typeof MantineAccordion.Item;\n  Control: typeof MantineAccordion.Control;\n  Panel: typeof MantineAccordion.Panel;\n};\n\n// Export the main Accordion component with dot notation\nexport const Accordion: AccordionComponent = Object.assign(AccordionWrapper, {\n  Item: MantineAccordion.Item,\n  Control: MantineAccordion.Control,\n  Panel: MantineAccordion.Panel,\n});\n","import { useEffect } from \"react\";\n\ninterface ThemeProviderProps {\n  currentTheme?: string;\n  children: React.ReactNode;\n}\n\nconst THEME_DATA_ATTRIBUTE = \"data-current-theme\";\n\nexport function ThemeProvider({ children, currentTheme }: ThemeProviderProps) {\n  useEffect(() => {\n    if (!currentTheme) return;\n\n    const root = document.documentElement;\n\n    // Get the previously applied theme class from data attribute\n    const previousTheme = root.getAttribute(THEME_DATA_ATTRIBUTE);\n\n    // Remove the previous theme class if it exists\n    if (previousTheme) {\n      root.classList.remove(previousTheme);\n    }\n\n    // Apply the new theme class\n    root.classList.add(currentTheme);\n\n    // Store the current theme class in the data attribute\n    root.setAttribute(THEME_DATA_ATTRIBUTE, currentTheme);\n\n    // Cleanup: remove current theme class and data attribute when component unmounts\n    return () => {\n      root.classList.remove(currentTheme);\n      root.removeAttribute(THEME_DATA_ATTRIBUTE);\n    };\n  }, [currentTheme]);\n\n  return <>{children}</>;\n}\n","import React from \"react\";\n\n/**\n * Helper function for copy text to clipboard\n * @param {string} textToCopy The text string for copying to the clipboard\n * @param {element|node} componentRef The ref of the component that we want to trigger the copy\n */\nconst copyToClipboard = (\n  textToCopy: string,\n  componentRef: React.RefObject<HTMLElement | null>,\n): Promise<void> => {\n  const currentFocus = document.activeElement as HTMLInputElement;\n  return new Promise((resolve, reject) => {\n    if (componentRef && componentRef.current) {\n      const textArea = document.createElement(\"textarea\");\n      textArea.readOnly = true;\n      textArea.defaultValue = textToCopy;\n      componentRef.current.appendChild(textArea);\n      textArea.select();\n      const wasCopied = document.execCommand(\"copy\");\n      componentRef.current.removeChild(textArea);\n      if (currentFocus) {\n        currentFocus.focus();\n      }\n      if (wasCopied) {\n        resolve();\n      } else {\n        reject(new Error(\"Failed to copy\"));\n      }\n    } else {\n      reject(new Error(\"Copy area reference is not defined\"));\n    }\n  });\n};\n\nexport { copyToClipboard };\n"],"names":["_jsx","MantineAccordion","useEffect","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcA,MAAM,gBAAgB,GAAG,CAAC,KAAqB,KAAI;AACjD,IAAA,QACEA,cAAA,CAACC,cAAgB,OACX,KAAK,EACT,UAAU,EAAE;AACV,YAAA,GAAG,MAAM;YACT,GAAG,KAAK,CAAC,UAAU;AACpB,SAAA,EAAA,CACD;AAEN,CAAC;AASD;MACa,SAAS,GAAuB,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IAC3E,IAAI,EAAEA,cAAgB,CAAC,IAAI;IAC3B,OAAO,EAAEA,cAAgB,CAAC,OAAO;IACjC,KAAK,EAAEA,cAAgB,CAAC,KAAK;AAC9B,CAAA;;AC/BD,MAAM,oBAAoB,GAAG,oBAAoB;SAEjC,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAsB,EAAA;IAC1EC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,YAAY;YAAE;AAEnB,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe;;QAGrC,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC;;QAG7D,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;QACtC;;AAGA,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;;AAGhC,QAAA,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,YAAY,CAAC;;AAGrD,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;AACnC,YAAA,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC;AAC5C,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAOF,cAAA,CAAAG,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;AACxB;;ACnCA;;;;AAIG;AACH,MAAM,eAAe,GAAG,CACtB,UAAkB,EAClB,YAAiD,KAChC;AACjB,IAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAiC;IAC/D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,QAAA,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,EAAE;YACxC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;AACnD,YAAA,QAAQ,CAAC,QAAQ,GAAG,IAAI;AACxB,YAAA,QAAQ,CAAC,YAAY,GAAG,UAAU;AAClC,YAAA,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC;YAC1C,QAAQ,CAAC,MAAM,EAAE;YACjB,MAAM,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;AAC9C,YAAA,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC;YAC1C,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,KAAK,EAAE;YACtB;YACA,IAAI,SAAS,EAAE;AACb,gBAAA,OAAO,EAAE;YACX;iBAAO;AACL,gBAAA,MAAM,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACrC;QACF;aAAO;AACL,YAAA,MAAM,CAAC,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;QACzD;AACF,IAAA,CAAC,CAAC;AACJ;;;;;;"}

package/dist/mantine-adapter.js

@@ -0,0 +1,90 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Accordion as Accordion$1 } from '@mantine/core';
+import './assets/src/components/Accordion/Accordion.css.ts.vanilla-BnZlbbJN.css';
+import { useEffect } from 'react';
+
+var content = 'recursica-15e76703';
+var control = 'recursica-15e76700';
+var item = 'recursica-15e76702';
+var label = 'recursica-15e76701';
+
+var styles = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    content: content,
+    control: control,
+    item: item,
+    label: label
+});
+
+const AccordionWrapper = (props) => {
+    return (jsx(Accordion$1, { ...props, classNames: {
+            ...styles,
+            ...props.classNames,
+        } }));
+};
+// Export the main Accordion component with dot notation
+const Accordion = Object.assign(AccordionWrapper, {
+    Item: Accordion$1.Item,
+    Control: Accordion$1.Control,
+    Panel: Accordion$1.Panel,
+});
+
+const THEME_DATA_ATTRIBUTE = "data-current-theme";
+function ThemeProvider({ children, currentTheme }) {
+    useEffect(() => {
+        if (!currentTheme)
+            return;
+        const root = document.documentElement;
+        // Get the previously applied theme class from data attribute
+        const previousTheme = root.getAttribute(THEME_DATA_ATTRIBUTE);
+        // Remove the previous theme class if it exists
+        if (previousTheme) {
+            root.classList.remove(previousTheme);
+        }
+        // Apply the new theme class
+        root.classList.add(currentTheme);
+        // Store the current theme class in the data attribute
+        root.setAttribute(THEME_DATA_ATTRIBUTE, currentTheme);
+        // Cleanup: remove current theme class and data attribute when component unmounts
+        return () => {
+            root.classList.remove(currentTheme);
+            root.removeAttribute(THEME_DATA_ATTRIBUTE);
+        };
+    }, [currentTheme]);
+    return jsx(Fragment, { children: children });
+}
+
+/**
+ * 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
+ */
+const copyToClipboard = (textToCopy, componentRef) => {
+    const currentFocus = document.activeElement;
+    return new Promise((resolve, reject) => {
+        if (componentRef && componentRef.current) {
+            const textArea = document.createElement("textarea");
+            textArea.readOnly = true;
+            textArea.defaultValue = textToCopy;
+            componentRef.current.appendChild(textArea);
+            textArea.select();
+            const wasCopied = document.execCommand("copy");
+            componentRef.current.removeChild(textArea);
+            if (currentFocus) {
+                currentFocus.focus();
+            }
+            if (wasCopied) {
+                resolve();
+            }
+            else {
+                reject(new Error("Failed to copy"));
+            }
+        }
+        else {
+            reject(new Error("Copy area reference is not defined"));
+        }
+    });
+};
+
+export { Accordion, ThemeProvider, copyToClipboard };
+//# sourceMappingURL=mantine-adapter.js.map

package/dist/mantine-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mantine-adapter.js","sources":["../src/components/Accordion/Accordion.tsx","../src/components/ThemeProvider/ThemeProvider.tsx","../src/utils/copyToClipboard.ts"],"sourcesContent":["import {\n  Accordion as MantineAccordion,\n  type AccordionProps as MantineAccordionProps,\n} from \"@mantine/core\";\nimport * as styles from \"./Accordion.css\";\n\n// interface FigmaVariantProps {\n//   Open?: boolean;\n//   Divider?: boolean;\n//   Title?: string;\n// }\n\nexport type AccordionProps = MantineAccordionProps;\n\nconst AccordionWrapper = (props: AccordionProps) => {\n  return (\n    <MantineAccordion\n      {...props}\n      classNames={{\n        ...styles,\n        ...props.classNames,\n      }}\n    />\n  );\n};\n\n// Define the type for our Accordion component with sub-components\ntype AccordionComponent = typeof AccordionWrapper & {\n  Item: typeof MantineAccordion.Item;\n  Control: typeof MantineAccordion.Control;\n  Panel: typeof MantineAccordion.Panel;\n};\n\n// Export the main Accordion component with dot notation\nexport const Accordion: AccordionComponent = Object.assign(AccordionWrapper, {\n  Item: MantineAccordion.Item,\n  Control: MantineAccordion.Control,\n  Panel: MantineAccordion.Panel,\n});\n","import { useEffect } from \"react\";\n\ninterface ThemeProviderProps {\n  currentTheme?: string;\n  children: React.ReactNode;\n}\n\nconst THEME_DATA_ATTRIBUTE = \"data-current-theme\";\n\nexport function ThemeProvider({ children, currentTheme }: ThemeProviderProps) {\n  useEffect(() => {\n    if (!currentTheme) return;\n\n    const root = document.documentElement;\n\n    // Get the previously applied theme class from data attribute\n    const previousTheme = root.getAttribute(THEME_DATA_ATTRIBUTE);\n\n    // Remove the previous theme class if it exists\n    if (previousTheme) {\n      root.classList.remove(previousTheme);\n    }\n\n    // Apply the new theme class\n    root.classList.add(currentTheme);\n\n    // Store the current theme class in the data attribute\n    root.setAttribute(THEME_DATA_ATTRIBUTE, currentTheme);\n\n    // Cleanup: remove current theme class and data attribute when component unmounts\n    return () => {\n      root.classList.remove(currentTheme);\n      root.removeAttribute(THEME_DATA_ATTRIBUTE);\n    };\n  }, [currentTheme]);\n\n  return <>{children}</>;\n}\n","import React from \"react\";\n\n/**\n * Helper function for copy text to clipboard\n * @param {string} textToCopy The text string for copying to the clipboard\n * @param {element|node} componentRef The ref of the component that we want to trigger the copy\n */\nconst copyToClipboard = (\n  textToCopy: string,\n  componentRef: React.RefObject<HTMLElement | null>,\n): Promise<void> => {\n  const currentFocus = document.activeElement as HTMLInputElement;\n  return new Promise((resolve, reject) => {\n    if (componentRef && componentRef.current) {\n      const textArea = document.createElement(\"textarea\");\n      textArea.readOnly = true;\n      textArea.defaultValue = textToCopy;\n      componentRef.current.appendChild(textArea);\n      textArea.select();\n      const wasCopied = document.execCommand(\"copy\");\n      componentRef.current.removeChild(textArea);\n      if (currentFocus) {\n        currentFocus.focus();\n      }\n      if (wasCopied) {\n        resolve();\n      } else {\n        reject(new Error(\"Failed to copy\"));\n      }\n    } else {\n      reject(new Error(\"Copy area reference is not defined\"));\n    }\n  });\n};\n\nexport { copyToClipboard };\n"],"names":["_jsx","MantineAccordion","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,gBAAgB,GAAG,CAAC,KAAqB,KAAI;AACjD,IAAA,QACEA,GAAA,CAACC,WAAgB,OACX,KAAK,EACT,UAAU,EAAE;AACV,YAAA,GAAG,MAAM;YACT,GAAG,KAAK,CAAC,UAAU;AACpB,SAAA,EAAA,CACD;AAEN,CAAC;AASD;MACa,SAAS,GAAuB,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IAC3E,IAAI,EAAEA,WAAgB,CAAC,IAAI;IAC3B,OAAO,EAAEA,WAAgB,CAAC,OAAO;IACjC,KAAK,EAAEA,WAAgB,CAAC,KAAK;AAC9B,CAAA;;AC/BD,MAAM,oBAAoB,GAAG,oBAAoB;SAEjC,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAsB,EAAA;IAC1E,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,YAAY;YAAE;AAEnB,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe;;QAGrC,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC;;QAG7D,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;QACtC;;AAGA,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;;AAGhC,QAAA,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,YAAY,CAAC;;AAGrD,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;AACnC,YAAA,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC;AAC5C,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAOD,GAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;AACxB;;ACnCA;;;;AAIG;AACH,MAAM,eAAe,GAAG,CACtB,UAAkB,EAClB,YAAiD,KAChC;AACjB,IAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAiC;IAC/D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,QAAA,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,EAAE;YACxC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;AACnD,YAAA,QAAQ,CAAC,QAAQ,GAAG,IAAI;AACxB,YAAA,QAAQ,CAAC,YAAY,GAAG,UAAU;AAClC,YAAA,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC;YAC1C,QAAQ,CAAC,MAAM,EAAE;YACjB,MAAM,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;AAC9C,YAAA,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC;YAC1C,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,KAAK,EAAE;YACtB;YACA,IAAI,SAAS,EAAE;AACb,gBAAA,OAAO,EAAE;YACX;iBAAO;AACL,gBAAA,MAAM,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACrC;QACF;aAAO;AACL,YAAA,MAAM,CAAC,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;QACzD;AACF,IAAA,CAAC,CAAC;AACJ;;;;"}

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@recursica/mantine-adapter",
-  "description": "Recursica Design Token Adapter - Convert design tokens to code",
-  "version": "0.9.3",
+  "description": "Reusable UI components for Recursica applications based on Mantine 8+",
   "private": false,
-  "homepage": "https://github.com/borderux/recursica#readme",
+  "homepage": "https://github.com/borderux/recursica/tree/main/packages/mantine-adapter",
   "author": "hi@borderux.com",
   "bugs": {
     "url": "https://github.com/borderux/recursica/issues"
@@ -12,44 +11,91 @@
     "type": "git",
     "url": "git+https://github.com/borderux/recursica.git"
   },
+  "version": "1.0.0",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "bin": {
-    "recursica": "dist/main.cjs"
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "clean": "rm -rf dist"
+  "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": [
-    "design-tokens",
-    "figma",
+    "react",
+    "ui",
+    "components",
+    "typescript",
+    "mantine",
     "recursica",
-    "theme",
-    "adapter"
+    "design system",
+    "design systems"
   ],
-  "files": [
-    "dist/**/*",
-    "README.md"
-  ],
-  "dependencies": {
-    "@recursica/common": "*",
-    "typescript": "^5.0.0"
+  "scripts": {
+    "dev": "npm run storybook",
+    "build": "rollup -c",
+    "build-storybook": "storybook build -o storybook-static",
+    "lint": "eslint .",
+    "storybook": "storybook dev -p 6006"
   },
+  "dependencies": {},
   "devDependencies": {
-    "@recursica/schemas": "*",
-    "@rollup/plugin-commonjs": "^28.0.3",
+    "@recursica/storybook-template": "*",
+    "@vanilla-extract/rollup-plugin": "^1.4.1",
+    "@vanilla-extract/vite-plugin": "^5.1.1",
+    "@babel/core": "^7.28.4",
+    "@babel/preset-react": "^7.27.1",
+    "@eslint/js": "^9.25.0",
+    "@recursica/official-release": "*",
+    "@repo/typescript-config": "*",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@types/node": "^20.0.0",
-    "rollup": "^4.42.0"
-  },
-  "engines": {
-    "node": ">=16.0.0"
+    "@rollup/plugin-node-resolve": "^16.0.2",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-a11y": "^9.0.8",
+    "@storybook/addon-docs": "^9.0.8",
+    "@storybook/addon-onboarding": "^9.0.8",
+    "@storybook/addon-vitest": "^9.0.8",
+    "@storybook/react-vite": "^9.0.8",
+    "@svgr/rollup": "^8.1.0",
+    "@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": "^9.0.8",
+    "globals": "^16.0.0",
+    "playwright": "^1.53.0",
+    "postcss": "^8.4.40",
+    "postcss-preset-mantine": "^1.17.0",
+    "rollup": "^4.20.0",
+    "rollup-plugin-dts": "^6.2.3",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.89.2",
+    "sirv": "^3.0.2",
+    "storybook": "^9.0.8",
+    "strip-literal": "^3.0.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.2.4"
   },
-  "license": "MIT"
+  "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"
+  }
 }