fictoan-react 2.0.0-beta.16 → 2.0.0-beta.18

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsxs as w, jsx as h } from "react/jsx-runtime";
+import m, { useState as N, useCallback as C, useEffect as _ } from "react";
+import { Element as I } from "../Element/Element.js";
+const p = "fictoan-theme";
+let y = !1;
+const P = ["", (e) => {
+}], v = m.createContext(void 0), R = () => {
+  const e = m.useContext(v);
+  return e === void 0 ? P : e;
+}, g = (e, o) => {
+  let a;
+  try {
+    a = localStorage.getItem(e) || void 0;
+  } catch {
+  }
+  return a || o;
+}, k = m.forwardRef(
+  ({ currentTheme: e, themeList: o, children: a, nonce: u, storageKey: c, ...S }, T) => {
+    const t = c ?? p, [r, E] = N(() => g(t) || e), i = C(
+      (n) => {
+        const s = typeof n == "function" ? n(r) : n, d = o.includes(s) ? s : o[0], f = () => {
+          document.documentElement.className = "", document.documentElement.classList.add(d);
+        }, l = typeof document < "u" ? document : null;
+        l && typeof l.startViewTransition == "function" ? l.startViewTransition(f) : typeof document < "u" && f(), E(d);
+        try {
+          localStorage.setItem(t, d);
+        } catch {
+        }
+      },
+      [r, o, t]
+    );
+    _(() => {
+      var s;
+      const n = g(t);
+      i(n || e), c === void 0 && !y && typeof process < "u" && ((s = process.env) == null ? void 0 : s.NODE_ENV) !== "production" && (y = !0, console.warn(
+        `[fictoan-react] ThemeProvider is persisting the theme to the default localStorage key "${p}". If more than one Fictoan app can share an origin (e.g. localhost during dev, GitHub Pages), pass a unique \`storageKey\` (your package.json name works well) so their themes don't collide.`
+      ));
+    }, [e, i, t, c]);
+    const x = `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t){document.documentElement.className=t;}}catch(e){}})();`;
+    return /* @__PURE__ */ w(v.Provider, { value: [r, i], children: [
+      /* @__PURE__ */ h("script", { nonce: u, dangerouslySetInnerHTML: { __html: x } }),
+      /* @__PURE__ */ h(I, { as: "div", "data-theme-provider": !0, ref: T, ...S, children: a })
+    ] });
+  }
+);
+k.displayName = "ThemeProvider";
+export {
+  k as ThemeProvider,
+  R as useTheme
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useCallback, useEffect, useState } from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\nconst DEFAULT_STORAGE_KEY = \"fictoan-theme\";\nlet hasWarnedDefaultKey = false;\n\n// Create a tuple type for the theme context\ntype ThemeContextType = [string, React.Dispatch<React.SetStateAction<string>>];\n\nconst defaultContext: ThemeContextType = [\"\", (_) => {}];\nconst ThemeContext = React.createContext<ThemeContextType | undefined>(undefined);\n\nexport const useTheme = (): ThemeContextType => {\n    const context = React.useContext(ThemeContext);\n    if (context === undefined) {\n        return defaultContext;\n    }\n    return context;\n};\n\nexport type ThemeProviderElementType = HTMLDivElement;\nexport interface ThemeProviderProps extends CommonAndHTMLProps<ThemeProviderElementType> {\n    themeList    : string[];\n    currentTheme : string;\n    /** localStorage key the theme is persisted under. Defaults to \"fictoan-theme\"; pass a unique\n     *  value (your package.json name works well) when multiple Fictoan apps can share an origin\n     *  (e.g. localhost during dev, GitHub Pages) so their themes don't collide. */\n    storageKey ? : string;\n    /** Pass your CSP nonce so the no-flash inline script is allowed under a strict `script-src`. */\n    nonce      ? : string;\n}\n\nconst getTheme = (key: string, fallback?: string) => {\n    let theme;\n    try {\n        theme = localStorage.getItem(key) || undefined;\n    } catch (e) {\n        // Unsupported\n    }\n    return theme || fallback;\n};\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const ThemeProvider = React.forwardRef(\n    ({ currentTheme, themeList, children, nonce, storageKey, ...props }: ThemeProviderProps, ref: React.Ref<ThemeProviderElementType>) => {\n        const resolvedKey = storageKey ?? DEFAULT_STORAGE_KEY;\n        const [themeState, setThemeState] = useState<string>(() =>\n            getTheme(resolvedKey) || currentTheme);\n\n        const setTheme = useCallback(\n            (value: React.SetStateAction<string>) => {\n                // Handle both direct values and updater functions\n                const newTheme = typeof value === \"function\"\n                    ? value(themeState)\n                    : value;\n\n                const finalTheme = themeList.includes(newTheme)\n                    ? newTheme\n                    : themeList[0];\n\n                // The visible theme switch is documentElement.className changing,\n                // which all theme-* CSS rules cascade off. Wrap that mutation in\n                // a view transition so consumers get a smooth crossfade between\n                // themes without writing animation CSS. Falls back to instant\n                // change on browsers that don't support the API.\n                const applyClass = () => {\n                    document.documentElement.className = \"\";\n                    document.documentElement.classList.add(finalTheme);\n                };\n\n                const doc = typeof document !== \"undefined\"\n                    ? document as Document & { startViewTransition?: (cb: () => void) => unknown }\n                    : null;\n\n                if (doc && typeof doc.startViewTransition === \"function\") {\n                    doc.startViewTransition(applyClass);\n                } else if (typeof document !== \"undefined\") {\n                    applyClass();\n                }\n\n                setThemeState(finalTheme);\n                try {\n                    localStorage.setItem(resolvedKey, finalTheme);\n                } catch (e) {\n                    // Unsupported\n                }\n            },\n            [themeState, themeList, resolvedKey]\n        );\n\n        useEffect(() => {\n            const theme = getTheme(resolvedKey);\n            setTheme(theme || currentTheme);\n\n            if (\n                storageKey === undefined && !hasWarnedDefaultKey &&\n                typeof process !== \"undefined\" && process.env?.NODE_ENV !== \"production\"\n            ) {\n                hasWarnedDefaultKey = true;\n                console.warn(\n                    `[fictoan-react] ThemeProvider is persisting the theme to the default localStorage ` +\n                    `key \"${DEFAULT_STORAGE_KEY}\". If more than one Fictoan app can share an origin (e.g. ` +\n                    `localhost during dev, GitHub Pages), pass a unique \\`storageKey\\` (your package.json ` +\n                    `name works well) so their themes don't collide.`,\n                );\n            }\n        }, [currentTheme, setTheme, resolvedKey, storageKey]);\n\n        // No-flash pre-hydration script: set the persisted theme class on <html>\n        // before first paint, so the (un-gated, SSR-rendered) children don't flash\n        // the default theme. Reads the same storageKey as the component; falls back\n        // to currentTheme. Inline → strict-CSP consumers should pass a `nonce`.\n        // SSR/SSG: runs during initial HTML parse; pure CSR: a no-op (the mount\n        // effect applies the theme).\n        const noFlashScript =\n            `(function(){try{var t=localStorage.getItem(${JSON.stringify(resolvedKey)})` +\n            `||${JSON.stringify(currentTheme)};` +\n            `if(t){document.documentElement.className=t;}}catch(e){}})();`;\n\n        return (\n            <ThemeContext.Provider value={[themeState, setTheme]}>\n                <script nonce={nonce} dangerouslySetInnerHTML={{ __html: noFlashScript }} />\n                <Element<ThemeProviderElementType> as=\"div\" data-theme-provider ref={ref} {...props}>\n                    {children}\n                </Element>\n            </ThemeContext.Provider>\n        );\n    }\n);\nThemeProvider.displayName = \"ThemeProvider\";\n"],"names":["DEFAULT_STORAGE_KEY","hasWarnedDefaultKey","defaultContext","_","ThemeContext","React","useTheme","context","getTheme","key","fallback","theme","ThemeProvider","currentTheme","themeList","children","nonce","storageKey","props","ref","resolvedKey","themeState","setThemeState","useState","setTheme","useCallback","value","newTheme","finalTheme","applyClass","doc","useEffect","_a","noFlashScript","jsxs","jsx","Element"],"mappings":";;;AAOA,MAAMA,IAAsB;AAC5B,IAAIC,IAAsB;AAK1B,MAAMC,IAAmC,CAAC,IAAI,CAACC,MAAM;AAAC,CAAC,GACjDC,IAAeC,EAAM,cAA4C,MAAS,GAEnEC,IAAW,MAAwB;AAC5C,QAAMC,IAAUF,EAAM,WAAWD,CAAY;AAC7C,SAAIG,MAAY,SACLL,IAEJK;AACX,GAcMC,IAAW,CAACC,GAAaC,MAAsB;AACjD,MAAIC;AACJ,MAAI;AACA,IAAAA,IAAQ,aAAa,QAAQF,CAAG,KAAK;AAAA,EACzC,QAAY;AAAA,EAEZ;AACA,SAAOE,KAASD;AACpB,GAGaE,IAAgBP,EAAM;AAAA,EAC/B,CAAC,EAAE,cAAAQ,GAAc,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,YAAAC,GAAY,GAAGC,EAAA,GAA6BC,MAA6C;AAClI,UAAMC,IAAcH,KAAcjB,GAC5B,CAACqB,GAAYC,CAAa,IAAIC,EAAiB,MACjDf,EAASY,CAAW,KAAKP,CAAY,GAEnCW,IAAWC;AAAA,MACb,CAACC,MAAwC;AAErC,cAAMC,IAAW,OAAOD,KAAU,aAC5BA,EAAML,CAAU,IAChBK,GAEAE,IAAad,EAAU,SAASa,CAAQ,IACxCA,IACAb,EAAU,CAAC,GAOXe,IAAa,MAAM;AACrB,mBAAS,gBAAgB,YAAY,IACrC,SAAS,gBAAgB,UAAU,IAAID,CAAU;AAAA,QACrD,GAEME,IAAM,OAAO,WAAa,MAC1B,WACA;AAEN,QAAIA,KAAO,OAAOA,EAAI,uBAAwB,aAC1CA,EAAI,oBAAoBD,CAAU,IAC3B,OAAO,WAAa,OAC3BA,EAAA,GAGJP,EAAcM,CAAU;AACxB,YAAI;AACA,uBAAa,QAAQR,GAAaQ,CAAU;AAAA,QAChD,QAAY;AAAA,QAEZ;AAAA,MACJ;AAAA,MACA,CAACP,GAAYP,GAAWM,CAAW;AAAA,IAAA;AAGvC,IAAAW,EAAU,MAAM;;AACZ,YAAMpB,IAAQH,EAASY,CAAW;AAClC,MAAAI,EAASb,KAASE,CAAY,GAG1BI,MAAe,UAAa,CAAChB,KAC7B,OAAO,UAAY,SAAe+B,IAAA,QAAQ,QAAR,gBAAAA,EAAa,cAAa,iBAE5D/B,IAAsB,IACtB,QAAQ;AAAA,QACJ,0FACQD,CAAmB;AAAA,MAAA;AAAA,IAKvC,GAAG,CAACa,GAAcW,GAAUJ,GAAaH,CAAU,CAAC;AAQpD,UAAMgB,IACF,8CAA8C,KAAK,UAAUb,CAAW,CAAC,MACpE,KAAK,UAAUP,CAAY,CAAC;AAGrC,WACI,gBAAAqB,EAAC9B,EAAa,UAAb,EAAsB,OAAO,CAACiB,GAAYG,CAAQ,GAC/C,UAAA;AAAA,MAAA,gBAAAW,EAAC,YAAO,OAAAnB,GAAc,yBAAyB,EAAE,QAAQiB,KAAiB;AAAA,MAC1E,gBAAAE,EAACC,KAAkC,IAAG,OAAM,uBAAmB,IAAC,KAAAjB,GAAW,GAAGD,GACzE,UAAAH,EAAA,CACL;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AACAH,EAAc,cAAc;"}

