mainstack-design-system 1.1.2 → 1.2.1

package/dist/index-DJT9m8v7.js

@@ -0,0 +1,54 @@
+import * as t from "react";
+import "react-dom";
+import { c as p } from "./index-BtQfgaSF.js";
+import { jsx as a } from "react/jsx-runtime";
+var f = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], c = f.reduce((i, r) => {
+  const o = p(`Primitive.${r}`), e = t.forwardRef((l, d) => {
+    const { asChild: n, ...s } = l, m = n ? o : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(m, { ...s, ref: d });
+  });
+  return e.displayName = `Primitive.${r}`, { ...i, [r]: e };
+}, {}), u = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), v = "VisuallyHidden", w = t.forwardRef(
+  (i, r) => /* @__PURE__ */ a(
+    c.span,
+    {
+      ...i,
+      ref: r,
+      style: { ...u, ...i.style }
+    }
+  )
+);
+w.displayName = v;
+export {
+  w as V
+};

package/dist/index-DvzX668K.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("react");require("react-dom");const p=require("./index-CpE6WAgy.cjs"),n=require("react/jsx-runtime");function m(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=m(f);var v=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],b=v.reduce((e,r)=>{const t=p.createSlot(`Primitive.${r}`),i=a.forwardRef((l,s)=>{const{asChild:c,...u}=l,d=c?t:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),n.jsx(d,{...u,ref:s})});return i.displayName=`Primitive.${r}`,{...e,[r]:i}},{}),w=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),y="VisuallyHidden",o=a.forwardRef((e,r)=>n.jsx(b.span,{...e,ref:r,style:{...w,...e.style}}));o.displayName=y;exports.VisuallyHidden=o;

package/dist/index.d.ts

@@ -26,7 +26,6 @@ import { DropzoneOptions } from 'react-dropzone';
 import { DropzoneState } from 'react-dropzone';
 import { Editor } from '@tiptap/react';
 import { EditorContent } from '@tiptap/react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { getCountries } from 'react-phone-number-input';
@@ -34,7 +33,6 @@ import { Header } from '@radix-ui/react-accordion';
 import { HTMLAttributes } from 'react';
 import { Item } from '@radix-ui/react-accordion';
 import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
 import { JSXElementConstructor } from 'react';
 import { Label } from '@radix-ui/react-label';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -65,6 +63,7 @@ import { Root } from '@radix-ui/react-accordion';
 import { Root as Root_2 } from '@radix-ui/react-label';
 import { Root as Root_3 } from '@radix-ui/react-switch';
 import { Root as Root_4 } from 'vaul';
+import { ScrollArea } from '@radix-ui/react-scroll-area';
 import { SetStateAction } from 'react';
 import { TooltipProps } from '@radix-ui/react-tooltip';
 import { Trigger } from '@radix-ui/react-tooltip';
@@ -252,7 +251,7 @@ export declare const Banner: {
     }) => React.ReactElement | null;
     Icon: ForwardRefExoticComponent<BannerIconProps & RefAttributes<HTMLSpanElement>>;
     Action: ForwardRefExoticComponent<BannerActionProps & RefAttributes<HTMLButtonElement>>;
