@studiocubics/components 0.0.1 → 0.0.2

package/dist/Display/PasswordStrength/usePasswordStrength.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePasswordStrength.js","sources":["../../../src/Display/PasswordStrength/usePasswordStrength.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const PASSWORD_REGEX = {\n  ASCII_NO_SPACE: { ex: /^[!-~]+$/, score: 0.5 },\n  LOWERCASE: { ex: /[a-z]/, score: 0.5 },\n  UPPERCASE: { ex: /[A-Z]/, score: 1 },\n  DIGIT: { ex: /\\d/, score: 1 },\n  SPECIAL: { ex: /[!@#$%^&*()_\\-+=\\[\\]{};:'\",.<>/?\\\\|`~]/, score: 1 },\n  NO_TRIPLE_REPEAT: { ex: /^(?!.*(.)\\1\\1).*$/, score: 1 },\n} as const;\n\nexport type PasswordTest = keyof typeof PASSWORD_REGEX;\n\nexport const ALL_PASSWORD_TESTS: PasswordTest[] = [\n  \"ASCII_NO_SPACE\",\n  \"DIGIT\",\n  \"LOWERCASE\",\n  \"NO_TRIPLE_REPEAT\",\n  \"SPECIAL\",\n  \"UPPERCASE\",\n];\nexport interface PasswordStrengthProps {\n  password?: string;\n  requiredTests?: PasswordTest[];\n  disableStrengthMeter?: boolean;\n  /**\n   * Minimum length of the password when it should start checking,\n   * before reaching the minimum length the strength will always be 1\n   */\n  minLength?: number;\n}\n\nexport function usePasswordStrength({\n  password,\n  requiredTests = [],\n  disableStrengthMeter = true,\n  minLength = 8,\n}: PasswordStrengthProps) {\n  const [strength, setStrength] = useState<number | null>(null);\n  const [testsPassed, setPassed] = useState<PasswordTest[]>([]);\n\n  useEffect(() => {\n    if (!password) {\n      setStrength(null);\n      setPassed([]);\n      return;\n    }\n\n    const results: PasswordTest[] = [];\n\n    for (const [key, regex] of Object.entries(PASSWORD_REGEX)) {\n      if (regex.ex.test(password)) results.push(key as PasswordTest);\n    }\n\n    setPassed(results);\n\n    // REQUIRED TESTS GATE\n    const allRequiredPassed = results.every((test) =>\n      requiredTests.includes(test),\n    );\n\n    if (!allRequiredPassed || password.length < minLength) {\n      setStrength(1); // Weak\n      return;\n    }\n\n    // Otherwise score by total passed tests\n    const totalScore = Object.entries(PASSWORD_REGEX).reduce(\n      (acc, [key, value]) =>\n        results.includes(key as PasswordTest) ? acc + value.score : acc,\n      0,\n    );\n    setStrength(totalScore);\n  }, [password, requiredTests]);\n\n  if (!disableStrengthMeter) return { strength, testsPassed };\n}\n"],"names":[],"mappings":";;AAEO,MAAM,cAAc,GAAG;IAC5B,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;IAC9C,SAAS,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE;IACtC,SAAS,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE;IACpC,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;IAC7B,OAAO,EAAE,EAAE,EAAE,EAAE,wCAAwC,EAAE,KAAK,EAAE,CAAC,EAAE;IACnE,gBAAgB,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,EAAE;;AAKlD,MAAM,kBAAkB,GAAmB;IAChD,gBAAgB;IAChB,OAAO;IACP,WAAW;IACX,kBAAkB;IAClB,SAAS;IACT,WAAW;;SAaG,mBAAmB,CAAC,EAClC,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,oBAAoB,GAAG,IAAI,EAC3B,SAAS,GAAG,CAAC,GACS,EAAA;IACtB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IAC7D,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC;IAE7D,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,WAAW,CAAC,IAAI,CAAC;YACjB,SAAS,CAAC,EAAE,CAAC;YACb;QACF;QAEA,MAAM,OAAO,GAAmB,EAAE;AAElC,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;AACzD,YAAA,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;AAAE,gBAAA,OAAO,CAAC,IAAI,CAAC,GAAmB,CAAC;QAChE;QAEA,SAAS,CAAC,OAAO,CAAC;;AAGlB,QAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,KAC3C,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAC7B;QAED,IAAI,CAAC,iBAAiB,IAAI,QAAQ,CAAC,MAAM,GAAG,SAAS,EAAE;AACrD,YAAA,WAAW,CAAC,CAAC,CAAC,CAAC;YACf;QACF;;AAGA,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CACtD,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,KAChB,OAAO,CAAC,QAAQ,CAAC,GAAmB,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,GAAG,EACjE,CAAC,CACF;QACD,WAAW,CAAC,UAAU,CAAC;AACzB,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAE7B,IAAA,IAAI,CAAC,oBAAoB;AAAE,QAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE;AAC7D;;;;"}

package/dist/Display/Skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps, CSSProperties } from "react";
+export interface SkeletonProps extends ComponentProps<"span"> {
+    type?: "text" | "card";
+    size?: "small" | "medium" | "large";
+    width?: CSSProperties["width"];
+    height?: CSSProperties["height"];
+}
+export declare function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/Display/Skeleton/Skeleton.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import styles from './Skeleton.module.css.js';
+import { cn } from '@studiocubics/utils';
+
+function Skeleton(props) {
+    const { className, style, type = "text", size = "medium", width = "100%", height = "1.5em", ...rest } = props;
+    return (jsx("span", { className: cn(className, styles.root, styles[size], styles[type]), style: { width, height, ...style }, ...rest }));
+}
+
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map

package/dist/Display/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../src/Display/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties } from \"react\";\nimport styles from \"./Skeleton.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nexport interface SkeletonProps extends ComponentProps<\"span\"> {\n  type?: \"text\" | \"card\";\n  size?: \"small\" | \"medium\" | \"large\";\n  width?: CSSProperties[\"width\"];\n  height?: CSSProperties[\"height\"];\n}\n\nexport function Skeleton(props: SkeletonProps) {\n  const {\n    className,\n    style,\n    type = \"text\",\n    size = \"medium\",\n    width = \"100%\",\n    height = \"1.5em\",\n    ...rest\n  } = props;\n  return (\n    <span\n      className={cn(className, styles.root, styles[size], styles[type])}\n      style={{ width, height, ...style }}\n      {...rest}\n    ></span>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAUM,SAAU,QAAQ,CAAC,KAAoB,EAAA;IAC3C,MAAM,EACJ,SAAS,EACT,KAAK,EACL,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,EAChB,GAAG,IAAI,EACR,GAAG,KAAK;AACT,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EACjE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,KAC9B,IAAI,EAAA,CACF;AAEZ;;;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"root":"Skeleton-module_root__Ft3Ey","throb":"Skeleton-module_throb__SxiMC","large":"Skeleton-module_large__LnDji","medium":"Skeleton-module_medium__LjhY7","small":"Skeleton-module_small__j9Re2","wave":"Skeleton-module_wave__mC2od"};
+
+export { styles as default };
+//# sourceMappingURL=Skeleton.module.css.js.map

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

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

package/dist/Display/Toast/Toaster.d.ts

@@ -0,0 +1 @@
+export declare function Toaster(): import("react/jsx-runtime").JSX.Element | null;

package/dist/Display/Toast/Toaster.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { subscribe, dismiss } from './toast.js';
+
+function Toaster() {
+    const [toasts, setToasts] = useState([]);
+    useEffect(() => {
+        return () => {
+            subscribe(setToasts);
+        };
+    }, []);
+    if (toasts.length === 0)
+        return null;
+    return (jsx("div", { style: containerStyle, children: toasts.map((t) => (jsxs("div", { style: toastStyle, children: [jsx("span", { children: t.message }), jsx("button", { onClick: () => dismiss(t.id), style: closeStyle, children: "\u00D7" })] }, t.id))) }));
+}
+const containerStyle = {
+    position: "fixed",
+    top: 16,
+    right: 16,
+    display: "flex",
+    flexDirection: "column",
+    gap: 8,
+    zIndex: 1000,
+};
+const toastStyle = {
+    background: "#111",
+    color: "#fff",
+    padding: "12px 16px",
+    borderRadius: 6,
+    minWidth: 200,
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+};
+const closeStyle = {
+    background: "transparent",
+    border: "none",
+    color: "#fff",
+    fontSize: 16,
+    cursor: "pointer",
+};
+
+export { Toaster };
+//# sourceMappingURL=Toaster.js.map

package/dist/Display/Toast/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../../src/Display/Toast/Toaster.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { subscribe, dismiss, type Toast } from \"./toast\";\n\nexport function Toaster() {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n\n  useEffect(() => {\n    return () => {\n      subscribe(setToasts);\n    };\n  }, []);\n\n  if (toasts.length === 0) return null;\n\n  return (\n    <div style={containerStyle}>\n      {toasts.map((t) => (\n        <div key={t.id} style={toastStyle}>\n          <span>{t.message}</span>\n          <button onClick={() => dismiss(t.id)} style={closeStyle}>\n            ×\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nconst containerStyle: React.CSSProperties = {\n  position: \"fixed\",\n  top: 16,\n  right: 16,\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 8,\n  zIndex: 1000,\n};\n\nconst toastStyle: React.CSSProperties = {\n  background: \"#111\",\n  color: \"#fff\",\n  padding: \"12px 16px\",\n  borderRadius: 6,\n  minWidth: 200,\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n};\n\nconst closeStyle: React.CSSProperties = {\n  background: \"transparent\",\n  border: \"none\",\n  color: \"#fff\",\n  fontSize: 16,\n  cursor: \"pointer\",\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/Display/Toast/toast.d.ts

@@ -0,0 +1,12 @@
+export type Toast = {
+    id: string;
+    message: string;
+    duration?: number;
+};
+type Listener = (toasts: Toast[]) => void;
+export declare function subscribe(listener: Listener): () => boolean;
+export declare function toast(message: string, options?: {
+    duration?: number;
+}): void;
+export declare function dismiss(id: string): void;
+export {};

package/dist/Display/Toast/toast.js

@@ -0,0 +1,32 @@
+let toasts = [];
+const listeners = new Set();
+function emit() {
+    listeners.forEach((l) => l(toasts));
+}
+function subscribe(listener) {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+}
+function toast(message, options) {
+    const id = crypto.randomUUID();
+    const t = {
+        id,
+        message,
+        duration: options?.duration ?? 3000,
+    };
+    toasts = [...toasts, t];
+    emit();
+    // Its a toast not a lecture!
+    if (t.duration <= 20000) {
+        setTimeout(() => {
+            dismiss(id);
+        }, t.duration);
+    }
+}
+function dismiss(id) {
+    toasts = toasts.filter((t) => t.id !== id);
+    emit();
+}
+
+export { dismiss, subscribe, toast };
+//# sourceMappingURL=toast.js.map

package/dist/Display/Toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../../../src/Display/Toast/toast.ts"],"sourcesContent":["export type Toast = {\n  id: string;\n  message: string;\n  duration?: number;\n};\n\ntype Listener = (toasts: Toast[]) => void;\n\nlet toasts: Toast[] = [];\nconst listeners = new Set<Listener>();\n\nfunction emit() {\n  listeners.forEach((l) => l(toasts));\n}\n\nexport function subscribe(listener: Listener) {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n}\n\nexport function toast(message: string, options?: { duration?: number }) {\n  const id = crypto.randomUUID();\n\n  const t: Required<Toast> = {\n    id,\n    message,\n    duration: options?.duration ?? 3000,\n  };\n\n  toasts = [...toasts, t];\n  emit();\n\n  // Its a toast not a lecture!\n  if (t.duration <= 20000) {\n    setTimeout(() => {\n      dismiss(id);\n    }, t.duration);\n  }\n}\n\nexport function dismiss(id: string) {\n  toasts = toasts.filter((t) => t.id !== id);\n  emit();\n}\n"],"names":[],"mappings":"AAQA,IAAI,MAAM,GAAY,EAAE;AACxB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAY;AAErC,SAAS,IAAI,GAAA;AACX,IAAA,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACrC;AAEM,SAAU,SAAS,CAAC,QAAkB,EAAA;AAC1C,IAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;IACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC;AAEM,SAAU,KAAK,CAAC,OAAe,EAAE,OAA+B,EAAA;AACpE,IAAA,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE;AAE9B,IAAA,MAAM,CAAC,GAAoB;QACzB,EAAE;QACF,OAAO;AACP,QAAA,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,IAAI;KACpC;AAED,IAAA,MAAM,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC;AACvB,IAAA,IAAI,EAAE;;AAGN,IAAA,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK,EAAE;QACvB,UAAU,CAAC,MAAK;YACd,OAAO,CAAC,EAAE,CAAC;AACb,QAAA,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC;IAChB;AACF;AAEM,SAAU,OAAO,CAAC,EAAU,EAAA;AAChC,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAC1C,IAAA,IAAI,EAAE;AACR;;;;"}

package/dist/Display/Tooltip/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement, type ReactNode } from "react";
+import { type SafePositionOptions } from "@studiocubics/utils";
+export interface TooltipProps extends SafePositionOptions {
+    title?: ReactNode;
+    renderArrow?: boolean;
+    children: ReactElement;
+}
+export declare function Tooltip({ title, children, renderArrow, anchorOrigin, transformOrigin, margin, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/Display/Tooltip/Tooltip.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo, Children, useEffect, isValidElement, cloneElement } from 'react';
+import { createPortal } from 'react-dom';
+import { useTooltip } from './useTooltip.js';
+import styles from './Tooltip.module.css.js';
+import getArrowDirection from './getArrowDirection.js';
+import { cn } from '@studiocubics/utils';
+
+function Tooltip({ title, children, renderArrow = false, anchorOrigin, transformOrigin, margin, }) {
+    const options = useMemo(() => {
+        return {
+            anchorOrigin: anchorOrigin ?? "bottom center",
+            transformOrigin: transformOrigin ?? "top center",
+            margin: margin ?? 8,
+        };
+    }, [anchorOrigin, transformOrigin, margin]);
+    const { anchorRef, showTooltip, tooltipRef, position, updatePosition } = useTooltip(options);
+    const direction = renderArrow
+        ? getArrowDirection(anchorOrigin ?? "bottom center", transformOrigin ?? "top center")
+        : null;
+    // Ensure only one child is passed
+    const child = Children.only(children);
+    const childWithRef = () => {
+        if (isValidElement(child))
+            return cloneElement(child, { ref: anchorRef });
+        else {
+            throw new Error("Children passed to Tooltip should be a valid react element");
+        }
+    };
+    useEffect(() => {
+        if (showTooltip)
+            updatePosition();
+    }, [title, showTooltip, updatePosition]);
+    if (!title)
+        return child;
+    return (jsxs(Fragment, { children: [showTooltip &&
+                createPortal(jsx("div", { className: cn(styles.root, renderArrow && direction ? styles[`arrow-${direction}`] : ""), ref: tooltipRef, style: {
+                        left: `${position.x}px`,
+                        top: `${position.y}px`,
+                    }, children: title }), document.body), childWithRef()] }));
+}
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,4 @@
+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 };
+//# sourceMappingURL=Tooltip.module.css.js.map

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

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

package/dist/Display/Tooltip/getArrowDirection.d.ts

@@ -0,0 +1 @@
+export default function getArrowDirection(anchorOrigin: string, transformOrigin: string): "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | null;

package/dist/Display/Tooltip/getArrowDirection.js

@@ -0,0 +1,48 @@
+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 };
+//# sourceMappingURL=getArrowDirection.js.map

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