package/dist/components/Toast/ToastItem/ToastItem.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { useState as u, useEffect as r } from "react";
+/* empty css               */
+import { Element as c } from "../../Element/Element.js";
+const f = ({
+  id: a,
+  duration: e = 4,
+  onClose: i,
+  children: o
+}) => {
+  const [t, m] = u(!1);
+  return r(() => {
+    if (e === 0) return;
+    const s = setTimeout(() => {
+      m(!0);
+    }, e * 1e3);
+    return () => clearTimeout(s);
+  }, [e]), r(() => {
+    if (!t) return;
+    const s = setTimeout(() => {
+      i();
+    }, 500);
+    return () => clearTimeout(s);
+  }, [t, i]), /* @__PURE__ */ n(
+    c,
+    {
+      as: "div",
+      "data-toast-item": !0,
+      id: a,
+      classNames: t ? ["dismissed"] : [],
+      onTransitionEnd: () => {
+        t && i();
+      },
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      shadow: "soft",
+      children: o
+    }
+  );
+};
+f.displayName = "ToastItem";
+export {
+  f as ToastItem
+};
+//# sourceMappingURL=ToastItem.js.map

package/dist/components/Toast/ToastItem/ToastItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.js","sources":["../../../../src/components/Toast/ToastItem/ToastItem.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useState, useEffect } from \"react\";\n\n// STYLES ==============================================================================================================\nimport \"./toast-item.css\";\n\n// OTHER ===============================================================================================================\nimport { Element } from \"$element\";\n\n// TYPES ===============================================================================================================\nexport interface ToastItemProps {\n    id         : string;\n    duration ? : number;\n    onClose    : () => void;\n    children   : React.ReactNode;\n}\n\nexport type ToastItemElementType = HTMLDivElement;\n\n// COMPONENT ===========================================================================================================\nexport const ToastItem = ({\n    id,\n    duration = 4,\n    onClose,\n    children,\n}: ToastItemProps) => {\n    const [isExiting, setIsExiting] = useState(false);\n\n    useEffect(() => {\n        if (duration === 0) return;\n\n        const timer = setTimeout(() => {\n            setIsExiting(true);\n        }, duration * 1000);\n\n        return () => clearTimeout(timer);\n    }, [duration]);\n\n    // Fallback: if transition doesn't fire, remove after animation duration\n    useEffect(() => {\n        if (!isExiting) return;\n\n        const fallbackTimer = setTimeout(() => {\n            onClose();\n        }, 500);\n\n        return () => clearTimeout(fallbackTimer);\n    }, [isExiting, onClose]);\n\n    const handleTransitionEnd = () => {\n        if (isExiting) {\n            onClose();\n        }\n    };\n\n    return (\n        <Element<ToastItemElementType>\n            as=\"div\"\n            data-toast-item\n            id={id}\n            classNames={isExiting ? [\"dismissed\"] : []}\n            onTransitionEnd={handleTransitionEnd}\n            role=\"status\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            shadow=\"soft\"\n        >\n            {children}\n        </Element>\n    );\n};\nToastItem.displayName = \"ToastItem\";\n"],"names":["ToastItem","id","duration","onClose","children","isExiting","setIsExiting","useState","useEffect","timer","fallbackTimer","jsx","Element"],"mappings":";;;;AAoBO,MAAMA,IAAY,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,UAAAC;AACJ,MAAsB;AAClB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SAAAC,EAAU,MAAM;AACZ,QAAIN,MAAa,EAAG;AAEpB,UAAMO,IAAQ,WAAW,MAAM;AAC3B,MAAAH,EAAa,EAAI;AAAA,IACrB,GAAGJ,IAAW,GAAI;AAElB,WAAO,MAAM,aAAaO,CAAK;AAAA,EACnC,GAAG,CAACP,CAAQ,CAAC,GAGbM,EAAU,MAAM;AACZ,QAAI,CAACH,EAAW;AAEhB,UAAMK,IAAgB,WAAW,MAAM;AACnC,MAAAP,EAAA;AAAA,IACJ,GAAG,GAAG;AAEN,WAAO,MAAM,aAAaO,CAAa;AAAA,EAC3C,GAAG,CAACL,GAAWF,CAAO,CAAC,GASnB,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,mBAAe;AAAA,MACf,IAAAX;AAAA,MACA,YAAYI,IAAY,CAAC,WAAW,IAAI,CAAA;AAAA,MACxC,iBAZoB,MAAM;AAC9B,QAAIA,KACAF,EAAA;AAAA,MAER;AAAA,MASQ,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,QAAO;AAAA,MAEN,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb;AACAJ,EAAU,cAAc;"}

