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

package/dist/index.js

@@ -1,177 +1,250 @@
 "use strict";
-// import "./bootstrap";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+/**
+ * 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.
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
-exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = void 0;
-var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
-exports.Accordian = Accordion_1.default;
-var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
-exports.AlertDialog = AlertDialog_1.default;
-var ApexBarChart_1 = __importDefault(require("./Components/Apexcharts/ApexBarChart/ApexBarChart"));
-exports.ApexBarChart = ApexBarChart_1.default;
-var ApexPieChart_1 = __importDefault(require("./Components/Apexcharts/ApexPieChart/ApexPieChart"));
-exports.ApexPieChart = ApexPieChart_1.default;
-var ApexPolarCharts_1 = __importDefault(require("./Components/Apexcharts/ApexPolarCharts/ApexPolarCharts"));
-exports.ApexPolarChart = ApexPolarCharts_1.default;
-var Breadcrumbs_1 = __importDefault(require("./Components/Breadcrumbs/Breadcrumbs"));
-exports.Breadcrumbs = Breadcrumbs_1.default;
-var Button_1 = __importDefault(require("./Components/Button/Button"));
-exports.Button = Button_1.default;
-var ButtonGroupIcon_1 = __importDefault(require("./Components/ButtonGroupIcon/ButtonGroupIcon"));
-exports.ButtonGroupIcon = ButtonGroupIcon_1.default;
-var Card_1 = __importDefault(require("./Components/Card/Card"));
-exports.Card = Card_1.default;
-var Checkbox_1 = __importDefault(require("./Components/Checkbox/Checkbox"));
-exports.Checkbox = Checkbox_1.default;
-var ContactForm_1 = __importDefault(require("./Components/ContactForm/ContactForm"));
-exports.ContactForm = ContactForm_1.default;
-// import DatePicker from "./Components/DatePicker/DatePicker";
-var Drawer_1 = __importStar(require("./Components/Drawer/Drawer"));
-exports.Drawer = Drawer_1.default;
-Object.defineProperty(exports, "DrawerHeader", { enumerable: true, get: function () { return Drawer_1.DrawerHeader; } });
-Object.defineProperty(exports, "DrawerBody", { enumerable: true, get: function () { return Drawer_1.DrawerBody; } });
-Object.defineProperty(exports, "DrawerFooter", { enumerable: true, get: function () { return Drawer_1.DrawerFooter; } });
-var DropDown_1 = __importDefault(require("./Components/Dropdown/DropDown"));
-exports.Dropdown = DropDown_1.default;
-var Editor_1 = __importDefault(require("./Components/Editor/Editor"));
-exports.Editor = Editor_1.default;
-var FileUpload_1 = __importDefault(require("./Components/FileUpload/FileUpload"));
-exports.FileUpload = FileUpload_1.default;
-var FileUploader_1 = __importDefault(require("./Components/FileUploader/FileUploader"));
-exports.FileUploader = FileUploader_1.default;
-var FormWrapper_1 = __importDefault(require("./Components/Form/FormWrapper"));
-exports.FormWrapper = FormWrapper_1.default;
-var Header_1 = __importDefault(require("./Components/Header/Header"));
-exports.Header = Header_1.default;
-var HeaderActions_1 = __importDefault(require("./Components/Header/HeaderActions"));
-exports.HeaderActions = HeaderActions_1.default;
-var InputTextArea_1 = __importDefault(require("./Components/InputTextArea/InputTextArea"));
-exports.InputTextArea = InputTextArea_1.default;
-var KanbanBoard_1 = __importDefault(require("./Components/KanbanBoard/KanbanBoard"));
-exports.KanbanBoard = KanbanBoard_1.default;
-var Loading_1 = __importDefault(require("./Components/Loading/Loading"));
-exports.Loading = Loading_1.default;
-var Modal_1 = __importStar(require("./Components/Modal/Modal"));
-exports.Modal = Modal_1.default;
-Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return Modal_1.ModalHeader; } });
+exports.Spinner = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionContent = exports.Accordion = exports.TabsTrigger = exports.TabsList = exports.TabsContent = exports.Tabs = exports.alertVariants = exports.AlertTitle = exports.AlertDescription = exports.Alert = exports.AvatarImage = exports.AvatarFallback = exports.Avatar = exports.Progress = exports.skeletonVariants = exports.Skeleton = exports.Separator = exports.badgeVariants = exports.Badge = exports.SelectValue = exports.SelectTrigger = exports.SelectSeparator = exports.SelectScrollUpButton = exports.SelectScrollDownButton = exports.SelectLabel = exports.SelectItem = exports.SelectGroup = exports.SelectContent = exports.SelectRoot = exports.Switch = exports.RadioGroupItem = exports.RadioGroup = exports.checkboxVariants = exports.Checkbox = exports.Label = exports.Textarea = exports.inputVariants = exports.Input = exports.buttonVariants = exports.Button = exports.Field = exports.buildAriaDescribedBy = exports.useFormField = exports.FormField = exports.cn = exports.useTheme = exports.ThemeProvider = void 0;
+exports.NavigationBar = exports.Sidebar = exports.AppLayout = exports.sortData = exports.resolveRowKey = exports.nextSortDirection = exports.getRowValue = exports.searchData = exports.operatorNeedsValue = exports.filterData = exports.defaultOperatorFor = exports.OPERATOR_LABELS = exports.FILTER_OPERATORS_BY_TYPE = exports.ROW_HEIGHT = exports.Table = exports.FeedbackForm = exports.ContactForm = exports.FileUploader = exports.Slider = exports.PinInput = exports.isDateDisabled = exports.formatDatePickerDate = exports.DatePicker = exports.Select = exports.NumberInput = exports.TextInput = exports.DropdownMenuTrigger = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuPortal = exports.DropdownMenuLabel = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuContent = exports.DropdownMenuCheckboxItem = exports.DropdownMenu = exports.PopoverTrigger = exports.PopoverContent = exports.PopoverClose = exports.PopoverAnchor = exports.Popover = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = void 0;
+exports.LineChart = exports.BarChart = exports.useChartTheme = exports.KanbanBoard = exports.ProfilePhotoViewer = exports.Notification = exports.Timeline = exports.tagVariants = exports.Tag = exports.toast = exports.Toaster = exports.AlertDialogTrigger = exports.AlertDialogTitle = exports.AlertDialogPortal = exports.AlertDialogOverlay = exports.AlertDialogHeader = exports.AlertDialogFooter = exports.AlertDialogDescription = exports.AlertDialogContent = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialog = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.ModalTitle = exports.ModalHeader = exports.ModalFooter = exports.ModalDescription = exports.ModalClose = exports.ModalBody = exports.Modal = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.Breadcrumbs = void 0;
+exports.toggleVariants = exports.TableToggle = exports.Toggle = exports.Loading = exports.PolarChart = exports.PieChart = exports.AreaChart = void 0;
+/* ═══════════════════ Theme ═══════════════════ */
+var ThemeProvider_1 = require("./theme-v2/ThemeProvider");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeProvider_1.useTheme; } });
+/* ═══════════════════ Utilities ═══════════════════ */
+var utils_1 = require("./lib/utils");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
+/* ═══════════════════ Form context ═══════════════════ */
+var form_field_1 = require("./components-v2/ui/form-field");
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return form_field_1.FormField; } });
+Object.defineProperty(exports, "useFormField", { enumerable: true, get: function () { return form_field_1.useFormField; } });
+Object.defineProperty(exports, "buildAriaDescribedBy", { enumerable: true, get: function () { return form_field_1.buildAriaDescribedBy; } });
+var field_1 = require("./components-v2/ui/field");
+Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return field_1.Field; } });
+/* ═══════════════════ Primitives (ui/) ═══════════════════ */
+var button_1 = require("./components-v2/ui/button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return button_1.buttonVariants; } });
+var input_1 = require("./components-v2/ui/input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
+Object.defineProperty(exports, "inputVariants", { enumerable: true, get: function () { return input_1.inputVariants; } });
+var textarea_1 = require("./components-v2/ui/textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
+var label_1 = require("./components-v2/ui/label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return label_1.Label; } });
+var checkbox_1 = require("./components-v2/ui/checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
+Object.defineProperty(exports, "checkboxVariants", { enumerable: true, get: function () { return checkbox_1.checkboxVariants; } });
+var radio_group_1 = require("./components-v2/ui/radio-group");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });
+Object.defineProperty(exports, "RadioGroupItem", { enumerable: true, get: function () { return radio_group_1.RadioGroupItem; } });
+var switch_1 = require("./components-v2/ui/switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
+/* Headless Select pieces. The high-level `Select` is exported below under
+ * "Form components". */
+var select_1 = require("./components-v2/ui/select");
+Object.defineProperty(exports, "SelectRoot", { enumerable: true, get: function () { return select_1.Select; } });
+Object.defineProperty(exports, "SelectContent", { enumerable: true, get: function () { return select_1.SelectContent; } });
+Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return select_1.SelectGroup; } });
+Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function () { return select_1.SelectItem; } });
+Object.defineProperty(exports, "SelectLabel", { enumerable: true, get: function () { return select_1.SelectLabel; } });
+Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return select_1.SelectScrollDownButton; } });
+Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return select_1.SelectScrollUpButton; } });
+Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return select_1.SelectSeparator; } });
+Object.defineProperty(exports, "SelectTrigger", { enumerable: true, get: function () { return select_1.SelectTrigger; } });
+Object.defineProperty(exports, "SelectValue", { enumerable: true, get: function () { return select_1.SelectValue; } });
+var badge_1 = require("./components-v2/ui/badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return badge_1.badgeVariants; } });
+var separator_1 = require("./components-v2/ui/separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return separator_1.Separator; } });
+var skeleton_1 = require("./components-v2/ui/skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
+Object.defineProperty(exports, "skeletonVariants", { enumerable: true, get: function () { return skeleton_1.skeletonVariants; } });
+var progress_1 = require("./components-v2/ui/progress");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return progress_1.Progress; } });
+var avatar_1 = require("./components-v2/ui/avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return avatar_1.AvatarFallback; } });
+Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return avatar_1.AvatarImage; } });
+var alert_1 = require("./components-v2/ui/alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+Object.defineProperty(exports, "AlertDescription", { enumerable: true, get: function () { return alert_1.AlertDescription; } });
+Object.defineProperty(exports, "AlertTitle", { enumerable: true, get: function () { return alert_1.AlertTitle; } });
+Object.defineProperty(exports, "alertVariants", { enumerable: true, get: function () { return alert_1.alertVariants; } });
+var tabs_1 = require("./components-v2/ui/tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return tabs_1.TabsContent; } });
+Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return tabs_1.TabsList; } });
+Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return tabs_1.TabsTrigger; } });
+var accordion_1 = require("./components-v2/ui/accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
+Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return accordion_1.AccordionContent; } });
+Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return accordion_1.AccordionItem; } });
+Object.defineProperty(exports, "AccordionTrigger", { enumerable: true, get: function () { return accordion_1.AccordionTrigger; } });
+var spinner_1 = require("./components-v2/ui/spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return spinner_1.Spinner; } });
+var tooltip_1 = require("./components-v2/ui/tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return tooltip_1.TooltipContent; } });
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return tooltip_1.TooltipProvider; } });
+Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return tooltip_1.TooltipTrigger; } });
+var popover_1 = require("./components-v2/ui/popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return popover_1.Popover; } });
+Object.defineProperty(exports, "PopoverAnchor", { enumerable: true, get: function () { return popover_1.PopoverAnchor; } });
+Object.defineProperty(exports, "PopoverClose", { enumerable: true, get: function () { return popover_1.PopoverClose; } });
+Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return popover_1.PopoverContent; } });
+Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return popover_1.PopoverTrigger; } });
+var dropdown_menu_1 = require("./components-v2/ui/dropdown-menu");
+Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenu; } });
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuCheckboxItem; } });
+Object.defineProperty(exports, "DropdownMenuContent", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuContent; } });
+Object.defineProperty(exports, "DropdownMenuGroup", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuGroup; } });
+Object.defineProperty(exports, "DropdownMenuItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuItem; } });
+Object.defineProperty(exports, "DropdownMenuLabel", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuLabel; } });
+Object.defineProperty(exports, "DropdownMenuPortal", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuPortal; } });
+Object.defineProperty(exports, "DropdownMenuRadioGroup", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuRadioGroup; } });
+Object.defineProperty(exports, "DropdownMenuRadioItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuRadioItem; } });
+Object.defineProperty(exports, "DropdownMenuSeparator", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSeparator; } });
+Object.defineProperty(exports, "DropdownMenuShortcut", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuShortcut; } });
+Object.defineProperty(exports, "DropdownMenuSub", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSub; } });
+Object.defineProperty(exports, "DropdownMenuSubContent", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSubContent; } });
+Object.defineProperty(exports, "DropdownMenuSubTrigger", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSubTrigger; } });
+Object.defineProperty(exports, "DropdownMenuTrigger", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuTrigger; } });
+/* ═══════════════════ Form components ═══════════════════ */
+var TextInput_1 = require("./components-v2/Input/TextInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return TextInput_1.TextInput; } });
+var NumberInput_1 = require("./components-v2/NumberInput/NumberInput");
+Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return NumberInput_1.NumberInput; } });
+var Select_1 = require("./components-v2/Select/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+var DatePicker_1 = require("./components-v2/DatePicker/DatePicker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+Object.defineProperty(exports, "formatDatePickerDate", { enumerable: true, get: function () { return DatePicker_1.formatDate; } });
+Object.defineProperty(exports, "isDateDisabled", { enumerable: true, get: function () { return DatePicker_1.isDateDisabled; } });
+var PinInput_1 = require("./components-v2/PinInput/PinInput");
+Object.defineProperty(exports, "PinInput", { enumerable: true, get: function () { return PinInput_1.PinInput; } });
+var Slider_1 = require("./components-v2/Slider/Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
+var FileUploader_1 = require("./components-v2/FileUploader/FileUploader");
+Object.defineProperty(exports, "FileUploader", { enumerable: true, get: function () { return FileUploader_1.FileUploader; } });
+var ContactForm_1 = require("./components-v2/ContactForm/ContactForm");
+Object.defineProperty(exports, "ContactForm", { enumerable: true, get: function () { return ContactForm_1.ContactForm; } });
+var FeedbackForm_1 = require("./components-v2/FeedbackForm/FeedbackForm");
+Object.defineProperty(exports, "FeedbackForm", { enumerable: true, get: function () { return FeedbackForm_1.FeedbackForm; } });
+/* ═══════════════════ Table ═══════════════════ */
+var Table_1 = require("./components-v2/Table/Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
+var TableProps_1 = require("./components-v2/Table/TableProps");
+Object.defineProperty(exports, "ROW_HEIGHT", { enumerable: true, get: function () { return TableProps_1.ROW_HEIGHT; } });
+var filterUtils_1 = require("./components-v2/Table/utils/filterUtils");
+Object.defineProperty(exports, "FILTER_OPERATORS_BY_TYPE", { enumerable: true, get: function () { return filterUtils_1.FILTER_OPERATORS_BY_TYPE; } });
+Object.defineProperty(exports, "OPERATOR_LABELS", { enumerable: true, get: function () { return filterUtils_1.OPERATOR_LABELS; } });
+Object.defineProperty(exports, "defaultOperatorFor", { enumerable: true, get: function () { return filterUtils_1.defaultOperatorFor; } });
+Object.defineProperty(exports, "filterData", { enumerable: true, get: function () { return filterUtils_1.filterData; } });
+Object.defineProperty(exports, "operatorNeedsValue", { enumerable: true, get: function () { return filterUtils_1.operatorNeedsValue; } });
+Object.defineProperty(exports, "searchData", { enumerable: true, get: function () { return filterUtils_1.searchData; } });
+var sortUtils_1 = require("./components-v2/Table/utils/sortUtils");
+Object.defineProperty(exports, "getRowValue", { enumerable: true, get: function () { return sortUtils_1.getRowValue; } });
+Object.defineProperty(exports, "nextSortDirection", { enumerable: true, get: function () { return sortUtils_1.nextSortDirection; } });
+Object.defineProperty(exports, "resolveRowKey", { enumerable: true, get: function () { return sortUtils_1.resolveRowKey; } });
+Object.defineProperty(exports, "sortData", { enumerable: true, get: function () { return sortUtils_1.sortData; } });
+/* ═══════════════════ Layout ═══════════════════ */
+var AppLayout_1 = require("./components-v2/Layout/AppLayout");
+Object.defineProperty(exports, "AppLayout", { enumerable: true, get: function () { return AppLayout_1.AppLayout; } });
+var Sidebar_1 = require("./components-v2/Sidebar/Sidebar");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.Sidebar; } });
+var NavigationBar_1 = require("./components-v2/NavigationBar/NavigationBar");
+Object.defineProperty(exports, "NavigationBar", { enumerable: true, get: function () { return NavigationBar_1.NavigationBar; } });
+var Breadcrumbs_1 = require("./components-v2/Breadcrumbs/Breadcrumbs");
+Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return Breadcrumbs_1.Breadcrumbs; } });
+/* ═══════════════════ Overlay ═══════════════════ */
+var dialog_1 = require("./components-v2/ui/dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
+Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return dialog_1.DialogClose; } });
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return dialog_1.DialogContent; } });
+Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return dialog_1.DialogDescription; } });
+Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return dialog_1.DialogFooter; } });
+Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return dialog_1.DialogHeader; } });
+Object.defineProperty(exports, "DialogOverlay", { enumerable: true, get: function () { return dialog_1.DialogOverlay; } });
+Object.defineProperty(exports, "DialogPortal", { enumerable: true, get: function () { return dialog_1.DialogPortal; } });
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return dialog_1.DialogTitle; } });
+Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return dialog_1.DialogTrigger; } });
+/**
+ * @deprecated Use `Dialog` directly. `Modal` is a thin compatibility shim.
+ */
+var Modal_1 = require("./components-v2/Modal/Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
 Object.defineProperty(exports, "ModalBody", { enumerable: true, get: function () { return Modal_1.ModalBody; } });
+Object.defineProperty(exports, "ModalClose", { enumerable: true, get: function () { return Modal_1.ModalClose; } });
+Object.defineProperty(exports, "ModalDescription", { enumerable: true, get: function () { return Modal_1.ModalDescription; } });
 Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return Modal_1.ModalFooter; } });
