@tulip-systems/core 0.8.3 → 0.9.0

package/dist/modules/inline/hooks/use-inline.client.d.mts

@@ -0,0 +1,144 @@
+import { Permission } from "../../auth/lib/permissions.mjs";
+import { useInlineState } from "./inline-state.client.mjs";
+import { z as z$1 } from "zod";
+import { DefaultError, MutationOptions } from "@tanstack/react-query";
+
+//#region src/modules/inline/hooks/use-inline.client.d.ts
+type InlineTrigger = "change" | "blur" | "commit";
+type MutationConfig<TAllowedTrigger extends InlineTrigger> = {
+  on: TAllowedTrigger;
+  debounceMs?: number;
+};
+type InlineStrategy<TSchema extends z$1.ZodType, TAllowedTrigger extends InlineTrigger> = {
+  validate?: Partial<Record<TAllowedTrigger, TSchema>>;
+  mutate: MutationConfig<TAllowedTrigger>;
+};
+/**
+ * Use the inline edit hook options.
+ */
+type useInlineEditOptions<TAllowedTrigger extends InlineTrigger, TSchema extends z$1.ZodType, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = {
+  /**
+   * Initial value
+   */
+  initialValue?: z$1.input<TSchema>;
+  /**
+   * Transform validated schema value to mutation variables
+   */
+  variables?: (value: z$1.output<TSchema>) => TVariables;
+  /**
+   * Mutation options to execute on update
+   */
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+  /**
+   * Permission required to edit
+   */
+  permission?: Permission;
+  /**
+   * Disable inline editing
+   */
+  disabled?: boolean;
+  /**
+   * Trigger-based strategy
+   */
+  strategy: InlineStrategy<TSchema, TAllowedTrigger>;
+};
+/**
+ * Inline edit hook props
+ */
+type UseInlineEditProps<TAllowedTrigger extends InlineTrigger, TSchema extends z$1.ZodType, TValue, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = useInlineEditOptions<TAllowedTrigger, TSchema, TData, TError, TVariables, TOnMutateResult> & {
+  parser: {
+    /**
+     * Transform the value from the result type to the value type
+     */
+    decode: (value: z$1.input<TSchema>) => TValue;
+    /**
+     * Transform the value from the value type to the result type
+     */
+    encode: (value: TValue) => z$1.input<TSchema>;
+  };
+};
+/**
+ * Resolves access and disabled state for inline editing.
+ *
+ * Responsibilities:
+ * - Merge local `permission`/`disabled` with provider-level config
+ * - Evaluate authorization via `usePermission`
+ * - Return `isAllowed` and final `isDisabled`
+ */
+type UseInlineAccessProps = {
+  permission?: Permission;
+  disabled?: boolean;
+};
+declare function useInlineAccess({
+  permission,
+  disabled
+}: UseInlineAccessProps): {
+  isAllowed: boolean;
+  isDisabled: boolean;
+};
+/**
+ * Encapsulates mutation lifecycle and side effects.
+ *
+ * Responsibilities:
+ * - Execute mutation with status transitions (`pending/success/error`)
+ * - Reset value on error to `initialValue`
+ * - Apply permission/disabled guards before mutating
+ * - Provide debounced and immediate mutation entry points
+ */
+type UseInlineMutationProps<TSchema extends z$1.ZodType, TValue, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = {
+  variables?: (value: z$1.output<TSchema>) => TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+  state: ReturnType<typeof useInlineState<TValue>>;
+  access: ReturnType<typeof useInlineAccess>;
+};
+declare function useInlineMutation<TSchema extends z$1.ZodType, TValue, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  variables,
+  mutation,
+  state,
+  access
+}: UseInlineMutationProps<TSchema, TValue, TData, TError, TVariables, TOnMutateResult>): {
+  mutate: (input: z$1.output<TSchema>) => void;
+};
+/**
+ * Handles trigger-driven validation and mutation orchestration.
+ *
+ * Responsibilities:
+ * - Validate by trigger (`change/blur/commit`) using provided strategy
+ * - Encode input through parser before validation
+ * - Update local value immediately on trigger
+ * - Mutate only when trigger matches `strategy.mutate.on`
+ */
+type UseInlineStrategyProps<TAllowedTrigger extends InlineTrigger, TSchema extends z$1.ZodType, TValue> = {
+  strategy: InlineStrategy<TSchema, TAllowedTrigger>;
+  parser: {
+    /**
+     * Transform the value from the result type to the value type
+     */
+    decode: (value: z$1.input<TSchema>) => TValue;
+    /**
+     * Transform the value from the value type to the result type
+     */
+    encode: (value: TValue) => z$1.input<TSchema>;
+  };
+  state: ReturnType<typeof useInlineState<TValue>>;
+  mutations: ReturnType<typeof useInlineMutation<TSchema, TValue>>;
+};
+declare function useInlineStrategy<TAllowedTrigger extends InlineTrigger, TSchema extends z$1.ZodType, TValue>({
+  strategy,
+  state,
+  mutations,
+  parser
+}: UseInlineStrategyProps<TAllowedTrigger, TSchema, TValue>): {
+  validate: <TValidator extends z$1.ZodType>(params: {
+    validator?: TValidator;
+    input: TValue | null;
+  }) => {
+    success: true;
+    data: z$1.output<TValidator>;
+  } | {
+    success: false;
+  };
+  handleTrigger: (trigger: TAllowedTrigger, input: TValue | null) => void;
+};
+//#endregion
+export { InlineStrategy, InlineTrigger, UseInlineAccessProps, UseInlineEditProps, UseInlineMutationProps, UseInlineStrategyProps, useInlineAccess, useInlineEditOptions, useInlineMutation, useInlineStrategy };