package/dist/components/Toast/ToastsProvider/ToastsProvider.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { useState as T, useCallback as n, createContext as x, useContext as f } from "react";
+import { ToastsWrapper as h } from "../ToastsWrapper/ToastsWrapper.js";
+import { ToastItem as v } from "../ToastItem/ToastItem.js";
+const i = x(null), C = ({
+  children: r,
+  anchor: c = "top"
+}) => {
+  const [m, e] = T([]), u = n((t) => {
+    e((o) => o.filter((s) => s.id !== t));
+  }, []), l = n((t, o = 4) => {
+    const s = `toast-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    e((d) => [...d, {
+      id: s,
+      message: t,
+      duration: o
+    }]);
+  }, []);
+  return /* @__PURE__ */ p(i.Provider, { value: { toast: l }, children: [
+    r,
+    /* @__PURE__ */ a(h, { anchor: c, children: m.map(({ id: t, message: o, duration: s }) => /* @__PURE__ */ a(
+      v,
+      {
+        id: t,
+        duration: s,
+        onClose: () => u(t),
+        children: o
+      },
+      t
+    )) })
+  ] });
+};
+C.displayName = "ToastsProvider";
+const j = () => {
+  const r = f(i);
+  if (!r)
+    throw new Error("useToasts must be used within a ToastsProvider");
+  return r.toast;
+};
+export {
+  C as ToastsProvider,
+  j as useToasts
+};
+//# sourceMappingURL=ToastsProvider.js.map

package/dist/components/Toast/ToastsProvider/ToastsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastsProvider.js","sources":["../../../../src/components/Toast/ToastsProvider/ToastsProvider.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { createContext, useContext, useState, useCallback, ReactNode } from \"react\";\n\n// INTERNAL ============================================================================================================\nimport { ToastsWrapper } from \"../ToastsWrapper/ToastsWrapper\";\nimport { ToastItem } from \"../ToastItem/ToastItem\";\n\n// TYPES ===============================================================================================================\ninterface InternalToast {\n    id       : string;\n    message  : string;\n    duration : number;\n}\n\n// prettier-ignore\nexport interface ToastsProviderProps {\n    children   : ReactNode;\n    anchor   ? : \"top\" | \"bottom\";\n}\n\n// TOAST FUNCTION TYPE =================================================================================================\nexport type ToastFunction = (message: string, duration?: number) => void;\n\ninterface ToastsContextValue {\n    toast: ToastFunction;\n}\n\n// CONTEXT =============================================================================================================\nconst ToastsContext = createContext<ToastsContextValue | null>(null);\n\n// PROVIDER ============================================================================================================\nexport const ToastsProvider = ({\n    children,\n    anchor = \"top\",\n}: ToastsProviderProps) => {\n    const [toasts, setToasts] = useState<InternalToast[]>([]);\n\n    // Remove a toast by ID\n    const removeToast = useCallback((id: string) => {\n        setToasts(prev => prev.filter(t => t.id !== id));\n    }, []);\n\n    // Main toast function\n    const toast: ToastFunction = useCallback((message: string, duration: number = 4) => {\n        const id = `toast-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n\n        setToasts(prev => [...prev, {\n            id,\n            message,\n            duration,\n        }]);\n    }, []);\n\n    return (\n        <ToastsContext.Provider value={{ toast }}>\n            {children}\n\n            <ToastsWrapper anchor={anchor}>\n                {toasts.map(({ id, message, duration }) => (\n                    <ToastItem\n                        key={id}\n                        id={id}\n                        duration={duration}\n                        onClose={() => removeToast(id)}\n                    >\n                        {message}\n                    </ToastItem>\n                ))}\n            </ToastsWrapper>\n        </ToastsContext.Provider>\n    );\n};\nToastsProvider.displayName = \"ToastsProvider\";\n\n// HOOK ================================================================================================================\nexport const useToasts = (): ToastFunction => {\n    const context = useContext(ToastsContext);\n\n    if (!context) {\n        throw new Error(\"useToasts must be used within a ToastsProvider\");\n    }\n\n    return context.toast;\n};\n"],"names":["ToastsContext","createContext","ToastsProvider","children","anchor","toasts","setToasts","useState","removeToast","useCallback","id","prev","t","toast","message","duration","jsx","ToastsWrapper","ToastItem","useToasts","context","useContext"],"mappings":";;;;AA4BA,MAAMA,IAAgBC,EAAyC,IAAI,GAGtDC,IAAiB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,QAAAC,IAAS;AACb,MAA2B;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAA0B,CAAA,CAAE,GAGlDC,IAAcC,EAAY,CAACC,MAAe;AAC5C,IAAAJ,EAAU,OAAQK,EAAK,OAAO,OAAKC,EAAE,OAAOF,CAAE,CAAC;AAAA,EACnD,GAAG,CAAA,CAAE,GAGCG,IAAuBJ,EAAY,CAACK,GAAiBC,IAAmB,MAAM;AAChF,UAAML,IAAK,SAAS,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC;AAE5E,IAAAJ,EAAU,CAAAK,MAAQ,CAAC,GAAGA,GAAM;AAAA,MACxB,IAAAD;AAAA,MACA,SAAAI;AAAA,MACA,UAAAC;AAAA,IAAA,CACH,CAAC;AAAA,EACN,GAAG,CAAA,CAAE;AAEL,2BACKf,EAAc,UAAd,EAAuB,OAAO,EAAE,OAAAa,KAC5B,UAAA;AAAA,IAAAV;AAAA,IAED,gBAAAa,EAACC,GAAA,EAAc,QAAAb,GACV,UAAAC,EAAO,IAAI,CAAC,EAAE,IAAAK,GAAI,SAAAI,GAAS,UAAAC,EAAA,MACxB,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QAEG,IAAAR;AAAA,QACA,UAAAK;AAAA,QACA,SAAS,MAAMP,EAAYE,CAAE;AAAA,QAE5B,UAAAI;AAAA,MAAA;AAAA,MALIJ;AAAA,IAAA,CAOZ,EAAA,CACL;AAAA,EAAA,GACJ;AAER;AACAR,EAAe,cAAc;AAGtB,MAAMiB,IAAY,MAAqB;AAC1C,QAAMC,IAAUC,EAAWrB,CAAa;AAExC,MAAI,CAACoB;AACD,UAAM,IAAI,MAAM,gDAAgD;AAGpE,SAAOA,EAAQ;AACnB;"}

