@printine/designer 0.1.0

package/README.md

@@ -0,0 +1,146 @@
+# @printine/designer
+
+React online product designer for Printine-powered products. It provides the
+editor UI, Fabric canvas, 2D/3D preview and public design-data integration;
+the host application owns its own routing, authentication, uploads, user
+assets, saved templates and final design persistence.
+
+## Install
+
+```bash
+npm install @printine/designer
+```
+
+`react` and `react-dom` 18 or 19 are peer dependencies.
+
+## Quick start
+
+Render the component from a browser-only React component. For Next.js App
+Router, place this in a Client Component (`'use client'`), or load it with
+`next/dynamic({ ssr: false })`.
+
+```tsx
+'use client';
+
+import { PrintineDesigner, type DesignerSaveInput } from '@printine/designer';
+import '@printine/designer/styles.css';
+
+export function ProductDesigner() {
+  return (
+    <PrintineDesigner
+      productId="variant-id"
+      basePlateId="model-id"
+      locale="en-US"
+      adapters={{
+        uploadImage: async ({ file, purpose, metadata }) => {
+          // Return complete URLs, never
+        },
+        assets: {
+          list: async ({ page, pageSize }) => hostListAssets({ page, pageSize }),
+          remove: async ({ id }) => hostDeleteAsset({ id }),
+        },
+        templates: {
+          create: async ({ name, preview, content }) => hostCreateTemplate({ name, preview, content }),
+          list: async () => hostListTemplates(),
+          get: async ({ id }) => hostGetTemplate({ id }),
+          remove: async ({ id }) => hostDeleteTemplate({ id }),
+        },
+      }}
+      onSave={async (saveInput: DesignerSaveInput) => {
+      }}
+      onClose={() => router.back()}
+      onError={(error) => reportDesignerError(error)}
+    />
+  );
+}
+```
+
+## Integration model
+
+By default, the package uses the Printine production API. To use a local,
+testing or staging API, pass `apiBaseUrl` as a domain only;
+
+
+The following user-specific capabilities are always supplied by the host:
+
+| Capability | Required adapter | Behaviour when omitted |
+| --- | --- | --- |
+| Image upload | `adapters.uploadImage` | Upload controls are hidden. |
+| My images | `adapters.assets.list` | The image library is hidden. |
+| Delete an image | `adapters.assets.remove` | The image delete button is hidden. |
+| My designs | `adapters.templates` | “My designs” is hidden; public template categories remain available. Saving also requires `adapters.uploadImage`. |
+| Save the final design | `onSave` | Done is hidden in the preview. |
+
+### Uploads and assets
+
+`uploadImage` receives a `purpose` of `'asset'`, `'design-data'` or
+`'template-preview'` and returns `{ url, thumbnailUrl?, thumbnailScale? }`.
+All returned values must be complete URLs.
+
+For `purpose: 'asset'`, the host is responsible for its complete workflow:
+uploading the original image, optionally creating a thumbnail, and creating the
+host's asset record before resolving the promise. The package never calls a
+`user-assets` endpoint.
+
+### Saved templates
+
+`adapters.templates` contains `create`, `list` and `get`; `remove` is optional.
+The package uploads a template preview through `uploadImage` with
+`purpose: 'template-preview'`, then passes the preview URL and template content
+to `templates.create`.
+
+### Saving
+
+`onSave` receives the prepared existing save payload:
+
+```ts
+type DesignerSaveInput = {
+  variant_id: string;
+  design_data: Record<string, unknown>;
+  background_customized?: unknown;
+  is_partially_customized?: 1;
+};
+```
+
+The callback owns its request, business-error handling, analytics and any route
+change. When it rejects, the package only clears its own loading state and does
+not show another error message.
+
+## Styling
+
+Import `@printine/designer/styles.css` once. The package ships its icons, empty
+states and editor styles, so no host static files or Tailwind content scanning
+are required.
+
+Theme variables use the `--printine-` prefix and can be overridden globally:
+
+```css
+:root {
+  --printine-primary: #3540a5;
+  --printine-background: #f3f5f6;
+  --printine-foreground: #1c1c1e;
+  --printine-border: #e0e0e5;
+}
+```
+
+## Public exports
+
+The main entry exports `PrintineDesigner` and the TypeScript contracts needed
+for integration, including `PrintineDesignerProps`, `DesignerAdapters`,
+`DesignerAsset`, `DesignerUserTemplate` and `DesignerSaveInput`.
+
+`@printine/designer/full-designer` is available for advanced integrations that
+already provide a `PrintineDesigner` runtime.
+
+## Development and release checks
+
+Run these commands from the package directory:
+
+```bash
+npm run typecheck
+npm run build
+npm run test:api
+npm run pack:check
+```
+
+`npm publish` runs the build and API smoke test through `prepublishOnly`.