package/dist/modules/inline/hooks/use-inline.client.mjs

@@ -0,0 +1,125 @@
+"use client";
+
+import { usePermission } from "../../auth/hooks/use-permission.mjs";
+import { useAction } from "../../../lib/hooks/use-action.mjs";
+import { useInlineProviderContext } from "./inline-provider.mjs";
+import { useCallback } from "react";
+import { useDebouncedCallback } from "use-debounce";
+
+//#region src/modules/inline/hooks/use-inline.client.tsx
+function useInlineAccess({ permission, disabled }) {
+	const providerContext = useInlineProviderContext();
+	const isAllowed = usePermission({ permission: permission ?? providerContext.permission })?.success;
+	return {
+		isAllowed,
+		isDisabled: Boolean(providerContext.disabled || disabled || !isAllowed)
+	};
+}
+function useInlineMutation({ variables, mutation, state, access }) {
+	/**
+	* Wraps the mutation with status management and error handling.
+	* - Sets status to "pending" on mutate
+	* - On success, sets status to "success" and clears errors
+	* - On error, resets value to initial and sets status to "error"
+	*/
+	const action = useAction({
+		...mutation,
+		onMutate: async (...params) => {
+			state.setStatus("pending");
+			return await mutation.onMutate?.(...params);
+		},
+		onSuccess: async (...params) => {
+			state.setStatus("success");
+			state.setError(void 0);
+			return await mutation.onSuccess?.(...params);
+		},
+		onError: async (...params) => {
+			state.setValue(state.initialValue);
+			state.setStatus("error");
+			return await mutation.onError?.(...params);
+		}
+	});
+	return { mutate: useCallback((input) => {
+		if (!access.isAllowed) {
+			state.setStatus("error");
+			state.setError("Je hebt geen toestemming om dit te bewerken");
+			return;
+		}
+		if (access.isDisabled) return;
+		const nextVariables = variables ? variables(input) : input;
+		return action.mutate(nextVariables);
+	}, [
+		action,
+		access.isAllowed,
+		access.isDisabled,
+		state.setError,
+		state.setStatus,
+		variables
+	]) };
+}
+function useInlineStrategy({ strategy, state, mutations, parser }) {
+	/**
+	* Debounced mutation function that wraps `mutateInstant` with a debounce.
+	*/
+	const mutateDebounced = useDebouncedCallback(mutations.mutate, strategy.mutate.debounceMs ?? 0);
+	/**
+	* Main mutation function that checks if debounce is configured and calls the appropriate mutate function.
+	*/
+	const mutate = useCallback((input) => strategy.mutate.debounceMs ? mutateDebounced(input) : mutations.mutate(input), [
+		mutateDebounced,
+		mutations,
+		strategy.mutate.debounceMs
+	]);
+	/**
+	* Validate the input based on the trigger and strategy configuration.
+	*/
+	const validate = useCallback((params) => {
+		const encodedValue = params.input !== null ? parser.encode(params.input) : null;
+		if (!params.validator) {
+			state.setError(void 0);
+			state.setStatus((currentStatus) => currentStatus === "error" ? "idle" : currentStatus);
+			return {
+				success: true,
+				data: encodedValue
+			};
+		}
+		const result = params.validator.safeParse(encodedValue);
+		if (result.success) {
+			state.setError(void 0);
+			state.setStatus((currentStatus) => currentStatus === "error" ? "idle" : currentStatus);
+			return {
+				success: true,
+				data: result.data
+			};
+		}
+		const message = result.error.issues[0]?.message ?? "De ingevoerde waarde is ongeldig";
+		state.setStatus("error");
+		state.setError(message);
+		return { success: false };
+	}, [
+		parser,
+		state.setError,
+		state.setStatus
+	]);
+	return {
+		validate,
+		handleTrigger: useCallback((trigger, input) => {
+			state.setValue(input ?? void 0);
+			const validator = strategy.validate?.[trigger];
+			const result = validate({
+				validator,
+				input
+			});
+			if (!result.success || strategy.mutate.on !== trigger) return;
+			mutate(result.data);
+		}, [
+			mutate,
+			state.setValue,
+			strategy,
+			validate
+		])
+	};
+}
+
+//#endregion
+export { useInlineAccess, useInlineMutation, useInlineStrategy };

