@unchainedshop/admin-ui 5.0.0-alpha.2 → 5.0.0-alpha.4

package/src/modules/accounts/index.ts

@@ -0,0 +1,34 @@
+export { default as logOut } from './hooks/logOut';
+export { default as useAddEmail } from './hooks/useAddEmail';
+export { default as useAddWeb3Address } from './hooks/useAddWeb3Address';
+export { default as useAddWebAuthnCredentials } from './hooks/useAddWebAuthnCredentials';
+export { default as useChangePassword } from './hooks/useChangePassword';
+export { default as useCreateUser } from './hooks/useCreateUser';
+export { default as useCreateWebAuthnCredentialCreationOptions } from './hooks/useCreateWebAuthnCredentialCreationOptions';
+export { default as useCreateWebAuthnCredentialRequestOptions } from './hooks/useCreateWebAuthnCredentialRequestOptions';
+export { default as useCurrentUser } from './hooks/useCurrentUser';
+export { default as useDeleteUser } from './hooks/useDeleteUser';
+export { default as useForgotPassword } from './hooks/useForgotPassword';
+export { default as useGenerateLoginCredentials } from './hooks/useGenerateLoginCredentials';
+export { default as useGenerateWebAuthCredentials } from './hooks/useGenerateWebAuthCredentials';
+export { default as useLoginWithPassword } from './hooks/useLoginWithPassword';
+export { default as useLoginWithWebAuthn } from './hooks/useLoginWithWebAuthn';
+export { default as useRemoveEmail } from './hooks/useRemoveEmail';
+export { default as useRemoveWeb3Address } from './hooks/useRemoveWeb3Address';
+export { default as useRemoveWebAuthCredentials } from './hooks/useRemoveWebAuthCredentials';
+export { default as useResetPassword } from './hooks/useResetPassword';
+export { default as useSendVerificationEmail } from './hooks/useSendVerificationEmail';
+export { default as useSetPassword } from './hooks/useSetPassword';
+export { default as useSetRoles } from './hooks/useSetRoles';
+export { default as useSetUserTags } from './hooks/useSetUserTags';
+export { default as useSetUsername } from './hooks/useSetUsername';
+export { default as useUpdateUserAvatar } from './hooks/useUpdateUserAvatar';
+export { default as useUpdateUserProfile } from './hooks/useUpdateUserProfile';
+export { default as useUser } from './hooks/useUser';
+export { default as useUserWebAuthnCredentials } from './hooks/useUserWebAuthnCredentials';
+export { default as useUsers } from './hooks/useUsers';
+export { default as useUsersCount } from './hooks/useUsersCount';
+export { default as useValidateEmailVerificationToken } from './hooks/useValidateEmailVerificationToken';
+export { default as useValidateResetPasswordToken } from './hooks/useValidateResetPasswordToken';
+export { default as useVerifyEmail } from './hooks/useVerifyEmail';
+export { default as useVerifyWeb3Address } from './hooks/useVerifyWeb3Address';

package/src/modules/assortment/index.ts