package/dist/DesignerRuntimeContext.d.ts

@@ -0,0 +1,3 @@
+import type { DesignerRuntime } from './types';
+export declare const DesignerRuntimeProvider: import("react").Provider<DesignerRuntime | null>;
+export declare function useDesignerRuntime(): DesignerRuntime;

package/dist/PrintineDesigner.d.ts

@@ -0,0 +1,9 @@
+import type { PrintineDesignerProps } from './types';
+import './styles.css';
+/**
+ * Public full-screen mount point for the Printine online designer.
+ *
+ * It mounts the complete editor UI (Fabric canvas, tool panels, real-time
+ * 2D/3D previews and save flow) without coupling the host to Next.js.
+ */
+export declare function PrintineDesigner(props: PrintineDesignerProps): import("react/jsx-runtime").JSX.Element;

package/dist/api/client.d.ts

@@ -0,0 +1,8 @@
+import type { DesignerApiClient, DesignerApiClientOptions } from '../types';
+/** Production API used by the complete <PrintineDesigner /> entry point. */
+export declare const DEFAULT_PRINTINE_API_BASE_URL = "https://shop-api.printine.com";
+/**
+ * API client for the existing Printine endpoints. It deliberately owns no host
+ * state and receives only the API location from the embedding site.
+ */
+export declare function createDesignerApiClient(options: DesignerApiClientOptions): DesignerApiClient;

package/dist/api/client.js