package/dist/modules/{inline-edit → inline}/lib/validators.d.mts

@@ -1,6 +1,6 @@
 import { ZodType, z as z$1 } from "zod";
 
-//#region src/modules/inline-edit/lib/validators.d.ts
+//#region src/modules/inline/lib/validators.d.ts
 /**
  * Inline edit schema
  */

package/dist/modules/{inline-edit → inline}/lib/validators.mjs

@@ -1,6 +1,6 @@
 import { z as z$1 } from "zod";
 
-//#region src/modules/inline-edit/lib/validators.ts
+//#region src/modules/inline/lib/validators.ts
 /**
 * Inline edit schema
 */

package/dist/modules/inline/lib/variants.d.mts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/modules/inline/lib/variants.d.ts
+declare const inlineEditVariants: (props?: ({
+  variant?: "default" | "table" | null | undefined;
+  status?: "error" | "success" | "idle" | "pending" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type InlineEditVariantsProps = VariantProps<typeof inlineEditVariants>;
+//#endregion
+export { InlineEditVariantsProps };

package/dist/modules/{inline-edit → inline}/lib/variants.mjs

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 
-//#region src/modules/inline-edit/lib/variants.ts
+//#region src/modules/inline/lib/variants.ts
 const inlineEditVariants = cva("", {
 	variants: {
 		variant: {

package/dist/modules/storage/lib/service.server.d.mts

@@ -1922,12 +1922,12 @@ declare class Storage<TSchema extends TDatabaseSchema> {
     key: string;
     metadata: unknown;
     provider: "s3";
-    uploadId: string;
-    visibility: "private" | "public";
     size: number | null;
+    status: "error" | "pending" | "ready";
     contentType: string | null;
     bucket: string;
-    status: "error" | "pending" | "ready";
+    visibility: "private" | "public";
+    uploadId: string;
     etag: string | null;
     uploadedAt: Date;
     deletedAt: Date | null;
@@ -2171,12 +2171,12 @@ declare class Storage<TSchema extends TDatabaseSchema> {
     key: string;
     metadata: unknown;
     provider: "s3";
-    uploadId: string;
-    visibility: "private" | "public";
     size: number | null;
+    status: "error" | "pending" | "ready";
     contentType: string | null;
     bucket: string;
-    status: "error" | "pending" | "ready";
+    visibility: "private" | "public";
+    uploadId: string;
     etag: string | null;
     uploadedAt: Date;
     deletedAt: Date | null;
@@ -2202,12 +2202,12 @@ declare class Storage<TSchema extends TDatabaseSchema> {
     key: string;
     metadata: unknown;
     provider: "s3";
-    uploadId: string;
-    visibility: "private" | "public";
     size: number | null;
+    status: "error" | "pending" | "ready";
     contentType: string | null;
     bucket: string;
-    status: "error" | "pending" | "ready";
+    visibility: "private" | "public";
+    uploadId: string;
     etag: string | null;
     uploadedAt: Date;
     deletedAt: Date | null;

package/dist/router/client.d.mts

@@ -1,2 +1,2 @@
-import { createRPCClient } from "../modules/router/handler/caller.client.mjs";
+import { createRPCClient } from "../src/modules/router/handler/caller.client.mjs";
 export { createRPCClient };

package/dist/router/client.mjs

@@ -1,3 +1,3 @@
-import { createRPCClient } from "../modules/router/handler/caller.client.mjs";
+import { createRPCClient } from "../src/modules/router/handler/caller.client.mjs";
 
 export { createRPCClient };

package/dist/router/server.d.mts

@@ -1,8 +1,8 @@
-import { createRPCCaller } from "../modules/router/handler/caller.server.mjs";
-import { ProtectedRPCContext, RPCContext, createRPCContext } from "../modules/router/handler/context.server.mjs";
-import { initRPC } from "../modules/router/handler/init.server.mjs";
-import { RouterClient, registerRouterClient } from "../modules/router/handler/register.server.mjs";
-import { handleRPCRoute } from "../modules/router/handler/route.server.mjs";
-import { ServerError } from "../modules/router/lib/error.server.mjs";
-import { HydrateClient, getQueryClient } from "../modules/router/lib/query-client.server.mjs";
+import { createRPCCaller } from "../src/modules/router/handler/caller.server.mjs";
+import { ProtectedRPCContext, RPCContext, createRPCContext } from "../src/modules/router/handler/context.server.mjs";
+import { initRPC } from "../src/modules/router/handler/init.server.mjs";
+import { RouterClient, registerRouterClient } from "../src/modules/router/handler/register.server.mjs";
+import { handleRPCRoute } from "../src/modules/router/handler/route.server.mjs";
+import { ServerError } from "../src/modules/router/lib/error.server.mjs";
+import { HydrateClient, getQueryClient } from "../src/modules/router/lib/query-client.server.mjs";
 export { HydrateClient, ProtectedRPCContext, RPCContext, RouterClient, ServerError, createRPCCaller, createRPCContext, getQueryClient, handleRPCRoute, initRPC, registerRouterClient };

package/dist/router/server.mjs

@@ -1,9 +1,9 @@
-import { ServerError } from "../modules/router/lib/error.server.mjs";
-import { HydrateClient, getQueryClient } from "../modules/router/lib/query-client.server.mjs";
-import { createRPCCaller } from "../modules/router/handler/caller.server.mjs";
-import { createRPCContext } from "../modules/router/handler/context.server.mjs";
-import { initRPC } from "../modules/router/handler/init.server.mjs";
-import { registerRouterClient } from "../modules/router/handler/register.server.mjs";
-import { handleRPCRoute } from "../modules/router/handler/route.server.mjs";
+import { ServerError } from "../src/modules/router/lib/error.server.mjs";
+import { HydrateClient, getQueryClient } from "../src/modules/router/lib/query-client.server.mjs";
+import { createRPCCaller } from "../src/modules/router/handler/caller.server.mjs";
+import { createRPCContext } from "../src/modules/router/handler/context.server.mjs";
+import { initRPC } from "../src/modules/router/handler/init.server.mjs";
+import { registerRouterClient } from "../src/modules/router/handler/register.server.mjs";
+import { handleRPCRoute } from "../src/modules/router/handler/route.server.mjs";
 
 export { HydrateClient, ServerError, createRPCCaller, createRPCContext, getQueryClient, handleRPCRoute, initRPC, registerRouterClient };

package/dist/router.d.mts

@@ -1,2 +1,2 @@
-import { BulkActionSchema, bulkActionSchema } from "./modules/router/lib/validators.mjs";
+import { BulkActionSchema, bulkActionSchema } from "./src/modules/router/lib/validators.mjs";
 export { BulkActionSchema, bulkActionSchema };

package/dist/router.mjs

@@ -1,3 +1,3 @@
-import { bulkActionSchema } from "./modules/router/lib/validators.mjs";
+import { bulkActionSchema } from "./src/modules/router/lib/validators.mjs";
 
 export { bulkActionSchema };

package/dist/src/components/common/icons.d.mts

@@ -0,0 +1,60 @@
+import { LucideIcon, LucideProps } from "lucide-react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+
+//#region src/components/common/icons.d.ts
+type Icon = LucideIcon;
+declare const Icons: {
+  close: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  save: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  spinner: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  chevronLeft: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  chevronRight: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  chevronDown: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  chevronUp: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  trash: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  post: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  page: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  media: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  download: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  settings: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  billing: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  ellipsis: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  add: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  edit: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  warning: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  user: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  users: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  arrowUp: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  arrowDown: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  arrowRight: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  arrowLeft: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  moveLeft: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  moveRight: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  help: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  pizza: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  check: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  copy: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  copyDone: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  refresh: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  preview: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  externalLink: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  sun: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  lock: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  unLock: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  moon: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  search: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  laptop: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  active: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  draft: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  archive: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  restore: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  dashboard: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  regulations: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  home: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  mail: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  building: react.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  logo: (props: LucideProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Icon, Icons };

package/dist/src/components/common/icons.mjs

@@ -0,0 +1,121 @@
+import { AlertTriangle, ArchiveIcon, ArchiveRestore, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, BuildingIcon, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ClipboardCheck, Copy, CreditCard, Download, ExternalLink, EyeIcon, File, FileText, HelpCircle, HomeIcon, Image, Laptop, LayoutDashboardIcon, Loader2, LockKeyhole, LockKeyholeOpen, Mail, Moon, MoreVertical, MoveLeft, MoveRight, PenSquare, PencilRuler, Pizza, Plus, RefreshCcw, RotateCw, SaveIcon, ScrollTextIcon, Search, Settings, SunMedium, Trash, User, UsersIcon, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/common/icons.tsx
+const Icons = {
+	close: X,
+	save: SaveIcon,
+	spinner: Loader2,
+	chevronLeft: ChevronLeft,
+	chevronRight: ChevronRight,
+	chevronDown: ChevronDown,
+	chevronUp: ChevronUp,
+	trash: Trash,
+	post: FileText,
+	page: File,
+	media: Image,
+	download: Download,
+	settings: Settings,
+	billing: CreditCard,
+	ellipsis: MoreVertical,
+	add: Plus,
+	edit: PenSquare,
+	warning: AlertTriangle,
+	user: User,
+	users: UsersIcon,
+	arrowUp: ArrowUp,
+	arrowDown: ArrowDown,
+	arrowRight: ArrowRight,
+	arrowLeft: ArrowLeft,
+	moveLeft: MoveLeft,
+	moveRight: MoveRight,
+	help: HelpCircle,
+	pizza: Pizza,
+	check: Check,
+	copy: Copy,
+	copyDone: ClipboardCheck,
+	refresh: RotateCw,
+	preview: EyeIcon,
+	externalLink: ExternalLink,
+	sun: SunMedium,
+	lock: LockKeyhole,
+	unLock: LockKeyholeOpen,
+	moon: Moon,
+	search: Search,
+	laptop: Laptop,
+	active: RefreshCcw,
+	draft: PencilRuler,
+	archive: ArchiveIcon,
+	restore: ArchiveRestore,
+	dashboard: LayoutDashboardIcon,
+	regulations: ScrollTextIcon,
+	home: HomeIcon,
+	mail: Mail,
+	building: BuildingIcon,
+	logo: (props) => /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 120.09 141.73",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("title", { children: "Tulip Logo Icon" }),
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "tulip-logo-icon-gradient",
+					x1: "60.5",
+					y1: "0",
+					x2: "60.5",
+					y2: "141.73",
+					gradientUnits: "userSpaceOnUse",
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "#ffc754"
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#ff1800"
+					})]
+				}),
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: "tulip-logo-icon-gradient-2",
+					x1: "72.4",
+					y1: "5.81",
+					x2: "72.4",
+					y2: "141.73",
+					xlinkHref: "#tulip-logo-icon-gradient"
+				}),
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: "tulip-logo-icon-gradient-3",
+					x1: "47.69",
+					y1: "5.81",
+					x2: "47.69",
+					y2: "141.73",
+					xlinkHref: "#tulip-logo-icon-gradient"
+				})
+			] }),
+			/* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("g", { children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M107.88,93.09c0-35.95-47.38-93.09-47.38-93.09,0,0-47.39,57.14-47.38,93.09,0,26.17,21.21,48.64,47.38,48.64,26.17,0,47.39-22.47,47.38-48.64Z",
+					style: {
+						fill: "url(#tulip-logo-icon-gradient)",
+						opacity: .75
+					}
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M116.68,109.5c12.3-33.78-12.69-103.68-12.69-103.68,0,0-64.07,37.49-76.37,71.27-8.95,24.59,3.3,52.97,27.89,61.92,24.59,8.95,52.21-4.91,61.16-29.5Z",
+					style: {
+						fill: "url(#tulip-logo-icon-gradient-2)",
+						opacity: .75
+					}
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M92.46,77.09C80.16,43.3,16.09,5.81,16.09,5.81c0,0-24.98,69.9-12.69,103.68,8.95,24.59,36.57,38.45,61.16,29.5,24.59-8.95,36.84-37.32,27.89-61.92Z",
+					style: {
+						fill: "url(#tulip-logo-icon-gradient-3)",
+						opacity: .75
+					}
+				})
+			] }) })
+		]
+	})
+};
+
+//#endregion
+export { Icons };

package/dist/src/components/common/status.d.mts

@@ -0,0 +1,52 @@
+import { ConfigWithIcon } from "../../lib/types/config.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/common/status.d.ts
+/**
+ * Create status config
+ */
+declare const createStatusConfig: <TStatus extends string>(config: ConfigWithIcon<TStatus>[]) => ConfigWithIcon<TStatus>[];
+/**
+ * Find the status object from the config
+ * @param {TStatus[]} values
+ * @param {string} status
+ * @returns {TStatus | undefined}
+ */
+declare function findStatus<TStatus extends {
+  value: string;
+}>(values: TStatus[], status: string): TStatus | undefined;
+/**
+ * Create status variants
+ * @param {TStatus[]} values
+ * @returns {Record<string, string>}
+ */
+declare function createStatusVariants<TStatus extends string>(values: {
+  value: TStatus;
+  className: string;
+}[]): Record<TStatus, string>;
+/**
+ * Create status component props
+ */
+type CreateStatusComponentProps<TStatus extends string> = {
+  status: TStatus | null;
+};
+/**
+ * Status component props
+ */
+type StatusComponentProps<TStatus extends string> = {
+  config: ConfigWithIcon<TStatus>[];
+  variants: (props: {
+    status: TStatus;
+  }) => string;
+  status: TStatus | null;
+};
+/**
+ * Status column
+ */
+declare function StatusField<TStatus extends string>(props: StatusComponentProps<TStatus>): react_jsx_runtime0.JSX.Element;
+/**
+ * Status badge
+ */
+declare function StatusBadge<TStatus extends string>(props: StatusComponentProps<TStatus>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CreateStatusComponentProps, StatusBadge, StatusField, createStatusConfig, createStatusVariants, findStatus };