@studiocubics/components 0.0.2 → 0.0.4

package/dist/Display/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/Display/Tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTooltip } from \"./useTooltip\";\nimport styles from \"./Tooltip.module.css\";\nimport getArrowDirection from \"./getArrowDirection\";\nimport { cn, type SafePositionOptions } from \"@studiocubics/utils\";\n\nexport interface TooltipProps extends SafePositionOptions {\n  title?: ReactNode;\n  renderArrow?: boolean;\n  children: ReactElement;\n}\n\nexport function Tooltip({\n  title,\n  children,\n  renderArrow = false,\n  anchorOrigin,\n  transformOrigin,\n  margin,\n}: TooltipProps) {\n  const options = useMemo(() => {\n    return {\n      anchorOrigin: anchorOrigin ?? \"bottom center\",\n      transformOrigin: transformOrigin ?? \"top center\",\n      margin: margin ?? 8,\n    };\n  }, [anchorOrigin, transformOrigin, margin]);\n  const { anchorRef, showTooltip, tooltipRef, position, updatePosition } =\n    useTooltip(options);\n\n  const direction = renderArrow\n    ? getArrowDirection(\n        anchorOrigin ?? \"bottom center\",\n        transformOrigin ?? \"top center\"\n      )\n    : null;\n\n  // Ensure only one child is passed\n  const child = Children.only(children);\n\n  const childWithRef = () => {\n    if (isValidElement(child))\n      return cloneElement(child, { ref: anchorRef } as {\n        ref: RefObject<HTMLElement | null>;\n      });\n    else {\n      throw new Error(\n        \"Children passed to Tooltip should be a valid react element\"\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (showTooltip) updatePosition();\n  }, [title, showTooltip, updatePosition]);\n\n  if (!title) return child;\n\n  return (\n    <>\n      {showTooltip &&\n        createPortal(\n          <div\n            className={cn(\n              styles.root,\n              renderArrow && direction ? styles[`arrow-${direction}`] : \"\"\n            )}\n            ref={tooltipRef}\n            style={{\n              left: `${position.x}px`,\n              top: `${position.y}px`,\n            }}\n          >\n            {title}\n          </div>,\n          document.body\n        )}\n      {childWithRef()}\n    </>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/Display/Tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTooltip } from \"./useTooltip\";\nimport styles from \"./Tooltip.module.css\";\nimport getArrowDirection from \"./getArrowDirection\";\nimport { cn, type SafePositionOptions } from \"@studiocubics/utils\";\n\nexport interface TooltipProps extends SafePositionOptions {\n  title?: ReactNode;\n  renderArrow?: boolean;\n  children: ReactElement;\n}\n\nexport function Tooltip({\n  title,\n  children,\n  renderArrow = false,\n  anchorOrigin,\n  transformOrigin,\n  margin,\n}: TooltipProps) {\n  const options = useMemo(() => {\n    return {\n      anchorOrigin: anchorOrigin ?? \"bottom center\",\n      transformOrigin: transformOrigin ?? \"top center\",\n      margin: margin ?? 8,\n    };\n  }, [anchorOrigin, transformOrigin, margin]);\n  const { anchorRef, showTooltip, tooltipRef, position, updatePosition } =\n    useTooltip(options);\n\n  const direction = renderArrow\n    ? getArrowDirection(\n        anchorOrigin ?? \"bottom center\",\n        transformOrigin ?? \"top center\"\n      )\n    : null;\n\n  // Ensure only one child is passed\n  const child = Children.only(children);\n\n  const childWithRef = () => {\n    if (isValidElement(child))\n      return cloneElement(child, { ref: anchorRef } as {\n        ref: RefObject<HTMLElement | null>;\n      });\n    else {\n      throw new Error(\n        \"Children passed to Tooltip should be a valid react element\"\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (showTooltip) updatePosition();\n  }, [title, showTooltip, updatePosition]);\n\n  if (!title) return child;\n\n  return (\n    <>\n      {showTooltip &&\n        createPortal(\n          <div\n            className={cn(\n              styles.root,\n              renderArrow && direction ? styles[`arrow-${direction}`] : \"\"\n            )}\n            ref={tooltipRef}\n            style={{\n              left: `${position.x}px`,\n              top: `${position.y}px`,\n            }}\n          >\n            {title}\n          </div>,\n          document.body\n        )}\n      {childWithRef()}\n    </>\n  );\n}\n"],"names":["Tooltip","title","children","renderArrow","anchorOrigin","transformOrigin","margin","options","useMemo","anchorRef","showTooltip","tooltipRef","position","updatePosition","useTooltip","direction","getArrowDirection","child","Children","only","useEffect","_jsxs","createPortal","_jsx","className","cn","styles","root","ref","style","left","x","top","y","document","body","isValidElement","cloneElement","Error","childWithRef"],"mappings":"qYAwBgBA,GAAQC,MACtBA,EAAKC,SACLA,EAAQC,YACRA,GAAc,EAAKC,aACnBA,EAAYC,gBACZA,EAAeC,OACfA,IAEA,MAAMC,EAAUC,EAAQ,KACf,CACLJ,aAAcA,GAAgB,gBAC9BC,gBAAiBA,GAAmB,aACpCC,OAAQA,GAAU,IAEnB,CAACF,EAAcC,EAAiBC,KAC7BG,UAAEA,EAASC,YAAEA,EAAWC,WAAEA,EAAUC,SAAEA,EAAQC,eAAEA,GACpDC,EAAWP,GAEPQ,EAAYZ,EACda,EACEZ,GAAgB,gBAChBC,GAAmB,cAErB,KAGEY,EAAQC,EAASC,KAAKjB,GAkB5B,OAJAkB,EAAU,KACJV,GAAaG,KAChB,CAACZ,EAAOS,EAAaG,IAEnBZ,EAGHoB,eACGX,GACCY,EACEC,EAAA,MAAA,CACEC,UAAWC,EACTC,EAAOC,KACPxB,GAAeY,EAAYW,EAAO,SAASX,KAAe,IAE5Da,IAAKjB,EACLkB,MAAO,CACLC,KAAM,GAAGlB,EAASmB,MAClBC,IAAK,GAAGpB,EAASqB,OAClB/B,SAEAD,IAEHiC,SAASC,MAnCI,MACnB,GAAIC,EAAenB,GACjB,OAAOoB,EAAapB,EAAO,CAAEW,IAAKnB,IAIlC,MAAM,IAAI6B,MACR,+DA8BDC,MArBctB,CAwBrB"}

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

@@ -1,4 +1,2 @@
-var styles = {"root":"Tooltip-module_root__nip6a","arrow-bottom":"Tooltip-module_arrow-bottom__CuvK2","arrow-top":"Tooltip-module_arrow-top__XaUyR","arrow-right":"Tooltip-module_arrow-right__O1HnI","arrow-left":"Tooltip-module_arrow-left__4o1J4","arrow-topLeft":"Tooltip-module_arrow-topLeft__WyNAm","arrow-topRight":"Tooltip-module_arrow-topRight__-ILdh","arrow-bottomLeft":"Tooltip-module_arrow-bottomLeft__E6w40","arrow-bottomRight":"Tooltip-module_arrow-bottomRight__mefBZ"};
-
-export { styles as default };
+var o={root:"Tooltip-module_root__nip6a","arrow-bottom":"Tooltip-module_arrow-bottom__CuvK2","arrow-top":"Tooltip-module_arrow-top__XaUyR","arrow-right":"Tooltip-module_arrow-right__O1HnI","arrow-left":"Tooltip-module_arrow-left__4o1J4","arrow-topLeft":"Tooltip-module_arrow-topLeft__WyNAm","arrow-topRight":"Tooltip-module_arrow-topRight__-ILdh","arrow-bottomLeft":"Tooltip-module_arrow-bottomLeft__E6w40","arrow-bottomRight":"Tooltip-module_arrow-bottomRight__mefBZ"};export{o as default};
 //# sourceMappingURL=Tooltip.module.css.js.map

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

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

package/dist/Display/Tooltip/getArrowDirection.js

