admin-ui-starter-kit 0.5.0 → 0.6.1

package/dist/showcase/assets/layout-workspace-Cq63UWwT.js

@@ -1,183 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Lr as a,Rr as o,Ur as s,jr as c,r as l,t as u}from"./example-CbMg22fx.js";import{t as d}from"./box-xRYm3qua.js";import{t as f}from"./circle-alert-DM8Q0Da0.js";import{t as p}from"./circle-DswWOvJq.js";import{n as m,t as h}from"./languages-DaFWrOam.js";import{t as g}from"./earth-Cv_-EtPW.js";import{t as _}from"./image-B5jt_w43.js";import{t as ee}from"./package-check-BGT72daQ.js";import{t as v}from"./shield-check-UiN6QwPl.js";import{t as y}from"./sliders-horizontal-C6SHwI9f.js";import{k as b,n as x,s as te}from"./index-DNH0y0r-.js";import{t as S}from"./props-table-DSdjPLVr.js";import{t as C}from"./smart-card-DpvRHqI9.js";import{t as w}from"./progress-CQr08MPz.js";import{t as T}from"./inline-stat-B2s_ozrX.js";import{c as E,i as D,n as O,o as k,r as A,t as j,u as M}from"./item-CdgzxWcL.js";import{t as ne}from"./use-layout-link-DR4Apqbc.js";var re={metadataLabel:`Record metadata`,actionsLabel:`Record actions`,secondaryActionsLabel:`Secondary actions`},ie={ariaLabel:`Workspace navigation`,completionLabel:e=>`${e}% complete`,currentLabel:`Current`},ae={ariaLabel:`Workspace locales`,activeLabel:`Active`,completionLabel:e=>`${e}% complete`},N=t(n(),1),P=te(),F={default:`[--workspace-content-max-width:58rem]`,wide:`[--workspace-content-max-width:86rem]`,full:`[--workspace-content-max-width:none]`},I={complete:s,current:p,attention:f,disabled:p,idle:p},L={complete:`text-success`,current:`text-primary`,attention:`text-warning`,disabled:`text-muted-foreground/40`,idle:`text-muted-foreground`};function R(e){return Number.isFinite(e)?Math.min(100,Math.max(0,Math.round(e))):0}function z({icon:e,className:t}){return e?N.isValidElement(e)?N.cloneElement(e,{className:x(t,e.props.className)}):typeof e==`function`?(0,P.jsx)(e,{className:t,"aria-hidden":`true`}):null:null}function B(e,t){return e.disabled?`disabled`:e.status?e.status:e.warning?`attention`:t?`current`:e.completion!==void 0&&R(e.completion)>=100?`complete`:`idle`}var V=N.forwardRef(function({header:e,sidebar:t,rail:n,children:r,contentWidth:i=`wide`,className:a,headerClassName:o,bodyClassName:s,sidebarClassName:c,mainClassName:l,contentClassName:u,railClassName:d,ariaLabel:f,style:p,...m},h){let g=!!t,_=!!n;return(0,P.jsxs)(`div`,{ref:h,"aria-label":f,className:x(`workspace-layout--component flex h-full min-h-0 w-full flex-col overflow-hidden rounded-md border border-border bg-background text-foreground`,`[--workspace-sidebar-width:16rem] [--workspace-rail-width:20rem]`,F[i],a),style:p,...m,children:[!!e&&(0,P.jsx)(`header`,{className:x(`workspace-layout--header shrink-0 border-b border-border bg-background`,o),children:e}),(0,P.jsxs)(`div`,{className:x(`workspace-layout--body grid min-h-0 flex-1 grid-cols-1 bg-muted/20`,g&&!_&&`min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)]`,g&&_&&`min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)] min-[96rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)_var(--workspace-rail-width)]`,!g&&_&&`min-[96rem]:grid-cols-[minmax(0,1fr)_var(--workspace-rail-width)]`,s),children:[!!g&&(0,P.jsx)(`aside`,{className:x(`workspace-layout--sidebar hidden min-h-0 border-r border-border bg-background min-[80rem]:block`,c),children:(0,P.jsx)(`div`,{className:`h-full overflow-y-auto overscroll-contain p-3`,children:t})}),(0,P.jsx)(`main`,{className:x(`workspace-layout--main min-h-0 min-w-0 overflow-y-auto overscroll-contain`,l),children:(0,P.jsx)(`div`,{className:x(`workspace-layout--content mx-auto flex min-h-full w-full max-w-[var(--workspace-content-max-width)] flex-col gap-4 p-4 min-[64rem]:p-5`,i===`full`&&`max-w-none`,u),children:r})}),!!_&&(0,P.jsx)(`aside`,{className:x(`workspace-layout--rail hidden min-h-0 border-l border-border bg-background min-[96rem]:block`,d),children:(0,P.jsx)(`div`,{className:`h-full overflow-y-auto overscroll-contain p-3`,children:n})})]})]})});V.displayName=`WorkspaceLayout`;var H=N.forwardRef(function({title:e,description:t,badges:n,metadata:r,actions:i,secondaryActions:s,status:c,media:l,headerEnd:u,titleSlot:d,className:f,strings:p,...m},h){let g=b(re,p),_=!!r?.length;return(0,P.jsxs)(`div`,{ref:h,className:x(`workspace-record-header--component flex flex-col gap-4 px-4 py-4 min-[64rem]:flex-row min-[64rem]:items-start min-[64rem]:justify-between min-[64rem]:px-5`,f),...m,children:[(0,P.jsxs)(`div`,{className:`workspace-record-header--identity flex min-w-0 flex-1 gap-3`,children:[!!l&&(0,P.jsx)(`div`,{className:`workspace-record-header--media flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted/40`,children:l}),(0,P.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,P.jsxs)(`div`,{className:`workspace-record-header--title-row flex min-w-0 flex-wrap items-center gap-2`,children:[d??(0,P.jsx)(a,{tag:`h4`,className:`leading-tight`,children:e}),!!n&&(0,P.jsx)(`div`,{className:`workspace-record-header--badges flex flex-wrap items-center gap-1.5`,children:n}),!!c&&(0,P.jsx)(`div`,{className:`workspace-record-header--status`,children:c})]}),!!t&&(0,P.jsx)(o,{size:`xs`,type:`secondary`,className:`workspace-record-header--description max-w-4xl leading-relaxed`,children:t}),!!_&&(0,P.jsx)(`div`,{"aria-label":g.metadataLabel,className:`workspace-record-header--metadata flex flex-wrap items-center gap-x-4 gap-y-1`,children:r.map((e,t)=>(0,P.jsxs)(`div`,{className:`flex items-baseline gap-1.5`,children:[(0,P.jsx)(o,{tag:`span`,size:`xxs`,type:`secondary`,className:`uppercase`,children:e.label}),(0,P.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums`,children:e.value})]},e.id??t))})]})]}),!!(i||s||u)&&(0,P.jsxs)(`div`,{className:`workspace-record-header--actions flex shrink-0 flex-wrap items-center gap-2 min-[64rem]:justify-end`,children:[!!s&&(0,P.jsx)(`div`,{"aria-label":g.secondaryActionsLabel,className:`flex flex-wrap items-center gap-1.5`,children:s}),!!i&&(0,P.jsx)(`div`,{"aria-label":g.actionsLabel,className:`flex flex-wrap items-center gap-1.5`,children:i}),!!u&&(0,P.jsx)(`div`,{className:`workspace-record-header--end`,children:u})]})]})});H.displayName=`WorkspaceRecordHeader`;var U=N.forwardRef(function({groups:e,activeId:t,onSelect:n,renderItem:r,footerSlot:i,renderLink:a,LinkComponent:s,className:c,strings:l,...u},d){let f=b(ie,l),p=ne({renderLink:a,LinkComponent:s});return(0,P.jsxs)(`nav`,{ref:d,"aria-label":u[`aria-label`]??f.ariaLabel,className:x(`workspace-nav--component flex h-full flex-col gap-4`,c),...u,children:[(0,P.jsx)(`div`,{className:`workspace-nav--groups flex min-h-0 flex-1 flex-col gap-4`,children:e.map(e=>(0,P.jsxs)(`div`,{className:`workspace-nav--group space-y-2`,children:[!!e.label&&(0,P.jsxs)(`div`,{className:`workspace-nav--group-header px-1`,children:[(0,P.jsx)(o,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wide`,children:e.label}),!!e.description&&(0,P.jsx)(o,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug`,children:e.description})]}),(0,P.jsx)(k,{className:`workspace-nav--items gap-1`,children:e.items.map((i,a)=>{let s=i.id===t,c=B(i,s),l=I[c],u=i.completion===void 0?void 0:R(i.completion),d=e=>{if(i.disabled){e.preventDefault();return}n?.(i)},m={active:s,group:e,index:a,onSelect:d};if(r)return(0,P.jsx)(N.Fragment,{children:r(i,m)},i.id);let h=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(E,{variant:`icon`,className:x(s&&`bg-primary/10 text-primary`),children:i.icon?(0,P.jsx)(z,{icon:i.icon,className:`size-4`}):(0,P.jsx)(l,{className:x(`size-3.5`,L[c]),"aria-hidden":`true`})}),(0,P.jsxs)(A,{children:[(0,P.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,P.jsx)(M,{children:i.label}),s&&(0,P.jsx)(`span`,{className:`sr-only`,children:f.currentLabel})]}),!!i.description&&(0,P.jsx)(D,{clamp:2,children:i.description}),u!==void 0&&(0,P.jsxs)(`div`,{className:`mt-1.5 flex items-center gap-2`,children:[(0,P.jsx)(w,{value:u,className:`h-1.5 flex-1`}),(0,P.jsx)(o,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:f.completionLabel(u)})]})]}),!!i.badge&&(0,P.jsx)(O,{children:i.badge})]}),g=x(`workspace-nav--item w-full border border-transparent px-2 py-2 text-left transition-colors`,s&&`border-primary/20 bg-primary/5`,i.warning&&!s&&`border-warning/30 bg-warning/5`,i.disabled&&`pointer-events-none opacity-50`);return i.href?(0,P.jsx)(j,{size:`sm`,render:p({href:i.href,children:h,className:`block`,active:s,disabled:i.disabled,external:i.external,target:i.target,rel:i.rel,onClick:d}),className:g,children:h},i.id):(0,P.jsx)(j,{size:`sm`,render:(0,P.jsx)(`button`,{type:`button`,onClick:d,disabled:i.disabled}),className:g,children:h},i.id)})})]},e.id))}),!!i&&(0,P.jsx)(`div`,{className:`workspace-nav--footer shrink-0 border-t border-border pt-3`,children:i})]})});U.displayName=`WorkspaceNav`;var W=N.forwardRef(function({locales:e,activeLocale:t,onLocaleChange:n,actions:r,status:i,className:a,strings:o,...s},u){let d=b(ae,o),f=e=>{e.disabled||n?.(e)};return(0,P.jsxs)(`div`,{ref:u,className:x(`workspace-locale-strip--component flex flex-col gap-3 border-t border-border bg-muted/20 px-4 py-3 min-[64rem]:flex-row min-[64rem]:items-center min-[64rem]:justify-between min-[64rem]:px-5`,a),...s,children:[(0,P.jsx)(`div`,{className:`workspace-locale-strip--locales flex min-w-0 flex-wrap items-center gap-2`,role:`list`,"aria-label":d.ariaLabel,children:e.map(e=>{let n=e.id===t,r=e.completion===void 0?void 0:R(e.completion);return(0,P.jsx)(l,{type:`button`,variant:n?`primary`:`secondary`,buttonStyle:n?`solid`:`ghost`,onClick:()=>f(e),disabled:e.disabled,"aria-pressed":n,className:x(`workspace-locale-strip--item h-auto min-h-8 justify-start px-2.5 py-1.5`),children:(0,P.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,P.jsx)(`span`,{className:`truncate`,children:e.label}),n&&(0,P.jsx)(`span`,{className:`sr-only`,children:d.activeLabel}),r!==void 0&&(0,P.jsx)(c,{variant:r>=100?`success`:`secondary`,className:`shrink-0`,children:d.completionLabel(r)}),!!e.status&&(0,P.jsx)(`span`,{className:`shrink-0`,children:e.status})]})},e.id)})}),!!(i||r)&&(0,P.jsxs)(`div`,{className:`workspace-locale-strip--actions flex shrink-0 flex-wrap items-center gap-2`,children:[!!i&&(0,P.jsx)(`div`,{className:`workspace-locale-strip--status`,children:i}),!!r&&(0,P.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:r})]})]})});W.displayName=`WorkspaceLocaleStrip`;var G=e({ProductRecordWorkspaceShell:()=>Y,WorkspaceWithoutRail:()=>X});function K({href:e,children:t,className:n,onClick:r,target:i,rel:a}){return(0,P.jsx)(`a`,{href:e??`#`,className:n,onClick:r,target:i,rel:a,children:t})}function q({children:e,height:t=640}){return(0,P.jsx)(`div`,{className:`layout-demo-viewport relative w-full overflow-hidden rounded-md border border-dashed border-border bg-background`,style:{height:t},children:e})}var J=[{id:`content`,label:`Content`,description:`Public catalogue fields`,items:[{id:`basics`,label:`Basics`,description:`Name, handle, summary`,href:`#/products/1/basics`,icon:d,completion:100},{id:`media`,label:`Media`,description:`Cover and gallery`,href:`#/products/1/media`,icon:_,completion:80},{id:`taxonomy`,label:`Taxonomy`,description:`Categories and tags`,href:`#/products/1/taxonomy`,icon:y,completion:70}]},{id:`operations`,label:`Operations`,description:`Fulfilment controls`,items:[{id:`availability`,label:`Availability`,description:`Calendar and capacity`,href:`#/products/1/availability`,icon:ee,completion:55,warning:!0},{id:`policies`,label:`Policies`,description:`Booking and cancellation`,href:`#/products/1/policies`,icon:v,completion:100},{id:`translations`,label:`Translations`,description:`Locale readiness`,href:`#/products/1/translations`,icon:h,completion:42}]}];function oe(){return(0,P.jsxs)(`div`,{className:`space-y-4`,children:[(0,P.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,P.jsx)(C,{padding:`sm`,className:`border-border/80 shadow-sm`,children:(0,P.jsx)(T,{label:`Readiness`,value:`82%`,layout:`stacked`,mono:!0,valueClassName:`font-semibold`})}),(0,P.jsx)(C,{padding:`sm`,className:`border-border/80 shadow-sm`,children:(0,P.jsx)(T,{label:`Variants`,value:`6`,layout:`stacked`,mono:!0,valueClassName:`font-semibold`})}),(0,P.jsx)(C,{padding:`sm`,className:`border-border/80 shadow-sm`,children:(0,P.jsx)(T,{label:`Locales`,value:`2 / 4`,layout:`stacked`,mono:!0,valueClassName:`font-semibold`})})]}),(0,P.jsx)(C,{title:`Workspace body`,description:`Consumers mount composed product cards, feature surfaces, or their own forms here.`,padding:`sm`,headerDivider:!0,children:(0,P.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[`Identity`,`Media`,`Booking rules`,`Policies`].map(e=>(0,P.jsxs)(`div`,{className:`rounded-md border border-border bg-background px-3 py-2.5`,children:[(0,P.jsx)(o,{weight:`semibold`,children:e}),(0,P.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Section content keeps a compact admin rhythm inside the scrollable main region.`})]},e))})})]})}function se(){return(0,P.jsxs)(`div`,{className:`space-y-3`,children:[(0,P.jsx)(C,{icon:(0,P.jsx)(m,{className:`size-4`}),title:`Review`,description:`Right rail stays fixed to the workspace column on wide screens.`,padding:`sm`,children:(0,P.jsxs)(`div`,{className:`space-y-2`,children:[(0,P.jsx)(T,{label:`Blocked checks`,value:`2`,mono:!0}),(0,P.jsx)(T,{label:`Last review`,value:`Today`}),(0,P.jsx)(T,{label:`Owner`,value:`Catalogue`})]})}),(0,P.jsx)(C,{title:`Publishing`,padding:`sm`,children:(0,P.jsx)(o,{size:`xs`,type:`secondary`,children:`Rail cards are consumer-owned content. The layout only controls the column and scroll.`})})]})}function Y(){return(0,P.jsx)(q,{children:(0,P.jsx)(V,{header:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(H,{title:`Balsamic tasting set`,description:`Reusable record header with badges, metadata, actions, and media. Navigation remains framework-neutral through renderLink.`,media:(0,P.jsx)(g,{className:`size-5 text-muted-foreground`}),badges:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(c,{variant:`success`,children:`Live`}),(0,P.jsx)(c,{variant:`info`,children:`Catalogue`})]}),metadata:[{label:`SKU`,value:`BAL-TASTE-01`},{label:`Owner`,value:`Catalogue`},{label:`Updated`,value:`Today`}],secondaryActions:(0,P.jsx)(l,{variant:`secondary`,buttonStyle:`ghost`,children:`Preview`}),actions:(0,P.jsx)(l,{children:`Save draft`})}),(0,P.jsx)(W,{activeLocale:`en`,locales:[{id:`en`,label:`EN`,completion:100},{id:`el`,label:`EL`,completion:62},{id:`de`,label:`DE`,completion:20}],status:(0,P.jsx)(c,{variant:`warning`,children:`2 checks`}),actions:(0,P.jsx)(l,{variant:`secondary`,buttonStyle:`ghost`,children:`Translate`})})]}),sidebar:(0,P.jsx)(U,{activeId:`basics`,groups:J,renderLink:K}),rail:(0,P.jsx)(se,{}),children:(0,P.jsx)(oe,{})})})}function X(){return(0,P.jsx)(q,{height:520,children:(0,P.jsx)(V,{contentWidth:`default`,header:(0,P.jsx)(H,{title:`Translation workspace`,description:`The shell also works without a right rail. The main content keeps a readable width clamp.`,badges:(0,P.jsx)(c,{variant:`secondary`,children:`Draft`}),actions:(0,P.jsx)(l,{children:`Publish`})}),sidebar:(0,P.jsx)(U,{activeId:`translations`,groups:J.slice(1),renderLink:K}),children:(0,P.jsx)(C,{title:`Focused editor`,description:`A narrower workspace for dense forms or translation review.`,padding:`sm`,children:(0,P.jsx)(`div`,{className:`space-y-3`,children:[`Headline`,`Summary`,`Customer instructions`].map(e=>(0,P.jsxs)(`div`,{className:`rounded-md border border-border bg-background px-3 py-2.5`,children:[(0,P.jsx)(o,{weight:`semibold`,children:e}),(0,P.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Consumer-owned content inside the workspace body.`})]},e))})})})})}var Z=`import type { ReactNode } from 'react';
-import { Box, ClipboardCheck, Globe2, Image, Languages, PackageCheck, ShieldCheck, SlidersHorizontal } from 'lucide-react';
-
-import { Badge } from '@/components/base/badge';
-import { Button } from '@/components/base/buttons';
-import { SmartCard } from '@/components/base/cards';
-import { InlineStat } from '@/components/base/display';
-import {
-	WorkspaceLayout,
-	WorkspaceLocaleStrip,
-	WorkspaceNav,
-	WorkspaceRecordHeader,
-	type WorkspaceNavGroup,
-} from '@/components/layout/workspace';
-import { Text } from '@/components/typography';
-import type { LayoutLinkRenderProps } from '@/components/layout';
-
-function renderPreviewLink({ href, children, className, onClick, target, rel }: LayoutLinkRenderProps) {
-	return <a href={href ?? '#'} className={className} onClick={onClick} target={target} rel={rel}>{children}</a>;
-}
-
-function DemoViewport({ children, height = 640 }: { children: ReactNode; height?: number }) {
-	return (
-		<div
-			className="layout-demo-viewport relative w-full overflow-hidden rounded-md border border-dashed border-border bg-background"
-			style={{ height }}
-		>
-			{children}
-		</div>
-	);
-}
-
-const navGroups: WorkspaceNavGroup[] = [
-	{
-		id: 'content',
-		label: 'Content',
-		description: 'Public catalogue fields',
-		items: [
-			{ id: 'basics', label: 'Basics', description: 'Name, handle, summary', href: '#/products/1/basics', icon: Box, completion: 100 },
-			{ id: 'media', label: 'Media', description: 'Cover and gallery', href: '#/products/1/media', icon: Image, completion: 80 },
-			{ id: 'taxonomy', label: 'Taxonomy', description: 'Categories and tags', href: '#/products/1/taxonomy', icon: SlidersHorizontal, completion: 70 },
-		],
-	},
-	{
-		id: 'operations',
-		label: 'Operations',
-		description: 'Fulfilment controls',
-		items: [
-			{ id: 'availability', label: 'Availability', description: 'Calendar and capacity', href: '#/products/1/availability', icon: PackageCheck, completion: 55, warning: true },
-			{ id: 'policies', label: 'Policies', description: 'Booking and cancellation', href: '#/products/1/policies', icon: ShieldCheck, completion: 100 },
-			{ id: 'translations', label: 'Translations', description: 'Locale readiness', href: '#/products/1/translations', icon: Languages, completion: 42 },
-		],
-	},
-];
-
-function MainWorkspaceContent() {
-	return (
-		<div className="space-y-4">
-			<div className="grid gap-3 md:grid-cols-3">
-				<SmartCard padding="sm" className="border-border/80 shadow-sm">
-					<InlineStat label="Readiness" value="82%" layout="stacked" mono valueClassName="font-semibold" />
-				</SmartCard>
-				<SmartCard padding="sm" className="border-border/80 shadow-sm">
-					<InlineStat label="Variants" value="6" layout="stacked" mono valueClassName="font-semibold" />
-				</SmartCard>
-				<SmartCard padding="sm" className="border-border/80 shadow-sm">
-					<InlineStat label="Locales" value="2 / 4" layout="stacked" mono valueClassName="font-semibold" />
-				</SmartCard>
-			</div>
-
-			<SmartCard
-				title="Workspace body"
-				description="Consumers mount composed product cards, feature surfaces, or their own forms here."
-				padding="sm"
-				headerDivider
-			>
-				<div className="grid gap-3 md:grid-cols-2">
-					{['Identity', 'Media', 'Booking rules', 'Policies'].map((label) => (
-						<div key={label} className="rounded-md border border-border bg-background px-3 py-2.5">
-							<Text weight="semibold">{label}</Text>
-							<Text size="xs" type="secondary" className="mt-1">
-								Section content keeps a compact admin rhythm inside the scrollable main region.
-							</Text>
-						</div>
-					))}
-				</div>
-			</SmartCard>
-		</div>
-	);
-}
-
-function WorkspaceRail() {
-	return (
-		<div className="space-y-3">
-			<SmartCard
-				icon={<ClipboardCheck className="size-4" />}
-				title="Review"
-				description="Right rail stays fixed to the workspace column on wide screens."
-				padding="sm"
-			>
-				<div className="space-y-2">
-					<InlineStat label="Blocked checks" value="2" mono />
-					<InlineStat label="Last review" value="Today" />
-					<InlineStat label="Owner" value="Catalogue" />
-				</div>
-			</SmartCard>
-			<SmartCard title="Publishing" padding="sm">
-				<Text size="xs" type="secondary">Rail cards are consumer-owned content. The layout only controls the column and scroll.</Text>
-			</SmartCard>
-		</div>
-	);
-}
-
-export function ProductRecordWorkspaceShell() {
-	return (
-		<DemoViewport>
-			<WorkspaceLayout
-				header={(
-					<>
-						<WorkspaceRecordHeader
-							title="Balsamic tasting set"
-							description="Reusable record header with badges, metadata, actions, and media. Navigation remains framework-neutral through renderLink."
-							media={<Globe2 className="size-5 text-muted-foreground" />}
-							badges={<><Badge variant="success">Live</Badge><Badge variant="info">Catalogue</Badge></>}
-							metadata={[
-								{ label: 'SKU', value: 'BAL-TASTE-01' },
-								{ label: 'Owner', value: 'Catalogue' },
-								{ label: 'Updated', value: 'Today' },
-							]}
-							secondaryActions={<Button variant="secondary" buttonStyle="ghost">Preview</Button>}
-							actions={<Button>Save draft</Button>}
-						/>
-						<WorkspaceLocaleStrip
-							activeLocale="en"
-							locales={[
-								{ id: 'en', label: 'EN', completion: 100 },
-								{ id: 'el', label: 'EL', completion: 62 },
-								{ id: 'de', label: 'DE', completion: 20 },
-							]}
-							status={<Badge variant="warning">2 checks</Badge>}
-							actions={<Button variant="secondary" buttonStyle="ghost">Translate</Button>}
-						/>
-					</>
-				)}
-				sidebar={<WorkspaceNav activeId="basics" groups={navGroups} renderLink={renderPreviewLink} />}
-				rail={<WorkspaceRail />}
-			>
-				<MainWorkspaceContent />
-			</WorkspaceLayout>
-		</DemoViewport>
-	);
-}
-
-export function WorkspaceWithoutRail() {
-	return (
-		<DemoViewport height={520}>
-			<WorkspaceLayout
-				contentWidth="default"
-				header={(
-					<WorkspaceRecordHeader
-						title="Translation workspace"
-						description="The shell also works without a right rail. The main content keeps a readable width clamp."
-						badges={<Badge variant="secondary">Draft</Badge>}
-						actions={<Button>Publish</Button>}
-					/>
-				)}
-				sidebar={<WorkspaceNav activeId="translations" groups={navGroups.slice(1)} renderLink={renderPreviewLink} />}
-			>
-				<SmartCard title="Focused editor" description="A narrower workspace for dense forms or translation review." padding="sm">
-					<div className="space-y-3">
-						{['Headline', 'Summary', 'Customer instructions'].map((label) => (
-							<div key={label} className="rounded-md border border-border bg-background px-3 py-2.5">
-								<Text weight="semibold">{label}</Text>
-								<Text size="xs" type="secondary" className="mt-1">Consumer-owned content inside the workspace body.</Text>
-							</div>
-						))}
-					</div>
-				</SmartCard>
-			</WorkspaceLayout>
-		</DemoViewport>
-	);
-}
-`;function Q(e){let t={h4:`h4`,...e.components};return G||$(`Examples`,!1),Y||$(`Examples.ProductRecordWorkspaceShell`,!0),X||$(`Examples.WorkspaceWithoutRail`,!0),(0,P.jsxs)(r,{title:`Layout · Workspace`,description:`Nested record workspace shell with header, workflow navigation, scroll-owned body, and optional right rail.`,layer:`layout`,status:`ready`,sourcePath:`src/components/layout/workspace`,children:[(0,P.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,P.jsx)(u,{name:`ProductRecordWorkspaceShell`,source:Z,children:(0,P.jsx)(Y,{})}),(0,P.jsx)(u,{name:`WorkspaceWithoutRail`,source:Z,children:(0,P.jsx)(X,{})})]}),(0,P.jsxs)(i,{title:`API`,id:`api`,children:[(0,P.jsx)(t.h4,{children:`WorkspaceLayout`}),(0,P.jsx)(S,{component:`WorkspaceLayout`}),(0,P.jsx)(t.h4,{children:`WorkspaceRecordHeader`}),(0,P.jsx)(S,{component:`WorkspaceRecordHeader`}),(0,P.jsx)(t.h4,{children:`WorkspaceNav`}),(0,P.jsx)(S,{component:`WorkspaceNav`}),(0,P.jsx)(t.h4,{children:`WorkspaceLocaleStrip`}),(0,P.jsx)(S,{component:`WorkspaceLocaleStrip`})]})]})}function ce(e={}){let{wrapper:t}=e.components||{};return t?(0,P.jsx)(t,{...e,children:(0,P.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ce as default};

package/dist/showcase/assets/lib-DMGme4uo.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{t as r}from"./leaflet-src-S_KZeH2q.js";import{a as i,c as a,d as o,f as s,h as c,i as l,l as u,m as d,n as f,o as p,p as m,r as h,s as g,t as _,u as v}from"./generic-BH5YLC_H.js";function y(e,t,n){t.center!==n.center&&e.setLatLng(t.center),t.radius!=null&&t.radius!==n.radius&&e.setRadius(t.radius)}var b=e(r(),1);function x(e){return e.split(` `).filter(Boolean)}function S(e,t){for(let n of x(t))b.DomUtil.addClass(e,n)}function C(e,t,n){let{opacity:r,zIndex:i}=t;r!=null&&r!==n.opacity&&e.setOpacity(r),i!=null&&i!==n.zIndex&&e.setZIndex(i)}function w(e,t,n){t.bounds instanceof b.LatLngBounds&&t.bounds!==n.bounds&&e.setBounds(t.bounds),t.opacity!=null&&t.opacity!==n.opacity&&e.setOpacity(t.opacity),t.zIndex!=null&&t.zIndex!==n.zIndex&&e.setZIndex(t.zIndex)}var T=e(t(),1);function E(){return c().map}function D(e,t){let n=E();return(0,T.useEffect)(function(){return n.on(e,t),function(){n.off(e,t)}},[n,e,t]),n}function O(e){let t=E();return(0,T.useEffect)(function(){return t.on(e),function(){t.off(e)}},[t,e]),t}var k=_(function(e){return new b.Control.Attribution(e)}),A=l(function({center:e,children:t,...n},r){let i=new b.Circle(e,n);return a(i,d(r,{overlayContainer:i}))},y),j=l(function({center:e,children:t,...n},r){let i=new b.CircleMarker(e,n);return a(i,d(r,{overlayContainer:i}))},y),M=l(function({children:e,...t},n){let r=new b.FeatureGroup([],t);return a(r,d(n,{layerContainer:r,overlayContainer:r}))}),N=l(function({data:e,...t},n){let r=new b.GeoJSON(e,t);return a(r,d(n,{overlayContainer:r}))},function(e,t,n){t.style!==n.style&&(t.style==null?e.resetStyle():e.setStyle(t.style))}),P=f(function({bounds:e,url:t,...n},r){let i=new b.ImageOverlay(t,e,n);return a(i,d(r,{overlayContainer:i}))},function(e,t,n){if(w(e,t,n),t.bounds!==n.bounds){let n=t.bounds instanceof b.LatLngBounds?t.bounds:new b.LatLngBounds(t.bounds);e.setBounds(n)}t.url!==n.url&&e.setUrl(t.url)}),F=f(function({children:e,...t},n){let r=new b.LayerGroup([],t);return a(r,d(n,{layerContainer:r}))}),I=o(v(g(function({children:e,...t},n){let r=new b.Control.Layers(void 0,void 0,t);return a(r,d(n,{layersControl:r}))},function(e,t,n){t.collapsed!==n.collapsed&&(t.collapsed===!0?e.collapse():e.expand())})));function L(e){return function(t){let n=c(),r=(0,T.useRef)(t),[i,a]=(0,T.useState)(null),{layersControl:o,map:l}=n,u=(0,T.useCallback)(t=>{o!=null&&(r.current.checked&&l.addLayer(t),e(o,t,r.current.name),a(t))},[e,o,l]),f=(0,T.useCallback)(e=>{o?.removeLayer(e),a(null)},[o]),p=(0,T.useMemo)(()=>d(n,{layerContainer:{addLayer:u,removeLayer:f}}),[n,u,f]);return(0,T.useEffect)(()=>{i!==null&&r.current!==t&&(t.checked===!0&&(r.current.checked==null||r.current.checked===!1)?l.addLayer(i):r.current.checked===!0&&(t.checked==null||t.checked===!1)&&l.removeLayer(i),r.current=t)}),t.children?T.createElement(s,{value:p},t.children):null}}I.BaseLayer=L(function(e,t,n){e.addBaseLayer(t,n)}),I.Overlay=L(function(e,t,n){e.addOverlay(t,n)});function R({bounds:e,boundsOptions:t,center:n,children:r,className:i,id:a,placeholder:o,style:c,whenReady:l,zoom:u,...d},f){let[p]=(0,T.useState)({className:i,id:a,style:c}),[h,g]=(0,T.useState)(null),_=(0,T.useRef)(void 0);(0,T.useImperativeHandle)(f,()=>h?.map??null,[h]);let v=(0,T.useCallback)(r=>{if(r!==null&&!_.current){let i=new b.Map(r,d);_.current=i,n!=null&&u!=null?i.setView(n,u):e!=null&&i.fitBounds(e,t),l!=null&&i.whenReady(l),g(m(i))}},[]);(0,T.useEffect)(()=>()=>{h?.map.remove()},[h]);let y=h?T.createElement(s,{value:h},r):o??null;return T.createElement(`div`,{...p,ref:v},y)}var z=(0,T.forwardRef)(R),B=f(function({position:e,...t},n){let r=new b.Marker(e,t);return a(r,d(n,{overlayContainer:r}))},function(e,t,n){t.position!==n.position&&e.setLatLng(t.position),t.icon!=null&&t.icon!==n.icon&&e.setIcon(t.icon),t.zIndexOffset!=null&&t.zIndexOffset!==n.zIndexOffset&&e.setZIndexOffset(t.zIndexOffset),t.opacity!=null&&t.opacity!==n.opacity&&e.setOpacity(t.opacity),e.dragging!=null&&t.draggable!==n.draggable&&(t.draggable===!0?e.dragging.enable():e.dragging.disable())}),V=e(n(),1),H=[`mapPane`,`markerPane`,`overlayPane`,`popupPane`,`shadowPane`,`tilePane`,`tooltipPane`];function U(e,t){let{[t]:n,...r}=e;return r}function W(e,t,n){if(H.indexOf(e)!==-1)throw Error(`You must use a unique name for a pane that is not a default Leaflet pane: ${e}`);if(n.map.getPane(e)!=null)throw Error(`A pane with this name already exists: ${e}`);let r=t.pane??n.pane,i=r?n.map.getPane(r):void 0,a=n.map.createPane(e,i);if(t.className!=null&&S(a,t.className),t.style!=null)for(let e of Object.keys(t.style))a.style[e]=t.style[e];return a}function G(e,t){let[n]=(0,T.useState)(e.name),[r,i]=(0,T.useState)(null);(0,T.useImperativeHandle)(t,()=>r,[r]);let a=c(),o=(0,T.useMemo)(()=>({...a,pane:n}),[a]);return(0,T.useEffect)(()=>(i(W(n,e,a)),function(){a.map.getPane(n)?.remove?.(),a.map._panes!=null&&(a.map._panes=U(a.map._panes,n),a.map._paneRenderers=U(a.map._paneRenderers,n))}),[]),e.children!=null&&r!=null?(0,V.createPortal)(T.createElement(s,{value:o},e.children),r):null}var K=(0,T.forwardRef)(G),q=l(function({positions:e,...t},n){let r=new b.Polygon(e,t);return a(r,d(n,{overlayContainer:r}))},function(e,t,n){t.positions!==n.positions&&e.setLatLngs(t.positions)}),J=l(function({positions:e,...t},n){let r=new b.Polyline(e,t);return a(r,d(n,{overlayContainer:r}))},function(e,t,n){t.positions!==n.positions&&e.setLatLngs(t.positions)}),Y=h(function(e,t){return a(new b.Popup(e,t.overlayContainer),t)},function(e,t,{position:n},r){(0,T.useEffect)(function(){let{instance:i}=e;function a(e){e.popup===i&&(i.update(),r(!0))}function o(e){e.popup===i&&r(!1)}return t.map.on({popupopen:a,popupclose:o}),t.overlayContainer==null?(n!=null&&i.setLatLng(n),i.openOn(t.map)):t.overlayContainer.bindPopup(i),function(){t.map.off({popupopen:a,popupclose:o}),t.overlayContainer?.unbindPopup(),t.map.removeLayer(i)}},[e,t,r,n])}),X=l(function({bounds:e,...t},n){let r=new b.Rectangle(e,t);return a(r,d(n,{overlayContainer:r}))},function(e,t,n){t.bounds!==n.bounds&&e.setBounds(t.bounds)}),Z=_(function(e){return new b.Control.Scale(e)}),Q=p(g(function(e,t){let{attributes:n,bounds:r,...i}=e,o=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);if(o.setAttribute(`xmlns`,`http://www.w3.org/2000/svg`),n!=null)for(let e of Object.keys(n))o.setAttribute(e,n[e]);return a(new b.SVGOverlay(o,r,i),t,o)},w));function $({children:e,...t},n){let{instance:r,container:i}=Q(t).current;return(0,T.useImperativeHandle)(n,()=>r),i==null||e==null?null:(0,V.createPortal)(e,i)}var ee=(0,T.forwardRef)($),te=i(function({url:e,...t},n){return a(new b.TileLayer(e,u(t,n)),n)},function(e,t,n){C(e,t,n);let{url:r}=t;r!=null&&r!==n.url&&e.setUrl(r)}),ne=h(function(e,t){return a(new b.Tooltip(e,t.overlayContainer),t)},function(e,t,{position:n},r){(0,T.useEffect)(function(){let i=t.overlayContainer;if(i==null)return;let{instance:a}=e,o=e=>{e.tooltip===a&&(n!=null&&a.setLatLng(n),a.update(),r(!0))},s=e=>{e.tooltip===a&&r(!1)};return i.on({tooltipopen:o,tooltipclose:s}),i.bindTooltip(a),function(){i.off({tooltipopen:o,tooltipclose:s}),i._map!=null&&i.unbindTooltip()}},[e,t,r,n])}),re=f(function({bounds:e,url:t,...n},r){let i=new b.VideoOverlay(t,e,n);return n.play===!0&&i.getElement()?.play(),a(i,d(r,{overlayContainer:i}))},function(e,t,n){w(e,t,n),typeof t.url==`string`&&t.url!==n.url&&e.setUrl(t.url);let r=e.getElement();r!=null&&(t.play===!0&&!n.play?r.play():!t.play&&n.play===!0&&r.pause())}),ie=i(function({eventHandlers:e,params:t={},url:n,...r},i){return a(new b.TileLayer.WMS(n,{...t,...u(r,i)}),i)},function(e,t,n){C(e,t,n),t.params!=null&&t.params!==n.params&&e.setParams(t.params)}),ae=_(function(e){return new b.Control.Zoom(e)});export{k as AttributionControl,A as Circle,j as CircleMarker,M as FeatureGroup,N as GeoJSON,P as ImageOverlay,F as LayerGroup,I as LayersControl,z as MapContainer,B as Marker,K as Pane,q as Polygon,J as Polyline,Y as Popup,X as Rectangle,ee as SVGOverlay,Z as ScaleControl,te as TileLayer,ne as Tooltip,re as VideoOverlay,ie as WMSTileLayer,ae as ZoomControl,E as useMap,D as useMapEvent,O as useMapEvents};

package/dist/showcase/assets/lock-DTD3z5Vh.js

@@ -1 +0,0 @@
-import{a as e}from"./index-DNH0y0r-.js";var t=e(`lock`,[[`rect`,{width:`18`,height:`11`,x:`3`,y:`11`,rx:`2`,ry:`2`,key:`1w4ew1`}],[`path`,{d:`M7 11V7a5 5 0 0 1 10 0v4`,key:`fwvmzm`}]]);export{t};

package/dist/showcase/assets/lock-keyhole-Bbs1Ry2S.js

@@ -1 +0,0 @@
-import{a as e}from"./index-DNH0y0r-.js";var t=e(`lock-keyhole`,[[`circle`,{cx:`12`,cy:`16`,r:`1`,key:`1au0dj`}],[`rect`,{x:`3`,y:`10`,width:`18`,height:`12`,rx:`2`,key:`6s8ecr`}],[`path`,{d:`M7 10V7a5 5 0 0 1 10 0v3`,key:`1pqi11`}]]);export{t};

package/dist/showcase/assets/mail-DAa8myka.js

@@ -1 +0,0 @@
-import{a as e}from"./index-DNH0y0r-.js";var t=e(`mail`,[[`path`,{d:`m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7`,key:`132q7q`}],[`rect`,{x:`2`,y:`4`,width:`20`,height:`16`,rx:`2`,key:`izxlao`}]]);export{t};

package/dist/showcase/assets/mail-check-DrmYfqQb.js

@@ -1 +0,0 @@
-import{a as e}from"./index-DNH0y0r-.js";var t=e(`mail-check`,[[`path`,{d:`M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8`,key:`12jkf8`}],[`path`,{d:`m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7`,key:`1ocrg3`}],[`path`,{d:`m16 19 2 2 4-4`,key:`1b14m6`}]]);export{t};