package/dist/components/Toast/ToastsWrapper/ToastsWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastsWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastsWrapper/ToastsWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,sBAAsB,CAAC;AAM9B,MAAM,WAAW,wBAAwB;IACrC,MAAO,CAAC,EAAG,KAAK,GAAG,QAAQ,CAAC;CAC/B;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AACtD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,GACzE,wBAAwB,CAAC;AAG7B,eAAO,MAAM,aAAa,sIA2BzB,CAAC"}
+{"version":3,"file":"ToastsWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastsWrapper/ToastsWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,sBAAsB,CAAC;AAM9B,MAAM,WAAW,wBAAwB;IACrC,MAAO,CAAC,EAAG,KAAK,GAAG,QAAQ,CAAC;CAC/B;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AACtD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,GACzE,wBAAwB,CAAC;AAG7B,eAAO,MAAM,aAAa,sIAyBzB,CAAC"}

package/dist/components/Toast/ToastsWrapper/ToastsWrapper.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import t from "react";
+/* empty css                   */
+import { Element as p } from "../../Element/Element.js";
+const n = t.forwardRef(
+  ({
+    anchor: o = "top",
+    children: r,
+    ...a
+  }, e) => t.Children.count(r) === 0 ? null : /* @__PURE__ */ s(
+    p,
+    {
+      as: "section",
+      "data-toasts-wrapper": !0,
+      ref: e,
+      classNames: [o],
+      "aria-label": "Toasts",
+      ...a,
+      children: r
+    }
+  )
+);
+n.displayName = "ToastsWrapper";
+export {
+  n as ToastsWrapper
+};
+//# sourceMappingURL=ToastsWrapper.js.map

package/dist/components/Toast/ToastsWrapper/ToastsWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastsWrapper.js","sources":["../../../../src/components/Toast/ToastsWrapper/ToastsWrapper.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\n// STYLES ==============================================================================================================\nimport \"./toasts-wrapper.css\";\n\n// OTHER ===============================================================================================================\nimport { Element } from \"$element\";\n\n// prettier-ignore\nexport interface ToastsWrapperCustomProps {\n    anchor ? : \"top\" | \"bottom\";\n}\n\nexport type ToastsWrapperElementType = HTMLDivElement;\nexport type ToastsWrapperProps = CommonAndHTMLProps<ToastsWrapperElementType> &\n    ToastsWrapperCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const ToastsWrapper = React.forwardRef(\n    (\n        {\n            anchor = \"top\",\n            children,\n            ...props\n        }: ToastsWrapperProps,\n        ref: React.Ref<ToastsWrapperElementType>\n    ) => {\n        const childrenCount = React.Children.count(children);\n        if (childrenCount === 0) return null;\n\n        return (\n            <Element<ToastsWrapperElementType>\n                as=\"section\"\n                data-toasts-wrapper\n                ref={ref}\n                classNames={[anchor]}\n                aria-label=\"Toasts\"\n                {...props}\n            >\n                {children}\n            </Element>\n        );\n    }\n);\nToastsWrapper.displayName = \"ToastsWrapper\";\n"],"names":["ToastsWrapper","React","anchor","children","props","ref","jsx","Element"],"mappings":";;;;AAsBO,MAAMA,IAAgBC,EAAM;AAAA,EAC/B,CACI;AAAA,IACI,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MAEsBJ,EAAM,SAAS,MAAME,CAAQ,MAC7B,IAAU,OAG5B,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,uBAAmB;AAAA,MACnB,KAAAF;AAAA,MACA,YAAY,CAACH,CAAM;AAAA,MACnB,cAAW;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAH,EAAc,cAAc;"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -9,6 +9,6 @@ export interface TooltipProps {
     position?: Position;
     zIndex?: number;
 }