@@ -0,0 +1,29 @@
+export { default as useAddAssortmentFilter } from './hooks/useAddAssortmentFilter';
+export { default as useAddAssortmentLink } from './hooks/useAddAssortmentLink';
+export { default as useAddAssortmentMedia } from './hooks/useAddAssortmentMedia';
+export { default as useAddAssortmentProduct } from './hooks/useAddAssortmentProduct';
+export { default as useAssortment } from './hooks/useAssortment';
+export { default as useAssortmentChildren } from './hooks/useAssortmentChildren';
+export { default as useAssortmentFilters } from './hooks/useAssortmentFilters';
+export { default as useAssortmentLinks } from './hooks/useAssortmentLinks';
+export { default as useAssortmentMedia } from './hooks/useAssortmentMedia';
+export { default as useAssortmentPaths } from './hooks/useAssortmentPaths';
+export { default as useAssortmentProducts } from './hooks/useAssortmentProducts';
+export { default as useAssortments } from './hooks/useAssortments';
+export { default as useAssortmentsCount } from './hooks/useAssortmentsCount';
+export { default as useCreateAssortment } from './hooks/useCreateAssortment';
+export { default as usePrepareAssortmentImport } from './hooks/usePrepareAssortmentImport';
+export { default as useRemoveAssortment } from './hooks/useRemoveAssortment';
+export { default as useRemoveAssortmentFilter } from './hooks/useRemoveAssortmentFilter';
+export { default as useRemoveAssortmentLink } from './hooks/useRemoveAssortmentLink';
+export { default as useRemoveAssortmentMedia } from './hooks/useRemoveAssortmentMedia';
+export { default as useRemoveAssortmentProduct } from './hooks/useRemoveAssortmentProduct';
+export { default as useReorderAssortmentFilters } from './hooks/useReorderAssortmentFilters';
+export { default as useReorderAssortmentLinks } from './hooks/useReorderAssortmentLinks';
+export { default as useReorderAssortmentMedia } from './hooks/useReorderAssortmentMedia';
+export { default as useReorderAssortmentProducts } from './hooks/useReorderAssortmentProducts';
+export { default as useTranslatedAssortmentMediaTexts } from './hooks/useTranslatedAssortmentMediaTexts';
+export { default as useTranslatedAssortmentTexts } from './hooks/useTranslatedAssortmentTexts';
+export { default as useUpdateAssortment } from './hooks/useUpdateAssortment';
+export { default as useUpdateAssortmentMediaTexts } from './hooks/useUpdateAssortmentMediaTexts';
+export { default as useUpdateAssortmentTexts } from './hooks/useUpdateAssortmentTexts';

package/src/modules/copilot/index.ts

@@ -0,0 +1,4 @@
+export { ChatProvider, useChatContext } from './ChatContext';
+export type { ChatMessage, ChatContextType, ChatStatus } from './types';
+export { chatUtils } from './utils/chatUtils';
+export { useChatManager } from './hooks/useChatManager';

package/src/modules/country/index.ts

@@ -0,0 +1,5 @@
+export { default as useCountries } from './hooks/useCountries';
+export { default as useCountry } from './hooks/useCountry';
+export { default as useCreateCountry } from './hooks/useCreateCountry';
+export { default as useRemoveCountry } from './hooks/useRemoveCountry';
+export { default as useUpdateCountry } from './hooks/useUpdateCountry';

package/src/modules/currency/index.ts

@@ -0,0 +1,5 @@
+export { default as useCreateCurrency } from './hooks/useCreateCurrency';
+export { default as useCurrencies } from './hooks/useCurrencies';
+export { default as useCurrency } from './hooks/useCurrency';
+export { default as useRemoveCurrency } from './hooks/useRemoveCurrency';
+export { default as useUpdateCurrency } from './hooks/useUpdateCurrency';

package/src/modules/delivery-provider/index.ts

@@ -0,0 +1,7 @@
+export { default as useCreateDeliveryProvider } from './hooks/useCreateDeliveryProvider';
+export { default as useDeliveryInterfacesByType } from './hooks/useDeliveryInterfacesByType';
+export { default as useDeliveryProvider } from './hooks/useDeliveryProvider';
+export { default as useDeliveryProviderTypes } from './hooks/useDeliveryProviderTypes';
+export { default as useDeliveryProviders } from './hooks/useDeliveryProviders';
+export { default as useRemoveDeliveryProvider } from './hooks/useRemoveDeliveryProvider';
+export { default as useUpdateDeliveryProvider } from './hooks/useUpdateDeliveryProvider';

package/src/modules/enrollment/index.ts

@@ -0,0 +1,6 @@
+export { default as useActivateEnrollment } from './hooks/useActivateEnrollment';
+export { default as useEnrollment } from './hooks/useEnrollment';
+export { default as useEnrollments } from './hooks/useEnrollments';
+export { default as useSendEnrollmentEmail } from './hooks/useSendEnrollmentEmail';
+export { default as useTerminateEnrollment } from './hooks/useTerminateEnrollment';
+export { default as useUserEnrollments } from './hooks/useUserEnrollments';

