@konstructio/ui 0.1.2-alpha.44 → 0.1.2-alpha.46

package/dist/components/VirtualizedTable/components/Actions/Actions.js

@@ -1,20 +1,20 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Button as t } from "../../../Button/Button.js";
+import { Button as a } from "../../../Button/Button.js";
 import { cn as e } from "../../../../utils/index.js";
 import { E as m } from "../../../../ellipsis-vertical-BVPtjl5f.js";
 const b = ({
-  actions: a,
+  actions: t,
   wrapperClassName: l,
-  triggerButtonClassName: s,
-  iconTriggerButtonClassName: n,
+  triggerButtonClassName: n,
+  iconTriggerButtonClassName: s,
   wrapperActionsClassName: d,
   wrapperContentActionsClassName: c,
   ...h
-}) => a ? /* @__PURE__ */ i("div", { className: e("relative group", l), children: [
+}) => t ? /* @__PURE__ */ i("div", { className: e("relative group", l), children: [
   /* @__PURE__ */ i(
-    t,
+    a,
     {
-      variant: "text",
+      variant: "link",
       shape: "circle",
       size: "large",
       className: e(
@@ -24,7 +24,7 @@ const b = ({
         "dark:text-metal-400",
         "dark:group-hover:text-aurora-500",
         "dark:group-hover:bg-aurora-900",
-        s
+        n
       ),
       role: "presentation",
       children: [
@@ -32,7 +32,7 @@ const b = ({
           m,
           {
             "aria-hidden": "true",
-            className: e("w-7 h-7", n)
+            className: e("w-7 h-7", s)
           }
         ),
         /* @__PURE__ */ r("span", { className: "sr-only", children: "Show Actions" })
@@ -46,7 +46,7 @@ const b = ({
         "absolute",
         "top-full",
         "right-0",
-        "w-[215px]",
+        "w-53.75",
         "hidden",
         "group-hover:block",
         "z-10",
@@ -67,8 +67,8 @@ const b = ({
             "fade-in-0",
             c
           ),
-          children: a.map(({ label: o, className: p, onClick: u }) => /* @__PURE__ */ r(
-            t,
+          children: t.map(({ label: o, className: p, onClick: u }) => /* @__PURE__ */ r(
+            a,
             {
               className: e(
                 "w-full",
@@ -87,10 +87,10 @@ const b = ({
                 "px-6",
                 p
               ),
-              variant: "text",
+              variant: "link",
               asChild: !0,
               role: "presentation",
-              children: /* @__PURE__ */ r(t, { onClick: () => u(h.row.original), children: o })
+              children: /* @__PURE__ */ r(a, { onClick: () => u(h.row.original), children: o })
             },
             o
           ))

package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js

@@ -1,15 +1,15 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { useMemo as l, useCallback as p } from "react";
-import { Dropdown as g } from "../../../Dropdown/Dropdown.js";
-import { DEFAULT_PAGE_SIZES as c } from "../../constants/pagination.js";
-import { useTableContext as d } from "../../contexts/table.hook.js";
+import { Select as c } from "../../../Select/Select.js";
+import { DEFAULT_PAGE_SIZES as g } from "../../constants/pagination.js";
+import { useTableContext as x } from "../../contexts/table.hook.js";
 const u = ({
-  pageSizes: r = c
+  pageSizes: r = g
 }) => {
-  const { pageSize: n, onPageSize: t, handlePage: a } = d(), s = l(
+  const { pageSize: s, onPageSize: t, handlePage: a } = x(), m = l(
     () => r.map(String).map((e) => ({ label: e, value: e })),
     []
-  ), m = p(
+  ), n = p(
     (e) => {
       t(Number(e)), a(0);
     },
@@ -18,13 +18,13 @@ const u = ({
   return /* @__PURE__ */ i("div", { className: "flex items-center gap-2 dark:text-metal-300", children: [
     /* @__PURE__ */ o("span", { children: "Show" }),
     /* @__PURE__ */ o(
-      g,
+      c,
       {
         className: "w-22 [&>div>p]:text-xs bg-white",
         listItemClassName: "[&>p]:text-xs dark:bg-metal-800",
-        options: s,
-        value: n.toString(),
-        onChange: ({ target: e }) => m(e.value)
+        options: m,
+        value: s.toString(),
+        onChange: ({ target: e }) => n(e.value)
       }
     )
   ] });

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js

@@ -72,7 +72,7 @@ const N = ({ numberOfRows: i, table: o }) => {
             children: /* @__PURE__ */ r(
               m,
               {
-                variant: "text",
+                variant: "link",
                 shape: "circle",
                 size: "large",
                 disabled: !0,

package/dist/components/index.js

@@ -3,102 +3,105 @@ import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
 import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
 import { Badge as a } from "./Badge/Badge.js";
 import { Breadcrumb as d } from "./Breadcrumb/Breadcrumb.js";
-import { Button as l } from "./Button/Button.js";
+import { Button as n } from "./Button/Button.js";
 import { Card as u } from "./Card/Card.js";
 import { Checkbox as c } from "./Checkbox/Checkbox.js";
-import { DatePicker as D } from "./Datepicker/DatePicker.js";
+import { DatePicker as b } from "./Datepicker/DatePicker.js";
 import { Divider as s } from "./Divider/Divider.js";
-import { Dropdown as C } from "./Dropdown/Dropdown.js";
-import { DropdownButton as h } from "./DropdownButton/DropdownButton.js";
-import { Filter as w } from "./Filter/Filter.js";
+import { DropdownButton as C } from "./DropdownButton/DropdownButton.js";
+import { Filter as h } from "./Filter/Filter.js";
+import { ImageUpload as w } from "./ImageUpload/ImageUpload.js";
 import { Input as R } from "./Input/Input.js";
-import { Loading as M } from "./Loading/Loading.js";
-import { M as F } from "../Modal-CjC-CIJ8.js";
-import { MultiSelectDropdown as I } from "./MultiSelectDropdown/MultiSelectDropdown.js";
+import { Loading as I } from "./Loading/Loading.js";
+import { M as k } from "../Modal-CjC-CIJ8.js";
+import { MultiSelectDropdown as G } from "./MultiSelectDropdown/MultiSelectDropdown.js";
 import { NumberInput as y } from "./NumberInput/NumberInput.js";
 import { PhoneNumberInput as O } from "./PhoneNumberInput/PhoneNumberInput.js";
-import { PieChart as j } from "./PieChart/PieChart.js";
-import { ProgressBar as E } from "./ProgressBar/ProgressBar.js";
-import { Radio as J } from "./Radio/Radio.js";
-import { RadioCard as Q } from "./RadioCard/RadioCard.js";
+import { PieChart as V } from "./PieChart/PieChart.js";
+import { ProgressBar as q } from "./ProgressBar/ProgressBar.js";
+import { Radio as H } from "./Radio/Radio.js";
+import { RadioCard as K } from "./RadioCard/RadioCard.js";
 import { RadioCardGroup as W } from "./RadioCardGroup/RadioCardGroup.js";
 import { RadioGroup as Y } from "./RadioGroup/RadioGroup.js";
 import { Range as _ } from "./Range/Range.js";
-import { Sidebar as oo } from "./Sidebar/Sidebar.js";
-import { Slider as eo } from "./Slider/Slider.js";
-import { Switch as po } from "./Switch/Switch.js";
-import { Table as xo } from "./Table/Table.js";
-import { Tabs as ao } from "./Tabs/Tabs.js";
-import { Tag as no } from "./Tag/Tag.js";
-import { TagSelect as go } from "./TagSelect/TagSelect.js";
-import { TextArea as To } from "./TextArea/TextArea.js";
-import { TimePicker as bo } from "./TimePicker/TimePicker.js";
-import { Toast as So } from "./Toast/Toast.js";
-import { Tooltip as Bo } from "./Tooltip/Tooltip.js";
-import { Typography as No } from "./Typography/Typography.js";
-import { VirtualizedTable as vo } from "./VirtualizedTable/VirtualizedTable.js";
-import { BadgeMultiSelect as Po } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as Ao } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
-import { Footer as ko } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as Go } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as Lo } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as zo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as Vo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as qo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
-import { Content as Ho } from "./Tabs/components/Content.js";
-import { List as Ko } from "./Tabs/components/List.js";
-import { Trigger as Uo } from "./Tabs/components/Trigger.js";
-import { TruncateText as Xo } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { Select as oo, Select as ro } from "./Select/Select.js";
+import { Sidebar as to } from "./Sidebar/Sidebar.js";
+import { Slider as mo } from "./Slider/Slider.js";
+import { Switch as fo } from "./Switch/Switch.js";
+import { Table as io } from "./Table/Table.js";
+import { Tabs as no } from "./Tabs/Tabs.js";
+import { Tag as uo } from "./Tag/Tag.js";
+import { TagSelect as co } from "./TagSelect/TagSelect.js";
+import { TextArea as bo } from "./TextArea/TextArea.js";
+import { TimePicker as so } from "./TimePicker/TimePicker.js";
+import { Toast as Co } from "./Toast/Toast.js";
+import { Tooltip as ho } from "./Tooltip/Tooltip.js";
+import { Typography as wo } from "./Typography/Typography.js";
+import { VirtualizedTable as Ro } from "./VirtualizedTable/VirtualizedTable.js";
+import { BadgeMultiSelect as Io } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
+import { DateFilterDropdown as ko } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
+import { Footer as Go } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as yo } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as Oo } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as Vo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as qo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as Ho } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Content as Ko } from "./Tabs/components/Content.js";
+import { List as Wo } from "./Tabs/components/List.js";
+import { Trigger as Yo } from "./Tabs/components/Trigger.js";
+import { TruncateText as _o } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
 export {
   e as Alert,
   p as AlertDialog,
   x as Autocomplete,
   a as Badge,
-  Po as BadgeMultiSelect,
+  Io as BadgeMultiSelect,
   d as Breadcrumb,
-  l as Button,
+  n as Button,
   u as Card,
   c as Checkbox,
-  Ho as Content,
-  Ao as DateFilterDropdown,
-  D as DatePicker,
+  Ko as Content,
+  ko as DateFilterDropdown,
+  b as DatePicker,
   s as Divider,
-  C as Dropdown,
-  h as DropdownButton,
-  w as Filter,
-  ko as Footer,
+  oo as Dropdown,
+  C as DropdownButton,
+  h as Filter,
+  Go as Footer,
+  w as ImageUpload,
   R as Input,
-  Ko as List,
-  M as Loading,
-  Go as Logo,
-  F as Modal,
-  I as MultiSelectDropdown,
-  Lo as Navigation,
-  zo as NavigationGroup,
-  Vo as NavigationOption,
-  qo as NavigationSeparator,
+  Wo as List,
+  I as Loading,
+  yo as Logo,
+  k as Modal,
+  G as MultiSelectDropdown,
+  Oo as Navigation,
+  Vo as NavigationGroup,
+  qo as NavigationOption,
+  Ho as NavigationSeparator,
   y as NumberInput,
   O as PhoneNumberInput,
-  j as PieChart,
-  E as ProgressBar,
-  J as Radio,
-  Q as RadioCard,
+  V as PieChart,
+  q as ProgressBar,
+  H as Radio,
+  K as RadioCard,
   W as RadioCardGroup,
   Y as RadioGroup,
   _ as Range,
-  oo as Sidebar,
-  eo as Slider,
-  po as Switch,
-  xo as Table,
-  ao as Tabs,
-  no as Tag,
-  go as TagSelect,
-  To as TextArea,
-  bo as TimePicker,
-  So as Toast,
-  Bo as Tooltip,
-  Uo as Trigger,
-  Xo as TruncateText,
-  No as Typography,
-  vo as VirtualizedTable
+  ro as Select,
+  to as Sidebar,
+  mo as Slider,
+  fo as Switch,
+  io as Table,
+  no as Tabs,
+  uo as Tag,
+  co as TagSelect,
+  bo as TextArea,
+  so as TimePicker,
+  Co as Toast,
+  ho as Tooltip,
+  Yo as Trigger,
+  _o as TruncateText,
+  wo as Typography,
+  Ro as VirtualizedTable
 };

package/dist/{index-CPU02rhe.js → index-D6KzX_ef.js}

@@ -40,7 +40,7 @@ var Q = "AlertDialogOverlay", y = l.forwardRef(
 y.displayName = Q;
 var n = "AlertDialogContent", [U, X] = z(n), Z = /* @__PURE__ */ V("AlertDialogContent"), N = l.forwardRef(
   (r, e) => {
-    const { __scopeAlertDialog: o, children: t, ...a } = r, d = s(o), p = l.useRef(null), P = u(e, p), g = l.useRef(null);
+    const { __scopeAlertDialog: o, children: t, ...a } = r, c = s(o), d = l.useRef(null), P = u(e, d), g = l.useRef(null);
     return /* @__PURE__ */ i(
       G,
       {
@@ -51,17 +51,17 @@ var n = "AlertDialogContent", [U, X] = z(n), Z = /* @__PURE__ */ V("AlertDialogC
           W,
           {
             role: "alertdialog",
-            ...d,
+            ...c,
             ...a,
             ref: P,
-            onOpenAutoFocus: M(a.onOpenAutoFocus, (c) => {
-              c.preventDefault(), g.current?.focus({ preventScroll: !0 });
+            onOpenAutoFocus: M(a.onOpenAutoFocus, (p) => {
+              p.preventDefault(), g.current?.focus({ preventScroll: !0 });
             }),
-            onPointerDownOutside: (c) => c.preventDefault(),
-            onInteractOutside: (c) => c.preventDefault(),
+            onPointerDownOutside: (p) => p.preventDefault(),
+            onInteractOutside: (p) => p.preventDefault(),
             children: [
               /* @__PURE__ */ i(Z, { children: t }),
-              /* @__PURE__ */ i(re, { contentRef: p })
+              /* @__PURE__ */ i(re, { contentRef: d })
             ]
           }
         ) })
@@ -91,8 +91,8 @@ var ee = "AlertDialogAction", E = l.forwardRef(
 E.displayName = ee;
 var T = "AlertDialogCancel", b = l.forwardRef(
   (r, e) => {
-    const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), d = s(o), p = u(e, a);
-    return /* @__PURE__ */ i(f, { ...d, ...t, ref: p });
+    const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), c = s(o), d = u(e, a);
+    return /* @__PURE__ */ i(f, { ...c, ...t, ref: d });
   }
 );
 b.displayName = T;
@@ -110,14 +110,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
     ) || console.warn(e);
   }, [e, r]), null;
 }, de = m, oe = D, ge = _, ue = y, Ae = N, fe = E, ve = b, me = h, De = S;
-const _e = I(({ "data-theme": r, className: e, text: o, onOpen: t }, a) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
+const _e = I(({ "data-theme": r, className: e, text: o, variant: t, onOpen: a }, c) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
   k,
   {
-    ref: a,
+    ref: c,
     type: "button",
+    variant: t,
     "data-theme": r,
     className: q(e),
-    onClick: t,
+    onClick: a,
     children: o
   }
 ) }));

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { AlertDialogProps as AlertDialogProps_2 } from '@radix-ui/react-alert-dialog';
 import { ButtonHTMLAttributes } from 'react';
 import { CellContext } from '@tanstack/react-table';
+import { ChangeEvent } from 'react';
 import { CheckboxProps as CheckboxProps_2 } from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
@@ -43,6 +44,7 @@ declare interface AlertDialogProps extends PropsWithChildren, AlertDialogProps_2
     buttonConfirm?: ButtonConfirmProps;
     buttonTriggerText?: string;
     buttonTriggerClassName?: string;
+    buttonTriggerVariant?: ButtonProps['variant'];
     className?: string;
     description?: string | ReactNode;
     showCancelButton?: boolean;
@@ -73,7 +75,7 @@ declare interface AutocompleteProps extends VariantProps<typeof autocompleteVari
     label?: string;
     labelClassName?: string;
     name?: string;
-    options: Option_2[];
+    options: Option_3[];
     placeholder?: string;
     placeHolderEmptyValues?: string | ReactNode;
     placeHolderEmptyValuesClassName?: string;
@@ -144,7 +146,7 @@ declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
 }
 
 declare const buttonVariants: (props?: ({
-    variant?: "danger" | "text" | "primary" | "secondary" | null | undefined;
+    variant?: "danger" | "link" | "primary" | "secondary" | "tertiary" | null | undefined;
     shape?: "circle" | null | undefined;
     version?: "default" | "alternate" | null | undefined;
     disabled?: boolean | null | undefined;
@@ -216,59 +218,8 @@ declare const datePickerVariants: (props?: ClassProp | undefined) => string;
 
 export declare const Divider: FC<HTMLAttributes<HTMLDivElement>>;
 
-export declare const Dropdown: FC<DropdownProps>;
-
 export declare const DropdownButton: FC<Props>;
 
-declare type DropdownProps = VariantProps<typeof dropdownVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
-    additionalOptions?: ReactNode[] | string[];
-    className?: string;
-    disabled?: boolean;
-    error?: string;
-    helperText?: string;
-    highlightSearch?: boolean;
-    iconClassName?: string;
-    inputClassName?: string;
-    isLoading?: boolean;
-    isRequired?: boolean;
-    label?: string;
-    labelClassName?: string;
-    listClassName?: string;
-    listItemClassName?: string;
-    listItemSecondRowClassName?: string;
-    mainWrapperClassName?: string;
-    options: Option_3[];
-    searchable?: boolean;
-    showSearchIcon?: boolean;
-    theme?: Theme;
-    value?: string;
-    wrapperClassName?: string;
-    errorClassName?: string;
-    helperTextClassName?: string;
-    onBlur?: VoidFunction;
-    onChange?: OnChangeFn;
-    onSearchChange?: (searchTerm: string) => void;
-    noOptionsText?: string;
-} & ({
-    isInfiniteScrollEnabled: true;
-    onFetchMoreOptions: (params: {
-        page: number;
-        pageSize: number;
-        termOfSearch?: string;
-    }) => Promise<{
-        data: Option_3[];
-        hasMore: boolean;
-    }>;
-} | {
-    isInfiniteScrollEnabled?: false | undefined;
-    onFetchMoreOptions?: never;
-});
-
-declare const dropdownVariants: (props?: ({
-    hasError?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & ClassProp) | undefined) => string;
-
 export declare const Filter: FilterComponentProps;
 
 declare type FilterAction = {
@@ -311,6 +262,44 @@ declare const headVariants: (props?: ClassProp | undefined) => string;
 
 declare type HexColor = `#${string}`;
 
+export declare const ImageUpload: {
+    ({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: ImageUploadProps): JSX.Element;
+    displayName: string;
+};
+
+declare interface ImageUploadProps extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
+    className?: string;
+    error?: string;
+    fileName?: string;
+    fileSize?: string;
+    fileUrl?: string;
+    helperText?: string;
+    isRequired?: boolean;
+    label?: string | ReactNode;
+    labelClassName?: string;
+    name?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onRemove?: () => void;
+    status?: ImageUploadStatusType;
+    theme?: Theme;
+    uploadButtonText?: string;
+    accept?: string;
+    maxSize?: number;
+}
+
+declare enum ImageUploadStatus {
+    Default = "default",
+    Uploading = "uploading",
+    Complete = "complete",
+    Error = "error"
+}
+
+declare type ImageUploadStatusType = ImageUploadStatus;
+
+declare const imageUploadVariants: (props?: ({
+    status?: "error" | "default" | "uploading" | "complete" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
 
 declare interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
@@ -509,10 +498,6 @@ declare type OnChangeFn_2 = (params: {
 }) => void;
 
 declare type Option_2 = {
-    value: string;
-};
-
-declare type Option_3 = {
     label: string;
     subLabel?: string | ReactNode;
     leftIcon?: ReactNode | string;
@@ -524,6 +509,10 @@ declare type Option_3 = {
     value: string;
 };
 
+declare type Option_3 = {
+    value: string;
+};
+
 declare type Option_4 = {
     label: string | ReactNode;
     onClick?: VoidFunction;
@@ -815,6 +804,59 @@ declare const rowVariants: (props?: ({
     isSelected?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare const Select: FC<SelectProps>;
+export { Select as Dropdown }
+export { Select }
+
+declare type SelectProps = VariantProps<typeof selectVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
+    additionalOptions?: ReactNode[] | string[];
+    className?: string;
+    disabled?: boolean;
+    error?: string;
+    errorClassName?: string;
+    helperText?: string;
+    helperTextClassName?: string;
+    highlightSearch?: boolean;
+    iconClassName?: string;
+    inputClassName?: string;
+    isLoading?: boolean;
+    isRequired?: boolean;
+    label?: string;
+    labelClassName?: string;
+    listClassName?: string;
+    listItemClassName?: string;
+    listItemSecondRowClassName?: string;
+    mainWrapperClassName?: string;
+    noOptionsText?: string;
+    options: Option_2[];
+    searchable?: boolean;
+    showSearchIcon?: boolean;
+    theme?: Theme;
+    value?: string;
+    wrapperClassName?: string;
+    onBlur?: VoidFunction;
+    onChange?: OnChangeFn;
+    onSearchChange?: (searchTerm: string) => void;
+} & ({
+    isInfiniteScrollEnabled: true;
+    onFetchMoreOptions: (params: {
+        page: number;
+        pageSize: number;
+        termOfSearch?: string;
+    }) => Promise<{
+        data: Option_2[];
+        hasMore: boolean;
+    }>;
+} | {
+    isInfiniteScrollEnabled?: false | undefined;
+    onFetchMoreOptions?: never;
+});
+
+declare const selectVariants: (props?: ({
+    hasError?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Sidebar: FC<SidebarProps> & SidebarChildrenProps;
 
 declare type SidebarChildrenProps = {
@@ -865,8 +907,11 @@ declare interface SwitchProps extends VariantProps<typeof switchVariants> {
     alignment?: 'horizontal' | 'vertical';
     className?: string;
     defaultChecked?: boolean;
-    label?: string;
+    disabled?: boolean;
     helperText?: string;
+    helperTextClassName?: string;
+    label?: string;
+    labelClassName?: string;
     name?: string;
     theme?: Theme;
     thumbClassName?: string;
@@ -1024,13 +1069,14 @@ declare const triggerVariants: (props?: ({
 
 export declare const TruncateText: <TData>({ getValue, value }: Props_4<TData>) => JSX.Element;
 
-export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement | HTMLHeadingElement>>;
+export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement & HTMLHeadingElement & HTMLLabelElement>>;
 
 declare interface TypographyProps extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
     ref?: Ref<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>;
     children: ReactNode;
-    component?: HeadingTag | 'p' | 'span';
+    component?: HeadingTag | 'p' | 'span' | 'label';
     theme?: Theme;
+    htmlFor?: string;
 }
 
 declare const typographyVariants: (props?: ({