pixelize-design-library 2.2.192 → 3.0.1-beta.1

package/dist/components-v2/ui/textarea.js

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../lib/utils");
+const form_field_1 = require("./form-field");
+function syncHeight(element, minRows, maxRows) {
+    const computed = window.getComputedStyle(element);
+    const lineHeight = parseFloat(computed.lineHeight) || 20;
+    const paddingTop = parseFloat(computed.paddingTop) || 0;
+    const paddingBottom = parseFloat(computed.paddingBottom) || 0;
+    element.style.height = "auto";
+    const contentHeight = element.scrollHeight - paddingTop - paddingBottom;
+    const rows = Math.ceil(contentHeight / lineHeight);
+    const clamped = Math.max(minRows, maxRows ? Math.min(rows, maxRows) : rows);
+    element.style.height = `${clamped * lineHeight + paddingTop + paddingBottom}px`;
+    element.style.overflowY = maxRows && rows > maxRows ? "auto" : "hidden";
+}
+exports.Textarea = React.forwardRef((_a, ref) => {
+    var { className, autoResize = false, maxRows, minRows = 3, id: idProp, value, defaultValue, onChange, "aria-describedby": ariaDescribedByProp, "aria-invalid": ariaInvalidProp } = _a, rest = __rest(_a, ["className", "autoResize", "maxRows", "minRows", "id", "value", "defaultValue", "onChange", "aria-describedby", "aria-invalid"]);
+    const field = (0, form_field_1.useFormField)();
+    const id = idProp !== null && idProp !== void 0 ? idProp : (field.id || undefined);
+    const describedBy = ariaDescribedByProp !== null && ariaDescribedByProp !== void 0 ? ariaDescribedByProp : (0, form_field_1.buildAriaDescribedBy)(field);
+    const invalid = ariaInvalidProp !== undefined ? ariaInvalidProp : field.hasError || undefined;
+    const innerRef = React.useRef(null);
+    const setRefs = React.useCallback((node) => {
+        innerRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current =
+                node;
+        }
+    }, [ref]);
+    React.useLayoutEffect(() => {
+        if (!autoResize)
+            return;
+        const node = innerRef.current;
+        if (!node)
+            return;
+        syncHeight(node, minRows, maxRows);
+    }, [autoResize, minRows, maxRows, value, defaultValue]);
+    const handleChange = (event) => {
+        if (autoResize && innerRef.current) {
+            syncHeight(innerRef.current, minRows, maxRows);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    };
+    return (React.createElement("textarea", Object.assign({ ref: setRefs, id: id, rows: minRows, value: value, defaultValue: defaultValue, onChange: handleChange, "aria-describedby": describedBy, "aria-invalid": invalid, className: (0, utils_1.cn)("flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive", autoResize ? "resize-none" : "resize-y", className) }, rest)));
+});
+exports.Textarea.displayName = "Textarea";