package/src/modules/event/index.ts

@@ -0,0 +1,3 @@
+export { default as useEvent } from './hooks/useEvent';
+export { default as useEventTypes } from './hooks/useEventTypes';
+export { default as useEvents } from './hooks/useEvents';

package/src/modules/filter/index.ts

@@ -0,0 +1,13 @@
+export { default as useCreateFilter } from './hooks/useCreateFilter';
+export { default as useCreateFilterOption } from './hooks/useCreateFilterOption';
+export { default as useFilter } from './hooks/useFilter';
+export { default as useFilterOptions } from './hooks/useFilterOptions';
+export { default as useFilterTypes } from './hooks/useFilterTypes';
+export { default as useFilters } from './hooks/useFilters';
+export { default as useFiltersCount } from './hooks/useFiltersCount';
+export { usePrepareFilterImport } from './hooks/usePrepareFilterImport';
+export { default as useRemoveFilter } from './hooks/useRemoveFilter';
+export { default as useRemoveFilterOption } from './hooks/useRemoveFilterOption';
+export { default as useTranslatedFilterTexts } from './hooks/useTranslatedFilterTexts';
+export { default as useUpdateFilter } from './hooks/useUpdateFilter';
+export { default as useUpdateFilterTexts } from './hooks/useUpdateFilterTexts';

package/src/modules/language/index.ts

@@ -0,0 +1,5 @@
+export { default as useCreateLanguage } from './hooks/useCreateLanguage';
+export { default as useLanguage } from './hooks/useLanguage';
+export { default as useLanguages } from './hooks/useLanguages';
+export { default as useRemoveLanguage } from './hooks/useRemoveLanguage';
+export { default as useUpdateLanguage } from './hooks/useUpdateLanguage';

package/src/modules/order/index.ts

@@ -0,0 +1,8 @@
+export { default as useConfirmOrder } from './hooks/useConfirmOrder';
+export { default as useDeliverOrder } from './hooks/useDeliverOrder';
+export { default as useOrder } from './hooks/useOrder';
+export { default as useOrders } from './hooks/useOrders';
+export { default as usePayOrder } from './hooks/usePayOrder';
+export { default as useRejectOrder } from './hooks/useRejectOrder';
+export { default as useRemoveOrder } from './hooks/useRemoveOrder';
+export { default as useUserOrders } from './hooks/useUserOrders';

package/src/modules/payment-providers/index.ts

@@ -0,0 +1,7 @@
+export { default as useCreatePaymentProvider } from './hooks/useCreatePaymentProvider';
+export { default as usePaymentInterfacesByType } from './hooks/usePaymentInterfacesByType';
+export { default as usePaymentProvider } from './hooks/usePaymentProvider';
+export { default as usePaymentProviderTypes } from './hooks/usePaymentProviderTypes';
+export { default as usePaymentProviders } from './hooks/usePaymentProviders';
+export { default as useRemovePaymentProvider } from './hooks/useRemovePaymentProvider';
+export { default as useUpdatePaymentProvider } from './hooks/useUpdatePaymentProvider';

package/src/modules/product/index.ts

