@burdenoff/microfe-admin 2026.511.1

package/dist/admin/components/forms/UserForm.js

@@ -0,0 +1,253 @@
+import { cn as e } from "../../utils/cn.js";
+import { Input as t } from "../ui.js";
+import { FormRow as n, FormSection as r, FormSheet as i, FormSheetFooter as a } from "../FormSheet.js";
+import { Controller as o, useForm as s } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { a as c } from "../../../node_modules/@hookform/resolvers/zod/dist/zod.js";
+import { booleanType as l, enumType as u, objectType as d, stringType as f } from "../../../node_modules/zod/v3/types.js";
+import * as p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/admin/components/forms/UserForm.tsx
+function g({ label: e, error: t, required: n, children: r, description: i }) {
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-1.5",
+		children: [
+			/* @__PURE__ */ h("label", {
+				className: "text-sm font-medium text-foreground",
+				children: [e, n && /* @__PURE__ */ m("span", {
+					className: "text-destructive ml-0.5",
+					children: "*"
+				})]
+			}),
+			r,
+			i && !t && /* @__PURE__ */ m("p", {
+				className: "text-xs text-muted-foreground",
+				children: i
+			}),
+			t && /* @__PURE__ */ m("p", {
+				className: "text-xs text-destructive",
+				children: t
+			})
+		]
+	});
+}
+var _ = p.forwardRef(({ className: t, options: n, placeholder: r, ...i }, a) => /* @__PURE__ */ h("select", {
+	ref: a,
+	className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", t),
+	...i,
+	children: [r && /* @__PURE__ */ m("option", {
+		value: "",
+		disabled: !0,
+		children: r
+	}), n.map((e) => /* @__PURE__ */ m("option", {
+		value: e.value,
+		children: e.label
+	}, e.value))]
+}));
+_.displayName = "SelectField";
+function v({ label: t, checked: n, onChange: r, description: i, disabled: a }) {
+	return /* @__PURE__ */ h("label", {
+		className: "flex items-start gap-3 cursor-pointer",
+		children: [/* @__PURE__ */ m("input", {
+			type: "checkbox",
+			checked: n,
+			onChange: (e) => r(e.target.checked),
+			disabled: a,
+			className: e("mt-0.5 h-4 w-4 rounded border border-input shadow-sm", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "checked:bg-primary checked:border-primary")
+		}), /* @__PURE__ */ h("div", {
+			className: "space-y-0.5",
+			children: [/* @__PURE__ */ m("span", {
+				className: "text-sm font-medium text-foreground",
+				children: t
+			}), i && /* @__PURE__ */ m("p", {
+				className: "text-xs text-muted-foreground",
+				children: i
+			})]
+		})]
+	});
+}
+var y = d({
+	email: f().email("Invalid email address"),
+	firstName: f().min(1, "First name is required").max(50, "First name must be less than 50 characters"),
+	lastName: f().min(1, "Last name is required").max(50, "Last name must be less than 50 characters"),
+	role: u([
+		"admin",
+		"member",
+		"viewer",
+		"owner"
+	]),
+	status: u([
+		"active",
+		"inactive",
+		"pending",
+		"suspended"
+	]).optional(),
+	tenantId: f().optional(),
+	sendInvite: l()
+}), b = [
+	{
+		value: "viewer",
+		label: "Viewer"
+	},
+	{
+		value: "member",
+		label: "Member"
+	},
+	{
+		value: "admin",
+		label: "Admin"
+	},
+	{
+		value: "owner",
+		label: "Owner"
+	}
+], x = [
+	{
+		value: "active",
+		label: "Active"
+	},
+	{
+		value: "inactive",
+		label: "Inactive"
+	},
+	{
+		value: "pending",
+		label: "Pending"
+	},
+	{
+		value: "suspended",
+		label: "Suspended"
+	}
+];
+function S({ open: e, onClose: l, user: u, tenantId: d, tenants: f = [], onSave: S }) {
+	let C = !!u, w = "user-form", T = u?.firstName && u?.lastName ? {
+		firstName: u.firstName,
+		lastName: u.lastName
+	} : (u?.email, {
+		firstName: "",
+		lastName: ""
+	}), E = {
+		email: u?.email ?? "",
+		firstName: T.firstName,
+		lastName: T.lastName,
+		role: u?.role?.toLowerCase() ?? "member",
+		status: u?.status,
+		tenantId: u?.tenantId ?? d ?? "",
+		sendInvite: !C
+	}, { register: D, handleSubmit: O, control: k, formState: { errors: A, isSubmitting: j }, reset: M } = s({
+		resolver: c(y),
+		defaultValues: E
+	});
+	return p.useEffect(() => {
+		e && M(E);
+	}, [
+		e,
+		u?.id,
+		d
+	]), /* @__PURE__ */ m(i, {
+		open: e,
+		onClose: l,
+		title: C ? "Edit User" : "Invite User",
+		description: C ? `Editing ${u.email}` : "Add a new user and send them an invite",
+		width: "md",
+		footer: /* @__PURE__ */ m(a, {
+			formId: w,
+			submitLabel: C ? "Save Changes" : "Send Invite",
+			onCancel: l,
+			isSubmitting: j
+		}),
+		children: /* @__PURE__ */ h("form", {
+			id: w,
+			onSubmit: O(async (e) => {
+				try {
+					await S({
+						...e,
+						id: u?.id
+					}), l();
+				} catch (e) {
+					console.error("Failed to save user:", e);
+				}
+			}),
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ h(r, {
+					title: "Basic Information",
+					children: [/* @__PURE__ */ m(g, {
+						label: "Email",
+						required: !0,
+						error: A.email?.message,
+						children: /* @__PURE__ */ m(t, {
+							type: "email",
+							...D("email"),
+							placeholder: "user@example.com",
+							"aria-invalid": !!A.email,
+							disabled: C
+						})
+					}), /* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(g, {
+						label: "First Name",
+						required: !0,
+						error: A.firstName?.message,
+						children: /* @__PURE__ */ m(t, {
+							...D("firstName"),
+							placeholder: "John",
+							"aria-invalid": !!A.firstName
+						})
+					}), /* @__PURE__ */ m(g, {
+						label: "Last Name",
+						required: !0,
+						error: A.lastName?.message,
+						children: /* @__PURE__ */ m(t, {
+							...D("lastName"),
+							placeholder: "Doe",
+							"aria-invalid": !!A.lastName
+						})
+					})] })]
+				}),
+				/* @__PURE__ */ h(r, {
+					title: "Role & Access",
+					children: [/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(g, {
+						label: "Role",
+						required: !0,
+						children: /* @__PURE__ */ m(_, {
+							...D("role"),
+							options: b
+						})
+					}), C && /* @__PURE__ */ m(g, {
+						label: "Status",
+						children: /* @__PURE__ */ m(_, {
+							...D("status"),
+							options: x
+						})
+					})] }), f.length > 0 && /* @__PURE__ */ m(g, {
+						label: "Tenant",
+						description: "Assign user to a specific tenant",
+						children: /* @__PURE__ */ m(_, {
+							...D("tenantId"),
+							options: f.map((e) => ({
+								value: e.id,
+								label: e.name
+							})),
+							placeholder: "Select a tenant..."
+						})
+					})]
+				}),
+				!C && /* @__PURE__ */ m(r, {
+					title: "Invite Options",
+					children: /* @__PURE__ */ m(o, {
+						name: "sendInvite",
+						control: k,
+						render: ({ field: e }) => /* @__PURE__ */ m(v, {
+							label: "Send Invite Email",
+							checked: e.value ?? !0,
+							onChange: e.onChange,
+							description: "Send an invitation email to the user with login instructions"
+						})
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { S as UserForm };
+
+//# sourceMappingURL=UserForm.js.map

package/dist/admin/components/forms/UserForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserForm.js","names":[],"sources":["../../../../src/admin/components/forms/UserForm.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useForm, Controller, type ControllerRenderProps } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\nimport { FormSheet, FormSheetFooter, FormSection, FormRow } from '../FormSheet';\nimport { Input } from '../ui';\nimport { cn } from '../../utils/cn';\nimport type { User } from '../../types';\n\n/**\n * Form field wrapper with label and error\n */\ninterface FormFieldProps {\n  label: string;\n  error?: string;\n  required?: boolean;\n  children: React.ReactNode;\n  description?: string;\n}\n\nfunction FormField({ label, error, required, children, description }: FormFieldProps) {\n  return (\n    <div className=\"space-y-1.5\">\n      <label className=\"text-sm font-medium text-foreground\">\n        {label}\n        {required && <span className=\"text-destructive ml-0.5\">*</span>}\n      </label>\n      {children}\n      {description && !error && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\n/**\n * Select wrapper styled like Input\n */\ninterface SelectFieldProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  options: { value: string; label: string }[];\n  placeholder?: string;\n}\n\nconst SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(\n  ({ className, options, placeholder, ...props }, ref) => (\n    <select\n      ref={ref}\n      className={cn(\n        'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors',\n        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      {placeholder && (\n        <option value=\"\" disabled>\n          {placeholder}\n        </option>\n      )}\n      {options.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  )\n);\nSelectField.displayName = 'SelectField';\n\n/**\n * Checkbox with label\n */\ninterface CheckboxFieldProps {\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  description?: string;\n  disabled?: boolean;\n}\n\nfunction CheckboxField({ label, checked, onChange, description, disabled }: CheckboxFieldProps) {\n  return (\n    <label className=\"flex items-start gap-3 cursor-pointer\">\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={(e) => onChange(e.target.checked)}\n        disabled={disabled}\n        className={cn(\n          'mt-0.5 h-4 w-4 rounded border border-input shadow-sm',\n          'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          'checked:bg-primary checked:border-primary'\n        )}\n      />\n      <div className=\"space-y-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {description && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      </div>\n    </label>\n  );\n}\n\n// Unified form schema (handles both create and edit)\nconst userFormSchema = z.object({\n  email: z.string().email('Invalid email address'),\n  firstName: z\n    .string()\n    .min(1, 'First name is required')\n    .max(50, 'First name must be less than 50 characters'),\n  lastName: z\n    .string()\n    .min(1, 'Last name is required')\n    .max(50, 'Last name must be less than 50 characters'),\n  role: z.enum(['admin', 'member', 'viewer', 'owner']),\n  status: z.enum(['active', 'inactive', 'pending', 'suspended']).optional(),\n  tenantId: z.string().optional(),\n  sendInvite: z.boolean(),\n});\n\ntype UserFormData = z.infer<typeof userFormSchema>;\n\n/**\n * UserForm props\n */\nexport interface UserFormProps {\n  /** Whether the form is open */\n  open: boolean;\n  /** Callback when the form should close */\n  onClose: () => void;\n  /** Existing user data for editing (undefined for create) */\n  user?: User;\n  /** Pre-selected tenant ID */\n  tenantId?: string;\n  /** List of available tenants for selection */\n  tenants?: { id: string; name: string }[];\n  /** Callback on successful save */\n  onSave: (data: UserFormData & { id?: string }) => Promise<void>;\n}\n\nconst roleOptions = [\n  { value: 'viewer', label: 'Viewer' },\n  { value: 'member', label: 'Member' },\n  { value: 'admin', label: 'Admin' },\n  { value: 'owner', label: 'Owner' },\n];\n\nconst statusOptions = [\n  { value: 'active', label: 'Active' },\n  { value: 'inactive', label: 'Inactive' },\n  { value: 'pending', label: 'Pending' },\n  { value: 'suspended', label: 'Suspended' },\n];\n\n/**\n * UserForm - Create/Edit user form in a slide-over panel\n */\nexport function UserForm({ open, onClose, user, tenantId, tenants = [], onSave }: UserFormProps) {\n  const isEditing = !!user;\n  const formId = 'user-form';\n\n  // Extract first/last name from user.name if available\n  const nameParts =\n    user?.firstName && user?.lastName\n      ? { firstName: user.firstName, lastName: user.lastName }\n      : user?.email\n        ? { firstName: '', lastName: '' }\n        : { firstName: '', lastName: '' };\n\n  const defaultValues: UserFormData = {\n    email: user?.email ?? '',\n    firstName: nameParts.firstName,\n    lastName: nameParts.lastName,\n    role: (user?.role?.toLowerCase() ?? 'member') as UserFormData['role'],\n    status: user?.status as UserFormData['status'],\n    tenantId: user?.tenantId ?? tenantId ?? '',\n    sendInvite: !isEditing,\n  };\n\n  const {\n    register,\n    handleSubmit,\n    control,\n    formState: { errors, isSubmitting },\n    reset,\n  } = useForm<UserFormData>({\n    resolver: zodResolver(userFormSchema),\n    defaultValues,\n  });\n\n  // Reset form when user or tenantId changes\n  React.useEffect(() => {\n    if (open) {\n      reset(defaultValues);\n    }\n  }, [open, user?.id, tenantId]);\n\n  const onSubmit = async (data: UserFormData) => {\n    try {\n      await onSave({ ...data, id: user?.id });\n      onClose();\n    } catch (error) {\n      console.error('Failed to save user:', error);\n    }\n  };\n\n  return (\n    <FormSheet\n      open={open}\n      onClose={onClose}\n      title={isEditing ? 'Edit User' : 'Invite User'}\n      description={isEditing ? `Editing ${user.email}` : 'Add a new user and send them an invite'}\n      width=\"md\"\n      footer={\n        <FormSheetFooter\n          formId={formId}\n          submitLabel={isEditing ? 'Save Changes' : 'Send Invite'}\n          onCancel={onClose}\n          isSubmitting={isSubmitting}\n        />\n      }\n    >\n      <form id={formId} onSubmit={handleSubmit(onSubmit)} className=\"space-y-6\">\n        {/* Basic Information */}\n        <FormSection title=\"Basic Information\">\n          <FormField label=\"Email\" required error={errors.email?.message}>\n            <Input\n              type=\"email\"\n              {...register('email')}\n              placeholder=\"user@example.com\"\n              aria-invalid={!!errors.email}\n              disabled={isEditing} // Can't change email after creation\n            />\n          </FormField>\n\n          <FormRow>\n            <FormField label=\"First Name\" required error={errors.firstName?.message}>\n              <Input\n                {...register('firstName')}\n                placeholder=\"John\"\n                aria-invalid={!!errors.firstName}\n              />\n            </FormField>\n\n            <FormField label=\"Last Name\" required error={errors.lastName?.message}>\n              <Input {...register('lastName')} placeholder=\"Doe\" aria-invalid={!!errors.lastName} />\n            </FormField>\n          </FormRow>\n        </FormSection>\n\n        {/* Role & Access */}\n        <FormSection title=\"Role & Access\">\n          <FormRow>\n            <FormField label=\"Role\" required>\n              <SelectField {...register('role')} options={roleOptions} />\n            </FormField>\n\n            {isEditing && (\n              <FormField label=\"Status\">\n                <SelectField {...register('status')} options={statusOptions} />\n              </FormField>\n            )}\n          </FormRow>\n\n          {tenants.length > 0 && (\n            <FormField label=\"Tenant\" description=\"Assign user to a specific tenant\">\n              <SelectField\n                {...register('tenantId')}\n                options={tenants.map((t) => ({ value: t.id, label: t.name }))}\n                placeholder=\"Select a tenant...\"\n              />\n            </FormField>\n          )}\n        </FormSection>\n\n        {/* Invite Options (only for new users) */}\n        {!isEditing && (\n          <FormSection title=\"Invite Options\">\n            <Controller\n              name=\"sendInvite\"\n              control={control}\n              render={({ field }: { field: ControllerRenderProps<UserFormData, 'sendInvite'> }) => (\n                <CheckboxField\n                  label=\"Send Invite Email\"\n                  checked={field.value ?? true}\n                  onChange={field.onChange}\n                  description=\"Send an invitation email to the user with login instructions\"\n                />\n              )}\n            />\n          </FormSection>\n        )}\n      </form>\n    </FormSheet>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/components/forms/index.d.ts

@@ -0,0 +1,5 @@
+export { TenantForm, type TenantFormProps } from './TenantForm';
+export { UserForm, type UserFormProps } from './UserForm';
+export { SubscriptionForm, type SubscriptionFormProps } from './SubscriptionForm';
+export { TicketForm, type TicketFormProps } from './TicketForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/admin/components/forms/index.js

@@ -0,0 +1,4 @@
+import "./TenantForm.js";
+import "./UserForm.js";
+import "./SubscriptionForm.js";
+import "./TicketForm.js";

package/dist/admin/components/index.d.ts

@@ -0,0 +1,15 @@
+export * from './ui';
+export { PageLayout, PageSection } from './PageLayout';
+export { TenantStatusBadge, UserStatusBadge, SubscriptionStatusBadge, TicketStatusBadge, TicketPriorityBadge, HealthStatusBadge, DeploymentStatusBadge, } from './StatusBadge';
+export { MetricCard, MetricsGrid } from './MetricCard';
+export { ActivityFeed } from './ActivityFeed';
+export { DataTable, Pagination } from './DataTable';
+export { RevenueTrendChart, TenantGrowthChart, ProductUsageChart, QuickLinks } from './Charts';
+export { FormSheet, FormSheetFooter, FormSection, FormRow } from './FormSheet';
+export * from './forms';
+export { ToastProvider, useToast, type Toast, type ToastType } from './Toast';
+export { ConfirmDialog, DeleteConfirmDialog, type ConfirmDialogProps, type DeleteConfirmDialogProps, } from './ConfirmDialog';
+export { RowActions, createRowActions, type RowAction, type RowActionsProps } from './RowActions';
+export { PermissionGuard } from './PermissionGuard';
+export { AccessDenied } from './AccessDenied';
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/components/index.ts"],"names":[],"mappings":"AACA,cAAc,MAAM,CAAC;AAGrB,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGvD,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGpD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG/F,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC/E,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAG9E,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,GAC9B,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGlG,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/admin/components/index.js

@@ -0,0 +1,17 @@
+import "./Toast.js";
+import "./ui.js";
+import "./PageLayout.js";
+import "./StatusBadge.js";
+import "./MetricCard.js";
+import "./ActivityFeed.js";
+import "./DataTable.js";
+import "./Charts.js";
+import "./FormSheet.js";
+import "./forms/TenantForm.js";
+import "./forms/UserForm.js";
+import "./forms/SubscriptionForm.js";
+import "./forms/index.js";
+import "./ConfirmDialog.js";
+import "./RowActions.js";
+import "./AccessDenied.js";
+import "./PermissionGuard.js";

package/dist/admin/components/ui.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const CardContent: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: 'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline';
+}
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+    size?: 'default' | 'sm' | 'lg' | 'icon';
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+type SkeletonProps = HTMLAttributes<HTMLDivElement>;
+export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
+interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+}
+export declare const Separator: import('react').ForwardRefExoticComponent<SeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
+interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    fallback: string;
+    size?: 'sm' | 'default' | 'lg';
+}
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+}
+export declare function EmptyState({ icon, title, description, action }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    size?: 'sm' | 'default' | 'lg';
+}
+export declare function Spinner({ className, size, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+interface PageLoadingFallbackProps {
+    message?: string;
+}
+export declare function PageLoadingFallback({ message }: PageLoadingFallbackProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ui.d.ts.map

package/dist/admin/components/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ui.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAQ7E,UAAU,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,sGAahB,CAAC;AAGF,eAAO,MAAM,UAAU,sGAMtB,CAAC;AAGF,eAAO,MAAM,SAAS,mIAUrB,CAAC;AAGF,eAAO,MAAM,eAAe,uIAO1B,CAAC;AAGH,eAAO,MAAM,WAAW,sGAMvB,CAAC;AAGF,eAAO,MAAM,UAAU,sGAMtB,CAAC;AAOF,UAAU,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC1D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;CACvF;AAWD,eAAO,MAAM,KAAK,wGAcjB,CAAC;AAOF,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACzC;AAkBD,eAAO,MAAM,MAAM,2GAiBlB,CAAC;AAOF,KAAK,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE9D,eAAO,MAAM,KAAK,yGAgBjB,CAAC;AAOF,KAAK,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpD,eAAO,MAAM,QAAQ,0GAIpB,CAAC;AAOF,UAAU,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7D,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,2GAYrB,CAAC;AAOF,UAAU,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CAChC;AAQD,eAAO,MAAM,MAAM,wGAoBlB,CAAC;AAOF,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,eAAe,2CAS/E;AAMD,UAAU,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CAChC;AAQD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAW9E;AAMD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAsB,EAAE,EAAE,wBAAwB,2CAOvF"}

package/dist/admin/components/ui.js

@@ -0,0 +1,140 @@
+import { cn as e } from "../utils/cn.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/admin/components/ui.tsx
+var i = t(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n("div", {
+	ref: a,
+	className: e("rounded-lg border border-border bg-card text-card-foreground shadow-sm", t),
+	...i,
+	children: r
+}));
+i.displayName = "Card";
+var a = t(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n("div", {
+	ref: a,
+	className: e("flex flex-col space-y-1.5 p-6", t),
+	...i,
+	children: r
+}));
+a.displayName = "CardHeader";
+var o = t(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n("h3", {
+	ref: a,
+	className: e("text-2xl font-semibold leading-none tracking-tight", t),
+	...i,
+	children: r
+}));
+o.displayName = "CardTitle";
+var s = t(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n("p", {
+	ref: a,
+	className: e("text-sm text-muted-foreground", t),
+	...i,
+	children: r
+}));
+s.displayName = "CardDescription";
+var c = t(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n("div", {
+	ref: a,
+	className: e("p-6 pt-0", t),
+	...i,
+	children: r
+}));
+c.displayName = "CardContent";
+var l = t(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n("div", {
+	ref: a,
+	className: e("flex items-center p-6 pt-0", t),
+	...i,
+	children: r
+}));
+l.displayName = "CardFooter";
+var u = {
+	default: "bg-primary text-primary-foreground",
+	secondary: "bg-secondary text-secondary-foreground",
+	success: "bg-success/10 text-success border-success/20",
+	warning: "bg-warning/10 text-warning border-warning/20",
+	destructive: "bg-destructive/10 text-destructive border-destructive/20",
+	outline: "border-border bg-transparent text-foreground"
+}, d = t(({ className: t, variant: r = "default", children: i, ...a }, o) => /* @__PURE__ */ n("span", {
+	ref: o,
+	className: e("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors", u[r], t),
+	...a,
+	children: i
+}));
+d.displayName = "Badge";
+var f = {
+	default: "bg-primary text-primary-foreground hover:bg-primary/90",
+	secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+	outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+	ghost: "hover:bg-accent hover:text-accent-foreground",
+	destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+	link: "text-primary underline-offset-4 hover:underline"
+}, p = {
+	default: "h-10 px-4 py-2",
+	sm: "h-9 rounded-md px-3",
+	lg: "h-11 rounded-md px-8",
+	icon: "h-10 w-10"
+}, m = t(({ className: t, variant: r = "default", size: i = "default", children: a, ...o }, s) => /* @__PURE__ */ n("button", {
+	ref: s,
+	className: e("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", f[r], p[i], t),
+	...o,
+	children: a
+}));
+m.displayName = "Button";
+var h = t(({ className: t, type: r, ...i }, a) => /* @__PURE__ */ n("input", {
+	type: r,
+	className: e("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", t),
+	ref: a,
+	...i
+}));
+h.displayName = "Input";
+var g = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("animate-pulse rounded-md bg-muted", t),
+	...r
+}));
+g.displayName = "Skeleton";
+var _ = t(({ className: t, orientation: r = "horizontal", ...i }, a) => /* @__PURE__ */ n("div", {
+	ref: a,
+	className: e("shrink-0 bg-border", r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", t),
+	...i
+}));
+_.displayName = "Separator";
+var v = {
+	sm: "h-8 w-8 text-xs",
+	default: "h-10 w-10 text-sm",
+	lg: "h-12 w-12 text-base"
+}, y = t(({ className: t, src: r, alt: i, fallback: a, size: o = "default", ...s }, c) => /* @__PURE__ */ n("div", {
+	ref: c,
+	className: e("relative flex shrink-0 overflow-hidden rounded-full bg-muted", v[o], t),
+	...s,
+	children: r ? /* @__PURE__ */ n("img", {
+		src: r,
+		alt: i,
+		className: "aspect-square h-full w-full object-cover"
+	}) : /* @__PURE__ */ n("span", {
+		className: "flex h-full w-full items-center justify-center font-medium text-muted-foreground",
+		children: a
+	})
+}));
+y.displayName = "Avatar";
+function b({ icon: e, title: t, description: i, action: a }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col items-center justify-center py-12 text-center",
+		children: [
+			e && /* @__PURE__ */ n("div", {
+				className: "mb-4 rounded-full bg-muted p-4 text-muted-foreground",
+				children: e
+			}),
+			/* @__PURE__ */ n("h3", {
+				className: "mb-2 text-lg font-semibold",
+				children: t
+			}),
+			i && /* @__PURE__ */ n("p", {
+				className: "mb-4 max-w-sm text-sm text-muted-foreground",
+				children: i
+			}),
+			a
+		]
+	});
+}
+//#endregion
+export { y as Avatar, d as Badge, m as Button, i as Card, c as CardContent, s as CardDescription, l as CardFooter, a as CardHeader, o as CardTitle, b as EmptyState, h as Input, _ as Separator, g as Skeleton };
+
+//# sourceMappingURL=ui.js.map

