themelia-react-ui 2.0.4 → 2.0.6

package/dist/features/resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource.js","names":["Text","Stack","LoadingState","ErrorState","compositionRhythm","compositionClasses","Initials","IconBadge","AvatarFallback","Avatar","AvatarImage","ContentBlock","MetadataList","PageHeading","OverflowTabBar","EmptyState","defaultResourceStrings","ResourceHeader","Icon","icon","titleText","title","resolvedMedia","media","avatarUrl","avatarFallback","cn","mediaClassName","avatarAlt","iconTone","badges","metadata","className","ResourceActionBar","sticky","leading","children","trailing","ResourceEmptyState","props","ResourceShellFrame","emptyState","stringsProp","strings","useStrings","header","slots","headerClassName","toolbarNode","toolbar","loadingNode","emptyNode","emptySlot","defaultErrorNode","error","errorNode","body","loading","variant","contentClassName","asideClassName","ResourceIndexShell","ResourceShowShell","TabbedResourceShell","tabs","activeTab","onTabChange","tabsClassName","moreLabel","tabsAriaLabel","ResourceCard","name","footer","ResourceDetailsSection","metadataColumns","metadataDense","help"],"sources":["../../src/components/features/resource/resource.strings.ts","../../src/components/features/resource/resource.tsx"],"sourcesContent":["/** Default copy for state-aware resource workspace replacement states. */\nexport interface ResourceStrings {\n\tloadingLabel: string;\n\tloadingDescription: string;\n\temptyTitle: string;\n\temptyDescription: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tretryLabel: string;\n\ttabsAriaLabel: string;\n}\n\nexport const defaultResourceStrings: ResourceStrings = {\n\tloadingLabel: 'Loading resources',\n\tloadingDescription: 'Preparing the latest data for this view.',\n\temptyTitle: 'No resources found',\n\temptyDescription: 'There are no records available for this view.',\n\terrorTitle: 'Resources unavailable',\n\terrorDescription: 'The resource data could not be loaded.',\n\tretryLabel: 'Try again',\n\ttabsAriaLabel: 'Resource sections',\n};\n","/** State-aware resource workspace primitives for coordinated index/show surfaces. */\nimport { ContentBlock, IconBadge } from '../../base/display';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../base/avatar';\nimport { ErrorState, LoadingState } from '../../base/feedback';\nimport { MetadataList } from '../../base/metadata-list';\nimport { EmptyState } from '../../blocks/data-display';\nimport { OverflowTabBar, PageHeading } from '../../base/navigation';\nimport { Stack } from '../../base/structure';\nimport {compositionClasses, compositionRhythm} from '../../base/structure/composition.recipes';\nimport { Initials } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultResourceStrings } from './resource.strings';\nimport type {\n\tResourceActionBarProps,\n\tResourceDetailsSectionProps,\n\tResourceEmptyStateProps,\n\tResourceHeaderProps,\n\tResourceIndexShellProps,\n\tResourceShowShellProps,\n\tTabbedResourceShellProps,\n} from './resource.types';\n\nexport function ResourceHeader({\n\ttitle,\n\tdescription,\n\teyebrow,\n\tmedia,\n\tavatarUrl,\n\tavatarAlt,\n\tavatarFallback,\n\ticon,\n\ticonTone = 'neutral',\n\tbadges,\n\tmetadata,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmoreActionsLabel,\n\trenderLink,\n\tclassName,\n\tcontentClassName,\n\tmediaClassName,\n}: ResourceHeaderProps) {\n\tconst Icon = icon;\n\tconst titleText = typeof title === 'string' ? title : '';\n\tconst resolvedMedia =\n\t\tmedia ??\n\t\t(avatarUrl || avatarFallback ? (\n\t\t\t<Avatar className={cn('resource-header--avatar size-avatar-lg', mediaClassName)}>\n\t\t\t\t{!!avatarUrl && <AvatarImage src={avatarUrl} alt={avatarAlt ?? titleText} />}\n\t\t\t\t<AvatarFallback>{avatarFallback ?? <Initials value={titleText} strategy=\"first-words\" />}</AvatarFallback>\n\t\t\t</Avatar>\n\t\t) : Icon ? (\n\t\t\t<IconBadge\n\t\t\t\ticon={Icon}\n\t\t\t\tshape=\"square\"\n\t\t\t\ttone={iconTone}\n\t\t\t\tclassName={cn('resource-header--icon size-avatar-lg [&>svg]:size-icon-lg', mediaClassName)}\n\t\t\t/>\n\t\t) : null);\n\n\treturn (\n\t\t<PageHeading\n\t\t\teyebrow={eyebrow}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tleading={resolvedMedia}\n\t\t\ttitleSuffix={\n\t\t\t\tbadges ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-badges\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"sm\"\n\t\t\t\t\t\tclassName=\"resource-header--badges shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{badges}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tafterDescription={\n\t\t\t\tmetadata ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-metadata\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-header--metadata mt-space-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{metadata}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tactions={actions}\n\t\t\tprimaryAction={primaryAction}\n\t\t\tsecondaryActions={secondaryActions}\n\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\trenderLink={renderLink}\n\t\t\twithSeparator={false}\n\t\t\tclassName={cn('resource-header--component', className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t\teyebrowClassName=\"resource-header--eyebrow\"\n\t\t\ttitleClassName=\"resource-header--title truncate\"\n\t\t\tdescriptionClassName=\"resource-header--description max-w-3xl\"\n\t\t\tactionsClassName=\"resource-header--actions flex-wrap\"\n\t\t/>\n\t);\n}\n\nexport function ResourceActionBar({ children, leading, trailing, sticky = false, className }: ResourceActionBarProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"resource-action-bar\"\n\t\t\tdata-slot=\"resource-action-bar\"\n\t\t\tclassName={cn(\n\t\t\t\t'resource-action-bar--component box-border rounded-radius border border-border bg-card text-card-foreground px-surface py-row-y-lg shadow-xs',\n\t\t\t\tsticky && 'sticky top-shell-header z-30',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Stack\n\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\tgap=\"lg\"\n\t\t\t\talign={{ sm: 'center' }}\n\t\t\t\tjustify={{ sm: 'between' }}\n\t\t\t\twrap={{ sm: false }}\n\t\t\t\tclassName=\"resource-action-bar--layout\"\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdata-slot=\"resource-action-leading\"\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\tclassName=\"resource-action-bar--leading flex-1\"\n\t\t\t\t>\n\t\t\t\t\t{leading ?? children}\n\t\t\t\t</Stack>\n\t\t\t\t{!!trailing && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-action-trailing\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-action-bar--trailing shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{trailing}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n}\n\nexport function ResourceEmptyState(props: ResourceEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\t{...props}\n\t\t\tdata-component=\"resource-empty-state\"\n\t\t\tdata-slot=\"resource-empty-state\"\n\t\t\tclassName={cn('resource-empty-state--component', props.className)}\n\t\t/>\n\t);\n}\n\nfunction ResourceShellFrame({\n\tchildren,\n\ttitle,\n\tdescription,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmoreActionsLabel,\n\trenderLink,\n\ttoolbar,\n\temptySlot,\n\tempty: emptyState = false,\n\tloading = false,\n\terror,\n\tonRetry,\n\tslots,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n\tasideClassName,\n\tvariant,\n}: ResourceIndexShellProps & {\n\tasideClassName?: string;\n\tvariant: 'index' | 'show';\n}) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst header =\n\t\tslots?.header ??\n\t\t(title ? (\n\t\t\t<ResourceHeader\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tactions={actions}\n\t\t\t\tprimaryAction={primaryAction}\n\t\t\t\tsecondaryActions={secondaryActions}\n\t\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\t\trenderLink={renderLink}\n\t\t\t\tclassName={headerClassName}\n\t\t\t/>\n\t\t) : null);\n\tconst toolbarNode = slots?.toolbar ?? toolbar;\n\tconst loadingNode = slots?.loading ?? (\n\t\t<LoadingState\n\t\t\tvariant=\"panel\"\n\t\t\tlabel={strings.loadingLabel}\n\t\t\tdescription={strings.loadingDescription}\n\t\t\tskeleton\n\t\t\tlines={4}\n\t\t\tclassName=\"resource-shell--loading rounded-radius border border-border bg-card\"\n\t\t/>\n\t);\n\tconst emptyNode = slots?.empty ?? emptySlot ?? (\n\t\t<ResourceEmptyState title={strings.emptyTitle} description={strings.emptyDescription} border />\n\t);\n\tconst defaultErrorNode = (\n\t\t<ErrorState\n\t\t\ttitle={strings.errorTitle}\n\t\t\tdescription={\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: typeof error === 'string' || typeof error === 'number'\n\t\t\t\t\t\t? String(error)\n\t\t\t\t\t\t: strings.errorDescription\n\t\t\t}\n\t\t\tonRetry={onRetry}\n\t\t\tretryLabel={strings.retryLabel}\n\t\t/>\n\t);\n\tconst errorNode =\n\t\tslots?.error ??\n\t\t(error &&\n\t\ttypeof error !== 'boolean' &&\n\t\ttypeof error !== 'string' &&\n\t\ttypeof error !== 'number' &&\n\t\t!(error instanceof Error)\n\t\t\t? error\n\t\t\t: defaultErrorNode);\n\tconst body = loading ? loadingNode : error ? errorNode : emptyState ? emptyNode : children;\n\n\treturn (\n\t\t<section\n\t\t\tdata-component={`resource-${variant}-shell`}\n\t\t\tdata-slot={`resource-${variant}-shell`}\n\t\t\tclassName={cn(\n\t\t\t\t`resource-${variant}-shell--component flex min-w-0 flex-col`, compositionClasses.subjects,\n\t\t\t\tvariant === 'index' && '@container/resource-index',\n\t\t\t\tvariant === 'show' && '@container/resource-show',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!header && (\n\t\t\t\t<div data-slot={`resource-${variant}-header`} className={`resource-${variant}-shell--header`}>\n\t\t\t\t\t{header}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!!toolbarNode && (\n\t\t\t\t<div data-slot={`resource-${variant}-toolbar`} className={`resource-${variant}-shell--toolbar`}>\n\t\t\t\t\t{toolbarNode}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tdata-slot={`resource-${variant}-layout`}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t`resource-${variant}-shell--layout grid min-w-0`, compositionClasses.subjects,\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'show' &&\n\t\t\t\t\t\t'@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'index' &&\n\t\t\t\t\t\t'@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack gap={compositionRhythm.subjects}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-slot={`resource-${variant}-content`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--content flex min-w-0 flex-col`, compositionClasses.subjects, contentClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{body}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!slots?.footer && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-footer`} className={`resource-${variant}-shell--footer`}>\n\t\t\t\t\t\t\t{slots.footer}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t{!!slots?.aside && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tdata-slot={`resource-${variant}-aside`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--aside flex min-w-0 flex-col`, compositionClasses.subjects, asideClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{slots.aside}\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nexport function ResourceIndexShell(props: ResourceIndexShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"index\" />;\n}\n\nexport function ResourceShowShell(props: ResourceShowShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"show\" />;\n}\n\nexport function TabbedResourceShell({\n\ttabs,\n\tactiveTab,\n\tonTabChange,\n\ttabsClassName,\n\tmoreLabel,\n\ttabsAriaLabel,\n\ttoolbar,\n\tslots,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: TabbedResourceShellProps) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst toolbarNode = (\n\t\t<Stack gap=\"lg\" data-slot=\"tabbed-resource-toolbar\" className=\"tabbed-resource-shell--toolbar\">\n\t\t\t<OverflowTabBar\n\t\t\t\titems={tabs}\n\t\t\t\tvalue={activeTab}\n\t\t\t\tonValueChange={onTabChange}\n\t\t\t\tclassName={tabsClassName}\n\t\t\t\tstrings={{\n\t\t\t\t\tmore: moreLabel,\n\t\t\t\t\tnavigationLabel: tabsAriaLabel ?? strings.tabsAriaLabel,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{toolbar}\n\t\t</Stack>\n\t);\n\n\treturn (\n\t\t<ResourceShowShell\n\t\t\t{...props}\n\t\t\tstrings={stringsProp}\n\t\t\tclassName={cn('tabbed-resource-shell--component', className)}\n\t\t\ttoolbar={toolbarNode}\n\t\t\tslots={{ ...slots, toolbar: slots?.toolbar ?? toolbarNode }}\n\t\t/>\n\t);\n}\n\nfunction ResourceCard({\n\ttitle,\n\tdescription,\n\tactions,\n\theaderAction,\n\tchildren,\n\tfooter,\n\tpadding = 'md',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n\tname,\n}: ResourceDetailsSectionProps & { name: string }) {\n\treturn (\n\t\t<ContentBlock\n\t\t\tdata-component={name}\n\t\t\tdata-slot={name}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tactions={actions}\n\t\t\theaderAction={headerAction}\n\t\t\tfooterSlot={footer}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn(`${name}--component`, className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t>\n\t\t\t{children}\n\t\t</ContentBlock>\n\t);\n}\n\nexport function ResourceDetailsSection({\n\tmetadata,\n\tmetadataColumns = 2,\n\tmetadataDense = false,\n\tbody,\n\thelp,\n\tchildren,\n\tcontentClassName,\n\t...props\n}: ResourceDetailsSectionProps) {\n\treturn (\n\t\t<ResourceCard\n\t\t\t{...props}\n\t\t\tname=\"resource-details-section\"\n\t\t\tcontentClassName={cn('resource-details-section--content grid gap-space-xl', contentClassName)}\n\t\t>\n\t\t\t{!!metadata?.length && (\n\t\t\t\t<MetadataList adaptTo=\"container\" items={metadata} columns={metadataColumns} density={metadataDense ? 'compact' : 'default'} />\n\t\t\t)}\n\t\t\t{body}\n\t\t\t{children}\n\t\t\t{!!help && (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"resource-details-section--help\">\n\t\t\t\t\t{help}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</ResourceCard>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"resource.js","names":["Text","Stack","LoadingState","ErrorState","compositionRhythm","compositionClasses","Initials","IconBadge","AvatarFallback","Avatar","AvatarImage","ContentBlock","MetadataList","PageHeading","OverflowTabBar","EmptyState","defaultResourceStrings","ResourceHeader","Icon","icon","titleText","title","resolvedMedia","media","avatarUrl","avatarFallback","cn","mediaClassName","avatarAlt","iconTone","badges","metadata","className","ResourceActionBar","sticky","leading","children","trailing","ResourceEmptyState","props","ResourceShellFrame","emptyState","stringsProp","strings","useStrings","header","slots","headerClassName","toolbarNode","toolbar","loadingNode","emptyNode","emptySlot","defaultErrorNode","error","errorNode","body","loading","variant","contentClassName","asideClassName","ResourceIndexShell","ResourceShowShell","TabbedResourceShell","selectedTab","setSelectedTab","useState","defaultActiveTab","tabs","activeTab","id","onTabChange","tabsClassName","moreLabel","tabsAriaLabel","ResourceCard","name","footer","ResourceDetailsSection","metadataColumns","metadataDense","help"],"sources":["../../src/components/features/resource/resource.strings.ts","../../src/components/features/resource/resource.tsx"],"sourcesContent":["/** Default copy for state-aware resource workspace replacement states. */\nexport interface ResourceStrings {\n\tloadingLabel: string;\n\tloadingDescription: string;\n\temptyTitle: string;\n\temptyDescription: string;\n\terrorTitle: string;\n\terrorDescription: string;\n\tretryLabel: string;\n\ttabsAriaLabel: string;\n}\n\nexport const defaultResourceStrings: ResourceStrings = {\n\tloadingLabel: 'Loading resources',\n\tloadingDescription: 'Preparing the latest data for this view.',\n\temptyTitle: 'No resources found',\n\temptyDescription: 'There are no records available for this view.',\n\terrorTitle: 'Resources unavailable',\n\terrorDescription: 'The resource data could not be loaded.',\n\tretryLabel: 'Try again',\n\ttabsAriaLabel: 'Resource sections',\n};\n","/** State-aware resource workspace primitives for coordinated index/show surfaces. */\nimport { useState } from 'react';\n\nimport { ContentBlock, IconBadge } from '../../base/display';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../base/avatar';\nimport { ErrorState, LoadingState } from '../../base/feedback';\nimport { MetadataList } from '../../base/metadata-list';\nimport { EmptyState } from '../../blocks/data-display';\nimport { OverflowTabBar, PageHeading } from '../../base/navigation';\nimport { Stack } from '../../base/structure';\nimport {compositionClasses, compositionRhythm} from '../../base/structure/composition.recipes';\nimport { Initials } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultResourceStrings } from './resource.strings';\nimport type {\n\tResourceActionBarProps,\n\tResourceDetailsSectionProps,\n\tResourceEmptyStateProps,\n\tResourceHeaderProps,\n\tResourceIndexShellProps,\n\tResourceShowShellProps,\n\tTabbedResourceShellProps,\n} from './resource.types';\n\n/** @deprecated Use Page from themelia-react-ui/layout/page; PageHeader is available for embedded headers. */\nexport function ResourceHeader({\n\ttitle,\n\tdescription,\n\teyebrow,\n\tmedia,\n\tavatarUrl,\n\tavatarAlt,\n\tavatarFallback,\n\ticon,\n\ticonTone = 'neutral',\n\tbadges,\n\tmetadata,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmaxVisibleSecondaryActions,\n\tmoreActionsLabel,\n\trenderLink,\n\tclassName,\n\tcontentClassName,\n\tmediaClassName,\n}: ResourceHeaderProps) {\n\tconst Icon = icon;\n\tconst titleText = typeof title === 'string' ? title : '';\n\tconst resolvedMedia =\n\t\tmedia ??\n\t\t(avatarUrl || avatarFallback ? (\n\t\t\t<Avatar className={cn('resource-header--avatar size-avatar-lg', mediaClassName)}>\n\t\t\t\t{!!avatarUrl && <AvatarImage src={avatarUrl} alt={avatarAlt ?? titleText} />}\n\t\t\t\t<AvatarFallback>{avatarFallback ?? <Initials value={titleText} strategy=\"first-words\" />}</AvatarFallback>\n\t\t\t</Avatar>\n\t\t) : Icon ? (\n\t\t\t<IconBadge\n\t\t\t\ticon={Icon}\n\t\t\t\tshape=\"square\"\n\t\t\t\ttone={iconTone}\n\t\t\t\tclassName={cn('resource-header--icon size-avatar-lg [&>svg]:size-icon-lg', mediaClassName)}\n\t\t\t/>\n\t\t) : null);\n\n\treturn (\n\t\t<PageHeading\n\t\t\teyebrow={eyebrow}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tleading={resolvedMedia}\n\t\t\ttitleSuffix={\n\t\t\t\tbadges ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-badges\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"sm\"\n\t\t\t\t\t\tclassName=\"resource-header--badges shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{badges}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tafterDescription={\n\t\t\t\tmetadata ? (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-header-metadata\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-header--metadata mt-space-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{metadata}\n\t\t\t\t\t</Stack>\n\t\t\t\t) : undefined\n\t\t\t}\n\t\t\tactions={actions}\n\t\t\tprimaryAction={primaryAction}\n\t\t\tsecondaryActions={secondaryActions}\n\t\t\tmaxVisibleSecondaryActions={maxVisibleSecondaryActions}\n\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\trenderLink={renderLink}\n\t\t\twithSeparator={false}\n\t\t\tclassName={cn('resource-header--component', className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t\teyebrowClassName=\"resource-header--eyebrow\"\n\t\t\ttitleClassName=\"resource-header--title truncate\"\n\t\t\tdescriptionClassName=\"resource-header--description max-w-3xl\"\n\t\t\tactionsClassName=\"resource-header--actions flex-wrap\"\n\t\t/>\n\t);\n}\n\nexport function ResourceActionBar({ children, leading, trailing, sticky = false, className }: ResourceActionBarProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"resource-action-bar\"\n\t\t\tdata-slot=\"resource-action-bar\"\n\t\t\tclassName={cn(\n\t\t\t\t'resource-action-bar--component box-border rounded-surface border border-border bg-card text-card-foreground px-surface py-row-y-lg shadow-xs',\n\t\t\t\tsticky && 'sticky top-shell-header z-30',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Stack\n\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\tgap=\"lg\"\n\t\t\t\talign={{ sm: 'center' }}\n\t\t\t\tjustify={{ sm: 'between' }}\n\t\t\t\twrap={{ sm: false }}\n\t\t\t\tclassName=\"resource-action-bar--layout\"\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdata-slot=\"resource-action-leading\"\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\tclassName=\"resource-action-bar--leading flex-1\"\n\t\t\t\t>\n\t\t\t\t\t{leading ?? children}\n\t\t\t\t</Stack>\n\t\t\t\t{!!trailing && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdata-slot=\"resource-action-trailing\"\n\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName=\"resource-action-bar--trailing shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{trailing}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n}\n\nexport function ResourceEmptyState(props: ResourceEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\t{...props}\n\t\t\tdata-component=\"resource-empty-state\"\n\t\t\tdata-slot=\"resource-empty-state\"\n\t\t\tclassName={cn('resource-empty-state--component', props.className)}\n\t\t/>\n\t);\n}\n\nfunction ResourceShellFrame({\n\tchildren,\n\ttitle,\n\tdescription,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmaxVisibleSecondaryActions,\n\tmoreActionsLabel,\n\trenderLink,\n\ttoolbar,\n\temptySlot,\n\tempty: emptyState = false,\n\tloading = false,\n\terror,\n\tonRetry,\n\tslots,\n\tclassName,\n\theaderClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n\tasideClassName,\n\tvariant,\n}: ResourceIndexShellProps & {\n\tasideClassName?: string;\n\tvariant: 'index' | 'show';\n}) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst header =\n\t\tslots?.header ??\n\t\t(title ? (\n\t\t\t<ResourceHeader\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tactions={actions}\n\t\t\t\tprimaryAction={primaryAction}\n\t\t\t\tsecondaryActions={secondaryActions}\n\t\t\t\tmaxVisibleSecondaryActions={maxVisibleSecondaryActions}\n\t\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\t\trenderLink={renderLink}\n\t\t\t\tclassName={headerClassName}\n\t\t\t/>\n\t\t) : null);\n\tconst toolbarNode = slots?.toolbar ?? toolbar;\n\tconst loadingNode = slots?.loading ?? (\n\t\t<LoadingState\n\t\t\tvariant=\"panel\"\n\t\t\tlabel={strings.loadingLabel}\n\t\t\tdescription={strings.loadingDescription}\n\t\t\tskeleton\n\t\t\tlines={4}\n\t\t\tclassName=\"resource-shell--loading rounded-surface border border-border bg-card\"\n\t\t/>\n\t);\n\tconst emptyNode = slots?.empty ?? emptySlot ?? (\n\t\t<ResourceEmptyState title={strings.emptyTitle} description={strings.emptyDescription} border />\n\t);\n\tconst defaultErrorNode = (\n\t\t<ErrorState\n\t\t\ttitle={strings.errorTitle}\n\t\t\tdescription={\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: typeof error === 'string' || typeof error === 'number'\n\t\t\t\t\t\t? String(error)\n\t\t\t\t\t\t: strings.errorDescription\n\t\t\t}\n\t\t\tonRetry={onRetry}\n\t\t\tretryLabel={strings.retryLabel}\n\t\t/>\n\t);\n\tconst errorNode =\n\t\tslots?.error ??\n\t\t(error &&\n\t\ttypeof error !== 'boolean' &&\n\t\ttypeof error !== 'string' &&\n\t\ttypeof error !== 'number' &&\n\t\t!(error instanceof Error)\n\t\t\t? error\n\t\t\t: defaultErrorNode);\n\tconst body = loading ? loadingNode : error ? errorNode : emptyState ? emptyNode : children;\n\n\treturn (\n\t\t<section\n\t\t\tdata-component={`resource-${variant}-shell`}\n\t\t\tdata-slot={`resource-${variant}-shell`}\n\t\t\tclassName={cn(\n\t\t\t\t`resource-${variant}-shell--component flex min-w-0 flex-col`, compositionClasses.subjects,\n\t\t\t\tvariant === 'index' && '@container/resource-index',\n\t\t\t\tvariant === 'show' && '@container/resource-show',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!header && (\n\t\t\t\t<div data-slot={`resource-${variant}-header`} className={`resource-${variant}-shell--header`}>\n\t\t\t\t\t{header}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!!toolbarNode && (\n\t\t\t\t<div data-slot={`resource-${variant}-toolbar`} className={`resource-${variant}-shell--toolbar`}>\n\t\t\t\t\t{toolbarNode}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tdata-slot={`resource-${variant}-layout`}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t`resource-${variant}-shell--layout grid min-w-0`, compositionClasses.subjects,\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'show' &&\n\t\t\t\t\t\t'@4xl/resource-show:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t\tslots?.aside &&\n\t\t\t\t\t\tvariant === 'index' &&\n\t\t\t\t\t\t'@4xl/resource-index:grid-cols-[minmax(0,1fr)_var(--shell-sidebar-width)]',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Stack gap={compositionRhythm.subjects}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tdata-slot={`resource-${variant}-content`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--content flex min-w-0 flex-col`, compositionClasses.subjects, contentClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{body}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!slots?.footer && (\n\t\t\t\t\t\t<div data-slot={`resource-${variant}-footer`} className={`resource-${variant}-shell--footer`}>\n\t\t\t\t\t\t\t{slots.footer}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t{!!slots?.aside && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tdata-slot={`resource-${variant}-aside`}\n\t\t\t\t\t\tclassName={cn(`resource-${variant}-shell--aside flex min-w-0 flex-col`, compositionClasses.subjects, asideClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{slots.aside}\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\n/** @deprecated Use Page from themelia-react-ui/layout/page; PageHeader is available for embedded headers. */\nexport function ResourceIndexShell(props: ResourceIndexShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"index\" />;\n}\n\n/** @deprecated Use Page from themelia-react-ui/layout/page; PageHeader is available for embedded headers. */\nexport function ResourceShowShell(props: ResourceShowShellProps) {\n\treturn <ResourceShellFrame {...props} variant=\"show\" />;\n}\n\n/** @deprecated Use Page from themelia-react-ui/layout/page; PageHeader is available for embedded headers. */\nexport function TabbedResourceShell({\n\ttabs,\n\tactiveTab,\n\tdefaultActiveTab,\n\tonTabChange,\n\ttabsClassName,\n\tmoreLabel,\n\ttabsAriaLabel,\n\ttoolbar,\n\tslots,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}: TabbedResourceShellProps) {\n\tconst strings = useStrings(defaultResourceStrings, stringsProp);\n\tconst [selectedTab, setSelectedTab] = useState(defaultActiveTab);\n\tconst handleTabChange = (id: string) => {\n\t\t// A shell without an initial default has always left selection to its caller.\n\t\tif (activeTab === undefined && selectedTab !== undefined) setSelectedTab(id);\n\t\tonTabChange?.(id);\n\t};\n\n\tconst toolbarNode = (\n\t\t<Stack gap=\"lg\" data-slot=\"tabbed-resource-toolbar\" className=\"tabbed-resource-shell--toolbar\">\n\t\t\t<OverflowTabBar\n\t\t\t\titems={tabs}\n\t\t\t\tvalue={activeTab === undefined ? selectedTab : activeTab}\n\t\t\t\tonValueChange={handleTabChange}\n\t\t\t\tclassName={tabsClassName}\n\t\t\t\tstrings={{\n\t\t\t\t\tmore: moreLabel,\n\t\t\t\t\tnavigationLabel: tabsAriaLabel ?? strings.tabsAriaLabel,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{toolbar}\n\t\t</Stack>\n\t);\n\n\treturn (\n\t\t<ResourceShowShell\n\t\t\t{...props}\n\t\t\tstrings={stringsProp}\n\t\t\tclassName={cn('tabbed-resource-shell--component', className)}\n\t\t\ttoolbar={toolbarNode}\n\t\t\tslots={{ ...slots, toolbar: slots?.toolbar ?? toolbarNode }}\n\t\t/>\n\t);\n}\n\nfunction ResourceCard({\n\ttitle,\n\tdescription,\n\tactions,\n\theaderAction,\n\tchildren,\n\tfooter,\n\tpadding = 'md',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n\tname,\n}: ResourceDetailsSectionProps & { name: string }) {\n\treturn (\n\t\t<ContentBlock\n\t\t\tdata-component={name}\n\t\t\tdata-slot={name}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tactions={actions}\n\t\t\theaderAction={headerAction}\n\t\t\tfooterSlot={footer}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn(`${name}--component`, className)}\n\t\t\tcontentClassName={contentClassName}\n\t\t>\n\t\t\t{children}\n\t\t</ContentBlock>\n\t);\n}\n\nexport function ResourceDetailsSection({\n\tmetadata,\n\tmetadataColumns = 2,\n\tmetadataDense = false,\n\tbody,\n\thelp,\n\tchildren,\n\tcontentClassName,\n\t...props\n}: ResourceDetailsSectionProps) {\n\treturn (\n\t\t<ResourceCard\n\t\t\t{...props}\n\t\t\tname=\"resource-details-section\"\n\t\t\tcontentClassName={cn('resource-details-section--content grid gap-space-xl', contentClassName)}\n\t\t>\n\t\t\t{!!metadata?.length && (\n\t\t\t\t<MetadataList adaptTo=\"container\" items={metadata} columns={metadataColumns} density={metadataDense ? 'compact' : 'default'} />\n\t\t\t)}\n\t\t\t{body}\n\t\t\t{children}\n\t\t\t{!!help && (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"resource-details-section--help\">\n\t\t\t\t\t{help}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</ResourceCard>\n\t);\n}\n"],"mappings":"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"}

package/dist/features/rich-text-editor.js

@@ -1,30 +1,39 @@
 "use client";
-import { t as e } from "../rich-text-editor-toolbar-L__e4x47.js";
-import { t } from "../rich-text-editor.strings-CB59ekH2.js";
-import { n, t as r } from "../rich-text-editor-Cm1dpUpQ.js";
-import { useMemo as i, useRef as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { useController as s, useFormContext as c } from "react-hook-form";
+import { t as e } from "../utils-DhuoqFy4.js";
+import { t } from "../rich-text-editor-toolbar-DbXig7Jk.js";
+import { t as n } from "../rich-text-editor.strings-CB59ekH2.js";
+import { n as r, t as i } from "../rich-text-editor-CAurDwT5.js";
+import { useMemo as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useController as c, useFormContext as l } from "react-hook-form";
 //#region src/components/features/rich-text-editor/form-rich-text-editor.tsx
-function l({ name: e, ...t }) {
-	let { control: n } = c(), { field: i } = s({
-		name: e,
-		control: n
+function u({ name: t, className: n, disabled: r, invalid: a, onBlur: o, ...u }) {
+	let { control: d } = l(), { field: f, fieldState: p } = c({
+		name: t,
+		control: d,
+		disabled: r
 	});
-	return /* @__PURE__ */ o(r, {
-		className: "form-rich-text-editor--component",
-		...t,
-		value: typeof i.value == "string" ? i.value : "",
-		onValueChange: i.onChange
+	return /* @__PURE__ */ s(i, {
+		...u,
+		ref: f.ref,
+		name: f.name,
+		className: e("form-rich-text-editor--component", n),
+		disabled: f.disabled,
+		invalid: a || p.invalid,
+		value: typeof f.value == "string" ? f.value : "",
+		onValueChange: f.onChange,
+		onBlur: (e) => {
+			f.onBlur(), o?.(e);
+		}
 	});
 }
 //#endregion
 //#region src/components/features/rich-text-editor/use-rich-text-images.ts
-function u(e) {
-	let t = a(e);
+function d(e) {
+	let t = o(e);
 	t.current = e;
 	let n = !!e.renderImage;
-	return i(() => ({
+	return a(() => ({
 		upload: (e, n) => t.current.upload(e, n),
 		onError: (e, n) => t.current.onError?.(e, n),
 		renderImage: n ? (e) => t.current.renderImage?.(e) : void 0,
@@ -37,6 +46,6 @@ function u(e) {
 	}), [n]);
 }
 //#endregion
-export { n as CountsFooterText, l as FormRichTextEditor, r as RichTextEditor, e as RichTextEditorToolbar, t as defaultRichTextEditorStrings, u as useRichTextImages };
+export { r as CountsFooterText, u as FormRichTextEditor, i as RichTextEditor, t as RichTextEditorToolbar, n as defaultRichTextEditorStrings, d as useRichTextImages };
 
 //# sourceMappingURL=rich-text-editor.js.map

package/dist/features/rich-text-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","names":["RichTextEditorToolbar","RichTextEditor","FormRichTextEditor","props","useFormContext","useController","field","useRichTextImages","latest","useRef","options","hasRenderImage","useMemo","file","context","error","image","CountsFooterText","defaultRichTextEditorStrings"],"sources":["../../src/components/features/rich-text-editor/form-rich-text-editor.tsx","../../src/components/features/rich-text-editor/use-rich-text-images.ts"],"sourcesContent":["import { useController, useFormContext } from 'react-hook-form';\nimport { RichTextEditor, type RichTextEditorProps } from './rich-text-editor';\n\nexport interface FormRichTextEditorProps\n\textends Omit<RichTextEditorProps, 'value' | 'onValueChange'> {\n\t/** Form field name, forwarded for native submits. */\n\tname: string;\n}\n\nexport function FormRichTextEditor({ name, ...props }: FormRichTextEditorProps) {\n\tconst { control } = useFormContext();\n\tconst { field } = useController({ name, control });\n\n\treturn (\n\t\t<RichTextEditor className=\"form-rich-text-editor--component\"\n\t\t\t{...props}\n\t\t\tvalue={typeof field.value === 'string' ? field.value : ''}\n\t\t\tonValueChange={field.onChange}\n\t\t/>\n\t);\n}\n","import { useMemo, useRef } from 'react';\n\nimport type { RichTextEditorImages } from './rich-text-editor.types';\n\n/**\n * Image support for `RichTextEditor` and read-only `RichText` from one place.\n * The consumer supplies `upload` (and optionally `renderImage`, such as a\n * framework image component); the returned object is stable across renders\n * while always calling the latest callbacks, so inline functions are fine.\n *\n *   const images = useRichTextImages({\n *     upload: async (file, { signal }) => {\n *       const stored = await api.uploadImage(file, { signal });\n *       return { src: stored.url, width: stored.width, height: stored.height };\n *     },\n *     renderImage: (image) => <Image {...image} />,\n *   });\n *   <RichTextEditor value={html} onValueChange={setHtml} images={images} />\n *   <RichText html={html} images={images} />\n */\nexport function useRichTextImages(options: RichTextEditorImages): RichTextEditorImages {\n\tconst latest = useRef(options);\n\tlatest.current = options;\n\tconst hasRenderImage = Boolean(options.renderImage);\n\treturn useMemo<RichTextEditorImages>(() => ({\n\t\tupload: (file, context) => latest.current.upload(file, context),\n\t\tonError: (error, file) => latest.current.onError?.(error, file),\n\t\trenderImage: hasRenderImage ? (image) => latest.current.renderImage?.(image) : undefined,\n\t\tget accept() { return latest.current.accept; },\n\t\tget maxSize() { return latest.current.maxSize; },\n\t}), [hasRenderImage]);\n}\n"],"mappings":";;;;;;;;AASA,SAAgBE,EAAmB,EAAE,SAAM,GAAGC,KAAkC;CAC/E,IAAM,EAAE,eAAYC,EAAe,GAC7B,EAAE,aAAUC,EAAc;EAAE;EAAM;CAAQ,CAAC;CAEjD,OACC,kBAACJ,GAAD;EAAgB,WAAU;EACzB,GAAIE;EACJ,OAAO,OAAOG,EAAM,SAAU,WAAWA,EAAM,QAAQ;EACvD,eAAeA,EAAM;CACrB,CAAA;AAEH;;;ACAA,SAAgBC,EAAkB,GAAqD;CACtF,IAAMC,IAASC,EAAOC,CAAO;CAC7B,EAAO,UAAUA;CACjB,IAAMC,IAAiB,EAAQD,EAAQ;CACvC,OAAOE,SAAqC;EAC3C,SAAS,GAAM,MAAYJ,EAAO,QAAQ,OAAOK,GAAMC,CAAO;EAC9D,UAAU,GAAO,MAASN,EAAO,QAAQ,UAAUO,GAAOF,CAAI;EAC9D,aAAaF,KAAkB,MAAUH,EAAO,QAAQ,cAAcQ,CAAK,IAAI,KAAA;EAC/E,IAAI,SAAS;GAAE,OAAOR,EAAO,QAAQ;EAAQ;EAC7C,IAAI,UAAU;GAAE,OAAOA,EAAO,QAAQ;EAAS;CAChD,IAAI,CAACG,CAAc,CAAC;AACrB"}
+{"version":3,"file":"rich-text-editor.js","names":["cn","defaultRichTextEditorStrings","CountsFooterText","RichTextEditor","FormRichTextEditor","props","useFormContext","useController","field","className","invalid","fieldState","onBlur","event","useRichTextImages","latest","useRef","options","hasRenderImage","useMemo","file","context","error","image","RichTextEditorToolbar"],"sources":["../../src/components/features/rich-text-editor/form-rich-text-editor.tsx","../../src/components/features/rich-text-editor/use-rich-text-images.ts"],"sourcesContent":["import { useController, useFormContext } from 'react-hook-form';\nimport { cn } from '../../../lib/utils';\nimport { RichTextEditor, type RichTextEditorProps } from './rich-text-editor';\n\nexport interface FormRichTextEditorProps\n\textends Omit<RichTextEditorProps, 'value' | 'onValueChange'> {\n\t/** Form field name, forwarded for native submits. */\n\tname: string;\n}\n\nexport function FormRichTextEditor({ name, className, disabled, invalid, onBlur, ...props }: FormRichTextEditorProps) {\n\tconst { control } = useFormContext();\n\tconst { field, fieldState } = useController({ name, control, disabled });\n\n\treturn (\n\t\t<RichTextEditor\n\t\t\t{...props}\n\t\t\tref={field.ref}\n\t\t\tname={field.name}\n\t\t\tclassName={cn('form-rich-text-editor--component', className)}\n\t\t\tdisabled={field.disabled}\n\t\t\tinvalid={invalid || fieldState.invalid}\n\t\t\tvalue={typeof field.value === 'string' ? field.value : ''}\n\t\t\tonValueChange={field.onChange}\n\t\t\tonBlur={(event) => {\n\t\t\t\tfield.onBlur();\n\t\t\t\tonBlur?.(event);\n\t\t\t}}\n\t\t/>\n\t);\n}\n","import { useMemo, useRef } from 'react';\n\nimport type { RichTextEditorImages } from './rich-text-editor.types';\n\n/**\n * Image support for `RichTextEditor` and read-only `RichText` from one place.\n * The consumer supplies `upload` (and optionally `renderImage`, such as a\n * framework image component); the returned object is stable across renders\n * while always calling the latest callbacks, so inline functions are fine.\n *\n *   const images = useRichTextImages({\n *     upload: async (file, { signal }) => {\n *       const stored = await api.uploadImage(file, { signal });\n *       return { src: stored.url, width: stored.width, height: stored.height };\n *     },\n *     renderImage: (image) => <Image {...image} />,\n *   });\n *   <RichTextEditor value={html} onValueChange={setHtml} images={images} />\n *   <RichText html={html} images={images} />\n */\nexport function useRichTextImages(options: RichTextEditorImages): RichTextEditorImages {\n\tconst latest = useRef(options);\n\tlatest.current = options;\n\tconst hasRenderImage = Boolean(options.renderImage);\n\treturn useMemo<RichTextEditorImages>(() => ({\n\t\tupload: (file, context) => latest.current.upload(file, context),\n\t\tonError: (error, file) => latest.current.onError?.(error, file),\n\t\trenderImage: hasRenderImage ? (image) => latest.current.renderImage?.(image) : undefined,\n\t\tget accept() { return latest.current.accept; },\n\t\tget maxSize() { return latest.current.maxSize; },\n\t}), [hasRenderImage]);\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgBI,EAAmB,EAAE,SAAM,cAAW,aAAU,YAAS,WAAQ,GAAGC,KAAkC;CACrH,IAAM,EAAE,eAAYC,EAAe,GAC7B,EAAE,UAAO,kBAAeC,EAAc;EAAE;EAAM;EAAS;CAAS,CAAC;CAEvE,OACC,kBAACJ,GAAD;EACC,GAAIE;EACJ,KAAKG,EAAM;EACX,MAAMA,EAAM;EACZ,WAAWR,EAAG,oCAAoCS,CAAS;EAC3D,UAAUD,EAAM;EAChB,SAASE,KAAWC,EAAW;EAC/B,OAAO,OAAOH,EAAM,SAAU,WAAWA,EAAM,QAAQ;EACvD,eAAeA,EAAM;EACrB,SAAS,MAAU;GAElB,AADAA,EAAM,OAAO,GACbI,IAASC,CAAK;EACf;CACA,CAAA;AAEH;;;ACVA,SAAgBC,EAAkB,GAAqD;CACtF,IAAMC,IAASC,EAAOC,CAAO;CAC7B,EAAO,UAAUA;CACjB,IAAMC,IAAiB,EAAQD,EAAQ;CACvC,OAAOE,SAAqC;EAC3C,SAAS,GAAM,MAAYJ,EAAO,QAAQ,OAAOK,GAAMC,CAAO;EAC9D,UAAU,GAAO,MAASN,EAAO,QAAQ,UAAUO,GAAOF,CAAI;EAC9D,aAAaF,KAAkB,MAAUH,EAAO,QAAQ,cAAcQ,CAAK,IAAI,KAAA;EAC/E,IAAI,SAAS;GAAE,OAAOR,EAAO,QAAQ;EAAQ;EAC7C,IAAI,UAAU;GAAE,OAAOA,EAAO,QAAQ;EAAS;CAChD,IAAI,CAACG,CAAc,CAAC;AACrB"}