@phillips/seldon 1.277.0 → 1.278.1

package/dist/_virtual/index10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/_virtual/index10.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };

package/dist/_virtual/index9.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/_virtual/index9.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };

package/dist/components/SlideToActivate/SlideToActivate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),S=require("../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs"),x=require("../../_virtual/index2.cjs"),P=require("react"),de=require("../../utils/index.cjs"),oe=require("./SlideToActivateThumb.cjs"),re=require("./hooks/useSlideToActivate.cjs"),D=require("./slideToActivateUtils.cjs"),n=require("./types.cjs"),le=require("../Text/types.cjs"),ce=require("../../utils/useReducedMotion.cjs"),ue=require("../Text/Text.cjs"),he=require("../Loader/Loader.cjs"),g=P.forwardRef(({labelText:o,onActivation:q,onError:y,onProgress:j,onStatusChange:R,pendingAnnouncement:N=o,successAnnouncement:_="Activated.",errorAnnouncement:M="Action failed. Please try again.",keyboardHint:l=D.DEFAULT_KEYBOARD_HINT,resetOnError:I=!0,isDisabled:c=!1,isComplete:s=!1,showThumbWhenDisabled:w=!0,config:K={},className:U,id:u,...k},B)=>{const{textVariant:C=le.TextVariants.labelMedium,size:h=n.SlideToActivateSizes.default,borderRadius:H=n.SlideToActivateBorderRadii.sharp,direction:m=n.SlideToActivateDirections.ltr,thumbIcon:V,thumbWidth:z,pendingIndicator:v,trackClassName:E,thumbClassName:F}=K,{className:e,...L}=de.getCommonProps({id:u,...k},"SlideToActivate"),O=ce.useReducedMotion(),b=P.useId(),a=c||s,{status:d,announcement:W,trackRef:Y,thumbRef:T,thumbTranslatePx:G,handlePointerDown:J,handlePointerMove:Q,handlePointerUp:X,handlePointerCancel:Z,handleKeyDown:ee,handleKeyUp:te,handleBlur:ie,snapDurationMs:ne}=re.useSlideToActivate({direction:m,isDisabled:a,reduceMotion:O,pendingAnnouncement:N,successAnnouncement:_,errorAnnouncement:M,resetOnError:I,onActivation:q,onError:y,onProgress:j,onStatusChange:R}),i=d==="pending",f=d==="dragging",p=!a&&!i,A=c&&!s,se=m===n.SlideToActivateDirections.rtl,r=s||A&&!w,$=l.trim().length>0;return t.jsx("div",{...L,id:u,ref:B,className:x.default(e,U,{[`${e}--${h}`]:h!==n.SlideToActivateSizes.default,[`${e}--radius-${H}`]:!0,[`${e}--disabled`]:a,[`${e}--disabled-blocked`]:A,[`${e}--disabled-complete`]:s,[`${e}--disabled-hide-thumb`]:r,[`${e}--pending`]:i,[`${e}--rtl`]:se,[`${e}--held`]:f}),"data-status":d,"aria-busy":i?!0:void 0,children:t.jsxs("div",{ref:Y,className:x.default(`${e}__track`,E),onPointerDown:ae=>D.focusThumbFromTrack({event:ae,thumb:T.current,isInteractive:p,isThumbHidden:r}),children:[t.jsx(ue.default,{className:`${e}__label`,element:"span",variant:C,"aria-hidden":i?!0:void 0,children:o}),t.jsx(S.VisuallyHidden,{asChild:!0,children:t.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",children:W})}),$?t.jsx(S.VisuallyHidden,{id:b,children:l}):null,i?v!==void 0?v:t.jsx("span",{className:`${e}__pending-indicator`,"aria-hidden":!0,children:t.jsx(he.default,{isCentered:!1})}):null,t.jsx(oe.SlideToActivateThumb,{baseClassName:e,thumbRef:T,thumbClassName:F,thumbWidth:z,thumbIcon:V,thumbTranslatePx:G,labelText:o,descriptionId:$?b:void 0,isHeld:f,isPending:i,isDisabled:a,isThumbHidden:r,isInteractive:p,status:d,snapDurationMs:ne,onPointerDown:J,onPointerMove:Q,onPointerUp:X,onPointerCancel:Z,onKeyDown:ee,onKeyUp:te,onBlur:ie})]})})});g.displayName="SlideToActivate";exports.default=g;

package/dist/components/SlideToActivate/SlideToActivate.d.ts

@@ -0,0 +1,14 @@
+import { SlideToActivateProps } from './types';
+export type { SlideToActivateConfig, SlideToActivateProps } from './types';
+/**
+ * ## Overview
+ *
+ * One-shot slide-to-activate control. Thumb latches at the end while
+ * `onActivation` is pending, then the parent typically marks it complete
+ * via `isComplete` (implies non-interactive).
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-slidetoactivate--overview)
+ * [Figma](https://www.figma.com/design/ROSowkNXfQv1nhos5vuyWG/Saleroom?node-id=8259-82408&m=dev)
+ */
+declare const SlideToActivate: import('react').ForwardRefExoticComponent<SlideToActivateProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SlideToActivate;

package/dist/components/SlideToActivate/SlideToActivate.js

@@ -0,0 +1,147 @@
+import { jsx as i, jsxs as ae } from "react/jsx-runtime";
+import { VisuallyHidden as $ } from "../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import D from "../../_virtual/index2.js";
+import { forwardRef as ne, useId as re } from "react";
+import { getCommonProps as se } from "../../utils/index.js";
+import { SlideToActivateThumb as de } from "./SlideToActivateThumb.js";
+import { useSlideToActivate as le } from "./hooks/useSlideToActivate.js";
+import { DEFAULT_KEYBOARD_HINT as ce, focusThumbFromTrack as me } from "./slideToActivateUtils.js";
+import { SlideToActivateSizes as A, SlideToActivateBorderRadii as ue, SlideToActivateDirections as g } from "./types.js";
+import { TextVariants as he } from "../Text/types.js";
+import { useReducedMotion as pe } from "../../utils/useReducedMotion.js";
+import fe from "../Text/Text.js";
+import be from "../Loader/Loader.js";
+const ve = ne(
+  ({
+    labelText: r,
+    onActivation: N,
+    onError: y,
+    onProgress: S,
+    onStatusChange: R,
+    pendingAnnouncement: _ = r,
+    successAnnouncement: I = "Activated.",
+    errorAnnouncement: w = "Action failed. Please try again.",
+    keyboardHint: d = ce,
+    resetOnError: K = !0,
+    isDisabled: l = !1,
+    isComplete: o = !1,
+    showThumbWhenDisabled: M = !0,
+    config: k = {},
+    className: x,
+    id: c,
+    ...B
+  }, C) => {
+    const {
+      textVariant: U = he.labelMedium,
+      size: m = A.default,
+      borderRadius: H = ue.sharp,
+      direction: u = g.ltr,
+      thumbIcon: E,
+      thumbWidth: V,
+      pendingIndicator: h,
+      trackClassName: j,
+      thumbClassName: z
+    } = k, { className: e, ...F } = se({ id: c, ...B }, "SlideToActivate"), L = pe(), p = re(), a = l || o, {
+      status: n,
+      announcement: O,
+      trackRef: W,
+      thumbRef: f,
+      thumbTranslatePx: Y,
+      handlePointerDown: q,
+      handlePointerMove: G,
+      handlePointerUp: J,
+      handlePointerCancel: Q,
+      handleKeyDown: X,
+      handleKeyUp: Z,
+      handleBlur: ee,
+      snapDurationMs: ie
+    } = le({
+      direction: u,
+      isDisabled: a,
+      reduceMotion: L,
+      pendingAnnouncement: _,
+      successAnnouncement: I,
+      errorAnnouncement: w,
+      resetOnError: K,
+      onActivation: N,
+      onError: y,
+      onProgress: S,
+      onStatusChange: R
+    }), t = n === "pending", b = n === "dragging", v = !a && !t, T = l && !o, te = u === g.rtl, s = o || T && !M, P = d.trim().length > 0;
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ...F,
+        id: c,
+        ref: C,
+        className: D(e, x, {
+          [`${e}--${m}`]: m !== A.default,
+          [`${e}--radius-${H}`]: !0,
+          [`${e}--disabled`]: a,
+          [`${e}--disabled-blocked`]: T,
+          [`${e}--disabled-complete`]: o,
+          [`${e}--disabled-hide-thumb`]: s,
+          [`${e}--pending`]: t,
+          [`${e}--rtl`]: te,
+          [`${e}--held`]: b
+        }),
+        "data-status": n,
+        "aria-busy": t ? !0 : void 0,
+        children: /* @__PURE__ */ ae(
+          "div",
+          {
+            ref: W,
+            className: D(`${e}__track`, j),
+            onPointerDown: (oe) => me({ event: oe, thumb: f.current, isInteractive: v, isThumbHidden: s }),
+            children: [
+              /* @__PURE__ */ i(
+                fe,
+                {
+                  className: `${e}__label`,
+                  element: "span",
+                  variant: U,
+                  "aria-hidden": t ? !0 : void 0,
+                  children: r
+                }
+              ),
+              /* @__PURE__ */ i($, { asChild: !0, children: /* @__PURE__ */ i("span", { role: "status", "aria-live": "polite", "aria-atomic": "true", children: O }) }),
+              P ? /* @__PURE__ */ i($, { id: p, children: d }) : null,
+              t ? h !== void 0 ? h : /* @__PURE__ */ i("span", { className: `${e}__pending-indicator`, "aria-hidden": !0, children: /* @__PURE__ */ i(be, { isCentered: !1 }) }) : null,
+              /* @__PURE__ */ i(
+                de,
+                {
+                  baseClassName: e,
+                  thumbRef: f,
+                  thumbClassName: z,
+                  thumbWidth: V,
+                  thumbIcon: E,
+                  thumbTranslatePx: Y,
+                  labelText: r,
+                  descriptionId: P ? p : void 0,
+                  isHeld: b,
+                  isPending: t,
+                  isDisabled: a,
+                  isThumbHidden: s,
+                  isInteractive: v,
+                  status: n,
+                  snapDurationMs: ie,
+                  onPointerDown: q,
+                  onPointerMove: G,
+                  onPointerUp: J,
+                  onPointerCancel: Q,
+                  onKeyDown: X,
+                  onKeyUp: Z,
+                  onBlur: ee
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+ve.displayName = "SlideToActivate";
+export {
+  ve as default
+};

package/dist/components/SlideToActivate/SlideToActivate.stories.argTypes.d.ts

@@ -0,0 +1,276 @@
+import { TextVariants } from '../Text';
+import { SlideToActivateBorderRadii, SlideToActivateDirections } from './types';
+export declare const actionArgTypes: {
+    onActivation: {
+        action: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    onError: {
+        action: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    onProgress: {
+        action: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+/** Controls-tab docs for Playground — ranges, defaults, and behavior notes. */
+export declare const playgroundArgTypes: {
+    labelText: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    textVariant: {
+        control: {
+            type: string;
+        };
+        options: TextVariants[];
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    direction: {
+        control: {
+            type: string;
+        };
+        options: SlideToActivateDirections[];
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    size: {
+        control: {
+            type: string;
+        };
+        options: import('../..').ButtonSizes[];
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    borderRadius: {
+        control: {
+            type: string;
+        };
+        options: SlideToActivateBorderRadii[];
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    thumbWidth: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    isDisabled: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    isComplete: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    showThumbWhenDisabled: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    pendingAnnouncement: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    successAnnouncement: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    errorAnnouncement: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    keyboardHint: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    trackClassName: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    thumbClassName: {
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    thumbIcon: {
+        control: boolean;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    pendingIndicator: {
+        control: boolean;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    onActivation: {
+        action: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    onError: {
+        action: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    onProgress: {
+        action: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};