-export declare const Tooltip: ({ children, isTooltipFor, showOn, position, zIndex, }: TooltipProps) => null;
+export declare const Tooltip: ({ children, isTooltipFor, showOn, position, zIndex, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,OAAO,eAAe,CAAC;AAGvB,KAAK,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACpD,KAAK,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAShC,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAO,SAAS,CAAC;IACzB,YAAY,EAAG,MAAM,CAAC;IACtB,MAAW,CAAC,EAAG,MAAM,CAAC;IACtB,QAAW,CAAC,EAAG,QAAQ,CAAC;IACxB,MAAW,CAAC,EAAG,MAAM,CAAC;CACzB;AAuPD,eAAO,MAAM,OAAO,GAAI,uDAMrB,YAAY,SAuCd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAc,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,eAAe,CAAC;AAGvB,KAAK,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACpD,KAAK,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhC,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAO,SAAS,CAAC;IACzB,YAAY,EAAG,MAAM,CAAC;IACtB,MAAW,CAAC,EAAG,MAAM,CAAC;IACtB,QAAW,CAAC,EAAG,QAAQ,CAAC;IACxB,MAAW,CAAC,EAAG,MAAM,CAAC;CACzB;AAOD,eAAO,MAAM,OAAO,GAAI,uDAMrB,YAAY,4CAqFd,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as L } from "react/jsx-runtime";
+import { useId as y, useEffect as g } from "react";
+/* empty css            */
+const P = ({
+  children: h,
+  isTooltipFor: p,
+  showOn: c = "hover",
+  position: f = "top",
+  zIndex: m
+}) => {
+  const u = y(), r = `tooltip-${u.replace(/:/g, "")}`, i = `--anchor-${u.replace(/:/g, "")}`;
+  return g(() => {
+    const e = document.getElementById(p), t = document.getElementById(r);
+    if (!e || !t) return;
+    e.style.setProperty("anchor-name", i), e.setAttribute("aria-describedby", r);
+    const n = () => {
+      t.matches(":popover-open") || t.showPopover();
+    }, o = () => {
+      t.matches(":popover-open") && t.hidePopover();
+    }, l = () => t.matches(":popover-open") ? o() : n(), a = [];
+    if (c === "hover")
+      e.addEventListener("mouseenter", n), e.addEventListener("mouseleave", o), e.addEventListener("focusin", n), e.addEventListener("focusout", o), a.push(() => {
+        e.removeEventListener("mouseenter", n), e.removeEventListener("mouseleave", o), e.removeEventListener("focusin", n), e.removeEventListener("focusout", o);
+      });
+    else {
+      e.addEventListener("click", l);
+      const s = (d) => {
+        const v = d.target;
+        v === e || e.contains(v) || t.contains(v) || o();
+      }, E = (d) => {
+        d.key === "Escape" && o();
+      };
+      document.addEventListener("click", s), document.addEventListener("keydown", E), a.push(() => {
+        e.removeEventListener("click", l), document.removeEventListener("click", s), document.removeEventListener("keydown", E);
+      });
+    }
+    return () => {
+      a.forEach((s) => s()), e.style.removeProperty("anchor-name"), e.removeAttribute("aria-describedby");
+    };
+  }, [p, c, r, i]), /* @__PURE__ */ L(
+    "div",
+    {
+      id: r,
+      "data-tooltip": !0,
+      "data-position": f,
+      "data-show-on": c,
+      popover: "manual",
+      role: "tooltip",
+      style: {
+        // CSS anchor positioning: tie this popover to the target's anchor-name.
+        positionAnchor: i,
+        ...m !== void 0 ? { zIndex: m } : {}
+      },
+      children: h
+    }
+  );
+};
+export {
+  P as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useEffect, useId, ReactNode } from \"react\";\n\n// STYLES ==============================================================================================================\nimport \"./tooltip.css\";\n\n// TYPES ===============================================================================================================\ntype Position = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype ShowOn = \"click\" | \"hover\";\n\nexport interface TooltipProps {\n    children     : ReactNode;\n    isTooltipFor : string;\n    showOn     ? : ShowOn;\n    position   ? : Position;\n    zIndex     ? : number;\n}\n\n// COMPONENT ===========================================================================================================\n// Each Tooltip is its own popover. Show/hide goes through the native popover\n// API; placement uses CSS anchor positioning (anchor-name / position-anchor +\n// position-area), so there's no JS getBoundingClientRect math, no scroll/resize\n// listeners, no shared singleton DOM node.\nexport const Tooltip = ({\n    children,\n    isTooltipFor,\n    showOn   = \"hover\",\n    position = \"top\",\n    zIndex,\n}: TooltipProps) => {\n    const reactId   = useId();\n    const tooltipId = `tooltip-${reactId.replace(/:/g, \"\")}`;\n    const anchorName = `--anchor-${reactId.replace(/:/g, \"\")}`;\n\n    useEffect(() => {\n        const target = document.getElementById(isTooltipFor);\n        const tooltip = document.getElementById(tooltipId) as HTMLElement | null;\n        if (!target || !tooltip) return;\n\n        // Brand the target as the anchor. We set this dynamically rather than\n        // requiring the caller to add the anchor-name themselves.\n        target.style.setProperty(\"anchor-name\", anchorName);\n        // Link the target to the tooltip for assistive tech (WCAG 4.1.2).\n        target.setAttribute(\"aria-describedby\", tooltipId);\n\n        const show = () => {\n            if (!tooltip.matches(\":popover-open\")) tooltip.showPopover();\n        };\n        const hide = () => {\n            if (tooltip.matches(\":popover-open\")) tooltip.hidePopover();\n        };\n        const toggle = () => (tooltip.matches(\":popover-open\") ? hide() : show());\n\n        const cleanups: Array<() => void> = [];\n\n        if (showOn === \"hover\") {\n            // Pointer + keyboard parity. focusin/focusout cover keyboard users\n            // who tab to the target.\n            target.addEventListener(\"mouseenter\", show);\n            target.addEventListener(\"mouseleave\", hide);\n            target.addEventListener(\"focusin\", show);\n            target.addEventListener(\"focusout\", hide);\n            cleanups.push(() => {\n                target.removeEventListener(\"mouseenter\", show);\n                target.removeEventListener(\"mouseleave\", hide);\n                target.removeEventListener(\"focusin\", show);\n                target.removeEventListener(\"focusout\", hide);\n            });\n        } else {\n            // click: toggle on target click, close on click anywhere else\n            // (manual light-dismiss because popover=\"auto\" interacts badly with\n            // re-toggling from the same target).\n            target.addEventListener(\"click\", toggle);\n            const handleOutside = (e: MouseEvent) => {\n                const node = e.target as Node;\n                if (node === target || target.contains(node) || tooltip.contains(node)) return;\n                hide();\n            };\n            const handleEscape = (e: KeyboardEvent) => {\n                if (e.key === \"Escape\") hide();\n            };\n            document.addEventListener(\"click\", handleOutside);\n            document.addEventListener(\"keydown\", handleEscape);\n            cleanups.push(() => {\n                target.removeEventListener(\"click\", toggle);\n                document.removeEventListener(\"click\", handleOutside);\n                document.removeEventListener(\"keydown\", handleEscape);\n            });\n        }\n\n        return () => {\n            cleanups.forEach((fn) => fn());\n            target.style.removeProperty(\"anchor-name\");\n            target.removeAttribute(\"aria-describedby\");\n        };\n    }, [ isTooltipFor, showOn, tooltipId, anchorName ]);\n\n    return (\n        <div\n            id={tooltipId}\n            data-tooltip\n            data-position={position}\n            data-show-on={showOn}\n            popover=\"manual\"\n            role=\"tooltip\"\n            style={{\n                // CSS anchor positioning: tie this popover to the target's anchor-name.\n                [\"positionAnchor\" as keyof React.CSSProperties]: anchorName,\n                ...(zIndex !== undefined ? { zIndex } : {}),\n            } as React.CSSProperties}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["Tooltip","children","isTooltipFor","showOn","position","zIndex","reactId","useId","tooltipId","anchorName","useEffect","target","tooltip","show","hide","toggle","cleanups","handleOutside","e","node","handleEscape","fn","jsx"],"mappings":";;;AAuBO,MAAMA,IAAU,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,QAAAC;AACJ,MAAoB;AAChB,QAAMC,IAAYC,EAAA,GACZC,IAAY,WAAWF,EAAQ,QAAQ,MAAM,EAAE,CAAC,IAChDG,IAAa,YAAYH,EAAQ,QAAQ,MAAM,EAAE,CAAC;AAExD,SAAAI,EAAU,MAAM;AACZ,UAAMC,IAAS,SAAS,eAAeT,CAAY,GAC7CU,IAAU,SAAS,eAAeJ,CAAS;AACjD,QAAI,CAACG,KAAU,CAACC,EAAS;AAIzB,IAAAD,EAAO,MAAM,YAAY,eAAeF,CAAU,GAElDE,EAAO,aAAa,oBAAoBH,CAAS;AAEjD,UAAMK,IAAO,MAAM;AACf,MAAKD,EAAQ,QAAQ,eAAe,OAAW,YAAA;AAAA,IACnD,GACME,IAAO,MAAM;AACf,MAAIF,EAAQ,QAAQ,eAAe,OAAW,YAAA;AAAA,IAClD,GACMG,IAAS,MAAOH,EAAQ,QAAQ,eAAe,IAAIE,EAAA,IAASD,EAAA,GAE5DG,IAA8B,CAAA;AAEpC,QAAIb,MAAW;AAGX,MAAAQ,EAAO,iBAAiB,cAAcE,CAAI,GAC1CF,EAAO,iBAAiB,cAAcG,CAAI,GAC1CH,EAAO,iBAAiB,WAAWE,CAAI,GACvCF,EAAO,iBAAiB,YAAYG,CAAI,GACxCE,EAAS,KAAK,MAAM;AAChB,QAAAL,EAAO,oBAAoB,cAAcE,CAAI,GAC7CF,EAAO,oBAAoB,cAAcG,CAAI,GAC7CH,EAAO,oBAAoB,WAAWE,CAAI,GAC1CF,EAAO,oBAAoB,YAAYG,CAAI;AAAA,MAC/C,CAAC;AAAA,SACE;AAIH,MAAAH,EAAO,iBAAiB,SAASI,CAAM;AACvC,YAAME,IAAgB,CAACC,MAAkB;AACrC,cAAMC,IAAOD,EAAE;AACf,QAAIC,MAASR,KAAUA,EAAO,SAASQ,CAAI,KAAKP,EAAQ,SAASO,CAAI,KACrEL,EAAA;AAAA,MACJ,GACMM,IAAe,CAACF,MAAqB;AACvC,QAAIA,EAAE,QAAQ,YAAUJ,EAAA;AAAA,MAC5B;AACA,eAAS,iBAAiB,SAASG,CAAa,GAChD,SAAS,iBAAiB,WAAWG,CAAY,GACjDJ,EAAS,KAAK,MAAM;AAChB,QAAAL,EAAO,oBAAoB,SAASI,CAAM,GAC1C,SAAS,oBAAoB,SAASE,CAAa,GACnD,SAAS,oBAAoB,WAAWG,CAAY;AAAA,MACxD,CAAC;AAAA,IACL;AAEA,WAAO,MAAM;AACT,MAAAJ,EAAS,QAAQ,CAACK,MAAOA,EAAA,CAAI,GAC7BV,EAAO,MAAM,eAAe,aAAa,GACzCA,EAAO,gBAAgB,kBAAkB;AAAA,IAC7C;AAAA,EACJ,GAAG,CAAET,GAAcC,GAAQK,GAAWC,CAAW,CAAC,GAG9C,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAId;AAAA,MACJ,gBAAY;AAAA,MACZ,iBAAeJ;AAAA,MACf,gBAAcD;AAAA,MACd,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAO;AAAA;AAAA,QAEF,gBAAgDM;AAAA,QACjD,GAAIJ,MAAW,SAAY,EAAE,QAAAA,MAAW,CAAA;AAAA,MAAC;AAAA,MAG5C,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/Typography/Heading.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import d from "react";
+import { Element as t } from "../Element/Element.js";
+const i = d.forwardRef(
+  ({ fontStyle: a = "sans-serif", weight: e, align: n, ...f }, o) => {
+    let r = [];
+    return e && r.push(`weight-${e}`), a && r.push(`font-${a}`), n && r.push(`text-${n}`), /* @__PURE__ */ s(t, { ref: o, classNames: r, ...f });
+  }
+), m = d.forwardRef((a, e) => /* @__PURE__ */ s(i, { as: "h1", ref: e, ...a }));
+m.displayName = "Heading1";
+const p = d.forwardRef((a, e) => /* @__PURE__ */ s(i, { as: "h2", ref: e, ...a }));
+p.displayName = "Heading2";
+const H = d.forwardRef((a, e) => /* @__PURE__ */ s(i, { as: "h3", ref: e, ...a }));
+H.displayName = "Heading3";
+const g = d.forwardRef((a, e) => /* @__PURE__ */ s(i, { as: "h4", ref: e, ...a }));
+g.displayName = "Heading4";
+const c = d.forwardRef((a, e) => /* @__PURE__ */ s(i, { as: "h5", ref: e, ...a }));
+c.displayName = "Heading5";
+const h = d.forwardRef((a, e) => /* @__PURE__ */ s(i, { as: "h6", ref: e, ...a }));
+h.displayName = "Heading6";
+export {
+  m as Heading1,
+  p as Heading2,
+  H as Heading3,
+  g as Heading4,
+  c as Heading5,
+  h as Heading6
+};
+//# sourceMappingURL=Heading.js.map

package/dist/components/Typography/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["// FRAMEWORK ===========================================================================================================\nimport React from \"react\";\n\n// FICTOAN =============================================================================================================\nimport { Element } from \"../Element\";\n\n// TYPES ===============================================================================================================\nimport { CommonAndHTMLProps, WeightTypes } from \"../Element/constants\";\n\n// prettier-ignore\ninterface HeadingBaseProps {\n    as        ? : \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n    fontStyle ? : \"sans-serif\" | \"serif\" | \"monospace\";\n    weight    ? : WeightTypes;\n    align     ? : \"left\" | \"centre\" | \"center\" | \"right\";\n}\n\nexport type HeadingElementType = HTMLHeadingElement;\nexport type HeadingProps = Omit<CommonAndHTMLProps<HeadingElementType>, keyof HeadingBaseProps> & HeadingBaseProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nconst Heading = React.forwardRef(\n    ({ fontStyle = \"sans-serif\", weight, align, ...props }: HeadingProps, ref: React.Ref<HeadingElementType>) => {\n        let classNames = [];\n\n        if (weight) {\n            classNames.push(`weight-${weight}`);\n        }\n\n        if (fontStyle) {\n            classNames.push(`font-${fontStyle}`);\n        }\n\n        if (align) {\n            classNames.push(`text-${align}`);\n        }\n\n        return <Element<HeadingElementType> ref={ref} classNames={classNames} {...props} />;\n    }\n);\n\nexport const Heading1 = React.forwardRef((props: HeadingProps, ref: React.Ref<HeadingElementType>) => (\n    <Heading as=\"h1\" ref={ref} {...props} />\n));\nHeading1.displayName = \"Heading1\";\n\nexport const Heading2 = React.forwardRef((props: HeadingProps, ref: React.Ref<HeadingElementType>) => (\n    <Heading as=\"h2\" ref={ref} {...props} />\n));\nHeading2.displayName = \"Heading2\";\n\nexport const Heading3 = React.forwardRef((props: HeadingProps, ref: React.Ref<HeadingElementType>) => (\n    <Heading as=\"h3\" ref={ref} {...props} />\n));\nHeading3.displayName = \"Heading3\";\n\nexport const Heading4 = React.forwardRef((props: HeadingProps, ref: React.Ref<HeadingElementType>) => (\n    <Heading as=\"h4\" ref={ref} {...props} />\n));\nHeading4.displayName = \"Heading4\";\n\nexport const Heading5 = React.forwardRef((props: HeadingProps, ref: React.Ref<HeadingElementType>) => (\n    <Heading as=\"h5\" ref={ref} {...props} />\n));\nHeading5.displayName = \"Heading5\";\n\nexport const Heading6 = React.forwardRef((props: HeadingProps, ref: React.Ref<HeadingElementType>) => (\n    <Heading as=\"h6\" ref={ref} {...props} />\n));\nHeading6.displayName = \"Heading6\";\n"],"names":["Heading","React","fontStyle","weight","align","props","ref","classNames","jsx","Element","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6"],"mappings":";;;AAqBA,MAAMA,IAAUC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,IAAY,cAAc,QAAAC,GAAQ,OAAAC,GAAO,GAAGC,EAAA,GAAuBC,MAAuC;AACzG,QAAIC,IAAa,CAAA;AAEjB,WAAIJ,KACAI,EAAW,KAAK,UAAUJ,CAAM,EAAE,GAGlCD,KACAK,EAAW,KAAK,QAAQL,CAAS,EAAE,GAGnCE,KACAG,EAAW,KAAK,QAAQH,CAAK,EAAE,GAG5B,gBAAAI,EAACC,GAAA,EAA4B,KAAAH,GAAU,YAAAC,GAAyB,GAAGF,GAAO;AAAA,EACrF;AACJ,GAEaK,IAAWT,EAAM,WAAW,CAACI,GAAqBC,MAC3D,gBAAAE,EAACR,GAAA,EAAQ,IAAG,MAAK,KAAAM,GAAW,GAAGD,GAAO,CACzC;AACDK,EAAS,cAAc;AAEhB,MAAMC,IAAWV,EAAM,WAAW,CAACI,GAAqBC,MAC3D,gBAAAE,EAACR,GAAA,EAAQ,IAAG,MAAK,KAAAM,GAAW,GAAGD,GAAO,CACzC;AACDM,EAAS,cAAc;AAEhB,MAAMC,IAAWX,EAAM,WAAW,CAACI,GAAqBC,MAC3D,gBAAAE,EAACR,GAAA,EAAQ,IAAG,MAAK,KAAAM,GAAW,GAAGD,GAAO,CACzC;AACDO,EAAS,cAAc;AAEhB,MAAMC,IAAWZ,EAAM,WAAW,CAACI,GAAqBC,MAC3D,gBAAAE,EAACR,GAAA,EAAQ,IAAG,MAAK,KAAAM,GAAW,GAAGD,GAAO,CACzC;AACDQ,EAAS,cAAc;AAEhB,MAAMC,IAAWb,EAAM,WAAW,CAACI,GAAqBC,MAC3D,gBAAAE,EAACR,GAAA,EAAQ,IAAG,MAAK,KAAAM,GAAW,GAAGD,GAAO,CACzC;AACDS,EAAS,cAAc;AAEhB,MAAMC,IAAWd,EAAM,WAAW,CAACI,GAAqBC,MAC3D,gBAAAE,EAACR,GAAA,EAAQ,IAAG,MAAK,KAAAM,GAAW,GAAGD,GAAO,CACzC;AACDU,EAAS,cAAc;"}

