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

package/dist/cjs/components/app-menu/parts/AppMenuHeader.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react-intl"),c=require("react-router-dom"),d=require("../../icon-button/IconButton.cjs"),p=require("../../payfit-brand/PayFitBrand.cjs"),y=require("../../payfit-brand/PayFitPreprod.cjs"),m=require("./AppMenu.context.cjs"),x=({environment:t,linkHref:r,linkLabel:o,notificationsComponent:u,searchComponent:i})=>{const{isMobileMenuOpen:n,toggleMobileMenu:a}=m.useAppMenuContext(),s=l.useIntl();return e.jsxs("header",{className:"uy-flex uy-flex-col uy-gap-y-200 uy-pl-25 uy-pr-25",children:[e.jsx("div",{className:"uy-block md:uy-hidden",children:e.jsx(d.IconButton,{variant:"ghost",color:"neutral",icon:n?"CloseOutlined":"ListOutlined",label:s.formatMessage({id:n?"unity:component:app-menu:header:menu-close":"unity:component:app-menu:header:menu-open",defaultMessage:n?"Close navigation":"Open navigation"}),onClick:a,"aria-expanded":n,"aria-controls":"app-menu-nav-container app-menu-profile-button"})}),e.jsxs("div",{className:"uy-hidden uy-justify-between uy-items-center md:uy-flex",children:[e.jsx(c.Link,{to:r,children:t==="production"?e.jsx(p.PayFitBrand,{label:o,width:104}):e.jsx(y.PayFitBrandPreprod,{label:o,env:t})}),u]}),e.jsx("div",{className:"uy-hidden md:uy-flex",children:i})]})};exports.AppMenuHeader=x;

package/dist/cjs/components/app-menu/parts/AppMenuNavContent.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("tailwind-merge"),y=require("./AppMenu.context.cjs"),a=({children:e})=>{const{isMobileMenuOpen:u}=y.useAppMenuContext(),t=o.twMerge("uy-flex-col uy-overflow-y-auto uy-overflow-x-hidden uy-gap-y-100 uy-pl-200 uy-pr-200 uy-pb-200 uy-scroll-py-100 md:uy-flex","uy-bg-canvas md:uy-bg-[transparent]","uy-absolute uy-top-800 uy-left-0 uy-right-0 uy-z-10 uy-h-svh md:uy-static md:uy-w-auto md:uy-pl-50 md:uy-pr-50 md:uy-pb-50","data-[mobile-open=false]:uy-hidden md:data-[mobile-open=false]:uy-flex data-[mobile-open=true]:uy-flex");return n.jsx("div",{className:t,"data-mobile-open":u,id:"app-menu-nav-container",children:e})};exports.AppMenuNavContent=a;

