@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/esm/components/select/Select.js

@@ -1,68 +0,0 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { forwardRef as C, useState as P } from "react";
-import { useFilter as j, Select as B, Popover as F, Autocomplete as K, ListBox as i } from "react-aria-components";
-import { tv as O } from "tailwind-variants";
-import { SearchInput as A } from "./parts/SearchInput.js";
-import { SelectButton as I } from "./parts/SelectButton.js";
-const L = O({
-  slots: {
-    base: "uy-flex uy-flex-col uy-gap-100 uy-w-full",
-    popover: "uy-rounded-75 uy-border uy-border-solid uy-border-border-neutral uy-w-[var(--trigger-width)] uy-bg-surface-neutral",
-    listbox: "uy-overflow-y-auto uy-max-h-[296px] uy-pt-100 uy-pb-100 uy-pl-100 uy-pr-100"
-  }
-}), U = ({
-  children: t,
-  items: o,
-  placeholder: r,
-  name: d,
-  isDisabled: l,
-  isInvalid: s,
-  isReadOnly: c,
-  value: n,
-  defaultValue: y,
-  onChange: u,
-  isSearchable: f = !1,
-  onBlur: m,
-  ...S
-}, b) => {
-  const [x, v] = P(!1), { contains: h } = j({ sensitivity: "base" }), { base: g, popover: w, listbox: a } = L(), N = n !== void 0 || u !== void 0 ? {
-    selectedKey: n,
-    onSelectionChange: u
-  } : { defaultSelectedKey: y };
-  return /* @__PURE__ */ p(
-    B,
-    {
-      onOpenChange: v,
-      ...S,
-      ref: b,
-      className: g(),
-      name: d,
-      placeholder: l ? void 0 : r,
-      isDisabled: l || c,
-      isInvalid: s,
-      onBlur: m,
-      ...N,
-      children: [
-        /* @__PURE__ */ e(
-          I,
-          {
-            isDisabled: l,
-            isInvalid: s,
-            isReadOnly: c,
-            isOpen: x
-          }
-        ),
-        /* @__PURE__ */ e(F, { offset: 1, containerPadding: 8, className: w(), children: f ? /* @__PURE__ */ p(K, { filter: h, children: [
-          /* @__PURE__ */ e(A, {}),
-          /* @__PURE__ */ e(i, { items: o, className: a(), children: t })
-        ] }) : /* @__PURE__ */ e(i, { items: o, className: a(), children: t }) })
-      ]
-    }
-  );
-}, $ = C(function(o, r) {
-  return U(o, r);
-});
-$.displayName = "Select";
-export {
-  $ as Select
-};

package/dist/esm/components/select/parts/SearchInput.d.ts

@@ -1,2 +0,0 @@
-declare const SearchInput: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;
-export { SearchInput };

package/dist/esm/components/select/parts/SearchInput.js