@@ -1,48 +1,2 @@
-function getArrowDirection(anchorOrigin, transformOrigin) {
-    const parse = (origin) => origin.toLowerCase().trim().split(/\s+/);
-    const [aV = "top", aH = "left"] = parse(anchorOrigin);
-    const [tV = "top", tH = "left"] = parse(transformOrigin);
-    // Vertical priority
-    if (aV !== tV) {
-        // anchor top, tooltip attached bottom -> tooltip is above anchor -> arrow on bottom side
-        if (aV === "top" && tV === "bottom") {
-            if (aH === "left" && tH === "right")
-                return "bottomRight";
-            if (aH === "right" && tH === "left")
-                return "bottomLeft";
-            return "bottom";
-        }
-        // anchor bottom, tooltip attached top -> tooltip is below anchor -> arrow on top side
-        if (aV === "bottom" && tV === "top") {
-            if (aH === "left" && tH === "right")
-                return "topRight";
-            if (aH === "right" && tH === "left")
-                return "topLeft";
-            return "top";
-        }
-    }
-    // Horizontal fallback
-    if (aH !== tH) {
-        // anchor left, tooltip attached right -> tooltip sits left of anchor -> arrow on right side
-        if (aH === "left" && tH === "right") {
-            if (aV === "top" && tV === "top")
-                return "topRight";
-            if (aV === "bottom" && tV === "bottom")
-                return "bottomRight";
-            return "right";
-        }
-        // anchor right, tooltip attached left -> tooltip sits right of anchor -> arrow on left side
-        if (aH === "right" && tH === "left") {
-            if (aV === "top" && tV === "top")
-                return "topLeft";
-            if (aV === "bottom" && tV === "bottom")
-                return "bottomLeft";
-            return "left";
-        }
-    }
-    // No clear difference (both centers or identical origins)
-    return null;
-}
-
-export { getArrowDirection as default };
+function t(t,o){const e=t=>t.toLowerCase().trim().split(/\s+/),[f="top",i="left"]=e(t),[r="top",p="left"]=e(o);if(f!==r){if("top"===f&&"bottom"===r)return"left"===i&&"right"===p?"bottomRight":"right"===i&&"left"===p?"bottomLeft":"bottom";if("bottom"===f&&"top"===r)return"left"===i&&"right"===p?"topRight":"right"===i&&"left"===p?"topLeft":"top"}if(i!==p){if("left"===i&&"right"===p)return"top"===f&&"top"===r?"topRight":"bottom"===f&&"bottom"===r?"bottomRight":"right";if("right"===i&&"left"===p)return"top"===f&&"top"===r?"topLeft":"bottom"===f&&"bottom"===r?"bottomLeft":"left"}return null}export{t as default};
 //# sourceMappingURL=getArrowDirection.js.map

package/dist/Display/Tooltip/getArrowDirection.js.map

@@ -1 +1 @@
-{"version":3,"file":"getArrowDirection.js","sources":["../../../src/Display/Tooltip/getArrowDirection.ts"],"sourcesContent":["export default function getArrowDirection(\n  anchorOrigin: string,\n  transformOrigin: string\n):\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"topLeft\"\n  | \"topRight\"\n  | \"bottomLeft\"\n  | \"bottomRight\"\n  | null {\n  const parse = (origin: string) => origin.toLowerCase().trim().split(/\\s+/);\n\n  const [aV = \"top\", aH = \"left\"] = parse(anchorOrigin);\n  const [tV = \"top\", tH = \"left\"] = parse(transformOrigin);\n\n  // Vertical priority\n  if (aV !== tV) {\n    // anchor top, tooltip attached bottom -> tooltip is above anchor -> arrow on bottom side\n    if (aV === \"top\" && tV === \"bottom\") {\n      if (aH === \"left\" && tH === \"right\") return \"bottomRight\";\n      if (aH === \"right\" && tH === \"left\") return \"bottomLeft\";\n      return \"bottom\";\n    }\n\n    // anchor bottom, tooltip attached top -> tooltip is below anchor -> arrow on top side\n    if (aV === \"bottom\" && tV === \"top\") {\n      if (aH === \"left\" && tH === \"right\") return \"topRight\";\n      if (aH === \"right\" && tH === \"left\") return \"topLeft\";\n      return \"top\";\n    }\n  }\n\n  // Horizontal fallback\n  if (aH !== tH) {\n    // anchor left, tooltip attached right -> tooltip sits left of anchor -> arrow on right side\n    if (aH === \"left\" && tH === \"right\") {\n      if (aV === \"top\" && tV === \"top\") return \"topRight\";\n      if (aV === \"bottom\" && tV === \"bottom\") return \"bottomRight\";\n      return \"right\";\n    }\n\n    // anchor right, tooltip attached left -> tooltip sits right of anchor -> arrow on left side\n    if (aH === \"right\" && tH === \"left\") {\n      if (aV === \"top\" && tV === \"top\") return \"topLeft\";\n      if (aV === \"bottom\" && tV === \"bottom\") return \"bottomLeft\";\n      return \"left\";\n    }\n  }\n\n  // No clear difference (both centers or identical origins)\n  return null;\n}\n"],"names":[],"mappings":"AAAc,SAAU,iBAAiB,CACvC,YAAoB,EACpB,eAAuB,EAAA;AAWvB,IAAA,MAAM,KAAK,GAAG,CAAC,MAAc,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;AAE1E,IAAA,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;AACrD,IAAA,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC;;AAGxD,IAAA,IAAI,EAAE,KAAK,EAAE,EAAE;;QAEb,IAAI,EAAE,KAAK,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE;AACnC,YAAA,IAAI,EAAE,KAAK,MAAM,IAAI,EAAE,KAAK,OAAO;AAAE,gBAAA,OAAO,aAAa;AACzD,YAAA,IAAI,EAAE,KAAK,OAAO,IAAI,EAAE,KAAK,MAAM;AAAE,gBAAA,OAAO,YAAY;AACxD,YAAA,OAAO,QAAQ;QACjB;;QAGA,IAAI,EAAE,KAAK,QAAQ,IAAI,EAAE,KAAK,KAAK,EAAE;AACnC,YAAA,IAAI,EAAE,KAAK,MAAM,IAAI,EAAE,KAAK,OAAO;AAAE,gBAAA,OAAO,UAAU;AACtD,YAAA,IAAI,EAAE,KAAK,OAAO,IAAI,EAAE,KAAK,MAAM;AAAE,gBAAA,OAAO,SAAS;AACrD,YAAA,OAAO,KAAK;QACd;IACF;;AAGA,IAAA,IAAI,EAAE,KAAK,EAAE,EAAE;;QAEb,IAAI,EAAE,KAAK,MAAM,IAAI,EAAE,KAAK,OAAO,EAAE;AACnC,YAAA,IAAI,EAAE,KAAK,KAAK,IAAI,EAAE,KAAK,KAAK;AAAE,gBAAA,OAAO,UAAU;AACnD,YAAA,IAAI,EAAE,KAAK,QAAQ,IAAI,EAAE,KAAK,QAAQ;AAAE,gBAAA,OAAO,aAAa;AAC5D,YAAA,OAAO,OAAO;QAChB;;QAGA,IAAI,EAAE,KAAK,OAAO,IAAI,EAAE,KAAK,MAAM,EAAE;AACnC,YAAA,IAAI,EAAE,KAAK,KAAK,IAAI,EAAE,KAAK,KAAK;AAAE,gBAAA,OAAO,SAAS;AAClD,YAAA,IAAI,EAAE,KAAK,QAAQ,IAAI,EAAE,KAAK,QAAQ;AAAE,gBAAA,OAAO,YAAY;AAC3D,YAAA,OAAO,MAAM;QACf;IACF;;AAGA,IAAA,OAAO,IAAI;AACb;;;;"}
+{"version":3,"file":"getArrowDirection.js","sources":["../../../src/Display/Tooltip/getArrowDirection.ts"],"sourcesContent":["export default function getArrowDirection(\n  anchorOrigin: string,\n  transformOrigin: string\n):\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"topLeft\"\n  | \"topRight\"\n  | \"bottomLeft\"\n  | \"bottomRight\"\n  | null {\n  const parse = (origin: string) => origin.toLowerCase().trim().split(/\\s+/);\n\n  const [aV = \"top\", aH = \"left\"] = parse(anchorOrigin);\n  const [tV = \"top\", tH = \"left\"] = parse(transformOrigin);\n\n  // Vertical priority\n  if (aV !== tV) {\n    // anchor top, tooltip attached bottom -> tooltip is above anchor -> arrow on bottom side\n    if (aV === \"top\" && tV === \"bottom\") {\n      if (aH === \"left\" && tH === \"right\") return \"bottomRight\";\n      if (aH === \"right\" && tH === \"left\") return \"bottomLeft\";\n      return \"bottom\";\n    }\n\n    // anchor bottom, tooltip attached top -> tooltip is below anchor -> arrow on top side\n    if (aV === \"bottom\" && tV === \"top\") {\n      if (aH === \"left\" && tH === \"right\") return \"topRight\";\n      if (aH === \"right\" && tH === \"left\") return \"topLeft\";\n      return \"top\";\n    }\n  }\n\n  // Horizontal fallback\n  if (aH !== tH) {\n    // anchor left, tooltip attached right -> tooltip sits left of anchor -> arrow on right side\n    if (aH === \"left\" && tH === \"right\") {\n      if (aV === \"top\" && tV === \"top\") return \"topRight\";\n      if (aV === \"bottom\" && tV === \"bottom\") return \"bottomRight\";\n      return \"right\";\n    }\n\n    // anchor right, tooltip attached left -> tooltip sits right of anchor -> arrow on left side\n    if (aH === \"right\" && tH === \"left\") {\n      if (aV === \"top\" && tV === \"top\") return \"topLeft\";\n      if (aV === \"bottom\" && tV === \"bottom\") return \"bottomLeft\";\n      return \"left\";\n    }\n  }\n\n  // No clear difference (both centers or identical origins)\n  return null;\n}\n"],"names":["getArrowDirection","anchorOrigin","transformOrigin","parse","origin","toLowerCase","trim","split","aV","aH","tV","tH"],"mappings":"AAAc,SAAUA,EACtBC,EACAC,GAWA,MAAMC,EAASC,GAAmBA,EAAOC,cAAcC,OAAOC,MAAM,QAE7DC,EAAK,MAAOC,EAAK,QAAUN,EAAMF,IACjCS,EAAK,MAAOC,EAAK,QAAUR,EAAMD,GAGxC,GAAIM,IAAOE,EAAI,CAEb,GAAW,QAAPF,GAAuB,WAAPE,EAClB,MAAW,SAAPD,GAAwB,UAAPE,EAAuB,cACjC,UAAPF,GAAyB,SAAPE,EAAsB,aACrC,SAIT,GAAW,WAAPH,GAA0B,QAAPE,EACrB,MAAW,SAAPD,GAAwB,UAAPE,EAAuB,WACjC,UAAPF,GAAyB,SAAPE,EAAsB,UACrC,KAEX,CAGA,GAAIF,IAAOE,EAAI,CAEb,GAAW,SAAPF,GAAwB,UAAPE,EACnB,MAAW,QAAPH,GAAuB,QAAPE,EAAqB,WAC9B,WAAPF,GAA0B,WAAPE,EAAwB,cACxC,QAIT,GAAW,UAAPD,GAAyB,SAAPE,EACpB,MAAW,QAAPH,GAAuB,QAAPE,EAAqB,UAC9B,WAAPF,GAA0B,WAAPE,EAAwB,aACxC,MAEX,CAGA,OAAO,IACT"}

