@octaviaflow/core 3.0.3 → 3.0.4

package/dist/index.js

@@ -618,16 +618,38 @@ function Button({
   fullWidth = false,
   className,
   children,
+  type,
   ...props
 }) {
   const ref = useRef3(null);
   const isDisabled = disabled || loading;
-  const { buttonProps } = useButton({ isDisabled, onPress: props.onClick }, ref);
+  const resolvedType = type ?? "button";
+  const { buttonProps } = useButton(
+    {
+      isDisabled,
+      onPress: props.onClick,
+      type: resolvedType
+    },
+    ref
+  );
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeButtonProps } = buttonProps;
+  const {
+    onClick: _onClick,
+    onKeyDown: _onKeyDown,
+    onKeyUp: _onKeyUp,
+    onMouseDown: _onMouseDown,
+    onPointerDown: _onPointerDown,
+    onPointerUp: _onPointerUp,
+    onFocus: _onFocus,
+    onBlur: _onBlur,
+    ...passthroughProps
+  } = props;
   return /* @__PURE__ */ jsxs10(
     motion2.button,
     {
+      ...passthroughProps,
       ...safeButtonProps,
+      type: resolvedType,
       ref,
       className: cn(
         "ods-btn",
@@ -2444,6 +2466,14 @@ function Checkbox({
     ref
   );
   const isChecked = state.isSelected;
+  const {
+    onClick: _onClick,
+    onKeyDown: _onKeyDown,
+    onKeyUp: _onKeyUp,
+    onFocus: _onFocus,
+    onBlur: _onBlur,
+    ...passthroughProps
+  } = props;
   return /* @__PURE__ */ jsxs14(
     "label",
     {
@@ -2454,7 +2484,15 @@ function Checkbox({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx15("input", { ...inputProps, ref, className: "ods-checkbox__input" }),
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            ...passthroughProps,
+            ...inputProps,
+            ref,
+            className: "ods-checkbox__input"
+          }
+        ),
         /* @__PURE__ */ jsx15(
           "div",
           {
@@ -10085,15 +10123,26 @@ function RadioGroup({
   orientation = "vertical",
   disabled = false,
   children,
-  className
+  className,
+  name,
+  required,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy
 }) {
   const ariaProps = {
-    label: typeof label === "string" ? label : "radio group",
+    label: typeof label === "string" ? label : ariaLabel || "radio group",
     value,
     defaultValue,
     onChange,
     isDisabled: disabled,
-    orientation
+    isRequired: required,
+    orientation,
+    name,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
   };
   const state = $384704861d32dbed$export$bca9d026f8e704eb(ariaProps);
   const ref = useRef23(null);
@@ -10103,6 +10152,7 @@ function RadioGroup({
     {
       ...radioGroupProps,
       ref,
+      id,
       className: cn(
         "ods-radio-group",
         `ods-radio-group--${orientation}`,
@@ -10119,7 +10169,13 @@ function RadioGroup({
 
 // src/components/Radio/Radio.tsx
 import { jsx as jsx61, jsxs as jsxs60 } from "react/jsx-runtime";
-function Radio({ value, label, disabled = false, className }) {
+function Radio({
+  value,
+  label,
+  disabled = false,
+  className,
+  ...props
+}) {
   const state = useRadioGroupContext();
   const ref = useRef24(null);
   const { inputProps } = useRadio(
@@ -10132,6 +10188,14 @@ function Radio({ value, label, disabled = false, className }) {
     ref
   );
   const isSelected = state.selectedValue === value;
+  const {
+    onClick: _onClick,
+    onKeyDown: _onKeyDown,
+    onKeyUp: _onKeyUp,
+    onFocus: _onFocus,
+    onBlur: _onBlur,
+    ...passthroughProps
+  } = props;
   return /* @__PURE__ */ jsxs60(
     "label",
     {
@@ -10142,7 +10206,15 @@ function Radio({ value, label, disabled = false, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx61("input", { ...inputProps, ref, className: "ods-radio__input" }),
+        /* @__PURE__ */ jsx61(
+          "input",
+          {
+            ...passthroughProps,
+            ...inputProps,
+            ref,
+            className: "ods-radio__input"
+          }
+        ),
         /* @__PURE__ */ jsx61("div", { className: "ods-radio__circle", "aria-hidden": "true", children: /* @__PURE__ */ jsx61("div", { className: cn("ods-radio__dot", isSelected && "ods-radio__dot--visible") }) }),
         label && /* @__PURE__ */ jsx61("span", { className: "ods-radio__label", children: label })
       ]
@@ -10687,7 +10759,14 @@ function Select({
   disabled = false,
   size = "md",
   className,
-  name
+  name,
+  required,
+  id,
+  form,
+  autoFocus,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy
 }) {
   const triggerRef = useRef26(null);
   const listBoxRef = useRef26(null);
@@ -10766,13 +10845,20 @@ function Select({
         className
       ),
       children: [
-        label && /* @__PURE__ */ jsx66("label", { className: "ods-select__label", children: label }),
+        label && /* @__PURE__ */ jsx66("label", { className: "ods-select__label", htmlFor: id, children: label }),
         /* @__PURE__ */ jsx66(HiddenSelect, { state, triggerRef, label, name }),
         /* @__PURE__ */ jsxs65(
           "button",
           {
             ...buttonProps,
             ref: triggerRef,
+            id,
+            form,
+            autoFocus,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
+            "aria-describedby": ariaDescribedBy,
+            "aria-required": required || void 0,
             className: cn("ods-select__trigger", state.isOpen && "ods-select__trigger--open"),
             children: [
               /* @__PURE__ */ jsx66("span", { className: "ods-select__value", children: selectedOption ? /* @__PURE__ */ jsxs65(Fragment13, { children: [
@@ -12085,6 +12171,14 @@ function Switch({
     ref
   );
   const isOn = state.isSelected;
+  const {
+    onClick: _onClick,
+    onKeyDown: _onKeyDown,
+    onKeyUp: _onKeyUp,
+    onFocus: _onFocus,
+    onBlur: _onBlur,
+    ...passthroughProps
+  } = props;
   return /* @__PURE__ */ jsxs75(
     "label",
     {
@@ -12095,7 +12189,15 @@ function Switch({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx78("input", { ...inputProps, ref, className: "ods-switch__input" }),
+        /* @__PURE__ */ jsx78(
+          "input",
+          {
+            ...passthroughProps,
+            ...inputProps,
+            ref,
+            className: "ods-switch__input"
+          }
+        ),
         /* @__PURE__ */ jsx78("div", { className: cn("ods-switch__track", isOn && "ods-switch__track--on"), "aria-hidden": "true", children: /* @__PURE__ */ jsx78("div", { className: "ods-switch__thumb" }) }),
         label && /* @__PURE__ */ jsx78("span", { className: "ods-switch__label", children: label })
       ]
@@ -12541,6 +12643,7 @@ function Textarea({
           /* @__PURE__ */ jsx83(
             "textarea",
             {
+              ...props,
               ...inputProps,
               ref,
               rows,