package/dist/components-v2/ui/tooltip.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * TooltipProvider is mounted globally by ThemeProvider. Re-exported here for
+ * consumers who render outside ThemeProvider (e.g. portal roots, tests).
+ */
+export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const contentVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof contentVariants> {
+}
+export declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components-v2/ui/tooltip.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.TooltipProvider = void 0;
+const React = __importStar(require("react"));
+const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+/**
+ * TooltipProvider is mounted globally by ThemeProvider. Re-exported here for
+ * consumers who render outside ThemeProvider (e.g. portal roots, tests).
+ */
+exports.TooltipProvider = TooltipPrimitive.Provider;
+exports.Tooltip = TooltipPrimitive.Root;
+exports.TooltipTrigger = TooltipPrimitive.Trigger;
+const contentVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("z-50 overflow-hidden rounded-md bg-foreground px-3 py-1.5 text-background shadow-md", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2"), {
+    variants: {
+        size: {
+            sm: "px-2 py-1 text-xs",
+            md: "px-3 py-1.5 text-xs",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+exports.TooltipContent = React.forwardRef((_a, ref) => {
+    var { className, size, sideOffset = 4, side = "top" } = _a, rest = __rest(_a, ["className", "size", "sideOffset", "side"]);
+    return (React.createElement(TooltipPrimitive.Portal, null,
+        React.createElement(TooltipPrimitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, side: side, className: (0, utils_1.cn)(contentVariants({ size }), className) }, rest))));
+});
+exports.TooltipContent.displayName = TooltipPrimitive.Content.displayName;

package/dist/index.d.ts

@@ -1,64 +1,128 @@
-import Accordian from "./Components/Accordion/Accordion";
-import AlertDialog from "./Components/AlertDialog/AlertDialog";
-import ApexBarChart from "./Components/Apexcharts/ApexBarChart/ApexBarChart";
-import ApexPieChart from "./Components/Apexcharts/ApexPieChart/ApexPieChart";
-import ApexPolarChart from "./Components/Apexcharts/ApexPolarCharts/ApexPolarCharts";
-import Breadcrumbs from "./Components/Breadcrumbs/Breadcrumbs";
-import Button from "./Components/Button/Button";
-import ButtonGroupIcon from "./Components/ButtonGroupIcon/ButtonGroupIcon";
-import Card from "./Components/Card/Card";
-import Checkbox from "./Components/Checkbox/Checkbox";
-import ContactForm from "./Components/ContactForm/ContactForm";
-import Drawer, { DrawerHeader, DrawerBody, DrawerFooter } from "./Components/Drawer/Drawer";
-import Dropdown from "./Components/Dropdown/DropDown";
-import Editor from "./Components/Editor/Editor";
-import FileUpload from "./Components/FileUpload/FileUpload";
-import FileUploader from "./Components/FileUploader/FileUploader";
-import FormWrapper from "./Components/Form/FormWrapper";
-import Header from "./Components/Header/Header";
-import HeaderActions from "./Components/Header/HeaderActions";
-import InputTextArea from "./Components/InputTextArea/InputTextArea";
-import KanbanBoard from "./Components/KanbanBoard/KanbanBoard";
-import Loading from "./Components/Loading/Loading";
-import Modal, { ModalHeader, ModalBody, ModalFooter } from "./Components/Modal/Modal";
-import MultiSelect from "./Components/MultiSelect/MultiSelect";
-import NavigationBar from "./Components/NavigationBar/NavigationBar";
-import NoteTextArea from "./Components/NoteTextArea/NoteTextArea";
-import NumberInput from "./Components/NumberInput/NumberInput";
-import PinInput from "./Components/PinInput/PinInput";
-import ProfileCard, { ProfileCardHeader, ProfileCardBody, ProfileCardFooter } from "./Components/ProfileCard/ProfileCard";
-import ProfilePhotoViewer from "./Components/ProfilePhotoViewer/ProfilePhotoViewer";
-import ProgressBar from "./Components/ProgressBar/ProgressBar";
-import { RadioButton, RadioButtonGroup } from "./Components/RadioButton/RadioButton";
-import Reorder from "./Components/Reorder/Reorder";
-import Search from "./Components/Search/Search";
-import Select from "./Components/Select/Select";
-import SearchSelect from "./Components/SearchSelect/SearchSelect";
-import SelectSearch from "./Components/SelectSearch/SelectSearch";
-import SideBar from "./Components/SideBar/SideBar";
-import Slider from "./Components/Slider/Slider";
-import Skeletons from "./Components/Skeletons/Skeletons";
-import Switch from "./Components/Switch/Switch";
-import Table from "./Components/Table/Table";
-import Tag from "./Components/Tag/Tag";
-import TextInput from "./Components/Input/TextInput";
-import Timeline from "./Components/Timeline/Timeline";
-import Toaster, { useToaster } from "./Components/Toaster/Toaster";
-import ToolTip from "./Components/ToolTip/ToolTip";
-import VerifyEmailOtp from "./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp";
-import TableToggle from "./Components/Toggle/TableToggle";
-import withTheme from "./withTheme";
-import { useCustomTheme } from "./Theme/useCustomTheme";
-import { ThemesList } from "./Theme";
-import { debounce } from "./Utils/table";
-import ProductCard from "./Components/ProductCard/ProductCard";
-import ProductDetails from "./Components/ProductDetails/ProductDetails";
-import PhoneNumberInput from "./Components/Input/PhoneNumberInput";
-import { InputSwitch } from "./Components/Input/Switch/InputSwitch";
-import PaymentCard from "./Components/Card/PaymentCard/PaymentCard";
-import ApexLineChart from "./Components/Apexcharts/ApexLineChart/ApexLineChart";
-import Notification from "./Components/Notification/Notification";
-import DatePicker from "./Components/DatePicker/ThemeDatePicker";
-import FilterSidebar from "./Components/FilterSidebar/FilterSidebar";
-export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FileUploader, FilterSidebar, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
-export default withTheme;
+/**
+ * pixelize-design-library — public entry point.
+ *
+ * Consumers should import the CSS once at the root of their app:
+ *
+ *   import "pixelize-design-library/src/theme-v2/tokens.css";
+ *   import "pixelize-design-library/src/theme-v2/dark.css";
+ *   import "pixelize-design-library/src/theme-v2/presets/default.css"; // optional
+ *
+ * Then wrap the app in <ThemeProvider> (which also mounts TooltipProvider) and
+ * drop <Toaster /> inside it for notifications.
+ */
+export { ThemeProvider, useTheme } from "./theme-v2/ThemeProvider";
+export type { ThemeName, ThemeMode, ResolvedMode, ThemeContextValue, ThemeProviderProps, } from "./theme-v2/ThemeProvider";
+export { cn } from "./lib/utils";
+export { FormField, useFormField, buildAriaDescribedBy, } from "./components-v2/ui/form-field";
+export type { FormFieldProps, FormFieldContextValue, } from "./components-v2/ui/form-field";
+export { Field } from "./components-v2/ui/field";
+export type { FieldProps } from "./components-v2/ui/field";
+export { Button, buttonVariants } from "./components-v2/ui/button";
+export type { ButtonProps } from "./components-v2/ui/button";
+export { Input, inputVariants } from "./components-v2/ui/input";
+export type { InputProps } from "./components-v2/ui/input";
+export { Textarea } from "./components-v2/ui/textarea";
+export type { TextareaProps } from "./components-v2/ui/textarea";
+export { Label } from "./components-v2/ui/label";
+export type { LabelProps } from "./components-v2/ui/label";
+export { Checkbox, checkboxVariants } from "./components-v2/ui/checkbox";
+export type { CheckboxProps } from "./components-v2/ui/checkbox";
+export { RadioGroup, RadioGroupItem } from "./components-v2/ui/radio-group";
+export type { RadioGroupProps, RadioGroupItemProps, RadioGroupVariant, } from "./components-v2/ui/radio-group";
+export { Switch } from "./components-v2/ui/switch";
+export type { SwitchProps } from "./components-v2/ui/switch";
+export { Select as SelectRoot, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components-v2/ui/select";
+export type { SelectTriggerProps } from "./components-v2/ui/select";
+export { Badge, badgeVariants } from "./components-v2/ui/badge";
+export type { BadgeProps } from "./components-v2/ui/badge";
+export { Separator } from "./components-v2/ui/separator";
+export type { SeparatorProps } from "./components-v2/ui/separator";
+export { Skeleton, skeletonVariants } from "./components-v2/ui/skeleton";
+export type { SkeletonProps } from "./components-v2/ui/skeleton";
+export { Progress } from "./components-v2/ui/progress";
+export type { ProgressProps } from "./components-v2/ui/progress";
+export { Avatar, AvatarFallback, AvatarImage } from "./components-v2/ui/avatar";
+export type { AvatarProps } from "./components-v2/ui/avatar";
+export { Alert, AlertDescription, AlertTitle, alertVariants, } from "./components-v2/ui/alert";
+export type { AlertProps } from "./components-v2/ui/alert";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components-v2/ui/tabs";
+export type { TabsListProps } from "./components-v2/ui/tabs";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "./components-v2/ui/accordion";
+export type { AccordionProps } from "./components-v2/ui/accordion";
+export { Spinner } from "./components-v2/ui/spinner";
+export type { SpinnerProps, SpinnerSize } from "./components-v2/ui/spinner";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components-v2/ui/tooltip";
+export type { TooltipContentProps } from "./components-v2/ui/tooltip";
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, } from "./components-v2/ui/popover";
+export type { PopoverContentProps } from "./components-v2/ui/popover";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components-v2/ui/dropdown-menu";
+export { TextInput } from "./components-v2/Input/TextInput";
+export type { TextInputProps, TextInputSize, TextInputType, TextInputVariant, } from "./components-v2/Input/TextInput";
+export { NumberInput } from "./components-v2/NumberInput/NumberInput";
+export type { NumberInputProps, NumberInputSize, } from "./components-v2/NumberInput/NumberInput";
+export { Select } from "./components-v2/Select/Select";
+export type { SelectProps, SelectOption, SelectSize, } from "./components-v2/Select/Select";
+export { DatePicker, formatDate as formatDatePickerDate, isDateDisabled, } from "./components-v2/DatePicker/DatePicker";
+export type { DatePickerProps, DatePickerSize, DatePickerType, DateRange, DateConstraints, DayOfWeek, } from "./components-v2/DatePicker/DatePicker";
+export { PinInput } from "./components-v2/PinInput/PinInput";
+export type { PinInputProps, PinInputSize, PinInputType, } from "./components-v2/PinInput/PinInput";
+export { Slider } from "./components-v2/Slider/Slider";
+export type { SliderProps, SliderMark } from "./components-v2/Slider/Slider";
+export { FileUploader } from "./components-v2/FileUploader/FileUploader";
+export type { FileUploaderProps, FileUploaderFile, } from "./components-v2/FileUploader/FileUploader";
+export { ContactForm } from "./components-v2/ContactForm/ContactForm";
+export type { ContactFormProps, ContactFormValues, } from "./components-v2/ContactForm/ContactForm";
+export { FeedbackForm } from "./components-v2/FeedbackForm/FeedbackForm";
+export type { FeedbackFormProps, FeedbackFormValues, FeedbackFormLabels, } from "./components-v2/FeedbackForm/FeedbackForm";
+export { Table } from "./components-v2/Table/Table";
+export type { ActiveFilter, BulkAction, ColumnDef, ColumnType, Density, ExportOption, FilterOperator, FilterSidebarConfig, PersistedTableState, RowKey, SortDirection, SortState, TablePreferences, TableProps, } from "./components-v2/Table/TableProps";
+export { ROW_HEIGHT } from "./components-v2/Table/TableProps";
+export { FILTER_OPERATORS_BY_TYPE, OPERATOR_LABELS, defaultOperatorFor, filterData, operatorNeedsValue, searchData, } from "./components-v2/Table/utils/filterUtils";
+export { getRowValue, nextSortDirection, resolveRowKey, sortData, } from "./components-v2/Table/utils/sortUtils";
+export { AppLayout } from "./components-v2/Layout/AppLayout";
+export type { AppLayoutProps } from "./components-v2/Layout/AppLayout";
+export { Sidebar } from "./components-v2/Sidebar/Sidebar";
+export type { SidebarProps, SidebarMenuItem, SidebarOtherApp, } from "./components-v2/Sidebar/Sidebar";
+export { NavigationBar } from "./components-v2/NavigationBar/NavigationBar";
+export type { NavigationBarProps, NavigationUser, UserMenuItem, GlobalSearchConfig, } from "./components-v2/NavigationBar/NavigationBar";
+export { Breadcrumbs } from "./components-v2/Breadcrumbs/Breadcrumbs";
+export type { BreadcrumbsProps, BreadcrumbItem, } from "./components-v2/Breadcrumbs/Breadcrumbs";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components-v2/ui/dialog";
+export type { DialogContentProps } from "./components-v2/ui/dialog";
+/**
+ * @deprecated Use `Dialog` directly. `Modal` is a thin compatibility shim.
+ */
+export { Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, ModalTitle, } from "./components-v2/Modal/Modal";
+export type { ModalProps } from "./components-v2/Modal/Modal";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./components-v2/Drawer/Drawer";
+export type { DrawerContentProps } from "./components-v2/Drawer/Drawer";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components-v2/AlertDialog/AlertDialog";
+export type { AlertDialogActionProps } from "./components-v2/AlertDialog/AlertDialog";
+export { Toaster, toast } from "./components-v2/Toaster/Toaster";
+export type { ToasterProps, ToasterPosition, } from "./components-v2/Toaster/Toaster";
+export { Tag, tagVariants } from "./components-v2/Tag/Tag";
+export type { TagProps } from "./components-v2/Tag/Tag";
+export { Timeline } from "./components-v2/Timeline/Timeline";
+export type { TimelineProps, TimelineItem, TimelineVariant, TimelineItemState, } from "./components-v2/Timeline/Timeline";
+export { Notification } from "./components-v2/Notification/Notification";
+export type { NotificationProps, NotificationType, } from "./components-v2/Notification/Notification";
+export { ProfilePhotoViewer } from "./components-v2/ProfilePhotoViewer/ProfilePhotoViewer";
+export type { ProfilePhotoViewerProps, ProfilePhotoSize, } from "./components-v2/ProfilePhotoViewer/ProfilePhotoViewer";
+export { KanbanBoard } from "./components-v2/KanbanBoard/KanbanBoard";
+export type { KanbanBoardProps, KanbanColumn, KanbanCard, KanbanAssignee, KanbanPriority, } from "./components-v2/KanbanBoard/KanbanBoard";
+export { useChartTheme } from "./components-v2/Charts/useChartTheme";
+export type { ChartTheme } from "./components-v2/Charts/useChartTheme";
+export { BarChart } from "./components-v2/Charts/BarChart";
+export type { BarChartProps, BarSeries, BarSeriesPoint, } from "./components-v2/Charts/BarChart";
+export { LineChart } from "./components-v2/Charts/LineChart";
+export type { LineChartProps, LineSeries, LinePoint, } from "./components-v2/Charts/LineChart";
+export { AreaChart } from "./components-v2/Charts/AreaChart";
+export type { AreaChartProps, AreaSeries, AreaPoint, } from "./components-v2/Charts/AreaChart";
+export { PieChart } from "./components-v2/Charts/PieChart";
+export type { PieChartProps } from "./components-v2/Charts/PieChart";
+export { PolarChart } from "./components-v2/Charts/PolarChart";
+export type { PolarChartProps } from "./components-v2/Charts/PolarChart";
+export { Loading } from "./components-v2/Loading/Loading";
+export type { LoadingProps, LoadingVariant, } from "./components-v2/Loading/Loading";
+export { Toggle, TableToggle, toggleVariants } from "./components-v2/Toggle/Toggle";
+export type { ToggleProps, TableToggleProps, } from "./components-v2/Toggle/Toggle";