@wildo-ai/saas-frontend-lib 1.1.1 → 1.1.3

package/dist/esm/components/feedback/resource-empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-empty-state.js","sourceRoot":"","sources":["../../../../../src/components/feedback/resource-empty-state.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';\nimport { StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport {\n  type ResourceUIBehavior_EmptyState,\n  ResourceFrontend_EmptyStateSecondaryActionType,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { useGuidance } from '~wildo-frontend-lib/core/guidance/useGuidance';\nimport type { EmptyStateProps } from './empty-state';\nimport { useSurfacePolicy } from '~wildo-frontend-lib/core/ui/SurfacePolicyContext';\nimport {\n  resolveSurfaceEmptyDisplay,\n  shouldCollapseEmptyDisplay,\n  shouldHideEmptyDisplay,\n} from './empty-display-policy.utils';\n\n// ─────────────────────────────────────────────────────────────\n// Wrapper Props\n// ─────────────────────────────────────────────────────────────\n\nexport interface ResourceEmptyStateWrapperProps extends ComponentPresetProps {\n  /** Resource type — used for i18n key lookup */\n  resourceType: string;\n  /** Empty state config from frontendConfiguration.emptyState */\n  config?: ResourceUIBehavior_EmptyState;\n  /** Whether the CREATE operation is available for this resource */\n  hasCreateOperation?: boolean;\n  /** Callback when the primary action (e.g. CREATE) is clicked */\n  onCreateAction?: () => void;\n  /** Variant: 'default' for list/table, 'compact' for inline contexts */\n  variant?: 'default' | 'compact';\n}\n\n// ─────────────────────────────────────────────────────────────\n// Wrapper Component\n// ─────────────────────────────────────────────────────────────\n\nconst resolveEmptyState = createComponentResolver<EmptyStateProps>(\n  FrontendComponentType.RESOURCES_LAYOUTS_EMPTY_STATE,\n  'ResourceEmptyState',\n);\n\n/**\n * ResourceEmptyState — bridges resource config + i18n to the generic EmptyState preset.\n *\n * Resolves labels from i18n with the following priority:\n * 1. Resource-specific: `resources.{resourceType}.emptyState.title`\n * 2. Generic fallback: `tComponent(RESOURCES_LAYOUTS_LIST, 'noItems')`\n * 3. Hardcoded fallback: \"No items found\"\n *\n * Primary action:\n * - If config.primaryAction === false → no button\n * - If config.primaryAction is a string → use that operation ref (label from i18n)\n * - If config.primaryAction is undefined → auto-detect CREATE from hasCreateOperation\n */\nexport function ResourceEmptyState({\n  resourceType,\n  config,\n  hasCreateOperation = false,\n  onCreateAction,\n  variant = 'default',\n  preset = CorePresetNames.DEFAULT,\n}: ResourceEmptyStateWrapperProps): React.JSX.Element | null {\n  const { tResourceEmptyState, tComponent, isReady } = useI18n({\n    component: [FrontendComponentType.RESOURCES_LAYOUTS_EMPTY_STATE, FrontendComponentType.RESOURCES_LAYOUTS_LIST],\n    resource: resourceType,\n  });\n  const { activateFlow } = useGuidance();\n  const surfacePolicy = useSurfacePolicy();\n  const emptyDisplay = resolveSurfaceEmptyDisplay(surfacePolicy.interactiveState?.emptyDisplay);\n\n  // Resolve labels\n  const title = useMemo(() => {\n    const resourceLabel = tResourceEmptyState(resourceType, 'title');\n    if (resourceLabel) return resourceLabel;\n    return resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n      key: 'noItems',\n    });\n  }, [resourceType, tResourceEmptyState, tComponent]);\n\n  const description = useMemo(() => {\n    return tResourceEmptyState(resourceType, 'description');\n  }, [resourceType, tResourceEmptyState]);\n\n  // Resolve primary action\n  const showPrimaryAction = useMemo(() => {\n    if (config?.primaryAction === false) return false;\n    if (config?.primaryAction) return true; // Explicit operation ref\n    return hasCreateOperation; // Auto-detect\n  }, [config?.primaryAction, hasCreateOperation]);\n\n  const primaryActionLabel = useMemo(() => {\n    if (!showPrimaryAction) return undefined;\n    const resourceLabel = tResourceEmptyState(resourceType, 'primaryActionLabel');\n    if (resourceLabel) return resourceLabel;\n    return resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n      key: 'createFirst',\n    });\n  }, [showPrimaryAction, resourceType, tResourceEmptyState, tComponent]);\n\n  // Resolve icon (config.icon may be string from backend)\n  const iconRef = useMemo<StandardIconReference | undefined>(() => {\n    if (config?.icon) return config.icon as StandardIconReference;\n    return undefined;\n  }, [config?.icon]);\n\n  // Resolve secondary action\n  const secondaryAction = useMemo<{ label: string; onClick: () => void } | undefined>(() => {\n    if (!config?.secondaryAction) return undefined;\n    const { type, target } = config.secondaryAction;\n\n    // Resolve label from i18n\n    const label = tResourceEmptyState(resourceType, 'secondaryActionLabel');\n\n    if (type === ResourceFrontend_EmptyStateSecondaryActionType.LINK) {\n      return {\n        label,\n        onClick: () => { window.open(target, '_blank', 'noopener,noreferrer'); },\n      };\n    }\n\n    if (type === ResourceFrontend_EmptyStateSecondaryActionType.GUIDANCE) {\n      return {\n        label,\n        onClick: () => activateFlow(target),\n      };\n    }\n\n    return undefined;\n  }, [config?.secondaryAction, resourceType, tResourceEmptyState, activateFlow]);\n\n  const Component = resolveEmptyState(preset);\n\n  if (!isReady) return null;\n\n  if (emptyDisplay === 'render-children' || shouldCollapseEmptyDisplay(emptyDisplay)) {\n    return null;\n  }\n\n  return (\n    <Component\n      title={title}\n      description={description}\n      iconRef={iconRef}\n      primaryActionLabel={primaryActionLabel}\n      onPrimaryAction={showPrimaryAction ? onCreateAction : undefined}\n      showPrimaryAction={showPrimaryAction}\n      secondaryAction={secondaryAction}\n      variant={variant}\n      hidden={shouldHideEmptyDisplay(emptyDisplay)}\n      style={shouldHideEmptyDisplay(emptyDisplay) ? { display: 'none' } : undefined}\n    />\n  );\n}\n"]}
+{"version":3,"file":"resource-empty-state.js","sourceRoot":"","sources":["../../../../src/components/feedback/resource-empty-state.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';\nimport { StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport {\n  type ResourceUIBehavior_EmptyState,\n  ResourceFrontend_EmptyStateSecondaryActionType,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { useGuidance } from '~wildo-frontend-lib/core/guidance/useGuidance';\nimport type { EmptyStateProps } from './empty-state';\nimport { useSurfacePolicy } from '~wildo-frontend-lib/core/ui/SurfacePolicyContext';\nimport {\n  resolveSurfaceEmptyDisplay,\n  shouldCollapseEmptyDisplay,\n  shouldHideEmptyDisplay,\n} from './empty-display-policy.utils';\n\n// ─────────────────────────────────────────────────────────────\n// Wrapper Props\n// ─────────────────────────────────────────────────────────────\n\nexport interface ResourceEmptyStateWrapperProps extends ComponentPresetProps {\n  /** Resource type — used for i18n key lookup */\n  resourceType: string;\n  /** Empty state config from frontendConfiguration.emptyState */\n  config?: ResourceUIBehavior_EmptyState;\n  /** Whether the CREATE operation is available for this resource */\n  hasCreateOperation?: boolean;\n  /** Callback when the primary action (e.g. CREATE) is clicked */\n  onCreateAction?: () => void;\n  /** Variant: 'default' for list/table, 'compact' for inline contexts */\n  variant?: 'default' | 'compact';\n}\n\n// ─────────────────────────────────────────────────────────────\n// Wrapper Component\n// ─────────────────────────────────────────────────────────────\n\nconst resolveEmptyState = createComponentResolver<EmptyStateProps>(\n  FrontendComponentType.RESOURCES_LAYOUTS_EMPTY_STATE,\n  'ResourceEmptyState',\n);\n\n/**\n * ResourceEmptyState — bridges resource config + i18n to the generic EmptyState preset.\n *\n * Resolves labels from i18n with the following priority:\n * 1. Resource-specific: `resources.{resourceType}.emptyState.title`\n * 2. Generic fallback: `tComponent(RESOURCES_LAYOUTS_LIST, 'noItems')`\n * 3. Hardcoded fallback: \"No items found\"\n *\n * Primary action:\n * - If config.primaryAction === false → no button\n * - If config.primaryAction is a string → use that operation ref (label from i18n)\n * - If config.primaryAction is undefined → auto-detect CREATE from hasCreateOperation\n */\nexport function ResourceEmptyState({\n  resourceType,\n  config,\n  hasCreateOperation = false,\n  onCreateAction,\n  variant = 'default',\n  preset = CorePresetNames.DEFAULT,\n}: ResourceEmptyStateWrapperProps): React.JSX.Element | null {\n  const { tResourceEmptyState, tComponent, isReady } = useI18n({\n    component: [FrontendComponentType.RESOURCES_LAYOUTS_EMPTY_STATE, FrontendComponentType.RESOURCES_LAYOUTS_LIST],\n    resource: resourceType,\n  });\n  const { activateFlow } = useGuidance();\n  const surfacePolicy = useSurfacePolicy();\n  const emptyDisplay = resolveSurfaceEmptyDisplay(surfacePolicy.interactiveState?.emptyDisplay);\n\n  // Resolve labels\n  const title = useMemo(() => {\n    const resourceLabel = tResourceEmptyState(resourceType, 'title');\n    if (resourceLabel) return resourceLabel;\n    return resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n      key: 'noItems',\n    });\n  }, [resourceType, tResourceEmptyState, tComponent]);\n\n  const description = useMemo(() => {\n    return tResourceEmptyState(resourceType, 'description');\n  }, [resourceType, tResourceEmptyState]);\n\n  // Resolve primary action\n  const showPrimaryAction = useMemo(() => {\n    if (config?.primaryAction === false) return false;\n    if (config?.primaryAction) return true; // Explicit operation ref\n    return hasCreateOperation; // Auto-detect\n  }, [config?.primaryAction, hasCreateOperation]);\n\n  const primaryActionLabel = useMemo(() => {\n    if (!showPrimaryAction) return undefined;\n    const resourceLabel = tResourceEmptyState(resourceType, 'primaryActionLabel');\n    if (resourceLabel) return resourceLabel;\n    return resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n      key: 'createFirst',\n    });\n  }, [showPrimaryAction, resourceType, tResourceEmptyState, tComponent]);\n\n  // Resolve icon (config.icon may be string from backend)\n  const iconRef = useMemo<StandardIconReference | undefined>(() => {\n    if (config?.icon) return config.icon as StandardIconReference;\n    return undefined;\n  }, [config?.icon]);\n\n  // Resolve secondary action\n  const secondaryAction = useMemo<{ label: string; onClick: () => void } | undefined>(() => {\n    if (!config?.secondaryAction) return undefined;\n    const { type, target } = config.secondaryAction;\n\n    // Resolve label from i18n\n    const label = tResourceEmptyState(resourceType, 'secondaryActionLabel');\n\n    if (type === ResourceFrontend_EmptyStateSecondaryActionType.LINK) {\n      return {\n        label,\n        onClick: () => { window.open(target, '_blank', 'noopener,noreferrer'); },\n      };\n    }\n\n    if (type === ResourceFrontend_EmptyStateSecondaryActionType.GUIDANCE) {\n      return {\n        label,\n        onClick: () => activateFlow(target),\n      };\n    }\n\n    return undefined;\n  }, [config?.secondaryAction, resourceType, tResourceEmptyState, activateFlow]);\n\n  const Component = resolveEmptyState(preset);\n\n  if (!isReady) return null;\n\n  if (emptyDisplay === 'render-children' || shouldCollapseEmptyDisplay(emptyDisplay)) {\n    return null;\n  }\n\n  return (\n    <Component\n      title={title}\n      description={description}\n      iconRef={iconRef}\n      primaryActionLabel={primaryActionLabel}\n      onPrimaryAction={showPrimaryAction ? onCreateAction : undefined}\n      showPrimaryAction={showPrimaryAction}\n      secondaryAction={secondaryAction}\n      variant={variant}\n      hidden={shouldHideEmptyDisplay(emptyDisplay)}\n      style={shouldHideEmptyDisplay(emptyDisplay) ? { display: 'none' } : undefined}\n    />\n  );\n}\n"]}