package/dist/Display/Tooltip/useTooltip.js

@@ -1,48 +1,2 @@
-'use client';
-import { calculateSafePosition } from '@studiocubics/utils';
-import { useState, useRef, useEffect, useCallback } from 'react';
-
-function useTooltip(options = {}) {
-    const [showTooltip, setShowTooltip] = useState(false);
-    const [position, setPosition] = useState({ x: -9999, y: -9999 });
-    const anchorRef = useRef(null);
-    const tooltipRef = useRef(null);
-    useEffect(() => {
-        const element = anchorRef.current;
-        if (!element)
-            return;
-        const handleMouseEnter = () => {
-            setShowTooltip(true);
-        };
-        const handleMouseLeave = () => {
-            setShowTooltip(false);
-        };
-        element.addEventListener("mouseenter", handleMouseEnter);
-        element.addEventListener("mouseleave", handleMouseLeave);
-        return () => {
-            element.removeEventListener("mouseenter", handleMouseEnter);
-            element.removeEventListener("mouseleave", handleMouseLeave);
-        };
-    }, []);
-    const updatePosition = useCallback(() => {
-        const safePos = calculateSafePosition(tooltipRef.current, anchorRef.current, options);
-        setPosition(safePos);
-    }, [options]);
-    useEffect(() => {
-        if (!showTooltip)
-            return;
-        // Initial position calculation
-        updatePosition();
-        // Update position on scroll and resize
-        window.addEventListener("scroll", updatePosition);
-        window.addEventListener("resize", updatePosition);
-        return () => {
-            window.removeEventListener("scroll", updatePosition);
-            window.removeEventListener("resize", updatePosition);
-        };
-    }, [showTooltip]);
-    return { showTooltip, position, anchorRef, tooltipRef, updatePosition };
-}
-
-export { useTooltip };
+"use client";import{calculateSafePosition as e}from"@studiocubics/utils";import{useState as t,useRef as n,useEffect as r,useCallback as o}from"react";function i(i={}){const[s,u]=t(!1),[c,d]=t({x:-9999,y:-9999}),l=n(null),v=n(null);r(()=>{const e=l.current;if(!e)return;const t=()=>{u(!0)},n=()=>{u(!1)};return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",n),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",n)}},[]);const m=o(()=>{const t=e(v.current,l.current,i);d(t)},[i]);return r(()=>{if(s)return m(),window.addEventListener("scroll",m),window.addEventListener("resize",m),()=>{window.removeEventListener("scroll",m),window.removeEventListener("resize",m)}},[s]),{showTooltip:s,position:c,anchorRef:l,tooltipRef:v,updatePosition:m}}export{i as useTooltip};
 //# sourceMappingURL=useTooltip.js.map

package/dist/Display/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.js","sources":["../../../src/Display/Tooltip/useTooltip.tsx"],"sourcesContent":["\"use client\"\nimport {\n  calculateSafePosition,\n  type Position,\n  type SafePositionOptions,\n} from \"@studiocubics/utils\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport function useTooltip(options: SafePositionOptions = {}) {\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [position, setPosition] = useState<Position>({ x: -9999, y: -9999 });\n  const anchorRef = useRef<HTMLElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const element = anchorRef.current;\n    if (!element) return;\n\n    const handleMouseEnter = () => {\n      setShowTooltip(true);\n    };\n\n    const handleMouseLeave = () => {\n      setShowTooltip(false);\n    };\n\n    element.addEventListener(\"mouseenter\", handleMouseEnter);\n    element.addEventListener(\"mouseleave\", handleMouseLeave);\n\n    return () => {\n      element.removeEventListener(\"mouseenter\", handleMouseEnter);\n      element.removeEventListener(\"mouseleave\", handleMouseLeave);\n    };\n  }, []);\n\n  const updatePosition = useCallback(() => {\n    const safePos = calculateSafePosition(\n      tooltipRef.current,\n      anchorRef.current,\n      options\n    );\n\n    setPosition(safePos);\n  }, [options]);\n\n  useEffect(() => {\n    if (!showTooltip) return;\n\n    // Initial position calculation\n    updatePosition();\n\n    // Update position on scroll and resize\n    window.addEventListener(\"scroll\", updatePosition);\n    window.addEventListener(\"resize\", updatePosition);\n\n    return () => {\n      window.removeEventListener(\"scroll\", updatePosition);\n      window.removeEventListener(\"resize\", updatePosition);\n    };\n  }, [showTooltip]);\n\n  return { showTooltip, position, anchorRef, tooltipRef, updatePosition };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTooltip.js","sources":["../../../src/Display/Tooltip/useTooltip.tsx"],"sourcesContent":["\"use client\"\nimport {\n  calculateSafePosition,\n  type Position,\n  type SafePositionOptions,\n} from \"@studiocubics/utils\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport function useTooltip(options: SafePositionOptions = {}) {\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [position, setPosition] = useState<Position>({ x: -9999, y: -9999 });\n  const anchorRef = useRef<HTMLElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const element = anchorRef.current;\n    if (!element) return;\n\n    const handleMouseEnter = () => {\n      setShowTooltip(true);\n    };\n\n    const handleMouseLeave = () => {\n      setShowTooltip(false);\n    };\n\n    element.addEventListener(\"mouseenter\", handleMouseEnter);\n    element.addEventListener(\"mouseleave\", handleMouseLeave);\n\n    return () => {\n      element.removeEventListener(\"mouseenter\", handleMouseEnter);\n      element.removeEventListener(\"mouseleave\", handleMouseLeave);\n    };\n  }, []);\n\n  const updatePosition = useCallback(() => {\n    const safePos = calculateSafePosition(\n      tooltipRef.current,\n      anchorRef.current,\n      options\n    );\n\n    setPosition(safePos);\n  }, [options]);\n\n  useEffect(() => {\n    if (!showTooltip) return;\n\n    // Initial position calculation\n    updatePosition();\n\n    // Update position on scroll and resize\n    window.addEventListener(\"scroll\", updatePosition);\n    window.addEventListener(\"resize\", updatePosition);\n\n    return () => {\n      window.removeEventListener(\"scroll\", updatePosition);\n      window.removeEventListener(\"resize\", updatePosition);\n    };\n  }, [showTooltip]);\n\n  return { showTooltip, position, anchorRef, tooltipRef, updatePosition };\n}\n"],"names":["useTooltip","options","showTooltip","setShowTooltip","useState","position","setPosition","x","y","anchorRef","useRef","tooltipRef","useEffect","element","current","handleMouseEnter","handleMouseLeave","addEventListener","removeEventListener","updatePosition","useCallback","safePos","calculateSafePosition","window"],"mappings":"sJAQM,SAAUA,EAAWC,EAA+B,IACxD,MAAOC,EAAaC,GAAkBC,GAAS,IACxCC,EAAUC,GAAeF,EAAmB,CAAEG,GAAG,KAAOC,GAAG,OAC5DC,EAAYC,EAAoB,MAChCC,EAAaD,EAAuB,MAE1CE,EAAU,KACR,MAAMC,EAAUJ,EAAUK,QAC1B,IAAKD,EAAS,OAEd,MAAME,EAAmB,KACvBZ,GAAe,IAGXa,EAAmB,KACvBb,GAAe,IAMjB,OAHAU,EAAQI,iBAAiB,aAAcF,GACvCF,EAAQI,iBAAiB,aAAcD,GAEhC,KACLH,EAAQK,oBAAoB,aAAcH,GAC1CF,EAAQK,oBAAoB,aAAcF,KAE3C,IAEH,MAAMG,EAAiBC,EAAY,KACjC,MAAMC,EAAUC,EACdX,EAAWG,QACXL,EAAUK,QACVb,GAGFK,EAAYe,IACX,CAACpB,IAkBJ,OAhBAW,EAAU,KACR,GAAKV,EASL,OANAiB,IAGAI,OAAON,iBAAiB,SAAUE,GAClCI,OAAON,iBAAiB,SAAUE,GAE3B,KACLI,OAAOL,oBAAoB,SAAUC,GACrCI,OAAOL,oBAAoB,SAAUC,KAEtC,CAACjB,IAEG,CAAEA,cAAaG,WAAUI,YAAWE,aAAYQ,iBACzD"}

