klun-ui 0.1.12 → 0.1.13

package/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to **klun-ui** are documented here. The format follows
 [Semantic Versioning](https://semver.org/) (pre-1.0: minor/patch bumps may carry
 small breaking changes).
 
+## [0.1.13] — 2026-06-23
+
+### Added
+- **`CheckboxGroup` — a set of checkboxes bound to a `string[]` value.**
+  antd-aligned API: `options` (a bare string is shorthand for
+  `{ label, value }`, or pass `{ label, value, disabled }`), controlled
+  `value`/`onChange` or uncontrolled `defaultValue`, `direction`
+  (`"horizontal"` | `"vertical"`), `size`, and a group-level `disabled`.
+- **`Checkbox` now renders an optional label.** Pass `children` to show text
+  next to the box (backward compatible — box-only usage is unchanged).
+
+### Changed
+- **`Drawer` default size is now `50%`** of the viewport along the slide axis
+  (was a fixed `378px`) for both `width` and `height`. Pass an explicit
+  `width`/`height` (number or string) to override.
+
 ## [0.1.10] — 2026-06-21
 
 ### Added

package/dist/{chunk-3XJ5FN4P.js → chunk-O2CR4NDQ.js}

@@ -6014,7 +6014,7 @@ var CharacterCounter = forwardRef(
   }
 );
 CharacterCounter.displayName = "CharacterCounter";
-var Checkbox = forwardRef(function Checkbox2({ indeterminate = false, disabled = false, error = false, size: sizeProp, onChange, className, style, ...props }, ref) {
+var Checkbox = forwardRef(function Checkbox2({ indeterminate = false, disabled = false, error = false, size: sizeProp, onChange, className, style, children, ...props }, ref) {
   const size = useSize(sizeProp);
   const innerRef = useRef(null);
   const setRef = (node) => {
@@ -6033,6 +6033,7 @@ var Checkbox = forwardRef(function Checkbox2({ indeterminate = false, disabled =
         `klun-checkbox--${size}`,
         disabled && "klun-checkbox--disabled",
         error && "klun-checkbox--error",
+        children != null && children !== false && "klun-checkbox--with-label",
         className
       ),
       style,
@@ -6052,12 +6053,52 @@ var Checkbox = forwardRef(function Checkbox2({ indeterminate = false, disabled =
         /* @__PURE__ */ jsxs("span", { className: "klun-checkbox__box", "aria-hidden": true, children: [
           /* @__PURE__ */ jsx("svg", { className: "klun-checkbox__check", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5l3 3 6-6.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
           /* @__PURE__ */ jsx("svg", { className: "klun-checkbox__dash", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M3.5 8h9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
-        ] })
+        ] }),
+        children != null && children !== false && /* @__PURE__ */ jsx("span", { className: "klun-checkbox__label", children })
       ]
     }
   );
 });
 Checkbox.displayName = "Checkbox";
+var CheckboxGroup = forwardRef(function CheckboxGroup2({ options, value, defaultValue, onChange, disabled = false, size, name, direction = "horizontal", className, style, children }, ref) {
+  const [internal, setInternal] = 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__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "group",
+      className: cx("klun-checkbox-group", `klun-checkbox-group--${direction}`, className),
+      style,
+      children: [
+        norm2.map((o) => /* @__PURE__ */ 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 = forwardRef(
   function CheckboxCard2({
     title,
@@ -10089,8 +10130,8 @@ var Drawer = forwardRef(function Drawer2({
   title,
   placement,
   side,
-  width = 378,
-  height = 378,
+  width = "50%",
+  height = "50%",
   size = "default",
   closable = true,
   maskClosable = true,
@@ -10678,6 +10719,6 @@ var Popconfirm = forwardRef(function Popconfirm2({
 });
 Popconfirm.displayName = "Popconfirm";
 
-export { Accordion, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, BulkAction, BulkActionBar, Button, ButtonGroup, Card, Carousel, Cascader, CharacterCounter, ChartLegend, ChartTooltip, Checkbox, CheckboxCard, Chip, CircularProgress, CodeViewer, Col, Collapse, ColorDot, ColorPicker, ColorSlider, CommandMenu, CompactSelect, CompactSelectForInput, ConfigProvider, Confirm, ContentLabel, ContextMenu2 as ContextMenu, CopyButton, CounterInput, DatePicker, DateRangePicker, DateTimePicker, Descriptions, DigitInput, Divider, Drawer, Dropdown, ExpiryCountdown, FileUpload, Flex, Form, FormItem, FormList, Format, GaugeBar, Grid, Hint, HorizontalFilter, ImageUpload, ImageViewer, InlineInput, InlineSelect, Input, Kbd, KeyIcon, Label, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, List, ListItem, LiveDot, LogViewer, Masonry, Menu, Message, Modal, Money, Notification, Pagination, PasswordStrength, Popconfirm, Popover, ProgressBar, Radio, RadioCard, RangeSlider, Rating, RelativeTime, RichEditorToolbar, Row, SegmentedControl, SegmentedProgress, Select, SelectMenu, Skeleton, Slider, Space, Spinner2 as Spinner, Splitter2 as Splitter, SplitterPanel, Statistic, StatusBadge, StatusDot, StepIndicator, Switch, Table, Tabs, Tag, Textarea, TimePicker, Timeline, Toast, Toaster, Tooltip, Tree, Wizard, arSA, deDE, enUS, esES, fmt, frFR, idID, itIT, jaJP, koKR, locales, nlNL, plPL, primaryColorVars, ptBR, ruRU, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, viVN, zhCN, zhTW };
-//# sourceMappingURL=chunk-3XJ5FN4P.js.map
-//# sourceMappingURL=chunk-3XJ5FN4P.js.map
+export { Accordion, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, BulkAction, BulkActionBar, Button, ButtonGroup, Card, Carousel, Cascader, CharacterCounter, ChartLegend, ChartTooltip, Checkbox, CheckboxCard, CheckboxGroup, Chip, CircularProgress, CodeViewer, Col, Collapse, ColorDot, ColorPicker, ColorSlider, CommandMenu, CompactSelect, CompactSelectForInput, ConfigProvider, Confirm, ContentLabel, ContextMenu2 as ContextMenu, CopyButton, CounterInput, DatePicker, DateRangePicker, DateTimePicker, Descriptions, DigitInput, Divider, Drawer, Dropdown, ExpiryCountdown, FileUpload, Flex, Form, FormItem, FormList, Format, GaugeBar, Grid, Hint, HorizontalFilter, ImageUpload, ImageViewer, InlineInput, InlineSelect, Input, Kbd, KeyIcon, Label, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, List, ListItem, LiveDot, LogViewer, Masonry, Menu, Message, Modal, Money, Notification, Pagination, PasswordStrength, Popconfirm, Popover, ProgressBar, Radio, RadioCard, RangeSlider, Rating, RelativeTime, RichEditorToolbar, Row, SegmentedControl, SegmentedProgress, Select, SelectMenu, Skeleton, Slider, Space, Spinner2 as Spinner, Splitter2 as Splitter, SplitterPanel, Statistic, StatusBadge, StatusDot, StepIndicator, Switch, Table, Tabs, Tag, Textarea, TimePicker, Timeline, Toast, Toaster, Tooltip, Tree, Wizard, arSA, deDE, enUS, esES, fmt, frFR, idID, itIT, jaJP, koKR, locales, nlNL, plPL, primaryColorVars, ptBR, ruRU, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, viVN, zhCN, zhTW };
+//# sourceMappingURL=chunk-O2CR4NDQ.js.map
+//# sourceMappingURL=chunk-O2CR4NDQ.js.map