package/dist/esm/components/feedback/skeleton-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/skeleton-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAa,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAShH;yBATe,YAAY"}
+{"version":3,"file":"skeleton-text.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/skeleton-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC,kFAAkF;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAa,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAShH;yBATe,YAAY"}

package/dist/esm/components/feedback/skeleton-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.js","sourceRoot":"","sources":["../../../../../src/components/feedback/skeleton-text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAgBpD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,EAAqB;IAC7F,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC;IAC9B,OAAO,CACL,KAAC,QAAQ,mBACK,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,EAC5E,KAAK,EAAE,EAAE,KAAK,EAAE,GAChB,CACH,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Skeleton } from '~wildo-frontend-lib/components/feedback/skeleton';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\nexport interface SkeletonTextProps {\n  /** When true, render a space-reserving inline placeholder instead of the text. */\n  loading: boolean;\n  /** The resolved text/label to show once `loading` is false. */\n  children: React.ReactNode;\n  /**\n   * Inline width reserved while loading — any CSS length (e.g. `'5em'`, `'8ch'`).\n   * Pick an estimate close to the final text so the swap causes no layout shift.\n   * Defaults to `'4em'`.\n   */\n  width?: string;\n  className?: string;\n}\n\n/**\n * Inline label placeholder — the leaf building block for single-wave,\n * shift-free content loading.\n *\n * While `loading`, renders a space-reserving inline `Skeleton` sized to `width`;\n * otherwise renders `children`. Use this at the individual label/value leaf\n * INSTEAD of gating a whole component with `if (!isReady) return null`. Keeping\n * the surrounding structure mounted is what breaks the i18n \"waterfall\": every\n * leaf is requested in the same tick, the keys coalesce into one micro-batched\n * fetch, and the skeletons swap to real text together — progressive and lazy,\n * but perceived as atomic.\n *\n * See `.claude/plans/progressive-form-skeleton-rendering.md`.\n */\nexport function SkeletonText({ loading, children, width = '4em', className }: SkeletonTextProps): React.ReactNode {\n  if (!loading) return children;\n  return (\n    <Skeleton\n      aria-hidden=\"true\"\n      className={cn('inline-block h-[1em] align-[-0.125em] rounded-sm', className)}\n      style={{ width }}\n    />\n  );\n}\n\nSkeletonText.displayName = 'SkeletonText';\n"]}
+{"version":3,"file":"skeleton-text.js","sourceRoot":"","sources":["../../../../src/components/feedback/skeleton-text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AAgBpD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,EAAqB;IAC7F,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC;IAC9B,OAAO,CACL,KAAC,QAAQ,mBACK,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,EAC5E,KAAK,EAAE,EAAE,KAAK,EAAE,GAChB,CACH,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Skeleton } from '~wildo-frontend-lib/components/feedback/skeleton';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\n\nexport interface SkeletonTextProps {\n  /** When true, render a space-reserving inline placeholder instead of the text. */\n  loading: boolean;\n  /** The resolved text/label to show once `loading` is false. */\n  children: React.ReactNode;\n  /**\n   * Inline width reserved while loading — any CSS length (e.g. `'5em'`, `'8ch'`).\n   * Pick an estimate close to the final text so the swap causes no layout shift.\n   * Defaults to `'4em'`.\n   */\n  width?: string;\n  className?: string;\n}\n\n/**\n * Inline label placeholder — the leaf building block for single-wave,\n * shift-free content loading.\n *\n * While `loading`, renders a space-reserving inline `Skeleton` sized to `width`;\n * otherwise renders `children`. Use this at the individual label/value leaf\n * INSTEAD of gating a whole component with `if (!isReady) return null`. Keeping\n * the surrounding structure mounted is what breaks the i18n \"waterfall\": every\n * leaf is requested in the same tick, the keys coalesce into one micro-batched\n * fetch, and the skeletons swap to real text together — progressive and lazy,\n * but perceived as atomic.\n *\n * See `.claude/plans/progressive-form-skeleton-rendering.md`.\n */\nexport function SkeletonText({ loading, children, width = '4em', className }: SkeletonTextProps): React.ReactNode {\n  if (!loading) return children;\n  return (\n    <Skeleton\n      aria-hidden=\"true\"\n      className={cn('inline-block h-[1em] align-[-0.125em] rounded-sm', className)}\n      style={{ width }}\n    />\n  );\n}\n\nSkeletonText.displayName = 'SkeletonText';\n"]}

package/dist/esm/components/feedback/skeleton.d.ts

@@ -4,6 +4,18 @@ import { ComponentPresetProps } from '../../core/components-registry/component-r
 export type SkeletonProps = React.ComponentProps<"div"> & {
     template?: SkeletonTemplate | 'auto';
     density?: SkeletonDensity | 'auto';
+    /**
+     * How many ITEM silhouettes to draw. Defaults to 1.
+     *
+     * A template describes ONE thing — one card, one row, one detail header. That is the right unit for
+     * a detail page and the wrong one for a COLLECTION: a list rendering a single card ghost tells the
+     * reader "one item is coming", which is neither true nor what a skeleton is for. A collection knows
+     * how many rows it is about to draw (its page size), so it says so.
+     *
+     * Clamped to a sane maximum: past roughly a screenful the placeholder stops communicating "a list is
+     * loading" and starts being a wall of grey that costs more to paint than the real rows.
+     */
+    count?: number;
 };
-export declare function Skeleton({ preset, template, density, className, ...props }: SkeletonProps & ComponentPresetProps): React.JSX.Element;
+export declare function Skeleton({ preset, template, density, count, className, ...props }: SkeletonProps & ComponentPresetProps): React.JSX.Element;
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/esm/components/feedback/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAKvH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,GAAG,MAAM,CAAA;CACnC,CAAA;AAsED,wBAAgB,QAAQ,CAAC,EACvB,MAAgC,EAChC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2C1D"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAKvH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,GAAG,MAAM,CAAA;IAClC;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAsFD,wBAAgB,QAAQ,CAAC,EACvB,MAAgC,EAChC,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6D1D"}

package/dist/esm/components/feedback/skeleton.js

@@ -27,6 +27,20 @@ function densityClass(density) {
             return 'space-y-field';
     }
 }
