@arbidocs/blocks 0.5.119 → 0.5.121

package/dist/collaboration/index.cjs

@@ -2,10 +2,10 @@
 'use strict';
 
 var chunkVZKTOGZR_cjs = require('../chunk-VZKTOGZR.cjs');
-var chunkEOG6OT5I_cjs = require('../chunk-EOG6OT5I.cjs');
+var chunkTXP2N3DC_cjs = require('../chunk-TXP2N3DC.cjs');
 require('../chunk-7G2LJMUG.cjs');
-var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
-require('../chunk-E7TE2WVT.cjs');
+var chunkTG2GM7WJ_cjs = require('../chunk-TG2GM7WJ.cjs');
+require('../chunk-ZVEW3JBT.cjs');
 var chunkMOIZ2R5X_cjs = require('../chunk-MOIZ2R5X.cjs');
 require('../chunk-ULWRNGGE.cjs');
 require('../chunk-PLIF5CUV.cjs');
@@ -34,283 +34,283 @@ Object.defineProperty(exports, "vCardFilename", {
 });
 Object.defineProperty(exports, "ActionMenu", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.ActionMenu; }
+  get: function () { return chunkTXP2N3DC_cjs.ActionMenu; }
 });
 Object.defineProperty(exports, "AddContactsForm", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.AddContactsForm; }
+  get: function () { return chunkTXP2N3DC_cjs.AddContactsForm; }
 });
 Object.defineProperty(exports, "AddContactsResults", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.AddContactsResults; }
+  get: function () { return chunkTXP2N3DC_cjs.AddContactsResults; }
 });
 Object.defineProperty(exports, "DEFAULT_ADD_CONTACTS_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_ADD_CONTACTS_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_ADD_CONTACTS_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONTACT_INVITE_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_CONTACT_INVITE_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_CONTACT_INVITE_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONTACT_OUTCOME_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_CONTACT_OUTCOME_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_CONTACT_OUTCOME_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_DM_ACCESS_REQUEST_BANNER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_DM_GRANT_ACCESS_DIALOG_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_THREAD_FRAME_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_DM_THREAD_FRAME_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_DM_THREAD_FRAME_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_MAIL_FOLDER_TREE_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_MAIL_FOLDER_TREE_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_MAIL_FOLDER_TREE_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_RECIPIENT_PICKER_LABELS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DEFAULT_RECIPIENT_PICKER_LABELS; }
+  get: function () { return chunkTXP2N3DC_cjs.DEFAULT_RECIPIENT_PICKER_LABELS; }
 });
 Object.defineProperty(exports, "DmAccessRequestBanner", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DmAccessRequestBanner; }
+  get: function () { return chunkTXP2N3DC_cjs.DmAccessRequestBanner; }
 });
 Object.defineProperty(exports, "DmGrantAccessDialogView", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DmGrantAccessDialogView; }
+  get: function () { return chunkTXP2N3DC_cjs.DmGrantAccessDialogView; }
 });
 Object.defineProperty(exports, "DmInviteAvatar", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DmInviteAvatar; }
+  get: function () { return chunkTXP2N3DC_cjs.DmInviteAvatar; }
 });
 Object.defineProperty(exports, "DmThreadFrame", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.DmThreadFrame; }
+  get: function () { return chunkTXP2N3DC_cjs.DmThreadFrame; }
 });
 Object.defineProperty(exports, "EMPTY_CONTACT_FORM", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.EMPTY_CONTACT_FORM; }
+  get: function () { return chunkTXP2N3DC_cjs.EMPTY_CONTACT_FORM; }
 });
 Object.defineProperty(exports, "MAX_INVITE_EMAILS", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MAX_INVITE_EMAILS; }
+  get: function () { return chunkTXP2N3DC_cjs.MAX_INVITE_EMAILS; }
 });
 Object.defineProperty(exports, "MailActionBar", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailActionBar; }
+  get: function () { return chunkTXP2N3DC_cjs.MailActionBar; }
 });
 Object.defineProperty(exports, "MailConversationView", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailConversationView; }
+  get: function () { return chunkTXP2N3DC_cjs.MailConversationView; }
 });
 Object.defineProperty(exports, "MailDeliveryBadge", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailDeliveryBadge; }
+  get: function () { return chunkTXP2N3DC_cjs.MailDeliveryBadge; }
 });
 Object.defineProperty(exports, "MailDeliveryList", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailDeliveryList; }
+  get: function () { return chunkTXP2N3DC_cjs.MailDeliveryList; }
 });
 Object.defineProperty(exports, "MailDocumentPicker", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailDocumentPicker; }
+  get: function () { return chunkTXP2N3DC_cjs.MailDocumentPicker; }
 });
 Object.defineProperty(exports, "MailFlagButton", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailFlagButton; }
+  get: function () { return chunkTXP2N3DC_cjs.MailFlagButton; }
 });
 Object.defineProperty(exports, "MailFolderTree", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailFolderTree; }
+  get: function () { return chunkTXP2N3DC_cjs.MailFolderTree; }
 });
 Object.defineProperty(exports, "MailGrid", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailGrid; }
+  get: function () { return chunkTXP2N3DC_cjs.MailGrid; }
 });
 Object.defineProperty(exports, "MailMessageContent", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailMessageContent; }
+  get: function () { return chunkTXP2N3DC_cjs.MailMessageContent; }
 });
 Object.defineProperty(exports, "MailMessagePreview", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailMessagePreview; }
