@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/worker-profile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-profile.mjs","names":[],"sources":["../src/worker-profile.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {\n\tAward,\n\tCalendar,\n\tGraduationCap,\n\tList,\n\tRotateCw,\n\tShieldCheck,\n\tSmartphone,\n\tTriangleAlert,\n\tUpload,\n\tUser,\n\tUsers,\n\tZap,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Avatar, AvatarFallback, AvatarImage} from \"./avatar\";\nimport {Badge} from \"./badge\";\nimport {Button} from \"./button\";\nimport {Progress} from \"./progress\";\nimport {Separator} from \"./separator\";\nimport {Skeleton} from \"./skeleton\";\nimport {Tabs, TabsContent, TabsList, TabsTrigger} from \"./tabs\";\nimport {ToggleGroup, ToggleGroupItem} from \"./toggle-group\";\nimport {HoverTooltip} from \"./tooltip\";\n\n// WorkerProfile — the profile body for a worker record, extracted from the PushPanel\n// \"Profile View Pattern\" story. Seven icon tabs (General, Certificates, Compliance, Trainings,\n// Device, Crew, Visits) over a label/value field list, under an optional identity region.\n// Panel chrome (header, close, footer) is the caller's job, so this drops into a PushPanel,\n// Sheet, Dialog, or a plain column.\n\nexport type WorkerProfileTabId = \"general\" | \"certificates\" | \"compliance\" | \"trainings\" | \"device\" | \"crew\" | \"visits\";\n\nexport interface WorkerProfileField {\n\tlabel: string;\n\t/** Rendered as-is — pass a Badge, a link, or plain text. */\n\tvalue: React.ReactNode;\n}\n\n/** A run of fields; consecutive groups are separated by a rule, as in the profile pattern. */\nexport interface WorkerProfileFieldGroup {\n\tid?: string;\n\tfields: WorkerProfileField[];\n}\n\n/** An attached file — its name, and the link to view or download it when one exists. */\nexport interface WorkerProfileDocument {\n\tname: string;\n\t/** View/download target. Without it the name renders as plain text. */\n\turl?: string;\n}\n\nexport type WorkerProfileCertificateStatus = \"Valid\" | \"Expires Soon\" | \"Expired\";\n\nexport interface WorkerProfileCertificate {\n\tid: string;\n\ttitle: string;\n\t/** Certificate type — a lookup name, distinct from the free-text title. */\n\ttype?: string;\n\t/** When the certificate was issued or completed. */\n\tissueDate?: string;\n\texpiryDate: string;\n\tstatus: WorkerProfileCertificateStatus;\n\t/** The attached certificate file, if one is on record. */\n\tdocument?: WorkerProfileDocument;\n\t/**\n\t * Per-record actions — edit, delete, a \"⋯\" menu — rendered at the top right of this\n\t * certificate's block. Omit it and the row renders as before. Tab-level actions (\"Add\n\t * certificate\") belong in `certificatesActions` instead.\n\t */\n\tactions?: React.ReactNode;\n}\n\n/**\n * A compliance check's attached file. {@link WorkerProfileDocument} plus `attached`, which the\n * compliance tab uses to distinguish \"no file on record\" from \"a file we cannot link to\".\n */\nexport interface WorkerProfileComplianceDocument extends WorkerProfileDocument {\n\t/** Whether a file is actually on record. Without it the document line reads as \"No document\". */\n\tattached?: boolean;\n}\n\n/** One row of the Compliance tab — a check with an optional status, choices, document, and fields. */\nexport interface WorkerProfileComplianceItem {\n\tid: string;\n\t/** Section title, e.g. \"Background Check\". */\n\ttitle: string;\n\t/** Right-aligned status — a plain string like \"NOT SET\" (shown muted/uppercase) or a node such as a Badge. */\n\tstatus?: React.ReactNode;\n\t/** Marks the value as system-derived: renders an \"AUTO\" badge before the status. */\n\tauto?: boolean;\n\t/** Segmented choices, e.g. [\"Pass\", \"Fail\", \"Pending\"]. */\n\toptions?: string[];\n\t/**\n\t * The selected option. With `onOptionChange` this is the controlled value — the choices show what\n\t * you pass and nothing else, so the segment moves only once you write the new option back. Without\n\t * a handler it is the initial choice only. Either way the widget keeps no record of its own.\n\t */\n\tselectedOption?: string;\n\t/**\n\t * A document attached to the check — its name, whether a file is on record, and the link to view\n\t * it when there is one. `url` brings this to parity with {@link WorkerProfileCertificate}'s\n\t * document: without it the widget could name a file but never open one, which left hosts injecting\n\t * their own `<a>View</a>` into `fields` beside a dead \"View document\" label (issue #295).\n\t *\n\t * `attached` still says whether a file exists at all, so `{name, attached: false}` reads as \"no\n\t * document\" exactly as before.\n\t */\n\tdocument?: WorkerProfileComplianceDocument;\n\t/** Show the \"Upload / replace document\" action. */\n\tuploadable?: boolean;\n\t/** Extra label/value rows under the item (Expires, Assigned, Release Date…). */\n\tfields?: WorkerProfileField[];\n\t/** Muted helper text under the item. */\n\tnote?: string;\n\t/**\n\t * A write on this check is in flight: the choices and the upload action are disabled and the upload\n\t * action shows a spinner. Without it a controlled check looks dead while the save runs — the\n\t * segment cannot move until the answer comes back — and every further click is another call.\n\t */\n\tloading?: boolean;\n\t/**\n\t * Called when a choice is activated, with the option's own text. The widget holds no state: the\n\t * control shows `selectedOption` and moves only when you write the new value back into it. Each\n\t * activation is one call, in order — nothing is queued or debounced, so set `loading` while the\n\t * save runs to stop the second click. Re-pressing the active choice is swallowed rather than\n\t * reported, so this never fires with an empty string; a verdict has no \"neither\" state. Omit it and\n\t * the choices toggle locally and report nothing, as before.\n\t */\n\tonOptionChange?: (option: string) => void;\n\t/**\n\t * Called when \"Upload / replace document\" is activated. The widget owns no file input and runs no\n\t * upload: the host opens its own picker and writes the result back through `document`. Omit it and\n\t * the action renders as it does today and does nothing.\n\t */\n\tonUploadDocument?: () => void;\n}\n\n/** Compliance tab payload — an overall score plus the individual checks. */\nexport interface WorkerProfileCompliance {\n\t/** Overall score shown with a progress bar (e.g. 4 of 4). */\n\tscore?: {value: number; total: number};\n\titems: WorkerProfileComplianceItem[];\n\t/**\n\t * Rendered under the checks, inside the same column — a \"Save compliance\" bar, a legend, an audit\n\t * line. The per-check callbacks each report one decision; a host that batches them into a single\n\t * commit has nowhere else to put it, and the tab header is taken by the tab title.\n\t */\n\tfooter?: React.ReactNode;\n}\n\n/**\n * A tab whose data the host fetches — typically lazily, when the tab is opened — is neither loaded\n * nor empty while that fetch is in flight, and \"empty\" is a lie when it fails. Pass a state and the\n * widget shows a skeleton or an error with an optional Retry instead of the tab's empty text.\n */\nexport type WorkerProfileTabState =\n\t| {status: \"loading\"}\n\t| {\n\t\t\tstatus: \"error\";\n\t\t\t/** Overrides the tab's default wording, e.g. the server's message. */\n\t\t\tmessage?: string;\n\t\t\t/** Renders a Retry action. Omit it and the error is stated without one. */\n\t\t\tonRetry?: () => void;\n\t  };\n\n/** Host wording for one tab — its name, and the text shown when it is empty or failed. */\nexport interface WorkerProfileTabText {\n\t/** The tab's name: its trigger tooltip and accessible name, and the tab header title. */\n\tlabel?: string;\n\t/** Replaces the tab's built-in empty text. */\n\tempty?: string;\n\t/** Replaces the tab's built-in error text. A `tabStates` error `message` still wins over it. */\n\terror?: string;\n}\n\n/**\n * The widget's own built-in strings, for a host that does not run in English. Field labels and\n * values are already the caller's; this covers the text the widget supplies itself. Anything left\n * out keeps today's English default, so an existing caller reads exactly as before.\n */\nexport interface WorkerProfileText {\n\t/** Per-tab wording, keyed by tab id. */\n\ttabs?: Partial<Record<WorkerProfileTabId, WorkerProfileTabText>>;\n\t/** The Retry action in a tab's error state. Default \"Retry\". */\n\tretry?: string;\n\t/** What the loading treatment announces to a screen reader. Default \"Loading…\". */\n\tloading?: string;\n}\n\n/** Identity region above the tabs — the worker's photo, name, and a home for worker-level actions. */\nexport interface WorkerProfileIdentity {\n\t/** Worker photo. Falls back to the name's initials, then to a person icon. */\n\tphotoUrl?: string;\n\t/** Optional — some hosts keep the name in the General tab only. */\n\tname?: string;\n\t/** Secondary line, e.g. code · company · trade, or a status badge. */\n\tsubtitle?: React.ReactNode;\n\t/** Worker-level actions — typically a single \"⋯\" menu (Edit, Replace photo, Demobilize…). */\n\tactions?: React.ReactNode;\n}\n\nexport interface WorkerProfileProps {\n\t/** Identity region above the tabs. Omit it and the widget renders the body only, as before. */\n\tidentity?: WorkerProfileIdentity;\n\t/** General tab — one or more field groups. */\n\tgeneral?: WorkerProfileFieldGroup[];\n\t/** Certificates tab — rendered as titled blocks with a status badge. */\n\tcertificates?: WorkerProfileCertificate[];\n\t/** Actions for the Certificates tab header, e.g. an \"Add certificate\" button. */\n\tcertificatesActions?: React.ReactNode;\n\t/**\n\t * Called when a certificate's document is activated, instead of navigating to its `url`. A host\n\t * whose files sit behind its own auth needs this: a bare `href` cannot carry the request, so the\n\t * link opens to a 401. With a handler the document renders as a button and the host runs its own\n\t * fetch-and-download. Omit it and the document stays a plain link (or plain text without a `url`).\n\t */\n\tonCertificateDocumentClick?: (certificate: WorkerProfileCertificate) => void;\n\t/**\n\t * Compliance tab — either the typed model (score + per-check status, choices, documents, fields)\n\t * or caller-supplied content, for hosts that own their compliance UI.\n\t */\n\tcompliance?: WorkerProfileCompliance | React.ReactNode;\n\t/**\n\t * Called when a compliance check's document is activated, instead of navigating to its `url`. The\n\t * mirror of {@link WorkerProfileProps.onCertificateDocumentClick}, and for the same reason: a host\n\t * whose files sit behind its own auth cannot put the request in a bare `href`. With a handler the\n\t * document renders as a button and the host runs its own fetch-and-download; without one it is a\n\t * link to `document.url`, or plain text when there is no url.\n\t */\n\tonComplianceDocumentClick?: (item: WorkerProfileComplianceItem) => void;\n\t/** Device tab — field list (device id, battery, firmware…). */\n\tdevice?: WorkerProfileField[];\n\t/** Actions for the Device tab header, e.g. assign / change / unassign controls. */\n\tdeviceActions?: React.ReactNode;\n\t/** Trainings tab — caller-supplied content. */\n\ttrainings?: React.ReactNode;\n\t/** Crew tab — caller-supplied content. */\n\tcrew?: React.ReactNode;\n\t/** Visits tab — caller-supplied content. */\n\tvisits?: React.ReactNode;\n\t/**\n\t * Per-tab loading / error state, taking precedence over that tab's content and empty text. Only\n\t * the tabs you name are affected; the rest keep today's data-or-empty behaviour. This is what a\n\t * tab-gated fetch needs — without it a request in flight and a failed one both read as \"no data\".\n\t */\n\ttabStates?: Partial<Record<WorkerProfileTabId, WorkerProfileTabState>>;\n\t/**\n\t * The tabs this host has at all — an allow-list. Omit it (or pass an empty array) and all seven\n\t * render, as before.\n\t *\n\t * This is a different statement from \"no data yet\": a tab left out of `tabs` is not part of this\n\t * product, so it does not appear, while a tab that is present but unsupplied shows its empty\n\t * text. A host with no Visits concept wants the first, and an always-empty Visits tab reads as\n\t * broken rather than as a state. Order is the widget's own; the list only says which survive.\n\t */\n\ttabs?: WorkerProfileTabId[];\n\t/**\n\t * Overrides the widget's own built-in text — per-tab names, empty and error wording, and the\n\t * Retry and loading labels. For a host that ships another language: everything else on the\n\t * surface is caller-supplied already, and without this the empty and error states stay English\n\t * whatever the locale.\n\t */\n\ttext?: WorkerProfileText;\n\t/** Tab shown first when uncontrolled. Default \"general\", or the first visible tab. */\n\tdefaultTab?: WorkerProfileTabId;\n\t/** Controlled active tab. Pass it with `onTabChange` to drive the tabs from outside. */\n\ttab?: WorkerProfileTabId;\n\t/** Fires whenever the active tab changes, controlled or not. */\n\tonTabChange?: (tab: WorkerProfileTabId) => void;\n\tclassName?: string;\n}\n\nconst TAB_ICONS: {id: WorkerProfileTabId; icon: React.ElementType}[] = [\n\t{id: \"general\", icon: List},\n\t{id: \"certificates\", icon: Award},\n\t{id: \"compliance\", icon: ShieldCheck},\n\t{id: \"trainings\", icon: GraduationCap},\n\t{id: \"device\", icon: Smartphone},\n\t{id: \"crew\", icon: Users},\n\t{id: \"visits\", icon: Calendar},\n];\n\n/** Tab names — the trigger tooltip and accessible name, and the tab header title. */\nconst TAB_LABELS: Record<WorkerProfileTabId, string> = {\n\tgeneral: \"General\",\n\tcertificates: \"Certificates\",\n\tcompliance: \"Compliance\",\n\ttrainings: \"Trainings\",\n\tdevice: \"Device\",\n\tcrew: \"Crew\",\n\tvisits: \"Visits\",\n};\n\nconst EMPTY_TEXT: Record<WorkerProfileTabId, string> = {\n\tgeneral: \"No general details.\",\n\tcertificates: \"No certificates found.\",\n\tcompliance: \"No compliance record.\",\n\ttrainings: \"No training records found.\",\n\tdevice: \"No device assigned.\",\n\tcrew: \"No crew assignment.\",\n\tvisits: \"No visit records.\",\n};\n\n/** Wording for a failed tab fetch. Names the tab, so an error never reads as \"no data\". */\nconst ERROR_TEXT: Record<WorkerProfileTabId, string> = {\n\tgeneral: \"Couldn't load general details.\",\n\tcertificates: \"Couldn't load certificates.\",\n\tcompliance: \"Couldn't load the compliance record.\",\n\ttrainings: \"Couldn't load training records.\",\n\tdevice: \"Couldn't load device details.\",\n\tcrew: \"Couldn't load the crew assignment.\",\n\tvisits: \"Couldn't load visit records.\",\n};\n\n/** The host's wording for a tab, falling back to the widget's own. */\nfunction tabLabel(tab: WorkerProfileTabId, text?: WorkerProfileText) {\n\treturn text?.tabs?.[tab]?.label ?? TAB_LABELS[tab];\n}\n\nfunction certificateVariant(status: WorkerProfileCertificateStatus) {\n\tif (status === \"Valid\") return \"default\" as const;\n\tif (status === \"Expires Soon\") return \"secondary\" as const;\n\treturn \"destructive\" as const;\n}\n\n/**\n * Tells the typed Compliance model apart from caller-supplied content. React nodes are elements,\n * arrays, or primitives — only the model is a plain object carrying an `items` array.\n */\nfunction isComplianceModel(compliance: WorkerProfileProps[\"compliance\"]): compliance is WorkerProfileCompliance {\n\treturn (\n\t\ttypeof compliance === \"object\" &&\n\t\tcompliance !== null &&\n\t\t!Array.isArray(compliance) &&\n\t\t!React.isValidElement(compliance) &&\n\t\tArray.isArray((compliance as WorkerProfileCompliance).items)\n\t);\n}\n\n/** Up to two letters from the worker's name, for the avatar fallback. */\nfunction initialsOf(name?: string) {\n\tconst parts = name?.trim().split(/\\s+/).filter(Boolean) ?? [];\n\tif (parts.length === 0) return null;\n\tconst first = parts[0]?.[0] ?? \"\";\n\tconst last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? \"\") : \"\";\n\tconst initials = `${first}${last}`.toUpperCase();\n\treturn initials.length > 0 ? initials : null;\n}\n\nfunction FieldRow({field}: {field: WorkerProfileField}) {\n\treturn (\n\t\t<div className=\"wwc:flex wwc:justify-between wwc:gap-3 wwc:text-sm\">\n\t\t\t<span className=\"wwc:shrink-0 wwc:text-muted-foreground\">{field.label}:</span>\n\t\t\t<span className=\"wwc:text-right wwc:font-medium\">{field.value}</span>\n\t\t</div>\n\t);\n}\n\n/** The identity strip — photo, name/subtitle, and the worker-level actions slot. */\nfunction IdentityRegion({identity}: {identity: WorkerProfileIdentity}) {\n\tconst initials = initialsOf(identity.name);\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-3 wwc:px-4 wwc:pt-4\">\n\t\t\t<Avatar className=\"wwc:h-12 wwc:w-12\">\n\t\t\t\t{identity.photoUrl ? <AvatarImage src={identity.photoUrl} alt={identity.name ?? \"Worker photo\"} /> : null}\n\t\t\t\t<AvatarFallback className=\"wwc:text-sm wwc:font-medium\">\n\t\t\t\t\t{initials ?? <User className=\"wwc:h-5 wwc:w-5 wwc:text-muted-foreground\" aria-hidden />}\n\t\t\t\t</AvatarFallback>\n\t\t\t</Avatar>\n\n\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t{identity.name ? <p className=\"wwc:truncate wwc:text-sm wwc:font-semibold\">{identity.name}</p> : null}\n\t\t\t\t{identity.subtitle ? (\n\t\t\t\t\t<div className=\"wwc:truncate wwc:text-xs wwc:text-muted-foreground\">{identity.subtitle}</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\n\t\t\t{identity.actions ? <div className=\"wwc:flex wwc:shrink-0 wwc:items-center\">{identity.actions}</div> : null}\n\t\t</div>\n\t);\n}\n\n/**\n * The document cell: the host's click handler when it has one, otherwise a link to the file, and\n * plain text when neither is on record. The handler wins over the `url` — a host that routes the\n * click through its own authenticated download often has no publicly fetchable URL at all.\n */\nfunction CertificateDocument({\n\tcertificate,\n\tonDocumentClick,\n}: {\n\tcertificate: WorkerProfileCertificate;\n\tonDocumentClick?: (certificate: WorkerProfileCertificate) => void;\n}) {\n\tconst file = certificate.document;\n\tif (!file) return null;\n\n\tif (onDocumentClick) {\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => onDocumentClick(certificate)}\n\t\t\t\tclassName=\"wwc:cursor-pointer wwc:underline wwc:underline-offset-2\"\n\t\t\t>\n\t\t\t\t{file.name}\n\t\t\t</button>\n\t\t);\n\t}\n\n\tif (file.url) {\n\t\treturn (\n\t\t\t<a href={file.url} target=\"_blank\" rel=\"noreferrer\" className=\"wwc:underline wwc:underline-offset-2\">\n\t\t\t\t{file.name}\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn <span className=\"wwc:text-muted-foreground\">{file.name}</span>;\n}\n\n/** One certificate — the always-present rows plus type, issue date, and document when supplied. */\nfunction CertificateBlock({\n\tcertificate,\n\tonDocumentClick,\n}: {\n\tcertificate: WorkerProfileCertificate;\n\tonDocumentClick?: (certificate: WorkerProfileCertificate) => void;\n}) {\n\tconst rows = (\n\t\t<>\n\t\t\t<FieldRow field={{label: \"Certificate Title\", value: certificate.title}} />\n\t\t\t{certificate.type ? <FieldRow field={{label: \"Certificate Type\", value: certificate.type}} /> : null}\n\t\t\t{certificate.issueDate ? <FieldRow field={{label: \"Issue Date\", value: certificate.issueDate}} /> : null}\n\t\t\t<FieldRow field={{label: \"Expire Date\", value: certificate.expiryDate}} />\n\t\t\t<FieldRow\n\t\t\t\tfield={{\n\t\t\t\t\tlabel: \"Status\",\n\t\t\t\t\tvalue: (\n\t\t\t\t\t\t<Badge variant={certificateVariant(certificate.status)} className=\"wwc:h-5 wwc:text-xs\">\n\t\t\t\t\t\t\t{certificate.status}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{certificate.document ? (\n\t\t\t\t<FieldRow\n\t\t\t\t\tfield={{\n\t\t\t\t\t\tlabel: \"Document\",\n\t\t\t\t\t\tvalue: <CertificateDocument certificate={certificate} onDocumentClick={onDocumentClick} />,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div className=\"wwc:border-b wwc:pb-3 wwc:last:border-0\">\n\t\t\t{/* The row actions sit beside the record, so the label/value rows keep their own column. */}\n\t\t\t{certificate.actions ? (\n\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2\">\n\t\t\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1 wwc:space-y-1.5\">{rows}</div>\n\t\t\t\t\t<div className=\"wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1\">{certificate.actions}</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"wwc:space-y-1.5\">{rows}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n/**\n * The compliance document's affordance, mirroring {@link CertificateDocument}'s precedence: the\n * host's click handler first, then the file's own `url`, then plain text. The handler wins over the\n * `url` because a host routing the click through its own authenticated download often has no\n * publicly fetchable URL at all.\n *\n * `attached: false` means there is no file, so neither affordance applies however the item is\n * otherwise filled in — a stale `url` beside \"No document\" would be the dead link issue #295 set out\n * to remove.\n */\nfunction ComplianceDocumentAction({\n\titem,\n\tonDocumentClick,\n}: {\n\titem: WorkerProfileComplianceItem;\n\tonDocumentClick?: (item: WorkerProfileComplianceItem) => void;\n}) {\n\tconst file = item.document;\n\tif (!file) return null;\n\tif (file.attached === false) return <span className=\"wwc:shrink-0 wwc:text-muted-foreground\">No document</span>;\n\n\tif (onDocumentClick) {\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => onDocumentClick(item)}\n\t\t\t\tclassName=\"wwc:shrink-0 wwc:cursor-pointer wwc:underline wwc:underline-offset-2\"\n\t\t\t>\n\t\t\t\tView document\n\t\t\t</button>\n\t\t);\n\t}\n\n\tif (file.url) {\n\t\treturn (\n\t\t\t<a href={file.url} target=\"_blank\" rel=\"noreferrer\" className=\"wwc:shrink-0 wwc:underline wwc:underline-offset-2\">\n\t\t\t\tView document\n\t\t\t</a>\n\t\t);\n\t}\n\n\t// A name with no url and no handler: the file is on record but this host cannot open it.\n\treturn (\n\t\t<span className=\"wwc:shrink-0 wwc:text-muted-foreground\">{file.attached ? \"View document\" : \"No document\"}</span>\n\t);\n}\n\n/** One compliance check — header row (title + optional AUTO/status), choices, document, fields, and note. */\nfunction ComplianceItemBlock({\n\titem,\n\tonDocumentClick,\n}: {\n\titem: WorkerProfileComplianceItem;\n\tonDocumentClick?: (item: WorkerProfileComplianceItem) => void;\n}) {\n\t// The group is controlled in both directions, so a host that binds `onOptionChange` late — after a\n\t// permissions fetch, behind a feature flag — does not flip the control from uncontrolled to\n\t// controlled, which React warns about and which drops the choice already on screen. Without a\n\t// handler the widget drives the value from its own state, matching the local toggling callers have\n\t// today; with one, `selectedOption` is the only source of truth.\n\tconst [localOption, setLocalOption] = React.useState(item.selectedOption);\n\t// Mirror the host's value while it owns the choice, so withdrawing the handler — a permission gate\n\t// closing — leaves the control where the user left it instead of snapping back to the mount-time\n\t// value. Adjusting state during render is the sanctioned way to follow a prop; the compare keeps it\n\t// from looping.\n\tif (item.onOptionChange && localOption !== item.selectedOption) setLocalOption(item.selectedOption);\n\tconst choice = (item.onOptionChange ? item.selectedOption : localOption) ?? \"\";\n\n\treturn (\n\t\t<div className=\"wwc:space-y-2.5\">\n\t\t\t{/* Wrapping, because the status column cannot shrink: an AUTO badge beside a \"NOT SET\" chip is\n\t\t\t    ~150px, and in a narrow profile panel that left the title's min-content width nowhere to go,\n\t\t\t    so the row overflowed and the chip was cut off at the panel's right edge (issue #295). Given\n\t\t\t    a line of its own the chip stays whole; at the widths a profile is usually read at nothing\n\t\t\t    wraps and the row is unchanged. */}\n\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:justify-between wwc:gap-x-3 wwc:gap-y-1\">\n\t\t\t\t<h5 className=\"wwc:min-w-0 wwc:text-sm wwc:font-semibold\">{item.title}</h5>\n\t\t\t\t{item.auto || item.status != null ? (\n\t\t\t\t\t// ml-auto keeps the chip right-aligned on the line it wraps onto, where justify-between\n\t\t\t\t\t// has nothing to push it against.\n\t\t\t\t\t<div className=\"wwc:ml-auto wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t{item.auto ? (\n\t\t\t\t\t\t\t<Badge variant=\"warningSoft\" className=\"wwc:h-5 wwc:gap-1 wwc:text-[10px]\">\n\t\t\t\t\t\t\t\t<Zap />\n\t\t\t\t\t\t\t\tAUTO\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{typeof item.status === \"string\" ? (\n\t\t\t\t\t\t\t<span className=\"wwc:text-xs wwc:font-medium wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase\">\n\t\t\t\t\t\t\t\t{item.status}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\titem.status\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\n\t\t\t{item.options && item.options.length > 0 ? (\n\t\t\t\t<ToggleGroup\n\t\t\t\t\ttype=\"single\"\n\t\t\t\t\tvalue={choice}\n\t\t\t\t\tonValueChange={(option) => {\n\t\t\t\t\t\tif (item.onOptionChange) {\n\t\t\t\t\t\t\t// Radix reports \"\" when the active choice is pressed again; a verdict has no\n\t\t\t\t\t\t\t// \"neither\" state, so that is swallowed rather than sent on as a cleared answer.\n\t\t\t\t\t\t\tif (option) item.onOptionChange(option);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// No handler: the choices behave exactly as they did before they could report anything,\n\t\t\t\t\t\t// re-press to clear included.\n\t\t\t\t\t\tsetLocalOption(option);\n\t\t\t\t\t}}\n\t\t\t\t\tdisabled={item.loading}\n\t\t\t\t\taria-label={item.title}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tclassName=\"wwc:justify-start wwc:gap-2\"\n\t\t\t\t>\n\t\t\t\t\t{item.options.map((option) => (\n\t\t\t\t\t\t<ToggleGroupItem\n\t\t\t\t\t\t\tkey={option}\n\t\t\t\t\t\t\tvalue={option}\n\t\t\t\t\t\t\tclassName={cn(\"wwc:text-xs\", item.onOptionChange && \"wwc:cursor-pointer\")}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option}\n\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t))}\n\t\t\t\t</ToggleGroup>\n\t\t\t) : null}\n\n\t\t\t{item.document ? (\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-3 wwc:text-sm\">\n\t\t\t\t\t<span className=\"wwc:truncate wwc:text-foreground/80\">{item.document.name}</span>\n\t\t\t\t\t<ComplianceDocumentAction item={item} onDocumentClick={onDocumentClick} />\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{item.fields?.map((field) => (\n\t\t\t\t<FieldRow key={field.label} field={field} />\n\t\t\t))}\n\n\t\t\t{item.uploadable ? (\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tclassName=\"wwc:h-auto wwc:gap-1.5 wwc:px-0\"\n\t\t\t\t\tonClick={item.onUploadDocument}\n\t\t\t\t\tloading={item.loading}\n\t\t\t\t>\n\t\t\t\t\t{/* Button's loading state brings its own Spinner — keeping the Upload icon would show two. */}\n\t\t\t\t\t{item.loading ? null : <Upload />}\n\t\t\t\t\tUpload / replace document\n\t\t\t\t</Button>\n\t\t\t) : null}\n\n\t\t\t{item.note ? <p className=\"wwc:text-xs wwc:text-muted-foreground\">{item.note}</p> : null}\n\t\t</div>\n\t);\n}\n\n/** The typed Compliance tab — score bar over the individual checks. */\nfunction ComplianceBody({\n\tcompliance,\n\tonDocumentClick,\n}: {\n\tcompliance: WorkerProfileCompliance;\n\tonDocumentClick?: (item: WorkerProfileComplianceItem) => void;\n}) {\n\treturn (\n\t\t<div className=\"wwc:space-y-4\">\n\t\t\t{compliance.score ? (\n\t\t\t\t<div className=\"wwc:space-y-2\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-semibold\">Compliance Score:</span>\n\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-semibold wwc:text-amber-600 wwc:dark:text-amber-500\">\n\t\t\t\t\t\t\t{compliance.score.value} / {compliance.score.total}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Progress\n\t\t\t\t\t\tvalue={compliance.score.total > 0 ? (compliance.score.value / compliance.score.total) * 100 : 0}\n\t\t\t\t\t\ttone=\"warning\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{compliance.items.map((item, index) => (\n\t\t\t\t<div key={item.id} className=\"wwc:space-y-4\">\n\t\t\t\t\t{index > 0 || compliance.score ? <Separator /> : null}\n\t\t\t\t\t<ComplianceItemBlock item={item} onDocumentClick={onDocumentClick} />\n\t\t\t\t</div>\n\t\t\t))}\n\n\t\t\t{compliance.footer ? (\n\t\t\t\t<div className=\"wwc:space-y-4\">\n\t\t\t\t\t{compliance.items.length > 0 || compliance.score ? <Separator /> : null}\n\t\t\t\t\t{compliance.footer}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n\nfunction TabBody({title, actions, children}: {title: string; actions?: React.ReactNode; children: React.ReactNode}) {\n\treturn (\n\t\t<>\n\t\t\t{/* No min-height: with no actions the row is exactly the h4, so existing callers keep their spacing. */}\n\t\t\t<div className=\"wwc:mb-3 wwc:flex wwc:items-center wwc:justify-between wwc:gap-3\">\n\t\t\t\t<h4 className=\"wwc:text-sm wwc:font-medium\">{title}</h4>\n\t\t\t\t{actions ? <div className=\"wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-2\">{actions}</div> : null}\n\t\t\t</div>\n\t\t\t{children}\n\t\t</>\n\t);\n}\n\nfunction EmptyText({tab, text}: {tab: WorkerProfileTabId; text?: WorkerProfileText}) {\n\treturn <p className=\"wwc:text-sm wwc:text-muted-foreground\">{text?.tabs?.[tab]?.empty ?? EMPTY_TEXT[tab]}</p>;\n}\n\n/**\n * The loading treatment, shaped like the label/value rows every typed tab renders, so a tab does not\n * change size as its data arrives.\n */\nfunction TabSkeleton({label}: {label?: string}) {\n\treturn (\n\t\t<div className=\"wwc:space-y-2.5\" data-testid=\"worker-profile-tab-loading\" aria-hidden>\n\t\t\t{[0, 1, 2, 3].map((row) => (\n\t\t\t\t<div key={row} className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-3\">\n\t\t\t\t\t<Skeleton className=\"wwc:h-4 wwc:w-28\" />\n\t\t\t\t\t<Skeleton className=\"wwc:h-4 wwc:w-20\" />\n\t\t\t\t</div>\n\t\t\t))}\n\t\t\t<span className=\"wwc:sr-only\">{label ?? \"Loading…\"}</span>\n\t\t</div>\n\t);\n}\n\n/** A failed tab fetch, stated as a failure — with the host's retry when it has one. */\nfunction TabError({\n\ttab,\n\tstate,\n\ttext,\n}: {\n\ttab: WorkerProfileTabId;\n\tstate: Extract<WorkerProfileTabState, {status: \"error\"}>;\n\ttext?: WorkerProfileText;\n}) {\n\treturn (\n\t\t<div role=\"alert\" className=\"wwc:space-y-3\">\n\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2 wwc:text-sm wwc:text-destructive\">\n\t\t\t\t<TriangleAlert className=\"wwc:mt-0.5 wwc:h-4 wwc:w-4 wwc:shrink-0\" aria-hidden />\n\t\t\t\t{/* The server's own message first, then the host's wording, then ours. */}\n\t\t\t\t<p>{state.message ?? text?.tabs?.[tab]?.error ?? ERROR_TEXT[tab]}</p>\n\t\t\t</div>\n\t\t\t{state.onRetry ? (\n\t\t\t\t<Button variant=\"outline\" size=\"sm\" className=\"wwc:gap-1.5\" onClick={state.onRetry}>\n\t\t\t\t\t<RotateCw />\n\t\t\t\t\t{text?.retry ?? \"Retry\"}\n\t\t\t\t</Button>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n\n/**\n * A tab's body, with the host-declared status winning over it. No state named for the tab and the\n * children render exactly as they did before this prop existed.\n */\nfunction TabSlot({\n\ttab,\n\tstate,\n\ttext,\n\tchildren,\n}: {\n\ttab: WorkerProfileTabId;\n\tstate?: WorkerProfileTabState;\n\ttext?: WorkerProfileText;\n\tchildren: React.ReactNode;\n}) {\n\tif (state?.status === \"loading\") return <TabSkeleton label={text?.loading} />;\n\tif (state?.status === \"error\") return <TabError tab={tab} state={state} text={text} />;\n\treturn <>{children}</>;\n}\n\n/**\n * Worker profile body — up to seven icon tabs over a worker's record, under an optional identity\n * region.\n *\n * Supply only the tabs you have data for and the rest fall back to their empty text. For a tab this\n * product will never populate, name the ones you do have in `tabs` instead — that removes the\n * trigger, rather than leaving an empty one that reads as broken.\n */\nexport function WorkerProfile({\n\tidentity,\n\tgeneral,\n\tcertificates,\n\tcertificatesActions,\n\tonCertificateDocumentClick,\n\tcompliance,\n\tonComplianceDocumentClick,\n\tdevice,\n\tdeviceActions,\n\ttrainings,\n\tcrew,\n\tvisits,\n\ttabStates,\n\ttabs,\n\ttext,\n\tdefaultTab = \"general\",\n\ttab,\n\tonTabChange,\n\tclassName,\n}: WorkerProfileProps) {\n\tconst generalGroups = general?.filter((group) => group.fields.length > 0) ?? [];\n\tconst complianceModel = isComplianceModel(compliance) ? compliance : null;\n\tconst complianceNode = complianceModel ? null : (compliance as React.ReactNode);\n\n\t// The allow-list narrows the canonical order rather than replacing it, so two hosts naming the\n\t// same tabs in different orders still read the same.\n\tconst visibleTabs = tabs?.length ? TAB_ICONS.filter((tabItem) => tabs.includes(tabItem.id)) : TAB_ICONS;\n\tconst shows = (id: WorkerProfileTabId) => visibleTabs.some((tabItem) => tabItem.id === id);\n\t// A tab that is not rendered cannot be active; falling back to the first visible one beats a\n\t// panel-less widget when a host's `defaultTab` and its `tabs` disagree.\n\tconst firstVisible = visibleTabs[0]?.id ?? \"general\";\n\tconst activeDefault = shows(defaultTab) ? defaultTab : firstVisible;\n\tconst activeTab = tab === undefined || shows(tab) ? tab : firstVisible;\n\n\treturn (\n\t\t<Tabs\n\t\t\t// Controlled when `tab` is given, uncontrolled otherwise — Radix rejects both at once.\n\t\t\t{...(activeTab === undefined ? {defaultValue: activeDefault} : {value: activeTab})}\n\t\t\tonValueChange={onTabChange ? (value) => onTabChange(value as WorkerProfileTabId) : undefined}\n\t\t\tclassName={cn(\"wwc:flex wwc:flex-1 wwc:flex-col wwc:overflow-hidden\", className)}\n\t\t>\n\t\t\t{identity ? <IdentityRegion identity={identity} /> : null}\n\n\t\t\t<div className=\"wwc:shrink-0 wwc:px-4 wwc:py-2\">\n\t\t\t\t<TabsList>\n\t\t\t\t\t{/* Icon-only triggers, so the tab name lives in a hover/focus tooltip. */}\n\t\t\t\t\t{visibleTabs.map((tabItem) => {\n\t\t\t\t\t\tconst label = tabLabel(tabItem.id, text);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HoverTooltip key={tabItem.id} content={label}>\n\t\t\t\t\t\t\t\t<TabsTrigger value={tabItem.id} aria-label={label}>\n\t\t\t\t\t\t\t\t\t<tabItem.icon className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</TabsList>\n\t\t\t</div>\n\n\t\t\t{shows(\"general\") && (\n\t\t\t\t<TabsContent value=\"general\" className=\"wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4\">\n\t\t\t\t\t<TabBody title={tabLabel(\"general\", text)}>\n\t\t\t\t\t\t<TabSlot tab=\"general\" state={tabStates?.general} text={text}>\n\t\t\t\t\t\t\t{generalGroups.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyText tab=\"general\" text={text} />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"wwc:space-y-2.5\">\n\t\t\t\t\t\t\t\t\t{generalGroups.map((group, index) => (\n\t\t\t\t\t\t\t\t\t\t<div key={group.id ?? index} className=\"wwc:space-y-2.5\">\n\t\t\t\t\t\t\t\t\t\t\t{index > 0 && <Separator />}\n\t\t\t\t\t\t\t\t\t\t\t{group.fields.map((field) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<FieldRow key={field.label} field={field} />\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TabSlot>\n\t\t\t\t\t</TabBody>\n\t\t\t\t</TabsContent>\n\t\t\t)}\n\n\t\t\t{shows(\"certificates\") && (\n\t\t\t\t<TabsContent value=\"certificates\" className=\"wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4\">\n\t\t\t\t\t<TabBody title={tabLabel(\"certificates\", text)} actions={certificatesActions}>\n\t\t\t\t\t\t<TabSlot tab=\"certificates\" state={tabStates?.certificates} text={text}>\n\t\t\t\t\t\t\t{!certificates || certificates.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyText tab=\"certificates\" text={text} />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"wwc:space-y-4\">\n\t\t\t\t\t\t\t\t\t{certificates.map((certificate) => (\n\t\t\t\t\t\t\t\t\t\t<CertificateBlock\n\t\t\t\t\t\t\t\t\t\t\tkey={certificate.id}\n\t\t\t\t\t\t\t\t\t\t\tcertificate={certificate}\n\t\t\t\t\t\t\t\t\t\t\tonDocumentClick={onCertificateDocumentClick}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TabSlot>\n\t\t\t\t\t</TabBody>\n\t\t\t\t</TabsContent>\n\t\t\t)}\n\n\t\t\t{shows(\"compliance\") && (\n\t\t\t\t<TabsContent value=\"compliance\" className=\"wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4\">\n\t\t\t\t\t<TabBody title={tabLabel(\"compliance\", text)}>\n\t\t\t\t\t\t<TabSlot tab=\"compliance\" state={tabStates?.compliance} text={text}>\n\t\t\t\t\t\t\t{complianceModel ? (\n\t\t\t\t\t\t\t\tcomplianceModel.items.length === 0 && !complianceModel.footer ? (\n\t\t\t\t\t\t\t\t\t<EmptyText tab=\"compliance\" text={text} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<ComplianceBody compliance={complianceModel} onDocumentClick={onComplianceDocumentClick} />\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t(complianceNode ?? <EmptyText tab=\"compliance\" text={text} />)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TabSlot>\n\t\t\t\t\t</TabBody>\n\t\t\t\t</TabsContent>\n\t\t\t)}\n\n\t\t\t{shows(\"trainings\") && (\n\t\t\t\t<TabsContent value=\"trainings\" className=\"wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4\">\n\t\t\t\t\t<TabBody title={tabLabel(\"trainings\", text)}>\n\t\t\t\t\t\t<TabSlot tab=\"trainings\" state={tabStates?.trainings} text={text}>\n\t\t\t\t\t\t\t{trainings ?? <EmptyText tab=\"trainings\" text={text} />}\n\t\t\t\t\t\t</TabSlot>\n\t\t\t\t\t</TabBody>\n\t\t\t\t</TabsContent>\n\t\t\t)}\n\n\t\t\t{shows(\"device\") && (\n\t\t\t\t<TabsContent value=\"device\" className=\"wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4\">\n\t\t\t\t\t<TabBody title={tabLabel(\"device\", text)} actions={deviceActions}>\n\t\t\t\t\t\t<TabSlot tab=\"device\" state={tabStates?.device} text={text}>\n\t\t\t\t\t\t\t{!device || device.length === 0 ? (\n\t\t\t\t\t\t\t\t<EmptyText tab=\"device\" text={text} />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"wwc:space-y-2.5\">\n\t\t\t\t\t\t\t\t\t{device.map((field) => (\n\t\t\t\t\t\t\t\t\t\t<FieldRow key={field.label} field={field} />\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TabSlot>\n\t\t\t\t\t</TabBody>\n\t\t\t\t</TabsContent>\n\t\t\t)}\n\n\t\t\t{shows(\"crew\") && (\n\t\t\t\t<TabsContent value=\"crew\" className=\"wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4\">\n\t\t\t\t\t<TabBody title={tabLabel(\"crew\", text)}>\n\t\t\t\t\t\t<TabSlot tab=\"crew\" state={tabStates?.crew} text={text}>\n\t\t\t\t\t\t\t{crew ?? <EmptyText tab=\"crew\" text={text} />}\n\t\t\t\t\t\t</TabSlot>\n\t\t\t\t\t</TabBody>\n\t\t\t\t</TabsContent>\n\t\t\t)}\n\n\t\t\t{shows(\"visits\") && (\n\t\t\t\t<TabsContent value=\"visits\" className=\"wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4\">\n\t\t\t\t\t<TabBody title={tabLabel(\"visits\", text)}>\n\t\t\t\t\t\t<TabSlot tab=\"visits\" state={tabStates?.visits} text={text}>\n\t\t\t\t\t\t\t{visits ?? <EmptyText tab=\"visits\" text={text} />}\n\t\t\t\t\t\t</TabSlot>\n\t\t\t\t\t</TabBody>\n\t\t\t\t</TabsContent>\n\t\t\t)}\n\t\t</Tabs>\n\t);\n}\n"],"mappings":"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"}

