@umbra.ui/core 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,77 +1,176 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToast = exports.ToastContainer = exports.Toast = exports.Alert = exports.ProgressBar = exports.vTooltip = exports.useTooltip = exports.Tooltip = exports.ActionMenu = exports.StringCapture = exports.AutogrowTextView = exports.generateTagStyle = exports.createStyledTag = exports.COLOR_PRESETS = exports.TagBar = exports.TagPicker = exports.TagCreation = exports.Tags = exports.FilePicker = exports.CollectionPicker = exports.IconPicker = exports.colorPickerColors = exports.ColorPicker = exports.DatePicker = exports.InputCard = exports.InputEmail = exports.InputNumber = exports.InputPhone = exports.InputSecure = exports.InputText = exports.Stepper = exports.RangeSlider = exports.Slider = exports.Radio = exports.Dropdown = exports.SegmentedControl = exports.Switch = exports.Checkbox = exports.IconButton = exports.Button = exports.useTheme = exports.orangeDarkTheme = exports.orangeLightTheme = exports.indigoTheme = exports.grassTheme = exports.goldDarkTheme = exports.cyanTheme = exports.crimsonDarkTheme = exports.lightTheme = exports.darkTheme = void 0;
+exports.registerReadmes = exports.getReadmeIndex = exports.getAvailableComponents = exports.getComponentReadme = exports.useAdaptiveLayoutState = exports.AdaptiveLayoutMenuButton = exports.AdaptiveLayoutBreadcrumbs = exports.AdaptiveLayout = exports.breakpoints = exports.useResponsiveContainer = exports.useContainerMonitor = exports.MarkdownViewer = exports.TabItem = exports.useTabController = exports.TabController = exports.useSplitViewController = exports.SplitViewController = exports.useSlideoverController = exports.SlideoverController = exports.useNavigationStack = exports.NavigationStack = exports.Popover = exports.Sidebar = exports.Sheet = exports.SearchResults = exports.SearchBar = exports.OTP = exports.ToastPlugin = void 0;
 // Core package exports
-export * from "@umbra.ui/colors";
-export * from "@umbra.ui/icons";
-export * from "@umbra.ui/typography";
+__exportStar(require("@umbra.ui/colors"), exports);
+__exportStar(require("@umbra.ui/icons"), exports);
+__exportStar(require("@umbra.ui/typography"), exports);
 // Theme system exports
-export { darkTheme } from "./themes/dark";
-export { lightTheme } from "./themes/light";
-export { crimsonDarkTheme } from "./themes/crimson-dark";
-export { cyanTheme } from "./themes/cyan-light";
-export { goldDarkTheme } from "./themes/gold-dark";
-export { grassTheme } from "./themes/grass-dark";
-export { indigoTheme } from "./themes/indigo";
-export { orangeLightTheme } from "./themes/orange-light";
-export { orangeDarkTheme } from "./themes/orange-dark";
-export { useTheme } from "./theme";
+var dark_1 = require("./themes/dark");
+Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return dark_1.darkTheme; } });
+var light_1 = require("./themes/light");
+Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return light_1.lightTheme; } });
+var crimson_dark_1 = require("./themes/crimson-dark");
+Object.defineProperty(exports, "crimsonDarkTheme", { enumerable: true, get: function () { return crimson_dark_1.crimsonDarkTheme; } });
+var cyan_light_1 = require("./themes/cyan-light");
+Object.defineProperty(exports, "cyanTheme", { enumerable: true, get: function () { return cyan_light_1.cyanTheme; } });
+var gold_dark_1 = require("./themes/gold-dark");
+Object.defineProperty(exports, "goldDarkTheme", { enumerable: true, get: function () { return gold_dark_1.goldDarkTheme; } });
+var grass_dark_1 = require("./themes/grass-dark");
+Object.defineProperty(exports, "grassTheme", { enumerable: true, get: function () { return grass_dark_1.grassTheme; } });
+var indigo_1 = require("./themes/indigo");
+Object.defineProperty(exports, "indigoTheme", { enumerable: true, get: function () { return indigo_1.indigoTheme; } });
+var orange_light_1 = require("./themes/orange-light");
+Object.defineProperty(exports, "orangeLightTheme", { enumerable: true, get: function () { return orange_light_1.orangeLightTheme; } });
+var orange_dark_1 = require("./themes/orange-dark");
+Object.defineProperty(exports, "orangeDarkTheme", { enumerable: true, get: function () { return orange_dark_1.orangeDarkTheme; } });
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theme_1.useTheme; } });
 // Component exports