+/**
+ * The most item silhouettes worth drawing, and why there is a ceiling at all.
+ *
+ * A page size of 100 would paint 100 ghosts: more DOM than the real rows, and past a screenful the
+ * placeholder has stopped saying "a list is loading" and started being a grey wall. Eight is about a
+ * screenful at every density the framework ships.
+ */
+const MAXIMUM_SKELETON_ITEMS = 8;
+function clampSkeletonCount(count) {
+    if (count === undefined || !Number.isFinite(count)) {
+        return 1;
+    }
+    return Math.min(Math.max(Math.trunc(count), 1), MAXIMUM_SKELETON_ITEMS);
+}
 function resolveTemplate(value, policyTemplate) {
     if (value === undefined || value === 'auto') {
         return isSkeletonTemplate(policyTemplate) ? policyTemplate : undefined;
@@ -52,7 +66,7 @@ function resolveDensity(value, policyDensity, fallbackDensity) {
     return fallbackDensity;
 }
 // --- Wrapper ---
-export function Skeleton({ preset = CorePresetNames.DEFAULT, template, density, className, ...props }) {
+export function Skeleton({ preset = CorePresetNames.DEFAULT, template, density, count, className, ...props }) {
     const surfacePolicyContext = React.useContext(SurfacePolicyContext);
     const surfacePolicy = surfacePolicyContext?.policy;
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_SKELETON, 'Skeleton')(preset);
@@ -74,6 +88,21 @@ export function Skeleton({ preset = CorePresetNames.DEFAULT, template, density,
         return _jsx(_Fragment, {});
     }
     const resolvedDensity = resolveDensity(density, policyDensity, fallbackDensity);
-    return (_jsx("div", { "data-slot": "skeleton-template", "data-skeleton-template": resolvedTemplate, "data-skeleton-density": resolvedDensity, className: cn(densityClass(resolvedDensity), className), ...props, children: TEMPLATE_ROWS[resolvedTemplate].map((rowClassName, index) => (_jsx(Component, { className: rowClassName, "aria-hidden": "true" }, `${resolvedTemplate}-${index}`))) }));
+    const itemCount = clampSkeletonCount(count);
+    const rows = TEMPLATE_ROWS[resolvedTemplate];
+    return (_jsx("div", { "data-slot": "skeleton-template", "data-skeleton-template": resolvedTemplate, "data-skeleton-density": resolvedDensity, "data-skeleton-count": itemCount, className: cn(densityClass(resolvedDensity), className), ...props, children: itemCount === 1
+            /*
+             * The single-item case renders rows as DIRECT children, exactly as it did before `count`
+             * existed. Wrapping them "for symmetry" would change the DOM of every skeleton in the
+             * framework to make the rare case tidier, and the density gap is applied by the root's
+             * `space-y-*`, which only reaches direct children.
+             */
+            ? rows.map((rowClassName, index) => (_jsx(Component, { className: rowClassName, "aria-hidden": "true" }, `${resolvedTemplate}-${index}`)))
+            /*
+             * Several items each get their own group, so the density gap separates ITEMS as well as the
+             * bars within one. A flat `count x rows` list spaces every bar identically and reads as one
+             * tall striped block — which is the "I cannot tell what these are" the repeat exists to fix.
+             */
+            : Array.from({ length: itemCount }, (_, item) => (_jsx("div", { className: densityClass(resolvedDensity), children: rows.map((rowClassName, index) => (_jsx(Component, { className: rowClassName, "aria-hidden": "true" }, `${resolvedTemplate}-${index}`))) }, `item-${item}`))) }));
 }
 //# sourceMappingURL=skeleton.js.map

package/dist/esm/components/feedback/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../src/components/feedback/skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport {\n  CorePresetNames,\n  FRAMEWORK_DEFAULT_SURFACE_POLICIES,\n  FrontendComponentType,\n  type SkeletonDensity,\n  type SkeletonTemplate,\n} from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { SurfacePolicyContext } from '~wildo-frontend-lib/core/ui/SurfacePolicyContext'\nimport { cn } from '~wildo-frontend-lib/core/ui/cn'\n\n// --- Contract ---\nexport type SkeletonProps = React.ComponentProps<\"div\"> & {\n  template?: SkeletonTemplate | 'auto'\n  density?: SkeletonDensity | 'auto'\n}\n\ntype ConcreteSkeletonDensity = Exclude<SkeletonDensity, 'inherit'>\n\nconst TEMPLATE_ROWS: Record<Exclude<SkeletonTemplate, 'inherit' | 'none'>, string[]> = {\n  list: ['h-4 w-3/4', 'h-4 w-full', 'h-4 w-2/3'],\n  detail: ['h-6 w-1/3', 'h-4 w-full', 'h-4 w-2/3'],\n  table: ['h-8 w-full', 'h-8 w-full', 'h-8 w-full', 'h-8 w-full'],\n  card: ['h-32 w-full', 'h-5 w-2/3', 'h-4 w-full'],\n}\n\ntype SurfaceSkeletonTemplateValue = SkeletonTemplate | 'reset' | undefined\ntype SurfaceSkeletonDensityValue = SkeletonDensity | 'reset' | undefined\n\nfunction isSkeletonTemplate(value: SurfaceSkeletonTemplateValue): value is SkeletonTemplate {\n  return value !== undefined && value !== 'reset'\n}\n\nfunction isConcreteSkeletonDensity(value: SurfaceSkeletonDensityValue): value is ConcreteSkeletonDensity {\n  return value !== undefined && value !== 'reset' && value !== 'inherit'\n}\n\nfunction densityClass(density: ConcreteSkeletonDensity): string {\n  switch (density) {\n    case 'sm':\n      return 'space-y-item-xs'\n    case 'lg':\n      return 'space-y-card'\n    case 'md':\n    default:\n      return 'space-y-field'\n  }\n}\n\nfunction resolveTemplate(value: SkeletonTemplate | 'auto' | undefined, policyTemplate: SurfaceSkeletonTemplateValue): SkeletonTemplate | undefined {\n  if (value === undefined || value === 'auto') {\n    return isSkeletonTemplate(policyTemplate) ? policyTemplate : undefined\n  }\n  return value\n}\n\nfunction shouldApplyPolicyTemplate(\n  template: SkeletonTemplate | 'auto' | undefined,\n  className: string | undefined,\n  style: React.CSSProperties | undefined,\n): boolean {\n  if (template === 'auto') {\n    return true\n  }\n  if (template !== undefined) {\n    return false\n  }\n  return className === undefined && style === undefined\n}\n\nfunction resolveDensity(\n  value: SkeletonDensity | 'auto' | undefined,\n  policyDensity: SurfaceSkeletonDensityValue,\n  fallbackDensity: ConcreteSkeletonDensity,\n): ConcreteSkeletonDensity {\n  if (value && value !== 'auto' && value !== 'inherit') {\n    return value\n  }\n  if (isConcreteSkeletonDensity(policyDensity)) {\n    return policyDensity\n  }\n  return fallbackDensity\n}\n\n// --- Wrapper ---\nexport function Skeleton({\n  preset = CorePresetNames.DEFAULT,\n  template,\n  density,\n  className,\n  ...props\n}: SkeletonProps & ComponentPresetProps): React.JSX.Element {\n  const surfacePolicyContext = React.useContext(SurfacePolicyContext)\n  const surfacePolicy = surfacePolicyContext?.policy\n  const Component = createComponentResolver<SkeletonProps>(FrontendComponentType.LOW_LEVEL_SKELETON, 'Skeleton')(preset)\n  const policyTemplate = surfacePolicy?.skeleton?.skeletonTemplate as SurfaceSkeletonTemplateValue\n  const policyDensity = surfacePolicy?.skeleton?.skeletonDensity as SurfaceSkeletonDensityValue\n  const frameworkFallbackDensity = surfacePolicyContext\n    ? FRAMEWORK_DEFAULT_SURFACE_POLICIES[surfacePolicyContext.variant].skeleton?.skeletonDensity\n    : undefined\n  const fallbackDensity = isConcreteSkeletonDensity(frameworkFallbackDensity) ? frameworkFallbackDensity : 'md'\n  const resolvedTemplate = surfacePolicy && shouldApplyPolicyTemplate(template, className, props.style)\n    ? resolveTemplate(template, policyTemplate)\n    : template === 'auto' || template === undefined\n      ? undefined\n      : template\n\n  if (!resolvedTemplate || resolvedTemplate === 'inherit') {\n    return <Component className={className} {...props} />\n  }\n\n  if (resolvedTemplate === 'none') {\n    return <></>\n  }\n\n  const resolvedDensity = resolveDensity(density, policyDensity, fallbackDensity)\n\n  return (\n    <div\n      data-slot=\"skeleton-template\"\n      data-skeleton-template={resolvedTemplate}\n      data-skeleton-density={resolvedDensity}\n      className={cn(densityClass(resolvedDensity), className)}\n      {...props}\n    >\n      {TEMPLATE_ROWS[resolvedTemplate].map((rowClassName, index) => (\n        <Component\n          key={`${resolvedTemplate}-${index}`}\n          className={rowClassName}\n          aria-hidden=\"true\"\n        />\n      ))}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../src/components/feedback/skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport {\n  CorePresetNames,\n  FRAMEWORK_DEFAULT_SURFACE_POLICIES,\n  FrontendComponentType,\n  type SkeletonDensity,\n  type SkeletonTemplate,\n} from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { SurfacePolicyContext } from '~wildo-frontend-lib/core/ui/SurfacePolicyContext'\nimport { cn } from '~wildo-frontend-lib/core/ui/cn'\n\n// --- Contract ---\nexport type SkeletonProps = React.ComponentProps<\"div\"> & {\n  template?: SkeletonTemplate | 'auto'\n  density?: SkeletonDensity | 'auto'\n  /**\n   * How many ITEM silhouettes to draw. Defaults to 1.\n   *\n   * A template describes ONE thing — one card, one row, one detail header. That is the right unit for\n   * a detail page and the wrong one for a COLLECTION: a list rendering a single card ghost tells the\n   * reader \"one item is coming\", which is neither true nor what a skeleton is for. A collection knows\n   * how many rows it is about to draw (its page size), so it says so.\n   *\n   * Clamped to a sane maximum: past roughly a screenful the placeholder stops communicating \"a list is\n   * loading\" and starts being a wall of grey that costs more to paint than the real rows.\n   */\n  count?: number\n}\n\ntype ConcreteSkeletonDensity = Exclude<SkeletonDensity, 'inherit'>\n\nconst TEMPLATE_ROWS: Record<Exclude<SkeletonTemplate, 'inherit' | 'none'>, string[]> = {\n  list: ['h-4 w-3/4', 'h-4 w-full', 'h-4 w-2/3'],\n  detail: ['h-6 w-1/3', 'h-4 w-full', 'h-4 w-2/3'],\n  table: ['h-8 w-full', 'h-8 w-full', 'h-8 w-full', 'h-8 w-full'],\n  card: ['h-32 w-full', 'h-5 w-2/3', 'h-4 w-full'],\n}\n\ntype SurfaceSkeletonTemplateValue = SkeletonTemplate | 'reset' | undefined\ntype SurfaceSkeletonDensityValue = SkeletonDensity | 'reset' | undefined\n\nfunction isSkeletonTemplate(value: SurfaceSkeletonTemplateValue): value is SkeletonTemplate {\n  return value !== undefined && value !== 'reset'\n}\n\nfunction isConcreteSkeletonDensity(value: SurfaceSkeletonDensityValue): value is ConcreteSkeletonDensity {\n  return value !== undefined && value !== 'reset' && value !== 'inherit'\n}\n\nfunction densityClass(density: ConcreteSkeletonDensity): string {\n  switch (density) {\n    case 'sm':\n      return 'space-y-item-xs'\n    case 'lg':\n      return 'space-y-card'\n    case 'md':\n    default:\n      return 'space-y-field'\n  }\n}\n\n/**\n * The most item silhouettes worth drawing, and why there is a ceiling at all.\n *\n * A page size of 100 would paint 100 ghosts: more DOM than the real rows, and past a screenful the\n * placeholder has stopped saying \"a list is loading\" and started being a grey wall. Eight is about a\n * screenful at every density the framework ships.\n */\nconst MAXIMUM_SKELETON_ITEMS = 8\n\nfunction clampSkeletonCount(count: number | undefined): number {\n  if (count === undefined || !Number.isFinite(count)) {\n    return 1\n  }\n  return Math.min(Math.max(Math.trunc(count), 1), MAXIMUM_SKELETON_ITEMS)\n}\n\nfunction resolveTemplate(value: SkeletonTemplate | 'auto' | undefined, policyTemplate: SurfaceSkeletonTemplateValue): SkeletonTemplate | undefined {\n  if (value === undefined || value === 'auto') {\n    return isSkeletonTemplate(policyTemplate) ? policyTemplate : undefined\n  }\n  return value\n}\n\nfunction shouldApplyPolicyTemplate(\n  template: SkeletonTemplate | 'auto' | undefined,\n  className: string | undefined,\n  style: React.CSSProperties | undefined,\n): boolean {\n  if (template === 'auto') {\n    return true\n  }\n  if (template !== undefined) {\n    return false\n  }\n  return className === undefined && style === undefined\n}\n\nfunction resolveDensity(\n  value: SkeletonDensity | 'auto' | undefined,\n  policyDensity: SurfaceSkeletonDensityValue,\n  fallbackDensity: ConcreteSkeletonDensity,\n): ConcreteSkeletonDensity {\n  if (value && value !== 'auto' && value !== 'inherit') {\n    return value\n  }\n  if (isConcreteSkeletonDensity(policyDensity)) {\n    return policyDensity\n  }\n  return fallbackDensity\n}\n\n// --- Wrapper ---\nexport function Skeleton({\n  preset = CorePresetNames.DEFAULT,\n  template,\n  density,\n  count,\n  className,\n  ...props\n}: SkeletonProps & ComponentPresetProps): React.JSX.Element {\n  const surfacePolicyContext = React.useContext(SurfacePolicyContext)\n  const surfacePolicy = surfacePolicyContext?.policy\n  const Component = createComponentResolver<SkeletonProps>(FrontendComponentType.LOW_LEVEL_SKELETON, 'Skeleton')(preset)\n  const policyTemplate = surfacePolicy?.skeleton?.skeletonTemplate as SurfaceSkeletonTemplateValue\n  const policyDensity = surfacePolicy?.skeleton?.skeletonDensity as SurfaceSkeletonDensityValue\n  const frameworkFallbackDensity = surfacePolicyContext\n    ? FRAMEWORK_DEFAULT_SURFACE_POLICIES[surfacePolicyContext.variant].skeleton?.skeletonDensity\n    : undefined\n  const fallbackDensity = isConcreteSkeletonDensity(frameworkFallbackDensity) ? frameworkFallbackDensity : 'md'\n  const resolvedTemplate = surfacePolicy && shouldApplyPolicyTemplate(template, className, props.style)\n    ? resolveTemplate(template, policyTemplate)\n    : template === 'auto' || template === undefined\n      ? undefined\n      : template\n\n  if (!resolvedTemplate || resolvedTemplate === 'inherit') {\n    return <Component className={className} {...props} />\n  }\n\n  if (resolvedTemplate === 'none') {\n    return <></>\n  }\n\n  const resolvedDensity = resolveDensity(density, policyDensity, fallbackDensity)\n  const itemCount = clampSkeletonCount(count)\n  const rows = TEMPLATE_ROWS[resolvedTemplate]\n\n  return (\n    <div\n      data-slot=\"skeleton-template\"\n      data-skeleton-template={resolvedTemplate}\n      data-skeleton-density={resolvedDensity}\n      data-skeleton-count={itemCount}\n      className={cn(densityClass(resolvedDensity), className)}\n      {...props}\n    >\n      {itemCount === 1\n        /*\n         * The single-item case renders rows as DIRECT children, exactly as it did before `count`\n         * existed. Wrapping them \"for symmetry\" would change the DOM of every skeleton in the\n         * framework to make the rare case tidier, and the density gap is applied by the root's\n         * `space-y-*`, which only reaches direct children.\n         */\n        ? rows.map((rowClassName, index) => (\n          <Component key={`${resolvedTemplate}-${index}`} className={rowClassName} aria-hidden=\"true\" />\n        ))\n        /*\n         * Several items each get their own group, so the density gap separates ITEMS as well as the\n         * bars within one. A flat `count x rows` list spaces every bar identically and reads as one\n         * tall striped block — which is the \"I cannot tell what these are\" the repeat exists to fix.\n         */\n        : Array.from({ length: itemCount }, (_, item) => (\n          <div key={`item-${item}`} className={densityClass(resolvedDensity)}>\n            {rows.map((rowClassName, index) => (\n              <Component key={`${resolvedTemplate}-${index}`} className={rowClassName} aria-hidden=\"true\" />\n            ))}\n          </div>\n        ))}\n    </div>\n  )\n}\n"]}

package/dist/esm/components/feedback/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,YAAY,EAAE,YAAY,EAAE,CAAA;AAG5B,wBAAgB,OAAO,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9H"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AAG1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,YAAY,EAAE,YAAY,EAAE,CAAA;AAG5B,wBAAgB,OAAO,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9H"}

package/dist/esm/components/feedback/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../../src/components/feedback/toast.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAM5F,kBAAkB;AAClB,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAuC;IACzG,MAAM,SAAS,GAAG,uBAAuB,CAAe,qBAAqB,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACjH,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { type ToasterProps } from 'sonner'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\nexport type { ToasterProps }\n\n// --- Wrapper ---\nexport function Toaster({ preset = CorePresetNames.DEFAULT, ...props }: ToasterProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<ToasterProps>(FrontendComponentType.LOW_LEVEL_TOAST, 'Toaster')(preset)\n  return <Component {...props} />\n}\n"]}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/feedback/toast.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAM5F,kBAAkB;AAClB,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAuC;IACzG,MAAM,SAAS,GAAG,uBAAuB,CAAe,qBAAqB,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACjH,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { type ToasterProps } from 'sonner'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\nexport type { ToasterProps }\n\n// --- Wrapper ---\nexport function Toaster({ preset = CorePresetNames.DEFAULT, ...props }: ToasterProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<ToasterProps>(FrontendComponentType.LOW_LEVEL_TOAST, 'Toaster')(preset)\n  return <Component {...props} />\n}\n"]}

package/dist/esm/components/files/Files_UploadGrantDrop.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
+/**
+ * Props of the public file-upload-grant drop page.
+ *
+ * `token` is the grant's consumable-token value, read from the URL. It is the page's only input and
+ * the upload's only credential — the route it lands on authenticates the token as an ALTERNATIVE to
+ * a session, so the page works identically for a visitor with or without one.
+ */
+export interface PublicLayoutPreset_FileUploadGrant_DefaultProps {
+    token?: string;
+}
+/**
+ * `image/*`-style entries admit a whole family; anything else is an exact match. Mirrors the
+ * backend's acceptance so the page refuses locally exactly what the route would refuse — a
+ * pre-check, not the decision: the bytes are re-checked on receipt.
+ */
+export declare function fileTypeIsAccepted(allowedMimeTypes: readonly string[], mimeType: string): boolean;
+/**
+ * Byte counts as a person reads them. A NUMBER format, not display text derived from an identifier —
+ * `Intl` owns the unit words and the visitor's browser locale decides the digits.
+ */
+export declare function formatByteSize(bytes: number): string;
+/**
+ * The public drop page that redeems a single-use file-upload grant.
+ *
+ * This is the FALLBACK half of the grant contract. An agent that can run a command uploads with the
+ * grant's curl example and never comes here; an agent whose host cannot perform an upload shows the
+ * visitor `uploadPageUrl`, and this page does the one thing the grant allows: send exactly one file
+ * to the granted route, with the grant as the credential. Nothing here decides anything the backend
+ * does not re-decide — size and type are pre-checked locally only so a visitor learns before sending
+ * bytes that the route would refuse.
+ *
+ * Reads the grant status first, because the status carries everything the page renders: the target
+ * field, the constraints, the expiry, the upload URL and the header name to send the token under.
+ * After a successful upload it re-reads the status rather than trusting the upload response, so the
+ * confirmation shows what the application actually recorded (`REDEEMED`, and the file it produced).
+ */
+export declare const PublicLayoutPreset_FileUploadGrant_Default: React.FC<PublicLayoutPreset_FileUploadGrant_DefaultProps>;
+export declare function Files_UploadGrantDrop({ preset, ...props }: PublicLayoutPreset_FileUploadGrant_DefaultProps & ComponentPresetProps): React.JSX.Element;
+//# sourceMappingURL=Files_UploadGrantDrop.d.ts.map

package/dist/esm/components/files/Files_UploadGrantDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Files_UploadGrantDrop.d.ts","sourceRoot":"","sources":["../../../../src/components/files/Files_UploadGrantDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AAQxH;;;;;;GAMG;AACH,MAAM,WAAW,+CAA+C;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,gBAAgB,EAAE,SAAS,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAIjG;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CASpD;AAcD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,+CAA+C,CAkOhH,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,+CAA+C,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG/K"}

package/dist/esm/components/files/Files_UploadGrantDrop.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { CorePresetNames, FileUploadGrantLabel, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { FileUploadGrantState } from '@wildo-ai/saas-models';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { getManualCallsHttpClient } from '../../core/requests/wildo-http-client-manual-calls.frontend.service.js';
+import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
+import { Heading } from '../../components/typography/heading.js';
+import { Text } from '../../components/typography/text.js';
+import { Alert, AlertDescription } from '../../components/overlays/containers/alert.js';
+import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
+import { LoadingSpinner } from '../../components/feedback/loading-spinner.js';
+/**
+ * What the page is doing. Terminal grant states (redeemed / expired / revoked) are NOT phases: they
+ * are read off the grant status and rendered as such, so the vocabulary stays the grant's own.
+ */
+var DropPhase;
+(function (DropPhase) {
+    DropPhase["LOADING"] = "loading";
+    DropPhase["READY"] = "ready";
+    DropPhase["UPLOADING"] = "uploading";
+    DropPhase["DONE"] = "done";
+    DropPhase["FAILED"] = "failed";
+})(DropPhase || (DropPhase = {}));
+/**
+ * `image/*`-style entries admit a whole family; anything else is an exact match. Mirrors the
+ * backend's acceptance so the page refuses locally exactly what the route would refuse — a
+ * pre-check, not the decision: the bytes are re-checked on receipt.
+ */
+export function fileTypeIsAccepted(allowedMimeTypes, mimeType) {
+    if (allowedMimeTypes.length === 0 || mimeType === '')
+        return true;
+    const family = mimeType.split('/')[0];
+    return allowedMimeTypes.some((allowed) => allowed === mimeType || allowed === `${family}/*`);
+}
+/**
+ * Byte counts as a person reads them. A NUMBER format, not display text derived from an identifier —
+ * `Intl` owns the unit words and the visitor's browser locale decides the digits.
+ */
+export function formatByteSize(bytes) {
+    const units = ['byte', 'kilobyte', 'megabyte', 'gigabyte'];
+    let value = bytes;
+    let unitIndex = 0;
+    while (value >= 1024 && unitIndex < units.length - 1) {
+        value /= 1024;
+        unitIndex += 1;
+    }
+    return new Intl.NumberFormat(undefined, { style: 'unit', unit: units[unitIndex], maximumFractionDigits: value < 10 ? 1 : 0 }).format(value);
+}
+function readHttpStatus(error) {
+    const e = error;
+    const candidate = e?.status ?? e?.statusCode ?? e?.response?.status;
+    return typeof candidate === 'number' ? candidate : undefined;
+}
+function readBackendMessage(error) {
+    const e = error;
+    const candidate = e?.response?.data?.error?.message ?? e?.response?.data?.message ?? e?.message;
+    return typeof candidate === 'string' && candidate.length > 0 ? candidate : null;
+}
+/**
+ * The public drop page that redeems a single-use file-upload grant.
+ *
+ * This is the FALLBACK half of the grant contract. An agent that can run a command uploads with the
+ * grant's curl example and never comes here; an agent whose host cannot perform an upload shows the
+ * visitor `uploadPageUrl`, and this page does the one thing the grant allows: send exactly one file
+ * to the granted route, with the grant as the credential. Nothing here decides anything the backend
+ * does not re-decide — size and type are pre-checked locally only so a visitor learns before sending
+ * bytes that the route would refuse.
+ *
+ * Reads the grant status first, because the status carries everything the page renders: the target
+ * field, the constraints, the expiry, the upload URL and the header name to send the token under.
+ * After a successful upload it re-reads the status rather than trusting the upload response, so the
+ * confirmation shows what the application actually recorded (`REDEEMED`, and the file it produced).
+ */
+export const PublicLayoutPreset_FileUploadGrant_Default = ({ token }) => {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.PUBLIC_LAYOUTS_FILE_UPLOAD_GRANT });
+    const t = useCallback((key, params) => tComponent(FrontendComponentType.PUBLIC_LAYOUTS_FILE_UPLOAD_GRANT, key, params), [tComponent]);
+    const [phase, setPhase] = useState(DropPhase.LOADING);
+    const [status, setStatus] = useState(null);
+    const [failure, setFailure] = useState(null);
+    const [selectedFile, setSelectedFile] = useState(null);
+    const [progress, setProgress] = useState(0);
+    const inputRef = useRef(null);
+    const loadStatus = useCallback(async () => {
+        if (!token) {
+            setFailure({ kind: FileUploadGrantLabel.ERROR_NOT_FOUND, detail: null });
+            setPhase(DropPhase.FAILED);
+            return null;
+        }
+        try {
+            const next = await getManualCallsHttpClient().readFileUploadGrantStatus(token);
+            setStatus(next);
+            return next;
+        }
+        catch (error) {
+            const kind = readHttpStatus(error) === 404 ? FileUploadGrantLabel.ERROR_NOT_FOUND : FileUploadGrantLabel.ERROR_GENERIC;
+            setFailure({ kind, detail: kind === FileUploadGrantLabel.ERROR_GENERIC ? readBackendMessage(error) : null });
+            setPhase(DropPhase.FAILED);
+            return null;
+        }
+    }, [token]);
+    useEffect(() => {
+        let cancelled = false;
+        void loadStatus().then((loaded) => {
+            if (!cancelled && loaded)
+                setPhase(DropPhase.READY);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [loadStatus]);
+    const maxSizeText = useMemo(() => (status ? formatByteSize(status.constraints.maxBytes) : ''), [status]);
+    const acceptFile = useCallback((file) => {
+        if (!file || !status)
+            return;
+        if (file.size > status.constraints.maxBytes) {
+            setSelectedFile(null);
+            setFailure({ kind: FileUploadGrantLabel.ERROR_TOO_LARGE, detail: null });
+            setPhase(DropPhase.FAILED);
+            return;
+        }
+        if (!fileTypeIsAccepted(status.constraints.allowedMimeTypes, file.type)) {
+            setSelectedFile(null);
+            setFailure({ kind: FileUploadGrantLabel.ERROR_TYPE_NOT_ACCEPTED, detail: null });
+            setPhase(DropPhase.FAILED);
+            return;
+        }
+        setFailure(null);
+        setSelectedFile(file);
+        setPhase(DropPhase.READY);
+    }, [status]);
+    const upload = useCallback(async () => {
+        if (!token || !status || !selectedFile)
+            return;
+        setPhase(DropPhase.UPLOADING);
+        setProgress(0);
+        try {
+            await getManualCallsHttpClient().uploadWithFileUploadGrant(status, token, selectedFile, {
+                onUploadProgress: (percent) => setProgress(percent < 0 ? 0 : percent),
+            });
+            const after = await loadStatus();
+            if (after)
+                setPhase(DropPhase.DONE);
+        }
+        catch (error) {
+            setFailure({ kind: FileUploadGrantLabel.ERROR_GENERIC, detail: readBackendMessage(error) });
+            setPhase(DropPhase.FAILED);
+        }
+    }, [token, status, selectedFile, loadStatus]);
+    const retry = useCallback(() => {
+        setFailure(null);
+        setSelectedFile(null);
+        setProgress(0);
+        if (status) {
+            setPhase(DropPhase.READY);
+        }
+        else {
+            setPhase(DropPhase.LOADING);
+            void loadStatus().then((loaded) => {
+                if (loaded)
+                    setPhase(DropPhase.READY);
+            });
+        }
+    }, [status, loadStatus]);
+    if (!isReady)
+        return null;
+    if (phase === DropPhase.LOADING) {
+        return (_jsxs("div", { role: "status", "aria-live": "polite", className: "text-center space-y-item-xs", children: [_jsx("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 mb-element", "aria-hidden": "true", children: _jsx(LoadingSpinner, { size: 24, className: "text-primary" }) }), _jsx(Text, { className: "max-w-sm mx-auto", children: t(FileUploadGrantLabel.LOADING) })] }));
+    }
+    if (phase === DropPhase.FAILED && failure) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-center space-y-item-xs mb-group", children: _jsx(Heading, { children: t(FileUploadGrantLabel.ERROR_TITLE) }) }), _jsx(Alert, { variant: "destructive", children: _jsxs(AlertDescription, { children: [t(failure.kind, failure.kind === FileUploadGrantLabel.ERROR_TOO_LARGE ? { maxSize: maxSizeText } : undefined), failure.detail ? _jsx("span", { className: "block mt-element text-xs opacity-80", children: failure.detail }) : null] }) }), failure.kind !== FileUploadGrantLabel.ERROR_NOT_FOUND ? (_jsx("div", { className: "text-center mt-group", children: _jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, onClick: retry, children: t(FileUploadGrantLabel.RETRY) }) })) : null] }));
+    }
+    if (!status)
+        return null;
+    // A grant that is not PENDING renders its own terminal state. DONE after our own upload lands here
+    // too (the re-read status is REDEEMED) and is told apart only to say "received" instead of "used".
+    if (status.state !== FileUploadGrantState.PENDING) {
+        const ownUpload = phase === DropPhase.DONE;
+        const titleKey = ownUpload
+            ? FileUploadGrantLabel.SUCCESS_TITLE
+            : status.state === FileUploadGrantState.REDEEMED
+                ? FileUploadGrantLabel.STATE_REDEEMED_TITLE
+                : status.state === FileUploadGrantState.EXPIRED
+                    ? FileUploadGrantLabel.STATE_EXPIRED_TITLE
+                    : FileUploadGrantLabel.STATE_REVOKED_TITLE;
+        const messageKey = ownUpload
+            ? FileUploadGrantLabel.SUCCESS_MESSAGE
+            : status.state === FileUploadGrantState.REDEEMED
+                ? FileUploadGrantLabel.STATE_REDEEMED
+                : status.state === FileUploadGrantState.EXPIRED
+                    ? FileUploadGrantLabel.STATE_EXPIRED
+                    : FileUploadGrantLabel.STATE_REVOKED;
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-center space-y-item-xs mb-group", children: _jsx(Heading, { children: t(titleKey) }) }), _jsx(Alert, { variant: ownUpload ? 'success' : 'info', children: _jsx(AlertDescription, { children: t(messageKey) }) }), status.file ? (_jsxs("dl", { className: "mt-group text-sm", children: [_jsx("dt", { className: "text-muted-foreground", children: t(FileUploadGrantLabel.FILE_ID) }), _jsx("dd", { children: _jsx("code", { "data-testid": "upload-grant-file-id", children: status.file.fileId }) })] })) : null] }));
+    }
+    const uploading = phase === DropPhase.UPLOADING;
+    const acceptedTypes = status.constraints.allowedMimeTypes;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-center space-y-item-xs mb-group", children: [_jsx(Heading, { children: t(FileUploadGrantLabel.TITLE) }), _jsx(Text, { className: "max-w-sm mx-auto", children: t(FileUploadGrantLabel.INTRO, { fieldName: status.target.fieldName }) })] }), _jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-element gap-y-item-xs text-sm mb-group", children: [_jsx("dt", { className: "text-muted-foreground", children: t(FileUploadGrantLabel.MAX_SIZE) }), _jsx("dd", { "data-testid": "upload-grant-max-size", children: maxSizeText }), _jsx("dt", { className: "text-muted-foreground", children: t(FileUploadGrantLabel.ACCEPTED_TYPES) }), _jsx("dd", { "data-testid": "upload-grant-accepted-types", children: acceptedTypes.length > 0 ? acceptedTypes.join(', ') : t(FileUploadGrantLabel.ANY_TYPE) }), _jsx("dt", { className: "text-muted-foreground", children: t(FileUploadGrantLabel.EXPIRES_AT) }), _jsx("dd", { children: new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(new Date(status.expiresAt)) })] }), _jsxs("div", { role: "group", "aria-label": t(FileUploadGrantLabel.DROPZONE_ARIA), className: "rounded-md border border-dashed border-input p-group text-center", onDragOver: (event) => event.preventDefault(), onDrop: (event) => {
+                    event.preventDefault();
+                    if (!uploading)
+                        acceptFile(event.dataTransfer.files?.[0] ?? null);
+                }, children: [_jsx("input", { ref: inputRef, type: "file", "data-testid": "upload-grant-file-input", className: "sr-only", accept: acceptedTypes.length > 0 ? acceptedTypes.join(',') : undefined, disabled: uploading, onChange: (event) => acceptFile(event.target.files?.[0] ?? null) }), _jsx(Text, { className: "mb-element", children: t(FileUploadGrantLabel.DROPZONE_PROMPT) }), _jsx(Button, { type: "button", "data-testid": "upload-grant-choose", variant: ButtonVariants_Variant.OUTLINE, disabled: uploading, onClick: () => inputRef.current?.click(), children: t(FileUploadGrantLabel.CHOOSE_FILE) }), _jsx(Text, { className: "mt-element text-sm", "data-testid": "upload-grant-selected-file", children: selectedFile ? `${selectedFile.name} · ${formatByteSize(selectedFile.size)}` : t(FileUploadGrantLabel.NO_FILE_SELECTED) })] }), _jsx("div", { className: "text-center mt-group", children: _jsx(Button, { type: "button", "data-testid": "upload-grant-submit", disabled: !selectedFile || uploading, onClick: () => void upload(), children: uploading ? t(FileUploadGrantLabel.UPLOADING, { percent: progress }) : t(FileUploadGrantLabel.UPLOAD) }) })] }));
+};
+export function Files_UploadGrantDrop({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const Component = createComponentResolver(FrontendComponentType.PUBLIC_LAYOUTS_FILE_UPLOAD_GRANT, 'Files_UploadGrantDrop')(preset);
+    return _jsx(Component, { ...props });
+}
+//# sourceMappingURL=Files_UploadGrantDrop.js.map

package/dist/esm/components/files/Files_UploadGrantDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Files_UploadGrantDrop.js","sourceRoot":"","sources":["../../../../src/components/files/Files_UploadGrantDrop.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { CorePresetNames, FileUploadGrantLabel, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { FileUploadGrantState, type FileUploadGrantStatus } from '@wildo-ai/saas-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { getManualCallsHttpClient } from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport { Heading } from '~wildo-frontend-lib/components/typography/heading';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { LoadingSpinner } from '~wildo-frontend-lib/components/feedback/loading-spinner';\n\n/**\n * Props of the public file-upload-grant drop page.\n *\n * `token` is the grant's consumable-token value, read from the URL. It is the page's only input and\n * the upload's only credential — the route it lands on authenticates the token as an ALTERNATIVE to\n * a session, so the page works identically for a visitor with or without one.\n */\nexport interface PublicLayoutPreset_FileUploadGrant_DefaultProps {\n  token?: string;\n}\n\n/**\n * What the page is doing. Terminal grant states (redeemed / expired / revoked) are NOT phases: they\n * are read off the grant status and rendered as such, so the vocabulary stays the grant's own.\n */\nenum DropPhase {\n  LOADING = 'loading',\n  READY = 'ready',\n  UPLOADING = 'uploading',\n  DONE = 'done',\n  FAILED = 'failed',\n}\n\n/**\n * Which authored message explains a failure. Every branch is a label key — the page never invents\n * display text from an error object; a backend message is shown beneath it verbatim when there is one.\n */\ntype FailureKind = FileUploadGrantLabel.ERROR_NOT_FOUND | FileUploadGrantLabel.ERROR_TOO_LARGE | FileUploadGrantLabel.ERROR_TYPE_NOT_ACCEPTED | FileUploadGrantLabel.ERROR_GENERIC;\n\n/**\n * `image/*`-style entries admit a whole family; anything else is an exact match. Mirrors the\n * backend's acceptance so the page refuses locally exactly what the route would refuse — a\n * pre-check, not the decision: the bytes are re-checked on receipt.\n */\nexport function fileTypeIsAccepted(allowedMimeTypes: readonly string[], mimeType: string): boolean {\n  if (allowedMimeTypes.length === 0 || mimeType === '') return true;\n  const family = mimeType.split('/')[0];\n  return allowedMimeTypes.some((allowed) => allowed === mimeType || allowed === `${family}/*`);\n}\n\n/**\n * Byte counts as a person reads them. A NUMBER format, not display text derived from an identifier —\n * `Intl` owns the unit words and the visitor's browser locale decides the digits.\n */\nexport function formatByteSize(bytes: number): string {\n  const units = ['byte', 'kilobyte', 'megabyte', 'gigabyte'] as const;\n  let value = bytes;\n  let unitIndex = 0;\n  while (value >= 1024 && unitIndex < units.length - 1) {\n    value /= 1024;\n    unitIndex += 1;\n  }\n  return new Intl.NumberFormat(undefined, { style: 'unit', unit: units[unitIndex], maximumFractionDigits: value < 10 ? 1 : 0 }).format(value);\n}\n\nfunction readHttpStatus(error: unknown): number | undefined {\n  const e = error as { status?: unknown; statusCode?: unknown; response?: { status?: unknown } } | null;\n  const candidate = e?.status ?? e?.statusCode ?? e?.response?.status;\n  return typeof candidate === 'number' ? candidate : undefined;\n}\n\nfunction readBackendMessage(error: unknown): string | null {\n  const e = error as { response?: { data?: { error?: { message?: unknown }; message?: unknown } }; message?: unknown } | null;\n  const candidate = e?.response?.data?.error?.message ?? e?.response?.data?.message ?? e?.message;\n  return typeof candidate === 'string' && candidate.length > 0 ? candidate : null;\n}\n\n/**\n * The public drop page that redeems a single-use file-upload grant.\n *\n * This is the FALLBACK half of the grant contract. An agent that can run a command uploads with the\n * grant's curl example and never comes here; an agent whose host cannot perform an upload shows the\n * visitor `uploadPageUrl`, and this page does the one thing the grant allows: send exactly one file\n * to the granted route, with the grant as the credential. Nothing here decides anything the backend\n * does not re-decide — size and type are pre-checked locally only so a visitor learns before sending\n * bytes that the route would refuse.\n *\n * Reads the grant status first, because the status carries everything the page renders: the target\n * field, the constraints, the expiry, the upload URL and the header name to send the token under.\n * After a successful upload it re-reads the status rather than trusting the upload response, so the\n * confirmation shows what the application actually recorded (`REDEEMED`, and the file it produced).\n */\nexport const PublicLayoutPreset_FileUploadGrant_Default: React.FC<PublicLayoutPreset_FileUploadGrant_DefaultProps> = ({ token }) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.PUBLIC_LAYOUTS_FILE_UPLOAD_GRANT });\n  const t = useCallback(\n    (key: FileUploadGrantLabel, params?: Record<string, string | number>) => tComponent(FrontendComponentType.PUBLIC_LAYOUTS_FILE_UPLOAD_GRANT, key, params),\n    [tComponent],\n  );\n\n  const [phase, setPhase] = useState<DropPhase>(DropPhase.LOADING);\n  const [status, setStatus] = useState<FileUploadGrantStatus | null>(null);\n  const [failure, setFailure] = useState<{ kind: FailureKind; detail: string | null } | null>(null);\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\n  const [progress, setProgress] = useState<number>(0);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const loadStatus = useCallback(async (): Promise<FileUploadGrantStatus | null> => {\n    if (!token) {\n      setFailure({ kind: FileUploadGrantLabel.ERROR_NOT_FOUND, detail: null });\n      setPhase(DropPhase.FAILED);\n      return null;\n    }\n    try {\n      const next = await getManualCallsHttpClient().readFileUploadGrantStatus(token);\n      setStatus(next);\n      return next;\n    } catch (error) {\n      const kind = readHttpStatus(error) === 404 ? FileUploadGrantLabel.ERROR_NOT_FOUND : FileUploadGrantLabel.ERROR_GENERIC;\n      setFailure({ kind, detail: kind === FileUploadGrantLabel.ERROR_GENERIC ? readBackendMessage(error) : null });\n      setPhase(DropPhase.FAILED);\n      return null;\n    }\n  }, [token]);\n\n  useEffect(() => {\n    let cancelled = false;\n    void loadStatus().then((loaded) => {\n      if (!cancelled && loaded) setPhase(DropPhase.READY);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [loadStatus]);\n\n  const maxSizeText = useMemo(() => (status ? formatByteSize(status.constraints.maxBytes) : ''), [status]);\n\n  const acceptFile = useCallback(\n    (file: File | null) => {\n      if (!file || !status) return;\n      if (file.size > status.constraints.maxBytes) {\n        setSelectedFile(null);\n        setFailure({ kind: FileUploadGrantLabel.ERROR_TOO_LARGE, detail: null });\n        setPhase(DropPhase.FAILED);\n        return;\n      }\n      if (!fileTypeIsAccepted(status.constraints.allowedMimeTypes, file.type)) {\n        setSelectedFile(null);\n        setFailure({ kind: FileUploadGrantLabel.ERROR_TYPE_NOT_ACCEPTED, detail: null });\n        setPhase(DropPhase.FAILED);\n        return;\n      }\n      setFailure(null);\n      setSelectedFile(file);\n      setPhase(DropPhase.READY);\n    },\n    [status],\n  );\n\n  const upload = useCallback(async () => {\n    if (!token || !status || !selectedFile) return;\n    setPhase(DropPhase.UPLOADING);\n    setProgress(0);\n    try {\n      await getManualCallsHttpClient().uploadWithFileUploadGrant(status, token, selectedFile, {\n        onUploadProgress: (percent) => setProgress(percent < 0 ? 0 : percent),\n      });\n      const after = await loadStatus();\n      if (after) setPhase(DropPhase.DONE);\n    } catch (error) {\n      setFailure({ kind: FileUploadGrantLabel.ERROR_GENERIC, detail: readBackendMessage(error) });\n      setPhase(DropPhase.FAILED);\n    }\n  }, [token, status, selectedFile, loadStatus]);\n\n  const retry = useCallback(() => {\n    setFailure(null);\n    setSelectedFile(null);\n    setProgress(0);\n    if (status) {\n      setPhase(DropPhase.READY);\n    } else {\n      setPhase(DropPhase.LOADING);\n      void loadStatus().then((loaded) => {\n        if (loaded) setPhase(DropPhase.READY);\n      });\n    }\n  }, [status, loadStatus]);\n\n  if (!isReady) return null;\n\n  if (phase === DropPhase.LOADING) {\n    return (\n      <div role=\"status\" aria-live=\"polite\" className=\"text-center space-y-item-xs\">\n        <div className=\"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 mb-element\" aria-hidden=\"true\">\n          <LoadingSpinner size={24} className=\"text-primary\" />\n        </div>\n        <Text className=\"max-w-sm mx-auto\">{t(FileUploadGrantLabel.LOADING)}</Text>\n      </div>\n    );\n  }\n\n  if (phase === DropPhase.FAILED && failure) {\n    return (\n      <>\n        <div className=\"text-center space-y-item-xs mb-group\">\n          <Heading>{t(FileUploadGrantLabel.ERROR_TITLE)}</Heading>\n        </div>\n        <Alert variant=\"destructive\">\n          <AlertDescription>\n            {t(failure.kind, failure.kind === FileUploadGrantLabel.ERROR_TOO_LARGE ? { maxSize: maxSizeText } : undefined)}\n            {failure.detail ? <span className=\"block mt-element text-xs opacity-80\">{failure.detail}</span> : null}\n          </AlertDescription>\n        </Alert>\n        {failure.kind !== FileUploadGrantLabel.ERROR_NOT_FOUND ? (\n          <div className=\"text-center mt-group\">\n            <Button type=\"button\" variant={ButtonVariants_Variant.OUTLINE} onClick={retry}>\n              {t(FileUploadGrantLabel.RETRY)}\n            </Button>\n          </div>\n        ) : null}\n      </>\n    );\n  }\n\n  if (!status) return null;\n\n  // A grant that is not PENDING renders its own terminal state. DONE after our own upload lands here\n  // too (the re-read status is REDEEMED) and is told apart only to say \"received\" instead of \"used\".\n  if (status.state !== FileUploadGrantState.PENDING) {\n    const ownUpload = phase === DropPhase.DONE;\n    const titleKey = ownUpload\n      ? FileUploadGrantLabel.SUCCESS_TITLE\n      : status.state === FileUploadGrantState.REDEEMED\n        ? FileUploadGrantLabel.STATE_REDEEMED_TITLE\n        : status.state === FileUploadGrantState.EXPIRED\n          ? FileUploadGrantLabel.STATE_EXPIRED_TITLE\n          : FileUploadGrantLabel.STATE_REVOKED_TITLE;\n    const messageKey = ownUpload\n      ? FileUploadGrantLabel.SUCCESS_MESSAGE\n      : status.state === FileUploadGrantState.REDEEMED\n        ? FileUploadGrantLabel.STATE_REDEEMED\n        : status.state === FileUploadGrantState.EXPIRED\n          ? FileUploadGrantLabel.STATE_EXPIRED\n          : FileUploadGrantLabel.STATE_REVOKED;\n    return (\n      <>\n        <div className=\"text-center space-y-item-xs mb-group\">\n          <Heading>{t(titleKey)}</Heading>\n        </div>\n        <Alert variant={ownUpload ? 'success' : 'info'}>\n          <AlertDescription>{t(messageKey)}</AlertDescription>\n        </Alert>\n        {status.file ? (\n          <dl className=\"mt-group text-sm\">\n            <dt className=\"text-muted-foreground\">{t(FileUploadGrantLabel.FILE_ID)}</dt>\n            <dd>\n              <code data-testid=\"upload-grant-file-id\">{status.file.fileId}</code>\n            </dd>\n          </dl>\n        ) : null}\n      </>\n    );\n  }\n\n  const uploading = phase === DropPhase.UPLOADING;\n  const acceptedTypes = status.constraints.allowedMimeTypes;\n\n  return (\n    <>\n      <div className=\"text-center space-y-item-xs mb-group\">\n        <Heading>{t(FileUploadGrantLabel.TITLE)}</Heading>\n        <Text className=\"max-w-sm mx-auto\">{t(FileUploadGrantLabel.INTRO, { fieldName: status.target.fieldName })}</Text>\n      </div>\n\n      <dl className=\"grid grid-cols-[auto_1fr] gap-x-element gap-y-item-xs text-sm mb-group\">\n        <dt className=\"text-muted-foreground\">{t(FileUploadGrantLabel.MAX_SIZE)}</dt>\n        <dd data-testid=\"upload-grant-max-size\">{maxSizeText}</dd>\n        <dt className=\"text-muted-foreground\">{t(FileUploadGrantLabel.ACCEPTED_TYPES)}</dt>\n        <dd data-testid=\"upload-grant-accepted-types\">{acceptedTypes.length > 0 ? acceptedTypes.join(', ') : t(FileUploadGrantLabel.ANY_TYPE)}</dd>\n        <dt className=\"text-muted-foreground\">{t(FileUploadGrantLabel.EXPIRES_AT)}</dt>\n        <dd>{new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(new Date(status.expiresAt))}</dd>\n      </dl>\n\n      <div\n        role=\"group\"\n        aria-label={t(FileUploadGrantLabel.DROPZONE_ARIA)}\n        className=\"rounded-md border border-dashed border-input p-group text-center\"\n        onDragOver={(event) => event.preventDefault()}\n        onDrop={(event) => {\n          event.preventDefault();\n          if (!uploading) acceptFile(event.dataTransfer.files?.[0] ?? null);\n        }}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          data-testid=\"upload-grant-file-input\"\n          className=\"sr-only\"\n          accept={acceptedTypes.length > 0 ? acceptedTypes.join(',') : undefined}\n          disabled={uploading}\n          onChange={(event) => acceptFile(event.target.files?.[0] ?? null)}\n        />\n        <Text className=\"mb-element\">{t(FileUploadGrantLabel.DROPZONE_PROMPT)}</Text>\n        <Button type=\"button\" data-testid=\"upload-grant-choose\" variant={ButtonVariants_Variant.OUTLINE} disabled={uploading} onClick={() => inputRef.current?.click()}>\n          {t(FileUploadGrantLabel.CHOOSE_FILE)}\n        </Button>\n        <Text className=\"mt-element text-sm\" data-testid=\"upload-grant-selected-file\">\n          {selectedFile ? `${selectedFile.name} · ${formatByteSize(selectedFile.size)}` : t(FileUploadGrantLabel.NO_FILE_SELECTED)}\n        </Text>\n      </div>\n\n      <div className=\"text-center mt-group\">\n        <Button type=\"button\" data-testid=\"upload-grant-submit\" disabled={!selectedFile || uploading} onClick={() => void upload()}>\n          {uploading ? t(FileUploadGrantLabel.UPLOADING, { percent: progress }) : t(FileUploadGrantLabel.UPLOAD)}\n        </Button>\n      </div>\n    </>\n  );\n};\n\nexport function Files_UploadGrantDrop({ preset = CorePresetNames.DEFAULT, ...props }: PublicLayoutPreset_FileUploadGrant_DefaultProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<PublicLayoutPreset_FileUploadGrant_DefaultProps>(FrontendComponentType.PUBLIC_LAYOUTS_FILE_UPLOAD_GRANT, 'Files_UploadGrantDrop')(preset);\n  return <Component {...props} />;\n}\n"]}

package/dist/esm/components/files/Files_UploadGrantDrop.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const PublicLayoutsFileUploadGrantLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=Files_UploadGrantDrop.labels.d.ts.map

package/dist/esm/components/files/Files_UploadGrantDrop.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Files_UploadGrantDrop.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/files/Files_UploadGrantDrop.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAMhK,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EA6BnE,CAAC"}

package/dist/esm/components/files/Files_UploadGrantDrop.labels.js

@@ -0,0 +1,36 @@
+import { FileUploadGrantLabel, FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + per-key
+// purpose / kind / variable meaning. Statically scanned by the dev companion;
+// NOT imported at runtime, so it never ships in the bundle.
+export const PublicLayoutsFileUploadGrantLabels = [
+    { ref: FileUploadGrantLabel.TITLE, kind: LabelKind.HEADING, purpose: 'Page heading of the public drop page that redeems a single-use file-upload grant' },
+    { ref: FileUploadGrantLabel.INTRO, kind: LabelKind.DESCRIPTION, purpose: 'Explains that this one-time link accepts exactly one file for the named field', params: [{ key: 'fieldName', meaning: 'The file field the grant targets, as its authored name' }] },
+    { ref: FileUploadGrantLabel.LOADING, kind: LabelKind.MESSAGE, purpose: 'In-progress status while the grant status is being read' },
+    { ref: FileUploadGrantLabel.MAX_SIZE, kind: LabelKind.LABEL, purpose: 'Label of the maximum accepted file size' },
+    { ref: FileUploadGrantLabel.ACCEPTED_TYPES, kind: LabelKind.LABEL, purpose: 'Label of the list of accepted MIME types' },
+    { ref: FileUploadGrantLabel.ANY_TYPE, kind: LabelKind.MESSAGE, purpose: 'Shown in place of the accepted-types list when the field accepts any type' },
+    { ref: FileUploadGrantLabel.EXPIRES_AT, kind: LabelKind.LABEL, purpose: 'Label of the moment the link stops accepting an upload' },
+    { ref: FileUploadGrantLabel.DROPZONE_PROMPT, kind: LabelKind.PLACEHOLDER, purpose: 'Prompt inside the drop zone inviting the visitor to drop a file or open the chooser' },
+    { ref: FileUploadGrantLabel.DROPZONE_ARIA, kind: LabelKind.ARIA, purpose: 'Accessible name of the drop zone' },
+    { ref: FileUploadGrantLabel.CHOOSE_FILE, kind: LabelKind.BUTTON, purpose: 'Opens the native file chooser' },
+    { ref: FileUploadGrantLabel.NO_FILE_SELECTED, kind: LabelKind.EMPTY_STATE, purpose: 'Shown before a file has been chosen' },
+    { ref: FileUploadGrantLabel.UPLOAD, kind: LabelKind.BUTTON, purpose: 'Sends the chosen file' },
+    { ref: FileUploadGrantLabel.UPLOADING, kind: LabelKind.MESSAGE, purpose: 'Progress status while the file is being sent', params: [{ key: 'percent', meaning: 'Upload progress, 0-100' }] },
+    { ref: FileUploadGrantLabel.SUCCESS_TITLE, kind: LabelKind.HEADING, purpose: 'Heading once the file has been received' },
+    { ref: FileUploadGrantLabel.SUCCESS_MESSAGE, kind: LabelKind.MESSAGE, purpose: 'Tells the visitor the upload is complete and the requester can continue' },
+    { ref: FileUploadGrantLabel.FILE_ID, kind: LabelKind.LABEL, purpose: 'Label of the identifier the application gave the received file' },
+    { ref: FileUploadGrantLabel.STATE_REDEEMED_TITLE, kind: LabelKind.HEADING, purpose: 'Heading when the link has already received its one file' },
+    { ref: FileUploadGrantLabel.STATE_REDEEMED, kind: LabelKind.MESSAGE, purpose: 'Explains that each link accepts exactly one upload and this one is used' },
+    { ref: FileUploadGrantLabel.STATE_EXPIRED_TITLE, kind: LabelKind.HEADING, purpose: 'Heading when the link has expired' },
+    { ref: FileUploadGrantLabel.STATE_EXPIRED, kind: LabelKind.MESSAGE, purpose: 'Explains that the link expired and a new one must be requested' },
+    { ref: FileUploadGrantLabel.STATE_REVOKED_TITLE, kind: LabelKind.HEADING, purpose: 'Heading when the link was cancelled by its issuer' },
+    { ref: FileUploadGrantLabel.STATE_REVOKED, kind: LabelKind.MESSAGE, purpose: 'Explains that the issuer cancelled the link' },
+    { ref: FileUploadGrantLabel.ERROR_TITLE, kind: LabelKind.HEADING, purpose: 'Heading when the upload or the status read failed' },
+    { ref: FileUploadGrantLabel.ERROR_NOT_FOUND, kind: LabelKind.MESSAGE, purpose: 'Error when the link carries no valid grant' },
+    { ref: FileUploadGrantLabel.ERROR_TOO_LARGE, kind: LabelKind.MESSAGE, purpose: 'Error when the chosen file exceeds the maximum size', params: [{ key: 'maxSize', meaning: 'The maximum accepted size, already formatted for display' }] },
+    { ref: FileUploadGrantLabel.ERROR_TYPE_NOT_ACCEPTED, kind: LabelKind.MESSAGE, purpose: 'Error when the chosen file type is not in the accepted list' },
+    { ref: FileUploadGrantLabel.ERROR_GENERIC, kind: LabelKind.MESSAGE, purpose: 'Generic error when the upload could not be completed' },
+    { ref: FileUploadGrantLabel.RETRY, kind: LabelKind.BUTTON, purpose: 'Clears the error and lets the visitor choose again' },
+];
+registerComponentLabels(FrontendComponentType.PUBLIC_LAYOUTS_FILE_UPLOAD_GRANT, PublicLayoutsFileUploadGrantLabels);
+//# sourceMappingURL=Files_UploadGrantDrop.labels.js.map