package/dist/Display/WIP/WIP.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from "react";
+export interface WIPProps extends Omit<ComponentProps<"div">, "children"> {
+    variant: "page" | "component" | "button";
+}
+export declare function WIP(props: WIPProps): import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ConfirmationForm/ConfirmationForm.js

@@ -1,12 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './ConfirmationForm.module.css.js';
-import { cn } from '@studiocubics/utils';
-import { Button } from '../../Inputs/Button/Button.js';
-
-function ConfirmationForm(props) {
-    const { onCancel, formTitle, variant = "info", confirmText = "Confirm", cancelText = "Cancel", disabled, slotProps = {}, className, children, ...rest } = props;
-    return (jsxs("form", { "aria-disabled": disabled, className: cn(styles.root, className, styles[variant]), ...rest, children: [jsx("h4", { children: formTitle }), children, jsxs("div", { className: styles.actions, children: [jsx(Button, { variant: variant == "danger" ? "contained" : "text", disabled: disabled, type: "button", onClick: () => onCancel?.(), ...slotProps.cancelButton, children: cancelText }), jsx(Button, { disabled: disabled, variant: variant == "danger" ? "text" : "contained", color: variant == "danger" ? "error" : undefined, type: "submit", ...slotProps.confirmButton, children: confirmText })] })] }));
-}
-
-export { ConfirmationForm };
+import{jsxs as t,jsx as n}from"react/jsx-runtime";import o from"./ConfirmationForm.module.css.js";import{cn as r}from"@studiocubics/utils";import{Button as i}from"../../Inputs/Button/Button.js";function e(e){const{onCancel:a,formTitle:c,variant:s="info",confirmText:d="Confirm",cancelText:l="Cancel",disabled:m,slotProps:u={},className:f,children:p,...b}=e;return t("form",{"aria-disabled":m,className:r(o.root,f,o[s]),...b,children:[n("h4",{children:c}),p,t("div",{className:o.actions,children:[n(i,{variant:"danger"==s?"contained":"text",disabled:m,type:"button",onClick:()=>a?.(),...u.cancelButton,children:l}),n(i,{disabled:m,variant:"danger"==s?"text":"contained",color:"danger"==s?"error":void 0,type:"submit",...u.confirmButton,children:d})]})]})}export{e as ConfirmationForm};
 //# sourceMappingURL=ConfirmationForm.js.map

package/dist/Forms/ConfirmationForm/ConfirmationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationForm.js","sources":["../../../src/Forms/ConfirmationForm/ConfirmationForm.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport styles from \"./ConfirmationForm.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport { Button, type ButtonProps } from \"../../Inputs/Button/Button\";\nexport interface ConfirmationFormProps extends ComponentProps<\"form\"> {\n  formTitle?: string;\n  onCancel?: () => void;\n  variant?: \"danger\" | \"info\";\n  confirmText?: string;\n  cancelText?: string;\n  disabled?: boolean;\n  slotProps?: {\n    confirmButton?: ButtonProps;\n    cancelButton?: ButtonProps;\n  };\n}\nexport function ConfirmationForm(props: ConfirmationFormProps) {\n  const {\n    onCancel,\n    formTitle,\n    variant = \"info\",\n    confirmText = \"Confirm\",\n    cancelText = \"Cancel\",\n    disabled,\n    slotProps = {},\n    className,\n    children,\n    ...rest\n  } = props;\n  return (\n    <form\n      aria-disabled={disabled}\n      className={cn(styles.root, className, styles[variant])}\n      {...rest}\n    >\n      <h4>{formTitle}</h4>\n      {children}\n      <div className={styles.actions}>\n        <Button\n          variant={variant == \"danger\" ? \"contained\" : \"text\"}\n          disabled={disabled}\n          type=\"button\"\n          onClick={() => onCancel?.()}\n          {...slotProps.cancelButton}\n        >\n          {cancelText}\n        </Button>\n        <Button\n          disabled={disabled}\n          variant={variant == \"danger\" ? \"text\" : \"contained\"}\n          color={variant == \"danger\" ? \"error\" : undefined}\n          type=\"submit\"\n          {...slotProps.confirmButton}\n        >\n          {confirmText}\n        </Button>\n      </div>\n    </form>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAgBM,SAAU,gBAAgB,CAAC,KAA4B,EAAA;AAC3D,IAAA,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,WAAW,GAAG,SAAS,EACvB,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK;AACT,IAAA,QACEA,IAAA,CAAA,MAAA,EAAA,EAAA,eAAA,EACiB,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,EAAA,GAClD,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,SAAS,EAAA,CAAM,EACnB,QAAQ,EACTD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CAC5BC,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,WAAW,GAAG,MAAM,EACnD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,QAAQ,IAAI,EAAA,GACvB,SAAS,CAAC,YAAY,EAAA,QAAA,EAEzB,UAAU,EAAA,CACJ,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,MAAM,GAAG,WAAW,EACnD,KAAK,EAAE,OAAO,IAAI,QAAQ,GAAG,OAAO,GAAG,SAAS,EAChD,IAAI,EAAC,QAAQ,EAAA,GACT,SAAS,CAAC,aAAa,EAAA,QAAA,EAE1B,WAAW,EAAA,CACL,CAAA,EAAA,CACL,CAAA,EAAA,CACD;AAEX;;;;"}
+{"version":3,"file":"ConfirmationForm.js","sources":["../../../src/Forms/ConfirmationForm/ConfirmationForm.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport styles from \"./ConfirmationForm.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport { Button, type ButtonProps } from \"../../Inputs/Button/Button\";\nexport interface ConfirmationFormProps extends ComponentProps<\"form\"> {\n  formTitle?: string;\n  onCancel?: () => void;\n  variant?: \"danger\" | \"info\";\n  confirmText?: string;\n  cancelText?: string;\n  disabled?: boolean;\n  slotProps?: {\n    confirmButton?: ButtonProps;\n    cancelButton?: ButtonProps;\n  };\n}\nexport function ConfirmationForm(props: ConfirmationFormProps) {\n  const {\n    onCancel,\n    formTitle,\n    variant = \"info\",\n    confirmText = \"Confirm\",\n    cancelText = \"Cancel\",\n    disabled,\n    slotProps = {},\n    className,\n    children,\n    ...rest\n  } = props;\n  return (\n    <form\n      aria-disabled={disabled}\n      className={cn(styles.root, className, styles[variant])}\n      {...rest}\n    >\n      <h4>{formTitle}</h4>\n      {children}\n      <div className={styles.actions}>\n        <Button\n          variant={variant == \"danger\" ? \"contained\" : \"text\"}\n          disabled={disabled}\n          type=\"button\"\n          onClick={() => onCancel?.()}\n          {...slotProps.cancelButton}\n        >\n          {cancelText}\n        </Button>\n        <Button\n          disabled={disabled}\n          variant={variant == \"danger\" ? \"text\" : \"contained\"}\n          color={variant == \"danger\" ? \"error\" : undefined}\n          type=\"submit\"\n          {...slotProps.confirmButton}\n        >\n          {confirmText}\n        </Button>\n      </div>\n    </form>\n  );\n}\n"],"names":["ConfirmationForm","props","onCancel","formTitle","variant","confirmText","cancelText","disabled","slotProps","className","children","rest","_jsxs","cn","styles","root","_jsx","actions","Button","type","onClick","cancelButton","color","undefined","confirmButton"],"mappings":"kMAgBM,SAAUA,EAAiBC,GAC/B,MAAMC,SACJA,EAAQC,UACRA,EAASC,QACTA,EAAU,OAAMC,YAChBA,EAAc,UAASC,WACvBA,EAAa,SAAQC,SACrBA,EAAQC,UACRA,EAAY,GAAEC,UACdA,EAASC,SACTA,KACGC,GACDV,EACJ,OACEW,EAAA,OAAA,CAAA,gBACiBL,EACfE,UAAWI,EAAGC,EAAOC,KAAMN,EAAWK,EAAOV,OACzCO,EAAID,SAAA,CAERM,EAAA,KAAA,CAAAN,SAAKP,IACJO,EACDE,EAAA,MAAA,CAAKH,UAAWK,EAAOG,QAAOP,SAAA,CAC5BM,EAACE,EAAM,CACLd,QAAoB,UAAXA,EAAsB,YAAc,OAC7CG,SAAUA,EACVY,KAAK,SACLC,QAAS,IAAMlB,SACXM,EAAUa,aAAYX,SAEzBJ,IAEHU,EAACE,EAAM,CACLX,SAAUA,EACVH,QAAoB,UAAXA,EAAsB,OAAS,YACxCkB,MAAkB,UAAXlB,EAAsB,aAAUmB,EACvCJ,KAAK,YACDX,EAAUgB,cAAad,SAE1BL,SAKX"}