-export { default as Button } from "./components/controls/Button/Button.vue";
-export { default as IconButton } from "./components/controls/IconButton/IconButton.vue";
-export { default as Checkbox } from "./components/controls/Checkbox/Checkbox.vue";
-export { default as Switch } from "./components/controls/Switch/Switch.vue";
-export { default as SegmentedControl } from "./components/controls/SegmentedControl/SegmentedControl.vue";
-export { default as Dropdown } from "./components/controls/Dropdown/Dropdown.vue";
-export { default as Radio } from "./components/controls/Radio/Radio.vue";
-export { default as Slider } from "./components/controls/Slider/Slider.vue";
-export { default as RangeSlider } from "./components/controls/RangeSlider/RangeSlider.vue";
-export { default as Stepper } from "./components/controls/Stepper/Stepper.vue";
-export { default as InputText } from "./components/inputs/InputText/InputText.vue";
-export { default as InputSecure } from "./components/inputs/InputSecure/InputSecure.vue";
-export { default as InputPhone } from "./components/inputs/InputPhone/InputPhone.vue";
-export { default as InputNumber } from "./components/inputs/InputNumber/InputNumber.vue";
-export { default as InputEmail } from "./components/inputs/InputEmail/InputEmail.vue";
-export { default as InputCard } from "./components/inputs/InputCard/InputCard.vue";
-export { default as DatePicker } from "./components/pickers/DatePicker/DatePicker.vue";
-export { default as ColorPicker } from "./components/pickers/ColorPicker/ColorPicker.vue";
-export { colorPickerColors, } from "./components/pickers/ColorPicker/colors";
-export { default as IconPicker } from "./components/pickers/IconPicker/IconPicker.vue";
-export { default as CollectionPicker } from "./components/pickers/CollectionPicker/CollectionPicker.vue";
-export { default as FilePicker } from "./components/pickers/FilePicker/FilePicker.vue";
-export { default as Tags } from "./components/inputs/Tags/TagBar.vue";
-export { default as TagCreation } from "./components/inputs/Tags/TagCreation.vue";
-export { default as TagPicker } from "./components/inputs/Tags/TagPicker.vue";
-export { default as TagBar } from "./components/inputs/Tags/TagBar.vue";
-export { COLOR_PRESETS, createStyledTag, generateTagStyle, } from "./components/inputs/Tags/types";
-export { default as AutogrowTextView } from "./components/inputs/AutogrowTextView/AutogrowTextView.vue";
-export { default as StringCapture } from "./components/inputs/StringCapture/StringCapture.vue";
-export { default as ActionMenu } from "./components/menus/ActionMenu/ActionMenu.vue";
-export { default as Tooltip } from "./components/indicators/Tooltip/TooltipProvider.vue";
-export { useTooltip } from "./components/indicators/Tooltip/useTooltip";
-export { vTooltip } from "./components/indicators/Tooltip/tooltip";
-export { default as ProgressBar } from "./components/indicators/ProgressBar/ProgressBar.vue";
-export { default as Alert } from "./components/dialogs/Alert/Alert.vue";
-export { default as Toast } from "./components/dialogs/Toast/Toast.vue";
-export { default as ToastContainer } from "./components/dialogs/Toast/ToastContainer.vue";
-export { useToast, ToastPlugin } from "./components/dialogs/Toast/useToast";
-export { default as OTP } from "./components/inputs/OTP/OTP.vue";
-export { default as SearchBar } from "./components/inputs/search/SearchBar.vue";
-export { default as SearchResults } from "./components/inputs/search/SearchResults.vue";
-export { default as Sheet } from "./components/models/Sheet/Sheet.vue";
-export { default as Sidebar } from "./components/models/Sidebar/Sidebar.vue";
-export { default as Popover } from "./components/models/Popover/Popover.vue";
-export { default as NavigationStack } from "./components/navigation/navstack/NavigationStack.vue";
-export { useNavigationStack } from "./components/navigation/navstack/useNavigationStack";
-export { default as SlideoverController } from "./components/navigation/slideover/SlideoverController.vue";
-export { useSlideoverController } from "./components/navigation/slideover/useSlideoverController";
-export { default as SplitViewController } from "./components/navigation/splitview/SplitViewController.vue";
-export { useSplitViewController } from "./components/navigation/splitview/useSplitViewController";
-export { default as TabController } from "./components/navigation/tabcontroller/TabController.vue";
-export { useTabController } from "./components/navigation/tabcontroller/useTabController";
-export { default as TabItem } from "./components/navigation/tabcontroller/TabItem.vue";
-export { default as MarkdownViewer } from "./components/views/MarkdownViewer/MarkdownViewer.vue";
-export { useContainerMonitor, useResponsiveContainer, DEFAULT_BREAKPOINTS as breakpoints, } from "./components/navigation/adaptive/useContainerMonitor";
-export { default as AdaptiveLayout } from "./components/navigation/adaptive/AdaptiveLayout.vue";
-export { default as AdaptiveLayoutBreadcrumbs } from "./components/navigation/adaptive/AdaptiveLayoutBreadcrumbs.vue";
-export { default as AdaptiveLayoutMenuButton } from "./components/navigation/adaptive/AdaptiveLayoutMenuButton.vue";
-export { useAdaptiveLayoutState } from "./components/navigation/adaptive/useAdaptiveLayout";
+var Button_vue_1 = require("./components/controls/Button/Button.vue");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_vue_1).default; } });
+var IconButton_vue_1 = require("./components/controls/IconButton/IconButton.vue");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_vue_1).default; } });
+var Checkbox_vue_1 = require("./components/controls/Checkbox/Checkbox.vue");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(Checkbox_vue_1).default; } });
+var Switch_vue_1 = require("./components/controls/Switch/Switch.vue");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return __importDefault(Switch_vue_1).default; } });
+var SegmentedControl_vue_1 = require("./components/controls/SegmentedControl/SegmentedControl.vue");
+Object.defineProperty(exports, "SegmentedControl", { enumerable: true, get: function () { return __importDefault(SegmentedControl_vue_1).default; } });
+var Dropdown_vue_1 = require("./components/controls/Dropdown/Dropdown.vue");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_vue_1).default; } });
+var Radio_vue_1 = require("./components/controls/Radio/Radio.vue");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return __importDefault(Radio_vue_1).default; } });
+var Slider_vue_1 = require("./components/controls/Slider/Slider.vue");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return __importDefault(Slider_vue_1).default; } });
+var RangeSlider_vue_1 = require("./components/controls/RangeSlider/RangeSlider.vue");
+Object.defineProperty(exports, "RangeSlider", { enumerable: true, get: function () { return __importDefault(RangeSlider_vue_1).default; } });
+var Stepper_vue_1 = require("./components/controls/Stepper/Stepper.vue");
+Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return __importDefault(Stepper_vue_1).default; } });
+var InputText_vue_1 = require("./components/inputs/InputText/InputText.vue");
+Object.defineProperty(exports, "InputText", { enumerable: true, get: function () { return __importDefault(InputText_vue_1).default; } });
+var InputSecure_vue_1 = require("./components/inputs/InputSecure/InputSecure.vue");
+Object.defineProperty(exports, "InputSecure", { enumerable: true, get: function () { return __importDefault(InputSecure_vue_1).default; } });
+var InputPhone_vue_1 = require("./components/inputs/InputPhone/InputPhone.vue");
+Object.defineProperty(exports, "InputPhone", { enumerable: true, get: function () { return __importDefault(InputPhone_vue_1).default; } });
+var InputNumber_vue_1 = require("./components/inputs/InputNumber/InputNumber.vue");
+Object.defineProperty(exports, "InputNumber", { enumerable: true, get: function () { return __importDefault(InputNumber_vue_1).default; } });
+var InputEmail_vue_1 = require("./components/inputs/InputEmail/InputEmail.vue");
+Object.defineProperty(exports, "InputEmail", { enumerable: true, get: function () { return __importDefault(InputEmail_vue_1).default; } });
+var InputCard_vue_1 = require("./components/inputs/InputCard/InputCard.vue");
+Object.defineProperty(exports, "InputCard", { enumerable: true, get: function () { return __importDefault(InputCard_vue_1).default; } });
+var DatePicker_vue_1 = require("./components/pickers/DatePicker/DatePicker.vue");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return __importDefault(DatePicker_vue_1).default; } });
+var ColorPicker_vue_1 = require("./components/pickers/ColorPicker/ColorPicker.vue");
+Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_vue_1).default; } });
+var colors_1 = require("./components/pickers/ColorPicker/colors");
+Object.defineProperty(exports, "colorPickerColors", { enumerable: true, get: function () { return colors_1.colorPickerColors; } });
+var IconPicker_vue_1 = require("./components/pickers/IconPicker/IconPicker.vue");
+Object.defineProperty(exports, "IconPicker", { enumerable: true, get: function () { return __importDefault(IconPicker_vue_1).default; } });
+var CollectionPicker_vue_1 = require("./components/pickers/CollectionPicker/CollectionPicker.vue");
+Object.defineProperty(exports, "CollectionPicker", { enumerable: true, get: function () { return __importDefault(CollectionPicker_vue_1).default; } });
+var FilePicker_vue_1 = require("./components/pickers/FilePicker/FilePicker.vue");
+Object.defineProperty(exports, "FilePicker", { enumerable: true, get: function () { return __importDefault(FilePicker_vue_1).default; } });
+var TagBar_vue_1 = require("./components/inputs/Tags/TagBar.vue");
+Object.defineProperty(exports, "Tags", { enumerable: true, get: function () { return __importDefault(TagBar_vue_1).default; } });
+var TagCreation_vue_1 = require("./components/inputs/Tags/TagCreation.vue");
+Object.defineProperty(exports, "TagCreation", { enumerable: true, get: function () { return __importDefault(TagCreation_vue_1).default; } });
+var TagPicker_vue_1 = require("./components/inputs/Tags/TagPicker.vue");
+Object.defineProperty(exports, "TagPicker", { enumerable: true, get: function () { return __importDefault(TagPicker_vue_1).default; } });
+var TagBar_vue_2 = require("./components/inputs/Tags/TagBar.vue");
+Object.defineProperty(exports, "TagBar", { enumerable: true, get: function () { return __importDefault(TagBar_vue_2).default; } });
+var types_1 = require("./components/inputs/Tags/types");
+Object.defineProperty(exports, "COLOR_PRESETS", { enumerable: true, get: function () { return types_1.COLOR_PRESETS; } });
+Object.defineProperty(exports, "createStyledTag", { enumerable: true, get: function () { return types_1.createStyledTag; } });
+Object.defineProperty(exports, "generateTagStyle", { enumerable: true, get: function () { return types_1.generateTagStyle; } });
+var AutogrowTextView_vue_1 = require("./components/inputs/AutogrowTextView/AutogrowTextView.vue");
+Object.defineProperty(exports, "AutogrowTextView", { enumerable: true, get: function () { return __importDefault(AutogrowTextView_vue_1).default; } });
+var StringCapture_vue_1 = require("./components/inputs/StringCapture/StringCapture.vue");
+Object.defineProperty(exports, "StringCapture", { enumerable: true, get: function () { return __importDefault(StringCapture_vue_1).default; } });
+var ActionMenu_vue_1 = require("./components/menus/ActionMenu/ActionMenu.vue");
+Object.defineProperty(exports, "ActionMenu", { enumerable: true, get: function () { return __importDefault(ActionMenu_vue_1).default; } });
+var TooltipProvider_vue_1 = require("./components/indicators/Tooltip/TooltipProvider.vue");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(TooltipProvider_vue_1).default; } });
+var useTooltip_1 = require("./components/indicators/Tooltip/useTooltip");
+Object.defineProperty(exports, "useTooltip", { enumerable: true, get: function () { return useTooltip_1.useTooltip; } });
+var tooltip_1 = require("./components/indicators/Tooltip/tooltip");
+Object.defineProperty(exports, "vTooltip", { enumerable: true, get: function () { return tooltip_1.vTooltip; } });
+var ProgressBar_vue_1 = require("./components/indicators/ProgressBar/ProgressBar.vue");
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return __importDefault(ProgressBar_vue_1).default; } });
+var Alert_vue_1 = require("./components/dialogs/Alert/Alert.vue");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_vue_1).default; } });
+var Toast_vue_1 = require("./components/dialogs/Toast/Toast.vue");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return __importDefault(Toast_vue_1).default; } });
+var ToastContainer_vue_1 = require("./components/dialogs/Toast/ToastContainer.vue");
+Object.defineProperty(exports, "ToastContainer", { enumerable: true, get: function () { return __importDefault(ToastContainer_vue_1).default; } });
+var useToast_1 = require("./components/dialogs/Toast/useToast");
+Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return useToast_1.useToast; } });
+Object.defineProperty(exports, "ToastPlugin", { enumerable: true, get: function () { return useToast_1.ToastPlugin; } });
+var OTP_vue_1 = require("./components/inputs/OTP/OTP.vue");
+Object.defineProperty(exports, "OTP", { enumerable: true, get: function () { return __importDefault(OTP_vue_1).default; } });
+var SearchBar_vue_1 = require("./components/inputs/search/SearchBar.vue");
+Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return __importDefault(SearchBar_vue_1).default; } });
+var SearchResults_vue_1 = require("./components/inputs/search/SearchResults.vue");
+Object.defineProperty(exports, "SearchResults", { enumerable: true, get: function () { return __importDefault(SearchResults_vue_1).default; } });
+var Sheet_vue_1 = require("./components/models/Sheet/Sheet.vue");
+Object.defineProperty(exports, "Sheet", { enumerable: true, get: function () { return __importDefault(Sheet_vue_1).default; } });
+var Sidebar_vue_1 = require("./components/models/Sidebar/Sidebar.vue");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return __importDefault(Sidebar_vue_1).default; } });
+var Popover_vue_1 = require("./components/models/Popover/Popover.vue");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return __importDefault(Popover_vue_1).default; } });
+var NavigationStack_vue_1 = require("./components/navigation/navstack/NavigationStack.vue");
+Object.defineProperty(exports, "NavigationStack", { enumerable: true, get: function () { return __importDefault(NavigationStack_vue_1).default; } });
+var useNavigationStack_1 = require("./components/navigation/navstack/useNavigationStack");
+Object.defineProperty(exports, "useNavigationStack", { enumerable: true, get: function () { return useNavigationStack_1.useNavigationStack; } });
+var SlideoverController_vue_1 = require("./components/navigation/slideover/SlideoverController.vue");
+Object.defineProperty(exports, "SlideoverController", { enumerable: true, get: function () { return __importDefault(SlideoverController_vue_1).default; } });
+var useSlideoverController_1 = require("./components/navigation/slideover/useSlideoverController");
+Object.defineProperty(exports, "useSlideoverController", { enumerable: true, get: function () { return useSlideoverController_1.useSlideoverController; } });
+var SplitViewController_vue_1 = require("./components/navigation/splitview/SplitViewController.vue");
+Object.defineProperty(exports, "SplitViewController", { enumerable: true, get: function () { return __importDefault(SplitViewController_vue_1).default; } });
+var useSplitViewController_1 = require("./components/navigation/splitview/useSplitViewController");
+Object.defineProperty(exports, "useSplitViewController", { enumerable: true, get: function () { return useSplitViewController_1.useSplitViewController; } });
+var TabController_vue_1 = require("./components/navigation/tabcontroller/TabController.vue");
+Object.defineProperty(exports, "TabController", { enumerable: true, get: function () { return __importDefault(TabController_vue_1).default; } });
+var useTabController_1 = require("./components/navigation/tabcontroller/useTabController");
+Object.defineProperty(exports, "useTabController", { enumerable: true, get: function () { return useTabController_1.useTabController; } });
+var TabItem_vue_1 = require("./components/navigation/tabcontroller/TabItem.vue");
+Object.defineProperty(exports, "TabItem", { enumerable: true, get: function () { return __importDefault(TabItem_vue_1).default; } });
+var MarkdownViewer_vue_1 = require("./components/views/MarkdownViewer/MarkdownViewer.vue");
+Object.defineProperty(exports, "MarkdownViewer", { enumerable: true, get: function () { return __importDefault(MarkdownViewer_vue_1).default; } });
+var useContainerMonitor_1 = require("./components/navigation/adaptive/useContainerMonitor");
+Object.defineProperty(exports, "useContainerMonitor", { enumerable: true, get: function () { return useContainerMonitor_1.useContainerMonitor; } });
+Object.defineProperty(exports, "useResponsiveContainer", { enumerable: true, get: function () { return useContainerMonitor_1.useResponsiveContainer; } });
+Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return useContainerMonitor_1.DEFAULT_BREAKPOINTS; } });
+var AdaptiveLayout_vue_1 = require("./components/navigation/adaptive/AdaptiveLayout.vue");
+Object.defineProperty(exports, "AdaptiveLayout", { enumerable: true, get: function () { return __importDefault(AdaptiveLayout_vue_1).default; } });
+var AdaptiveLayoutBreadcrumbs_vue_1 = require("./components/navigation/adaptive/AdaptiveLayoutBreadcrumbs.vue");
+Object.defineProperty(exports, "AdaptiveLayoutBreadcrumbs", { enumerable: true, get: function () { return __importDefault(AdaptiveLayoutBreadcrumbs_vue_1).default; } });
+var AdaptiveLayoutMenuButton_vue_1 = require("./components/navigation/adaptive/AdaptiveLayoutMenuButton.vue");
+Object.defineProperty(exports, "AdaptiveLayoutMenuButton", { enumerable: true, get: function () { return __importDefault(AdaptiveLayoutMenuButton_vue_1).default; } });
+var useAdaptiveLayout_1 = require("./components/navigation/adaptive/useAdaptiveLayout");
+Object.defineProperty(exports, "useAdaptiveLayoutState", { enumerable: true, get: function () { return useAdaptiveLayout_1.useAdaptiveLayoutState; } });
 // Optional README access - only import when needed for documentation/playground
