klun-ui 0.1.12 → 0.1.13

package/dist/{chunk-7FELOLAD.cjs → chunk-Y2R5PBYN.cjs}

@@ -6016,7 +6016,7 @@ var CharacterCounter = react.forwardRef(
   }
 );
 CharacterCounter.displayName = "CharacterCounter";
-var Checkbox = react.forwardRef(function Checkbox2({ indeterminate = false, disabled = false, error = false, size: sizeProp, onChange, className, style, ...props }, ref) {
+var Checkbox = react.forwardRef(function Checkbox2({ indeterminate = false, disabled = false, error = false, size: sizeProp, onChange, className, style, children, ...props }, ref) {
   const size = useSize(sizeProp);
   const innerRef = react.useRef(null);
   const setRef = (node) => {
@@ -6035,6 +6035,7 @@ var Checkbox = react.forwardRef(function Checkbox2({ indeterminate = false, disa
         `klun-checkbox--${size}`,
         disabled && "klun-checkbox--disabled",
         error && "klun-checkbox--error",
+        children != null && children !== false && "klun-checkbox--with-label",
         className
       ),
       style,
@@ -6054,12 +6055,52 @@ var Checkbox = react.forwardRef(function Checkbox2({ indeterminate = false, disa
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "klun-checkbox__box", "aria-hidden": true, children: [
           /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "klun-checkbox__check", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5l3 3 6-6.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "klun-checkbox__dash", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8h9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
-        ] })
+        ] }),
+        children != null && children !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "klun-checkbox__label", children })
       ]
     }
   );
 });
 Checkbox.displayName = "Checkbox";
+var CheckboxGroup = react.forwardRef(function CheckboxGroup2({ options, value, defaultValue, onChange, disabled = false, size, name, direction = "horizontal", className, style, children }, ref) {
+  const [internal, setInternal] = react.useState(defaultValue ?? []);
+  const controlled = value != null;
+  const current = controlled ? value : internal;
+  const toggle = (val, checked) => {
+    const next = checked ? [...current, val] : current.filter((v) => v !== val);
+    if (!controlled) setInternal(next);
+    onChange?.(next);
+  };
+  const norm2 = (options ?? []).map(
+    (o) => typeof o === "string" ? { label: o, value: o } : o
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      role: "group",
+      className: chunkTPGAXYFU_cjs.cx("klun-checkbox-group", `klun-checkbox-group--${direction}`, className),
+      style,
+      children: [
+        norm2.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
+          Checkbox,
+          {
+            name,
+            size,
+            value: o.value,
+            checked: current.includes(o.value),
+            disabled: disabled || o.disabled,
+            onChange: (checked) => toggle(o.value, checked),
+            children: o.label
+          },
+          o.value
+        )),
+        children
+      ]
+    }
+  );
+});
+CheckboxGroup.displayName = "CheckboxGroup";
 var CheckboxCard = react.forwardRef(
   function CheckboxCard2({
     title,
@@ -10091,8 +10132,8 @@ var Drawer = react.forwardRef(function Drawer2({
   title,
   placement,
   side,
-  width = 378,
-  height = 378,
+  width = "50%",
+  height = "50%",
   size = "default",
   closable = true,
   maskClosable = true,
@@ -10700,6 +10741,7 @@ exports.ChartLegend = ChartLegend;
 exports.ChartTooltip = ChartTooltip;
 exports.Checkbox = Checkbox;
 exports.CheckboxCard = CheckboxCard;
+exports.CheckboxGroup = CheckboxGroup;
 exports.Chip = Chip;
 exports.CircularProgress = CircularProgress;
 exports.CodeViewer = CodeViewer;
@@ -10827,5 +10869,5 @@ exports.useSize = useSize;
 exports.viVN = viVN;
 exports.zhCN = zhCN;
 exports.zhTW = zhTW;
-//# sourceMappingURL=chunk-7FELOLAD.cjs.map
-//# sourceMappingURL=chunk-7FELOLAD.cjs.map
+//# sourceMappingURL=chunk-Y2R5PBYN.cjs.map
+//# sourceMappingURL=chunk-Y2R5PBYN.cjs.map