package/dist/Forms/ConfirmationForm/ConfirmationForm.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"ConfirmationForm-module_root__ltcoI","danger":"ConfirmationForm-module_danger__C1MyS","actions":"ConfirmationForm-module_actions__TSHEJ"};
-
-export { styles as default };
+var o={root:"ConfirmationForm-module_root__ltcoI",danger:"ConfirmationForm-module_danger__C1MyS",actions:"ConfirmationForm-module_actions__TSHEJ"};export{o as default};
 //# sourceMappingURL=ConfirmationForm.module.css.js.map

package/dist/Forms/ConfirmationForm/ConfirmationForm.module.css.js.map

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

package/dist/Inputs/Button/Button.js

@@ -1,56 +1,2 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import { useRipple, eventWithRipple } from '../../Misc/Ripple/Ripple.js';
-import { cn } from '@studiocubics/utils';
-import styles from './Button.module.css.js';
-
-/**
- * Button is love button is life
- */
-
-const defaultElement = "button";
-/**
- * Base implementation for the Button component.
- *
- * This is a polymorphic component that defaults to rendering a `<button>`.
- * Use the `as` prop to change the underlying element.
- *
- * @typeParam C - The intrinsic or custom element type to render.
- *
- * @group button
- * @category inputs
- */
-function ButtonBase(props) {
-    const { as, className, children, variant = "text", size = "md", startIcon, color, endIcon, square, fullWidth = false, onTouchStart, onClick, position, slotProps: _slotProps, ...restProps } = props;
-    const slotProps = _slotProps ?? {};
-    const Component = (as || defaultElement);
-    const { rippleElements, createRipple } = useRipple(slotProps.ripple);
-    const componentProps = {
-        className: cn(className, styles.root, square ? styles.square : "", fullWidth ? styles.fullWidth : "", position ? styles[`position_${position}`] : "", styles[`size_${size}`], styles[variant]),
-        onTouchStart: eventWithRipple(createRipple, onTouchStart),
-        onClick: eventWithRipple(createRipple, onClick),
-        "data-color": color,
-        ...restProps,
-    };
-    return (jsxs(Component, { ...componentProps, children: [rippleElements, startIcon && (jsx("span", { ...slotProps.startIcon, className: cn(styles.iconContainer, slotProps.startIcon?.className), children: startIcon })), children, endIcon && (jsx("span", { ...slotProps.endIcon, className: cn(styles.iconContainer, slotProps.endIcon?.className), children: endIcon }))] }));
-}
-ButtonBase.displayName = "Button";
-/**
- * A polymorphic button component.
- *
- * By default it renders a `<button>`, but any element can be used via the `as` prop:
- *
- * ```tsx
- * <Button as="a" href="/docs">Read docs</Button>
- * ```
- *
- * Supports variants, sizes, icons, and ripple effects.
- *
- * @group button
- * @category inputs
- */
-const Button = ButtonBase;
-
-export { Button, ButtonBase };
+"use client";import{jsxs as o,jsx as t}from"react/jsx-runtime";import"react";import{useRipple as s,eventWithRipple as n}from"../../Misc/Ripple/Ripple.js";import{cn as e}from"@studiocubics/utils";import i from"./Button.module.css.js";function r(r){const{as:c,className:a,children:l,variant:p="text",size:m="md",startIcon:u,color:d,endIcon:h,square:f,fullWidth:N=!1,onTouchStart:I,onClick:C,position:j,slotProps:x,...R}=r,b=x??{},k=c||"button",{rippleElements:q,createRipple:z}=s(b.ripple),B={className:e(a,i.root,f?i.square:"",N?i.fullWidth:"",j?i[`position_${j}`]:"",i[`size_${m}`],i[p]),onTouchStart:n(z,I),onClick:n(z,C),"data-color":d,...R};return o(k,{...B,children:[q,u&&t("span",{...b.startIcon,className:e(i.iconContainer,b.startIcon?.className),children:u}),l,h&&t("span",{...b.endIcon,className:e(i.iconContainer,b.endIcon?.className),children:h})]})}r.displayName="Button";const c=r;export{c as Button,r as ButtonBase};
 //# sourceMappingURL=Button.js.map