package/dist/zoom-tools.d.mts

@@ -0,0 +1,29 @@
+import * as React from "react";
+//#region src/zoom-tools.d.ts
+export interface ZoomToolsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+  /** `default` draws the bordered toolbar surface; `bare` drops it (for embedding in other chrome). */
+  variant?: "default" | "bare";
+  /** Current zoom level as a multiplier (1 = 100%). */
+  zoomLevel?: number;
+  /** Minimum allowed zoom level. */
+  minZoom?: number;
+  /** Maximum allowed zoom level. */
+  maxZoom?: number;
+  /** Label rendered on the fit-to-view button. */
+  fitLabel?: string;
+  /** Override the auto-derived canZoomIn flag. */
+  canZoomIn?: boolean;
+  /** Override the auto-derived canZoomOut flag. */
+  canZoomOut?: boolean;
+  /** Hide the editable zoom percentage shown between the zoom buttons. Defaults to shown. */
+  showPercentage?: boolean;
+  onZoomIn?: () => void;
+  onZoomOut?: () => void;
+  onFit?: () => void;
+  /** Called with the new zoom level (multiplier) when the user types a percentage and commits it. */
+  onZoomChange?: (zoomLevel: number) => void;
+}
+declare const ZoomTools: React.ForwardRefExoticComponent<ZoomToolsProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ZoomTools };
+//# sourceMappingURL=zoom-tools.d.mts.map

