@class-kit/react 0.1.0

package/dist/components/select.cjs

@@ -0,0 +1,230 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactDom = require('react-dom');
+var core = require('@class-kit/core');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function useFormInteractivity() {
+    const context = React.useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = React.useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = React.useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    React.useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsxRuntime.jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function renderBodyPortal(node) {
+    return typeof document === "undefined"
+        ? node
+        : reactDom.createPortal(node, document.body);
+}
+function getSelectMenuPosition(trigger, preferredHeight, anchorTopPlacement = false) {
+    if (!trigger || typeof window === "undefined") {
+        return { placement: "bottom", style: {} };
+    }
+    const gap = 6;
+    const padding = 8;
+    const rect = trigger.getBoundingClientRect();
+    const viewportHeight = window.innerHeight;
+    const below = viewportHeight - rect.bottom - padding;
+    const above = rect.top - padding;
+    const placement = below >= preferredHeight || below >= above ? "bottom" : "top";
+    const available = Math.max(80, (placement === "bottom" ? below : above) - gap);
+    const maxHeight = Math.min(preferredHeight, available);
+    const top = placement === "bottom"
+        ? rect.bottom + gap
+        : Math.max(padding, rect.top - gap - maxHeight);
+    const bottom = Math.max(padding, viewportHeight - rect.top + gap);
+    return {
+        placement,
+        style: {
+            bottom: placement === "top" && anchorTopPlacement ? bottom : undefined,
+            left: rect.left,
+            maxHeight,
+            minWidth: rect.width,
+            top: placement === "top" && anchorTopPlacement ? "auto" : top,
+            width: rect.width,
+        },
+    };
+}
+function Select({ name, label, placeholder, options: selectOptions, className = "cc-field", labelClassName = "cc-field__label", controlClassName = "cc-field__control cc-field__select", menuClassName = "cc-select__menu", optionClassName = "cc-select__option", selectedIconClassName = "cc-select__check", errorClassName, disabled, readOnly, multiple = false, clearable = true, clearIcon = jsxRuntime.jsx(ClassIcon, { name: "x" }), clearLabel = core.getClassComponentsLocale().selectClearLabel, selectedIcon = jsxRuntime.jsx(ClassIcon, { name: "check" }), onValueChange, menuRadius, menuBackground, menuBorderColor, menuTextColor, optionHoverColor, optionSelectedColor, initialValue, rules, validateOn, id, style, ...props }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const [open, setOpen] = React.useState(false);
+    const [menuPosition, setMenuPosition] = React.useState(() => getSelectMenuPosition(null, 240));
+    const rootRef = React.useRef(null);
+    const menuRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    const errorId = `${name}-error`;
+    const listboxId = `${name}-listbox`;
+    const labelId = `${name}-label`;
+    const invalid = field.errors.length > 0;
+    const selectedValues = Array.isArray(field.value)
+        ? field.value
+        : field.value === ""
+            ? []
+            : [field.value];
+    const selectedOptions = selectOptions.filter((option) => selectedValues.includes(option.value));
+    const displayText = selectedOptions.length > 0
+        ? selectedOptions.map((option) => option.label).join("、")
+        : (placeholder ?? "Select");
+    const cssVars = {
+        ...(menuRadius !== undefined
+            ? {
+                "--cc-select-menu-radius": typeof menuRadius === "number" ? `${menuRadius}px` : menuRadius,
+            }
+            : {}),
+        ...(menuBackground
+            ? { "--cc-select-menu-background": menuBackground }
+            : {}),
+        ...(menuBorderColor
+            ? { "--cc-select-menu-border-color": menuBorderColor }
+            : {}),
+        ...(menuTextColor ? { "--cc-select-menu-text-color": menuTextColor } : {}),
+        ...(optionHoverColor
+            ? { "--cc-select-option-hover-color": optionHoverColor }
+            : {}),
+        ...(optionSelectedColor
+            ? { "--cc-select-option-selected-color": optionSelectedColor }
+            : {}),
+    };
+    React.useEffect(() => {
+        if (!open)
+            return undefined;
+        const updateMenuPosition = () => setMenuPosition(getSelectMenuPosition(triggerRef.current, 240, true));
+        const handleClick = (event) => {
+            const target = event.target;
+            if (!rootRef.current?.contains(target) &&
+                !menuRef.current?.contains(target))
+                setOpen(false);
+        };
+        updateMenuPosition();
+        document.addEventListener("mousedown", handleClick);
+        window.addEventListener("resize", updateMenuPosition);
+        window.addEventListener("scroll", updateMenuPosition, true);
+        return () => {
+            document.removeEventListener("mousedown", handleClick);
+            window.removeEventListener("resize", updateMenuPosition);
+            window.removeEventListener("scroll", updateMenuPosition, true);
+        };
+    }, [open]);
+    const commitValue = (nextValue) => {
+        field.setValue(nextValue);
+        onValueChange?.(nextValue);
+    };
+    const toggleOption = (option) => {
+        if (option.disabled || interactivity.disabled || interactivity.readOnly)
+            return;
+        if (multiple) {
+            const exists = selectedValues.includes(option.value);
+            const nextValue = exists
+                ? selectedValues.filter((value) => value !== option.value)
+                : [...selectedValues, option.value];
+            commitValue(nextValue);
+            return;
+        }
+        commitValue(option.value);
+        setOpen(false);
+    };
+    const clearValue = (event) => {
+        event.stopPropagation();
+        if (interactivity.readOnly)
+            return;
+        commitValue(multiple ? [] : "");
+        setOpen(false);
+    };
+    return (jsxRuntime.jsxs("div", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ref: rootRef, style: { ...cssVars, ...style }, ...props, children: [label ? (jsxRuntime.jsx("span", { className: labelClassName, id: labelId, children: label })) : null, jsxRuntime.jsxs("button", { "aria-controls": listboxId, "aria-describedby": invalid ? errorId : undefined, "aria-expanded": open, "aria-haspopup": "listbox", "aria-invalid": invalid, "aria-labelledby": label ? labelId : undefined, "aria-readonly": interactivity.readOnly || undefined, className: controlClassName, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, id: id, ref: triggerRef, type: "button", onBlur: field.onBlur, onClick: () => {
+                    if (interactivity.readOnly)
+                        return;
+                    setOpen((current) => !current);
+                }, onKeyDown: (event) => {
+                    if (event.key === "Escape")
+                        setOpen(false);
+                    if (event.key === "ArrowDown" ||
+                        event.key === "Enter" ||
+                        event.key === " ") {
+                        event.preventDefault();
+                        if (interactivity.readOnly)
+                            return;
+                        setOpen(true);
+                    }
+                }, children: [jsxRuntime.jsx("span", { className: "cc-select__value", "data-placeholder": selectedOptions.length === 0, children: displayText }), clearable &&
+                        selectedOptions.length > 0 &&
+                        !interactivity.disabled &&
+                        !interactivity.readOnly ? (jsxRuntime.jsx("span", { className: "cc-select__clear-wrap", "aria-hidden": "false", children: jsxRuntime.jsx("span", { "aria-label": clearLabel, className: "cc-select__clear", role: "button", tabIndex: -1, onClick: clearValue, children: clearIcon }) })) : null, jsxRuntime.jsx("span", { "aria-hidden": "true", className: "cc-select__arrow" })] }), open
+                ? renderBodyPortal(jsxRuntime.jsx("div", { "aria-multiselectable": multiple || undefined, className: menuClassName, "data-floating": "true", "data-placement": menuPosition.placement, id: listboxId, ref: menuRef, role: "listbox", style: { ...cssVars, ...menuPosition.style }, children: selectOptions.map((option) => {
+                        const selected = selectedValues.includes(option.value);
+                        return (jsxRuntime.jsxs("button", { "aria-selected": selected, className: optionClassName, "data-selected": selected, disabled: interactivity.disabled || option.disabled, role: "option", type: "button", onClick: () => toggleOption(option), children: [jsxRuntime.jsx("span", { children: option.label }), selected ? (jsxRuntime.jsx("span", { "aria-hidden": "true", className: selectedIconClassName, children: selectedIcon })) : null] }, String(option.value)));
+                    }) }))
+                : null, jsxRuntime.jsx("input", { name: name, type: "hidden", value: multiple ? selectedValues.join(",") : String(field.value ?? "") }), jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+exports.Select = Select;
+//# sourceMappingURL=select.cjs.map

package/dist/components/select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.cjs","sources":["../../src/index.tsx"],"names":["createContext","_jsx","useContext","useSyncExternalStore","useEffect","createPortal","getClassComponentsLocale","_jsxs"],"mappings":"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"}

package/dist/components/select.d.ts

@@ -0,0 +1,3 @@
+export { Select } from "../index";
+export type { SelectProps } from "../index";
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/select.js

@@ -0,0 +1,228 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useEffect, useContext, useSyncExternalStore, createContext } from 'react';
+import { createPortal } from 'react-dom';
+import { getClassComponentsLocale } from '@class-kit/core';
+
+const FormContext = /*#__PURE__*/ createContext(null);
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function useFormInteractivity() {
+    const context = useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function renderBodyPortal(node) {
+    return typeof document === "undefined"
+        ? node
+        : createPortal(node, document.body);
+}
+function getSelectMenuPosition(trigger, preferredHeight, anchorTopPlacement = false) {
+    if (!trigger || typeof window === "undefined") {
+        return { placement: "bottom", style: {} };
+    }
+    const gap = 6;
+    const padding = 8;
+    const rect = trigger.getBoundingClientRect();
+    const viewportHeight = window.innerHeight;
+    const below = viewportHeight - rect.bottom - padding;
+    const above = rect.top - padding;
+    const placement = below >= preferredHeight || below >= above ? "bottom" : "top";
+    const available = Math.max(80, (placement === "bottom" ? below : above) - gap);
+    const maxHeight = Math.min(preferredHeight, available);
+    const top = placement === "bottom"
+        ? rect.bottom + gap
+        : Math.max(padding, rect.top - gap - maxHeight);
+    const bottom = Math.max(padding, viewportHeight - rect.top + gap);
+    return {
+        placement,
+        style: {
+            bottom: placement === "top" && anchorTopPlacement ? bottom : undefined,
+            left: rect.left,
+            maxHeight,
+            minWidth: rect.width,
+            top: placement === "top" && anchorTopPlacement ? "auto" : top,
+            width: rect.width,
+        },
+    };
+}
+function Select({ name, label, placeholder, options: selectOptions, className = "cc-field", labelClassName = "cc-field__label", controlClassName = "cc-field__control cc-field__select", menuClassName = "cc-select__menu", optionClassName = "cc-select__option", selectedIconClassName = "cc-select__check", errorClassName, disabled, readOnly, multiple = false, clearable = true, clearIcon = jsx(ClassIcon, { name: "x" }), clearLabel = getClassComponentsLocale().selectClearLabel, selectedIcon = jsx(ClassIcon, { name: "check" }), onValueChange, menuRadius, menuBackground, menuBorderColor, menuTextColor, optionHoverColor, optionSelectedColor, initialValue, rules, validateOn, id, style, ...props }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const [open, setOpen] = React.useState(false);
+    const [menuPosition, setMenuPosition] = React.useState(() => getSelectMenuPosition(null, 240));
+    const rootRef = React.useRef(null);
+    const menuRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    const errorId = `${name}-error`;
+    const listboxId = `${name}-listbox`;
+    const labelId = `${name}-label`;
+    const invalid = field.errors.length > 0;
+    const selectedValues = Array.isArray(field.value)
+        ? field.value
+        : field.value === ""
+            ? []
+            : [field.value];
+    const selectedOptions = selectOptions.filter((option) => selectedValues.includes(option.value));
+    const displayText = selectedOptions.length > 0
+        ? selectedOptions.map((option) => option.label).join("、")
+        : (placeholder ?? "Select");
+    const cssVars = {
+        ...(menuRadius !== undefined
+            ? {
+                "--cc-select-menu-radius": typeof menuRadius === "number" ? `${menuRadius}px` : menuRadius,
+            }
+            : {}),
+        ...(menuBackground
+            ? { "--cc-select-menu-background": menuBackground }
+            : {}),
+        ...(menuBorderColor
+            ? { "--cc-select-menu-border-color": menuBorderColor }
+            : {}),
+        ...(menuTextColor ? { "--cc-select-menu-text-color": menuTextColor } : {}),
+        ...(optionHoverColor
+            ? { "--cc-select-option-hover-color": optionHoverColor }
+            : {}),
+        ...(optionSelectedColor
+            ? { "--cc-select-option-selected-color": optionSelectedColor }
+            : {}),
+    };
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        const updateMenuPosition = () => setMenuPosition(getSelectMenuPosition(triggerRef.current, 240, true));
+        const handleClick = (event) => {
+            const target = event.target;
+            if (!rootRef.current?.contains(target) &&
+                !menuRef.current?.contains(target))
+                setOpen(false);
+        };
+        updateMenuPosition();
+        document.addEventListener("mousedown", handleClick);
+        window.addEventListener("resize", updateMenuPosition);
+        window.addEventListener("scroll", updateMenuPosition, true);
+        return () => {
+            document.removeEventListener("mousedown", handleClick);
+            window.removeEventListener("resize", updateMenuPosition);
+            window.removeEventListener("scroll", updateMenuPosition, true);
+        };
+    }, [open]);
+    const commitValue = (nextValue) => {
+        field.setValue(nextValue);
+        onValueChange?.(nextValue);
+    };
+    const toggleOption = (option) => {
+        if (option.disabled || interactivity.disabled || interactivity.readOnly)
+            return;
+        if (multiple) {
+            const exists = selectedValues.includes(option.value);
+            const nextValue = exists
+                ? selectedValues.filter((value) => value !== option.value)
+                : [...selectedValues, option.value];
+            commitValue(nextValue);
+            return;
+        }
+        commitValue(option.value);
+        setOpen(false);
+    };
+    const clearValue = (event) => {
+        event.stopPropagation();
+        if (interactivity.readOnly)
+            return;
+        commitValue(multiple ? [] : "");
+        setOpen(false);
+    };
+    return (jsxs("div", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ref: rootRef, style: { ...cssVars, ...style }, ...props, children: [label ? (jsx("span", { className: labelClassName, id: labelId, children: label })) : null, jsxs("button", { "aria-controls": listboxId, "aria-describedby": invalid ? errorId : undefined, "aria-expanded": open, "aria-haspopup": "listbox", "aria-invalid": invalid, "aria-labelledby": label ? labelId : undefined, "aria-readonly": interactivity.readOnly || undefined, className: controlClassName, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, id: id, ref: triggerRef, type: "button", onBlur: field.onBlur, onClick: () => {
+                    if (interactivity.readOnly)
+                        return;
+                    setOpen((current) => !current);
+                }, onKeyDown: (event) => {
+                    if (event.key === "Escape")
+                        setOpen(false);
+                    if (event.key === "ArrowDown" ||
+                        event.key === "Enter" ||
+                        event.key === " ") {
+                        event.preventDefault();
+                        if (interactivity.readOnly)
+                            return;
+                        setOpen(true);
+                    }
+                }, children: [jsx("span", { className: "cc-select__value", "data-placeholder": selectedOptions.length === 0, children: displayText }), clearable &&
+                        selectedOptions.length > 0 &&
+                        !interactivity.disabled &&
+                        !interactivity.readOnly ? (jsx("span", { className: "cc-select__clear-wrap", "aria-hidden": "false", children: jsx("span", { "aria-label": clearLabel, className: "cc-select__clear", role: "button", tabIndex: -1, onClick: clearValue, children: clearIcon }) })) : null, jsx("span", { "aria-hidden": "true", className: "cc-select__arrow" })] }), open
+                ? renderBodyPortal(jsx("div", { "aria-multiselectable": multiple || undefined, className: menuClassName, "data-floating": "true", "data-placement": menuPosition.placement, id: listboxId, ref: menuRef, role: "listbox", style: { ...cssVars, ...menuPosition.style }, children: selectOptions.map((option) => {
+                        const selected = selectedValues.includes(option.value);
+                        return (jsxs("button", { "aria-selected": selected, className: optionClassName, "data-selected": selected, disabled: interactivity.disabled || option.disabled, role: "option", type: "button", onClick: () => toggleOption(option), children: [jsx("span", { children: option.label }), selected ? (jsx("span", { "aria-hidden": "true", className: selectedIconClassName, children: selectedIcon })) : null] }, String(option.value)));
+                    }) }))
+                : null, jsx("input", { name: name, type: "hidden", value: multiple ? selectedValues.join(",") : String(field.value ?? "") }), jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+export { Select };
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":"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"}