package/dist/Inputs/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/Inputs/Button/Button.tsx"],"sourcesContent":["/**\n * Button is love button is life\n */\n\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport {\n  type ComponentProps,\n  type CSSProperties,\n  type ElementType,\n  type ReactNode,\n} from \"react\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Button.module.css\";\n\n/**\n * Props specific to the Button component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group button\n * @category inputs\n */\nexport interface ButtonBaseProps {\n  /** Renders an icon at the beginning of the button. */\n  startIcon?: ReactNode;\n\n  /** Renders an icon at the end of the button. */\n  endIcon?: ReactNode;\n\n  /** Marks the button as selected. */\n  selected?: boolean;\n\n  /** Visual style variant. */\n  variant?: \"contained\" | \"text\" | \"outlined\";\n\n  /** Expands width to 100%. */\n  fullWidth?: boolean;\n\n  /** Force a 1:1 aspect ratio. */\n  square?: boolean;\n\n  /** Button size. */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /** Overrides the CSS `position` property of the root element. */\n  position?: CSSProperties[\"position\"];\n\n  color?: \"primary\" | \"secondary\" | \"error\";\n  /**\n   * Slot props for customizing internal elements.\n   */\n  slotProps?: {\n    /** Props for the ripple effect. */\n    ripple?: UseRippleProps;\n\n    /** Wrapper span for the start icon. */\n    startIcon?: ComponentProps<\"span\">;\n\n    /** Wrapper span for the end icon. */\n    endIcon?: ComponentProps<\"span\">;\n  };\n}\nconst defaultElement = \"button\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the Button component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"button\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `ButtonBaseProps`.\n *\n * @group button\n * @category inputs\n */\nexport type ButtonProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, ButtonBaseProps>;\n\n/**\n * Base implementation for the Button component.\n *\n * This is a polymorphic component that defaults to rendering a `<button>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group button\n * @category inputs\n */\nexport function ButtonBase<C extends ElementType = DefaultElement>(\n  props: ButtonProps<C>\n) {\n  const {\n    as,\n    className,\n    children,\n    variant = \"text\",\n    size = \"md\",\n    startIcon,\n    color,\n    endIcon,\n    square,\n    fullWidth = false,\n    onTouchStart,\n    onClick,\n    position,\n    slotProps: _slotProps,\n    ...restProps\n  } = props as ButtonProps<DefaultElement>;\n  const slotProps: NonNullable<ButtonBaseProps[\"slotProps\"]> = _slotProps ?? {};\n  const Component = (as || defaultElement) as ElementType;\n  const { rippleElements, createRipple } = useRipple(slotProps.ripple);\n\n  const componentProps = {\n    className: cn(\n      className,\n      styles.root,\n      square ? styles.square : \"\",\n      fullWidth ? styles.fullWidth : \"\",\n      position ? styles[`position_${position}`] : \"\",\n      styles[`size_${size}`],\n      styles[variant]\n    ),\n    onTouchStart: eventWithRipple(createRipple, onTouchStart),\n    onClick: eventWithRipple(createRipple, onClick),\n    \"data-color\": color,\n    ...restProps,\n  };\n\n  return (\n    <Component {...componentProps}>\n      {rippleElements}\n      {startIcon && (\n        <span\n          {...slotProps.startIcon}\n          className={cn(styles.iconContainer, slotProps.startIcon?.className)}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          {...slotProps.endIcon}\n          className={cn(styles.iconContainer, slotProps.endIcon?.className)}\n        >\n          {endIcon}\n        </span>\n      )}\n    </Component>\n  );\n}\nButtonBase.displayName = \"Button\";\n\n/**\n * A polymorphic button component.\n *\n * By default it renders a `<button>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <Button as=\"a\" href=\"/docs\">Read docs</Button>\n * ```\n *\n * Supports variants, sizes, icons, and ripple effects.\n *\n * @group button\n * @category inputs\n */\nexport const Button = ButtonBase as PolymorphicComponentType<\n  ButtonBaseProps,\n  DefaultElement\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/Inputs/Button/Button.tsx"],"sourcesContent":["/**\n * Button is love button is life\n */\n\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport {\n  type ComponentProps,\n  type CSSProperties,\n  type ElementType,\n  type ReactNode,\n} from \"react\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Button.module.css\";\n\n/**\n * Props specific to the Button component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group button\n * @category inputs\n */\nexport interface ButtonBaseProps {\n  /** Renders an icon at the beginning of the button. */\n  startIcon?: ReactNode;\n\n  /** Renders an icon at the end of the button. */\n  endIcon?: ReactNode;\n\n  /** Marks the button as selected. */\n  selected?: boolean;\n\n  /** Visual style variant. */\n  variant?: \"contained\" | \"text\" | \"outlined\";\n\n  /** Expands width to 100%. */\n  fullWidth?: boolean;\n\n  /** Force a 1:1 aspect ratio. */\n  square?: boolean;\n\n  /** Button size. */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /** Overrides the CSS `position` property of the root element. */\n  position?: CSSProperties[\"position\"];\n\n  color?: \"primary\" | \"secondary\" | \"error\";\n  /**\n   * Slot props for customizing internal elements.\n   */\n  slotProps?: {\n    /** Props for the ripple effect. */\n    ripple?: UseRippleProps;\n\n    /** Wrapper span for the start icon. */\n    startIcon?: ComponentProps<\"span\">;\n\n    /** Wrapper span for the end icon. */\n    endIcon?: ComponentProps<\"span\">;\n  };\n}\nconst defaultElement = \"button\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the Button component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"button\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `ButtonBaseProps`.\n *\n * @group button\n * @category inputs\n */\nexport type ButtonProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, ButtonBaseProps>;\n\n/**\n * Base implementation for the Button component.\n *\n * This is a polymorphic component that defaults to rendering a `<button>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group button\n * @category inputs\n */\nexport function ButtonBase<C extends ElementType = DefaultElement>(\n  props: ButtonProps<C>\n) {\n  const {\n    as,\n    className,\n    children,\n    variant = \"text\",\n    size = \"md\",\n    startIcon,\n    color,\n    endIcon,\n    square,\n    fullWidth = false,\n    onTouchStart,\n    onClick,\n    position,\n    slotProps: _slotProps,\n    ...restProps\n  } = props as ButtonProps<DefaultElement>;\n  const slotProps: NonNullable<ButtonBaseProps[\"slotProps\"]> = _slotProps ?? {};\n  const Component = (as || defaultElement) as ElementType;\n  const { rippleElements, createRipple } = useRipple(slotProps.ripple);\n\n  const componentProps = {\n    className: cn(\n      className,\n      styles.root,\n      square ? styles.square : \"\",\n      fullWidth ? styles.fullWidth : \"\",\n      position ? styles[`position_${position}`] : \"\",\n      styles[`size_${size}`],\n      styles[variant]\n    ),\n    onTouchStart: eventWithRipple(createRipple, onTouchStart),\n    onClick: eventWithRipple(createRipple, onClick),\n    \"data-color\": color,\n    ...restProps,\n  };\n\n  return (\n    <Component {...componentProps}>\n      {rippleElements}\n      {startIcon && (\n        <span\n          {...slotProps.startIcon}\n          className={cn(styles.iconContainer, slotProps.startIcon?.className)}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          {...slotProps.endIcon}\n          className={cn(styles.iconContainer, slotProps.endIcon?.className)}\n        >\n          {endIcon}\n        </span>\n      )}\n    </Component>\n  );\n}\nButtonBase.displayName = \"Button\";\n\n/**\n * A polymorphic button component.\n *\n * By default it renders a `<button>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <Button as=\"a\" href=\"/docs\">Read docs</Button>\n * ```\n *\n * Supports variants, sizes, icons, and ripple effects.\n *\n * @group button\n * @category inputs\n */\nexport const Button = ButtonBase as PolymorphicComponentType<\n  ButtonBaseProps,\n  DefaultElement\n>;\n"],"names":["ButtonBase","props","as","className","children","variant","size","startIcon","color","endIcon","square","fullWidth","onTouchStart","onClick","position","slotProps","_slotProps","restProps","Component","rippleElements","createRipple","useRipple","ripple","componentProps","cn","styles","root","eventWithRipple","_jsxs","_jsx","iconContainer","displayName","Button"],"mappings":"yOA+FM,SAAUA,EACdC,GAEA,MAAMC,GACJA,EAAEC,UACFA,EAASC,SACTA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,KAAIC,UACXA,EAASC,MACTA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,UACNA,GAAY,EAAKC,aACjBA,EAAYC,QACZA,EAAOC,SACPA,EACAC,UAAWC,KACRC,GACDhB,EACEc,EAAuDC,GAAc,CAAA,EACrEE,EAAahB,GA9CE,UA+CfiB,eAAEA,EAAcC,aAAEA,GAAiBC,EAAUN,EAAUO,QAEvDC,EAAiB,CACrBpB,UAAWqB,EACTrB,EACAsB,EAAOC,KACPhB,EAASe,EAAOf,OAAS,GACzBC,EAAYc,EAAOd,UAAY,GAC/BG,EAAWW,EAAO,YAAYX,KAAc,GAC5CW,EAAO,QAAQnB,KACfmB,EAAOpB,IAETO,aAAce,EAAgBP,EAAcR,GAC5CC,QAASc,EAAgBP,EAAcP,GACvC,aAAcL,KACXS,GAGL,OACEW,EAACV,EAAS,IAAKK,EAAcnB,SAAA,CAC1Be,EACAZ,GACCsB,EAAA,OAAA,IACMd,EAAUR,UACdJ,UAAWqB,EAAGC,EAAOK,cAAef,EAAUR,WAAWJ,WAAUC,SAElEG,IAGJH,EACAK,GACCoB,EAAA,OAAA,IACMd,EAAUN,QACdN,UAAWqB,EAAGC,EAAOK,cAAef,EAAUN,SAASN,WAAUC,SAEhEK,MAKX,CACAT,EAAW+B,YAAc,SAgBlB,MAAMC,EAAShC"}

package/dist/Inputs/Button/Button.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"Button-module_root__hmumx","iconContainer":"Button-module_iconContainer__-VER1","square":"Button-module_square__Wu8jt","size_sm":"Button-module_size_sm__Qk6rp","size_md":"Button-module_size_md__qWVt-","size_lg":"Button-module_size_lg__e7Ely","contained":"Button-module_contained__tlUyK","outlined":"Button-module_outlined__rgbFf","position_absolute":"Button-module_position_absolute__NN8P1","position_relative":"Button-module_position_relative__r0CV0","position_fixed":"Button-module_position_fixed__LilZy","position_sticky":"Button-module_position_sticky__2ixpW","fullWidth":"Button-module_fullWidth__5o7qa"};
-
-export { styles as default };
+var o={root:"Button-module_root__hmumx",iconContainer:"Button-module_iconContainer__-VER1",square:"Button-module_square__Wu8jt",size_sm:"Button-module_size_sm__Qk6rp",size_md:"Button-module_size_md__qWVt-",size_lg:"Button-module_size_lg__e7Ely",contained:"Button-module_contained__tlUyK",outlined:"Button-module_outlined__rgbFf",position_absolute:"Button-module_position_absolute__NN8P1",position_relative:"Button-module_position_relative__r0CV0",position_fixed:"Button-module_position_fixed__LilZy",position_sticky:"Button-module_position_sticky__2ixpW",fullWidth:"Button-module_fullWidth__5o7qa"};export{o as default};
 //# sourceMappingURL=Button.module.css.js.map

package/dist/Inputs/Button/Button.module.css.js.map

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

package/dist/Inputs/Checkbox/Checkbox.js

@@ -1,55 +1,2 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext, useState, useRef, useEffect } from 'react';
-import { CheckboxGroupContext } from './CheckboxGroup/CheckboxGroup.js';
-import { cn } from '@studiocubics/utils';
-import styles from './Checkbox.module.css.js';
-import { useRipple, eventWithRipple } from '../../Misc/Ripple/Ripple.js';
-
-function Checkbox(props) {
-    const { label, checked, indeterminate = false, skipGroup, checkedIcon, indeterminateIcon, slotProps = {}, "aria-label": ariaLabel, onChange, onTouchStart, onClick, ...inputProps } = props;
-    const group = useContext(CheckboxGroupContext);
-    const [index, setIndex] = useState(null);
-    const [selfChecked, setSelfChecked] = useState(false);
-    const inputRef = useRef(null);
-    const isRegistered = useRef(false);
-    const { rippleElements, createRipple } = useRipple();
-    const isChecked = group && !skipGroup && index !== null
-        ? group.values[index]
-        : (checked ?? selfChecked);
-    const handleChange = (e) => {
-        const next = e.target.checked;
-        if (group && !skipGroup && index !== null) {
-            group.update(index, next);
-        }
-        else {
-            setSelfChecked(next);
-        }
-        onChange?.(e, next);
-    };
-    // Register with group if present
-    useEffect(() => {
-        if (!group || skipGroup || isRegistered.current)
-            return;
-        isRegistered.current = true;
-        setIndex(group.register());
-    }, [group, skipGroup, index]);
-    // Set indeterminate state
-    useEffect(() => {
-        if (inputRef.current) {
-            inputRef.current.indeterminate = indeterminate;
-        }
-    }, [indeterminate]);
-    return (jsxs("div", { ...slotProps.root, className: cn(styles.root, slotProps.root?.className), children: [jsxs("div", { ...slotProps.inputWrapper, className: cn(styles.inputWrapper, slotProps.inputWrapper?.className), children: [rippleElements, jsx("input", { ref: inputRef, type: "checkbox", checked: isChecked, "aria-checked": isChecked ?? false, "aria-label": ariaLabel || label, onChange: handleChange, id: label, onTouchStart: eventWithRipple(createRipple, onTouchStart), onClick: eventWithRipple(createRipple, onClick), ...inputProps }), jsxs("span", { children: [checkedIcon ?? jsx(CheckboxCheckedIcon, { checked: isChecked }), indeterminateIcon ?? (jsx(CheckboxIndeterminateIcon, { indeterminate: indeterminate }))] })] }), label && (jsx("label", { ...slotProps.label, htmlFor: label, className: cn(slotProps.label?.className, styles.label), children: label }))] }));
-}
-function CheckboxCheckedIcon(props) {
-    const { checked, className, ...rest } = props;
-    return (jsx("svg", { ...rest, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", className: cn(checked ? styles.show : styles.hide, styles.checked, className), children: jsx("path", { d: "M4 12 9 17l11 -11" }) }));
-}
-function CheckboxIndeterminateIcon(props) {
-    const { indeterminate, className, ...rest } = props;
-    return (jsx("svg", { ...rest, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", className: cn(indeterminate ? styles.show : styles.hide, styles.indeterminate, className), stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("path", { d: "M5 12h14" }) }));
-}
-
-export { Checkbox };
+"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useContext as t,useState as n,useRef as o,useEffect as c}from"react";import{CheckboxGroupContext as i}from"./CheckboxGroup/CheckboxGroup.js";import{cn as l}from"@studiocubics/utils";import s from"./Checkbox.module.css.js";import{useRipple as a,eventWithRipple as p}from"../../Misc/Ripple/Ripple.js";function u(u){const{label:m,checked:k,indeterminate:b=!1,skipGroup:w,checkedIcon:f,indeterminateIcon:g,slotProps:x={},"aria-label":N,onChange:v,onTouchStart:C,onClick:j,...W}=u,L=t(i),[G,M]=n(null),[R,B]=n(!1),I=o(null),S=o(!1),{rippleElements:T,createRipple:y}=a(),E=L&&!w&&null!==G?L.values[G]:k??R;return c(()=>{!L||w||S.current||(S.current=!0,M(L.register()))},[L,w,G]),c(()=>{I.current&&(I.current.indeterminate=b)},[b]),e("div",{...x.root,className:l(s.root,x.root?.className),children:[e("div",{...x.inputWrapper,className:l(s.inputWrapper,x.inputWrapper?.className),children:[T,r("input",{ref:I,type:"checkbox",checked:E,"aria-checked":E??!1,"aria-label":N||m,onChange:e=>{const r=e.target.checked;L&&!w&&null!==G?L.update(G,r):B(r),v?.(e,r)},id:m,onTouchStart:p(y,C),onClick:p(y,j),...W}),e("span",{children:[f??r(d,{checked:E}),g??r(h,{indeterminate:b})]})]}),m&&r("label",{...x.label,htmlFor:m,className:l(x.label?.className,s.label),children:m})]})}function d(e){const{checked:t,className:n,...o}=e;return r("svg",{...o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",className:l(t?s.show:s.hide,s.checked,n),children:r("path",{d:"M4 12 9 17l11 -11"})})}function h(e){const{indeterminate:t,className:n,...o}=e;return r("svg",{...o,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:l(t?s.show:s.hide,s.indeterminate,n),stroke:"currentColor",strokeWidth:"2.3",strokeLinecap:"round",strokeLinejoin:"round",children:r("path",{d:"M5 12h14"})})}export{u as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/dist/Inputs/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/Inputs/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { CheckboxGroupContext } from \"./CheckboxGroup/CheckboxGroup\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Checkbox.module.css\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\n\ninterface CheckboxProps\n  extends Omit<ComponentProps<\"input\">, \"onChange\" | \"type\"> {\n  label?: string;\n  checked?: boolean;\n  indeterminate?: boolean;\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    checked: boolean,\n  ) => void;\n  checkedIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">\n  >;\n  indeterminateIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">\n  >;\n  slotProps?: {\n    ripple?: UseRippleProps;\n    startIcon?: ComponentProps<\"span\">;\n    endIcon?: ComponentProps<\"span\">;\n    root?: ComponentProps<\"div\">;\n    inputWrapper?: ComponentProps<\"div\">;\n    label?: ComponentProps<\"label\">;\n    error?: ComponentProps<\"p\">;\n  };\n  /** INTERNAL: prevent group registration */\n  skipGroup?: boolean;\n  // TODO add size\n  // TODO add color\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const {\n    label,\n    checked,\n    indeterminate = false,\n    skipGroup,\n    checkedIcon,\n    indeterminateIcon,\n    slotProps = {},\n    \"aria-label\": ariaLabel,\n    onChange,\n    onTouchStart,\n    onClick,\n    ...inputProps\n  } = props;\n  const group = useContext(CheckboxGroupContext);\n  const [index, setIndex] = useState<number | null>(null);\n  const [selfChecked, setSelfChecked] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isRegistered = useRef(false);\n\n  const { rippleElements, createRipple } = useRipple();\n\n  const isChecked =\n    group && !skipGroup && index !== null\n      ? group.values[index]\n      : (checked ?? selfChecked);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.checked;\n    if (group && !skipGroup && index !== null) {\n      group.update(index, next);\n    } else {\n      setSelfChecked(next);\n    }\n    onChange?.(e, next);\n  };\n  // Register with group if present\n  useEffect(() => {\n    if (!group || skipGroup || isRegistered.current) return;\n    isRegistered.current = true;\n    setIndex(group.register());\n  }, [group, skipGroup, index]);\n\n  // Set indeterminate state\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <div\n      {...slotProps.root}\n      className={cn(styles.root, slotProps.root?.className)}\n    >\n      <div\n        {...slotProps.inputWrapper}\n        className={cn(styles.inputWrapper, slotProps.inputWrapper?.className)}\n      >\n        {rippleElements}\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          checked={isChecked}\n          aria-checked={isChecked ?? false}\n          aria-label={ariaLabel || label}\n          onChange={handleChange}\n          id={label}\n          onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n          onClick={eventWithRipple(createRipple, onClick)}\n          {...inputProps}\n        />\n        <span>\n          {checkedIcon ?? <CheckboxCheckedIcon checked={isChecked} />}\n          {indeterminateIcon ?? (\n            <CheckboxIndeterminateIcon indeterminate={indeterminate} />\n          )}\n        </span>\n      </div>\n      {label && (\n        <label\n          {...slotProps.label}\n          htmlFor={label}\n          className={cn(slotProps.label?.className, styles.label)}\n        >\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\nfunction CheckboxCheckedIcon(\n  props: Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">,\n) {\n  const { checked, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\n        checked ? styles.show : styles.hide,\n        styles.checked,\n        className,\n      )}\n    >\n      <path d=\"M4 12 9 17l11 -11\" />\n    </svg>\n  );\n}\n\nfunction CheckboxIndeterminateIcon(\n  props: Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">,\n) {\n  const { indeterminate, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\n        indeterminate ? styles.show : styles.hide,\n        styles.indeterminate,\n        className,\n      )}\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/Inputs/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ReactElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { CheckboxGroupContext } from \"./CheckboxGroup/CheckboxGroup\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Checkbox.module.css\";\nimport {\n  eventWithRipple,\n  useRipple,\n  type UseRippleProps,\n} from \"../../Misc/Ripple/Ripple\";\n\ninterface CheckboxProps\n  extends Omit<ComponentProps<\"input\">, \"onChange\" | \"type\"> {\n  label?: string;\n  checked?: boolean;\n  indeterminate?: boolean;\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    checked: boolean,\n  ) => void;\n  checkedIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">\n  >;\n  indeterminateIcon?: ReactElement<\n    Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">\n  >;\n  slotProps?: {\n    ripple?: UseRippleProps;\n    startIcon?: ComponentProps<\"span\">;\n    endIcon?: ComponentProps<\"span\">;\n    root?: ComponentProps<\"div\">;\n    inputWrapper?: ComponentProps<\"div\">;\n    label?: ComponentProps<\"label\">;\n    error?: ComponentProps<\"p\">;\n  };\n  /** INTERNAL: prevent group registration */\n  skipGroup?: boolean;\n  // TODO add size\n  // TODO add color\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const {\n    label,\n    checked,\n    indeterminate = false,\n    skipGroup,\n    checkedIcon,\n    indeterminateIcon,\n    slotProps = {},\n    \"aria-label\": ariaLabel,\n    onChange,\n    onTouchStart,\n    onClick,\n    ...inputProps\n  } = props;\n  const group = useContext(CheckboxGroupContext);\n  const [index, setIndex] = useState<number | null>(null);\n  const [selfChecked, setSelfChecked] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isRegistered = useRef(false);\n\n  const { rippleElements, createRipple } = useRipple();\n\n  const isChecked =\n    group && !skipGroup && index !== null\n      ? group.values[index]\n      : (checked ?? selfChecked);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.checked;\n    if (group && !skipGroup && index !== null) {\n      group.update(index, next);\n    } else {\n      setSelfChecked(next);\n    }\n    onChange?.(e, next);\n  };\n  // Register with group if present\n  useEffect(() => {\n    if (!group || skipGroup || isRegistered.current) return;\n    isRegistered.current = true;\n    setIndex(group.register());\n  }, [group, skipGroup, index]);\n\n  // Set indeterminate state\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <div\n      {...slotProps.root}\n      className={cn(styles.root, slotProps.root?.className)}\n    >\n      <div\n        {...slotProps.inputWrapper}\n        className={cn(styles.inputWrapper, slotProps.inputWrapper?.className)}\n      >\n        {rippleElements}\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          checked={isChecked}\n          aria-checked={isChecked ?? false}\n          aria-label={ariaLabel || label}\n          onChange={handleChange}\n          id={label}\n          onTouchStart={eventWithRipple(createRipple, onTouchStart)}\n          onClick={eventWithRipple(createRipple, onClick)}\n          {...inputProps}\n        />\n        <span>\n          {checkedIcon ?? <CheckboxCheckedIcon checked={isChecked} />}\n          {indeterminateIcon ?? (\n            <CheckboxIndeterminateIcon indeterminate={indeterminate} />\n          )}\n        </span>\n      </div>\n      {label && (\n        <label\n          {...slotProps.label}\n          htmlFor={label}\n          className={cn(slotProps.label?.className, styles.label)}\n        >\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\nfunction CheckboxCheckedIcon(\n  props: Required<Pick<CheckboxProps, \"checked\">> & ComponentProps<\"svg\">,\n) {\n  const { checked, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\n        checked ? styles.show : styles.hide,\n        styles.checked,\n        className,\n      )}\n    >\n      <path d=\"M4 12 9 17l11 -11\" />\n    </svg>\n  );\n}\n\nfunction CheckboxIndeterminateIcon(\n  props: Required<Pick<CheckboxProps, \"indeterminate\">> & ComponentProps<\"svg\">,\n) {\n  const { indeterminate, className, ...rest } = props;\n  return (\n    <svg\n      {...rest}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\n        indeterminate ? styles.show : styles.hide,\n        styles.indeterminate,\n        className,\n      )}\n      stroke=\"currentColor\"\n      strokeWidth=\"2.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n"],"names":["Checkbox","props","label","checked","indeterminate","skipGroup","checkedIcon","indeterminateIcon","slotProps","ariaLabel","onChange","onTouchStart","onClick","inputProps","group","useContext","CheckboxGroupContext","index","setIndex","useState","selfChecked","setSelfChecked","inputRef","useRef","isRegistered","rippleElements","createRipple","useRipple","isChecked","values","useEffect","current","register","_jsxs","root","className","cn","styles","children","inputWrapper","_jsx","ref","type","e","next","target","update","id","eventWithRipple","CheckboxCheckedIcon","CheckboxIndeterminateIcon","htmlFor","rest","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","show","hide","d"],"mappings":"iXAkDM,SAAUA,EAASC,GACvB,MAAMC,MACJA,EAAKC,QACLA,EAAOC,cACPA,GAAgB,EAAKC,UACrBA,EAASC,YACTA,EAAWC,kBACXA,EAAiBC,UACjBA,EAAY,CAAA,EACZ,aAAcC,EAASC,SACvBA,EAAQC,aACRA,EAAYC,QACZA,KACGC,GACDZ,EACEa,EAAQC,EAAWC,IAClBC,EAAOC,GAAYC,EAAwB,OAC3CC,EAAaC,GAAkBF,GAAS,GAEzCG,EAAWC,EAAyB,MACpCC,EAAeD,GAAO,IAEtBE,eAAEA,EAAcC,aAAEA,GAAiBC,IAEnCC,EACJd,IAAUT,GAAuB,OAAVY,EACnBH,EAAMe,OAAOZ,GACZd,GAAWiB,EAyBlB,OAbAU,EAAU,MACHhB,GAAST,GAAamB,EAAaO,UACxCP,EAAaO,SAAU,EACvBb,EAASJ,EAAMkB,cACd,CAAClB,EAAOT,EAAWY,IAGtBa,EAAU,KACJR,EAASS,UACXT,EAASS,QAAQ3B,cAAgBA,IAElC,CAACA,IAGF6B,EAAA,MAAA,IACMzB,EAAU0B,KACdC,UAAWC,EAAGC,EAAOH,KAAM1B,EAAU0B,MAAMC,WAAUG,SAAA,CAErDL,EAAA,MAAA,IACMzB,EAAU+B,aACdJ,UAAWC,EAAGC,EAAOE,aAAc/B,EAAU+B,cAAcJ,WAAUG,SAAA,CAEpEb,EACDe,EAAA,QAAA,CACEC,IAAKnB,EACLoB,KAAK,WACLvC,QAASyB,EAAS,eACJA,IAAa,EAAK,aACpBnB,GAAaP,EACzBQ,SAvCciC,IACpB,MAAMC,EAAOD,EAAEE,OAAO1C,QAClBW,IAAUT,GAAuB,OAAVY,EACzBH,EAAMgC,OAAO7B,EAAO2B,GAEpBvB,EAAeuB,GAEjBlC,IAAWiC,EAAGC,IAiCRG,GAAI7C,EACJS,aAAcqC,EAAgBtB,EAAcf,GAC5CC,QAASoC,EAAgBtB,EAAcd,MACnCC,IAENoB,EAAA,OAAA,CAAAK,SAAA,CACGhC,GAAekC,EAACS,EAAmB,CAAC9C,QAASyB,IAC7CrB,GACCiC,EAACU,EAAyB,CAAC9C,cAAeA,UAI/CF,GACCsC,EAAA,QAAA,IACMhC,EAAUN,MACdiD,QAASjD,EACTiC,UAAWC,EAAG5B,EAAUN,OAAOiC,UAAWE,EAAOnC,gBAEhDA,MAKX,CACA,SAAS+C,EACPhD,GAEA,MAAME,QAAEA,EAAOgC,UAAEA,KAAciB,GAASnD,EACxC,OACEuC,EAAA,MAAA,IACMY,EACJC,MAAM,6BACNC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QACfxB,UAAWC,EACTjC,EAAUkC,EAAOuB,KAAOvB,EAAOwB,KAC/BxB,EAAOlC,QACPgC,GACDG,SAEDE,EAAA,OAAA,CAAMsB,EAAE,uBAGd,CAEA,SAASZ,EACPjD,GAEA,MAAMG,cAAEA,EAAa+B,UAAEA,KAAciB,GAASnD,EAC9C,OACEuC,EAAA,MAAA,IACMY,EACJE,QAAQ,YACRD,MAAM,6BACNlB,UAAWC,EACThC,EAAgBiC,EAAOuB,KAAOvB,EAAOwB,KACrCxB,EAAOjC,cACP+B,GAEFqB,OAAO,eACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QAAOrB,SAEtBE,EAAA,OAAA,CAAMsB,EAAE,cAGd"}