package/dist/components/Typography/Text.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import a from "react";
+import { Element as u } from "../Element/Element.js";
+const x = a.forwardRef(
+  ({ weight: s, size: e, fontStyle: r = "sans-serif", align: f, isSubtext: p, ...m }, o) => {
+    let t = [];
+    return s && t.push(`weight-${s}`), e && t.push(`text-${e}`), r && t.push(`font-${r}`), p && t.push("sub-text"), f && t.push(`text-${f}`), /* @__PURE__ */ i(u, { as: "p", ref: o, classNames: t, ...m });
+  }
+);
+x.displayName = "Text";
+export {
+  x as Text
+};
+//# sourceMappingURL=Text.js.map

package/dist/components/Typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, SpacingTypes, WeightTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// prettier-ignore\nexport interface TextCustomProps {\n    fontStyle ? : \"sans-serif\" | \"serif\" | \"monospace\";\n    weight    ? : WeightTypes;\n    size      ? : SpacingTypes;\n    align     ? : \"left\" | \"centre\" | \"center\" | \"right\";\n    isSubtext ? : boolean;\n}\n\nexport type TextElementType = HTMLParagraphElement;\nexport type TextProps = Omit<CommonAndHTMLProps<TextElementType>, keyof TextCustomProps> & TextCustomProps;\n\nexport const Text = React.forwardRef(\n    (\n        {weight, size, fontStyle = \"sans-serif\", align, isSubtext, ...props} : TextProps,\n        ref : React.Ref<TextElementType>,\n    ) => {\n        let classNames = [];\n\n        if (weight) {\n            classNames.push(`weight-${weight}`);\n        }\n\n        if (size) {\n            classNames.push(`text-${size}`);\n        }\n\n        if (fontStyle) {\n            classNames.push(`font-${fontStyle}`);\n        }\n\n        if (isSubtext) {\n            classNames.push(\"sub-text\");\n        }\n\n        if (align) {\n            classNames.push(`text-${align}`);\n        }\n\n        return <Element<TextElementType> as=\"p\" ref={ref} classNames={classNames} {...props} />;\n    },\n);\nText.displayName = \"Text\";\n"],"names":["Text","React","weight","size","fontStyle","align","isSubtext","props","ref","classNames","Element"],"mappings":";;;AAmBO,MAAMA,IAAOC,EAAM;AAAA,EACtB,CACI,EAAC,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,IAAY,cAAc,OAAAC,GAAO,WAAAC,GAAW,GAAGC,EAAA,GAC9DC,MACC;AACD,QAAIC,IAAa,CAAA;AAEjB,WAAIP,KACAO,EAAW,KAAK,UAAUP,CAAM,EAAE,GAGlCC,KACAM,EAAW,KAAK,QAAQN,CAAI,EAAE,GAG9BC,KACAK,EAAW,KAAK,QAAQL,CAAS,EAAE,GAGnCE,KACAG,EAAW,KAAK,UAAU,GAG1BJ,KACAI,EAAW,KAAK,QAAQJ,CAAK,EAAE,qBAG3BK,GAAA,EAAyB,IAAG,KAAI,KAAAF,GAAU,YAAAC,GAAyB,GAAGF,GAAO;AAAA,EACzF;AACJ;AACAP,EAAK,cAAc;"}