@@ -0,0 +1,47 @@
+export { default as useAddProductAssignment } from './hooks/useAddProductAssignment';
+export { default as useAddProductMedia } from './hooks/useAddProductMedia';
+export { default as useCreateProduct } from './hooks/useCreateProduct';
+export { default as useCreateProductBundleItem } from './hooks/useCreateProductBundleItem';
+export { default as useCreateProductVariation } from './hooks/useCreateProductVariation';
+export { default as useCreateProductVariationOption } from './hooks/useCreateProductVariationOption';
+export { default as useExportToken } from './hooks/useExportToken';
+export { useMenuPosition } from './hooks/useMenuPosition';
+export { default as usePrepareProductImport } from './hooks/usePrepareProductImport';
+export { default as useProduct } from './hooks/useProduct';
+export { default as useProductAssignments } from './hooks/useProductAssignments';
+export { default as useProductBundleItems } from './hooks/useProductBundleItems';
+export { default as useProductCatalogPrices } from './hooks/useProductCatalogPrices';
+export { default as useProductMedia } from './hooks/useProductMedia';
+export { default as useProductPlan } from './hooks/useProductPlan';
+export { default as useProductPlanConfigurationOptions } from './hooks/useProductPlanConfigurationOptions';
+export { default as useProductReviews } from './hooks/useProductReviews';
+export { default as useProductSupply } from './hooks/useProductSupply';
+export { default as useProductTokenization } from './hooks/useProductTokenization';
+export { default as useProductVariationTypes } from './hooks/useProductVariationTypes';
+export { default as useProductVariations } from './hooks/useProductVariations';
+export { default as useProductWarehousing } from './hooks/useProductWarehousing';
+export { default as useProducts } from './hooks/useProducts';
+export { default as useProductsCount } from './hooks/useProductsCount';
+export { default as usePublishProduct } from './hooks/usePublishProduct';
+export { default as useReOrderProductMedia } from './hooks/useReOrderProductMedia';
+export { default as useRemoveBundleItem } from './hooks/useRemoveBundleItem';
+export { default as useRemoveProduct } from './hooks/useRemoveProduct';
+export { default as useRemoveProductAssignment } from './hooks/useRemoveProductAssignment';
+export { default as useRemoveProductMedia } from './hooks/useRemoveProductMedia';
+export { default as useRemoveProductVariation } from './hooks/useRemoveProductVariation';
+export { default as useRemoveProductVariationOption } from './hooks/useRemoveProductVariationOption';
+export { default as useScaffoldBundleItem } from './hooks/useScaffoldBundleItem';
+export { default as useSmartContractStandards } from './hooks/useSmartContractStandards';
+export { default as useTranslatedProductMediaTexts } from './hooks/useTranslatedProductMediaTexts';
+export { default as useTranslatedProductTexts } from './hooks/useTranslatedProductTexts';
+export { default as useUnPublishProduct } from './hooks/useUnPublishProduct';
+export { default as useUpdateProduct } from './hooks/useUpdateProduct';
+export { default as useUpdateProductCommerce } from './hooks/useUpdateProductCommerce';
+export { default as useUpdateProductMediaTexts } from './hooks/useUpdateProductMediaTexts';
+export { default as useUpdateProductPlan } from './hooks/useUpdateProductPlan';
+export { default as useUpdateProductSupply } from './hooks/useUpdateProductSupply';
+export { default as useUpdateProductTexts } from './hooks/useUpdateProductTexts';
+export { default as useUpdateProductTokenization } from './hooks/useUpdateProductTokenization';
+export { default as useUpdateProductVariationTexts } from './hooks/useUpdateProductVariationTexts';
+export { default as useUpdateProductWarehousing } from './hooks/useUpdateProductWarehousing';
+export { default as useUserTokens } from './hooks/useUserTokens';

package/src/modules/product-review/index.ts

@@ -0,0 +1,6 @@
+export { default as useAddProductReviewVote } from './hooks/useAddProductReviewVote';
+export { default as useCreateProductReview } from './hooks/useCreateProductReview';
+export { default as useProductReviewsByProductId } from './hooks/useProductReviewsByProductId';
+export { default as useRemoveProductReview } from './hooks/useRemoveProductReview';
+export { default as useRemoveProductReviewVote } from './hooks/useRemoveProductReviewVote';
+export { default as useUserProductReviews } from './hooks/useUserProductReviews';

package/src/modules/quotation/index.ts