package/dist/cjs/components/autocomplete/Autocomplete.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),R=require("react-aria"),y=require("react-aria-components"),N=require("react-intl"),B=require("tailwind-variants"),C=require("usehooks-ts"),b=require("../icon/Icon.cjs"),O=require("../spinner/Spinner.cjs"),k=require("../text/Text.cjs"),T=require("./parts/AutocompleteClearButton.cjs"),W=require("./parts/AutocompletePanel.cjs"),P=B.tv({slots:{base:["uy-group uy-w-full 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-enabled","enabled:uy-border-border-form-enabled enabled:uy-bg-surface-danger-enabled enabled:uy-border-border-form-enabled","focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2 focus-visible:uy-border-border-form-focus focus-visible:uy-bg-surface-form-focus","active:uy-border-border-form-active","data-[disabled=true]:uy-border-border-form-disabled data-[disabled=true]:uy-bg-surface-form-disabled","data-[invalid=true]:uy-border-border-form-error data-[invalid=true]:uy-bg-surface-form-error"],input:["uy-h-300 uy-typography-body uy-flex-grow uy-outline-none [&::-webkit-search-cancel-button]:uy-hidden","enabled:uy-text-content-form-enabled","hover:uy-text-content-form-hover","focus-visible:uy-text-content-form-focus","active:uy-text-content-form-active","group-data-[invalid=true]:uy-bg-surface-form-error"],clearButton:[],icon:["uy-self-center","group-data-[disabled=true]:uy-text-content-neutral-lowest-disabled"],invalidIcon:["uy-self-center uy-hidden","group-data-[invalid=true]:uy-block"],wrapperState:["uy-flex uy-items-center uy-gap-50"]},variants:{isReadOnly:{true:{base:"uy-bg-surface-form-disabled",icon:"uy-text-content-neutral-lowest-disabled",button:"uy-bg-surface-form-error uy-text-content-neutral-disabled",clearButton:"uy-hidden",input:"uy-bg-surface-form-disabled uy-text-content-form-read-only uy-placeholder-content-form-read-only uy-cursor-text"},false:{base:["uy-bg-surface-form-enabled","hover:uy-border-border-form-hover hover:uy-bg-surface-form-hover data-[disabled=true]:uy-cursor-not-allowed"],icon:"uy-text-content-neutral-lowest",input:"uy-bg-text-content-form-active uy-placeholder-content-neutral-lowest group-data-[disabled=true]:uy-cursor-not-allowed"}}}}),z=({intl:a,placeholder:r,isDisabled:o})=>o?"":r||a.formatMessage({id:"unity:component:autocomplete:placeholder",defaultMessage:"Search"}),D=(a,r)=>{const{placeholder:o,isDisabled:l,isInvalid:c,isReadOnly:n,items:m,children:p,loadingState:i,name:g,feedbackText:h,...x}=a,u=N.useIntl(),t=s.useRef(null),[v,j]=s.useState(null),d=R.useId(),w=s.useCallback(()=>{t.current&&j(`${t.current.offsetWidth}px`)},[t]);C.useResizeObserver({ref:t,onResize:w});const{base:q,input:I,icon:A,invalidIcon:S,wrapperState:M,clearButton:E}=P({isReadOnly:n});return e.jsxs("search",{ref:r,children:[e.jsxs(y.ComboBox,{className:q(),name:g,isInvalid:c,isDisabled:l||n,isReadOnly:n,ref:t,"aria-label":u.formatMessage({id:"unity:component:autocomplete:placeholder",defaultMessage:"Search"}),items:m,...x,children:[e.jsx(b.Icon,{src:"MagnifyingGlassOutlined",className:A(),"aria-hidden":"true"}),e.jsx(y.Input,{className:I(),"aria-describedby":d,placeholder:z({intl:u,placeholder:o,isDisabled:l})}),e.jsxs("div",{className:M(),children:[e.jsx(b.Icon,{className:S(),src:"WarningCircleOutlined",color:"content.form.invalid",alt:u.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})}),i&&i!=="error"&&i!=="idle"&&e.jsx("span",{className:"uy-px-50",children:e.jsx(O.Spinner,{label:u.formatMessage({id:"unity:component:common:loading:label",defaultMessage:"Loading..."}),color:"primary",size:"small","aria-hidden":"true"})}),e.jsx(T.AutocompleteClearButton,{isReadOnly:n,isDisabled:l})]}),e.jsx(W.AutocompletePanel,{panelWidth:v,searchRef:t,children:p})]}),c&&e.jsx(k.Text,{id:d,className:"uy-typography-body-small-strong uy-text-content-form-invalid",children:h})]})},f=s.forwardRef(function(r,o){return D(r,o)});f.displayName="Autocomplete";exports.Autocomplete=f;

package/dist/cjs/components/autocomplete/Autocomplete.d.cts