-var MultiSelect_1 = __importDefault(require("./Components/MultiSelect/MultiSelect"));
-exports.MultiSelect = MultiSelect_1.default;
-var NavigationBar_1 = __importDefault(require("./Components/NavigationBar/NavigationBar"));
-exports.NavigationBar = NavigationBar_1.default;
-var NoteTextArea_1 = __importDefault(require("./Components/NoteTextArea/NoteTextArea"));
-exports.NoteTextArea = NoteTextArea_1.default;
-var NumberInput_1 = __importDefault(require("./Components/NumberInput/NumberInput"));
-exports.NumberInput = NumberInput_1.default;
-var PinInput_1 = __importDefault(require("./Components/PinInput/PinInput"));
-exports.PinInput = PinInput_1.default;
-var ProfileCard_1 = __importStar(require("./Components/ProfileCard/ProfileCard"));
-exports.ProfileCard = ProfileCard_1.default;
-Object.defineProperty(exports, "ProfileCardHeader", { enumerable: true, get: function () { return ProfileCard_1.ProfileCardHeader; } });
-Object.defineProperty(exports, "ProfileCardBody", { enumerable: true, get: function () { return ProfileCard_1.ProfileCardBody; } });
-Object.defineProperty(exports, "ProfileCardFooter", { enumerable: true, get: function () { return ProfileCard_1.ProfileCardFooter; } });
-var ProfilePhotoViewer_1 = __importDefault(require("./Components/ProfilePhotoViewer/ProfilePhotoViewer"));
-exports.ProfilePhotoViewer = ProfilePhotoViewer_1.default;
-var ProgressBar_1 = __importDefault(require("./Components/ProgressBar/ProgressBar"));
-exports.ProgressBar = ProgressBar_1.default;
-var RadioButton_1 = require("./Components/RadioButton/RadioButton");
-Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return RadioButton_1.RadioButton; } });
-Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return RadioButton_1.RadioButtonGroup; } });
-var Reorder_1 = __importDefault(require("./Components/Reorder/Reorder"));
-exports.Reorder = Reorder_1.default;
-var Search_1 = __importDefault(require("./Components/Search/Search"));
-exports.Search = Search_1.default;
-var Select_1 = __importDefault(require("./Components/Select/Select"));
-exports.Select = Select_1.default;
-var SearchSelect_1 = __importDefault(require("./Components/SearchSelect/SearchSelect"));
-exports.SearchSelect = SearchSelect_1.default;
-var SelectSearch_1 = __importDefault(require("./Components/SelectSearch/SelectSearch"));
-exports.SelectSearch = SelectSearch_1.default;
-var SideBar_1 = __importDefault(require("./Components/SideBar/SideBar"));
-exports.SideBar = SideBar_1.default;
-var Slider_1 = __importDefault(require("./Components/Slider/Slider"));
-exports.Slider = Slider_1.default;
-var Skeletons_1 = __importDefault(require("./Components/Skeletons/Skeletons"));
-exports.Skeletons = Skeletons_1.default;
-var Switch_1 = __importDefault(require("./Components/Switch/Switch"));
-exports.Switch = Switch_1.default;
-var Table_1 = __importDefault(require("./Components/Table/Table"));
-exports.Table = Table_1.default;
-var Tag_1 = __importDefault(require("./Components/Tag/Tag"));
-exports.Tag = Tag_1.default;
-var TextInput_1 = __importDefault(require("./Components/Input/TextInput"));
-exports.TextInput = TextInput_1.default;
-var Timeline_1 = __importDefault(require("./Components/Timeline/Timeline"));
-exports.Timeline = Timeline_1.default;
-var Toaster_1 = __importStar(require("./Components/Toaster/Toaster"));
-exports.Toaster = Toaster_1.default;
-Object.defineProperty(exports, "useToaster", { enumerable: true, get: function () { return Toaster_1.useToaster; } });
-var ToolTip_1 = __importDefault(require("./Components/ToolTip/ToolTip"));
-exports.ToolTip = ToolTip_1.default;
-var VerifyEmailOtp_1 = __importDefault(require("./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp"));
-exports.VerifyEmailOtp = VerifyEmailOtp_1.default;
-var TableToggle_1 = __importDefault(require("./Components/Toggle/TableToggle"));
-exports.TableToggle = TableToggle_1.default;
-var withTheme_1 = __importDefault(require("./withTheme"));
-var useCustomTheme_1 = require("./Theme/useCustomTheme");
-Object.defineProperty(exports, "useCustomTheme", { enumerable: true, get: function () { return useCustomTheme_1.useCustomTheme; } });
-var Theme_1 = require("./Theme");
-Object.defineProperty(exports, "ThemesList", { enumerable: true, get: function () { return Theme_1.ThemesList; } });
-var table_1 = require("./Utils/table");
-Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return table_1.debounce; } });
-var ProductCard_1 = __importDefault(require("./Components/ProductCard/ProductCard"));
-exports.ProductCard = ProductCard_1.default;
-var ProductDetails_1 = __importDefault(require("./Components/ProductDetails/ProductDetails"));
-exports.ProductDetails = ProductDetails_1.default;
-var PhoneNumberInput_1 = __importDefault(require("./Components/Input/PhoneNumberInput"));
-exports.PhoneNumberInput = PhoneNumberInput_1.default;
-var InputSwitch_1 = require("./Components/Input/Switch/InputSwitch");
-Object.defineProperty(exports, "InputSwitch", { enumerable: true, get: function () { return InputSwitch_1.InputSwitch; } });
-var PaymentCard_1 = __importDefault(require("./Components/Card/PaymentCard/PaymentCard"));
-exports.PaymentCard = PaymentCard_1.default;
-var ApexLineChart_1 = __importDefault(require("./Components/Apexcharts/ApexLineChart/ApexLineChart"));
-exports.ApexLineChart = ApexLineChart_1.default;
-var Notification_1 = __importDefault(require("./Components/Notification/Notification"));
-exports.Notification = Notification_1.default;
-var ThemeDatePicker_1 = __importDefault(require("./Components/DatePicker/ThemeDatePicker"));
-exports.DatePicker = ThemeDatePicker_1.default;
-var FilterSidebar_1 = __importDefault(require("./Components/FilterSidebar/FilterSidebar"));
-exports.FilterSidebar = FilterSidebar_1.default;
-exports.default = withTheme_1.default;
+Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return Modal_1.ModalHeader; } });
+Object.defineProperty(exports, "ModalTitle", { enumerable: true, get: function () { return Modal_1.ModalTitle; } });
+var Drawer_1 = require("./components-v2/Drawer/Drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
+Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return Drawer_1.DrawerClose; } });
+Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return Drawer_1.DrawerContent; } });
+Object.defineProperty(exports, "DrawerDescription", { enumerable: true, get: function () { return Drawer_1.DrawerDescription; } });
+Object.defineProperty(exports, "DrawerFooter", { enumerable: true, get: function () { return Drawer_1.DrawerFooter; } });
+Object.defineProperty(exports, "DrawerHeader", { enumerable: true, get: function () { return Drawer_1.DrawerHeader; } });
+Object.defineProperty(exports, "DrawerOverlay", { enumerable: true, get: function () { return Drawer_1.DrawerOverlay; } });
+Object.defineProperty(exports, "DrawerPortal", { enumerable: true, get: function () { return Drawer_1.DrawerPortal; } });
+Object.defineProperty(exports, "DrawerTitle", { enumerable: true, get: function () { return Drawer_1.DrawerTitle; } });
+Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return Drawer_1.DrawerTrigger; } });
+var AlertDialog_1 = require("./components-v2/AlertDialog/AlertDialog");
+Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
+Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
+Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
+Object.defineProperty(exports, "AlertDialogContent", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogContent; } });
+Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
+Object.defineProperty(exports, "AlertDialogFooter", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogFooter; } });
+Object.defineProperty(exports, "AlertDialogHeader", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogHeader; } });
+Object.defineProperty(exports, "AlertDialogOverlay", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogOverlay; } });
+Object.defineProperty(exports, "AlertDialogPortal", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogPortal; } });
+Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTitle; } });
+Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTrigger; } });
+var Toaster_1 = require("./components-v2/Toaster/Toaster");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toaster_1.Toaster; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return Toaster_1.toast; } });
+/* ═══════════════════ Data display ═══════════════════ */
+var Tag_1 = require("./components-v2/Tag/Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+Object.defineProperty(exports, "tagVariants", { enumerable: true, get: function () { return Tag_1.tagVariants; } });
+var Timeline_1 = require("./components-v2/Timeline/Timeline");
+Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return Timeline_1.Timeline; } });
+var Notification_1 = require("./components-v2/Notification/Notification");
+Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return Notification_1.Notification; } });
+var ProfilePhotoViewer_1 = require("./components-v2/ProfilePhotoViewer/ProfilePhotoViewer");
+Object.defineProperty(exports, "ProfilePhotoViewer", { enumerable: true, get: function () { return ProfilePhotoViewer_1.ProfilePhotoViewer; } });
+var KanbanBoard_1 = require("./components-v2/KanbanBoard/KanbanBoard");
+Object.defineProperty(exports, "KanbanBoard", { enumerable: true, get: function () { return KanbanBoard_1.KanbanBoard; } });
+/* ═══════════════════ Charts ═══════════════════ */
+var useChartTheme_1 = require("./components-v2/Charts/useChartTheme");
+Object.defineProperty(exports, "useChartTheme", { enumerable: true, get: function () { return useChartTheme_1.useChartTheme; } });
+var BarChart_1 = require("./components-v2/Charts/BarChart");
+Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return BarChart_1.BarChart; } });
+var LineChart_1 = require("./components-v2/Charts/LineChart");
+Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return LineChart_1.LineChart; } });
+var AreaChart_1 = require("./components-v2/Charts/AreaChart");
+Object.defineProperty(exports, "AreaChart", { enumerable: true, get: function () { return AreaChart_1.AreaChart; } });
+var PieChart_1 = require("./components-v2/Charts/PieChart");
+Object.defineProperty(exports, "PieChart", { enumerable: true, get: function () { return PieChart_1.PieChart; } });
+var PolarChart_1 = require("./components-v2/Charts/PolarChart");
+Object.defineProperty(exports, "PolarChart", { enumerable: true, get: function () { return PolarChart_1.PolarChart; } });
+/* ═══════════════════ Misc ═══════════════════ */
+var Loading_1 = require("./components-v2/Loading/Loading");
+Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return Loading_1.Loading; } });
+var Toggle_1 = require("./components-v2/Toggle/Toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return Toggle_1.Toggle; } });
+Object.defineProperty(exports, "TableToggle", { enumerable: true, get: function () { return Toggle_1.TableToggle; } });
+Object.defineProperty(exports, "toggleVariants", { enumerable: true, get: function () { return Toggle_1.toggleVariants; } });

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+const clsx_1 = require("clsx");
+const tailwind_merge_1 = require("tailwind-merge");
+function cn(...inputs) {
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+}

package/dist/theme-v2/ThemeProvider.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type ThemeName = "default" | "meadow" | "rosewood" | "skyline" | "slate" | "emerald" | "radiant";
+export type ThemeMode = "light" | "dark" | "system";
+export type ResolvedMode = "light" | "dark";
+export interface ThemeContextValue {
+    theme: ThemeName;
+    setTheme: (theme: ThemeName) => void;
+    mode: ThemeMode;
+    setMode: (mode: ThemeMode) => void;
+    resolvedMode: ResolvedMode;
+}
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: ThemeName;
+    defaultMode?: ThemeMode;
+    storageKey?: string;
+}
+export declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKey, }: ThemeProviderProps): React.ReactElement;
+export declare function useTheme(): ThemeContextValue;