@alfadocs/ui-kit 0.50.1 → 0.52.0

package/dist/components/icon-button-group/icon-button-group.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
 import type { ButtonProps } from '../button/button';
 type ButtonIntent = NonNullable<ButtonProps['intent']>;
 declare const iconButtonGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type IconButtonGroupRole = 'group' | 'toolbar' | 'radiogroup';
 export type IconButtonGroupMode = 'momentary' | 'toggle-single' | 'toggle-multi';
@@ -71,7 +71,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role?: "group";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label': string;
     'aria-labelledby'?: never;
@@ -84,7 +84,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "toolbar";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label'?: never;
     'aria-labelledby': string;
@@ -97,7 +97,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role?: "group";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label'?: never;
     'aria-labelledby': string;
@@ -110,7 +110,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "toolbar";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label': string;
     'aria-labelledby'?: never;
@@ -123,7 +123,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role?: "group";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label': string;
     'aria-labelledby'?: never;
@@ -136,7 +136,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "toolbar";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label': string;
     'aria-labelledby'?: never;
@@ -149,7 +149,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "radiogroup";
     mode: "toggle-single";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label'?: never;
     'aria-labelledby': string;
@@ -162,7 +162,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role?: "group";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label'?: never;
     'aria-labelledby': string;
@@ -175,7 +175,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "toolbar";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label'?: never;
     'aria-labelledby': string;
@@ -188,7 +188,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "radiogroup";
     mode: "toggle-single";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label': string;
     'aria-labelledby'?: never;
@@ -201,7 +201,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role?: "group";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label': string;
     'aria-labelledby'?: never;
@@ -214,7 +214,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "toolbar";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label'?: never;
     'aria-labelledby': string;
@@ -227,7 +227,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role?: "group";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) | (SharedPropsBase & {
     'aria-label'?: never;
     'aria-labelledby': string;
@@ -240,7 +240,7 @@ export declare const IconButtonGroup: import("react").ForwardRefExoticComponent<
     role: "toolbar";
     mode?: "momentary" | "toggle-single" | "toggle-multi";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "role" | "children"> & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>)) & import("react").RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=icon-button-group.d.ts.map