@@ -1,39 +0,0 @@
-import { jsxs as e, Fragment as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { SearchField as m, Input as c } from "react-aria-components";
-import { useIntl as y } from "react-intl";
-import { tv as d } from "tailwind-variants";
-import { CircularIconButton as p } from "../../icon-button/CircularIconButton.js";
-import { Icon as f } from "../../icon/Icon.js";
-const b = d({
-  slots: {
-    base: "uy-flex uy-gap-100 uy-border uy-border-solid uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-border-form-active uy-text-content-form-active uy-mt-100 uy-mb-100 uy-ml-100 uy-mr-100 uy-typography-body",
-    input: "uy-flex-grow uy-outline-none [&::-webkit-search-cancel-button]:uy-hidden",
-    button: "uy-text-content-neutral-enabled",
-    separator: "uy-h-[1px] uy-bg-surface-neutral-lowest uy-w-full uy-mt-100"
-  }
-}), h = l((g, r) => {
-  const o = y(), { base: a, input: u, button: n, separator: s } = b();
-  return /* @__PURE__ */ e(i, { children: [
-    /* @__PURE__ */ e(m, { className: a(), ref: r, "data-dd-privacy": "mask", children: [
-      /* @__PURE__ */ t(f, { src: "MagnifyingGlassOutlined", "aria-hidden": "true" }),
-      /* @__PURE__ */ t(c, { className: u() }),
-      /* @__PURE__ */ t(
-        p,
-        {
-          title: o.formatMessage({
-            id: "unity:component:common:clear:title",
-            defaultMessage: "Clear"
-          }),
-          className: n(),
-          icon: "CloseOutlined"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t("div", { "aria-hidden": "true", className: s() })
-  ] });
-});
-h.displayName = "SearchInput";
-export {
-  h as SearchInput
-};

package/dist/esm/components/select/parts/SelectButton.d.ts

@@ -1,8 +0,0 @@
-export interface SelectButtonProps {
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    isReadOnly?: boolean;
-    isOpen: boolean;
-}
-declare const SelectButton: import('react').ForwardRefExoticComponent<SelectButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-export { SelectButton };

package/dist/esm/components/select/parts/SelectButton.js

@@ -1,96 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { Button as b, SelectValue as m } from "react-aria-components";
-import { useIntl as p } from "react-intl";
-import { tv as v } from "tailwind-variants";
-import { Icon as a } from "../../icon/Icon.js";
-const x = v({
-  slots: {
-    base: "uy-flex uy-flex-row uy-gap-100 uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-solid focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2 uy-outline-none uy-border",
-    selectValue: "uy-whitespace-nowrap uy-text-ellipsis uy-typography-body uy-flex-grow uy-text-left data-[placeholder]:uy-text-content-neutral-lowest",
-    iconWrapper: "uy-flex uy-gap-50",
-    icon: ""
-  },
-  variants: {
-    isDisabled: {
-      true: {
-        base: "uy-border-border-form-disabled uy-bg-surface-form-disabled",
-        selectValue: "uy-text-content-form-disabled"
-      }
-    },
-    isInvalid: {
-      true: {
-        base: "uy-border-border-form-error uy-bg-surface-form-error"
-      }
-    },
-    isReadOnly: {
-      true: {
-        base: "uy-border-border-form-disabled",
-        selectValue: "uy-text-content-form-readonly",
-        icon: "uy-text-content-primary-disabled"
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      isDisabled: !1,
-      isInvalid: !1,
-      isReadOnly: !1,
-      className: {
-        base: "uy-border-border-form-enabled hover:uy-border-border-form-hover uy-bg-surface-form-enabled hover:uy-bg-surface-form-hover active:uy-border-border-form-active",
-        selectValue: "uy-text-content-neutral-enabled hover:uy-text-content-neutral-hover",
-        icon: "uy-text-content-form-enabled hover:uy-text-content-form-hover"
-      }
-    }
-  ],
-  defaultVariants: {
-    isDisabled: !1,
-    isInvalid: !1,
-    isReadOnly: !1
-  }
-}), g = f(
-  ({ isDisabled: r, isInvalid: o, isReadOnly: l, isOpen: s }, u) => {
-    const n = p(), { base: i, selectValue: d, iconWrapper: c, icon: y } = x({
-      isDisabled: r,
-      isInvalid: o,
-      isReadOnly: l
-    });
-    return /* @__PURE__ */ t(
-      b,
-      {
-        "data-dd-privacy": "mask",
-        className: i(),
-        ref: u,
-        isDisabled: r,
-        children: [
-          /* @__PURE__ */ e(m, { className: d() }),
-          /* @__PURE__ */ t("div", { className: c(), children: [
-            o && /* @__PURE__ */ e(
-              a,
-              {
-                src: "WarningCircleOutlined",
-                color: "content.form.invalid",
-                alt: n.formatMessage({
-                  id: "unity:component:form-field:form-input:error:alt",
-                  defaultMessage: "Error"
-                })
-              }
-            ),
-            /* @__PURE__ */ e(
-              a,
-              {
-                className: y(),
-                "aria-hidden": "true",
-                src: s ? "CaretUpOutlined" : "CaretDownOutlined"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-g.displayName = "SelectButton";
-export {
-  g as SelectButton
-};

package/dist/esm/components/select/parts/SelectOption.context.d.ts

@@ -1,8 +0,0 @@
-import { PropsWithChildren } from 'react';
-interface SelectOptionContextValue {
-    isDisabled: boolean | undefined;
-}
-export declare const SelectOptionContext: import('react').Context<SelectOptionContextValue>;
-export declare function SelectOptionProvider({ children, isDisabled, }: PropsWithChildren<SelectOptionContextValue>): import("react/jsx-runtime").JSX.Element;
-export declare function useSelectOptionContext(): SelectOptionContextValue;
-export {};

package/dist/esm/components/select/parts/SelectOption.context.js

@@ -1,24 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as r, useContext as i } from "react";
-const e = r({
-  isDisabled: void 0
-});
-function u({
-  children: t,
-  isDisabled: o
-}) {
-  return /* @__PURE__ */ n(e.Provider, { value: { isDisabled: o }, children: t });
-}
-function p() {
-  const t = i(e);
-  if (!t)
-    throw new Error(
-      "useSelectOptionContext must be used within an SelectOptionProvider"
-    );
-  return t;
-}
-export {
-  e as SelectOptionContext,
-  u as SelectOptionProvider,
-  p as useSelectOptionContext
-};

package/dist/esm/components/select/parts/SelectOption.d.ts

@@ -1,13 +0,0 @@
-import { default as React, ReactNode } from 'react';
-import { ListBoxItemProps } from 'react-aria-components';
-/**
- * SelectOption component for displaying options in a Select dropdown.
- * @note The `textValue` prop (inherited from ListBoxItemProps) is used for searching when the content
- * of the option is more complex than a simple string (e.g., contains components
- * like Avatar, Flex, etc.). Providing this prop enables search functionality
- * for complex content options.
- */
-declare const SelectOption: React.ForwardRefExoticComponent<Omit<ListBoxItemProps<object>, "children"> & {
-    children: ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export { SelectOption };

package/dist/esm/components/select/parts/SelectOption.js

@@ -1,64 +0,0 @@
-import { jsx as e, jsxs as d, Fragment as i } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { ListBoxItem as f } from "react-aria-components";
-import { tv as m } from "tailwind-variants";
-import { Icon as p } from "../../icon/Icon.js";
-import { SelectOptionProvider as b } from "./SelectOption.context.js";
-const x = m({
-  base: "uy-flex uy-flex-col uy-typography-body uy-rounded-50 uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-outline-none",
-  variants: {
-    isFocusVisible: {
-      true: "uy-outline-offset-2 uy-outline-2 uy-outline-utility-focus-ring"
-    },
-    isHovered: {
-      true: "uy-bg-surface-neutral-hover uy-text-content-neutral"
-    },
-    isPressed: {
-      true: "uy-bg-surface-neutral-pressed uy-text-content-neutral-pressed"
-    },
-    isSelected: {
-      true: "uy-bg-surface-neutral-active uy-text-content-neutral-active"
-    },
-    isDisabled: {
-      true: "uy-text-content-neutral-disabled"
-    }
-  },
-  compoundVariants: [
-    {
-      isFocusVisible: !1,
-      isHovered: !1,
-      isPressed: !1,
-      isSelected: !1,
-      isDisabled: !1,
-      class: "uy-bg-surface-neutral-enabled uy-text-content-neutral-enabled"
-    }
-  ]
-}), v = y(
-  (s, l) => {
-    const { children: r, isDisabled: u, textValue: n } = s;
-    return /* @__PURE__ */ e(
-      f,
-      {
-        ...s,
-        ref: l,
-        "data-dd-privacy": "mask",
-        textValue: n,
-        className: ({ isHovered: t, isPressed: a, isFocusVisible: o, isSelected: c }) => x({
-          isHovered: t,
-          isPressed: a,
-          isFocusVisible: o,
-          isSelected: c,
-          isDisabled: u
-        }),
-        children: ({ isSelected: t }) => /* @__PURE__ */ e(b, { isDisabled: u, children: t ? /* @__PURE__ */ d("div", { className: "uy-flex uy-justify-between", children: [
-          /* @__PURE__ */ e("div", { className: "uy-flex uy-flex-col", children: /* @__PURE__ */ e(i, { children: r }) }),
-          /* @__PURE__ */ e(p, { src: "CheckOutlined" })
-        ] }) : /* @__PURE__ */ e(i, { children: r }) })
-      }
-    );
-  }
-);
-v.displayName = "SelectOption";
-export {
-  v as SelectOption
-};

package/dist/esm/components/select/parts/SelectOptionGroup.d.ts

@@ -1,12 +0,0 @@
-import { ForwardedRef, JSX } from 'react';
-import { ListBoxSectionProps } from 'react-aria-components';
-export interface SelectOptionGroupProps<T extends object> extends ListBoxSectionProps<T> {
-    label: string;
-}
-type SelectOptionGroupComponent = (<TItems extends object>(props: SelectOptionGroupProps<TItems> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-declare const SelectOptionGroup: SelectOptionGroupComponent;
-export { SelectOptionGroup };

package/dist/esm/components/select/parts/SelectOptionGroup.js

@@ -1,26 +0,0 @@
-import { jsxs as n, Fragment as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { ListBoxSection as c, Header as y, Collection as m, Separator as d } from "react-aria-components";
-import { tv as f } from "tailwind-variants";
-const h = f({
-  slots: {
-    base: "",
-    header: "uy-text-content-neutral-enabled uy-typography-body-strong uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150",
-    separator: "uy-h-[1px] uy-bg-surface-neutral-lowest uy-w-full uy-mb-100 uy-mt-100 last:uy-hidden"
-  }
-}), b = ({ label: r, children: o, items: t }, p) => {
-  const { base: s, header: u, separator: l } = h();
-  return /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ n(c, { ref: p, className: s(), id: r, items: t, children: [
-      /* @__PURE__ */ e(y, { className: u(), children: r }),
-      t ? /* @__PURE__ */ e(m, { items: t, children: o }) : /* @__PURE__ */ e(a, { children: o })
-    ] }),
-    /* @__PURE__ */ e(d, { orientation: "horizontal", className: l() })
-  ] });
-}, x = i(function(o, t) {
-  return b(o, t);
-});
-x.displayName = "SelectOptionGroup";
-export {
-  x as SelectOptionGroup
-};

package/dist/esm/components/select/parts/SelectOptionHelper.d.ts

@@ -1,4 +0,0 @@
-declare const SelectOptionHelper: import('react').ForwardRefExoticComponent<{
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLSpanElement>>;
-export { SelectOptionHelper };

package/dist/esm/components/select/parts/SelectOptionHelper.js

@@ -1,22 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { tv as n } from "tailwind-variants";
-import { useSelectOptionContext as l } from "./SelectOption.context.js";
-const p = n({
-  base: "uy-typography-body",
-  variants: {
-    isDisabled: {
-      true: "uy-text-content-neutral-disabled",
-      false: "uy-text-content-neutral-low"
-    }
-  }
-}), i = s(
-  ({ children: t }, e) => {
-    const { isDisabled: o } = l(), r = p({ isDisabled: o });
-    return /* @__PURE__ */ a("span", { className: r, ref: e, "data-dd-privacy": "mask", children: t });
-  }
-);
-i.displayName = "SelectOptionHelper";
-export {
-  i as SelectOptionHelper
-};

package/dist/esm/components/select-field/SelectField.d.ts

@@ -1,50 +0,0 @@
-import { ForwardedRef, JSX, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { infer as ZodInfer } from 'zod';
-import { Schema } from '../../hooks/use-form.types.js';
-import { LabelProps } from '../label/Label.js';
-import { SelectProps } from '../select/Select.js';
-interface SelectFieldProps<TItems extends object, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, Omit<SelectProps<TItems>, 'name' | 'value'> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the select field. */
-    label: string;
-    /** Helper text to display below the text field. */
-    helperText?: ReactNode;
-    /** Feedback text to display below the text field. */
-    feedbackText?: ReactNode;
-}
-type SelectFieldComponent = (<TItems extends object, TSchema extends Schema>(props: SelectFieldProps<TItems, ZodInfer<TSchema>> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * The `SelectField` component renders a list of options to select one, it is fully integrated with the `Form` component.
- * @example
- * ```tsx
- * const schema = z.object({
- *  vegetable: z.string()
- * })
- *
- * function MyForm() {
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *    <Form action={handleSubmit}>
- *      <SelectField<typeof schema>
- *        name="vegetable"
- *        label="Vegetables"
- *        >
- *        <SelectOption id="Cabbage">Cabbage</SelectOption>
- *        <SelectOption id="Broccoli">Broccoli</SelectOption>
- *        <SelectOption id="Carrots">Carrots</SelectOption>
- *        </SelectField>
- *    </Form>
- *   )
- * }
- * ```
- * @note The schema type parameter is needed to ensure type safety with the form's schema. If you omit it, the `name` prop will not be type-safe.
- */
-declare const SelectField: SelectFieldComponent;
-export { SelectField };

package/dist/esm/components/select-field/SelectField.js

@@ -1,65 +0,0 @@
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { useFormContext as h } from "react-hook-form";
-import { tv as b } from "tailwind-variants";
-import { FormField as j } from "../form-field/FormField.js";
-import { FormControl as C } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as N } from "../form-field/parts/FormFeedbackText.js";
-import { FormHelperText as g } from "../form-field/parts/FormHelperText.js";
-import { FormLabel as k } from "../form-field/parts/FormLabel.js";
-import { Select as v } from "../select/Select.js";
-const w = b({
-  base: "uy-flex uy-flex-col uy-gap-100"
-}), H = ({
-  children: t,
-  feedbackText: e,
-  helperText: r,
-  isRequired: l,
-  label: i,
-  name: m,
-  requiredVariant: c,
-  isDisabled: n,
-  isInvalid: f,
-  isReadOnly: p,
-  placeholder: s,
-  items: d,
-  ...F
-}, a) => {
-  const { control: u } = h(), x = {
-    isRequired: l,
-    isInvalid: f,
-    isDisabled: n,
-    isReadOnly: p
-  };
-  return /* @__PURE__ */ y(
-    j,
-    {
-      control: u,
-      name: m,
-      className: w(),
-      ...x,
-      children: [
-        /* @__PURE__ */ o(k, { requiredVariant: c, children: i }),
-        r && /* @__PURE__ */ o(g, { children: r }),
-        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
-          v,
-          {
-            ref: a,
-            name: m,
-            placeholder: s,
-            items: d,
-            ...F,
-            children: t
-          }
-        ) }),
-        /* @__PURE__ */ o(N, { children: e })
-      ]
-    }
-  );
-}, I = S(function(e, r) {
-  return H(e, r);
-});
-I.displayName = "SelectField";
-export {
-  I as SelectField
-};

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.d.ts

@@ -1,2 +0,0 @@
-import { ToggleGroupState } from 'react-stately';
-export declare const SelectableButtonGroupContext: import('react').Context<ToggleGroupState | null>;

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.js

@@ -1,5 +0,0 @@
-import { createContext as t } from "react";
-const o = t(null);
-export {
-  o as SelectableButtonGroupContext
-};

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.ts

@@ -1,59 +0,0 @@
-import { AriaToggleButtonGroupProps } from 'react-aria';
-import { Key } from 'react-stately';
-import { VariantProps } from 'tailwind-variants';
-export declare const selectableButtonGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy-flex uy-gap-100", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy-flex uy-gap-100", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export interface SelectableButtonGroupProps extends VariantProps<typeof selectableButtonGroup>, Omit<AriaToggleButtonGroupProps, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'className' | 'style'> {
-    /**
-     * The SelectableButton components to render within the group.
-     * Each child must be a SelectableButton component with a unique value prop.
-     */
-    children: React.ReactNode;
-    /**
-     * The currently selected values in controlled mode.
-     * Use this prop along with onChange to control the selection state externally.
-     * The values should match the value props of the SelectableButton children.
-     */
-    value?: AriaToggleButtonGroupProps['selectedKeys'];
-    /**
-     * The initially selected values in uncontrolled mode.
-     * Use this prop to set default selections without controlling the state.
-     * The values should match the value props of the SelectableButton children.
-     */
-    defaultValue?: AriaToggleButtonGroupProps['defaultSelectedKeys'];
-    /**
-     * Callback fired when the selection changes.
-     * Receives an array of the currently selected values.
-     * Required when using the component in controlled mode.
-     */
-    onChange?: (keys: Key[]) => void;
-}
-/**
- * A group component that manages the selection state of multiple SelectableButton components.
- * Supports both single and multiple selection modes with controlled and uncontrolled usage patterns.
- * @component
- * @param {SelectableButtonGroupProps} props - Props for configuring the group's behavior and selection mode
- * @see {@link SelectableButtonGroupProps} for all available props
- * @example
- * ```tsx
- * import { SelectableButtonGroup, SelectableButton } from '@payfit/unity-components'
- *
- * function Example() {
- *   const [selected, setSelected] = useState(['option1'])
- *
- *   return (
- *     <SelectableButtonGroup
- *       selectionMode="multiple"
- *       value={selected}
- *       onChange={keys => setSelected(keys)}
- *     >
- *       <SelectableButton value="option1">First Option</SelectableButton>
- *       <SelectableButton value="option2">Second Option</SelectableButton>
- *     </SelectableButtonGroup>
- *   )
- * }
- * ```
- * @remarks
- * [API](https://master--66fe6715241b661107117e47.chromatic.com/?path=/docs/inputs-selectablebuttongroup--docs) • [Design docs](https://www.payfit.design/24f360409/p/944b5d-selectable-button)
- */
-declare const SelectableButtonGroup: import('react').ForwardRefExoticComponent<SelectableButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
-export { SelectableButtonGroup };

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.js

@@ -1,34 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as m, useRef as d } from "react";
-import { useToggleButtonGroup as i, mergeProps as s } from "react-aria";
-import { useToggleGroupState as g } from "react-stately";
-import { tv as y } from "tailwind-variants";
-import { SelectableButtonGroupContext as v } from "./SelectableButtonGroup.context.js";
-const G = y({
-  base: "uy-flex uy-gap-100"
-}), S = m((e, a) => {
-  const t = d(null), o = g({
-    ...e,
-    selectedKeys: e.value,
-    defaultSelectedKeys: e.defaultValue,
-    onSelectionChange: (f) => {
-      var r;
-      (r = e.onChange) == null || r.call(e, Array.from(f));
-    }
-  }), { groupProps: n } = i(e, o, t), u = G(), { ref: c } = s({ ref: t }, { ref: a });
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ...n,
-      className: u,
-      ref: c,
-      "data-dd-privacy": "allow",
-      children: /* @__PURE__ */ l(v.Provider, { value: o, children: e.children })
-    }
-  );
-});
-S.displayName = "SelectableButtonGroup";
-export {
-  S as SelectableButtonGroup,
-  G as selectableButtonGroup
-};