-    Header: <EE extends React.ElementType = "h3">(props: Omit<ComponentPropsWithRef<EE>, never> & {
+    Header: <EE extends React.ElementType = "h3">(props: BannerHeaderProps & Omit<ComponentPropsWithRef<EE>, keyof BannerHeaderProps> & {
         as?: EE | undefined;
     } & {
         ref?: React.Ref<Element>;
@@ -262,7 +261,7 @@ export declare const Banner: {
     } & {
         ref?: React.Ref<Element>;
     }) => React.ReactElement | null;
-    Content: <EE extends React.ElementType = "div">(props: Omit<ComponentPropsWithRef<EE>, never> & {
+    Content: <EE extends React.ElementType = "div">(props: BannerContentProps & Omit<ComponentPropsWithRef<EE>, keyof BannerContentProps> & {
         as?: EE | undefined;
     } & {
         ref?: React.Ref<Element>;
@@ -271,25 +270,29 @@ export declare const Banner: {
 
 export declare const BannerAction: default_2.ForwardRefExoticComponent<BannerActionProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-declare interface BannerActionProps extends default_2.HTMLAttributes<HTMLButtonElement> {
+export declare interface BannerActionProps extends default_2.HTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
 }
 
-export declare const BannerContent: <EE extends default_2.ElementType = "div">(props: Omit<default_2.ComponentPropsWithRef<EE>, never> & {
+export declare const BannerContent: <EE extends default_2.ElementType = "div">(props: BannerContentProps & Omit<default_2.ComponentPropsWithRef<EE>, keyof BannerContentProps> & {
     as?: EE | undefined;
 } & {
     ref?: default_2.Ref<Element>;
 }) => default_2.ReactElement | null;
 
-export declare const BannerHeader: <EE extends default_2.ElementType = "h3">(props: Omit<default_2.ComponentPropsWithRef<EE>, never> & {
+export declare type BannerContentProps = default_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const BannerHeader: <EE extends default_2.ElementType = "h3">(props: BannerHeaderProps & Omit<default_2.ComponentPropsWithRef<EE>, keyof BannerHeaderProps> & {
     as?: EE | undefined;
 } & {
     ref?: default_2.Ref<Element>;
 }) => default_2.ReactElement | null;
 
+export declare type BannerHeaderProps = default_2.HTMLAttributes<HTMLHeadingElement>;
+
 export declare const BannerIcon: default_2.ForwardRefExoticComponent<BannerIconProps & default_2.RefAttributes<HTMLSpanElement>>;
 
-declare interface BannerIconProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+export declare interface BannerIconProps extends default_2.HTMLAttributes<HTMLSpanElement> {
     asChild?: boolean;
 }
 
@@ -299,7 +302,7 @@ export declare const BannerRoot: <EE extends default_2.ElementType = "div">(prop
     ref?: default_2.Ref<Element>;
 }) => default_2.ReactElement | null;
 
-declare interface BannerRootProps extends VariantProps<typeof bannerVariants> {
+export declare interface BannerRootProps extends VariantProps<typeof bannerVariants> {
 }
 
 export declare const BannerText: <EE extends default_2.ElementType = "p">(props: Omit<default_2.ComponentPropsWithRef<EE>, never> & {
@@ -308,7 +311,9 @@ export declare const BannerText: <EE extends default_2.ElementType = "p">(props:
     ref?: default_2.Ref<Element>;
 }) => default_2.ReactElement | null;
 
-export declare const bannerVariants: (props?: ({
+export declare type BannerTextProps = default_2.HTMLAttributes<HTMLParagraphElement>;
+
+declare const bannerVariants: (props?: ({
     variant?: "error" | "warning" | "success" | "info" | "neutral" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -596,8 +601,7 @@ export declare const ContentCopyIcon: ({ variant, ...props }: VariableIconProps)
 
 export declare type CountryIso2CodeType = ReturnType<typeof getCountries>[number] | null | undefined;
 
-export declare const CountrySelect: ForwardRefExoticComponent<(Omit<Omit<{
-children: ReactNode;
+export declare const CountrySelect: ForwardRefExoticComponent<Omit<Omit<(Omit<{
 options: Array<SelectOptionType>;
 inputReadOnly?: boolean;
 isDisabled?: boolean;
@@ -610,13 +614,7 @@ onValueChange?: (value: string | string[] | undefined) => void;
 } & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
 isMultiSelect?: false;
 defaultValue?: string;
-}, "ref"> & RefAttributes<HTMLDivElement> & {
-defaultValue?: string;
-value?: string;
-placeholder?: string;
-onValueChange?: (value: string | undefined) => void;
-}, "ref"> | Omit<Omit<{
-children: ReactNode;
+}, "ref"> | Omit<{
 options: Array<SelectOptionType>;
 inputReadOnly?: boolean;
 isDisabled?: boolean;
@@ -629,16 +627,16 @@ onValueChange?: (value: string | string[] | undefined) => void;
 } & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
 isMultiSelect?: true;
 defaultValue?: string[];
-}, "ref"> & RefAttributes<HTMLDivElement> & {
+}, "ref">) & RefAttributes<HTMLDivElement>, "onValueChange" | "defaultValue" | "options" | "value"> & {
 defaultValue?: string;
 value?: string;
 placeholder?: string;
 onValueChange?: (value: string | undefined) => void;
-}, "ref">) & RefAttributes<HTMLDivElement>>;
+}, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare const CountrySelectGroup: {
     Root: {
-        ({ ...props }: CountrySelectRootProps): JSX.Element;
+        ({ onValueChange, ...props }: CountrySelectRootProps): JSX.Element;
         displayName: string;
     };
     InputField: ForwardRefExoticComponent<Omit<Omit<SelectInputFieldProps, "ref"> & RefAttributes<HTMLInputElement>, "ref"> & RefAttributes<HTMLInputElement>>;
@@ -663,11 +661,11 @@ export declare interface CountrySelectPortalProps extends ComponentPropsWithRef<
 export declare type CountrySelectProps = ComponentPropsWithRef<typeof CountrySelectRoot>;
 
 export declare const CountrySelectRoot: {
-    ({ ...props }: CountrySelectRootProps): JSX.Element;
+    ({ onValueChange, ...props }: CountrySelectRootProps): JSX.Element;
     displayName: string;
 };
 
-export declare type CountrySelectRootProps = ComponentPropsWithRef<typeof SelectRoot> & {
+export declare type CountrySelectRootProps = Omit<ComponentPropsWithRef<typeof SelectRoot>, "defaultValue" | "value" | "onValueChange" | "options"> & {
     defaultValue?: string;
     value?: string;
     placeholder?: string;
@@ -843,7 +841,7 @@ export declare interface DateRangeMenuActionProps extends ComponentPropsWithRef<
     actionData: Omit<DateRangeMenuActionType, "label">;
 }
 
-declare type DateRangeMenuActionType = {
+export declare type DateRangeMenuActionType = {
     label: string;
     id: string;
     from: Date | undefined;
@@ -1170,7 +1168,7 @@ declare interface FormCountryOptionSearchFieldProps extends ComponentPropsWithRe
 
 declare const FormCountryOptionsList: ForwardRefExoticComponent<Omit<FormCountryOptionsListProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-declare interface FormCountryOptionsListProps extends ComponentPropsWithRef<"div"> {
+declare interface FormCountryOptionsListProps extends ComponentPropsWithRef<typeof ScrollArea> {
     searchCountry: string;
     activeCountry: CountryIso2CodeType;
     onOptionOpenChange: Dispatch<SetStateAction<boolean>>;
@@ -2045,7 +2043,8 @@ export declare type ResponsivePopoverDrawerContentProps = ComponentPropsWithRef<
 declare type ResponsivePopoverDrawerContextType = {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    isDesktop: boolean;
+    isDesktop?: boolean | null;
+    breakpoint?: string;
 };
 
 export declare const ResponsivePopoverDrawerGroup: {
@@ -2053,7 +2052,7 @@ export declare const ResponsivePopoverDrawerGroup: {
     Content: ({ sideOffset, side, sticky, className, children, showCloseButton, ...props }: ResponsivePopoverDrawerContentProps) => JSX.Element;
     Overlay: ({ className, ...props }: ResponsivePopoverDrawerOverlayProps) => JSX.Element | null;
     Portal: ({ children, ...props }: ResponsivePopoverDrawerPortalProps) => JSX.Element;
-    Root: ({ open: controlledOpen, onOpenChange: controlledOnOpenChange, isDesktop, ...props }: ResponsivePopoverDrawerRootProps) => JSX.Element;
+    Root: ({ open: controlledOpen, onOpenChange: controlledOnOpenChange, isDesktop, breakpoint, ...props }: ResponsivePopoverDrawerRootProps) => JSX.Element;
     Trigger: ForwardRefExoticComponent<Omit<ResponsivePopoverDrawerTriggerProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 };
 
@@ -2065,7 +2064,7 @@ export declare const ResponsivePopoverDrawerPortal: ({ children, ...props }: Res
 
 export declare type ResponsivePopoverDrawerPortalProps = ComponentPropsWithRef<typeof PopoverPortal> & ComponentPropsWithRef<typeof Drawer.Portal>;
 
-export declare const ResponsivePopoverDrawerRoot: ({ open: controlledOpen, onOpenChange: controlledOnOpenChange, isDesktop, ...props }: ResponsivePopoverDrawerRootProps) => JSX.Element;
+export declare const ResponsivePopoverDrawerRoot: ({ open: controlledOpen, onOpenChange: controlledOnOpenChange, isDesktop, breakpoint, ...props }: ResponsivePopoverDrawerRootProps) => JSX.Element;
 
 export declare type ResponsivePopoverDrawerRootProps = ComponentPropsWithRef<typeof Popover> & ComponentPropsWithRef<typeof Root_4> & ResponsivePopoverDrawerContextType;
 
@@ -2088,7 +2087,7 @@ export declare const ScheduleSendIcon: ({ variant, ...props }: VariableIconProps
 export declare const SearchField: ForwardRefExoticComponent<Omit<SearchFieldProps, "ref"> & RefAttributes<HTMLInputElement>>;
 
 export declare interface SearchFieldProps extends ComponentPropsWithRef<typeof InputField> {
-    onCancel: () => void;
+    onCancel?: () => void;
 }
 
 export declare const SearchIcon: ({ ...props }: IconProps) => JSX.Element;
@@ -2097,7 +2096,6 @@ export declare const Select: ForwardRefExoticComponent<Omit<SelectProps, "ref">
 
 export declare const SelectGroup: {
     Root: ForwardRefExoticComponent<(Omit<{
-    children: ReactNode;
     options: Array<SelectOptionType>;
     inputReadOnly?: boolean;
     isDisabled?: boolean;
@@ -2111,7 +2109,6 @@ export declare const SelectGroup: {
     isMultiSelect?: false;
     defaultValue?: string;
     }, "ref"> | Omit<{
-    children: ReactNode;
     options: Array<SelectOptionType>;
     inputReadOnly?: boolean;
     isDisabled?: boolean;
@@ -2192,7 +2189,6 @@ export declare type SelectProps = Omit<ComponentPropsWithRef<typeof SelectRoot>,
 };
 
 declare const SelectRoot: ForwardRefExoticComponent<(Omit<{
-children: ReactNode;
 options: Array<SelectOptionType>;
 inputReadOnly?: boolean;
 isDisabled?: boolean;
@@ -2206,7 +2202,6 @@ onValueChange?: (value: string | string[] | undefined) => void;
 isMultiSelect?: false;
 defaultValue?: string;
 }, "ref"> | Omit<{
-children: ReactNode;
 options: Array<SelectOptionType>;
 inputReadOnly?: boolean;
 isDisabled?: boolean;
@@ -2581,73 +2576,58 @@ export declare const TileCheckbox: {
     displayName: string;
 };
 
-declare interface TileCheckboxProps extends React_2.ComponentPropsWithoutRef<"input"> {
+export declare interface TileCheckboxProps extends React_2.ComponentPropsWithoutRef<"input"> {
 }
 
-export declare const TileContent: {
-    ({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-    displayName: string;
-};
+export declare const TileContent: ForwardRefExoticComponent<Omit<TileContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare const TileDescription: {
-    ({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
-    displayName: string;
-};
+export declare interface TileContentProps extends React.ComponentPropsWithRef<"div"> {
+}
+
+export declare const TileDescription: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & RefAttributes<HTMLParagraphElement>>;
+
+export declare type TileDescriptionProps = ComponentPropsWithRef<"p">;
 
 export declare const TileGroup: {
-    readonly Root: ForwardRefExoticComponent<TileRootProps & RefAttributes<HTMLLabelElement>>;
-    readonly Media: {
-        ({ ...props }: {
-            [x: string]: any;
-        }): JSX.Element;
-        displayName: string;
-    };
-    readonly Checkbox: {
+    Root: ForwardRefExoticComponent<TileRootProps & RefAttributes<HTMLLabelElement>>;
+    Media: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+    Checkbox: {
         ({ className, ...props }: TileCheckboxProps): JSX.Element;
         displayName: string;
     };
-    readonly Content: {
-        ({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
-        displayName: string;
-    };
-    readonly Title: ForwardRefExoticComponent<Omit<{
-    as?: ElementType<any, keyof JSX_2.IntrinsicElements> | undefined;
-    className?: string;
-    } & Omit<any, "ref">, "ref"> & RefAttributes<HTMLHeadingElement>>;
-    readonly Description: {
-        ({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
-        displayName: string;
-    };
-    readonly Header: {
-        ({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
-        displayName: string;
-    };
+    Content: ForwardRefExoticComponent<Omit<TileContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    Title: <EE extends React.ElementType = "p">(props: Omit<ComponentPropsWithRef<EE>, never> & {
+        as?: EE | undefined;
+    } & {
+        ref?: React.Ref<Element>;
+    }) => React.ReactElement | null;
+    Description: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    Header: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
 };
 
-export declare const TileHeader: {
-    ({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
-    displayName: string;
-};
+export declare const TileHeader: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare const TileMedia: {
-    ({ ...props }: {
-        [x: string]: any;
-    }): JSX.Element;
-    displayName: string;
-};
+export declare type TileHeaderProps = React.ComponentPropsWithRef<"div">;
+
+export declare const TileMedia: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare const TileRoot: React_2.ForwardRefExoticComponent<TileRootProps & React_2.RefAttributes<HTMLLabelElement>>;
+export declare type TileMediaProps = ComponentPropsWithRef<"div">;
 
-declare interface TileRootProps extends React_2.HTMLAttributes<HTMLLabelElement> {
+export declare const TileRoot: ForwardRefExoticComponent<TileRootProps & RefAttributes<HTMLLabelElement>>;
+
+export declare interface TileRootProps extends React.HTMLAttributes<HTMLLabelElement> {
     disabled?: boolean;
+    selected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
 }
 
-export declare const TileTitle: React_2.ForwardRefExoticComponent<Omit<TileTitleProps<React_2.ElementType<any, keyof React_2.JSX.IntrinsicElements>>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+export declare const TileTitle: <EE extends default_2.ElementType = "p">(props: Omit<default_2.ComponentPropsWithRef<EE>, never> & {
+    as?: EE | undefined;
+} & {
+    ref?: default_2.Ref<Element>;
+}) => default_2.ReactElement | null;
 
-declare type TileTitleProps<T extends React_2.ElementType = "h5"> = {
-    as?: T;
-    className?: string;
-} & React_2.ComponentPropsWithoutRef<T>;
+export declare type TileTitleProps<E extends default_2.ElementType> = PolymorphicProps<E, {}>;
 
 export declare const TimePicker: ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & RefAttributes<HTMLDivElement>>;