package/dist/zoom-tools.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-tools.d.mts","names":[],"sources":["../src/zoom-tools.tsx"],"mappings":";;iBAMiB,uBAAuB,KAAK,MAAM,eAAe;;EAEjE;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;EACA;EACA;EACA;;EAEA,gBAAgB;;cA0DX,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA"}

package/dist/zoom-tools.mjs

@@ -0,0 +1,94 @@
+import { Toolbar, ToolbarButton } from "./toolbar.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ZoomIn, ZoomOut } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/zoom-tools.tsx
+/** Editable, container-less percentage readout. Type a value and press Enter (or blur) to apply. */
+function ZoomPercentInput({ zoomLevel, minZoom, maxZoom, onZoomChange }) {
+	const percent = Math.round(zoomLevel * 100);
+	const [draft, setDraft] = React.useState(null);
+	const display = draft ?? String(percent);
+	const commit = () => {
+		if (draft === null) return;
+		const next = Number.parseInt(draft, 10);
+		setDraft(null);
+		if (!Number.isNaN(next) && onZoomChange) onZoomChange(Math.min(maxZoom, Math.max(minZoom, next / 100)));
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:inline-flex wwc:min-w-11 wwc:items-center wwc:justify-center wwc:text-sm wwc:font-medium wwc:tabular-nums",
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "text",
+			inputMode: "numeric",
+			"aria-label": "Zoom percentage",
+			value: display,
+			readOnly: !onZoomChange,
+			onChange: (e) => setDraft(e.target.value.replace(/[^0-9]/g, "").slice(0, 4)),
+			onFocus: (e) => {
+				setDraft(String(percent));
+				e.currentTarget.select();
+			},
+			onBlur: commit,
+			onKeyDown: (e) => {
+				if (e.key === "Enter") {
+					commit();
+					e.currentTarget.blur();
+				} else if (e.key === "Escape") {
+					setDraft(null);
+					e.currentTarget.blur();
+				}
+			},
+			className: "wwc:w-9 wwc:bg-transparent wwc:text-right wwc:tabular-nums wwc:outline-none wwc:focus-visible:underline"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "wwc:select-none",
+			children: "%"
+		})]
+	});
+}
+const ZoomTools = React.forwardRef(({ className, variant = "default", zoomLevel = 1, minZoom = .1, maxZoom = 10, fitLabel = "Fit", canZoomIn, canZoomOut, showPercentage = true, onZoomIn, onZoomOut, onFit, onZoomChange, ...rest }, ref) => {
+	const zoomInEnabled = canZoomIn ?? zoomLevel < maxZoom;
+	const zoomOutEnabled = canZoomOut ?? zoomLevel > minZoom;
+	return /* @__PURE__ */ jsxs(Toolbar, {
+		ref,
+		variant,
+		"aria-label": "Zoom tools",
+		className: cn("wwc:gap-0.5", className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				icon: true,
+				onClick: onZoomOut,
+				disabled: !zoomOutEnabled,
+				label: "Zoom out",
+				children: /* @__PURE__ */ jsx(ZoomOut, { className: "wwc:h-4 wwc:w-4" })
+			}),
+			showPercentage && /* @__PURE__ */ jsx(ZoomPercentInput, {
+				zoomLevel,
+				minZoom,
+				maxZoom,
+				onZoomChange
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				icon: true,
+				onClick: onZoomIn,
+				disabled: !zoomInEnabled,
+				label: "Zoom in",
+				children: /* @__PURE__ */ jsx(ZoomIn, { className: "wwc:h-4 wwc:w-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				onClick: onFit,
+				label: "Fit to view",
+				className: "wwc:h-9 wwc:px-2 wwc:text-muted-foreground wwc:hover:text-foreground",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "wwc:text-sm wwc:font-medium",
+					children: fitLabel
+				})
+			})
+		]
+	});
+});
+ZoomTools.displayName = "ZoomTools";
+//#endregion
+export { ZoomTools };
+
+//# sourceMappingURL=zoom-tools.mjs.map

