@payfit/unity-components 0.0.0-alpha.8 → 1.0.0

package/dist/esm/components/link/Link.variants.d.mts

@@ -1,120 +0,0 @@
-export declare const link: import('tailwind-variants').TVReturnType<{
-    variant: {
-        inline: string;
-        standalone: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isTruncated: {
-        true: string;
-        false: string;
-    };
-}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    variant: {
-        inline: string;
-        standalone: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isTruncated: {
-        true: string;
-        false: string;
-    };
-}, {
-    variant: {
-        inline: string;
-        standalone: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isTruncated: {
-        true: string;
-        false: string;
-    };
-}>, {
-    variant: {
-        inline: string;
-        standalone: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isTruncated: {
-        true: string;
-        false: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    variant: {
-        inline: string;
-        standalone: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isTruncated: {
-        true: string;
-        false: string;
-    };
-}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    variant: {
-        inline: string;
-        standalone: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isTruncated: {
-        true: string;
-        false: string;
-    };
-}, {
-    variant: {
-        inline: string;
-        standalone: string;
-    };
-    color: {
-        primary: string;
-        secondary: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isTruncated: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;

package/dist/esm/components/link/Link.variants.mjs

@@ -1,42 +0,0 @@
-import { tv as t } from "tailwind-variants";
-const a = t({
-  base: "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring",
-  variants: {
-    variant: {
-      inline: "uy-inline uy-text-inherit uy-font-medium uy-leading-inherit",
-      standalone: "uy-flex uy-typography-action uy-gap-x-25 uy-items-end"
-    },
-    color: {
-      primary: "uy-text-content-primary-enabled hover:uy-text-content-primary-hover active:uy-text-content-primary-active data-[pressed]:uy-text-content-primary-active data-[current]:uy-text-content-primary-active aria-[current]:uy-text-content-primary-active",
-      secondary: "uy-text-content-neutral-enabled hover:uy-text-content-neutral-hover active:uy-text-content-neutral-active data-[pressed]:uy-text-content-neutral-active data-[current]:uy-text-content-neutral-active aria-[current]:uy-text-content-neutral-active"
-    },
-    isDisabled: {
-      true: "data-[disabled]:uy-cursor-not-allowed",
-      false: "enabled:uy-cursor-pointer"
-    },
-    isTruncated: {
-      true: "uy-truncate uy-max-w-[var(--uy-link-max-w)]",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    {
-      color: "primary",
-      isDisabled: !0,
-      class: "data-[disabled]:uy-text-content-primary-disabled"
-    },
-    {
-      color: "secondary",
-      isDisabled: !0,
-      class: "data-[disabled]:uy-text-content-neutral-lowest-disabled"
-    }
-  ],
-  defaultVariants: {
-    variant: "inline",
-    color: "primary",
-    isDisabled: !1
-  }
-});
-export {
-  a as link
-};

package/dist/esm/components/link/utils.d.mts

@@ -1 +0,0 @@
-export declare function isExternalUrl(href?: string): boolean;

package/dist/esm/components/menu/Menu.d.mts

@@ -1,10 +0,0 @@
-import { MenuTriggerProps } from 'react-aria-components';
-interface MenuProps {
-    defaultOpen?: MenuTriggerProps['defaultOpen'];
-    children?: MenuTriggerProps['children'];
-}
-export declare function Menu({ defaultOpen, children }: MenuProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Menu {
-    var displayName: string;
-}
-export {};

package/dist/esm/components/menu/Menu.mjs

@@ -1,9 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { MenuTrigger as o } from "react-aria-components";
-function i({ defaultOpen: r, children: e }) {
-  return /* @__PURE__ */ n(o, { defaultOpen: r, children: e });
-}
-i.displayName = "Menu";
-export {
-  i as Menu
-};

package/dist/esm/components/menu/parts/MenuContent.d.mts

@@ -1,11 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { PopoverProps } from 'react-aria-components';
-interface MenuContent {
-    placement?: PopoverProps['placement'];
-    width?: number;
-}
-export declare function MenuContent({ children, placement, width, }: PropsWithChildren<MenuContent>): import("react/jsx-runtime").JSX.Element;
-export declare namespace MenuContent {
-    var displayName: string;
-}
-export {};

package/dist/esm/components/menu/parts/MenuContent.mjs

@@ -1,21 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Popover as n, Menu as s } from "react-aria-components";
-function y({
-  children: r,
-  placement: o,
-  width: e
-}) {
-  const t = e ? `uy-w-[${e}px]` : "";
-  return /* @__PURE__ */ u(
-    n,
-    {
-      placement: o,
-      className: "uy-flex uy-flex-col uy-justify-end uy-items-start uy-p-100 uy-rounded-100 uy-border uy-border-solid uy-border-border-neutral uy-bg-surface-neutral uy-shadow-floating",
-      children: /* @__PURE__ */ u(s, { autoFocus: "first", className: `uy-min-w-[320px] ${t}`, children: r })
-    }
-  );
-}
-y.displayName = "MenuContent";
-export {
-  y as MenuContent
-};

package/dist/esm/components/menu/parts/MenuHeader.d.mts

@@ -1,9 +0,0 @@
-import { PropsWithChildren } from 'react';
-interface MenuHeaderProps {
-    className?: string;
-}
-export declare function MenuHeader({ children, className, }: PropsWithChildren<MenuHeaderProps>): import("react/jsx-runtime").JSX.Element;
-export declare namespace MenuHeader {
-    var displayName: string;
-}
-export {};

package/dist/esm/components/menu/parts/MenuHeader.mjs

@@ -1,16 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { MenuSection as n, Header as m } from "react-aria-components";
-import { MenuSeparator as t } from "./MenuSeparator.mjs";
-function i({
-  children: r,
-  className: o
-}) {
-  return /* @__PURE__ */ a(n, { children: [
-    /* @__PURE__ */ e(m, { className: `uy-p-100 ${o}`, children: r }),
-    /* @__PURE__ */ e(t, {})
-  ] });
-}
-i.displayName = "MenuHeader";
-export {
-  i as MenuHeader
-};

package/dist/esm/components/menu/parts/MenuItem.d.mts

@@ -1,15 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { MenuItemProps as MenuItemAriaComponentProps } from 'react-aria-components';
-import { DataAttributes } from '../../../types/DataAttributes.mjs';
-interface MenuItemProps extends DataAttributes {
-    children?: MenuItemAriaComponentProps['children'];
-    href?: MenuItemAriaComponentProps['href'];
-    onAction?: MenuItemAriaComponentProps['onAction'];
-    prefix?: ReactNode;
-    className?: string;
-}
-export declare function MenuItem({ prefix, children, href, onAction, className, ...dataAttributes }: PropsWithChildren<MenuItemProps>): import("react/jsx-runtime").JSX.Element;
-export declare namespace MenuItem {
-    var displayName: string;
-}
-export {};

package/dist/esm/components/menu/parts/MenuItem.mjs

@@ -1,32 +0,0 @@
-import { jsxs as o } from "react/jsx-runtime";
-import { MenuItem as s } from "react-aria-components";
-import { twMerge as y } from "tailwind-merge";
-function i({
-  prefix: e,
-  children: u,
-  href: t,
-  onAction: r,
-  className: a,
-  ...n
-}) {
-  return /* @__PURE__ */ o(
-    s,
-    {
-      href: t,
-      onAction: r,
-      className: y(
-        "uy-cursor-pointer uy-flex uy-p-100 uy-items-start uy-gap-100 uy-rounded-25 uy-typography-body uy-text-content-neutral hover:uy-bg-surface-neutral-hover data-[pressed]:uy-bg-surface-neutral-pressed focus-visible:uy-outline-utility-focus-ring active:uy-bg-surface-neutral-active",
-        a
-      ),
-      ...n,
-      children: [
-        e || null,
-        u
-      ]
-    }
-  );
-}
-i.displayName = "MenuItem";
-export {
-  i as MenuItem
-};

package/dist/esm/components/menu/parts/MenuSeparator.d.mts

@@ -1,4 +0,0 @@
-export declare function MenuSeparator(): import("react/jsx-runtime").JSX.Element;
-export declare namespace MenuSeparator {
-    var displayName: string;
-}

package/dist/esm/components/menu/parts/MenuSeparator.mjs

@@ -1,9 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Separator as a } from "react-aria-components";
-function e() {
-  return /* @__PURE__ */ r(a, { className: "uy-h-[1px] uy-bg-surface-neutral-lowest uy-w-full uy-mt-100 uy-mb-100" });
-}
-e.displayName = "MenuSeparator";
-export {
-  e as MenuSeparator
-};

package/dist/esm/components/menu/parts/MenuTrigger.d.mts

@@ -1,10 +0,0 @@
-import { PropsWithChildren } from 'react';
-interface MenuTriggerProps {
-    className?: string;
-    asChild?: boolean;
-}
-export declare function MenuTrigger({ children, asChild, className, }: PropsWithChildren<MenuTriggerProps>): import("react/jsx-runtime").JSX.Element;
-export declare namespace MenuTrigger {
-    var displayName: string;
-}
-export {};

package/dist/esm/components/multi-select/MultiSelect.d.mts

@@ -1,62 +0,0 @@
-import { MultiSelectComponent, MultiSelectProps } from './Multiselect.types.mjs';
-declare const MultiSelectComponent: <TItem extends Record<string | number, unknown>, TItemKey extends keyof TItem, TKeyType extends TItem[TItemKey] & (string | number)>(props: MultiSelectProps<TItem, TItemKey, TKeyType>, ref: React.ForwardedRef<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
-/**
- * The MultiSelect component allows users to select multiple items from a dropdown list.
- * The component provides two different APIs:
- * 1. Static API - For simple cases where options are defined as direct children and use primitive values as keys (strings or numbers)
- * 2. Dynamic API - For data-driven cases where options are generated from a dynamic collection with typed objects
- * @example
- * ```tsx
- * import { MultiSelect, MultiSelectOption, MultiSelectOptGroup } from '@payfit/unity-components'
- *
- * // Static API - Options defined as direct children
- * <MultiSelect
- *   placeholder="Select fruits..."
- *   onChange={(selected) => console.log(selected)}
- * >
- *   <MultiSelectOptGroup label="Citrus" withSeparator>
- *     <MultiSelectOption value="orange">Orange</MultiSelectOption>
- *     <MultiSelectOption value="lemon">Lemon</MultiSelectOption>
- *   </MultiSelectOptGroup>
- *   <MultiSelectOption value="apple">Apple</MultiSelectOption>
- * </MultiSelect>
- *
- * // Dynamic API - Options generated from a collection with typed objects
- * interface Fruit {
- *   id: string;
- *   name: string;
- *   category: string;
- * }
- *
- * const fruits: Set<Fruit> = new Set([
- *   { id: 'apple-1', name: 'Apple', category: 'Core' },
- *   { id: 'orange-1', name: 'Orange', category: 'Citrus' }
- * ]);
- *
- * <MultiSelect
- *   items={fruits}
- *   placeholder="Select fruits..."
- *   value={new Set(['apple-1'])}
- *   getItemValue={item => item.id}
- *   renderValue={(items) =>
- *     Array.from(items)
- *       .map(item => item.name)
- *       .join(', ')
- *   }
- * >
- *   {(item) => (
- *     <MultiSelectOption value={item.id}>
- *       {item.name}
- *     </MultiSelectOption>
- *   )}
- * </MultiSelect>
- * ```
- * @component
- * @template TItem - The type of items in the collection. When using the dynamic API, it must be a Record or an object. For the static API, it defaults to a string or number.
- * @template TItemKey - The key name within TItem used as the selection value (must be a key of TItem). Applies only to the dynamic API.
- * @template TKeyType - The type of the property at TItem[TItemKey] (must be string or number). Applies only to the dynamic API.
- * @remarks
- * [API & Docs](https://unity-components.payfit.io/?path=/docs/inputs-multiselect--docs) • [Design Guidelines](https://www.payfit.design/24f360409/p/928776-multiselect)
- */
-export declare const MultiSelect: MultiSelectComponent;
-export {};

package/dist/esm/components/multi-select/MultiSelect.mjs

@@ -1,230 +0,0 @@
-import { jsx as u, jsxs as q } from "react/jsx-runtime";
-import { forwardRef as ye, useMemo as S, useCallback as d } from "react";
-import { ComboboxProvider as Se, SelectProvider as z } from "@ariakit/react";
-import { useComboboxFilter as pe } from "./hooks/use-combobox-filter.mjs";
-import { useMultiSelectionState as he } from "./hooks/use-multiselection-state.mjs";
-import { MultiSelectContext as J } from "./Multiselect.context.mjs";
-import { MultiSelectButton as U } from "./parts/MultiSelectButton.mjs";
-import { MultiSelectPopover as W } from "./parts/MultiSelectPopover.mjs";
-function X(t) {
-  return t instanceof Map;
-}
-function ve(t) {
-  return !Object.prototype.hasOwnProperty.call(t, "items");
-}
-function a(t) {
-  return String(t);
-}
-function p(t) {
-  return isNaN(Number(t)) ? t : Number(t);
-}
-function Z(t) {
-  return Array.from(t, a);
-}
-function Y(t) {
-  return new Set(Z(t));
-}
-const $ = (t, w) => {
-  const o = ve(t), C = (e) => {
-    if (Object.hasOwnProperty.call(e, "value"))
-      return e.value;
-    if (Object.prototype.hasOwnProperty.call(e, "id"))
-      return e.id;
-    if (typeof e == "string")
-      return e;
-    const n = Object.keys(e)[0];
-    return e[n];
-  }, ee = o ? (e) => Array.from(e).map(String).join(", ") : (e) => Array.from(e).map((n) => C(n)).join(", "), m = t, O = t, c = S(
-    () => o ? void 0 : m.items,
-    [o, m.items]
-  ), r = o ? void 0 : m.getItemValue ?? C, te = t.renderValue ?? ee, { children: v } = o ? O : m, re = o ? void 0 : m.searchOptions, { children: g } = O, {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    children: Ke,
-    value: V,
-    defaultValue: f,
-    onChange: b,
-    onBlur: M,
-    isDisabled: x,
-    isInvalid: j,
-    isLoading: D,
-    isReadOnly: R,
-    isSearchable: h,
-    placeholder: I,
-    onClearButtonPress: F,
-    maxVisibleItems: N = 7,
-    ...B
-  } = t, y = d(() => o || !c ? [] : X(c) ? Array.from(c.values()).flat() : Array.from(c), [c, o]), ne = d(() => {
-    if ("value" in t)
-      return V ? Y(V) : /* @__PURE__ */ new Set();
-  }, [t, V]), oe = d(() => f ? Y(f) : /* @__PURE__ */ new Set(), [f]), se = d(
-    (e) => {
-      if (!b) return;
-      const n = new Set(
-        Array.from(e).map((l) => p(l))
-      );
-      b(n);
-    },
-    [b]
-  ), {
-    selectedKeys: i,
-    selectKey: L,
-    unselectKey: T
-  } = he({
-    selectedKeys: ne(),
-    defaultSelectedKeys: oe(),
-    onSelectionChange: se
-  }), le = d(
-    (e) => {
-      L(a(e));
-    },
-    [L]
-  ), ae = d(
-    (e) => {
-      T(a(e));
-    },
-    [T]
-  ), { setSearchQuery: ce, matchingItems: K } = pe({
-    items: y(),
-    extractSearchableText: (e) => o ? [""] : [
-      a(
-        (r == null ? void 0 : r(e)) || ""
-      )
-    ],
-    enabled: h,
-    searchOptions: re
-  }), ie = () => {
-    if (o) return Array.from(i);
-    const e = y();
-    return Array.from(i).map((n) => {
-      const l = e.find(
-        (s) => a(
-          (r == null ? void 0 : r(s)) || ""
-        ) === n
-      );
-      return l && r ? r(l) : p(n);
-    });
-  }, ue = () => {
-    if (o)
-      return new Set(
-        Array.from(i).map((l) => p(l))
-      );
-    const e = y(), n = /* @__PURE__ */ new Set();
-    return Array.from(i).forEach((l) => {
-      const s = e.find(
-        (A) => a(
-          (r == null ? void 0 : r(A)) || ""
-        ) === l
-      );
-      s && n.add(s);
-    }), n;
-  }, de = () => {
-    if (f)
-      return Z(f);
-  }, P = S(ie, [
-    i,
-    o,
-    r,
-    y
-  ]), G = S(ue, [
-    i,
-    o,
-    r,
-    y
-  ]), k = S(de, [f]), E = (e) => {
-    const n = new Set(e), l = new Set(
-      P.map((s) => a(s))
-    );
-    for (const s of n)
-      l.has(s) || le(p(s));
-    for (const s of l)
-      n.has(s) || ae(p(s));
-  }, H = d(() => o ? g : c ? X(c) ? Array.from(c.entries()).map(([e, n]) => {
-    const l = n.filter(
-      (s) => K.some((A) => {
-        const fe = (r == null ? void 0 : r(s)) || "", me = (r == null ? void 0 : r(A)) || "";
-        return a(me) === a(fe);
-      })
-    );
-    return v(e, l);
-  }) : K.map(
-    (e) => v(
-      e
-    )
-  ) : null, [v, c, K, g, r, o]), Q = S(() => H(), [H]), _ = te;
-  return h ? /* @__PURE__ */ u(Se, { resetValueOnHide: !0, setValue: ce, children: /* @__PURE__ */ u(
-    z,
-    {
-      value: P.map(
-        (e) => a(e)
-      ),
-      defaultValue: k,
-      setValue: E,
-      focusLoop: !0,
-      children: /* @__PURE__ */ q(
-        J.Provider,
-        {
-          value: { isSearchable: h, maxVisibleItems: N, selectedKeys: i },
-          children: [
-            /* @__PURE__ */ u(
-              U,
-              {
-                ref: w,
-                placeholder: I,
-                isDisabled: x,
-                isReadOnly: R,
-                isLoading: D,
-                isInvalid: j,
-                renderValue: _,
-                selectedItems: G,
-                onClearButtonPress: F,
-                ...B
-              }
-            ),
-            /* @__PURE__ */ u(W, { onBlur: M, children: Q })
-          ]
-        }
-      )
-    }
-  ) }) : /* @__PURE__ */ u(
-    z,
-    {
-      value: P.map(
-        (e) => a(e)
-      ),
-      defaultValue: k,
-      setValue: E,
-      focusLoop: !0,
-      children: /* @__PURE__ */ q(
-        J.Provider,
-        {
-          value: { isSearchable: h, maxVisibleItems: N, selectedKeys: i },
-          children: [
-            /* @__PURE__ */ u(
-              U,
-              {
-                ref: w,
-                placeholder: I,
-                isDisabled: x,
-                isReadOnly: R,
-                isLoading: D,
-                isInvalid: j,
-                renderValue: _,
-                selectedItems: G,
-                onClearButtonPress: F,
-                ...B
-              }
-            ),
-            /* @__PURE__ */ u(W, { onBlur: M, children: Q })
-          ]
-        }
-      )
-    }
-  );
-};
-$.displayName = "MultiSelect";
-const je = ye(
-  $
-);
-export {
-  je as MultiSelect
-};

package/dist/esm/components/multi-select/Multiselect.context.d.mts

@@ -1,7 +0,0 @@
-interface MultiSelectContextType {
-    isSearchable?: boolean;
-    maxVisibleItems?: number;
-    selectedKeys?: Set<string>;
-}
-export declare const MultiSelectContext: import('react').Context<MultiSelectContextType>;
-export {};