@alepha/ui 0.10.6 → 0.11.0

package/dist/AlephaMantineProvider-DDbIijPF.js

@@ -0,0 +1,96 @@
+import { NestedView, useRouterEvents } from "@alepha/react";
+import { ModalsProvider } from "@mantine/modals";
+import { ColorSchemeScript, MantineProvider } from "@mantine/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Notifications } from "@mantine/notifications";
+import { IconDashboard, IconFileText, IconHome, IconSearch, IconSettings, IconUser } from "@tabler/icons-react";
+import { NavigationProgress, nprogress } from "@mantine/nprogress";
+import { Spotlight } from "@mantine/spotlight";
+
+//#region src/components/Omnibar.tsx
+const defaultActions = [
+	{
+		id: "home",
+		label: "Home",
+		description: "Go to home page",
+		onClick: () => console.log("Home"),
+		leftSection: /* @__PURE__ */ jsx(IconHome, { size: 20 })
+	},
+	{
+		id: "dashboard",
+		label: "Dashboard",
+		description: "View your dashboard",
+		onClick: () => console.log("Dashboard"),
+		leftSection: /* @__PURE__ */ jsx(IconDashboard, { size: 20 })
+	},
+	{
+		id: "documents",
+		label: "Documents",
+		description: "Browse all documents",
+		onClick: () => console.log("Documents"),
+		leftSection: /* @__PURE__ */ jsx(IconFileText, { size: 20 })
+	},
+	{
+		id: "profile",
+		label: "Profile",
+		description: "View and edit your profile",
+		onClick: () => console.log("Profile"),
+		leftSection: /* @__PURE__ */ jsx(IconUser, { size: 20 })
+	},
+	{
+		id: "settings",
+		label: "Settings",
+		description: "Manage application settings",
+		onClick: () => console.log("Settings"),
+		leftSection: /* @__PURE__ */ jsx(IconSettings, { size: 20 })
+	}
+];
+const Omnibar = (props) => {
+	const actions = props.actions ?? defaultActions;
+	const shortcut = props.shortcut ?? "mod+K";
+	const searchPlaceholder = props.searchPlaceholder ?? "Search...";
+	const nothingFound = props.nothingFound ?? "Nothing found...";
+	return /* @__PURE__ */ jsx(Spotlight, {
+		actions,
+		shortcut,
+		searchProps: {
+			leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 20 }),
+			placeholder: searchPlaceholder
+		},
+		nothingFound
+	});
+};
+var Omnibar_default = Omnibar;
+
+//#endregion
+//#region src/components/AlephaMantineProvider.tsx
+const AlephaMantineProvider = (props) => {
+	useRouterEvents({
+		onBegin: () => {
+			nprogress.start();
+		},
+		onEnd: () => {
+			nprogress.complete();
+		}
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ColorSchemeScript, {
+		defaultColorScheme: props.mantine?.defaultColorScheme,
+		...props.colorSchemeScript
+	}), /* @__PURE__ */ jsxs(MantineProvider, {
+		...props.mantine,
+		children: [
+			/* @__PURE__ */ jsx(Notifications, { ...props.notifications }),
+			/* @__PURE__ */ jsx(NavigationProgress, { ...props.navigationProgress }),
+			/* @__PURE__ */ jsxs(ModalsProvider, {
+				...props.modals,
+				children: [/* @__PURE__ */ jsx(Omnibar_default, { ...props.omnibar }), props.children ?? /* @__PURE__ */ jsx(NestedView, {})]
+			})
+		]
+	})] });
+};
+var AlephaMantineProvider_default = AlephaMantineProvider;
+
+//#endregion
+export { Omnibar_default as n, AlephaMantineProvider_default as t };
+//# sourceMappingURL=AlephaMantineProvider-DDbIijPF.js.map