package/dist/zoom-tools.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-tools.mjs","names":[],"sources":["../src/zoom-tools.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ZoomIn, ZoomOut} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Toolbar, ToolbarButton} from \"./toolbar\";\n\nexport interface ZoomToolsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n\t/** `default` draws the bordered toolbar surface; `bare` drops it (for embedding in other chrome). */\n\tvariant?: \"default\" | \"bare\";\n\t/** Current zoom level as a multiplier (1 = 100%). */\n\tzoomLevel?: number;\n\t/** Minimum allowed zoom level. */\n\tminZoom?: number;\n\t/** Maximum allowed zoom level. */\n\tmaxZoom?: number;\n\t/** Label rendered on the fit-to-view button. */\n\tfitLabel?: string;\n\t/** Override the auto-derived canZoomIn flag. */\n\tcanZoomIn?: boolean;\n\t/** Override the auto-derived canZoomOut flag. */\n\tcanZoomOut?: boolean;\n\t/** Hide the editable zoom percentage shown between the zoom buttons. Defaults to shown. */\n\tshowPercentage?: boolean;\n\tonZoomIn?: () => void;\n\tonZoomOut?: () => void;\n\tonFit?: () => void;\n\t/** Called with the new zoom level (multiplier) when the user types a percentage and commits it. */\n\tonZoomChange?: (zoomLevel: number) => void;\n}\n\n/** Editable, container-less percentage readout. Type a value and press Enter (or blur) to apply. */\nfunction ZoomPercentInput({\n\tzoomLevel,\n\tminZoom,\n\tmaxZoom,\n\tonZoomChange,\n}: {\n\tzoomLevel: number;\n\tminZoom: number;\n\tmaxZoom: number;\n\tonZoomChange?: (zoomLevel: number) => void;\n}) {\n\tconst percent = Math.round(zoomLevel * 100);\n\tconst [draft, setDraft] = React.useState<string | null>(null);\n\tconst display = draft ?? String(percent);\n\n\tconst commit = () => {\n\t\tif (draft === null) return;\n\t\tconst next = Number.parseInt(draft, 10);\n\t\tsetDraft(null);\n\t\tif (!Number.isNaN(next) && onZoomChange) {\n\t\t\tonZoomChange(Math.min(maxZoom, Math.max(minZoom, next / 100)));\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"wwc:inline-flex wwc:min-w-11 wwc:items-center wwc:justify-center wwc:text-sm wwc:font-medium wwc:tabular-nums\">\n\t\t\t<input\n\t\t\t\ttype=\"text\"\n\t\t\t\tinputMode=\"numeric\"\n\t\t\t\taria-label=\"Zoom percentage\"\n\t\t\t\tvalue={display}\n\t\t\t\treadOnly={!onZoomChange}\n\t\t\t\tonChange={(e) => setDraft(e.target.value.replace(/[^0-9]/g, \"\").slice(0, 4))}\n\t\t\t\tonFocus={(e) => {\n\t\t\t\t\tsetDraft(String(percent));\n\t\t\t\t\te.currentTarget.select();\n\t\t\t\t}}\n\t\t\t\tonBlur={commit}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\tcommit();\n\t\t\t\t\t\te.currentTarget.blur();\n\t\t\t\t\t} else if (e.key === \"Escape\") {\n\t\t\t\t\t\tsetDraft(null);\n\t\t\t\t\t\te.currentTarget.blur();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName=\"wwc:w-9 wwc:bg-transparent wwc:text-right wwc:tabular-nums wwc:outline-none wwc:focus-visible:underline\"\n\t\t\t/>\n\t\t\t<span className=\"wwc:select-none\">%</span>\n\t\t</div>\n\t);\n}\n\nconst ZoomTools = React.forwardRef<HTMLDivElement, ZoomToolsProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvariant = \"default\",\n\t\t\tzoomLevel = 1,\n\t\t\tminZoom = 0.1,\n\t\t\tmaxZoom = 10,\n\t\t\tfitLabel = \"Fit\",\n\t\t\tcanZoomIn,\n\t\t\tcanZoomOut,\n\t\t\tshowPercentage = true,\n\t\t\tonZoomIn,\n\t\t\tonZoomOut,\n\t\t\tonFit,\n\t\t\tonZoomChange,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst zoomInEnabled = canZoomIn ?? zoomLevel < maxZoom;\n\t\tconst zoomOutEnabled = canZoomOut ?? zoomLevel > minZoom;\n\n\t\t// One unified control: zoom out · percentage · zoom in · fit — no separators or boxed buttons.\n\t\treturn (\n\t\t\t<Toolbar ref={ref} variant={variant} aria-label=\"Zoom tools\" className={cn(\"wwc:gap-0.5\", className)} {...rest}>\n\t\t\t\t<ToolbarButton icon onClick={onZoomOut} disabled={!zoomOutEnabled} label=\"Zoom out\">\n\t\t\t\t\t<ZoomOut className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t</ToolbarButton>\n\n\t\t\t\t{showPercentage && (\n\t\t\t\t\t<ZoomPercentInput zoomLevel={zoomLevel} minZoom={minZoom} maxZoom={maxZoom} onZoomChange={onZoomChange} />\n\t\t\t\t)}\n\n\t\t\t\t<ToolbarButton icon onClick={onZoomIn} disabled={!zoomInEnabled} label=\"Zoom in\">\n\t\t\t\t\t<ZoomIn className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t</ToolbarButton>\n\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tonClick={onFit}\n\t\t\t\t\tlabel=\"Fit to view\"\n\t\t\t\t\tclassName=\"wwc:h-9 wwc:px-2 wwc:text-muted-foreground wwc:hover:text-foreground\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"wwc:text-sm wwc:font-medium\">{fitLabel}</span>\n\t\t\t\t</ToolbarButton>\n\t\t\t</Toolbar>\n\t\t);\n\t},\n);\nZoomTools.displayName = \"ZoomTools\";\n\nexport {ZoomTools};\n"],"mappings":";;;;;;;AA+BA,SAAS,iBAAiB,EACzB,WACA,SACA,SACA,gBAME;CACF,MAAM,UAAU,KAAK,MAAM,YAAY,GAAG;CAC1C,MAAM,CAAC,OAAO,YAAY,MAAM,SAAwB,IAAI;CAC5D,MAAM,UAAU,SAAS,OAAO,OAAO;CAEvC,MAAM,eAAe;EACpB,IAAI,UAAU,MAAM;EACpB,MAAM,OAAO,OAAO,SAAS,OAAO,EAAE;EACtC,SAAS,IAAI;EACb,IAAI,CAAC,OAAO,MAAM,IAAI,KAAK,cAC1B,aAAa,KAAK,IAAI,SAAS,KAAK,IAAI,SAAS,OAAO,GAAG,CAAC,CAAC;CAE/D;CAEA,OACC,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACC,oBAAC,SAAD;GACC,MAAK;GACL,WAAU;GACV,cAAW;GACX,OAAO;GACP,UAAU,CAAC;GACX,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM,QAAQ,WAAW,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;GAC3E,UAAU,MAAM;IACf,SAAS,OAAO,OAAO,CAAC;IACxB,EAAE,cAAc,OAAO;GACxB;GACA,QAAQ;GACR,YAAY,MAAM;IACjB,IAAI,EAAE,QAAQ,SAAS;KACtB,OAAO;KACP,EAAE,cAAc,KAAK;IACtB,OAAO,IAAI,EAAE,QAAQ,UAAU;KAC9B,SAAS,IAAI;KACb,EAAE,cAAc,KAAK;IACtB;GACD;GACA,WAAU;EACV,CAAA,GACD,oBAAC,QAAD;GAAM,WAAU;GAAkB,UAAA;EAAO,CAAA,CACrC;;AAEP;AAEA,MAAM,YAAY,MAAM,YAEtB,EACC,WACA,UAAU,WACV,YAAY,GACZ,UAAU,IACV,UAAU,IACV,WAAW,OACX,WACA,YACA,iBAAiB,MACjB,UACA,WACA,OACA,cACA,GAAG,QAEJ,QACI;CACJ,MAAM,gBAAgB,aAAa,YAAY;CAC/C,MAAM,iBAAiB,cAAc,YAAY;CAGjD,OACC,qBAAC,SAAD;EAAc;EAAc;EAAS,cAAW;EAAa,WAAW,GAAG,eAAe,SAAS;EAAG,GAAI;EAA1G,UAAA;GACC,oBAAC,eAAD;IAAe,MAAA;IAAK,SAAS;IAAW,UAAU,CAAC;IAAgB,OAAM;IACxE,UAAA,oBAAC,SAAD,EAAS,WAAU,kBAAmB,CAAA;GACxB,CAAA;GAEd,kBACA,oBAAC,kBAAD;IAA6B;IAAoB;IAAkB;IAAuB;GAAe,CAAA;GAG1G,oBAAC,eAAD;IAAe,MAAA;IAAK,SAAS;IAAU,UAAU,CAAC;IAAe,OAAM;IACtE,UAAA,oBAAC,QAAD,EAAQ,WAAU,kBAAmB,CAAA;GACvB,CAAA;GAEf,oBAAC,eAAD;IACC,SAAS;IACT,OAAM;IACN,WAAU;IAEV,UAAA,oBAAC,QAAD;KAAM,WAAU;KAA+B,UAAA;IAAe,CAAA;GAChD,CAAA;EACP;;AAEX,CACD;AACA,UAAU,cAAc"}