package/dist/Inputs/Checkbox/Checkbox.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"Checkbox-module_root__52eFu","inputWrapper":"Checkbox-module_inputWrapper__JZjHc","show":"Checkbox-module_show__jXFKu","hide":"Checkbox-module_hide__j-2PL","label":"Checkbox-module_label__4Llik"};
-
-export { styles as default };
+var e={root:"Checkbox-module_root__52eFu",inputWrapper:"Checkbox-module_inputWrapper__JZjHc",show:"Checkbox-module_show__jXFKu",hide:"Checkbox-module_hide__j-2PL",label:"Checkbox-module_label__4Llik"};export{e as default};
 //# sourceMappingURL=Checkbox.module.css.js.map

package/dist/Inputs/Checkbox/Checkbox.module.css.js.map

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

package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js

@@ -1,35 +1,2 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useState, useRef, useCallback, useMemo } from 'react';
-import styles from './CheckboxGroup.module.css.js';
-
-const CheckboxGroupContext = createContext(null);
-function CheckboxGroup({ children, onChange, label, }) {
-    const [values, setValues] = useState([]);
-    const indexRef = useRef(-1);
-    const register = useCallback(() => {
-        const index = indexRef.current++;
-        setValues((prev) => [...prev, false]);
-        return index;
-    }, []);
-    const update = useCallback((index, checked) => {
-        setValues((prev) => {
-            const next = [...prev];
-            next[index] = checked;
-            onChange?.(next);
-            return next;
-        });
-    }, [onChange]);
-    const setAll = useCallback((checked) => {
-        setValues((prev) => {
-            const next = prev.map(() => checked);
-            onChange?.(next);
-            return next;
-        });
-    }, [onChange]);
-    const context = useMemo(() => ({ values, register, update, setAll }), [values, register, update, setAll]);
-    return (jsxs("fieldset", { className: styles.root, children: [label && (jsx("legend", { className: styles.legend, id: label, children: label })), jsx(CheckboxGroupContext.Provider, { value: context, children: children })] }));
-}
-
-export { CheckboxGroup, CheckboxGroupContext };
+"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{createContext as t,useState as n,useRef as o,useCallback as l,useMemo as c}from"react";import s from"./CheckboxGroup.module.css.js";const i=t(null);function u({children:t,onChange:u,label:a}){const[d,m]=n([]),p=o(-1),h=l(()=>{const e=p.current++;return m(e=>[...e,!1]),e},[]),f=l((e,r)=>{m(t=>{const n=[...t];return n[e]=r,u?.(n),n})},[u]),g=l(e=>{m(r=>{const t=r.map(()=>e);return u?.(t),t})},[u]),v=c(()=>({values:d,register:h,update:f,setAll:g}),[d,h,f,g]);return e("fieldset",{className:s.root,children:[a&&r("legend",{className:s.legend,id:a,children:a}),r(i.Provider,{value:v,children:t})]})}export{u as CheckboxGroup,i as CheckboxGroupContext};
 //# sourceMappingURL=CheckboxGroup.js.map