@@ -1,156 +0,0 @@
-import { LoadingState } from '@react-types/shared';
-import { ForwardedRef, ReactNode } from 'react';
-import { ComboBoxProps, ListBoxProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-declare const autocomplete: import('tailwind-variants').TVReturnType<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    base: string[];
-    input: string[];
-    clearButton: never[];
-    icon: string[];
-    invalidIcon: string[];
-    wrapperState: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}>, {
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    base: string[];
-    input: string[];
-    clearButton: never[];
-    icon: string[];
-    invalidIcon: string[];
-    wrapperState: string[];
-}, import('tailwind-variants').TVReturnType<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    base: string[];
-    input: string[];
-    clearButton: never[];
-    icon: string[];
-    invalidIcon: string[];
-    wrapperState: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}, {
-    isReadOnly: {
-        true: {
-            base: string;
-            icon: string;
-            button: string;
-            clearButton: string;
-            input: string;
-        };
-        false: {
-            base: string[];
-            icon: string;
-            input: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-export interface AutocompleteProps<T extends object> extends Omit<ComboBoxProps<T>, 'className' | 'style' | 'children' | 'onSelectionChange'>, VariantProps<typeof autocomplete> {
-    /** Custom placeholder text for the search input */
-    placeholder?: string;
-    /** In dynamic mode, contains the items to display in the search results */
-    items?: ListBoxProps<T>['items'];
-    /** In static mode, contains <AutocompleteItem /> components, in dynamic mode, contains a function to render items passed to the component */
-    children: ListBoxProps<T>['children'];
-    /** Whether the search is currently loading results */
-    loadingState?: LoadingState;
-    /** The name of the search field, used for form submission */
-    name: string;
-    /** Feedback text to display below the autocomplete field. */
-    feedbackText?: ReactNode;
-}
-type AutocompleteComponent = (<TItems extends object>(props: AutocompleteProps<TItems> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * The `Autocomplete` component is used to create a searchable input field with a dropdown list of results.
- * It allows users to search through a collection of items and select one.
- */
-declare const Autocomplete: AutocompleteComponent;
-export { Autocomplete };

package/dist/cjs/components/autocomplete/parts/AutocompleteClearButton.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),a=require("react"),c=require("react-aria-components"),s=require("react-intl"),i=require("tailwind-merge"),m=require("../../icon-button/CircularIconButton.cjs"),t=({className:n,isReadOnly:o,isDisabled:r})=>{const e=a.useContext(c.ComboBoxStateContext),u=s.useIntl();return!(e!=null&&e.inputValue)||o||r?null:l.jsx(m.CircularIconButton,{slot:null,title:u.formatMessage({id:"unity:component:common:clear:title",defaultMessage:"Clear"}),className:i.twMerge(n,"uy-text-content-neutral-enabled group-data-[empty=true]:uy-hidden"),icon:"CloseOutlined",onPress:()=>{e.setSelectedKey(null)}})};t.displayName="ClearButton";exports.AutocompleteClearButton=t;

package/dist/cjs/components/autocomplete/parts/AutocompleteClearButton.d.cts

@@ -1,18 +0,0 @@
-interface AutocompleteClearButtonProps {
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    className?: string;
-}
-/**
- * The `ClearButton` component is used within the `Autocomplete` component to provide a way to clear the current autocomplete input.
- * It appears only when there is text in the autocomplete field and disappears when the field is empty.
- * @example
- * ```tsx
- * <ClearButton intl={intl} />
- * ```
- */
-declare const AutocompleteClearButton: {
-    ({ className, isReadOnly, isDisabled, }: AutocompleteClearButtonProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export { AutocompleteClearButton };

package/dist/cjs/components/autocomplete/parts/AutocompleteItem.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),c=require("react-aria-components"),d=require("tailwind-variants"),e=d.tv({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 uy-bg-surface-neutral-enabled enabled:uy-text-content-neutral-enabled","enabled:uy-bg-surface-neutral-enabled enabled:uy-text-content-neutral-enabled","data-[pressed]:uy-bg-surface-neutral-pressed data-[pressed]:uy-text-content-neutral-pressed","data-[focus-visible]:uy-outline-offset-2 data-[focus-visible]:uy-outline-2 data-[focus-visible]:uy-outline-utility-focus-ring data-[focus-visible]:uy-bg-surface-neutral-focus data-[focus-visible]:uy-text-content-neutral-focus","data-[disabled]:uy-text-content-neutral-disabled"],variants:{isDisabled:{false:"hover:uy-bg-surface-neutral-hover",true:"uy-cursor-not-allowed"}}}),t=i.forwardRef(({children:u,isDisabled:a,textValue:s,...n},o)=>r.jsx(c.ListBoxItem,{...n,isDisabled:a,textValue:s,ref:o,className:({isDisabled:l})=>e({isDisabled:l}),children:u}));t.displayName="AutocompleteItem";exports.AutocompleteItem=t;exports.autocompleteItem=e;

package/dist/cjs/components/autocomplete/parts/AutocompleteItem.d.cts

@@ -1,56 +0,0 @@
-import { ListBoxItemProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-export declare const autocompleteItem: import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        false: string;
-        true: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        false: string;
-        true: string;
-    };
-}, {
-    isDisabled: {
-        false: string;
-        true: string;
-    };
-}>, {
-    isDisabled: {
-        false: string;
-        true: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        false: string;
-        true: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        false: string;
-        true: string;
-    };
-}, {
-    isDisabled: {
-        false: string;
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
-export interface AutocompleteItemProps extends VariantProps<typeof autocompleteItem>, Omit<ListBoxItemProps, 'className' | 'style' | 'routerOptions' | 'referrerPolicy' | 'ping' | 'target' | 'hrefLang' | 'download' | 'ref' | 'rel' | 'aria-label'> {
-}
-/**
- * The `AutocompleteItem` component is used within the Autocomplete component to render individual items in the autocomplete results list.
- * It provides styling and accessibility features for autocomplete result items.
- * @example
- * ```tsx
- * <Autocomplete name="fruits" items={fruits}>
- *   {item => (
- *     <AutocompleteItem id={item.id} textValue={item.name} isDisabled={item.disabled}>
- *       {item.name}
- *     </AutocompleteItem>
- *   )}
- * </Autocomplete>
- * ```
- */
-declare const AutocompleteItem: import('react').ForwardRefExoticComponent<AutocompleteItemProps & import('react').RefAttributes<HTMLDivElement>>;
-export { AutocompleteItem };

package/dist/cjs/components/autocomplete/parts/AutocompleteItemGroup.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),o=require("react-aria-components"),m=require("tailwind-variants"),n=m.tv({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 [section:last-child_&]:uy-hidden"}}),y=({label:a,children:r,items:t},c)=>{const{base:l,header:i,separator:s}=n();return e.jsxs(o.ListBoxSection,{ref:c,className:l(),id:a,items:t,children:[e.jsx(o.Header,{className:i(),children:a}),t?e.jsxs(e.Fragment,{children:[e.jsx(o.Collection,{items:t,children:r}),e.jsx(o.Separator,{orientation:"horizontal",className:s()})]}):e.jsxs(e.Fragment,{children:[r,e.jsx(o.Separator,{orientation:"horizontal",className:s()})]})]})},u=p.forwardRef(function(r,t){return y(r,t)});u.displayName="AutocompleteItemGroup";exports.AutocompleteItemGroup=u;exports.autocompleteItemGroup=n;

package/dist/cjs/components/autocomplete/parts/AutocompleteItemGroup.d.cts

@@ -1,96 +0,0 @@
-import { ForwardedRef } from 'react';
-import { ListBoxSectionProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-export declare const autocompleteItemGroup: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            separator?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            header?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            separator?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            header?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    header: string;
-    separator: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            separator?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            header?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            separator?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            header?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    header: string;
-    separator: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string;
-    header: string;
-    separator: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            separator?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            header?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export interface AutocompleteItemGroupProps<T> extends VariantProps<typeof autocompleteItemGroup>, ListBoxSectionProps<T> {
-    /**
-     * The label text displayed at the top of the group
-     */
-    label: string;
-}
-type AutocompleteItemGroupComponent = (<TItems extends object>(props: AutocompleteItemGroupProps<TItems> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * Groups related options within an `Autocomplete` component.
- *
- * This component provides two APIs for grouping options:
- * 1. Static API - Directly nest AutocompleteItem components
- * 2. Dynamic API - Provide an array of items and a render function for dynamic items
- * @example
- * ```tsx
- * // Static API
- * <AutocompleteItemGroup label="Fruits">
- *   <AutocompleteItem id="apple">Apple</AutocompleteItem>
- *   <AutocompleteItem id="banana">Banana</AutocompleteItem>
- * </AutocompleteItemGroup>
- *
- * // Dynamic API
- * <AutocompleteItemGroup
- *   label="Fruits"
- *   items={fruits}
- * >
- *   {fruit => (
- *     <AutocompleteItem id={fruit.id}>
- *       {fruit.name}
- *     </AutocompleteItem>
- *   )}
- * </AutocompleteItemGroup>
- * ```
- */
-declare const AutocompleteItemGroup: AutocompleteItemGroupComponent;
-export { AutocompleteItemGroup };

package/dist/cjs/components/autocomplete/parts/AutocompletePanel.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react-aria-components"),d=require("react-intl"),m=require("tailwind-variants"),p=require("../../icon/Icon.cjs"),r=require("../../text/Text.cjs"),s=m.tv({slots:{base:"uy-rounded-75 uy-border uy-border-solid uy-border-border-neutral uy-w-[var(--trigger-width)] uy-bg-surface-neutral uy-max-h-[312px] uy-shadow-floating",list:"uy-overflow-y-auto uy-max-h-[296px] uy-p-100"}}),x=()=>e.jsxs("div",{className:"uy-flex uy-flex-col uy-gap-200 uy-items-center uy-justify-center uy-h-[312px]",children:[e.jsx(r.Text,{variant:"body",className:"uy-w-500 uy-h-500 uy-bg-surface-neutral-lowest uy-flex uy-items-center uy-justify-center uy-rounded-75",children:e.jsx(p.Icon,{size:24,src:"MagnifyingGlassOutlined"})}),e.jsx(r.Text,{variant:"bodyLarge",children:e.jsx(d.FormattedMessage,{id:"unity:component:autocomplete:panel:empty:label",defaultMessage:"No results found"})})]}),o=a=>{const{children:u,panelWidth:n,searchRef:l,...i}=a,{base:c,list:y}=s();return e.jsx(t.Popover,{...i,className:c(),offset:1,triggerRef:l,isNonModal:!0,style:{"--trigger-width":n},children:e.jsx(t.ListBox,{className:y(),renderEmptyState:x,children:u})})};o.displayName="AutocompletePanel";exports.AutocompletePanel=o;exports.autocompletePanel=s;

package/dist/cjs/components/autocomplete/parts/AutocompletePanel.d.cts

@@ -1,76 +0,0 @@
-import { RefObject } from 'react';
-import { PopoverProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-import { AutocompleteProps } from '../Autocomplete.cjs';
-export declare const autocompletePanel: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            list?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            list?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    list: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            list?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            list?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    list: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string;
-    list: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            list?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export interface AutocompletePanelProps<T extends object> extends VariantProps<typeof autocompletePanel>, Omit<PopoverProps, 'children'> {
-    /** Width of the panel, used to match the width of the search input */
-    panelWidth: string | null;
-    /** Reference to the search input element */
-    searchRef: RefObject<HTMLDivElement>;
-    /** The content to render inside the panel */
-    children: AutocompleteProps<T>['children'];
-}
-/**
- * The `AutocompletePanel` component is used within the Autocomplete component to display the dropdown panel containing autocomplete results.
- * It handles both the loading state and the empty state when no results are found.
- * @example
- * ```tsx
- * <AutocompletePanel
- *   panelWidth={searchWidth}
- *   searchRef={searchRef}
- *   isLoading={isLoading}
- * >
- *   {children}
- * </AutocompletePanel>
- * ```
- */
-declare const AutocompletePanel: {
-    <T extends object>(props: AutocompletePanelProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { AutocompletePanel };

package/dist/cjs/components/avatar/Avatar.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),v=require("@radix-ui/react-avatar"),m=require("tailwind-merge"),f=require("tailwind-variants"),p=require("./Avatar.context.cjs"),y=require("./Avatar.variants.cjs");function n(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=n(d),o=n(v),g=f.tv({extend:y.avatarBase,base:"uy-inline-block uy-relative uy-shrink-0",defaultVariants:{size:"md",variant:"circle"}}),c=b.forwardRef(({size:e="md",variant:t="circle",className:a,...r},s)=>{const l=g({variant:t,size:e}),u=m.twMerge(l,a);return i.jsx(p.AvatarProvider,{variant:t,size:e,hasPair:!1,children:i.jsx(o.Root,{ref:s,role:"img",className:u,"data-dd-privacy":"allow",...r})})});c.displayName=o.Root.displayName;exports.Avatar=c;

package/dist/cjs/components/avatar/Avatar.d.cts

@@ -1,206 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import * as React from 'react';
-declare const avatarRoot: import('tailwind-variants').TVReturnType<{} | {
-    size: {
-        xs: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        sm: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        md: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        lg: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        xl: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-    variant: {
-        circle: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        square: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-}, undefined, "uy-inline-block uy-relative uy-shrink-0", import('tailwind-variants/dist/config.js').TVConfig<{} | {
-    size: {
-        xs: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        sm: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        md: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        lg: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        xl: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-    variant: {
-        circle: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-        square: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    variant: {
-        circle: string;
-        square: string;
-    };
-}>, unknown, unknown, undefined>>>;
-export type AvatarProps = PropsWithChildren<{
-    /** Additional class names to apply to the avatar */
-    className?: string;
-    /** The avatar's variant. One of: circle or square */
-    variant?: VariantProps<typeof avatarRoot>['variant'];
-    /** Size of the avatar. One of: xs, sm, md, lg, xl */
-    size?: VariantProps<typeof avatarRoot>['size'];
-    /** Accessible label for the avatar */
-    'aria-label': string;
-    /** ID of the element that labels the avatar */
-    'aria-labelledby'?: string;
-    /** ID of the element that describes the avatar */
-    'aria-describedby'?: string;
-    /** Additional details for the avatar */
-    'aria-details'?: string;
-    /** Indicates if the avatar is hidden from assistive technologies */
-    'aria-hidden'?: boolean;
-}>;
-/**
- * The Avatar component displays visual or text content for representing people or entities.
- */
-declare const Avatar: React.ForwardRefExoticComponent<{
-    /** Additional class names to apply to the avatar */
-    className?: string;
-    /** The avatar's variant. One of: circle or square */
-    variant?: VariantProps<typeof avatarRoot>["variant"];
-    /** Size of the avatar. One of: xs, sm, md, lg, xl */
-    size?: VariantProps<typeof avatarRoot>["size"];
-    /** Accessible label for the avatar */
-    'aria-label': string;
-    /** ID of the element that labels the avatar */
-    'aria-labelledby'?: string;
-    /** ID of the element that describes the avatar */
-    'aria-describedby'?: string;
-    /** Additional details for the avatar */
-    'aria-details'?: string;
-    /** Indicates if the avatar is hidden from assistive technologies */
-    'aria-hidden'?: boolean;
-} & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar };