@alepha/ui 0.13.3 → 0.13.5

package/dist/core/index.js

@@ -17,7 +17,7 @@ import { parseQueryString } from "alepha/orm";
 import { useDebouncedCallback } from "@mantine/hooks";
 import { DateTimeProvider } from "alepha/datetime";
 
-//#region src/core/themes/aurora.ts
+//#region ../../src/core/themes/aurora.ts
 const auroraTheme = {
 	id: "aurora",
 	label: "Aurora",
@@ -147,7 +147,7 @@ const auroraTheme = {
 };
 
 //#endregion
-//#region src/core/themes/crystal.ts
+//#region ../../src/core/themes/crystal.ts
 const crystalTheme = {
 	id: "crystal",
 	label: "Crystal",
@@ -277,7 +277,7 @@ const crystalTheme = {
 };
 
 //#endregion
-//#region src/core/themes/default.ts
+//#region ../../src/core/themes/default.ts
 const defaultTheme = {
 	id: "default",
 	label: "Default",
@@ -285,7 +285,7 @@ const defaultTheme = {
 };
 
 //#endregion
-//#region src/core/themes/ember.ts
+//#region ../../src/core/themes/ember.ts
 const emberTheme = {
 	id: "ember",
 	label: "Ember",
@@ -415,7 +415,7 @@ const emberTheme = {
 };
 
 //#endregion
-//#region src/core/themes/midnight.ts
+//#region ../../src/core/themes/midnight.ts
 const midnightTheme = {
 	id: "midnight",
 	label: "Midnight",
@@ -458,13 +458,6 @@ const midnightTheme = {
 			}
 		}
 	},
-	fontSizes: {
-		xs: "0.75rem",
-		sm: "0.875rem",
-		md: "0.875rem",
-		lg: "1rem",
-		xl: "1.25rem"
-	},
 	radius: {
 		xs: "3px",
 		sm: "6px",
@@ -538,7 +531,7 @@ const midnightTheme = {
 };
 
 //#endregion
-//#region src/core/themes/remoraid.ts
+//#region ../../src/core/themes/remoraid.ts
 const remoraidTheme = {
 	id: "remoraid",
 	label: "Remoraid",
@@ -815,7 +808,7 @@ const remoraidTheme = {
 };
 
 //#endregion
-//#region src/core/themes/slate.ts
+//#region ../../src/core/themes/slate.ts
 const slateTheme = {
 	id: "slate",
 	label: "Slate",
@@ -916,15 +909,15 @@ const slateTheme = {
 };
 
 //#endregion
-//#region src/core/providers/ThemeProvider.ts
-const themeAtom = $atom({
+//#region ../../src/core/providers/ThemeProvider.ts
+const mantineThemeAtom = $atom({
 	name: "alepha.ui.theme",
 	schema: t.object({ id: t.string() }),
 	default: { id: "default" }
 });
 var ThemeProvider = class {
 	alepha = $inject(Alepha);
-	themeCookie = $cookie(themeAtom);
+	themeCookie = $cookie(mantineThemeAtom);
 	themes = [
 		defaultTheme,
 		remoraidTheme,
@@ -939,24 +932,24 @@ var ThemeProvider = class {
 	});
 	setTheme(theme) {
 		this.themeCookie.set(theme);
-		this.alepha.store.set(themeAtom, theme);
+		this.alepha.store.set(mantineThemeAtom, theme);
 		if (typeof document === "undefined") return;
 		document.documentElement.removeAttribute("data-theme");
 		if (theme.id !== "default") document.documentElement.setAttribute("data-theme", theme.id);
 	}
 	getTheme() {
 		try {
-			return this.themeCookie.get() ?? this.alepha.store.get(themeAtom) ?? themeAtom.options.default;
+			return this.themeCookie.get() ?? this.alepha.store.get(mantineThemeAtom) ?? mantineThemeAtom.options.default;
 		} catch {
-			return this.alepha.store.get(themeAtom) ?? themeAtom.options.default;
+			return this.alepha.store.get(mantineThemeAtom) ?? mantineThemeAtom.options.default;
 		}
 	}
 };
 
 //#endregion
-//#region src/core/hooks/useTheme.ts
+//#region ../../src/core/hooks/useTheme.ts
 const useTheme = () => {
-	useStore(themeAtom);
+	useStore(mantineThemeAtom);
 	const themeService = useInject(ThemeProvider);
 	const currentTheme = themeService.getTheme();
 	const fullTheme = themeService.themes.find((t$1) => t$1.id === currentTheme.id) ?? themeService.themes[0];
@@ -967,7 +960,7 @@ const useTheme = () => {
 };
 
 //#endregion
-//#region src/core/services/ToastService.tsx
+//#region ../../src/core/services/ToastService.tsx
 var ToastService = class {
 	raw = notifications;
 	options = { default: {
@@ -1026,7 +1019,7 @@ var ToastService = class {
 };
 
 //#endregion
-//#region src/core/hooks/useToast.ts
+//#region ../../src/core/hooks/useToast.ts
 /**
 * Use this hook to access the Toast Service for showing notifications.
 *
@@ -1042,7 +1035,7 @@ const useToast = () => {
 };
 
 //#endregion
-//#region src/core/constants/ui.ts
+//#region ../../src/core/constants/ui.ts
 const ui = {
 	colors: {
 		transparent: "transparent",
@@ -1061,7 +1054,7 @@ const ui = {
 };
 
 //#endregion
-//#region src/core/components/buttons/ActionButton.tsx
+//#region ../../src/core/components/buttons/ActionButton.tsx
 const ActionMenuItem = (props) => {
 	const { item, index } = props;
 	const router = useRouter();
@@ -1106,6 +1099,7 @@ const ActionButton = (_props) => {
 	};
 	const { tooltip, menu, icon, ...restProps } = props;
 	restProps.color ??= "gray";
+	restProps.c ??= "var(--mantine-color-text)";
 	if (props.icon) {
 		const icon$1 = isComponentType(props.icon) ? /* @__PURE__ */ jsx(props.icon, { size: ui.sizes.icon.md }) : /* @__PURE__ */ jsx(ThemeIcon, {
 			w: 24,
@@ -1340,7 +1334,7 @@ const renderIcon = (icon) => {
 };
 
 //#endregion
-//#region src/core/components/layout/Omnibar.tsx
+//#region ../../src/core/components/layout/Omnibar.tsx
 const Omnibar = (props) => {
 	const shortcut = props.shortcut ?? "mod+K";
 	const searchPlaceholder = props.searchPlaceholder ?? "Search...";
@@ -1373,7 +1367,7 @@ const Omnibar = (props) => {
 var Omnibar_default = Omnibar;
 
 //#endregion
-//#region src/core/components/layout/AlephaMantineProvider.tsx
+//#region ../../src/core/components/layout/AlephaMantineProvider.tsx
 const AlephaMantineProvider = (props) => {
 	const toast = useToast();
 	const [theme] = useTheme();
@@ -1414,7 +1408,7 @@ const AlephaMantineProvider = (props) => {
 var AlephaMantineProvider_default = AlephaMantineProvider;
 
 //#endregion
-//#region src/core/RootRouter.ts
+//#region ../../src/core/RootRouter.ts
 var RootRouter = class {
 	root = $page({
 		path: "/",
@@ -1423,7 +1417,7 @@ var RootRouter = class {
 };
 
 //#endregion
-//#region src/core/components/data/JsonViewer.tsx
+//#region ../../src/core/components/data/JsonViewer.tsx
 const getSizeConfig = (size = "sm") => {
 	const configs = {
 		xs: {
@@ -1711,7 +1705,7 @@ const JsonViewer = ({ data, defaultExpanded = true, maxDepth = 10, copyable = tr
 var JsonViewer_default = JsonViewer;
 
 //#endregion
-//#region src/core/components/dialogs/AlertDialog.tsx
+//#region ../../src/core/components/dialogs/AlertDialog.tsx
 const AlertDialog = ({ options, onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [options?.message && /* @__PURE__ */ jsx(Text$1, {
 	mb: "md",
 	children: options.message
@@ -1725,7 +1719,7 @@ const AlertDialog = ({ options, onClose }) => /* @__PURE__ */ jsxs(Fragment, { c
 var AlertDialog_default = AlertDialog;
 
 //#endregion
-//#region src/core/components/dialogs/ConfirmDialog.tsx
+//#region ../../src/core/components/dialogs/ConfirmDialog.tsx
 const ConfirmDialog = ({ options, onConfirm }) => /* @__PURE__ */ jsxs(Fragment, { children: [options?.message && /* @__PURE__ */ jsx(Text$1, {
 	mb: "md",
 	children: options.message
@@ -1744,7 +1738,7 @@ const ConfirmDialog = ({ options, onConfirm }) => /* @__PURE__ */ jsxs(Fragment,
 var ConfirmDialog_default = ConfirmDialog;
 
 //#endregion
-//#region src/core/components/dialogs/PromptDialog.tsx
+//#region ../../src/core/components/dialogs/PromptDialog.tsx
 const PromptDialog = ({ options, onSubmit }) => {
 	const [value, setValue] = useState(options?.defaultValue || "");
 	const inputRef = useRef(null);
@@ -1789,7 +1783,7 @@ const PromptDialog = ({ options, onSubmit }) => {
 var PromptDialog_default = PromptDialog;
 
 //#endregion
-//#region src/core/services/DialogService.tsx
+//#region ../../src/core/services/DialogService.tsx
 var DialogService = class {
 	options = { default: {
 		centered: true,
@@ -1917,7 +1911,7 @@ var DialogService = class {
 };
 
 //#endregion
-//#region src/core/components/buttons/BurgerButton.tsx
+//#region ../../src/core/components/buttons/BurgerButton.tsx
 const BurgerButton = (props) => {
 	const [opened, setOpened] = useStore("alepha.ui.sidebar.opened");
 	return /* @__PURE__ */ jsx(Burger, {
@@ -1931,7 +1925,7 @@ const BurgerButton = (props) => {
 var BurgerButton_default = BurgerButton;
 
 //#endregion
-//#region src/core/components/buttons/ClipboardButton.tsx
+//#region ../../src/core/components/buttons/ClipboardButton.tsx
 const ClipboardButton = (props) => {
 	const { value, timeout = 2e3, copyLabel = "Copy", copiedLabel = "Copied", children, ...buttonProps } = props;
 	return /* @__PURE__ */ jsx(CopyButton, {
@@ -1953,7 +1947,7 @@ const ClipboardButton = (props) => {
 var ClipboardButton_default = ClipboardButton;
 
 //#endregion
-//#region src/core/components/buttons/DarkModeButton.tsx
+//#region ../../src/core/components/buttons/DarkModeButton.tsx
 const DarkModeButton = (props) => {
 	const { setColorScheme } = useMantineColorScheme();
 	const computedColorScheme = useComputedColorScheme("light");
@@ -2003,7 +1997,7 @@ const DarkModeButton = (props) => {
 var DarkModeButton_default = DarkModeButton;
 
 //#endregion
-//#region src/core/components/buttons/LanguageButton.tsx
+//#region ../../src/core/components/buttons/LanguageButton.tsx
 const LanguageButton = (props) => {
 	const i18n = useI18n();
 	return /* @__PURE__ */ jsx(ActionButton_default, {
@@ -2020,7 +2014,7 @@ const LanguageButton = (props) => {
 var LanguageButton_default = LanguageButton;
 
 //#endregion
-//#region src/core/components/buttons/OmnibarButton.tsx
+//#region ../../src/core/components/buttons/OmnibarButton.tsx
 const OmnibarButton = (props) => {
 	return /* @__PURE__ */ jsx(ActionButton_default, {
 		variant: "default",
@@ -2054,7 +2048,7 @@ const OmnibarButton = (props) => {
 var OmnibarButton_default = OmnibarButton;
 
 //#endregion
-//#region src/core/components/buttons/ThemeButton.tsx
+//#region ../../src/core/components/buttons/ThemeButton.tsx
 const ThemeButton = (props) => {
 	const [theme, setTheme] = useTheme();
 	const themes = useInject(ThemeProvider).themes;
@@ -2072,7 +2066,7 @@ const ThemeButton = (props) => {
 var ThemeButton_default = ThemeButton;
 
 //#endregion
-//#region src/core/utils/icons.tsx
+//#region ../../src/core/utils/icons.tsx
 /**
 * Get the default icon for an input based on its type, format, or name.
 */
@@ -2114,7 +2108,7 @@ const getDefaultIcon = (params) => {
 };
 
 //#endregion
-//#region src/core/utils/string.ts
+//#region ../../src/core/utils/string.ts
 /**
 * Capitalizes the first letter of a string.
 *
@@ -2137,7 +2131,7 @@ const prettyName = (name) => {
 };
 
 //#endregion
-//#region src/core/utils/parseInput.ts
+//#region ../../src/core/utils/parseInput.ts
 const parseInput = (props, form) => {
 	const disabled = false;
 	const id = props.input.props.id;
@@ -2175,7 +2169,7 @@ const parseInput = (props, form) => {
 };
 
 //#endregion
-//#region src/core/components/form/ControlDate.tsx
+//#region ../../src/core/components/form/ControlDate.tsx
 /**
 * ControlDate component for handling date, datetime, and time inputs.
 *
@@ -2233,7 +2227,7 @@ const ControlDate = (props) => {
 var ControlDate_default = ControlDate;
 
 //#endregion
-//#region src/core/components/form/ControlNumber.tsx
+//#region ../../src/core/components/form/ControlNumber.tsx
 /**
 *
 */
@@ -2285,7 +2279,7 @@ const ControlNumber = (props) => {
 var ControlNumber_default = ControlNumber;
 
 //#endregion
-//#region src/core/utils/extractSchemaFields.ts
+//#region ../../src/core/utils/extractSchemaFields.ts
 /**
 * Extract field information from a TypeBox schema for query building.
 * Supports nested objects and provides field metadata for autocomplete.
@@ -2403,7 +2397,7 @@ const OPERATOR_INFO = {
 };
 
 //#endregion
-//#region src/core/components/form/ControlQueryBuilder.tsx
+//#region ../../src/core/components/form/ControlQueryBuilder.tsx
 /**
 * Query builder with text input and help popover.
 * Generates query strings for parseQueryString syntax.
@@ -2650,7 +2644,7 @@ function QueryHelp({ fields, onInsert }) {
 var ControlQueryBuilder_default = ControlQueryBuilder;
 
 //#endregion
-//#region src/core/components/form/ControlSelect.tsx
+//#region ../../src/core/components/form/ControlSelect.tsx
 /**
 * ControlSelect component for handling Select, MultiSelect, and TagsInput.
 *
@@ -2750,7 +2744,7 @@ const ControlSelect = (props) => {
 var ControlSelect_default = ControlSelect;
 
 //#endregion
-//#region src/core/components/form/Control.tsx
+//#region ../../src/core/components/form/Control.tsx
 /**
 * Generic form control that renders the appropriate input based on the schema and props.
 *
@@ -2918,7 +2912,7 @@ const Control = (_props) => {
 var Control_default = Control;
 
 //#endregion
-//#region src/core/components/form/TypeForm.tsx
+//#region ../../src/core/components/form/TypeForm.tsx
 /**
 * TypeForm component that automatically renders all form inputs based on schema.
 * Uses the Control component to render individual fields and Mantine Grid for responsive layout.
@@ -3008,7 +3002,7 @@ const TypeForm = (props) => {
 var TypeForm_default = TypeForm;
 
 //#endregion
-//#region src/core/components/layout/AppBar.tsx
+//#region ../../src/core/components/layout/AppBar.tsx
 const AppBar = (props) => {
 	const { items = [] } = props;
 	const renderItem = (item, index) => {
@@ -3062,7 +3056,7 @@ const AppBar = (props) => {
 var AppBar_default = AppBar;
 
 //#endregion
-//#region src/core/components/layout/Sidebar.tsx
+//#region ../../src/core/components/layout/Sidebar.tsx
 const Sidebar = (props) => {
 	const router = useRouter();
 	const { top = [], bottom = [], onItemClick } = props;
@@ -3183,7 +3177,6 @@ const SidebarItem = (props) => {
 			href: props.item.href,
 			target: props.item.target,
 			size: props.item.theme?.size ?? props.theme.button?.size ?? (level === 0 ? "sm" : "xs"),
-			color: "var(--alepha-text)",
 			variant: "subtle",
 			variantActive: "default",
 			radius: props.item.theme?.radius ?? props.theme.button?.radius ?? "md",
@@ -3246,7 +3239,6 @@ const SidebarCollapsedItem = (props) => {
 	};
 	return /* @__PURE__ */ jsx(ActionButton_default, {
 		size: props.item.theme?.size ?? props.theme.button?.size ?? (level === 0 ? "sm" : "xs"),
-		color: "var(--alepha-text)",
 		variant: "subtle",
 		variantActive: "default",
 		tooltip: item.children ? void 0 : {
@@ -3273,7 +3265,7 @@ const SidebarCollapsedItem = (props) => {
 };
 
 //#endregion
-//#region src/core/components/layout/AdminShell.tsx
+//#region ../../src/core/components/layout/AdminShell.tsx
 const AdminShell = (props) => {
 	const router = useRouter();
 	const [opened, setOpened] = useStore("alepha.ui.sidebar.opened");
@@ -3344,7 +3336,7 @@ const AdminShell = (props) => {
 var AdminShell_default = AdminShell;
 
 //#endregion
-//#region src/core/components/table/DataTable.tsx
+//#region ../../src/core/components/table/DataTable.tsx
 const DataTable = (props) => {
 	const [items, setItems] = useState(typeof props.items === "function" ? { content: [] } : props.items);
 	const defaultSize = props.infinityScroll ? 100 : props.defaultSize || 10;
@@ -3525,7 +3517,7 @@ const DataTable = (props) => {
 var DataTable_default = DataTable;
 
 //#endregion
-//#region src/core/hooks/useDialog.ts
+//#region ../../src/core/hooks/useDialog.ts
 /**
 * Use this hook to access the Dialog Service for showing various dialog types.
 *
@@ -3542,7 +3534,7 @@ const useDialog = () => {
 };
 
 //#endregion
-//#region src/core/index.ts
+//#region ../../src/core/index.ts
 /**
 * Mantine
 *
@@ -3567,5 +3559,5 @@ const AlephaUI = $module({
 });
 
 //#endregion
-export { ActionButton_default as ActionButton, AdminShell_default as AdminShell, AlephaMantineProvider_default as AlephaMantineProvider, AlephaUI, AlertDialog_default as AlertDialog, AppBar_default as AppBar, BurgerButton_default as BurgerButton, ClipboardButton_default as ClipboardButton, ConfirmDialog_default as ConfirmDialog, Control_default as Control, ControlDate_default as ControlDate, ControlQueryBuilder_default as ControlQueryBuilder, ControlSelect_default as ControlSelect, DarkModeButton_default as DarkModeButton, DataTable_default as DataTable, DialogService, Flex, JsonViewer_default as JsonViewer, LanguageButton_default as LanguageButton, OPERATOR_INFO, Omnibar_default as Omnibar, OmnibarButton_default as OmnibarButton, PromptDialog_default as PromptDialog, RootRouter, Sidebar, Text, ThemeButton_default as ThemeButton, ThemeProvider, ToastService, TypeForm_default as TypeForm, capitalize, extractSchemaFields, getDefaultIcon, getOperatorsForField, prettyName, themeAtom, ui, useDialog, useToast };
+export { ActionButton_default as ActionButton, AdminShell_default as AdminShell, AlephaMantineProvider_default as AlephaMantineProvider, AlephaUI, AlertDialog_default as AlertDialog, AppBar_default as AppBar, BurgerButton_default as BurgerButton, ClipboardButton_default as ClipboardButton, ConfirmDialog_default as ConfirmDialog, Control_default as Control, ControlDate_default as ControlDate, ControlQueryBuilder_default as ControlQueryBuilder, ControlSelect_default as ControlSelect, DarkModeButton_default as DarkModeButton, DataTable_default as DataTable, DialogService, Flex, JsonViewer_default as JsonViewer, LanguageButton_default as LanguageButton, OPERATOR_INFO, Omnibar_default as Omnibar, OmnibarButton_default as OmnibarButton, PromptDialog_default as PromptDialog, RootRouter, Sidebar, Text, ThemeButton_default as ThemeButton, ThemeProvider, ToastService, TypeForm_default as TypeForm, capitalize, extractSchemaFields, getDefaultIcon, getOperatorsForField, mantineThemeAtom, prettyName, ui, useDialog, useToast };
 //# sourceMappingURL=index.js.map