@herca/r-kit 0.0.51 → 0.0.52

package/dist/clients.cjs

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var clients_exports = {};
 __export(clients_exports, {
   BaseCheckbox: () => BaseCheckbox,
+  BaseRadio: () => BaseRadio,
   BaseSwitch: () => BaseSwitch,
   ButtonDropdown: () => ButtonDropdown,
   ButtonGroup: () => ButtonGroup,
@@ -71,6 +72,10 @@ __export(clients_exports, {
   ModalPreviewAttachment: () => ModalPreviewAttachment,
   ModalTitle: () => ModalTitle,
   PreviewItem: () => PreviewItem,
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup,
+  RadioIndicatorVariants: () => RadioIndicatorVariants,
+  RadioVariants: () => RadioVariants,
   Select: () => Select,
   Sheet: () => Sheet,
   SheetClose: () => SheetClose,
@@ -12116,10 +12121,10 @@ var InputFile = (0, import_react361.forwardRef)(
         /* @__PURE__ */ (0, import_jsx_runtime375.jsxs)(
           "label",
           {
-            onDragEnter: variant === "large" ? handleDragEnter : void 0,
-            onDragLeave: variant === "large" ? handleDragLeave : void 0,
-            onDragOver: variant === "large" ? handleDragOver : void 0,
-            onDrop: variant === "large" ? handleDrop : void 0,
+            onDragEnter: variant === "large" || variant === "medium" ? handleDragEnter : void 0,
+            onDragLeave: variant === "large" || variant === "medium" ? handleDragLeave : void 0,
+            onDragOver: variant === "large" || variant === "medium" ? handleDragOver : void 0,
+            onDrop: variant === "large" || variant === "medium" ? handleDrop : void 0,
             className: cn(
               inputFileVariants({ variant }),
               "group relative flex items-center gap-2 rounded-lg border px-3 py-2 transition-all",
@@ -12130,7 +12135,7 @@ var InputFile = (0, import_react361.forwardRef)(
               variant === "large" && internalErrorMessage !== void 0 && "border-danger-500",
               //prettier-ignore
               variant === "large" && "flex-col items-center p-5!",
-              variant === "large" && isDragging && "border-primary-500 bg-primary-50",
+              (variant === "large" || variant === "medium") && isDragging && "border-primary-500 bg-primary-50",
               //prettier-ignore
               disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
             ),
@@ -12158,7 +12163,7 @@ var InputFile = (0, import_react361.forwardRef)(
                       Text,
                       {
                         as: "p",
-                        value: variant === "large" && !isDragging && !hint ? `Klik atau drag & drop file disini` : hint,
+                        value: (variant === "large" || variant === "medium") && !isDragging && !hint ? `Klik atau drag & drop file disini` : hint,
                         className: "text-gray-600!"
                       }
                     )
@@ -15419,6 +15424,7 @@ function Select({
   required,
   isSelectOpen,
   onOpenChange,
+  searchOptions,
   searchPlaceholder = "Search..."
 }) {
   const [isOpen, setIsOpen] = (0, import_react375.useState)(false);
@@ -15553,6 +15559,11 @@ function Select({
   (0, import_react375.useEffect)(() => {
     onOpenChange?.(isOpen);
   }, [isOpen]);
+  (0, import_react375.useEffect)(() => {
+    if (searchOptions !== void 0) {
+      setSearchTerm(searchOptions);
+    }
+  }, [searchOptions]);
   const getDisplayValue = () => {
     const isEmpty = value == null || isMulti && asArray(value).length === 0;
     if (isEmpty) {
@@ -34578,7 +34589,7 @@ function TableGroup({
     {
       title: "Delete Row",
       icon: "table-delete-row",
-      onClick: () => editor.chain().focus().addRowAfter().run(),
+      onClick: () => editor.chain().focus().deleteRow().run(),
       requiresTable: false,
       disabled
     }
@@ -34594,7 +34605,7 @@ function TableGroup({
     {
       title: "Delete Column",
       icon: "table-delete-column",
-      onClick: () => editor.chain().focus().addColumnBefore().run(),
+      onClick: () => editor.chain().focus().deleteColumn().run(),
       requiresTable: false,
       disabled
     }
@@ -34908,9 +34919,229 @@ function TextEditor({
     }
   );
 }
+
+// src/components/radio/radio.tsx
+var import_react396 = __toESM(require("react"), 1);
+
+// src/components/radio/radio-variants.ts
+var import_class_variance_authority13 = require("class-variance-authority");
+var RadioVariants = (0, import_class_variance_authority13.cva)(
+  "flex items-center justify-center rounded-full border transition-all focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:outline-none",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      },
+      color: {
+        primary: "border-primary-1000 focus-visible:ring-primary-900",
+        secondary: "border-gray-600 focus-visible:ring-gray-500",
+        success: "border-success-500 focus-visible:ring-success-400",
+        danger: "border-danger-500 focus-visible:ring-danger-400",
+        warning: "border-warning-500 focus-visible:ring-warning-400",
+        info: "border-info-500 focus-visible:ring-info-400",
+        orange: "border-orange-500 focus-visible:ring-orange-400",
+        purple: "border-purple-500 focus-visible:ring-purple-400",
+        gray: "border-gray-600 focus-visible:ring-gray-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "primary"
+    }
+  }
+);
+var RadioIndicatorVariants = (0, import_class_variance_authority13.cva)("rounded-full transition-all", {
+  variants: {
+    size: {
+      sm: "h-2 w-2",
+      md: "h-2.5 w-2.5",
+      lg: "h-3 w-3"
+    },
+    color: {
+      primary: "bg-primary-1000",
+      secondary: "bg-gray-600",
+      success: "bg-success-500",
+      danger: "bg-danger-500",
+      warning: "bg-warning-500",
+      info: "bg-info-500",
+      orange: "bg-orange-500",
+      purple: "bg-purple-500",
+      gray: "bg-gray-600"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+
+// src/components/radio/radio.tsx
+var import_jsx_runtime412 = require("react/jsx-runtime");
+var RadioGroupContext = (0, import_react396.createContext)(
+  void 0
+);
+var RadioGroup = ({
+  value,
+  defaultValue,
+  onValueChange,
+  disabled = false,
+  required = false,
+  name,
+  size = "md",
+  color = "primary",
+  className,
+  label,
+  hint,
+  description,
+  errorMessages,
+  direction = "vertical",
+  children
+}) => {
+  const [internalValue, setInternalValue] = import_react396.default.useState(
+    defaultValue ?? value ?? ""
+  );
+  const currentValue = value !== void 0 ? value : internalValue;
+  const handleValueChange = (newValue) => {
+    if (value === void 0) {
+      setInternalValue(newValue);
+    }
+    onValueChange?.(newValue);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(
+    RadioGroupContext.Provider,
+    {
+      value: {
+        value: currentValue,
+        onValueChange: handleValueChange,
+        disabled,
+        name,
+        size,
+        color
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(
+        FormField,
+        {
+          label,
+          hint,
+          description,
+          errorMessages,
+          className,
+          required,
+          size,
+          children: /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(
+            "div",
+            {
+              role: "radiogroup",
+              "aria-required": required,
+              className: cn(
+                "flex gap-4",
+                direction === "vertical" ? "flex-col" : "flex-row flex-wrap"
+              ),
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var BaseRadio = ({
+  id: providedId,
+  value,
+  checked,
+  disabled: disabledProp = false,
+  required = false,
+  size: sizeProp,
+  color: colorProp,
+  onCheckedChange,
+  className
+}) => {
+  const generatedId = (0, import_react396.useId)();
+  const id = providedId ?? generatedId;
+  const context = (0, import_react396.useContext)(RadioGroupContext);
+  const isChecked = context ? context.value === value : checked ?? false;
+  const disabled = disabledProp ?? context?.disabled ?? false;
+  const name = context?.name;
+  const size = sizeProp ?? context?.size ?? "md";
+  const color = colorProp ?? context?.color ?? "primary";
+  const handleChange = () => {
+    if (disabled) return;
+    if (context) {
+      context.onValueChange?.(value);
+    } else {
+      onCheckedChange?.(!isChecked);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime412.jsxs)(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      id,
+      "aria-checked": isChecked,
+      "aria-required": required,
+      disabled,
+      onClick: handleChange,
+      className: cn(
+        RadioVariants({ size, color }),
+        !isChecked && "border-gray-300",
+        disabled && "cursor-not-allowed opacity-50",
+        !disabled && "hover:border-opacity-80 cursor-pointer",
+        "bg-white",
+        className
+      ),
+      children: [
+        Boolean(name) && /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(
+          "input",
+          {
+            type: "radio",
+            name,
+            value,
+            checked: isChecked,
+            onChange: () => {
+            },
+            className: "sr-only",
+            disabled,
+            required
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(
+          "span",
+          {
+            className: cn(
+              RadioIndicatorVariants({ size, color }),
+              isChecked ? "scale-100" : "scale-0 bg-transparent"
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var Radio = ({ label, description, className, size: sizeProp, ...props }) => {
+  const generatedId = (0, import_react396.useId)();
+  const id = props?.id ?? generatedId;
+  const context = (0, import_react396.useContext)(RadioGroupContext);
+  const size = sizeProp ?? context?.size ?? "md";
+  const labelSizeClasses = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime412.jsxs)("div", { className: cn("inline-flex items-center gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(BaseRadio, { ...props, id, size }),
+    /* @__PURE__ */ (0, import_jsx_runtime412.jsxs)("div", { className: "flex flex-col", children: [
+      Boolean(label) && /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(FormLabel, { htmlFor: id, className: labelSizeClasses[size], children: label }),
+      Boolean(description) && /* @__PURE__ */ (0, import_jsx_runtime412.jsx)(FormDescription, { children: description })
+    ] })
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BaseCheckbox,
+  BaseRadio,
   BaseSwitch,
   ButtonDropdown,
   ButtonGroup,
@@ -34951,6 +35182,10 @@ function TextEditor({
   ModalPreviewAttachment,
   ModalTitle,
   PreviewItem,
+  Radio,
+  RadioGroup,
+  RadioIndicatorVariants,
+  RadioVariants,
   Select,
   Sheet,
   SheetClose,