+  get: function () { return chunkTXP2N3DC_cjs.MailMessagePreview; }
 });
 Object.defineProperty(exports, "MailMessageView", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MailMessageView; }
+  get: function () { return chunkTXP2N3DC_cjs.MailMessageView; }
 });
 Object.defineProperty(exports, "MemberBulkActions", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MemberBulkActions; }
+  get: function () { return chunkTXP2N3DC_cjs.MemberBulkActions; }
 });
 Object.defineProperty(exports, "MemberListLoading", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MemberListLoading; }
+  get: function () { return chunkTXP2N3DC_cjs.MemberListLoading; }
 });
 Object.defineProperty(exports, "MemberMutedText", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MemberMutedText; }
+  get: function () { return chunkTXP2N3DC_cjs.MemberMutedText; }
 });
 Object.defineProperty(exports, "MemberNameCell", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MemberNameCell; }
+  get: function () { return chunkTXP2N3DC_cjs.MemberNameCell; }
 });
 Object.defineProperty(exports, "MemberRoleCell", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.MemberRoleCell; }
+  get: function () { return chunkTXP2N3DC_cjs.MemberRoleCell; }
 });
 Object.defineProperty(exports, "NEEDS_CONNECTION", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.NEEDS_CONNECTION; }
+  get: function () { return chunkTXP2N3DC_cjs.NEEDS_CONNECTION; }
 });
 Object.defineProperty(exports, "PlainMailBodyEditor", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.PlainMailBodyEditor; }
+  get: function () { return chunkTXP2N3DC_cjs.PlainMailBodyEditor; }
 });
 Object.defineProperty(exports, "RecipientPicker", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.RecipientPicker; }
+  get: function () { return chunkTXP2N3DC_cjs.RecipientPicker; }
 });
 Object.defineProperty(exports, "RoleSelect", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.RoleSelect; }
+  get: function () { return chunkTXP2N3DC_cjs.RoleSelect; }
 });
 Object.defineProperty(exports, "applyContactInviteResults", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.applyContactInviteResults; }
+  get: function () { return chunkTXP2N3DC_cjs.applyContactInviteResults; }
 });
 Object.defineProperty(exports, "buildMailFolderTree", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.buildMailFolderTree; }
+  get: function () { return chunkTXP2N3DC_cjs.buildMailFolderTree; }
 });
 Object.defineProperty(exports, "contactName", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.contactName; }
+  get: function () { return chunkTXP2N3DC_cjs.contactName; }
 });
 Object.defineProperty(exports, "contactOutcomeMessage", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.contactOutcomeMessage; }
+  get: function () { return chunkTXP2N3DC_cjs.contactOutcomeMessage; }
 });
 Object.defineProperty(exports, "contactStatusLabel", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.contactStatusLabel; }
+  get: function () { return chunkTXP2N3DC_cjs.contactStatusLabel; }
 });
 Object.defineProperty(exports, "contactToForm", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.contactToForm; }
+  get: function () { return chunkTXP2N3DC_cjs.contactToForm; }
 });
 Object.defineProperty(exports, "descendantFolderIds", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.descendantFolderIds; }
+  get: function () { return chunkTXP2N3DC_cjs.descendantFolderIds; }
 });
 Object.defineProperty(exports, "draftMailCompose", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.draftMailCompose; }
+  get: function () { return chunkTXP2N3DC_cjs.draftMailCompose; }
 });
 Object.defineProperty(exports, "emailTokens", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.emailTokens; }
+  get: function () { return chunkTXP2N3DC_cjs.emailTokens; }
 });
 Object.defineProperty(exports, "emptyMailCompose", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.emptyMailCompose; }
+  get: function () { return chunkTXP2N3DC_cjs.emptyMailCompose; }
 });
 Object.defineProperty(exports, "failContactInvites", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.failContactInvites; }
+  get: function () { return chunkTXP2N3DC_cjs.failContactInvites; }
 });
 Object.defineProperty(exports, "formToContactCard", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.formToContactCard; }
+  get: function () { return chunkTXP2N3DC_cjs.formToContactCard; }
 });
 Object.defineProperty(exports, "hasCalendarPart", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.hasCalendarPart; }
+  get: function () { return chunkTXP2N3DC_cjs.hasCalendarPart; }
 });
 Object.defineProperty(exports, "inviteEmail", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.inviteEmail; }
+  get: function () { return chunkTXP2N3DC_cjs.inviteEmail; }
 });
 Object.defineProperty(exports, "isInboxFolder", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.isInboxFolder; }
+  get: function () { return chunkTXP2N3DC_cjs.isInboxFolder; }
 });
 Object.defineProperty(exports, "isInvitableEmail", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.isInvitableEmail; }
+  get: function () { return chunkTXP2N3DC_cjs.isInvitableEmail; }
 });
 Object.defineProperty(exports, "mailAddressLabel", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.mailAddressLabel; }
+  get: function () { return chunkTXP2N3DC_cjs.mailAddressLabel; }
 });
 Object.defineProperty(exports, "matchesContact", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.matchesContact; }
+  get: function () { return chunkTXP2N3DC_cjs.matchesContact; }
 });
 Object.defineProperty(exports, "normalizeVCardDate", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.normalizeVCardDate; }
+  get: function () { return chunkTXP2N3DC_cjs.normalizeVCardDate; }
 });
 Object.defineProperty(exports, "parseEmails", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.parseEmails; }
