@sia.soul/sia-react-ui 0.1.77 → 0.1.79

package/dist/chart.js

@@ -56,9 +56,8 @@ import {
   smoothSvgPath,
   svgArcPath,
   transferCompositeValue
-} from "./chunk-Q4FDV6KP.js";
-import "./chunk-SMCYEPBL.js";
-import "./chunk-IKAMZNCK.js";
+} from "./chunk-BDS42FR3.js";
+import "./chunk-JZWTTSOZ.js";
 import "./chunk-H7IAG72O.js";
 export {
   BarChart,

package/dist/{chunk-Q4FDV6KP.js → chunk-BDS42FR3.js}

@@ -1,9 +1,7 @@
 import {
+  Button,
   TextArea
-} from "./chunk-SMCYEPBL.js";
-import {
-  Button
-} from "./chunk-IKAMZNCK.js";
+} from "./chunk-JZWTTSOZ.js";
 import {
   withTitleTooltip
 } from "./chunk-H7IAG72O.js";

package/dist/{chunk-JNZXYBGM.js → chunk-GODBVCIQ.js}

@@ -2,10 +2,10 @@ import {
   Dropdown,
   Icon,
   Input
-} from "./chunk-YMOOL62S.js";
+} from "./chunk-XHLIIDD2.js";
 import {
   Button
-} from "./chunk-IKAMZNCK.js";
+} from "./chunk-JZWTTSOZ.js";
 import {
   useFloatingPlaceholder,
   withTitleTooltip

package/dist/chunk-JZWTTSOZ.js

@@ -0,0 +1,131 @@
+import {
+  useControlSize,
+  useFloatingPlaceholder,
+  withTitleTooltip
+} from "./chunk-H7IAG72O.js";
+
+// src/components/Button.tsx
+import { forwardRef, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = forwardRef(function Button2({
+  variant = "default",
+  size: sizeProp,
+  loading = false,
+  block = false,
+  danger = false,
+  icon,
+  iconPosition = "start",
+  className = "",
+  children,
+  disabled,
+  onClick,
+  style,
+  ...props
+}, forwardedRef) {
+  const size = useControlSize(sizeProp);
+  const localRef = useRef(null);
+  function setRef(node) {
+    localRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef) forwardedRef.current = node;
+  }
+  function handleClick(event) {
+    const button = localRef.current;
+    if (button && variant === "primary") {
+      const rect = button.getBoundingClientRect();
+      button.style.setProperty("--sia-wave-x", `${event.clientX - rect.left}px`);
+      button.style.setProperty("--sia-wave-y", `${event.clientY - rect.top}px`);
+      button.dataset.wave = "active";
+      window.setTimeout(() => delete button.dataset.wave, 360);
+    }
+    onClick?.(event);
+  }
+  const mergedStyle = block ? { ...style, width: "100%" } : style ?? {};
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref: setRef,
+      type: "button",
+      className: `sia-button sia-button--${variant} sia-button--${size}${danger ? " sia-button--danger" : ""} ${className}`.trim(),
+      "aria-busy": loading || void 0,
+      disabled: disabled || loading,
+      onClick: handleClick,
+      style: mergedStyle,
+      ...withTitleTooltip(props),
+      children: [
+        loading ? /* @__PURE__ */ jsx("span", { className: "sia-button__spinner", "aria-hidden": "true" }) : icon && iconPosition === "start" ? /* @__PURE__ */ jsx("span", { className: "sia-button__icon", children: icon }) : null,
+        children !== void 0 && children !== null ? /* @__PURE__ */ jsx("span", { children }) : null,
+        !loading && icon && iconPosition === "end" ? /* @__PURE__ */ jsx("span", { className: "sia-button__icon", children: icon }) : null
+      ]
+    }
+  );
+});
+
+// src/components/TextArea.tsx
+import { forwardRef as forwardRef2, useId, useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TextArea = forwardRef2(function TextArea2({
+  label,
+  hint,
+  status = "default",
+  size: sizeProp,
+  showCount = false,
+  placeholder,
+  placeholderMode,
+  className = "",
+  id,
+  disabled,
+  value,
+  defaultValue,
+  maxLength,
+  onChange,
+  ...props
+}, ref) {
+  const size = useControlSize(sizeProp);
+  const fallbackId = useId();
+  const textAreaId = id ?? fallbackId;
+  const [uncontrolledValue, setUncontrolledValue] = useState(() => defaultValue === void 0 ? "" : String(defaultValue));
+  const currentText = value !== void 0 ? String(value) : uncontrolledValue;
+  const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: currentText.length > 0 });
+  const hintId = `${textAreaId}-hint`;
+  const describedBy = [props["aria-describedby"], hint ? hintId : null].filter(Boolean).join(" ") || void 0;
+  function handleChange(event) {
+    setUncontrolledValue(event.target.value);
+    onChange?.(event);
+  }
+  const control = /* @__PURE__ */ jsxs2("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
+    /* @__PURE__ */ jsx2(
+      "textarea",
+      {
+        ...withTitleTooltip(props),
+        ref,
+        id: textAreaId,
+        className: "sia-textarea",
+        disabled,
+        value,
+        defaultValue,
+        maxLength,
+        placeholder,
+        "aria-describedby": describedBy,
+        "aria-invalid": status === "error" || void 0,
+        onChange: handleChange
+      }
+    ),
+    floating.label,
+    showCount ? /* @__PURE__ */ jsxs2("span", { className: `sia-textarea-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
+      currentText.length,
+      maxLength !== void 0 ? `/${maxLength}` : null
+    ] }) : null
+  ] });
+  if (!label && !hint) return /* @__PURE__ */ jsx2("span", { className: `sia-field ${className}`.trim(), children: control });
+  return /* @__PURE__ */ jsxs2("span", { className: `sia-field ${className}`.trim(), children: [
+    label ? /* @__PURE__ */ jsx2("label", { className: "sia-field__label", htmlFor: textAreaId, children: label }) : null,
+    control,
+    hint ? /* @__PURE__ */ jsx2("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
+  ] });
+});
+
+export {
+  Button,
+  TextArea
+};