@@ -0,0 +1,82 @@
+const h = "api/client/", g = "https://shop-api.printine.com";
+function l(e, t) {
+  const s = /^https?:\/\//i.test(e) ? new URL(e) : typeof window < "u" ? new URL(e, window.location.origin) : null;
+  if (!s)
+    throw new Error("An absolute apiBaseUrl domain is required for SSR.");
+  const o = new URL(h, s.origin);
+  return new URL(t.replace(/^\//, ""), o);
+}
+async function f(e, t = !1, s) {
+  const o = new Headers();
+  return t && o.set("Content-Type", "application/json"), e.locale && o.set("Accept-Language", e.locale), s && o.set("X-Guest-Token", s), o;
+}
+async function p(e) {
+  return (await e.clone().json().catch(() => null))?.code === 445;
+}
+async function w(e) {
+  const t = await e.json().catch(() => null);
+  if (!e.ok)
+    throw new Error(t?.message || `Designer API request failed (${e.status})`);
+  if (!t) throw new Error("Designer API returned an empty or invalid JSON response");
+  if (t.ret === !1 || t.ret === 0)
+    throw new Error(t.message || t.msg || "Designer API request was rejected");
+  return t;
+}
+function A(e) {
+  let t, s = null;
+  const o = async () => t || s || (s = (async () => {
+    const n = new Headers();
+    e.locale && n.set("Accept-Language", e.locale);
+    const a = await (await fetch(l(e.apiBaseUrl, "get-guest-token"), { headers: n })).json().catch(() => null), c = a?.ret !== !1 && a?.ret !== 0 && typeof a?.data?.token == "string" ? a.data.token : void 0;
+    return t = c, c;
+  })().finally(() => {
+    s = null;
+  }), s), u = async (n) => {
+    let r = await n(t);
+    if (await p(r)) {
+      const a = await o();
+      a && (r = await n(a));
+    }
+    return r;
+  }, d = async (n, r, a) => {
+    const c = await u(
+      async (i) => fetch(l(e.apiBaseUrl, r), {
+        method: n,
+        headers: await f(e, !0, i),
+        body: a === void 0 ? void 0 : JSON.stringify(a)
+      })
+    );
+    return w(c);
+  };
+  return {
+    async get(n, r) {
+      const a = l(e.apiBaseUrl, n);
+      for (const [i, y] of Object.entries(r ?? {}))
+        y !== void 0 && a.searchParams.set(i, String(y));
+      const c = await u(
+        async (i) => fetch(a, { headers: await f(e, !1, i) })
+      );
+      return w(c);
+    },
+    async post(n, r) {
+      return d("POST", n, r);
+    },
+    async delete(n, r) {
+      return d("DELETE", n, r);
+    },
+    async postForm(n, r) {
+      const a = await u(
+        async (c) => fetch(l(e.apiBaseUrl, n), {
+          method: "POST",
+          headers: await f(e, !1, c),
+          body: r
+        })
+      );
+      return w(a);
+    }
+  };
+}
+export {
+  g as DEFAULT_PRINTINE_API_BASE_URL,
+  A as createDesignerApiClient
+};

package/dist/api/common-endpoints.d.ts

@@ -0,0 +1,12 @@
+export declare const uploadImage: (formData: FormData) => Promise<import("./endpoints").ApiResponse<any>>;
+export declare const getUploadKey: () => Promise<import("./endpoints").ApiResponse<{
+    base_path: string;
+    bucket: string;
+    region: string;
+    configs: {
+        AccessKeyId: string;
+        SecretAccessKey: string;
+        Expiration: string;
+        SessionToken: string;
+    };
+}>>;

package/dist/api/design-endpoints.d.ts

@@ -0,0 +1,18 @@
+import { API_URLS } from './endpoints';
+/** Named endpoint helpers, mirroring the host module the editor UI imported. */
+export declare const getFontList: () => Promise<import("./endpoints").ApiResponse<any>>;
+export declare const getShapeList: (params: {
+    [x: string]: string | number | boolean | undefined;
+}) => Promise<import("./endpoints").ApiResponse<any>>;
+export declare const getTemplateList: (params: {
+    [x: string]: string | number | boolean | undefined;
+}) => Promise<import("./endpoints").ApiResponse<any>>;
+export declare const getColorsAll: () => Promise<import("./endpoints").ApiResponse<any>>;
+export declare const getClipArtCategories: (params: {
+    [x: string]: string | number | boolean | undefined;
+}) => Promise<import("./endpoints").ApiResponse<any>>;
+export declare const getProduct: (id: string) => Promise<import("./endpoints").ApiResponse<import("..").Product>>;
+export declare const getDesign: (id: string) => Promise<import("./endpoints").ApiResponse<import("..").BasePlate>>;
+export declare const onRender: (data: Record<string, any>) => Promise<import("./endpoints").ApiResponse<any>>;
+export declare const onGenerateImage: (data: Record<string, any>) => Promise<import("./endpoints").ApiResponse<any>>;
+export { API_URLS };

package/dist/api/endpoints.d.ts

@@ -0,0 +1,33 @@
+import type { BasePlate, Product } from '../contracts/api-design';
+import type { ApiResponse, DesignerApiClient } from '../types';
+export declare function setDesignerApiClient(next: DesignerApiClient | null): void;
+type Params = Record<string, string | number | boolean | undefined>;
+export declare const API_URLS: {
+    readonly RENDER: "products/render-design-data";
+};
+export declare const DesignApi: {
+    getFontList: () => Promise<ApiResponse<any>>;
+    getShapeList: (params: Params) => Promise<ApiResponse<any>>;
+    getTemplateList: (params: Params) => Promise<ApiResponse<any>>;
+    getColorsAll: () => Promise<ApiResponse<any>>;
+    getClipArtCategories: (params: Params) => Promise<ApiResponse<any>>;
+    getProduct: (id: string) => Promise<ApiResponse<Product>>;
+    getDesign: (id: string) => Promise<ApiResponse<BasePlate>>;
+    onRender: (data: Record<string, any>) => Promise<ApiResponse<any>>;
+    onGenerateImage: (data: Record<string, any>) => Promise<ApiResponse<any>>;
+};
+export declare const CommonApi: {
+    uploadImage: (formData: FormData) => Promise<ApiResponse<any>>;
+    getUploadKey: () => Promise<ApiResponse<{
+        base_path: string;
+        bucket: string;
+        region: string;
+        configs: {
+            AccessKeyId: string;
+            SecretAccessKey: string;
+            Expiration: string;
+            SessionToken: string;
+        };
+    }>>;
+};
+export type { ApiResponse };

package/dist/api/endpoints.js

@@ -0,0 +1,46 @@
+let o = null;
+function l(e) {
+  o = e;
+}
+function i() {
+  if (!o)
+    throw new Error("[printine-designer] API client is not ready. Render <PrintineDesigner /> before calling the API.");
+  return o;
+}
+const t = (e, n) => i().get(e, n), s = (e, n) => i().post(e, n), r = (e, n) => i().postForm(e, n), a = {
+  // Legacy package-owned save path (kept for reference only):
+  // SAVE_DESIGN: 'products/design-save',
+  // Legacy package-owned user-template path (kept for reference only):
+  // USER_TEMPLATES: 'user-templates',
+  RENDER: "products/render-design-data"
+  // Legacy package-owned user-assets paths (kept for reference only):
+  // GET_USER_ASSETS: 'user-assets',
+  // DELETE_USER_ASSETS_BATCH: 'user-assets/batch-delete',
+}, g = {
+  getFontList: () => t("parent-fonts/all"),
+  getShapeList: (e) => t("shapes", e),
+  getTemplateList: (e) => t("template-categories", e),
+  getColorsAll: () => t("colors/all"),
+  getClipArtCategories: (e) => t("clip-art-categories", e),
+  getProduct: (e) => t(`products/variant/${e}`),
+  getDesign: (e) => t(`base-plates/${e}`),
+  onRender: (e) => s(a.RENDER, e),
+  onGenerateImage: (e) => s("ai-images/generate", e)
+  // Legacy package-owned save method (kept for reference only). The package
+  // now delegates this to the host's `onSave` callback.
+  // saveDesign: (data: Record<string, any>) => post<any>(API_URLS.SAVE_DESIGN, data),
+  // Legacy package-owned user-template methods (kept for reference only):
+  // saveTemplate: (data: Record<string, any>) => post<any>(API_URLS.USER_TEMPLATES, data),
+  // getUserTemplates: () => get<any>(API_URLS.USER_TEMPLATES),
+  // getUserTemplteDetail: (id: string) => get<any>(`${API_URLS.USER_TEMPLATES}/${id}`),
+  // deleteUserTemplate: (id: string) => del<any>(`${API_URLS.USER_TEMPLATES}/${id}`),
+}, p = {
+  uploadImage: (e) => r("uploads/image", e),
+  getUploadKey: () => s("uploads/get-temp-access")
+};
+export {
+  a as API_URLS,
+  p as CommonApi,
+  g as DesignApi,
+  l as setDesignerApiClient
+};

package/dist/api/files-endpoints.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/assets/icons/aspect_ratio.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function AspectRatioIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default AspectRatioIcon;

package/dist/assets/icons/delete.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function DeleteIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default DeleteIcon;

package/dist/assets/icons/fit_screen.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function FitScreenIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default FitScreenIcon;

package/dist/assets/icons/index.d.ts

@@ -0,0 +1,11 @@
+export { AspectRatioIcon } from './aspect_ratio';
+export { FitScreenIcon } from './fit_screen';
+export { PanIcon } from './pan';
+export { SettingIcon } from './setting';
+export { TextColorIcon } from './text_color';
+export { TextHIcon } from './text_h';
+export { TextVIcon } from './text_v';
+export { Loading1Icon } from './loading_1';
+export { Loading2Icon } from './loading_2';
+export { Loading3Icon } from './loading_3';
+export { DeleteIcon } from './delete';

package/dist/assets/icons/loading_1.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function Loading1Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Loading1Icon;

package/dist/assets/icons/loading_2.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function Loading2Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Loading2Icon;

package/dist/assets/icons/loading_3.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function Loading3Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Loading3Icon;

package/dist/assets/icons/pan.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function PanIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default PanIcon;

package/dist/assets/icons/setting.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function SettingIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default SettingIcon;

package/dist/assets/icons/text_color.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function TextColorIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default TextColorIcon;

package/dist/assets/icons/text_h.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function TextHIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default TextHIcon;

package/dist/assets/icons/text_v.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+export declare function TextVIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default TextVIcon;

package/dist/bundled-assets.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The editor's UI icons and placeholders are embedded in the package output.
+ */
+export declare const bundledDesignerAssets: Record<string, string>;

package/dist/components/add-design.d.ts

@@ -0,0 +1,8 @@
+import { TemplateData } from '../contracts/api-design';
+type AddDesignProps = {
+    template: TemplateData | null;
+    show: boolean;
+    onChange: (value: boolean) => void;
+};
+export default function AddDesign({ template, ...props }: AddDesignProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/assets-dialog.d.ts

@@ -0,0 +1,21 @@
+export interface SelectImageParams {
+    url: string;
+    thumbnailUrl?: string;
+    blobUrl?: string;
+    scale?: number;
+}
+export interface AssetsDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSelectImage: (image: SelectImageParams) => void;
+    className?: string;
+}
+/**
+ * Package-owned replacement for the host's asset-library dialog.
+ *
+ * It deliberately starts with local file selection. Hosts that need a DAM can
+ * still add their own asset picker outside the package and insert a URL through
+ * the editor API; this prevents the reusable editor from importing a page-owned
+ * portfolio component.
+ */
+export default function AssetsDialog({ open, onOpenChange, onSelectImage, className }: AssetsDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/canvas-context-menu.d.ts

@@ -0,0 +1,6 @@
+type CanvasContextMenuProps = {
+    children: React.ReactNode;
+    canvasIsEmpty: boolean;
+};
+export default function CanvasContextMenu({ children, canvasIsEmpty }: CanvasContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,10 @@
+interface ColorPickerProps {
+    className?: string;
+    value?: string;
+    onChange?: (value: string, type: string) => void;
+    custom?: boolean;
+    unset?: boolean;
+    colors?: string[];
+}
+export default function ColorPicker({ value, onChange, custom, unset, colors, className, }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/context.d.ts

@@ -0,0 +1,24 @@
+import Editor from '../engine/editor';
+import EventManager from '../engine/managers/event';
+import { Product, BasePlate } from '../contracts/api-design';
+import React from 'react';
+import { type PersistImageFun } from '../hooks/use-oss-upload';
+type DesignContextType = {
+    canvasEditor: React.RefObject<Editor | null>;
+    eventManager: React.RefObject<EventManager | null>;
+    productData: Product;
+    plateData: BasePlate;
+    currentViewName: string;
+    viewColors: Record<string, string>;
+    setViewColors: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+    onPersistImage: PersistImageFun;
+    onChangeView: (placement: string) => Promise<void>;
+    setCanvasLoading: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const DesignContext: React.Context<DesignContextType | null>;
+export declare const useDesignContext: () => DesignContextType;
+export declare function DesignProvider({ value, children }: {
+    value: DesignContextType;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/design.d.ts

@@ -0,0 +1,9 @@
+import { BasePlate } from '../contracts/api-design';
+export interface FullDesignerProps {
+    /** Enables the optional semi-customization menu supplied by the existing API. */
+    semiDesignPermission?: boolean;
+    /** Server-prefetched base plate; omit it to load by PrintineDesigner.basePlateId. */
+    basePlate?: BasePlate | null;
+}
+declare const Design: ({ semiDesignPermission, basePlate }: FullDesignerProps) => import("react/jsx-runtime").JSX.Element;
+export default Design;

package/dist/components/fonts.d.ts

@@ -0,0 +1,26 @@
+import type { Font, FontFile } from '../contracts/design';
+interface FontsProps {
+    type: 'ADD' | 'UPDATE' | 'CHECK';
+    onUpdate?: (data: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+        fontPath: string;
+    }) => void;
+    onDone?: () => void;
+    checkedList?: Font[];
+}
+export type FontsRef = {
+    getCheckedFonts: () => Font[];
+};
+declare const Fonts: import("react").ForwardRefExoticComponent<FontsProps & import("react").RefAttributes<FontsRef>>;
+export interface FontListProps {
+    type: 'ADD' | 'UPDATE' | 'CHECK';
+    onAddText?: (item: Font, font: FontFile) => void;
+    fontList: Font[];
+    onCheck?: (item: Font, file: FontFile) => void;
+    checkedFonts?: Font[];
+    showSearchBar?: boolean;
+}
+export declare function FontList({ fontList, type, onCheck, onAddText, checkedFonts, showSearchBar, }: FontListProps): import("react/jsx-runtime").JSX.Element;
+export default Fonts;

package/dist/components/image-crop.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 图片裁剪确认、取消按钮
+ */
+export default function ImageCrop(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/image-edit.d.ts

@@ -0,0 +1 @@
+export default function ImageEdit(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/layout/aside.d.ts

@@ -0,0 +1,3 @@
+export default function DesignAside({ semiDesignPermission }: {
+    semiDesignPermission: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/bottom-nav/element-menu-sheet.d.ts

@@ -0,0 +1,11 @@
+import { ElementType } from '../../../contracts/design';
+/**
+ * 手机端元素菜单弹窗
+ */
+interface MenuPhoneProps {
+    show: boolean;
+    setShow: (show: boolean) => void;
+    onAddVariant: (type: ElementType) => void;
+}
+export default function ElementMenuSheet({ show, setShow, onAddVariant }: MenuPhoneProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/bottom-nav/element-sheet.d.ts

@@ -0,0 +1,11 @@
+import { ElementType } from '../../../contracts/design';
+import { ExtraData } from '../../menus';
+type ElementSheetProps = {
+    show: boolean;
+    contentType?: ElementType;
+    setShow: (show: boolean) => void;
+    onBack?: () => void;
+    extraData?: ExtraData;
+};
+export default function ElementSheet({ show, contentType, setShow, extraData, ...props }: ElementSheetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/bottom-nav/index.d.ts

@@ -0,0 +1 @@
+export default function BottomNav(): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/header.d.ts

@@ -0,0 +1,5 @@
+type HeaderProps = {
+    onDone: () => void;
+};
+export default function Header({ onDone }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/loading.d.ts

@@ -0,0 +1,3 @@
+export default function DesignLoading({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/menus/ai.d.ts

@@ -0,0 +1,5 @@
+interface AIProps {
+    show: boolean;
+}
+export default function AI({ show }: AIProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/background.d.ts

@@ -0,0 +1,6 @@
+type BackgroundProps = {
+    position?: 'sidebar' | 'sheet';
+    show: boolean;
+};
+export default function Background({ position, show }: BackgroundProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/clipart.d.ts

@@ -0,0 +1,6 @@
+interface ClipartProps {
+    show: boolean;
+    type?: 'sidebar' | 'sheet';
+}
+export default function Clipart({ show, type }: ClipartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/files.d.ts

@@ -0,0 +1,7 @@
+interface FilesProps {
+    show?: boolean;
+    type?: 'sidebar' | 'sheet';
+    isShapeUpload?: boolean;
+}
+export default function Files({ show, type, isShapeUpload }: FilesProps): import("react/jsx-runtime").JSX.Element;
+export {};