@@ -0,0 +1,6 @@
+export { default as useMakeQuotationProposal } from './hooks/useMakeQuotationProposal';
+export { default as useQuotation } from './hooks/useQuotation';
+export { default as useQuotations } from './hooks/useQuotations';
+export { default as useRejectQuotation } from './hooks/useRejectQuotation';
+export { default as useUserQuotations } from './hooks/useUserQuotations';
+export { default as useVerifyQuotation } from './hooks/useVerifyQuotation';

package/src/modules/token/index.ts

@@ -0,0 +1,3 @@
+export { default as useInvalidateTicket } from './hooks/useInvalidateTicket';
+export { default as useToken } from './hooks/useToken';
+export { default as useTokens } from './hooks/useTokens';

package/src/modules/warehousing-providers/index.ts

@@ -0,0 +1,7 @@
+export { default as useCreateWarehousingProvider } from './hooks/useCreateWarehousingProvider';
+export { default as useRemoveWarehousingProvider } from './hooks/useRemoveWarehousingProvider';
+export { default as useUpdateWarehousingProvider } from './hooks/useUpdateWarehousingProvider';
+export { default as useWarehousingInterfacesByType } from './hooks/useWarehousingInterfacesByType';
+export { default as useWarehousingProvider } from './hooks/useWarehousingProvider';
+export { default as useWarehousingProviderTypes } from './hooks/useWarehousingProviderTypes';
+export { default as useWarehousingProviders } from './hooks/useWarehousingProviders';

package/src/modules/work/index.ts

@@ -0,0 +1,7 @@
+export { default as useAddWork } from './hooks/useAddWork';
+export { default as useAllocateWork } from './hooks/useAllocateWork';
+export { default as useRecentExports } from './hooks/useRecentExports';
+export { default as useRegisteredWorkTypes } from './hooks/useRegisteredWorkTypes';
+export { default as useRemoveWork } from './hooks/useRemoveWork';
+export { default as useWork } from './hooks/useWork';
+export { default as useWorkQueue } from './hooks/useWorkQueue';

package/src/sdk/hooks.ts

@@ -0,0 +1,11 @@
+export { default as useTheme } from '../modules/common/hooks/useTheme';
+export { default as useLocalStorage } from '../modules/common/hooks/useLocalStorage';
+export { default as useOutsideClick } from '../modules/common/hooks/useOutsideClick';
+export { default as useModal } from '../modules/modal/hooks/useModal';
+export { default as useField } from '../modules/forms/hooks/useField';
+export type {
+  FieldHookProps,
+  ComputedProps,
+} from '../modules/forms/hooks/useField';
+export { default as useForm } from '../modules/forms/hooks/useForm';
+export { default as useFormContext } from '../modules/forms/hooks/useFormContext';

package/src/sdk/modal.ts

@@ -0,0 +1,6 @@
+export { default as Modal } from '../modules/modal/components/Modal';
+export { default as ModalWrapper } from '../modules/modal/components/ModalWrapper';
+export { default as AlertMessage } from '../modules/modal/components/AlertMessage';
+export { default as DangerMessage } from '../modules/modal/components/DangerMessage';
+export { default as useModal } from '../modules/modal/hooks/useModal';
+export { default as ModalContext } from '../modules/modal/utils/ModalContext';

package/src/sdk/plugin-build.mjs