@@ -0,0 +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;;;;"}

package/dist/Display/Tooltip/useTooltip.d.ts

@@ -0,0 +1,8 @@
+import { type Position, type SafePositionOptions } from "@studiocubics/utils";
+export declare function useTooltip(options?: SafePositionOptions): {
+    showTooltip: boolean;
+    position: Position;
+    anchorRef: import("react").RefObject<HTMLElement | null>;
+    tooltipRef: import("react").RefObject<HTMLDivElement | null>;
+    updatePosition: () => void;
+};

package/dist/Display/Tooltip/useTooltip.js

@@ -0,0 +1,48 @@
+'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 };
+//# sourceMappingURL=useTooltip.js.map

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

@@ -0,0 +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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"}

package/dist/Forms/ConfirmationForm/ConfirmationForm.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps } from "react";
+import { type ButtonProps } from "../../Inputs/Button/Button";
+export interface ConfirmationFormProps extends ComponentProps<"form"> {
+    formTitle?: string;
+    onCancel?: () => void;
+    variant?: "danger" | "info";
+    confirmText?: string;
+    cancelText?: string;
+    disabled?: boolean;
+    slotProps?: {
+        confirmButton?: ButtonProps;
+        cancelButton?: ButtonProps;
+    };
+}
+export declare function ConfirmationForm(props: ConfirmationFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ConfirmationForm/ConfirmationForm.js

@@ -0,0 +1,12 @@
+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 };
+//# sourceMappingURL=ConfirmationForm.js.map

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