-export { getComponentReadme, getAvailableComponents, getReadmeIndex, registerReadmes, } from "./readme";
+var readme_1 = require("./readme");
+Object.defineProperty(exports, "getComponentReadme", { enumerable: true, get: function () { return readme_1.getComponentReadme; } });
+Object.defineProperty(exports, "getAvailableComponents", { enumerable: true, get: function () { return readme_1.getAvailableComponents; } });
+Object.defineProperty(exports, "getReadmeIndex", { enumerable: true, get: function () { return readme_1.getReadmeIndex; } });
+Object.defineProperty(exports, "registerReadmes", { enumerable: true, get: function () { return readme_1.registerReadmes; } });

package/dist/index.mjs

@@ -0,0 +1,77 @@
+// Core package exports
+export * from "@umbra.ui/colors";
+export * from "@umbra.ui/icons";
+export * from "@umbra.ui/typography";
+// Theme system exports
+export { darkTheme } from "./themes/dark";
+export { lightTheme } from "./themes/light";
+export { crimsonDarkTheme } from "./themes/crimson-dark";
+export { cyanTheme } from "./themes/cyan-light";
+export { goldDarkTheme } from "./themes/gold-dark";
+export { grassTheme } from "./themes/grass-dark";
+export { indigoTheme } from "./themes/indigo";
+export { orangeLightTheme } from "./themes/orange-light";
+export { orangeDarkTheme } from "./themes/orange-dark";
+export { useTheme } from "./theme";
+// Component exports
+export { default as Button } from "./components/controls/Button/Button.vue";
+export { default as IconButton } from "./components/controls/IconButton/IconButton.vue";
+export { default as Checkbox } from "./components/controls/Checkbox/Checkbox.vue";
+export { default as Switch } from "./components/controls/Switch/Switch.vue";
+export { default as SegmentedControl } from "./components/controls/SegmentedControl/SegmentedControl.vue";
+export { default as Dropdown } from "./components/controls/Dropdown/Dropdown.vue";
+export { default as Radio } from "./components/controls/Radio/Radio.vue";
+export { default as Slider } from "./components/controls/Slider/Slider.vue";
+export { default as RangeSlider } from "./components/controls/RangeSlider/RangeSlider.vue";
+export { default as Stepper } from "./components/controls/Stepper/Stepper.vue";
+export { default as InputText } from "./components/inputs/InputText/InputText.vue";
+export { default as InputSecure } from "./components/inputs/InputSecure/InputSecure.vue";
+export { default as InputPhone } from "./components/inputs/InputPhone/InputPhone.vue";
+export { default as InputNumber } from "./components/inputs/InputNumber/InputNumber.vue";
+export { default as InputEmail } from "./components/inputs/InputEmail/InputEmail.vue";
+export { default as InputCard } from "./components/inputs/InputCard/InputCard.vue";
+export { default as DatePicker } from "./components/pickers/DatePicker/DatePicker.vue";
+export { default as ColorPicker } from "./components/pickers/ColorPicker/ColorPicker.vue";
+export { colorPickerColors, } from "./components/pickers/ColorPicker/colors";
+export { default as IconPicker } from "./components/pickers/IconPicker/IconPicker.vue";
+export { default as CollectionPicker } from "./components/pickers/CollectionPicker/CollectionPicker.vue";
+export { default as FilePicker } from "./components/pickers/FilePicker/FilePicker.vue";
+export { default as Tags } from "./components/inputs/Tags/TagBar.vue";
+export { default as TagCreation } from "./components/inputs/Tags/TagCreation.vue";
+export { default as TagPicker } from "./components/inputs/Tags/TagPicker.vue";
+export { default as TagBar } from "./components/inputs/Tags/TagBar.vue";
+export { COLOR_PRESETS, createStyledTag, generateTagStyle, } from "./components/inputs/Tags/types";
+export { default as AutogrowTextView } from "./components/inputs/AutogrowTextView/AutogrowTextView.vue";
+export { default as StringCapture } from "./components/inputs/StringCapture/StringCapture.vue";
+export { default as ActionMenu } from "./components/menus/ActionMenu/ActionMenu.vue";
+export { default as Tooltip } from "./components/indicators/Tooltip/TooltipProvider.vue";
+export { useTooltip } from "./components/indicators/Tooltip/useTooltip";
+export { vTooltip } from "./components/indicators/Tooltip/tooltip";
+export { default as ProgressBar } from "./components/indicators/ProgressBar/ProgressBar.vue";
+export { default as Alert } from "./components/dialogs/Alert/Alert.vue";
+export { default as Toast } from "./components/dialogs/Toast/Toast.vue";
+export { default as ToastContainer } from "./components/dialogs/Toast/ToastContainer.vue";
+export { useToast, ToastPlugin } from "./components/dialogs/Toast/useToast";
+export { default as OTP } from "./components/inputs/OTP/OTP.vue";
+export { default as SearchBar } from "./components/inputs/search/SearchBar.vue";
+export { default as SearchResults } from "./components/inputs/search/SearchResults.vue";
+export { default as Sheet } from "./components/models/Sheet/Sheet.vue";
+export { default as Sidebar } from "./components/models/Sidebar/Sidebar.vue";
+export { default as Popover } from "./components/models/Popover/Popover.vue";
+export { default as NavigationStack } from "./components/navigation/navstack/NavigationStack.vue";
+export { useNavigationStack } from "./components/navigation/navstack/useNavigationStack";
+export { default as SlideoverController } from "./components/navigation/slideover/SlideoverController.vue";
+export { useSlideoverController } from "./components/navigation/slideover/useSlideoverController";
+export { default as SplitViewController } from "./components/navigation/splitview/SplitViewController.vue";
+export { useSplitViewController } from "./components/navigation/splitview/useSplitViewController";
+export { default as TabController } from "./components/navigation/tabcontroller/TabController.vue";
+export { useTabController } from "./components/navigation/tabcontroller/useTabController";
+export { default as TabItem } from "./components/navigation/tabcontroller/TabItem.vue";
+export { default as MarkdownViewer } from "./components/views/MarkdownViewer/MarkdownViewer.vue";
+export { useContainerMonitor, useResponsiveContainer, DEFAULT_BREAKPOINTS as breakpoints, } from "./components/navigation/adaptive/useContainerMonitor";
+export { default as AdaptiveLayout } from "./components/navigation/adaptive/AdaptiveLayout.vue";
+export { default as AdaptiveLayoutBreadcrumbs } from "./components/navigation/adaptive/AdaptiveLayoutBreadcrumbs.vue";
+export { default as AdaptiveLayoutMenuButton } from "./components/navigation/adaptive/AdaptiveLayoutMenuButton.vue";
+export { useAdaptiveLayoutState } from "./components/navigation/adaptive/useAdaptiveLayout";
+// Optional README access - only import when needed for documentation/playground
+export { getComponentReadme, getAvailableComponents, getReadmeIndex, registerReadmes, } from "./readme";