@@ -0,0 +1,112 @@
+import { defineConfig } from 'tsup';
+
+const SHARED_DEPS = {
+  react: {
+    default: ['default'],
+    named: [
+      'useState',
+      'useEffect',
+      'useCallback',
+      'useRef',
+      'useMemo',
+      'useContext',
+      'useReducer',
+      'useLayoutEffect',
+      'createContext',
+      'createElement',
+      'Fragment',
+      'Component',
+      'forwardRef',
+      'memo',
+      'lazy',
+      'Suspense',
+      'Children',
+      'cloneElement',
+      'isValidElement',
+      'createRef',
+      'StrictMode',
+    ],
+  },
+  'react/jsx-runtime': {
+    named: ['jsx', 'jsxs', 'Fragment'],
+  },
+  '@apollo/client': {
+    named: ['gql', 'useQuery', 'useMutation', 'useLazyQuery', 'useApolloClient'],
+  },
+  '@apollo/client/react': {
+    named: ['useQuery', 'useMutation', 'useLazyQuery', 'useApolloClient'],
+  },
+  'next/router': {
+    named: ['useRouter'],
+  },
+  'react-intl': {
+    named: ['useIntl', 'FormattedMessage', 'defineMessages'],
+  },
+  'react-toastify': {
+    named: ['toast'],
+  },
+  'react-hook-form': {
+    named: ['useForm', 'useFormContext', 'useController', 'useFieldArray', 'useWatch', 'FormProvider', 'Controller'],
+  },
+  '@unchainedshop/admin-ui/plugins': {
+    named: ['usePluginRuntime'],
+  },
+};
+
+function generateShim(specifier) {
+  const config = SHARED_DEPS[specifier];
+  if (!config) return '';
+
+  const lines = [
+    `var __dep = (typeof window !== 'undefined' && window.__UNCHAINED_PLUGIN_DEPS__) ? window.__UNCHAINED_PLUGIN_DEPS__[${JSON.stringify(specifier)}] : {};`,
+  ];
+
+  if (config.default) {
+    lines.push(`export default __dep;`);
+  }
+
+  if (config.named) {
+    for (const name of config.named) {
+      lines.push(`export var ${name} = __dep.${name};`);
+    }
+  }
+
+  return lines.join('\n');
+}
+
+export const unchainedPluginShims = () => ({
+  name: 'unchained-plugin-shims',
+  setup(build) {
+    const shimmable = Object.keys(SHARED_DEPS);
+    const filter = new RegExp(
+      `^(${shimmable.map((s) => s.replace(/[.*+?^${}()|[\]\\/]/g, '\\$&')).join('|')})$`,
+    );
+
+    build.onResolve({ filter }, (args) => ({
+      path: args.path,
+      namespace: 'unchained-shim',
+    }));
+
+    build.onLoad({ filter: /.*/, namespace: 'unchained-shim' }, (args) => ({
+      contents: generateShim(args.path),
+      loader: 'js',
+    }));
+  },
+});
+
+export function definePluginConfig(pluginName, entry = 'src/index.tsx') {
+  return defineConfig({
+    entry: { index: entry },
+    format: ['iife'],
+    outDir: 'dist',
+    outExtension: () => ({ js: '.global.js' }),
+    dts: false,
+    splitting: false,
+    clean: true,
+    globalName: '_pluginExports',
+    footer: {
+      js: `if(typeof window!=='undefined'){window.__UNCHAINED_PLUGINS__=window.__UNCHAINED_PLUGINS__||{};window.__UNCHAINED_PLUGINS__[${JSON.stringify(pluginName)}]=_pluginExports;}`,
+    },
+    esbuildPlugins: [unchainedPluginShims()],
+  });
+}

package/src/sdk/plugin-build.test.mjs

@@ -0,0 +1,11 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+
+import { definePluginConfig } from './plugin-build.mjs';
+
+test('definePluginConfig emits browser plugin bundles with a .global.js extension', () => {
+  const config = definePluginConfig('bookmark-manager');
+  const outputExtension = config.outExtension?.({ format: 'iife' });
+
+  assert.equal(outputExtension?.js, '.global.js');
+});

package/src/sdk/plugins.ts