@@ -0,0 +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;;;;"}

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

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

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

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

package/dist/Inputs/Button/Button.d.ts

@@ -0,0 +1,83 @@
+import type { PolymorphicComponentProps, PolymorphicComponentType } from "@studiocubics/types";
+import { type ComponentProps, type CSSProperties, type ElementType, type ReactNode } from "react";
+import { type UseRippleProps } from "../../Misc/Ripple/Ripple";
+/**
+ * Props specific to the Button component.
+ *
+ * These extend the intrinsic element props of whatever element is passed via `as`.
+ * @group button
+ * @category inputs
+ */
+export interface ButtonBaseProps {
+    /** Renders an icon at the beginning of the button. */
+    startIcon?: ReactNode;
+    /** Renders an icon at the end of the button. */
+    endIcon?: ReactNode;
+    /** Marks the button as selected. */
+    selected?: boolean;
+    /** Visual style variant. */
+    variant?: "contained" | "text" | "outlined";
+    /** Expands width to 100%. */
+    fullWidth?: boolean;
+    /** Force a 1:1 aspect ratio. */
+    square?: boolean;
+    /** Button size. */
+    size?: "sm" | "md" | "lg";
+    /** Overrides the CSS `position` property of the root element. */
+    position?: CSSProperties["position"];
+    color?: "primary" | "secondary" | "error";
+    /**
+     * Slot props for customizing internal elements.
+     */
+    slotProps?: {
+        /** Props for the ripple effect. */
+        ripple?: UseRippleProps;
+        /** Wrapper span for the start icon. */
+        startIcon?: ComponentProps<"span">;
+        /** Wrapper span for the end icon. */
+        endIcon?: ComponentProps<"span">;
+    };
+}
+declare const defaultElement = "button";
+type DefaultElement = typeof defaultElement;
+/**
+ * Polymorphic props for the Button component.
+ *
+ * `C` defines the element type rendered by the component (e.g. `"button"`, `"a"`, `"div"`).
+ * All intrinsic props for `C` are supported unless overridden by `ButtonBaseProps`.
+ *
+ * @group button
+ * @category inputs
+ */
+export type ButtonProps<C extends ElementType = DefaultElement> = PolymorphicComponentProps<C, ButtonBaseProps>;
+/**
+ * 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
+ */
+export declare function ButtonBase<C extends ElementType = DefaultElement>(props: ButtonProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ButtonBase {
+    var displayName: string;
+}
+/**
+ * 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
+ */
+export declare const Button: PolymorphicComponentType<ButtonBaseProps, DefaultElement>;
+export {};

package/dist/Inputs/Button/Button.js

@@ -0,0 +1,56 @@
+'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 };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,4 @@
+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 };
+//# sourceMappingURL=Button.module.css.js.map

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

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