+  get: function () { return chunkTXP2N3DC_cjs.parseEmails; }
 });
 Object.defineProperty(exports, "parseMailRecipients", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.parseMailRecipients; }
+  get: function () { return chunkTXP2N3DC_cjs.parseMailRecipients; }
 });
 Object.defineProperty(exports, "planContactInvites", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.planContactInvites; }
+  get: function () { return chunkTXP2N3DC_cjs.planContactInvites; }
 });
 Object.defineProperty(exports, "primaryEmail", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.primaryEmail; }
+  get: function () { return chunkTXP2N3DC_cjs.primaryEmail; }
 });
 Object.defineProperty(exports, "replyMailCompose", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.replyMailCompose; }
+  get: function () { return chunkTXP2N3DC_cjs.replyMailCompose; }
 });
 Object.defineProperty(exports, "summarizeContactInvites", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.summarizeContactInvites; }
+  get: function () { return chunkTXP2N3DC_cjs.summarizeContactInvites; }
 });
 Object.defineProperty(exports, "summarizeImport", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.summarizeImport; }
+  get: function () { return chunkTXP2N3DC_cjs.summarizeImport; }
 });
 Object.defineProperty(exports, "summarizeUnsentInvites", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.summarizeUnsentInvites; }
+  get: function () { return chunkTXP2N3DC_cjs.summarizeUnsentInvites; }
 });
 Object.defineProperty(exports, "toAddContactsRow", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.toAddContactsRow; }
+  get: function () { return chunkTXP2N3DC_cjs.toAddContactsRow; }
 });
 Object.defineProperty(exports, "toAddContactsRows", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.toAddContactsRows; }
+  get: function () { return chunkTXP2N3DC_cjs.toAddContactsRows; }
 });
 Object.defineProperty(exports, "toggleMailFolder", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.toggleMailFolder; }
+  get: function () { return chunkTXP2N3DC_cjs.toggleMailFolder; }
 });
 Object.defineProperty(exports, "validateContactForm", {
   enumerable: true,
-  get: function () { return chunkEOG6OT5I_cjs.validateContactForm; }
+  get: function () { return chunkTXP2N3DC_cjs.validateContactForm; }
 });
 Object.defineProperty(exports, "DEFAULT_SHARE_CONTROL_LABELS", {
   enumerable: true,
-  get: function () { return chunkVLCY46K6_cjs.DEFAULT_SHARE_CONTROL_LABELS; }
+  get: function () { return chunkTG2GM7WJ_cjs.DEFAULT_SHARE_CONTROL_LABELS; }
 });
 Object.defineProperty(exports, "ShareControl", {
   enumerable: true,
-  get: function () { return chunkVLCY46K6_cjs.ShareControl; }
+  get: function () { return chunkTG2GM7WJ_cjs.ShareControl; }
 });
 Object.defineProperty(exports, "DEFAULT_DM_INVITE_CHIP_LABELS", {
   enumerable: true,

package/dist/collaboration/sharing/ShareControl.js

@@ -1,7 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Share2 } from "lucide-react";
-import { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from "@arbidocs/react/ui";
+import {
+  Button,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  cn,
+  SharingEntity
+} from "@arbidocs/react/ui";
 const DEFAULT_SHARE_CONTROL_LABELS = {
   share: "Share",
   shared: "Shared",
@@ -57,7 +64,8 @@ function ShareControl({
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx("span", { className: "inline-flex", children: button }) }),
           /* @__PURE__ */ jsx(TooltipContent, { children: tooltipText })
         ] }) : button,