@@ -0,0 +1,88 @@
+export interface EntityTabProps {
+  entity: any;
+  entityId: string;
+}
+
+export interface EntityDetailProps {
+  entityId: string;
+}
+
+export type EntityCreateProps = Record<string, never>;
+
+export type EntityListProps = Record<string, never>;
+
+export type PageProps = Record<string, never>;
+
+export type DashboardWidgetProps = Record<string, never>;
+
+// Keep in sync with packages/api/src/adminUiPlugins.ts AdminUIPluginConfig
+
+export interface PluginEntityConfig {
+  path: string;
+  label: string;
+  icon?: string;
+  requiredRole?: string;
+  sortOrder?: number;
+  components: {
+    list: string;
+    detail: string;
+    create?: string;
+  };
+}
+
+export interface PluginPageConfig {
+  path: string;
+  label: string;
+  icon?: string;
+  requiredRole?: string;
+  sortOrder?: number;
+  component: string;
+}
+
+export interface PluginTabConfig {
+  label: string;
+  component: string;
+  requiredRole?: string;
+}
+
+export interface PluginWidgetConfig {
+  component: string;
+  width?: 'full' | 'half' | 'third';
+}
+
+export interface PluginSlots {
+  entities?: PluginEntityConfig[];
+  pages?: PluginPageConfig[];
+  'dashboard:widgets'?: PluginWidgetConfig[];
+  'product:tabs'?: PluginTabConfig[];
+  'assortment:tabs'?: PluginTabConfig[];
+  'filter:tabs'?: PluginTabConfig[];
+  'user:tabs'?: PluginTabConfig[];
+  'order:tabs'?: PluginTabConfig[];
+  [key: string]:
+    | PluginEntityConfig[]
+    | PluginPageConfig[]
+    | PluginWidgetConfig[]
+    | PluginTabConfig[]
+    | undefined;
+}
+
+export interface PluginNavigationGroup {
+  label: string;
+  icon?: string;
+  requiredRole?: string;
+  sortOrder?: number;
+}
+
+export interface PluginConfig {
+  name: string;
+  version?: string;
+  bundlePath: string;
+  /** Optional: group all plugin nav items under a collapsible sidebar section */
+  navigation?: PluginNavigationGroup;
+  slots: PluginSlots;
+}
+
+export function definePlugin(config: PluginConfig): PluginConfig {
+  return config;
+}

package/src/sdk/providers.ts

@@ -0,0 +1,4 @@
+export { default as ThemeWrapper } from '../modules/common/components/ThemeWrapper';
+export { ThemeContext } from '../modules/common/components/ThemeWrapper';
+export type { Theme } from '../modules/common/components/ThemeWrapper';
+export { default as ModalWrapper } from '../modules/modal/components/ModalWrapper';

package/src/sdk/tailwind-preset.mjs

@@ -0,0 +1,94 @@
+/**
+ * Tailwind CSS preset for Unchained Admin UI plugins.
+ *
+ * Use this in your plugin's tailwind.config.js to get the same
+ * design tokens and utility classes as the admin-ui host.
+ *
+ * Usage:
+ *   import { unchainedPreset } from '@unchainedshop/admin-ui/tailwind-preset';
+ *   export default { presets: [unchainedPreset] };
+ *
+ * Note: In production, plugins render inside the admin-ui which already
+ * has these tokens loaded. This preset is primarily for standalone
+ * development and testing.
+ */
+
+export const tokens = {
+  light: {
+    '--token-surface': '#ffffff',
+    '--token-surface-subtle': '#f8fafc',
+    '--token-surface-raised': '#f1f5f9',
+    '--token-surface-input': '#ffffff',
+    '--token-border': '#cbd5e1',
+    '--token-border-subtle': '#e2e8f0',
+    '--token-text-primary': '#0f172a',
+    '--token-text-secondary': '#475569',
+    '--token-text-muted': '#64748b',
+    '--token-text-on-dark': '#ffffff',
+    '--token-accent': '#1e293b',
+    '--token-accent-hover': '#020617',
+    '--token-danger': '#f43f5e',
+    '--token-danger-surface': '#fff1f2',
+    '--token-success': '#10b981',
+    '--token-warning': '#f59e0b',
+    '--token-focus-ring': '#1e293b',
+    '--token-text-on-accent': '#ffffff',
+  },
+  dark: {
+    '--token-surface': '#1e293b',
+    '--token-surface-subtle': '#0f172a',
+    '--token-surface-raised': '#334155',
+    '--token-surface-input': '#0f172a',
+    '--token-border': '#475569',
+    '--token-border-subtle': '#334155',
+    '--token-text-primary': '#f1f5f9',
+    '--token-text-secondary': '#94a3b8',
+    '--token-text-muted': '#64748b',
+    '--token-text-on-dark': '#ffffff',
+    '--token-accent': '#475569',
+    '--token-accent-hover': '#64748b',
+    '--token-danger': '#fb7185',
+    '--token-danger-surface': '#881337',
+    '--token-success': '#34d399',
+    '--token-warning': '#fbbf24',
+    '--token-focus-ring': '#94a3b8',
+    '--token-text-on-accent': '#ffffff',
+  },
+};
+
+export const unchainedPreset = {
+  theme: {
+    extend: {
+      colors: {
+        surface: {
+          DEFAULT: 'var(--token-surface)',
+          subtle: 'var(--token-surface-subtle)',
+          raised: 'var(--token-surface-raised)',
+          input: 'var(--token-surface-input)',
+        },
+        border: {
+          DEFAULT: 'var(--token-border)',
+          subtle: 'var(--token-border-subtle)',
+        },
+        'text-primary': 'var(--token-text-primary)',
+        'text-secondary': 'var(--token-text-secondary)',
+        'text-muted': 'var(--token-text-muted)',
+        'text-on-dark': 'var(--token-text-on-dark)',
+        'text-on-accent': 'var(--token-text-on-accent)',
+        accent: {
+          DEFAULT: 'var(--token-accent)',
+          hover: 'var(--token-accent-hover)',
+        },
+        danger: {
+          DEFAULT: 'var(--token-danger)',
+          surface: 'var(--token-danger-surface)',
+        },
+        success: 'var(--token-success)',
+        warning: 'var(--token-warning)',
+        'focus-ring': 'var(--token-focus-ring)',
+      },
+    },
+  },
+};
+
+export default unchainedPreset;