package/dist/AlephaMantineProvider-DDbIijPF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlephaMantineProvider-DDbIijPF.js","names":["defaultActions: SpotlightActionData[]","Omnibar"],"sources":["../src/components/Omnibar.tsx","../src/components/AlephaMantineProvider.tsx"],"sourcesContent":["import { Spotlight, type SpotlightActionData } from \"@mantine/spotlight\";\nimport {\n  IconDashboard,\n  IconFileText,\n  IconHome,\n  IconSearch,\n  IconSettings,\n  IconUser,\n} from \"@tabler/icons-react\";\n// biome-ignore lint/correctness/noUnusedImports: required\nimport React, { type ReactNode } from \"react\";\n\nexport interface OmnibarProps {\n  actions?: SpotlightActionData[];\n  shortcut?: string | string[];\n  searchPlaceholder?: string;\n  nothingFound?: ReactNode;\n}\n\nconst defaultActions: SpotlightActionData[] = [\n  {\n    id: \"home\",\n    label: \"Home\",\n    description: \"Go to home page\",\n    onClick: () => console.log(\"Home\"),\n    leftSection: <IconHome size={20} />,\n  },\n  {\n    id: \"dashboard\",\n    label: \"Dashboard\",\n    description: \"View your dashboard\",\n    onClick: () => console.log(\"Dashboard\"),\n    leftSection: <IconDashboard size={20} />,\n  },\n  {\n    id: \"documents\",\n    label: \"Documents\",\n    description: \"Browse all documents\",\n    onClick: () => console.log(\"Documents\"),\n    leftSection: <IconFileText size={20} />,\n  },\n  {\n    id: \"profile\",\n    label: \"Profile\",\n    description: \"View and edit your profile\",\n    onClick: () => console.log(\"Profile\"),\n    leftSection: <IconUser size={20} />,\n  },\n  {\n    id: \"settings\",\n    label: \"Settings\",\n    description: \"Manage application settings\",\n    onClick: () => console.log(\"Settings\"),\n    leftSection: <IconSettings size={20} />,\n  },\n];\n\nconst Omnibar = (props: OmnibarProps) => {\n  const actions = props.actions ?? defaultActions;\n  const shortcut = props.shortcut ?? \"mod+K\";\n  const searchPlaceholder = props.searchPlaceholder ?? \"Search...\";\n  const nothingFound = props.nothingFound ?? \"Nothing found...\";\n\n  return (\n    <Spotlight\n      actions={actions}\n      shortcut={shortcut}\n      searchProps={{\n        leftSection: <IconSearch size={20} />,\n        placeholder: searchPlaceholder,\n      }}\n      nothingFound={nothingFound}\n    />\n  );\n};\n\nexport default Omnibar;\n","import { NestedView, useRouterEvents } from \"@alepha/react\";\nimport type {\n  ColorSchemeScriptProps,\n  MantineProviderProps,\n} from \"@mantine/core\";\nimport { ColorSchemeScript, MantineProvider } from \"@mantine/core\";\nimport { ModalsProvider, type ModalsProviderProps } from \"@mantine/modals\";\nimport { Notifications, type NotificationsProps } from \"@mantine/notifications\";\nimport type { NavigationProgressProps } from \"@mantine/nprogress\";\nimport { NavigationProgress, nprogress } from \"@mantine/nprogress\";\nimport type { ReactNode } from \"react\";\nimport Omnibar, { type OmnibarProps } from \"./Omnibar\";\n\nexport interface AlephaMantineProviderProps {\n  children?: ReactNode;\n  mantine?: MantineProviderProps;\n  colorSchemeScript?: ColorSchemeScriptProps;\n  navigationProgress?: NavigationProgressProps;\n  notifications?: NotificationsProps;\n  modals?: ModalsProviderProps;\n  omnibar?: OmnibarProps;\n}\n\nconst AlephaMantineProvider = (props: AlephaMantineProviderProps) => {\n  useRouterEvents({\n    onBegin: () => {\n      nprogress.start();\n    },\n    onEnd: () => {\n      nprogress.complete();\n    },\n  });\n\n  return (\n    <>\n      <ColorSchemeScript\n        defaultColorScheme={props.mantine?.defaultColorScheme}\n        {...props.colorSchemeScript}\n      />\n      <MantineProvider {...props.mantine}>\n        <Notifications {...props.notifications} />\n        <NavigationProgress {...props.navigationProgress} />\n        <ModalsProvider {...props.modals}>\n          <Omnibar {...props.omnibar} />\n          {props.children ?? <NestedView />}\n        </ModalsProvider>\n      </MantineProvider>\n    </>\n  );\n};\n\nexport default AlephaMantineProvider;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,iBAAwC;CAC5C;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,eAAe,QAAQ,IAAI,OAAO;EAClC,aAAa,oBAAC,YAAS,MAAM,KAAM;EACpC;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,eAAe,QAAQ,IAAI,YAAY;EACvC,aAAa,oBAAC,iBAAc,MAAM,KAAM;EACzC;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,eAAe,QAAQ,IAAI,YAAY;EACvC,aAAa,oBAAC,gBAAa,MAAM,KAAM;EACxC;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,eAAe,QAAQ,IAAI,UAAU;EACrC,aAAa,oBAAC,YAAS,MAAM,KAAM;EACpC;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,eAAe,QAAQ,IAAI,WAAW;EACtC,aAAa,oBAAC,gBAAa,MAAM,KAAM;EACxC;CACF;AAED,MAAM,WAAW,UAAwB;CACvC,MAAM,UAAU,MAAM,WAAW;CACjC,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,oBAAoB,MAAM,qBAAqB;CACrD,MAAM,eAAe,MAAM,gBAAgB;AAE3C,QACE,oBAAC;EACU;EACC;EACV,aAAa;GACX,aAAa,oBAAC,cAAW,MAAM,KAAM;GACrC,aAAa;GACd;EACa;GACd;;AAIN,sBAAe;;;;ACrDf,MAAM,yBAAyB,UAAsC;AACnE,iBAAgB;EACd,eAAe;AACb,aAAU,OAAO;;EAEnB,aAAa;AACX,aAAU,UAAU;;EAEvB,CAAC;AAEF,QACE,4CACE,oBAAC;EACC,oBAAoB,MAAM,SAAS;EACnC,GAAI,MAAM;GACV,EACF,qBAAC;EAAgB,GAAI,MAAM;;GACzB,oBAAC,iBAAc,GAAI,MAAM,gBAAiB;GAC1C,oBAAC,sBAAmB,GAAI,MAAM,qBAAsB;GACpD,qBAAC;IAAe,GAAI,MAAM;eACxB,oBAACC,mBAAQ,GAAI,MAAM,UAAW,EAC7B,MAAM,YAAY,oBAAC,eAAa;KAClB;;GACD,IACjB;;AAIP,oCAAe"}

package/dist/AlephaMantineProvider-pOu8hOzK.js

@@ -0,0 +1,3 @@
+import { t as AlephaMantineProvider_default } from "./AlephaMantineProvider-DDbIijPF.js";
+
+export { AlephaMantineProvider_default as default };