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

package/dist/select-date-range.js

@@ -1,9 +1,9 @@
 import {
   SelectDateRange
-} from "./chunk-K5OU5NOT.js";
-import "./chunk-TKCXP6RZ.js";
-import "./chunk-YMOOL62S.js";
-import "./chunk-IKAMZNCK.js";
+} from "./chunk-Y4Y2NVBM.js";
+import "./chunk-WXERMWTW.js";
+import "./chunk-XHLIIDD2.js";
+import "./chunk-JZWTTSOZ.js";
 import "./chunk-H7IAG72O.js";
 export {
   SelectDateRange

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",

package/dist/chunk-IKAMZNCK.js

@@ -1,65 +0,0 @@
-import {
-  useControlSize,
-  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
-      ]
-    }
-  );
-});
-
-export {
-  Button
-};

package/dist/chunk-SMCYEPBL.js

@@ -1,73 +0,0 @@
-import {
-  useControlSize,
-  useFloatingPlaceholder,
-  withTitleTooltip
-} from "./chunk-H7IAG72O.js";
-
-// src/components/TextArea.tsx
-import { forwardRef, useId, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TextArea = forwardRef(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__ */ jsxs("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
-    /* @__PURE__ */ jsx(
-      "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__ */ jsxs("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__ */ jsx("span", { className: `sia-field ${className}`.trim(), children: control });
-  return /* @__PURE__ */ jsxs("span", { className: `sia-field ${className}`.trim(), children: [
-    label ? /* @__PURE__ */ jsx("label", { className: "sia-field__label", htmlFor: textAreaId, children: label }) : null,
-    control,
-    hint ? /* @__PURE__ */ jsx("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
-  ] });
-});
-
-export {
-  TextArea
-};