package/src/sdk/theme.ts

@@ -0,0 +1,61 @@
+const CSS_VALUE_RE = /^[a-zA-Z0-9#().,/%\s\-_]+$/;
+
+export interface AdminUIThemeTokens {
+  surface?: string;
+  'surface-subtle'?: string;
+  'surface-raised'?: string;
+  'surface-input'?: string;
+  border?: string;
+  'border-subtle'?: string;
+  'text-primary'?: string;
+  'text-secondary'?: string;
+  'text-muted'?: string;
+  'text-on-dark'?: string;
+  accent?: string;
+  'accent-hover'?: string;
+  danger?: string;
+  'danger-surface'?: string;
+  success?: string;
+  warning?: string;
+  'focus-ring'?: string;
+  'text-on-accent'?: string;
+}
+
+export interface AdminUIThemeConfig {
+  light?: AdminUIThemeTokens;
+  dark?: AdminUIThemeTokens;
+}
+
+const sanitizeCSSValue = (value: string): string | null => {
+  const trimmed = value.trim();
+  if (!trimmed || !CSS_VALUE_RE.test(trimmed)) return null;
+  return trimmed;
+};
+
+const buildTokenBlock = (
+  selector: string,
+  tokens: AdminUIThemeTokens,
+): string | null => {
+  const vars = Object.entries(tokens)
+    .map(([key, value]) => {
+      const safe = sanitizeCSSValue(value);
+      return safe ? `  --token-${key}: ${safe};` : null;
+    })
+    .filter(Boolean);
+  if (vars.length === 0) return null;
+  return `${selector} {\n${vars.join('\n')}\n}`;
+};
+
+export const generateThemeCSS = (theme?: AdminUIThemeConfig): string => {
+  if (!theme) return '/* default theme */';
+  const blocks: string[] = [];
+  if (theme.light) {
+    const block = buildTokenBlock(':root:root', theme.light);
+    if (block) blocks.push(block);
+  }
+  if (theme.dark) {
+    const block = buildTokenBlock('.dark.dark', theme.dark);
+    if (block) blocks.push(block);
+  }
+  return blocks.length > 0 ? blocks.join('\n\n') : '/* default theme */';
+};