-        showState && /* @__PURE__ */ jsx(
+        showState && state !== "mixed" && /* @__PURE__ */ jsx(SharingEntity, { shared: state === "shared", "data-testid": stateTestId }),
+        showState && state === "mixed" && /* @__PURE__ */ jsx(
           "span",
           {
             "data-slot": "share-state",

package/dist/collaboration/sharing/ShareControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collaboration/sharing/ShareControl.tsx"],
-  "sourcesContent": ["import { Share2 } from 'lucide-react'\nimport { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../../chat/test-id'\n\n/** Visibility of the selection: every item shared, none shared, or a mix. */\nexport type ShareState = 'shared' | 'private' | 'mixed'\n\n/** Every fixed string of the share control. Pass a partial `labels` to translate or reword. */\nexport interface ShareControlLabels {\n  share: string\n  shared: string\n  private: string\n  mixed: string\n}\n\nexport const DEFAULT_SHARE_CONTROL_LABELS: ShareControlLabels = {\n  share: 'Share',\n  shared: 'Shared',\n  private: 'Private',\n  mixed: 'Partly shared',\n}\n\nexport interface ShareControlProps {\n  state: ShareState\n  /** `true` = make visible to the workspace, `false` = make private again. */\n  onToggle: (shouldShare: boolean) => void\n  disabled?: boolean\n  /** Tooltip while disabled (why the user cannot change visibility). */\n  disabledTooltip?: string\n  /** What a click does in the current state (tooltip). Falls back to the label. */\n  tooltip?: string\n  /** `outline` for a header, `ghost` inside a floating bar. */\n  variant?: 'outline' | 'ghost'\n  /** Icon-only button (narrow headers); the accessible name stays \"Share\". */\n  compact?: boolean\n  /** Show the muted state pill (\"Shared\" / \"Private\") after the button. */\n  showState?: boolean\n  className?: string\n  labels?: Partial<ShareControlLabels>\n  /** Test id of the button (the app passes the current id). */\n  testId?: string\n  /** Test id of the state pill. */\n  stateTestId?: string\n}\n\n/**\n * Share control: an outline (or ghost) \"Share\" button that flips visibility, with the current\n * state spelled out in a muted pill. Neutral tones only: sharing is a plain state, not an AI\n * moment, so there is no accent or cyan switch that could read as \"on\" while its label reads \"off\".\n */\nexport function ShareControl({\n  state,\n  onToggle,\n  disabled = false,\n  disabledTooltip,\n  tooltip,\n  variant = 'outline',\n  compact = false,\n  showState = true,\n  className,\n  labels,\n  testId,\n  stateTestId,\n}: ShareControlProps) {\n  const l = { ...DEFAULT_SHARE_CONTROL_LABELS, ...labels }\n  const stateLabel = state === 'shared' ? l.shared : state === 'mixed' ? l.mixed : l.private\n  const tooltipText = disabled ? disabledTooltip : (tooltip ?? l.share)\n\n  const button = (\n    <Button\n      type=\"button\"\n      variant={variant}\n      size={compact ? 'icon' : 'sm'}\n      disabled={disabled}\n      aria-label={l.share}\n      aria-pressed={state === 'mixed' ? 'mixed' : state === 'shared'}\n      data-slot=\"share-button\"\n      data-testid={testId}\n      onClick={(e) => {\n        e.stopPropagation()\n        onToggle(state !== 'shared')\n      }}\n      className=\"pointer-coarse:min-h-11 pointer-coarse:min-w-11\"\n    >\n      <Share2 className=\"size-4\" />\n      {!compact && <span>{l.share}</span>}\n    </Button>\n  )\n\n  return (\n    <div\n      data-slot=\"share-control\"\n      className={cn('inline-flex shrink-0 items-center gap-2', className)}\n    >\n      {tooltipText ? (\n        <Tooltip>\n          {/* A disabled button swallows pointer events, so the tooltip hangs off a wrapper. */}\n          <TooltipTrigger asChild onFocusCapture={(e) => e.stopPropagation()}>\n            <span className=\"inline-flex\">{button}</span>\n          </TooltipTrigger>\n          <TooltipContent>{tooltipText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        button\n      )}\n      {showState && (\n        <span\n          data-slot=\"share-state\"\n          data-state={state}\n          data-testid={stateTestId}\n          className=\"inline-flex h-6 items-center rounded-full bg-muted px-2 text-xs font-medium text-muted-foreground\"\n        >\n          {stateLabel}\n        </span>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": ";AAqEI,SAeE,KAfF;AArEJ,SAAS,cAAc;AACvB,SAAS,QAAQ,SAAS,gBAAgB,gBAAgB,UAAU;AAc7D,MAAM,+BAAmD;AAAA,EAC9D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACT;AA8BO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,IAAI,EAAE,GAAG,8BAA8B,GAAG,OAAO;AACvD,QAAM,aAAa,UAAU,WAAW,EAAE,SAAS,UAAU,UAAU,EAAE,QAAQ,EAAE;AACnF,QAAM,cAAc,WAAW,kBAAmB,WAAW,EAAE;AAE/D,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,MAAM,UAAU,SAAS;AAAA,MACzB;AAAA,MACA,cAAY,EAAE;AAAA,MACd,gBAAc,UAAU,UAAU,UAAU,UAAU;AAAA,MACtD,aAAU;AAAA,MACV,eAAa;AAAA,MACb,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,iBAAS,UAAU,QAAQ;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,4BAAC,UAAO,WAAU,UAAS;AAAA,QAC1B,CAAC,WAAW,oBAAC,UAAM,YAAE,OAAM;AAAA;AAAA;AAAA,EAC9B;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,MAEjE;AAAA,sBACC,qBAAC,WAEC;AAAA,8BAAC,kBAAe,SAAO,MAAC,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAC/D,8BAAC,UAAK,WAAU,eAAe,kBAAO,GACxC;AAAA,UACA,oBAAC,kBAAgB,uBAAY;AAAA,WAC/B,IAEA;AAAA,QAED,aACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,cAAY;AAAA,YACZ,eAAa;AAAA,YACb,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import { Share2 } from 'lucide-react'\nimport {\n  Button,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n  cn,\n  SharingEntity,\n} from '@arbidocs/react/ui'\nimport { testIdOr } from '../../chat/test-id'\n\n/** Visibility of the selection: every item shared, none shared, or a mix. */\nexport type ShareState = 'shared' | 'private' | 'mixed'\n\n/** Every fixed string of the share control. Pass a partial `labels` to translate or reword. */\nexport interface ShareControlLabels {\n  share: string\n  shared: string\n  private: string\n  mixed: string\n}\n\nexport const DEFAULT_SHARE_CONTROL_LABELS: ShareControlLabels = {\n  share: 'Share',\n  shared: 'Shared',\n  private: 'Private',\n  mixed: 'Partly shared',\n}\n\nexport interface ShareControlProps {\n  state: ShareState\n  /** `true` = make visible to the workspace, `false` = make private again. */\n  onToggle: (shouldShare: boolean) => void\n  disabled?: boolean\n  /** Tooltip while disabled (why the user cannot change visibility). */\n  disabledTooltip?: string\n  /** What a click does in the current state (tooltip). Falls back to the label. */\n  tooltip?: string\n  /** `outline` for a header, `ghost` inside a floating bar. */\n  variant?: 'outline' | 'ghost'\n  /** Icon-only button (narrow headers); the accessible name stays \"Share\". */\n  compact?: boolean\n  /** Show the muted state pill (\"Shared\" / \"Private\") after the button. */\n  showState?: boolean\n  className?: string\n  labels?: Partial<ShareControlLabels>\n  /** Test id of the button (the app passes the current id). */\n  testId?: string\n  /** Test id of the state pill. */\n  stateTestId?: string\n}\n\n/**\n * Share control: an outline (or ghost) \"Share\" button that flips visibility, with the current\n * state spelled out in a muted pill. Neutral tones only: sharing is a plain state, not an AI\n * moment, so there is no accent or cyan switch that could read as \"on\" while its label reads \"off\".\n */\nexport function ShareControl({\n  state,\n  onToggle,\n  disabled = false,\n  disabledTooltip,\n  tooltip,\n  variant = 'outline',\n  compact = false,\n  showState = true,\n  className,\n  labels,\n  testId,\n  stateTestId,\n}: ShareControlProps) {\n  const l = { ...DEFAULT_SHARE_CONTROL_LABELS, ...labels }\n  const stateLabel = state === 'shared' ? l.shared : state === 'mixed' ? l.mixed : l.private\n  const tooltipText = disabled ? disabledTooltip : (tooltip ?? l.share)\n\n  const button = (\n    <Button\n      type=\"button\"\n      variant={variant}\n      size={compact ? 'icon' : 'sm'}\n      disabled={disabled}\n      aria-label={l.share}\n      aria-pressed={state === 'mixed' ? 'mixed' : state === 'shared'}\n      data-slot=\"share-button\"\n      data-testid={testId}\n      onClick={(e) => {\n        e.stopPropagation()\n        onToggle(state !== 'shared')\n      }}\n      className=\"pointer-coarse:min-h-11 pointer-coarse:min-w-11\"\n    >\n      <Share2 className=\"size-4\" />\n      {!compact && <span>{l.share}</span>}\n    </Button>\n  )\n\n  return (\n    <div\n      data-slot=\"share-control\"\n      className={cn('inline-flex shrink-0 items-center gap-2', className)}\n    >\n      {tooltipText ? (\n        <Tooltip>\n          {/* A disabled button swallows pointer events, so the tooltip hangs off a wrapper. */}\n          <TooltipTrigger asChild onFocusCapture={(e) => e.stopPropagation()}>\n            <span className=\"inline-flex\">{button}</span>\n          </TooltipTrigger>\n          <TooltipContent>{tooltipText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        button\n      )}\n      {showState && state !== 'mixed' && (\n        <SharingEntity shared={state === 'shared'} data-testid={stateTestId} />\n      )}\n      {showState && state === 'mixed' && (\n        <span\n          data-slot=\"share-state\"\n          data-state={state}\n          data-testid={stateTestId}\n          className=\"inline-flex h-6 items-center rounded-full bg-muted px-2 text-xs font-medium text-muted-foreground\"\n        >\n          {stateLabel}\n        </span>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA4EI,SAeE,KAfF;AA5EJ,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,MAAM,+BAAmD;AAAA,EAC9D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACT;AA8BO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,IAAI,EAAE,GAAG,8BAA8B,GAAG,OAAO;AACvD,QAAM,aAAa,UAAU,WAAW,EAAE,SAAS,UAAU,UAAU,EAAE,QAAQ,EAAE;AACnF,QAAM,cAAc,WAAW,kBAAmB,WAAW,EAAE;AAE/D,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,MAAM,UAAU,SAAS;AAAA,MACzB;AAAA,MACA,cAAY,EAAE;AAAA,MACd,gBAAc,UAAU,UAAU,UAAU,UAAU;AAAA,MACtD,aAAU;AAAA,MACV,eAAa;AAAA,MACb,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,iBAAS,UAAU,QAAQ;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,4BAAC,UAAO,WAAU,UAAS;AAAA,QAC1B,CAAC,WAAW,oBAAC,UAAM,YAAE,OAAM;AAAA;AAAA;AAAA,EAC9B;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,MAEjE;AAAA,sBACC,qBAAC,WAEC;AAAA,8BAAC,kBAAe,SAAO,MAAC,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAC/D,8BAAC,UAAK,WAAU,eAAe,kBAAO,GACxC;AAAA,UACA,oBAAC,kBAAgB,uBAAY;AAAA,WAC/B,IAEA;AAAA,QAED,aAAa,UAAU,WACtB,oBAAC,iBAAc,QAAQ,UAAU,UAAU,eAAa,aAAa;AAAA,QAEtE,aAAa,UAAU,WACtB;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,cAAY;AAAA,YACZ,eAAa;AAAA,YACb,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/dist/components/SharedCell.d.ts

@@ -3,7 +3,7 @@
  *
  * Generic grid cell renderer for shared/private visibility state.
  * Works with any entity that has an external_id and shared/is_shared field.
- * Uses VisibilityToggle for consistent UI.
+ * Shown as the Sharing badge (Only me / Workspace); clicking it toggles.
  */
 export interface SharedItem {
     external_id: string;
@@ -18,9 +18,7 @@ export interface SharedCellProps<T extends SharedItem> {
     /** Replaces the default tooltips (e.g. documents say who can see the file). */
     tooltipActive?: string;
     tooltipInactive?: string;
-    /** The host's name for a workspace, used in the default tooltips. */
-    workspaceLabel?: string;
 }
-declare function SharedCellComponent<T extends SharedItem>({ item, onToggle, disabled, disabledTooltip, tooltipActive, tooltipInactive, workspaceLabel, }: SharedCellProps<T>): import("react").JSX.Element;
+declare function SharedCellComponent<T extends SharedItem>({ item, onToggle, disabled, disabledTooltip, tooltipActive, tooltipInactive, }: SharedCellProps<T>): import("react").JSX.Element;
 export declare const SharedCell: typeof SharedCellComponent;
 export {};

package/dist/components/SharedCell.js

@@ -1,15 +1,14 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { SharingEntity } from "@arbidocs/react/ui";
 import { memo } from "react";
-import { VisibilityToggle } from "@arbidocs/react/ui";
 function SharedCellComponent({
   item,
   onToggle,
   disabled = false,
   disabledTooltip,
   tooltipActive,
-  tooltipInactive,
-  workspaceLabel
+  tooltipInactive
 }) {
   const isShared = item.shared ?? item.is_shared ?? false;
   return /* @__PURE__ */ jsx(
@@ -18,16 +17,14 @@ function SharedCellComponent({
       className: "flex justify-center items-center h-full",
       "data-testid": `shared-cell-${item.external_id}`,
       children: /* @__PURE__ */ jsx(
-        VisibilityToggle,
+        SharingEntity,
         {
-          items: item,
+          shared: isShared,
           onToggle,
           disabled,
           disabledTooltip,
-          showLabel: false,
           tooltipActive,
           tooltipInactive,
-          workspaceLabel,
           "data-testid": `${isShared ? "active-share-button" : "inactive-share-button"}`
         }
       )
@@ -42,7 +39,6 @@ function arePropsEqual(prevProps, nextProps) {
   if (prevProps.disabledTooltip !== nextProps.disabledTooltip) return false;
   if (prevProps.tooltipActive !== nextProps.tooltipActive) return false;
   if (prevProps.tooltipInactive !== nextProps.tooltipInactive) return false;
-  if (prevProps.workspaceLabel !== nextProps.workspaceLabel) return false;
   return true;
 }
 const SharedCell = memo(SharedCellComponent, arePropsEqual);

package/dist/components/SharedCell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/SharedCell.tsx"],
-  "sourcesContent": ["/**\n * SharedCell Component\n *\n * Generic grid cell renderer for shared/private visibility state.\n * Works with any entity that has an external_id and shared/is_shared field.\n * Uses VisibilityToggle for consistent UI.\n */\n\nimport { memo } from 'react'\nimport { VisibilityToggle } from '@arbidocs/react/ui'\n\nexport interface SharedItem {\n  external_id: string\n  shared?: boolean | null\n  is_shared?: boolean | null\n}\n\nexport interface SharedCellProps<T extends SharedItem> {\n  item: T\n  onToggle: (shouldShare: boolean) => void\n  disabled?: boolean\n  disabledTooltip?: string\n  /** Replaces the default tooltips (e.g. documents say who can see the file). */\n  tooltipActive?: string\n  tooltipInactive?: string\n  /** The host's name for a workspace, used in the default tooltips. */\n  workspaceLabel?: string\n}\n\nfunction SharedCellComponent<T extends SharedItem>({\n  item,\n  onToggle,\n  disabled = false,\n  disabledTooltip,\n  tooltipActive,\n  tooltipInactive,\n  workspaceLabel,\n}: SharedCellProps<T>) {\n  const isShared = item.shared ?? item.is_shared ?? false\n\n  return (\n    <div\n      className=\"flex justify-center items-center h-full\"\n      data-testid={`shared-cell-${item.external_id}`}\n    >\n      <VisibilityToggle\n        items={item}\n        onToggle={onToggle}\n        disabled={disabled}\n        disabledTooltip={disabledTooltip}\n        showLabel={false}\n        tooltipActive={tooltipActive}\n        tooltipInactive={tooltipInactive}\n        workspaceLabel={workspaceLabel}\n        data-testid={`${isShared ? 'active-share-button' : 'inactive-share-button'}`}\n      />\n    </div>\n  )\n}\n\n// Type-safe memo wrapper\nfunction arePropsEqual<T extends SharedItem>(\n  prevProps: SharedCellProps<T>,\n  nextProps: SharedCellProps<T>\n): boolean {\n  if (prevProps.item.external_id !== nextProps.item.external_id) return false\n  if (prevProps.item.shared !== nextProps.item.shared) return false\n  if (prevProps.item.is_shared !== nextProps.item.is_shared) return false\n  if (prevProps.disabled !== nextProps.disabled) return false\n  if (prevProps.disabledTooltip !== nextProps.disabledTooltip) return false\n  if (prevProps.tooltipActive !== nextProps.tooltipActive) return false\n  if (prevProps.tooltipInactive !== nextProps.tooltipInactive) return false\n  if (prevProps.workspaceLabel !== nextProps.workspaceLabel) return false\n  // Note: onToggle is not compared as it should be stable (useCallback)\n  return true\n}\n\nexport const SharedCell = memo(SharedCellComponent, arePropsEqual) as typeof SharedCellComponent\n"],
-  "mappings": ";AA6CM;AArCN,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAoBjC,SAAS,oBAA0C;AAAA,EACjD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,WAAW,KAAK,UAAU,KAAK,aAAa;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,eAAe,KAAK,WAAW;AAAA,MAE5C;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA,eAAa,GAAG,WAAW,wBAAwB,uBAAuB;AAAA;AAAA,MAC5E;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,cACP,WACA,WACS;AACT,MAAI,UAAU,KAAK,gBAAgB,UAAU,KAAK,YAAa,QAAO;AACtE,MAAI,UAAU,KAAK,WAAW,UAAU,KAAK,OAAQ,QAAO;AAC5D,MAAI,UAAU,KAAK,cAAc,UAAU,KAAK,UAAW,QAAO;AAClE,MAAI,UAAU,aAAa,UAAU,SAAU,QAAO;AACtD,MAAI,UAAU,oBAAoB,UAAU,gBAAiB,QAAO;AACpE,MAAI,UAAU,kBAAkB,UAAU,cAAe,QAAO;AAChE,MAAI,UAAU,oBAAoB,UAAU,gBAAiB,QAAO;AACpE,MAAI,UAAU,mBAAmB,UAAU,eAAgB,QAAO;AAElE,SAAO;AACT;AAEO,MAAM,aAAa,KAAK,qBAAqB,aAAa;",
+  "sourcesContent": ["/**\n * SharedCell Component\n *\n * Generic grid cell renderer for shared/private visibility state.\n * Works with any entity that has an external_id and shared/is_shared field.\n * Shown as the Sharing badge (Only me / Workspace); clicking it toggles.\n */\n\nimport { SharingEntity } from '@arbidocs/react/ui'\nimport { memo } from 'react'\n\nexport interface SharedItem {\n  external_id: string\n  shared?: boolean | null\n  is_shared?: boolean | null\n}\n\nexport interface SharedCellProps<T extends SharedItem> {\n  item: T\n  onToggle: (shouldShare: boolean) => void\n  disabled?: boolean\n  disabledTooltip?: string\n  /** Replaces the default tooltips (e.g. documents say who can see the file). */\n  tooltipActive?: string\n  tooltipInactive?: string\n}\n\nfunction SharedCellComponent<T extends SharedItem>({\n  item,\n  onToggle,\n  disabled = false,\n  disabledTooltip,\n  tooltipActive,\n  tooltipInactive,\n}: SharedCellProps<T>) {\n  const isShared = item.shared ?? item.is_shared ?? false\n\n  return (\n    <div\n      className=\"flex justify-center items-center h-full\"\n      data-testid={`shared-cell-${item.external_id}`}\n    >\n      <SharingEntity\n        shared={isShared}\n        onToggle={onToggle}\n        disabled={disabled}\n        disabledTooltip={disabledTooltip}\n        tooltipActive={tooltipActive}\n        tooltipInactive={tooltipInactive}\n        data-testid={`${isShared ? 'active-share-button' : 'inactive-share-button'}`}\n      />\n    </div>\n  )\n}\n\n// Type-safe memo wrapper\nfunction arePropsEqual<T extends SharedItem>(\n  prevProps: SharedCellProps<T>,\n  nextProps: SharedCellProps<T>\n): boolean {\n  if (prevProps.item.external_id !== nextProps.item.external_id) return false\n  if (prevProps.item.shared !== nextProps.item.shared) return false\n  if (prevProps.item.is_shared !== nextProps.item.is_shared) return false\n  if (prevProps.disabled !== nextProps.disabled) return false\n  if (prevProps.disabledTooltip !== nextProps.disabledTooltip) return false\n  if (prevProps.tooltipActive !== nextProps.tooltipActive) return false\n  if (prevProps.tooltipInactive !== nextProps.tooltipInactive) return false\n  // Note: onToggle is not compared as it should be stable (useCallback)\n  return true\n}\n\nexport const SharedCell = memo(SharedCellComponent, arePropsEqual) as typeof SharedCellComponent\n"],
+  "mappings": ";AA0CM;AAlCN,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAkBrB,SAAS,oBAA0C;AAAA,EACjD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,WAAW,KAAK,UAAU,KAAK,aAAa;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,eAAe,KAAK,WAAW;AAAA,MAE5C;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,eAAa,GAAG,WAAW,wBAAwB,uBAAuB;AAAA;AAAA,MAC5E;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,cACP,WACA,WACS;AACT,MAAI,UAAU,KAAK,gBAAgB,UAAU,KAAK,YAAa,QAAO;AACtE,MAAI,UAAU,KAAK,WAAW,UAAU,KAAK,OAAQ,QAAO;AAC5D,MAAI,UAAU,KAAK,cAAc,UAAU,KAAK,UAAW,QAAO;AAClE,MAAI,UAAU,aAAa,UAAU,SAAU,QAAO;AACtD,MAAI,UAAU,oBAAoB,UAAU,gBAAiB,QAAO;AACpE,MAAI,UAAU,kBAAkB,UAAU,cAAe,QAAO;AAChE,MAAI,UAAU,oBAAoB,UAAU,gBAAiB,QAAO;AAEpE,SAAO;AACT;AAEO,MAAM,aAAa,KAAK,qBAAqB,aAAa;",
   "names": []
 }

package/dist/components/ZoomSlider.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The app's zoom control: a small bordered pill with a zoom-out button and a slider (the files
+ * explorer's tile size, a presentation clip's zoom…), optionally followed by the value.
+ */
+import type { ReactNode } from 'react';
+export interface ZoomSliderProps {
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    /** How far the zoom-out button steps (default `step`). */
+    zoomOutStep?: number;
+    onChange: (value: number) => void;
+    /** The slider's accessible name (e.g. "Tile size"). */
+    label: string;
+    /** The zoom-out button's accessible name. Default "Zoom out". */
+    zoomOutLabel?: string;
+    /** Shown after the slider (e.g. "150%"). */
+    valueLabel?: ReactNode;
+    className?: string;
+    sliderClassName?: string;
+    testId?: string;
+    zoomOutTestId?: string;
+}
+export declare function ZoomSlider({ value, min, max, step, zoomOutStep, onChange, label, zoomOutLabel, valueLabel, className, sliderClassName, testId, zoomOutTestId, }: ZoomSliderProps): import("react").JSX.Element;

package/dist/components/ZoomSlider.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ZoomOut } from "lucide-react";
+import { Slider, cn } from "@arbidocs/react/ui";
+function ZoomSlider({
+  value,
+  min,
+  max,
+  step = 1,
+  zoomOutStep = step,
+  onChange,
+  label,
+  zoomOutLabel = "Zoom out",
+  valueLabel,
+  className,
+  sliderClassName,
+  testId,
+  zoomOutTestId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex h-7 items-center gap-1.5 rounded-md border border-input px-2", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": zoomOutLabel,
+            title: zoomOutLabel,
+            "data-testid": zoomOutTestId,
+            onClick: () => onChange(Math.max(min, value - zoomOutStep)),
+            disabled: value <= min,
+            className: "text-muted-foreground hover:text-foreground disabled:opacity-40 pointer-coarse:-m-[15px] pointer-coarse:p-[15px]",
+            children: /* @__PURE__ */ jsx(ZoomOut, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            value: [value],
+            min,
+            max,
+            step,
+            onValueChange: ([next]) => onChange(next),
+            "aria-label": label,
+            "data-testid": testId,
+            className: cn("w-20", sliderClassName)
+          }
+        ),
+        valueLabel !== void 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: valueLabel })
+      ]
+    }
+  );
+}
+export {
+  ZoomSlider
+};
+//# sourceMappingURL=ZoomSlider.js.map

package/dist/components/ZoomSlider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ZoomSlider.tsx"],
+  "sourcesContent": ["/**\n * The app's zoom control: a small bordered pill with a zoom-out button and a slider (the files\n * explorer's tile size, a presentation clip's zoom\u2026), optionally followed by the value.\n */\n\nimport type { ReactNode } from 'react'\nimport { ZoomOut } from 'lucide-react'\nimport { Slider, cn } from '@arbidocs/react/ui'\n\nexport interface ZoomSliderProps {\n  value: number\n  min: number\n  max: number\n  step?: number\n  /** How far the zoom-out button steps (default `step`). */\n  zoomOutStep?: number\n  onChange: (value: number) => void\n  /** The slider's accessible name (e.g. \"Tile size\"). */\n  label: string\n  /** The zoom-out button's accessible name. Default \"Zoom out\". */\n  zoomOutLabel?: string\n  /** Shown after the slider (e.g. \"150%\"). */\n  valueLabel?: ReactNode\n  className?: string\n  sliderClassName?: string\n  testId?: string\n  zoomOutTestId?: string\n}\n\nexport function ZoomSlider({\n  value,\n  min,\n  max,\n  step = 1,\n  zoomOutStep = step,\n  onChange,\n  label,\n  zoomOutLabel = 'Zoom out',\n  valueLabel,\n  className,\n  sliderClassName,\n  testId,\n  zoomOutTestId,\n}: ZoomSliderProps) {\n  return (\n    <div\n      className={cn('flex h-7 items-center gap-1.5 rounded-md border border-input px-2', className)}\n    >\n      <button\n        type=\"button\"\n        aria-label={zoomOutLabel}\n        title={zoomOutLabel}\n        data-testid={zoomOutTestId}\n        onClick={() => onChange(Math.max(min, value - zoomOutStep))}\n        disabled={value <= min}\n        className=\"text-muted-foreground hover:text-foreground disabled:opacity-40 pointer-coarse:-m-[15px] pointer-coarse:p-[15px]\"\n      >\n        <ZoomOut className=\"h-3.5 w-3.5\" />\n      </button>\n      <Slider\n        value={[value]}\n        min={min}\n        max={max}\n        step={step}\n        onValueChange={([next]) => onChange(next)}\n        aria-label={label}\n        data-testid={testId}\n        className={cn('w-20', sliderClassName)}\n      />\n      {valueLabel !== undefined && (\n        <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">{valueLabel}</span>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA6CI,SAYI,KAZJ;AAvCJ,SAAS,eAAe;AACxB,SAAS,QAAQ,UAAU;AAsBpB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,qEAAqE,SAAS;AAAA,MAE5F;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,OAAO;AAAA,YACP,eAAa;AAAA,YACb,SAAS,MAAM,SAAS,KAAK,IAAI,KAAK,QAAQ,WAAW,CAAC;AAAA,YAC1D,UAAU,SAAS;AAAA,YACnB,WAAU;AAAA,YAEV,8BAAC,WAAQ,WAAU,eAAc;AAAA;AAAA,QACnC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,CAAC,KAAK;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA,eAAe,CAAC,CAAC,IAAI,MAAM,SAAS,IAAI;AAAA,YACxC,cAAY;AAAA,YACZ,eAAa;AAAA,YACb,WAAW,GAAG,QAAQ,eAAe;AAAA;AAAA,QACvC;AAAA,QACC,eAAe,UACd,oBAAC,UAAK,WAAU,uDAAuD,sBAAW;AAAA;AAAA;AAAA,EAEtF;AAEJ;",
+  "names": []
+}