package/dist/readme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"readme.d.ts","sourceRoot":"","sources":["../src/readme.ts"],"names":[],"mappings":"AAGA,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAmC1C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,eAAe,MAAM,KACpB,MAAM,GAAG,SAOX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,QAAO,MAAM,EAE/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAO,WAEjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAG,IAMjE,CAAC"}
+{"version":3,"file":"readme.d.ts","sourceRoot":"","sources":["../src/readme.ts"],"names":[],"mappings":"AAGA,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAwB1C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,eAAe,MAAM,KACpB,MAAM,GAAG,SAOX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,QAAO,MAAM,EAE/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAO,WAEjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAG,IAMjE,CAAC"}

package/dist/readme.js

@@ -1,15 +1,12 @@
+"use strict";
 // README accessors - Optional module for accessing component documentation
 // This module is only needed for playground/documentation purposes
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerReadmes = exports.getReadmeIndex = exports.getAvailableComponents = exports.getComponentReadme = void 0;
 // This will be populated by Vite's import.meta.glob in Vite environments
 // or remain empty in other bundlers
-const viteGlob = ((importMeta) => importMeta && importMeta.glob
-    ? importMeta.glob
-    : undefined)(import.meta);
-const __readmeModules = viteGlob
-    ? viteGlob("./components/**/README.md?raw", {
-        eager: true,
-    })
-    : {};
+// Disabled for CommonJS compatibility
+const __readmeModules = {};
 const README_INDEX = {};
 const __indexReadme = (path, content) => {
     const parts = path.split("/");
@@ -31,35 +28,39 @@ for (const [path, content] of Object.entries(__readmeModules)) {
  * @param componentName - The component name (kebab-case or PascalCase)
  * @returns The README content as a string, or undefined if not found
  */
-export const getComponentReadme = (componentName) => {
+const getComponentReadme = (componentName) => {
     const kebab = componentName
         .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
         .replace(/[\s_]+/g, "-")
         .toLowerCase();
     return README_INDEX[kebab] || README_INDEX[componentName.toLowerCase()];
 };
+exports.getComponentReadme = getComponentReadme;
 /**
  * Get all available component names that have README files
  * @returns Array of component names
  */
-export const getAvailableComponents = () => {
+const getAvailableComponents = () => {
     return Object.keys(README_INDEX);
 };
+exports.getAvailableComponents = getAvailableComponents;
 /**
  * Get the complete README index
  * @returns The README index object
  */
-export const getReadmeIndex = () => {
+const getReadmeIndex = () => {
     return { ...README_INDEX };
 };
+exports.getReadmeIndex = getReadmeIndex;
 /**
  * Register additional README content (useful for non-Vite environments)
  * @param modules - Object mapping file paths to README content
  */
-export const registerReadmes = (modules) => {
+const registerReadmes = (modules) => {
     for (const [path, content] of Object.entries(modules)) {
         if (typeof content === "string") {
             __indexReadme(path, content);
         }
     }
 };
+exports.registerReadmes = registerReadmes;

package/dist/theme.js

@@ -1,14 +1,17 @@
-import { ref, computed, readonly } from "vue";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.getRegisteredThemes = exports.isThemeRegistered = exports.unregisterCustomTheme = exports.registerCustomTheme = exports.destroyThemeManager = exports.isAutoDetectEnabled = exports.setAutoDetect = exports.toggleTheme = exports.getThemeConfig = exports.getTheme = exports.setCustomTheme = exports.setTheme = exports.themeConfig = exports.autoDetect = exports.customThemeColorMode = exports.customThemeId = exports.currentTheme = exports.themeManager = void 0;
+const vue_1 = require("vue");
 // Track registered themes to avoid duplicates
 const registeredThemes = new Set();
 class ThemeManager {
     constructor() {
-        this.currentTheme = ref("light");
-        this.autoDetect = ref(true);
+        this.currentTheme = (0, vue_1.ref)("light");
+        this.autoDetect = (0, vue_1.ref)(true);
         this.mediaQuery = null;
         this.systemThemeListener = null;
-        this.customThemeId = ref(undefined);
-        this.customThemeColorMode = ref(undefined);
+        this.customThemeId = (0, vue_1.ref)(undefined);
+        this.customThemeColorMode = (0, vue_1.ref)(undefined);
         this.initialize();
     }
     initialize() {
@@ -176,20 +179,20 @@ class ThemeManager {
     }
     // Expose reactive references as readonly for components
     get theme() {
-        return readonly(this.currentTheme);
+        return (0, vue_1.readonly)(this.currentTheme);
     }
     get customThemeIdRef() {
-        return readonly(this.customThemeId);
+        return (0, vue_1.readonly)(this.customThemeId);
     }
     get customThemeColorModeRef() {
-        return readonly(this.customThemeColorMode);
+        return (0, vue_1.readonly)(this.customThemeColorMode);
     }
     get autoDetectRef() {
-        return readonly(this.autoDetect);
+        return (0, vue_1.readonly)(this.autoDetect);
     }
     // Computed property for the full config
     get configRef() {
-        return computed(() => ({
+        return (0, vue_1.computed)(() => ({
             theme: this.currentTheme.value,
             autoDetect: this.autoDetect.value,
             customThemeId: this.customThemeId.value,
@@ -198,25 +201,33 @@ class ThemeManager {
     }
 }
 // Create singleton instance
-export const themeManager = new ThemeManager();
+exports.themeManager = new ThemeManager();
 // Export reactive references for direct use in components
-export const currentTheme = themeManager.theme;
-export const customThemeId = themeManager.customThemeIdRef;
-export const customThemeColorMode = themeManager.customThemeColorModeRef;
-export const autoDetect = themeManager.autoDetectRef;
-export const themeConfig = themeManager.configRef;
+exports.currentTheme = exports.themeManager.theme;
+exports.customThemeId = exports.themeManager.customThemeIdRef;
+exports.customThemeColorMode = exports.themeManager.customThemeColorModeRef;
+exports.autoDetect = exports.themeManager.autoDetectRef;
+exports.themeConfig = exports.themeManager.configRef;
 // Export convenience functions (keep existing API)
-export const setTheme = (theme, save) => themeManager.setTheme(theme, save);
-export const setCustomTheme = (customThemeId, customThemeColorMode, save) => themeManager.setCustomTheme(customThemeId, customThemeColorMode, save);
-export const getTheme = () => themeManager.getTheme();
-export const getThemeConfig = () => themeManager.getConfig();
-export const toggleTheme = () => themeManager.toggleTheme();
-export const setAutoDetect = (enabled) => themeManager.setAutoDetect(enabled);
-export const isAutoDetectEnabled = () => themeManager.isAutoDetectEnabled();
+const setTheme = (theme, save) => exports.themeManager.setTheme(theme, save);
+exports.setTheme = setTheme;
+const setCustomTheme = (customThemeId, customThemeColorMode, save) => exports.themeManager.setCustomTheme(customThemeId, customThemeColorMode, save);
+exports.setCustomTheme = setCustomTheme;
+const getTheme = () => exports.themeManager.getTheme();
+exports.getTheme = getTheme;
+const getThemeConfig = () => exports.themeManager.getConfig();
+exports.getThemeConfig = getThemeConfig;
+const toggleTheme = () => exports.themeManager.toggleTheme();
+exports.toggleTheme = toggleTheme;
+const setAutoDetect = (enabled) => exports.themeManager.setAutoDetect(enabled);
+exports.setAutoDetect = setAutoDetect;
+const isAutoDetectEnabled = () => exports.themeManager.isAutoDetectEnabled();
+exports.isAutoDetectEnabled = isAutoDetectEnabled;
 // Cleanup function for SPA navigation
-export const destroyThemeManager = () => themeManager.destroy();
+const destroyThemeManager = () => exports.themeManager.destroy();
+exports.destroyThemeManager = destroyThemeManager;
 // Custom theme registration utilities
-export const registerCustomTheme = (themeId, cssVariables) => {
+const registerCustomTheme = (themeId, cssVariables) => {
     // Check if already registered
     if (registeredThemes.has(themeId)) {
         console.warn(`Theme "${themeId}" is already registered`);
@@ -239,41 +250,46 @@ ${cssVars}
     document.head.appendChild(style);
     registeredThemes.add(themeId);
 };
-export const unregisterCustomTheme = (themeId) => {
+exports.registerCustomTheme = registerCustomTheme;
+const unregisterCustomTheme = (themeId) => {
     const styleElement = document.querySelector(`style[data-umbra-custom-theme="${themeId}"]`);
     if (styleElement) {
         styleElement.remove();
         registeredThemes.delete(themeId);
     }
 };
-export const isThemeRegistered = (themeId) => {
+exports.unregisterCustomTheme = unregisterCustomTheme;
+const isThemeRegistered = (themeId) => {
     return registeredThemes.has(themeId);
 };
-export const getRegisteredThemes = () => {
+exports.isThemeRegistered = isThemeRegistered;
+const getRegisteredThemes = () => {
     return Array.from(registeredThemes);
 };
+exports.getRegisteredThemes = getRegisteredThemes;
 // Composable for use in Vue components
-export const useTheme = () => {
+const useTheme = () => {
     return {
         // Reactive refs
-        theme: currentTheme,
-        customThemeId,
-        customThemeColorMode,
-        autoDetect,
-        config: themeConfig,
+        theme: exports.currentTheme,
+        customThemeId: exports.customThemeId,
+        customThemeColorMode: exports.customThemeColorMode,
+        autoDetect: exports.autoDetect,
+        config: exports.themeConfig,
         // Methods
-        setTheme,
-        setCustomTheme,
-        toggleTheme,
-        setAutoDetect,
+        setTheme: exports.setTheme,
+        setCustomTheme: exports.setCustomTheme,
+        toggleTheme: exports.toggleTheme,
+        setAutoDetect: exports.setAutoDetect,
         // Custom theme registration (for advanced usage)
-        registerCustomTheme,
-        unregisterCustomTheme,
-        isThemeRegistered,
-        getRegisteredThemes,
+        registerCustomTheme: exports.registerCustomTheme,
+        unregisterCustomTheme: exports.unregisterCustomTheme,
+        isThemeRegistered: exports.isThemeRegistered,
+        getRegisteredThemes: exports.getRegisteredThemes,
         // Non-reactive getters (for backward compatibility)
-        getTheme,
-        getThemeConfig,
-        isAutoDetectEnabled,
+        getTheme: exports.getTheme,
+        getThemeConfig: exports.getThemeConfig,
+        isAutoDetectEnabled: exports.isAutoDetectEnabled,
     };
 };
+exports.useTheme = useTheme;