package/dist/components/key-value-pair/key-value-pair.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const keyValuePairVariants: (props?: ({
-    layout?: "horizontal" | "vertical" | null | undefined;
+    layout?: "vertical" | "horizontal" | null | undefined;
     hasIcon?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface KeyValuePairProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {

package/dist/components/logo/index.js

@@ -1,4 +1,4 @@
-import { L } from "../../_chunks/logo-yituK7sE.js";
+import { L } from "../../_chunks/logo-1FuSGx0n.js";
 export {
   L as Logo
 };

package/dist/components/patient-search/index.js

@@ -1,4 +1,4 @@
-import { P as t, p as r } from "../../_chunks/patient-search-BJOmTmDA.js";
+import { P as t, p as r } from "../../_chunks/patient-search-CArmRKeg.js";
 export {
   t as PatientSearch,
   r as patientSearchAgent

package/dist/components/payment-form/index.js

@@ -1,4 +1,4 @@
-import { P as r, f as s, p as m, a as e, s as n, b as o, c as i } from "../../_chunks/payment-form-xmeCkxas.js";
+import { P as r, f as s, p as m, a as e, s as n, b as o, c as i } from "../../_chunks/payment-form-DJ9vnzrT.js";
 export {
   r as PaymentForm,
   s as formatPaymentAmount,

package/dist/components/pdf-viewer/index.js

@@ -1,4 +1,4 @@
-import { P as p, p as a } from "../../_chunks/pdf-viewer-q1D3Uion.js";
+import { P as p, p as a } from "../../_chunks/pdf-viewer-4odMFuFW.js";
 export {
   p as PDFViewer,
   a as pdfViewerAgent

package/dist/components/practice-results/index.js

@@ -1,4 +1,4 @@
-import { P as t, p as a } from "../../_chunks/practice-results-Cq1y8JFD.js";
+import { P as t, p as a } from "../../_chunks/practice-results-CtfciF2v.js";
 export {
   t as PracticeResults,
   a as practiceResultsAgent

package/dist/components/pregnancy-dating/index.js

@@ -1,4 +1,4 @@
-import { P as r } from "../../_chunks/pregnancy-dating-DT_244bG.js";
+import { P as r } from "../../_chunks/pregnancy-dating-BA37LSkF.js";
 export {
   r as PregnancyDating
 };

package/dist/components/privacy-lock/index.js

@@ -1,4 +1,4 @@
-import { P as o, p as r } from "../../_chunks/privacy-lock-BmX_gkvt.js";
+import { P as o, p as r } from "../../_chunks/privacy-lock-BN3L-alb.js";
 export {
   o as PrivacyLock,
   r as privacyLockAgent

package/dist/components/public-footer/index.js

@@ -1,4 +1,4 @@
-import { D as s, a as A, P as L, S as e, c as S, p as _ } from "../../_chunks/public-footer.agent-okt8ZRc5.js";
+import { D as s, a as A, P as L, S as e, c as S, p as _ } from "../../_chunks/public-footer.agent-CfXuW1x6.js";
 export {
   s as DEFAULT_MARKETING_BASE_URL,
   A as DEFAULT_SOCIAL_URLS,

package/dist/components/radio-group/radio-group.d.ts

@@ -8,7 +8,7 @@ export interface RadioGroupHandle {
     setValue: (value: string) => void;
 }
 declare const radioGroupVariants: (props?: ({
-    variant?: "horizontal" | "vertical" | "card" | null | undefined;
+    variant?: "vertical" | "horizontal" | "card" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type RadixRootProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;
 export interface RadioGroupProps extends Omit<RadixRootProps, 'children' | 'orientation'>, VariantProps<typeof radioGroupVariants> {

package/dist/components/recaptcha-widget/index.js

@@ -1,4 +1,4 @@
-import { R as t, r as c } from "../../_chunks/recaptcha-widget-CFYyLSEX.js";
+import { R as t, r as c } from "../../_chunks/recaptcha-widget-BCNHsgqt.js";
 export {
   t as RecaptchaWidget,
   c as recaptchaWidgetAgent

package/dist/components/separator/separator.d.ts

@@ -9,7 +9,7 @@ import { type VariantProps } from 'class-variance-authority';
  * note in the user story (layout/separator.mdx).
  */
 declare const separatorVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
     intensity?: "strong" | "subtle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface SeparatorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-orientation'>, VariantProps<typeof separatorVariants> {

package/dist/components/sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as p, k as l, l as c, m as g, n as u, o as I, p as P, q as f, s as h, u as B } from "../../_chunks/sidebar-h78cTNLh.js";
+import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as p, k as l, l as c, m as g, n as u, o as I, p as P, q as f, s as h, u as B } from "../../_chunks/sidebar-DPEHzxLZ.js";
 import { u as k } from "../../_chunks/use-persistent-state-i23OWy6G.js";
 export {
   r as Sidebar,

package/dist/components/sidebar/sidebar.d.ts

@@ -27,6 +27,14 @@ export interface SidebarProps extends ComponentPropsWithoutRef<'nav'> {
     open?: boolean;
     /** Overlay-only: fires when the dialog opens/closes. */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Opt-in drag handle on the inline-end edge (expanded mode only).
+     * Dragging or arrow keys write the committed width to the
+     * `--sidebar-modern-expanded-size` custom property on the root;
+     * Enter / double-click resets to the token default (248px).
+     * @default false
+     */
+    resizable?: boolean;
     /** Override the nav aria-label. */
     'aria-label'?: string;
 }

package/dist/components/sign-document/index.js

@@ -1,4 +1,4 @@
-import { S as o, s } from "../../_chunks/sign-document-CZkAf28g.js";
+import { S as o, s } from "../../_chunks/sign-document-Bzld9jVM.js";
 export {
   o as SignDocument,
   s as signDocumentAgent

package/dist/components/sign-in-with-alfadocs-button/index.js

@@ -1,4 +1,4 @@
-import { S as n } from "../../_chunks/sign-in-with-alfadocs-button-CuYn_kKP.js";
+import { S as n } from "../../_chunks/sign-in-with-alfadocs-button-BpAjVmsI.js";
 export {
   n as SignInWithAlfadocsButton
 };

package/dist/components/tabs/tabs.d.ts

@@ -3,12 +3,12 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { type VariantProps } from 'class-variance-authority';
 export declare const tabsListVariants: (props?: ({
     variant?: "default" | "underlined" | "pills" | null | undefined;
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tabsTriggerVariants: (props?: ({
     variant?: "default" | "underlined" | "pills" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TabsOverflow = 'dropdown' | 'select';
 export interface TabsHandle {

package/dist/components/task-card/index.js

@@ -1,4 +1,4 @@
-import { T as s, i as t } from "../../_chunks/task-card-CPyQ5AXC.js";
+import { T as s, i as t } from "../../_chunks/task-card-BwY9jaV1.js";
 import { t as o } from "../../_chunks/task-card.agent-CUPKYd7w.js";
 export {
   s as TaskCard,

package/dist/components/task-card/task-card.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 export type TaskStatus = 'open' | 'in-progress' | 'done';
 export type TaskPriority = 'low' | 'normal' | 'high';
@@ -15,6 +15,14 @@ export interface TaskItem {
      * the localised string.
      */
     dueLabel?: string;
+    /**
+     * Linked-entity line (the patient / company / operator the task points
+     * at). Rendered as an eyebrow under the description; localised by the
+     * consumer (e.g. "Patient: Mario Rossi").
+     */
+    linkedLabel?: string;
+    /** Free-text note attached to the task — muted body line, clamped. */
+    note?: string;
     /** Lifecycle state — drives the leading icon. */
     status?: TaskStatus;
     /** Priority — `high` colours the leading icon as `--destructive`. */
@@ -29,6 +37,12 @@ export interface TaskCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     size?: 'sm' | 'md';
     /** Fires when the row is activated (click / Enter / Space). */
     onActivate?: (item: TaskItem) => void;
+    /**
+     * Trailing per-row action toolbar (icon buttons: mark done, schedule,
+     * edit, …). Rendered above the stretched-link overlay so the controls
+     * stay clickable inside an interactive row.
+     */
+    actions?: ReactNode;
 }
 declare const taskCardVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;

package/dist/components/task-tray/index.js

@@ -1,4 +1,4 @@
-import { T as s, t } from "../../_chunks/task-tray-B8jFv5FV.js";
+import { T as s, t } from "../../_chunks/task-tray-Cb_hK4yb.js";
 export {
   s as TaskTray,
   t as taskTrayAgent

package/dist/components/task-tray/task-tray.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import { type TaskItem } from '../task-card';
 declare const taskTrayVariants: (props?: ({
@@ -45,6 +45,29 @@ export interface TaskTrayProps extends Omit<HTMLAttributes<HTMLElement>, 'onClic
     /** Render an empty state when `items` is empty and `loading` is false. */
     emptyTitle?: string;
     emptyDescription?: string;
+    /** Optional CTA wired into the empty state (EmptyState primaryAction). */
+    emptyAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Pinned footer link (e.g. "All my undone tasks (12)"). Localised by
+     * the consumer; rendered after the list, before the section closes.
+     */
+    viewAllLabel?: string;
+    /** Fires when the footer link is activated. Required to render it. */
+    onViewAll?: () => void;
+    /**
+     * Per-row trailing action toolbar, forwarded to each TaskCard's
+     * `actions` slot.
+     */
+    renderItemActions?: (item: TaskItem) => ReactNode;
+    /**
+     * Constrain the list to the tray's own height and scroll inside it —
+     * pair with a height/max-height on `className`. The scroll region is
+     * keyboard-focusable so it stays operable without a pointer.
+     */
+    scrollable?: boolean;
 }
 export declare const TaskTray: import("react").ForwardRefExoticComponent<TaskTrayProps & import("react").RefAttributes<HTMLElement>>;
 export {};

package/dist/components/theme-toggle/index.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../../_chunks/theme-toggle-ClATnY4Q.js";
+import { T as o, t } from "../../_chunks/theme-toggle-DAW7uC0B.js";
 export {
   o as ThemeToggle,
   t as themeToggleAgent

package/dist/components/warning-stack/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../_chunks/warning-stack-CXfoAT-_.js";
+import { W as n } from "../../_chunks/warning-stack-Cv4fr5zo.js";
 export {
   n as WarningStack
 };

package/dist/components/workflow/index.js

@@ -1,4 +1,4 @@
-import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-DzX_LI4y.js";
+import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-BJDUNYlX.js";
 export {
   r as CORE_PATIENT_FIELDS,
   e as WorkflowCard,

package/dist/components/workflow/workflow-map.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import { type EnrollmentCriteria, type WorkflowGraph } from './workflow-types';
 declare const rootVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
     compact?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface WorkflowMapProps extends VariantProps<typeof rootVariants> {

package/dist/hooks/index.d.ts

@@ -17,4 +17,5 @@ export { useDirection, useDocumentDirection, type Direction, } from './use-direc
 export { usePersistentState } from './use-persistent-state';
 export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
 export { useWebOtp, type UseWebOtpOptions } from './use-web-otp';
+export { useEdgeResize, type UseEdgeResizeOptions, type UseEdgeResizeReturn, type EdgeResizeSeparatorProps, } from './use-edge-resize';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.js

@@ -1,17 +1,18 @@
 import { u as v } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as D } from "../_chunks/use-media-query-CcAx5SMM.js";
 import { u as _ } from "../_chunks/use-scroll-to-first-error-4Za-u5Nw.js";
-import { u as O } from "../_chunks/use-count-up-BLLetaZ8.js";
-import { u as k } from "../_chunks/use-locale-BkCIHujH.js";
-import { A as K, T as R, a as H, r as M, t as Y, u as q } from "../_chunks/use-theme-C2dHKUAN.js";
+import { u as I } from "../_chunks/use-count-up-BLLetaZ8.js";
+import { u as R } from "../_chunks/use-locale-BkCIHujH.js";
+import { A as w, T as K, a as H, r as M, t as Y, u as q } from "../_chunks/use-theme-CAuo6EYT.js";
 import { u as G } from "../_chunks/use-controllable-state-BiY4xTzM.js";
 import { u as U } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
 import { u as j } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
 import { useState as x, useRef as b, useEffect as E } from "react";
-import { u as W, a as z } from "../_chunks/use-direction-Dp8h70PP.js";
+import { u as Q, a as W } from "../_chunks/use-direction-Dp8h70PP.js";
 import { u as N } from "../_chunks/use-persistent-state-i23OWy6G.js";
 import { u as Z } from "../_chunks/use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as ee } from "../_chunks/use-web-otp-D_utzp6S.js";
+import { u as re } from "../_chunks/use-edge-resize-ZnGG7gyO.js";
 function S(e, o) {
   const [t, c] = x(e), u = b(null);
   return E(() => {
@@ -82,21 +83,22 @@ function C(e, o = {}) {
   }, [t, c, u, e]);
 }
 export {
-  K as ACCESSIBILITY_STORAGE_KEY,
-  R as THEME_CLASS,
+  w as ACCESSIBILITY_STORAGE_KEY,
+  K as THEME_CLASS,
   H as THEME_STORAGE_KEY,
   M as resolveTheme,
   Y as themeClassList,
   G as useControllableState,
   U as useCopyToClipboard,
-  O as useCountUp,
+  I as useCountUp,
   j as useDebouncedCallback,
   S as useDebouncedValue,
-  W as useDirection,
-  z as useDocumentDirection,
+  Q as useDirection,
+  W as useDocumentDirection,
+  re as useEdgeResize,
   C as useFocusTrap,
   Z as useIsomorphicLayoutEffect,
-  k as useLocale,
+  R as useLocale,
   D as useMediaQuery,
   N as usePersistentState,
   v as usePrefersReducedMotion,

package/dist/hooks/use-edge-resize.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Pixel-based edge-resize for fixed-width chrome surfaces (the Sidebar's
+ * inline-end edge, the AiToolsRail panel's inner edge). Mirrors the
+ * separator semantics of `Resizable`'s Handle — `role="separator"`,
+ * arrow keys with RTL flip, Shift for coarse steps, Home/End to the
+ * extremes, Enter or double-click to reset — but sizes a single target
+ * element in pixels instead of distributing percentages across a panel
+ * group.
+ *
+ * The hook owns the interaction and writes the resolved width to a CSS
+ * custom property on the target element (the same property the
+ * component's width classes already read), so the component keeps its
+ * `var(--…)`-driven classes and no inline `width` ever appears. Reset
+ * removes the override entirely, returning the surface to its
+ * token-driven default.
+ */
+import { type KeyboardEvent, type PointerEvent as ReactPointerEvent, type RefObject } from 'react';
+export interface UseEdgeResizeOptions {
+    /**
+     * Which logical edge of the target carries the handle. `inline-end`
+     * for a start-docked surface (Sidebar); `inline-start` for an
+     * end-docked one (AiToolsRail panel with `side="end"`).
+     */
+    edge: 'inline-start' | 'inline-end';
+    /** The element being resized. The width override lands on its style. */
+    targetRef: RefObject<HTMLElement | null>;
+    /**
+     * CSS custom property the target's width classes read
+     * (e.g. `--sidebar-modern-expanded-size`). Written as `<px>px` on
+     * resize, removed on reset.
+     */
+    cssProperty: string;
+    /** Clamp floor, px. */
+    minSize: number;
+    /** Clamp ceiling, px. */
+    maxSize: number;
+    /**
+     * Nominal default width, px — used for `aria-valuenow` before the
+     * element has been measured (SSR / jsdom) and as the reset target.
+     */
+    defaultSize: number;
+    /** Disables the interaction (handlers no-op, `aria-disabled` set). */
+    disabled?: boolean;
+    /** Fired with the committed px width; `null` means reset-to-default. */
+    onResize?: (size: number | null) => void;
+}
+export interface EdgeResizeSeparatorProps {
+    role: 'separator';
+    tabIndex: number;
+    'aria-orientation': 'vertical';
+    'aria-valuemin': number;
+    'aria-valuemax': number;
+    'aria-valuenow': number;
+    'aria-valuetext': string;
+    'aria-disabled': boolean | undefined;
+    onPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;
+    onPointerMove: (event: ReactPointerEvent<HTMLElement>) => void;
+    onPointerUp: (event: ReactPointerEvent<HTMLElement>) => void;
+    onPointerCancel: (event: ReactPointerEvent<HTMLElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    onDoubleClick: () => void;
+}
+export interface UseEdgeResizeReturn {
+    /**
+     * Spread onto the handle element (a plain `<div>`). Add `aria-label`,
+     * and give the handle a `ds:touch-none` class — touch browsers decide
+     * scroll-vs-drag at gesture start, before any pointer handler runs.
+     */
+    separatorProps: EdgeResizeSeparatorProps;
+    /** True while a pointer drag is in flight — suppress width transitions. */
+    isResizing: boolean;
+    /** True once the user has overridden the token-driven default. */
+    isResized: boolean;
+    /** Programmatic reset to the token-driven default width. */
+    reset: () => void;
+}
+export declare function useEdgeResize({ edge, targetRef, cssProperty, minSize, maxSize, defaultSize, disabled, onResize, }: UseEdgeResizeOptions): UseEdgeResizeReturn;
+//# sourceMappingURL=use-edge-resize.d.ts.map

package/dist/i18n/locales/ar.d.ts

@@ -333,6 +333,7 @@ export declare const arUi: {
     readonly resizable: {
         readonly resizeLabel: "تغيير حجم الأجزاء";
         readonly sizeAnnounce: "{{percent}} من المساحة المتاحة";
+        readonly widthAnnounce: "{{width}} بكسل";
     };
     readonly tag: {
         readonly remove: "إزالة {{label}}";
@@ -612,6 +613,7 @@ export declare const arUi: {
             readonly confirmed: "مؤكد";
             readonly pending: "قيد الانتظار";
             readonly cancelled: "ملغى";
+            readonly absent: "غائب";
         };
     };
     readonly agendaTray: {
@@ -699,6 +701,7 @@ export declare const arUi: {
             readonly unpinItem: "إلغاء تثبيت {{label}}";
             readonly reorderHandle: "إعادة ترتيب {{label}}. اضغط Alt + أعلى أو Alt + أسفل للنقل.";
             readonly reorderAnnounce: "تم نقل {{label}} إلى الموضع {{to}} من {{total}}";
+            readonly resize: "تغيير حجم الشريط الجانبي للتنقل";
         };
         readonly header: {
             readonly label: "رأس الصفحة";
@@ -2560,6 +2563,7 @@ export declare const arUi: {
     readonly aiToolsRail: {
         readonly railLabel: "AI tools";
         readonly panelLabel: "{{tool}} panel";
+        readonly resizePanel: "تغيير حجم لوحة الأداة";
         readonly badgeCountOverflow: "99+";
         readonly toolWithCount_zero: "{{tool}}, {{count}} updates";
         readonly toolWithCount_one: "{{tool}}, {{count}} update";

package/dist/i18n/locales/ar.js

@@ -325,7 +325,8 @@ const e = {
   },
   resizable: {
     resizeLabel: "تغيير حجم الأجزاء",
-    sizeAnnounce: "{{percent}} من المساحة المتاحة"
+    sizeAnnounce: "{{percent}} من المساحة المتاحة",
+    widthAnnounce: "{{width}} بكسل"
   },
   tag: {
     remove: "إزالة {{label}}",
@@ -604,7 +605,8 @@ const e = {
     status: {
       confirmed: "مؤكد",
       pending: "قيد الانتظار",
-      cancelled: "ملغى"
+      cancelled: "ملغى",
+      absent: "غائب"
     }
   },
   agendaTray: {
@@ -691,7 +693,8 @@ const e = {
       pinItem: "تثبيت {{label}}",
       unpinItem: "إلغاء تثبيت {{label}}",
       reorderHandle: "إعادة ترتيب {{label}}. اضغط Alt + أعلى أو Alt + أسفل للنقل.",
-      reorderAnnounce: "تم نقل {{label}} إلى الموضع {{to}} من {{total}}"
+      reorderAnnounce: "تم نقل {{label}} إلى الموضع {{to}} من {{total}}",
+      resize: "تغيير حجم الشريط الجانبي للتنقل"
     },
     header: {
       label: "رأس الصفحة"
@@ -2536,6 +2539,7 @@ const e = {
   aiToolsRail: {
     railLabel: "AI tools",
     panelLabel: "{{tool}} panel",
+    resizePanel: "تغيير حجم لوحة الأداة",
     badgeCountOverflow: "99+",
     toolWithCount_zero: "{{tool}}, {{count}} updates",
     toolWithCount_one: "{{tool}}, {{count}} update",