@algolia/satellite 2.3.0-rc.5 → 2.3.0-rc.6

package/dist/esm/Fields/SelectableCard/SelectableCardContext.d.ts

@@ -0,0 +1,13 @@
+import { type Dispatch, type SetStateAction } from "react";
+import type { SelectionTypes } from "./SelectableCardGroup";
+export interface SelectableCardContextInterface {
+    value?: string[];
+    name?: string;
+    type: SelectionTypes;
+    isControlled: boolean;
+    setValue: Dispatch<SetStateAction<string[]>>;
+    onValueChange?: (value: string[]) => void;
+    disabled?: boolean;
+}
+export declare const SelectableCardContext: import("react").Context<SelectableCardContextInterface | null>;
+export declare const useSelectableCardContext: () => SelectableCardContextInterface;

package/dist/esm/Fields/SelectableCard/SelectableCardContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+export var SelectableCardContext = /*#__PURE__*/createContext(null);
+export var useSelectableCardContext = function useSelectableCardContext() {
+  var context = useContext(SelectableCardContext);
+  if (!context) {
+    throw new Error("useSelectableCardContext used outside SelectableCardContext");
+  }
+  return context;
+};

package/dist/esm/Fields/SelectableCard/SelectableCardGroup.d.ts

@@ -0,0 +1,13 @@
+import { type FC, type PropsWithChildren } from "react";
+export declare type SelectionTypes = "multiple" | "single";
+export declare type SelectableCardGroupProps = {
+    disabled?: boolean;
+    name?: string;
+    value?: string[];
+    defaultValue?: string[];
+    type: SelectionTypes;
+    onValueChange?: (value: string[]) => void;
+    className?: string;
+    required?: boolean;
+};
+export declare const SelectableCardGroup: FC<PropsWithChildren<SelectableCardGroupProps>>;

package/dist/esm/Fields/SelectableCard/SelectableCardGroup.js

@@ -0,0 +1,48 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState } from "react";
+import { useField } from "..";
+import { SelectableCardContext } from "./SelectableCardContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SelectableCardGroup = function SelectableCardGroup(_ref) {
+  var _ref2;
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    name = _ref.name,
+    controlledValue = _ref.value,
+    defaultValue = _ref.defaultValue,
+    type = _ref.type,
+    onValueChange = _ref.onValueChange,
+    className = _ref.className,
+    required = _ref.required;
+  var isControlled = controlledValue !== undefined;
+  var _useState = useState((_ref2 = controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : []),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var value = isControlled ? controlledValue : internalValue;
+  var _useField = useField({
+      required: required
+    }),
+    status = _useField.state.status,
+    labelId = _useField.labelId,
+    descriptionId = _useField.descriptionId;
+  return /*#__PURE__*/_jsx(SelectableCardContext.Provider, {
+    value: {
+      value: value,
+      setValue: setInternalValue,
+      isControlled: isControlled,
+      name: name,
+      disabled: disabled,
+      onValueChange: onValueChange,
+      type: type
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      role: type === "single" ? "radiogroup" : "group",
+      "aria-invalid": status === "invalid",
+      "aria-labelledby": labelId,
+      "aria-describedby": descriptionId,
+      className: className,
+      children: children
+    })
+  });
+};

package/dist/esm/Fields/SelectableCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SelectableCard";
+export * from "./SelectableCardGroup";

package/dist/esm/Fields/SelectableCard/index.js

@@ -0,0 +1,2 @@
+export * from "./SelectableCard";
+export * from "./SelectableCardGroup";

package/dist/esm/Fields/Switch/Switch.js

@@ -76,7 +76,7 @@ export var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
       role: "switch",
       ref: ref
     })), /*#__PURE__*/_jsx("div", {
-      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["switch focusable-sibling"])))
+      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["switch focusable-visible-sibling"])))
     })]
   });
 });

package/dist/esm/Fields/index.d.ts

@@ -11,6 +11,7 @@ export * from "./Input";
 export * from "./RadioGroup";
 export * from "./RangeSlider";
 export * from "./Select";
+export * from "./SelectableCard";
 export * from "./Switch";
 export * from "./TextArea";
 export * from "./TextAreaAutoSize";

package/dist/esm/Fields/index.js

@@ -11,6 +11,7 @@ export * from "./Input";
 export * from "./RadioGroup";
 export * from "./RangeSlider";
 export * from "./Select";
+export * from "./SelectableCard";
 export * from "./Switch";
 export * from "./TextArea";
 export * from "./TextAreaAutoSize";

package/dist/esm/Helpers/utilities/focusable.tailwind.js

@@ -5,7 +5,7 @@ var plugin = _plugin;
 export default plugin(function (_ref) {
   var addComponents = _ref.addComponents,
     theme = _ref.theme;
-  addComponents(_defineProperty({}, ".focusable:focus,\n    .focusable-within:focus-within,\n    .focusable-visible:focus-visible,\n    .focusable-visible-within:has(:focus-visible),\n    input:focus ~ .focusable-sibling,\n    .focusable-visible-group:focus-visible .focusable-visible-group-item,\n    .focusable-show", {
+  addComponents(_defineProperty({}, ".focusable:focus,\n    .focusable-within:focus-within,\n    .focusable-visible:focus-visible,\n    .focusable-visible-within:has(:focus-visible),\n    input:focus ~ .focusable-sibling,\n    input:focus-visible ~ .focusable-visible-sibling,\n    .focusable-visible-group:focus-visible .focusable-visible-group-item,\n    .focusable-show", {
     outline: "2px solid ".concat(theme("colors.accent.600")),
     outlineOffset: "1px"
   }));