package/dist/admin/components/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../src/admin/components/ui.tsx"],"sourcesContent":["/**\n * Shared UI Components for Admin Console\n * Using semantic tokens for consistent theming\n */\n\nimport type { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { cn } from '../utils/cn';\n\n// ============================================================================\n// Card Components\n// ============================================================================\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'rounded-lg border border-border bg-card text-card-foreground shadow-sm',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n);\nCard.displayName = 'Card';\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props}>\n      {children}\n    </div>\n  )\n);\nCardHeader.displayName = 'CardHeader';\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, children, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn('text-2xl font-semibold leading-none tracking-tight', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n);\nCardTitle.displayName = 'CardTitle';\n\nexport const CardDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => (\n  <p ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props}>\n    {children}\n  </p>\n));\nCardDescription.displayName = 'CardDescription';\n\nexport const CardContent = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={cn('p-6 pt-0', className)} {...props}>\n      {children}\n    </div>\n  )\n);\nCardContent.displayName = 'CardContent';\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props}>\n      {children}\n    </div>\n  )\n);\nCardFooter.displayName = 'CardFooter';\n\n// ============================================================================\n// Badge Component\n// ============================================================================\n\ninterface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  variant?: 'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline';\n}\n\nconst badgeVariants = {\n  default: 'bg-primary text-primary-foreground',\n  secondary: 'bg-secondary text-secondary-foreground',\n  success: 'bg-success/10 text-success border-success/20',\n  warning: 'bg-warning/10 text-warning border-warning/20',\n  destructive: 'bg-destructive/10 text-destructive border-destructive/20',\n  outline: 'border-border bg-transparent text-foreground',\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant = 'default', children, ...props }, ref) => (\n    <span\n      ref={ref}\n      className={cn(\n        'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors',\n        badgeVariants[variant],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n);\nBadge.displayName = 'Badge';\n\n// ============================================================================\n// Button Component\n// ============================================================================\n\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';\n  size?: 'default' | 'sm' | 'lg' | 'icon';\n}\n\nconst buttonVariants = {\n  default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n  outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\n  ghost: 'hover:bg-accent hover:text-accent-foreground',\n  destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n  link: 'text-primary underline-offset-4 hover:underline',\n};\n\nconst buttonSizes = {\n  default: 'h-10 px-4 py-2',\n  sm: 'h-9 rounded-md px-3',\n  lg: 'h-11 rounded-md px-8',\n  icon: 'h-10 w-10',\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'default', size = 'default', children, ...props }, ref) => (\n    <button\n      ref={ref}\n      className={cn(\n        'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n        'disabled:pointer-events-none disabled:opacity-50',\n        buttonVariants[variant],\n        buttonSizes[size],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n);\nButton.displayName = 'Button';\n\n// ============================================================================\n// Input Component\n// ============================================================================\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => (\n    <input\n      type={type}\n      className={cn(\n        'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background',\n        'file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground',\n        'placeholder:text-muted-foreground',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n);\nInput.displayName = 'Input';\n\n// ============================================================================\n// Skeleton Component\n// ============================================================================\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement>;\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('animate-pulse rounded-md bg-muted', className)} {...props} />\n  )\n);\nSkeleton.displayName = 'Skeleton';\n\n// ============================================================================\n// Separator Component\n// ============================================================================\n\ninterface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport const Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  ({ className, orientation = 'horizontal', ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'shrink-0 bg-border',\n        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nSeparator.displayName = 'Separator';\n\n// ============================================================================\n// Avatar Component\n// ============================================================================\n\ninterface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  fallback: string;\n  size?: 'sm' | 'default' | 'lg';\n}\n\nconst avatarSizes = {\n  sm: 'h-8 w-8 text-xs',\n  default: 'h-10 w-10 text-sm',\n  lg: 'h-12 w-12 text-base',\n};\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n  ({ className, src, alt, fallback, size = 'default', ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex shrink-0 overflow-hidden rounded-full bg-muted',\n        avatarSizes[size],\n        className\n      )}\n      {...props}\n    >\n      {src ? (\n        <img src={src} alt={alt} className=\"aspect-square h-full w-full object-cover\" />\n      ) : (\n        <span className=\"flex h-full w-full items-center justify-center font-medium text-muted-foreground\">\n          {fallback}\n        </span>\n      )}\n    </div>\n  )\n);\nAvatar.displayName = 'Avatar';\n\n// ============================================================================\n// Empty State Component\n// ============================================================================\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n}\n\nexport function EmptyState({ icon, title, description, action }: EmptyStateProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n      {icon && <div className=\"mb-4 rounded-full bg-muted p-4 text-muted-foreground\">{icon}</div>}\n      <h3 className=\"mb-2 text-lg font-semibold\">{title}</h3>\n      {description && <p className=\"mb-4 max-w-sm text-sm text-muted-foreground\">{description}</p>}\n      {action}\n    </div>\n  );\n}\n\n// ============================================================================\n// Loading Spinner Component\n// ============================================================================\n\ninterface SpinnerProps extends HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'default' | 'lg';\n}\n\nconst spinnerSizes = {\n  sm: 'h-4 w-4',\n  default: 'h-6 w-6',\n  lg: 'h-8 w-8',\n};\n\nexport function Spinner({ className, size = 'default', ...props }: SpinnerProps) {\n  return (\n    <div\n      className={cn(\n        'animate-spin rounded-full border-2 border-current border-t-transparent text-primary',\n        spinnerSizes[size],\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n// ============================================================================\n// Page Loading Fallback\n// ============================================================================\n\ninterface PageLoadingFallbackProps {\n  message?: string;\n}\n\nexport function PageLoadingFallback({ message = 'Loading...' }: PageLoadingFallbackProps) {\n  return (\n    <div className=\"flex h-full min-h-[400px] flex-col items-center justify-center gap-4\">\n      <Spinner size=\"lg\" />\n      <p className=\"text-sm text-muted-foreground\">{message}</p>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/constants/index.d.ts

@@ -0,0 +1,75 @@
+import { TenantStatus, UserStatus, SubscriptionStatus, TicketStatus, TicketPriority, HealthStatus, DeploymentStatus, CloudProvider } from '../types';
+
+/**
+ * Tenant status labels and colors
+ */
+export declare const TENANT_STATUS_CONFIG: Record<TenantStatus, {
+    label: string;
+    color: string;
+}>;
+/**
+ * User status labels and colors
+ */
+export declare const USER_STATUS_CONFIG: Record<UserStatus, {
+    label: string;
+    color: string;
+}>;
+/**
+ * Subscription status labels and colors
+ */
+export declare const SUBSCRIPTION_STATUS_CONFIG: Record<SubscriptionStatus, {
+    label: string;
+    color: string;
+}>;
+/**
+ * Ticket status labels and colors
+ */
+export declare const TICKET_STATUS_CONFIG: Record<TicketStatus, {
+    label: string;
+    color: string;
+}>;
+/**
+ * Ticket priority labels and colors
+ */
+export declare const TICKET_PRIORITY_CONFIG: Record<TicketPriority, {
+    label: string;
+    color: string;
+}>;
+/**
+ * Health status labels and colors
+ */
+export declare const HEALTH_STATUS_CONFIG: Record<HealthStatus, {
+    label: string;
+    color: string;
+}>;
+/**
+ * Deployment status labels and colors
+ */
+export declare const DEPLOYMENT_STATUS_CONFIG: Record<DeploymentStatus, {
+    label: string;
+    color: string;
+}>;
+/**
+ * Cloud provider labels and colors
+ */
+export declare const CLOUD_PROVIDER_CONFIG: Record<CloudProvider, {
+    label: string;
+    color: string;
+    icon: string;
+}>;
+/**
+ * Chart colors using semantic tokens
+ */
+export declare const CHART_COLORS: {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    quaternary: string;
+    quinary: string;
+};
+/**
+ * Default pagination
+ */
+export declare const DEFAULT_PAGE_SIZE = 20;
+export declare const PAGE_SIZE_OPTIONS: number[];
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACd,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAUvF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAKnF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,kBAAkB,EAClB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAUjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAKvF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,cAAc,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAQ3F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAKvF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,gBAAgB,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAQ7F,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,aAAa,EACb;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAkB/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,iBAAiB,UAAoB,CAAC"}