package/dist/components/index.js

@@ -1,80 +1,129 @@
 "use client";
-"use client;";
-import { A as e, h as o, i as r, B as i, j as t, c as n, a as d, b as p, C as u, d as l, m as c, n as b, e as S, $ as g, g as m, f as C, D as T, E as B, o as G, F as H, p as F, q as h, r as P, H as k, ad as v, ae as x, af as I, ag as R, ah as f, ai as w, l as A, I as O, s as D, L as M, M as N, z as y, G as L, N as W, J as j, W as E, Z as U, O as q, P as z, Q as J, U as K, R as Q, t as V, u as X, v as Y, V as Z, S as _, w as $, a2 as aa, a0 as sa, a1 as ea, _ as oa, a3 as ra, a4 as ia, k as ta, a5 as na, x as da, y as pa, a6 as ua, a7 as la, aj as ca, T as ba, a8 as Sa, aa as ga, ac as ma, K as Ca, X as Ta, Y as Ba, a9 as Ga, ab as Ha } from "../Accordion-CeGNgNW8.js";
+import { Accordion as e } from "./Accordion/Accordion.js";
+import { Badge as p } from "./Badge/Badge.js";
+import { Drawer as x } from "./Drawer/Drawer.js";
+import { Button as i } from "./Button/Button.js";
+import { ButtonGroup as n } from "./ButtonGroup/ButtonGroup.js";
+import { Breadcrumbs as u } from "./Breadcrumbs/Breadcrumbs.js";
+import { Callout as l } from "./Callout/Callout.js";
+import { Card as S } from "./Card/Card.js";
+import { CodeBlock as g } from "./CodeBlock/CodeBlock.js";
+import { Divider as T } from "./Divider/Divider.js";
+import { Element as G } from "./Element/Element.js";
+import { Article as F, Aside as P, Body as h, Div as k, Footer as v, Header as I, Hyperlink as R, Main as w, Nav as A, Section as O, Span as D } from "./Element/Tags.js";
+import { Checkbox as N } from "./Form/Checkbox/Checkbox.js";
+import { CheckboxGroup as L, SwitchGroup as W } from "./Form/Checkbox/CheckboxAndSwitchGroup.js";
+import { FileUpload as U } from "./Form/FileUpload/FileUpload.js";
+import { Form as q } from "./Form/Form/Form.js";
+import { FormItem as J } from "./Form/FormItem/FormItem.js";
+import { FormItemGroup as Q } from "./Form/FormItemGroup/FormItemGroup.js";
+import { InputField as X } from "./Form/InputField/InputField.js";
+import { InputLabel as Z } from "./Form/InputLabel/InputLabel.js";
+import { ListBox as $ } from "./Form/ListBox/ListBox.js";
+import { PinInputField as ro } from "./Form/PinInputField/PinInputField.js";
+import { RadioButton as to } from "./Form/RadioButton/RadioButton.js";
+import { RadioGroup as mo } from "./Form/RadioButton/RadioGroup.js";
+import { RadioTabGroup as fo } from "./Form/RadioButton/RadioTabGroup.js";
+import { Range as ao } from "./Form/Range/Range.js";
+import { Select as uo } from "./Form/Select/Select.js";
+import { Switch as lo } from "./Form/Checkbox/Switch.js";
+import { TextArea as So } from "./Form/TextArea/TextArea.js";
+import { Meter as go } from "./Meter/Meter.js";
+import { Modal as To } from "./Modal/Modal.js";
+import { NotificationsProvider as Go, useNotifications as Ho } from "./Notification/NotificationsProvider/NotificationsProvider.js";
+import { Pagination as Po } from "./Pagination/Pagination.js";
+import { Portion as ko } from "./Portion/Portion.js";
+import { ProgressBar as Io } from "./ProgressBar/ProgressBar.js";
+import { Row as wo } from "./Row/Row.js";
+import { OptionCard as Oo, OptionCardsGroup as Do, useOptionCard as Mo, useOptionCardsGroup as No } from "./OptionCard/OptionCard.js";
+import { SidebarWrapper as Lo } from "./Sidebar/SidebarWrapper/SidebarWrapper.js";
+import { ContentWrapper as Eo } from "./Sidebar/ContentWrapper/ContentWrapper.js";
+import { SidebarHeader as jo } from "./Sidebar/SidebarHeader/SidebarHeader.js";
+import { SidebarItem as zo } from "./Sidebar/SidebarItem/SidebarItem.js";
+import { SidebarFooter as Ko } from "./Sidebar/SidebarFooter/SidebarFooter.js";
+import { Skeleton as Vo, SkeletonGroup as Xo } from "./Skeleton/Skeleton.js";
+import { Spinner as Zo } from "./Spinner/Spinner.js";
+import { Table as $o } from "./Table/Table.js";
+import { Tabs as rr } from "./Tabs/Tabs.js";
+import { ThemeProvider as tr, useTheme as pr } from "./ThemeProvider/ThemeProvider.js";
+import { ToastsProvider as xr, useToasts as fr } from "./Toast/ToastsProvider/ToastsProvider.js";
+import { Tooltip as ar } from "./Tooltip/Tooltip.js";
+import { Heading1 as dr, Heading2 as ur, Heading3 as sr, Heading4 as lr, Heading5 as cr, Heading6 as Sr } from "./Typography/Heading.js";
+import { Text as gr } from "./Typography/Text.js";
 export {
   e as Accordion,
-  o as Article,
-  r as Aside,
-  i as Badge,
-  t as Body,
-  n as Breadcrumbs,
-  d as Button,
-  p as ButtonGroup,
-  u as Callout,
-  l as Card,
-  c as Checkbox,
-  b as CheckboxGroup,
-  S as CodeBlock,
-  g as ContentWrapper,
-  m as Div,
-  C as Divider,
-  T as Drawer,
-  B as Element,
-  G as FileUpload,
-  H as Footer,
-  F as Form,
-  h as FormItem,
-  P as FormItemGroup,
-  k as Header,
-  v as Heading1,
-  x as Heading2,
-  I as Heading3,
-  R as Heading4,
-  f as Heading5,
-  w as Heading6,
-  A as Hyperlink,
-  O as InputField,
-  D as InputLabel,
-  M as ListBox,
-  N as Main,
-  y as Meter,
-  L as Modal,
-  W as Nav,
-  j as NotificationsProvider,
-  E as OptionCard,
-  U as OptionCardsGroup,
-  q as Pagination,
-  z as PinInputField,
-  J as Portion,
-  K as ProgressBar,
-  Q as RadioButton,
-  V as RadioGroup,
-  X as RadioTabGroup,
-  Y as Range,
-  Z as Row,
-  _ as Section,
-  $ as Select,
-  aa as SidebarFooter,
-  sa as SidebarHeader,
-  ea as SidebarItem,
-  oa as SidebarWrapper,
-  ra as Skeleton,
-  ia as SkeletonGroup,
-  ta as Span,
-  na as Spinner,
-  da as Switch,
-  pa as SwitchGroup,
-  ua as Table,
-  la as Tabs,
-  ca as Text,
-  ba as TextArea,
-  Sa as ThemeProvider,
-  ga as ToastsProvider,
-  ma as Tooltip,
-  Ca as useNotifications,
-  Ta as useOptionCard,
-  Ba as useOptionCardsGroup,
-  Ga as useTheme,
-  Ha as useToasts
+  F as Article,
+  P as Aside,
+  p as Badge,
+  h as Body,
+  u as Breadcrumbs,
+  i as Button,
+  n as ButtonGroup,
+  l as Callout,
+  S as Card,
+  N as Checkbox,
+  L as CheckboxGroup,
+  g as CodeBlock,
+  Eo as ContentWrapper,
+  k as Div,
+  T as Divider,
+  x as Drawer,
+  G as Element,
+  U as FileUpload,
+  v as Footer,
+  q as Form,
+  J as FormItem,
+  Q as FormItemGroup,
+  I as Header,
+  dr as Heading1,
+  ur as Heading2,
+  sr as Heading3,
+  lr as Heading4,
+  cr as Heading5,
+  Sr as Heading6,
+  R as Hyperlink,
+  X as InputField,
+  Z as InputLabel,
+  $ as ListBox,
+  w as Main,
+  go as Meter,
+  To as Modal,
+  A as Nav,
+  Go as NotificationsProvider,
+  Oo as OptionCard,
+  Do as OptionCardsGroup,
+  Po as Pagination,
+  ro as PinInputField,
+  ko as Portion,
+  Io as ProgressBar,
+  to as RadioButton,
+  mo as RadioGroup,
+  fo as RadioTabGroup,
+  ao as Range,
+  wo as Row,
+  O as Section,
+  uo as Select,
+  Ko as SidebarFooter,
+  jo as SidebarHeader,
+  zo as SidebarItem,
+  Lo as SidebarWrapper,
+  Vo as Skeleton,
+  Xo as SkeletonGroup,
+  D as Span,
+  Zo as Spinner,
+  lo as Switch,
+  W as SwitchGroup,
+  $o as Table,
+  rr as Tabs,
+  gr as Text,
+  So as TextArea,
+  tr as ThemeProvider,
+  xr as ToastsProvider,
+  ar as Tooltip,
+  Ho as useNotifications,
+  Mo as useOptionCard,
+  No as useOptionCardsGroup,
+  pr as useTheme,
+  fr as useToasts
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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