@phillips/seldon 1.279.2 → 1.280.0

package/dist/components/ComboBox/ComboBox.js

@@ -1,4 +1,6 @@
-import { jsxs as T, jsx as r } from "react/jsx-runtime";
+import '../Input/_input.css';
+import './_combobox.css';
+import { jsxs as T, jsx as l } from "react/jsx-runtime";
 import { Root as he, Trigger as _e, Portal as ve, Content as be } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
 import p from "../../_virtual/index2.js";
 import { Command as Ce, CommandInput as ye, CommandList as $e, CommandGroup as we, CommandItem as ge } from "../../node_modules/cmdk/dist/index.js";
@@ -8,6 +10,8 @@ import { getCommonProps as Te, useNormalizedInputProps as xe } from "../../utils
 import W from "../IconButton/IconButton.js";
 import { ButtonVariants as X } from "../Button/types.js";
 import { usePrevious as Oe } from "../../utils/usePrevious.js";
+
+
 import ke from "../Text/Text.js";
 import { TextVariants as Le } from "../Text/types.js";
 import Ve from "../../assets/formatted/CloseX.js";
@@ -29,35 +33,35 @@ const Me = Ne.forwardRef(function({
   ariaLabelContent: ee,
   hideLabel: te = !1,
   popoverContainerRef: ae,
-  noOptionsMessage: le = "No Options.",
+  noOptionsMessage: re = "No Options.",
   invalid: N = !1,
-  invalidText: re,
+  invalidText: le,
   countOfCharsBeforeDropdown: q = 0,
   ...se
 }, V) {
   const { className: t, ...ne } = Te({ id: n }, "ComboBox"), oe = De, ie = Ve, z = xe({
     id: n,
     invalid: N,
-    invalidText: re,
+    invalidText: le,
     type: "text"
-  }), [d, G] = B(!1), [ce, ue] = B(""), K = Oe(m), D = g((e) => e.label || e.value, []), [l, b] = B(() => {
+  }), [d, G] = B(!1), [ce, ue] = B(""), K = Oe(m), D = g((e) => e.label || e.value, []), [r, b] = B(() => {
     if (m !== void 0) {
       const e = i.find((a) => a.value === m);
       return e ? e.displayValue || D(e) : "";
     }
     return "";
   }), C = x(null), y = x(null), $ = x(!1), M = x(null), c = g((e) => D(e), [D]), h = m !== void 0, R = h ? m : ce, s = O(() => i.find((e) => e.value === R) || null, [i, R]), _ = O(() => s ? s.displayValue || c(s) : "", [s, c]), u = O(() => {
-    if (!l || s && l === _)
+    if (!r || s && r === _)
       return i;
-    const e = l.toLowerCase().trim();
+    const e = r.toLowerCase().trim();
     return i.filter((a) => {
       const w = c(a).toLowerCase().includes(e), P = a.value.toLowerCase().includes(e), A = a.displayValue?.toLowerCase().includes(e) || !1;
       let v = !1;
       return a.filterTerms && a.filterTerms.length > 0 && (v = a.filterTerms.some((pe) => pe.toLowerCase().includes(e))), w || P || A || v;
     });
-  }, [l, _, s, c, i]), o = g(
+  }, [r, _, s, c, i]), o = g(
     (e, a) => {
-      const w = (a?.length || l.length) >= q;
+      const w = (a?.length || r.length) >= q;
       (!e || e && w) && G(e), e && s && u.length > 5 && requestAnimationFrame(() => {
         M.current && M.current.scrollIntoView({
           block: "nearest",
@@ -65,7 +69,7 @@ const Me = Ne.forwardRef(function({
         });
       });
     },
-    [q, l.length, s, u.length]
+    [q, r.length, s, u.length]
   ), I = g(
     (e) => {
       h || ue(e.value);
@@ -86,15 +90,15 @@ const Me = Ne.forwardRef(function({
   }, U = O(() => {
     if (h) {
       if (m !== K)
-        return s ? _ : l;
+        return s ? _ : r;
       if (s) {
         const e = _;
-        return e !== l ? l : e;
+        return e !== r ? r : e;
       } else
-        return l;
+        return r;
     }
-    return l;
-  }, [h, l, m, K, s, _]), E = (e) => {
+    return r;
+  }, [h, r, m, K, s, _]), E = (e) => {
     if (s) {
       const a = _;
       a !== U && b(a);
@@ -102,15 +106,15 @@ const Me = Ne.forwardRef(function({
       b("");
   }, F = g(() => {
     const e = i.filter((a) => {
-      const w = c(a).toLowerCase(), P = a.value.toLowerCase(), A = a.displayValue?.toLowerCase(), v = l.toLowerCase();
+      const w = c(a).toLowerCase(), P = a.value.toLowerCase(), A = a.displayValue?.toLowerCase(), v = r.toLowerCase();
       return w === v || P === v || A === v;
     });
     e.length === 1 && I(e[0]);
-  }, [l, i, I, c]);
+  }, [r, i, I, c]);
   return Ie(C, (e) => {
     e.target.closest(`.${t}__item`) || e.target.closest(`.${t}__content`) || C.current?.contains(e.target) || e.target === C.current || (F(), E(), o(!1));
   }), /* @__PURE__ */ T("div", { ref: V, className: p(t, H), id: n, ...ne, ...se, children: [
-    k && /* @__PURE__ */ r(
+    k && /* @__PURE__ */ l(
       "input",
       {
         type: "hidden",
@@ -123,7 +127,7 @@ const Me = Ne.forwardRef(function({
       }
     ),
     /* @__PURE__ */ T("div", { ref: C, className: `${t}__wrapper`, children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ l(
         ke,
         {
           element: "label",
@@ -137,7 +141,7 @@ const Me = Ne.forwardRef(function({
           children: S
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ l(
         Ce,
         {
           loop: !0,
@@ -149,7 +153,7 @@ const Me = Ne.forwardRef(function({
           shouldFilter: !1,
           className: `${t}__command-wrapper`,
           children: /* @__PURE__ */ T(he, { open: d, modal: !1, children: [
-            /* @__PURE__ */ r(_e, { asChild: !0, children: /* @__PURE__ */ T(
+            /* @__PURE__ */ l(_e, { asChild: !0, children: /* @__PURE__ */ T(
               "div",
               {
                 className: p(`${t}__input-wrapper`, {
@@ -158,7 +162,7 @@ const Me = Ne.forwardRef(function({
                 role: "combobox",
                 "aria-label": S,
                 children: [
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ l(
                     ye,
                     {
                       id: `${n}-input`,
@@ -173,7 +177,7 @@ const Me = Ne.forwardRef(function({
                         o(!0), e.preventDefault(), e.currentTarget.focus();
                       },
                       onKeyDown: (e) => {
-                        e.key === "Tab" ? (o(!1), F(), E()) : e.key === "Enter" && !d ? (f && f(l, null), u.length === 1 && I(u[0])) : e.key === "Escape" ? (o(!1), e.preventDefault(), F(), E()) : (e.key === "ArrowDown" || e.key === "ArrowUp") && !d && u.length > 0 && (o(!0), e.preventDefault());
+                        e.key === "Tab" ? (o(!1), F(), E()) : e.key === "Enter" && !d ? (f && f(r, null), u.length === 1 && I(u[0])) : e.key === "Escape" ? (o(!1), e.preventDefault(), F(), E()) : (e.key === "ArrowDown" || e.key === "ArrowUp") && !d && u.length > 0 && (o(!0), e.preventDefault());
                       },
                       onBlur: Q,
                       className: p(`${t}__input`, {
@@ -185,7 +189,7 @@ const Me = Ne.forwardRef(function({
                       ref: y
                     }
                   ),
-                  l && /* @__PURE__ */ r(
+                  r && /* @__PURE__ */ l(
                     W,
                     {
                       className: `${t}__close-button`,
@@ -194,7 +198,7 @@ const Me = Ne.forwardRef(function({
                       "aria-label": Z,
                       tabIndex: -1,
                       variant: X.tertiary,
-                      children: /* @__PURE__ */ r(
+                      children: /* @__PURE__ */ l(
                         ie,
                         {
                           color: "currentColor",
@@ -205,7 +209,7 @@ const Me = Ne.forwardRef(function({
                       )
                     }
                   ),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ l(
                     W,
                     {
                       "aria-label": L,
@@ -216,7 +220,7 @@ const Me = Ne.forwardRef(function({
                       "data-testid": `${n}-dropdown`,
                       tabIndex: -1,
                       variant: X.tertiary,
-                      children: /* @__PURE__ */ r(
+                      children: /* @__PURE__ */ l(
                         oe,
                         {
                           color: "currentColor",
@@ -231,7 +235,7 @@ const Me = Ne.forwardRef(function({
                 ]
               }
             ) }),
-            d && /* @__PURE__ */ r(ve, { container: ae?.current || document.body, children: /* @__PURE__ */ r(
+            d && /* @__PURE__ */ l(ve, { container: ae?.current || document.body, children: /* @__PURE__ */ l(
               be,
               {
                 id: `${n}-content`,
@@ -247,7 +251,7 @@ const Me = Ne.forwardRef(function({
                 style: {
                   width: C.current?.offsetWidth || "100%"
                 },
-                children: /* @__PURE__ */ r($e, { className: `${t}__list`, children: u.length > 0 ? /* @__PURE__ */ r(we, { className: `${t}__group`, children: u.map((e) => /* @__PURE__ */ r(
+                children: /* @__PURE__ */ l($e, { className: `${t}__list`, children: u.length > 0 ? /* @__PURE__ */ l(we, { className: `${t}__group`, children: u.map((e) => /* @__PURE__ */ l(
                   ge,
                   {
                     className: p(`${t}__item`, {
@@ -259,13 +263,13 @@ const Me = Ne.forwardRef(function({
                     children: j ? j(e) : c(e)
                   },
                   e.value
-                )) }) : /* @__PURE__ */ r("div", { className: `${t}__no-options`, children: le }) })
+                )) }) : /* @__PURE__ */ l("div", { className: `${t}__no-options`, children: re }) })
               }
             ) })
           ] })
         }
       ),
-      z.validation ? z.validation : /* @__PURE__ */ r("p", { className: p(`${t}__empty-validation`), children: " " })
+      z.validation ? z.validation : /* @__PURE__ */ l("p", { className: p(`${t}__empty-validation`), children: " " })
     ] })
   ] });
 });

package/dist/components/ComboBox/ComboBox.stories.d.ts

@@ -72,6 +72,7 @@ export declare const Playground: {
         };
     };
 };
+export declare const Invalid: () => import("react/jsx-runtime").JSX.Element;
 export declare const ComboBoxInDrawer: () => import("react/jsx-runtime").JSX.Element;
 export declare const CustomRendering: () => import("react/jsx-runtime").JSX.Element;
 export declare const FilterTermsExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComboBox/_combobox.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-combo-box{position:relative;width:100%}.seldon-combo-box__wrapper{display:flex;flex-direction:column;width:100%}.seldon-combo-box__input-wrapper{margin-bottom:.25rem;position:relative}.seldon-combo-box__input-wrapper:hover .seldon-combo-box__close-button,.seldon-combo-box__input-wrapper:focus-within .seldon-combo-box__close-button{opacity:1}.seldon-combo-box__input{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset;accent-color:#000;border:1px solid #000;border-radius:4px;font-variation-settings:"wght" 600;outline:none;padding:var(--spacing-xsm);width:100%}.seldon-combo-box__input::placeholder{font-variation-settings:"wght" 400}.seldon-combo-box__input:hover{border:1px solid rgba(0,0,0,.75)}.seldon-combo-box__input:focus-visible,.seldon-combo-box__input:focus{border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-combo-box__input--invalid{border-color:#ff3d0a;box-shadow:inset 0 0 3px 3px #ff3d0a}.seldon-combo-box__input--invalid:focus{border-radius:4px;outline:2px solid #ff3d0a;outline-offset:4px}.seldon-combo-box__input--invalid:hover{border-color:#ff3d0a}.seldon-combo-box__label{color:#000;display:inline-block;font-variation-settings:"wght" 600;margin-bottom:.5rem;width:fit-content;word-break:break-word}.seldon-combo-box__label--hidden{block-size:1px;border:0;clip-path:inset(100%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap}.seldon-combo-box__label--invalid{color:#ff3d0a}.seldon-combo-box__close-button{color:#000;opacity:0;position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease}.seldon-combo-box__dropdown-button{color:#000;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.seldon-combo-box__dropdown-button--open svg{transform:rotate(180deg)}.seldon-combo-box__content{animation:fade-in .15s ease-out;background-color:#fff;border:1px solid #eae9e6;border-radius:4px;box-shadow:0 5px 15px #0000001a;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;transform:translateY(1px);width:100%;z-index:100}.seldon-combo-box__group{padding:var(--spacing-xsm) 0}.seldon-combo-box__list{max-height:200px;overflow:hidden;overflow-y:auto;position:relative;transition:height .1s ease;width:100%}.seldon-combo-box__item{background-color:#fff;padding:var(--spacing-micro) var(--spacing-xsm);transition:background-color .1s ease;font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-combo-box__item:hover,.seldon-combo-box__item[data-selected=true]{background-color:#eae9e6;cursor:pointer}.seldon-combo-box__item--selected{background-color:#eae9e6;font-variation-settings:"wght" 600}.seldon-combo-box__validation{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:var(--spacing-md);overflow:hidden}.seldon-combo-box__empty-validation{line-height:var(--spacing-sm)}.seldon-combo-box__item__invalid-text{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset;align-items:center;display:flex;margin-top:var(--spacing-xsm)}.seldon-combo-box__no-options{padding-left:var(--spacing-xsm)}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}

package/dist/components/ComposedModal/ComposedModal.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("../../_virtual/index2.cjs"),q=require("react"),t=require("../../utils/index.cjs"),b=require("../Modal/Modal.cjs"),f=require("../Divider/Divider.cjs"),h=require("../Text/Text.cjs"),p=require("../Text/types.cjs"),o=q.forwardRef(({children:c,className:m,overlayClassName:$,isOpen:n=!1,onClose:u=t.noOp,maxHeightValue:x="60vh",title:v,footerContent:a,secondaryButton:l,primaryButton:r,id:d,...i},_)=>{const{className:s,"data-testid":g,...N}=t.getCommonProps({id:d,...i},"ComposedModal");return e.jsxs(b.default,{isOpen:n,onClose:u,...i,...N,className:j.default(`${s}`,m),id:d,ref:_,title:v,children:[e.jsx("div",{className:`${s}__body`,style:{"--max-modal-body-height":x},children:c}),(l||r||a)&&e.jsxs(e.Fragment,{children:[e.jsx(f.default,{className:`${s}__divider`,id:`${d}-divider`}),e.jsxs("div",{className:`${s}__btns-group`,children:[l,r]}),a&&e.jsx(h.default,{variant:p.TextVariants.bodySmall,className:`${s}__disclaimer`,children:a})]})]})});o.displayName="ComposedModal";exports.default=o;
+require('./_composedModal.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../_virtual/index2.cjs"),j=require("react"),t=require("../../utils/index.cjs"),b=require("../Modal/Modal.cjs");;const f=require("../Divider/Divider.cjs"),h=require("../Text/Text.cjs"),p=require("../Text/types.cjs"),o=j.forwardRef(({children:c,className:m,overlayClassName:$,isOpen:u=!1,onClose:n=t.noOp,maxHeightValue:x="60vh",title:v,footerContent:a,secondaryButton:r,primaryButton:l,id:d,...i},_)=>{const{className:s,"data-testid":g,...q}=t.getCommonProps({id:d,...i},"ComposedModal");return e.jsxs(b.default,{isOpen:u,onClose:n,...i,...q,className:N.default(`${s}`,m),id:d,ref:_,title:v,children:[e.jsx("div",{className:`${s}__body`,style:{"--max-modal-body-height":x},children:c}),(r||l||a)&&e.jsxs(e.Fragment,{children:[e.jsx(f.default,{className:`${s}__divider`,id:`${d}-divider`}),e.jsxs("div",{className:`${s}__btns-group`,children:[r,l]}),a&&e.jsx(h.default,{variant:p.TextVariants.bodySmall,className:`${s}__disclaimer`,children:a})]})]})});o.displayName="ComposedModal";exports.default=o;

package/dist/components/ComposedModal/ComposedModal.js

@@ -1,37 +1,39 @@
+import './_composedModal.css';
 import { jsxs as o, jsx as e, Fragment as _ } from "react/jsx-runtime";
 import h from "../../_virtual/index2.js";
 import { forwardRef as x } from "react";
 import { getCommonProps as $, noOp as b } from "../../utils/index.js";
 import g from "../Modal/Modal.js";
+
 import y from "../Divider/Divider.js";
 import C from "../Text/Text.js";
 import { TextVariants as M } from "../Text/types.js";
 const j = x(
   ({
-    children: i,
+    children: l,
     className: t,
     overlayClassName: P,
-    isOpen: c = !1,
-    onClose: p = b,
+    isOpen: p = !1,
+    onClose: c = b,
     maxHeightValue: f = "60vh",
     title: N,
     footerContent: m,
     secondaryButton: r,
     primaryButton: d,
     id: s,
-    ...l
+    ...i
   }, n) => {
     const {
       className: a,
       "data-testid": T,
       ...v
-    } = $({ id: s, ...l }, "ComposedModal");
+    } = $({ id: s, ...i }, "ComposedModal");
     return /* @__PURE__ */ o(
       g,
       {
-        isOpen: c,
-        onClose: p,
-        ...l,
+        isOpen: p,
+        onClose: c,
+        ...i,
         ...v,
         className: h(`${a}`, t),
         id: s,
@@ -43,7 +45,7 @@ const j = x(
             {
               className: `${a}__body`,
               style: { "--max-modal-body-height": f },
-              children: i
+              children: l
             }
           ),
           (r || d || m) && /* @__PURE__ */ o(_, { children: [

package/dist/components/ComposedModal/_composedModal.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-composed-modal{border-radius:12px;max-width:95vw;min-width:100%;padding:var(--spacing-lg) 0 var(--spacing-sm) 0}.seldon-composed-modal:not(:has(.seldon-composed-modal__btns-group)){padding-bottom:var(--spacing-lg)}@media(min-width:361px){.seldon-composed-modal{min-width:22.5rem}}@media(min-width:961px){.seldon-composed-modal{min-width:35rem;width:35rem}}.seldon-composed-modal__body{margin:0 var(--spacing-lg) var(--spacing-md);max-height:var("--max-modal-body-height");overflow-y:auto}.seldon-composed-modal .seldon-divider,.seldon-composed-modal .seldon-divider hr{margin:0}.seldon-composed-modal__btns-group{display:flex;gap:var(--spacing-sm);justify-content:center;margin:0 var(--spacing-lg);padding:var(--spacing-sm) 0 0}@media(max-width:450px){.seldon-composed-modal__btns-group{align-items:center;flex-direction:column}}.seldon-composed-modal__btns-group>*{flex:1 1 50%}@media(max-width:450px){.seldon-composed-modal__btns-group>*{flex:1 1 auto}}.seldon-composed-modal__btns{padding:0 var(--spacing-md) var(--spacing-sm)}.seldon-composed-modal__disclaimer{margin-top:var(--spacing-sm);padding:0 var(--spacing-md)}.seldon-composed-modal__body{max-height:var(--max-modal-body-height);overflow-y:auto}}

package/dist/components/ContentPeek/ContentPeek.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),g=require("../../_virtual/index2.cjs"),N=require("../../utils/index.cjs"),S=require("../Button/Button.cjs"),H=require("../Button/types.cjs"),c=require("./utils.cjs"),m=require("../../utils/constants.cjs"),I=require("../Collapsible/Collapsible.cjs"),M=require("../Collapsible/CollapsibleContent.cjs"),_=require("../Collapsible/CollapsibleTrigger.cjs"),h=require("../Icon/Icon.cjs"),p=s.forwardRef(({className:q,children:v,contentExpandText:C="Read More",contentCollapseText:y="Read Less",maxHeight:d=480,minHeightThreshold:i,heightUnits:f=c.HeightUnits.px,...u},E)=>{const{className:t,...j}=N.getCommonProps(u,"ContentPeek"),[r,R]=s.useState(!1),[x,P]=s.useState(!1),l=s.useRef(null),o=f===c.HeightUnits.rem?d*m.DEFAULT_REM_SIZE:d,$=i?i*m.DEFAULT_REM_SIZE:null,n=f===c.HeightUnits.rem?$:i;s.useEffect(()=>{if(l.current){const a=n??o;P(l.current.scrollHeight>a)}},[o,n]),s.useEffect(()=>{const a=n&&n>=o?n:o;l.current?.style.setProperty("--content-peek-max-height",`${a}${c.HeightUnits.px}`)},[o,n]);const b=s.useCallback(()=>{R(a=>!a)},[]);return e.jsxs(I.default,{id:u?.id,open:r,onOpenChange:b,className:g.default(t,q),ref:E,...j,...u,children:[e.jsx(M.default,{className:`${t}-content`,ref:l,forceMount:!0,children:v}),x?e.jsx("div",{className:g.default(`${t}-overlay`,{[`${t}-overlay--expanded`]:r,[`${t}-overlay--gradient`]:x&&!r}),children:e.jsx("div",{className:`${t}-overlay-trigger-wrapper`,children:e.jsx(_.default,{asChild:!0,className:`${t}-overlay-trigger`,children:e.jsxs(S.default,{variant:H.ButtonVariants.secondary,children:[r?e.jsx(h.default,{icon:"Subtract"}):e.jsx(h.default,{icon:"Add"}),r?y:C]})})})}):null]})});p.displayName="ContentPeek";exports.default=p;
+require('./_contentPeek.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),g=require("../../_virtual/index2.cjs"),N=require("../../utils/index.cjs"),S=require("../Button/Button.cjs"),H=require("../Button/types.cjs"),c=require("./utils.cjs"),m=require("../../utils/constants.cjs");;const I=require("../Collapsible/Collapsible.cjs"),M=require("../Collapsible/CollapsibleContent.cjs"),_=require("../Collapsible/CollapsibleTrigger.cjs"),h=require("../Icon/Icon.cjs"),p=s.forwardRef(({className:q,children:v,contentExpandText:C="Read More",contentCollapseText:y="Read Less",maxHeight:d=480,minHeightThreshold:i,heightUnits:f=c.HeightUnits.px,...u},E)=>{const{className:t,...j}=N.getCommonProps(u,"ContentPeek"),[r,R]=s.useState(!1),[x,P]=s.useState(!1),l=s.useRef(null),o=f===c.HeightUnits.rem?d*m.DEFAULT_REM_SIZE:d,$=i?i*m.DEFAULT_REM_SIZE:null,n=f===c.HeightUnits.rem?$:i;s.useEffect(()=>{if(l.current){const a=n??o;P(l.current.scrollHeight>a)}},[o,n]),s.useEffect(()=>{const a=n&&n>=o?n:o;l.current?.style.setProperty("--content-peek-max-height",`${a}${c.HeightUnits.px}`)},[o,n]);const b=s.useCallback(()=>{R(a=>!a)},[]);return e.jsxs(I.default,{id:u?.id,open:r,onOpenChange:b,className:g.default(t,q),ref:E,...j,...u,children:[e.jsx(M.default,{className:`${t}-content`,ref:l,forceMount:!0,children:v}),x?e.jsx("div",{className:g.default(`${t}-overlay`,{[`${t}-overlay--expanded`]:r,[`${t}-overlay--gradient`]:x&&!r}),children:e.jsx("div",{className:`${t}-overlay-trigger-wrapper`,children:e.jsx(_.default,{asChild:!0,className:`${t}-overlay-trigger`,children:e.jsxs(S.default,{variant:H.ButtonVariants.secondary,children:[r?e.jsx(h.default,{icon:"Subtract"}):e.jsx(h.default,{icon:"Add"}),r?y:C]})})})}):null]})});p.displayName="ContentPeek";exports.default=p;

package/dist/components/ContentPeek/ContentPeek.js

@@ -1,3 +1,4 @@
+import './_contentPeek.css';
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { forwardRef as w, useState as u, useRef as H, useEffect as h, useCallback as M } from "react";
 import g from "../../_virtual/index2.js";
@@ -6,6 +7,7 @@ import S from "../Button/Button.js";
 import { ButtonVariants as T } from "../Button/types.js";
 import { HeightUnits as l } from "./utils.js";
 import { DEFAULT_REM_SIZE as x } from "../../utils/constants.js";
+
 import j from "../Collapsible/Collapsible.js";
 import A from "../Collapsible/CollapsibleContent.js";
 import B from "../Collapsible/CollapsibleTrigger.js";

package/dist/components/ContentPeek/_contentPeek.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-content-peek{display:flex;flex-direction:column;gap:12px;position:relative}.seldon-content-peek-content{overflow:hidden}.seldon-content-peek-content[data-state=closed]{max-height:var(--content-peek-max-height, none)}.seldon-content-peek-overlay{bottom:0;display:flex;flex-direction:column;left:0;pointer-events:none;position:absolute;right:0}.seldon-content-peek-overlay--expanded{position:relative}.seldon-content-peek-overlay--gradient:before{background:linear-gradient(180deg,#fafafa00,#ffffff0d 6.25%,#ffffffbf 53.65%,#fff 90.62%);content:"";height:100px;pointer-events:none;width:100%}.seldon-content-peek-overlay-trigger-wrapper{background:#fff;display:flex;justify-content:center;pointer-events:auto;width:100%}.seldon-content-peek-overlay-trigger{width:fit-content}}

package/dist/components/Countdown/Countdown.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),z=require("../../utils/index.cjs"),H=require("../../_virtual/index2.cjs"),P=require("../../types/commonTypes.cjs"),i=require("./types.cjs"),m=require("./Duration.cjs"),R=require("../../node_modules/date-fns/locale/zh-CN.cjs"),U=require("../../node_modules/date-fns/locale/en-US.cjs"),x=require("../../node_modules/date-fns/differenceInSeconds.cjs"),I=require("../../node_modules/date-fns/differenceInMinutes.cjs"),y=require("../../node_modules/date-fns/differenceInHours.cjs"),p=require("../../node_modules/date-fns/differenceInDays.cjs"),E=require("../../node_modules/date-fns/differenceInMilliseconds.cjs"),C=require("../Text/types.cjs"),F=require("../Text/Text.cjs"),j=f.forwardRef(({endDateTime:e,formatDurationStr:a,label:h="Lots Close in",intervalDescription:g,className:M,locale:$="en",showBottomBorder:N=!0,variant:l=i.CountdownVariants.default,getCurrentDateTime:c=()=>new Date,centerAlign:V=!1,...q},b)=>{const{className:r,...S}=z.getCommonProps(q,"Countdown"),[s,_]=f.useState(c()||new Date),d=$===P.SupportedLanguages.zh?R.zhCN:U.enUS,n={days:p.differenceInDays(e,s)>0?p.differenceInDays(e,s):0,hours:y.differenceInHours(e,s)>0?y.differenceInHours(e,s)%24:0,minutes:I.differenceInMinutes(e,s)>0?I.differenceInMinutes(e,s)%60:0,seconds:(x.differenceInSeconds(e,s)>0?x.differenceInSeconds(e,s)%60:0)%60};f.useEffect(()=>{const t=setInterval(()=>{_(c()||new Date)},1e3);return()=>clearInterval(t)},[e,c]);const v=f.useMemo(()=>{const t=c();return!!t&&new Date(e).getTime()>t.getTime()},[e,c]),L=E.differenceInMilliseconds(e,s)<=180*1e3,u=l===i.CountdownVariants.sm?C.TextVariants.labelSmall:C.TextVariants.labelMedium,w=[n.days>0?o.jsx(m.Duration,{duration:n,unit:"days",locale:d,formatDurationStr:a,textVariant:u},"days"):null,n.days>0||n.hours>0?o.jsx(m.Duration,{duration:n,unit:"hours",locale:d,formatDurationStr:a,textVariant:u},"hours"):null,n.days===0?o.jsx(m.Duration,{duration:n,unit:"minutes",locale:d,formatDurationStr:a,textVariant:u},"minutes"):null,n.days===0&&n.hours===0?o.jsx(m.Duration,{duration:n,unit:"seconds",locale:d,formatDurationStr:a,textVariant:u},"seconds"):null].filter(t=>t!=null);return v?o.jsxs("div",{"data-chromatic":"ignore",...S,className:H.default(r,M,{[`${r}--compact`]:l===i.CountdownVariants.compact,[`${r}--sm`]:l===i.CountdownVariants.sm,[`${r}--show-bottom-border`]:N,[`${r}--closing-lot`]:L,[`${r}--center-align`]:V}),...q,ref:b,children:[o.jsxs("div",{className:`${r}__countdown-container`,role:"timer","aria-label":h,children:[o.jsx(F.default,{variant:u,children:h}),w.length>0?o.jsx("div",{className:`${r}__duration-group`,children:w}):null]}),l===i.CountdownVariants.default?o.jsx("span",{children:g}):null]}):null});j.displayName="Countdown";exports.default=j;
+require('./_countdown.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),z=require("../../utils/index.cjs"),H=require("../../_virtual/index2.cjs"),P=require("../../types/commonTypes.cjs"),i=require("./types.cjs"),m=require("./Duration.cjs");;const R=require("../../node_modules/date-fns/locale/zh-CN.cjs"),U=require("../../node_modules/date-fns/locale/en-US.cjs"),x=require("../../node_modules/date-fns/differenceInSeconds.cjs"),I=require("../../node_modules/date-fns/differenceInMinutes.cjs"),y=require("../../node_modules/date-fns/differenceInHours.cjs"),p=require("../../node_modules/date-fns/differenceInDays.cjs"),E=require("../../node_modules/date-fns/differenceInMilliseconds.cjs"),C=require("../Text/types.cjs"),F=require("../Text/Text.cjs"),j=f.forwardRef(({endDateTime:e,formatDurationStr:a,label:h="Lots Close in",intervalDescription:g,className:M,locale:$="en",showBottomBorder:N=!0,variant:l=i.CountdownVariants.default,getCurrentDateTime:u=()=>new Date,centerAlign:V=!1,...q},b)=>{const{className:r,...S}=z.getCommonProps(q,"Countdown"),[s,_]=f.useState(u()||new Date),d=$===P.SupportedLanguages.zh?R.zhCN:U.enUS,n={days:p.differenceInDays(e,s)>0?p.differenceInDays(e,s):0,hours:y.differenceInHours(e,s)>0?y.differenceInHours(e,s)%24:0,minutes:I.differenceInMinutes(e,s)>0?I.differenceInMinutes(e,s)%60:0,seconds:(x.differenceInSeconds(e,s)>0?x.differenceInSeconds(e,s)%60:0)%60};f.useEffect(()=>{const t=setInterval(()=>{_(u()||new Date)},1e3);return()=>clearInterval(t)},[e,u]);const v=f.useMemo(()=>{const t=u();return!!t&&new Date(e).getTime()>t.getTime()},[e,u]),L=E.differenceInMilliseconds(e,s)<=180*1e3,c=l===i.CountdownVariants.sm?C.TextVariants.labelSmall:C.TextVariants.labelMedium,w=[n.days>0?o.jsx(m.Duration,{duration:n,unit:"days",locale:d,formatDurationStr:a,textVariant:c},"days"):null,n.days>0||n.hours>0?o.jsx(m.Duration,{duration:n,unit:"hours",locale:d,formatDurationStr:a,textVariant:c},"hours"):null,n.days===0?o.jsx(m.Duration,{duration:n,unit:"minutes",locale:d,formatDurationStr:a,textVariant:c},"minutes"):null,n.days===0&&n.hours===0?o.jsx(m.Duration,{duration:n,unit:"seconds",locale:d,formatDurationStr:a,textVariant:c},"seconds"):null].filter(t=>t!=null);return v?o.jsxs("div",{"data-chromatic":"ignore",...S,className:H.default(r,M,{[`${r}--compact`]:l===i.CountdownVariants.compact,[`${r}--sm`]:l===i.CountdownVariants.sm,[`${r}--show-bottom-border`]:N,[`${r}--closing-lot`]:L,[`${r}--center-align`]:V}),...q,ref:b,children:[o.jsxs("div",{className:`${r}__countdown-container`,role:"timer","aria-label":h,children:[o.jsx(F.default,{variant:c,children:h}),w.length>0?o.jsx("div",{className:`${r}__duration-group`,children:w}):null]}),l===i.CountdownVariants.default?o.jsx("span",{children:g}):null]}):null});j.displayName="Countdown";exports.default=j;

package/dist/components/Countdown/Countdown.js

@@ -1,10 +1,12 @@
+import './_countdown.css';
 import { jsx as t, jsxs as w } from "react/jsx-runtime";
 import { forwardRef as P, useState as S, useEffect as E, useMemo as F } from "react";
 import { getCommonProps as G } from "../../utils/index.js";
 import H from "../../_virtual/index2.js";
 import { SupportedLanguages as R } from "../../types/commonTypes.js";
-import { CountdownVariants as a } from "./types.js";
+import { CountdownVariants as i } from "./types.js";
 import { Duration as d } from "./Duration.js";
+
 import { zhCN as U } from "../../node_modules/date-fns/locale/zh-CN.js";
 import { enUS as k } from "../../node_modules/date-fns/locale/en-US.js";
 import { differenceInSeconds as y } from "../../node_modules/date-fns/differenceInSeconds.js";
@@ -17,13 +19,13 @@ import A from "../Text/Text.js";
 const B = P(
   ({
     endDateTime: o,
-    formatDurationStr: i,
+    formatDurationStr: a,
     label: f = "Lots Close in",
     intervalDescription: $,
     className: x,
     locale: b = "en",
     showBottomBorder: L = !0,
-    variant: m = a.default,
+    variant: m = i.default,
     getCurrentDateTime: l = () => /* @__PURE__ */ new Date(),
     centerAlign: M = !1,
     ...p
@@ -43,14 +45,14 @@ const B = P(
     const j = F(() => {
       const e = l();
       return !!e && new Date(o).getTime() > e.getTime();
-    }, [o, l]), z = q(o, n) <= 180 * 1e3, c = m === a.sm ? N.labelSmall : N.labelMedium, h = [
+    }, [o, l]), z = q(o, n) <= 180 * 1e3, c = m === i.sm ? N.labelSmall : N.labelMedium, h = [
       s.days > 0 ? /* @__PURE__ */ t(
         d,
         {
           duration: s,
           unit: "days",
           locale: u,
-          formatDurationStr: i,
+          formatDurationStr: a,
           textVariant: c
         },
         "days"
@@ -61,7 +63,7 @@ const B = P(
           duration: s,
           unit: "hours",
           locale: u,
-          formatDurationStr: i,
+          formatDurationStr: a,
           textVariant: c
         },
         "hours"
@@ -72,7 +74,7 @@ const B = P(
           duration: s,
           unit: "minutes",
           locale: u,
-          formatDurationStr: i,
+          formatDurationStr: a,
           textVariant: c
         },
         "minutes"
@@ -83,7 +85,7 @@ const B = P(
           duration: s,
           unit: "seconds",
           locale: u,
-          formatDurationStr: i,
+          formatDurationStr: a,
           textVariant: c
         },
         "seconds"
@@ -95,8 +97,8 @@ const B = P(
         "data-chromatic": "ignore",
         ...v,
         className: H(r, x, {
-          [`${r}--compact`]: m === a.compact,
-          [`${r}--sm`]: m === a.sm,
+          [`${r}--compact`]: m === i.compact,
+          [`${r}--sm`]: m === i.sm,
           [`${r}--show-bottom-border`]: L,
           [`${r}--closing-lot`]: z,
           [`${r}--center-align`]: M
@@ -108,7 +110,7 @@ const B = P(
             /* @__PURE__ */ t(A, { variant: c, children: f }),
             h.length > 0 ? /* @__PURE__ */ t("div", { className: `${r}__duration-group`, children: h }) : null
           ] }),
-          m === a.default ? /* @__PURE__ */ t("span", { children: $ }) : null
+          m === i.default ? /* @__PURE__ */ t("span", { children: $ }) : null
         ]
       }
     ) : null;

package/dist/components/Countdown/Duration.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/index.cjs"),d=require("../../node_modules/date-fns/formatDuration.cjs"),i=require("../Text/Text.cjs"),l=require("../Text/types.cjs"),m=({duration:n,unit:s,locale:o,formatDurationStr:u=t=>t,textVariant:r=l.TextVariants.labelMedium})=>{const t=`${c.px}-duration`,a=d.formatDuration(n,{format:[s],zero:!0,locale:o}).split(" ");return e.jsxs("div",{className:t,children:[e.jsx(i.default,{variant:r,children:a[0].padStart(2,"0")}),e.jsx(i.default,{variant:r,children:u(a[1])})]})};exports.Duration=m;
+require('./_duration.css');
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("../../utils/index.cjs");;const d=require("../../node_modules/date-fns/formatDuration.cjs"),i=require("../Text/Text.cjs"),l=require("../Text/types.cjs"),m=({duration:n,unit:s,locale:o,formatDurationStr:u=e=>e,textVariant:t=l.TextVariants.labelMedium})=>{const e=`${c.px}-duration`,a=d.formatDuration(n,{format:[s],zero:!0,locale:o}).split(" ");return r.jsxs("div",{className:e,children:[r.jsx(i.default,{variant:t,children:a[0].padStart(2,"0")}),r.jsx(i.default,{variant:t,children:u(a[1])})]})};exports.Duration=m;

package/dist/components/Countdown/Duration.js

@@ -1,9 +1,11 @@
+import './_duration.css';
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { px as d } from "../../utils/index.js";
+
 import { formatDuration as l } from "../../node_modules/date-fns/formatDuration.js";
 import i from "../Text/Text.js";
 import { TextVariants as c } from "../Text/types.js";
-const b = ({
+const j = ({
   duration: m,
   unit: s,
   locale: e,
@@ -17,5 +19,5 @@ const b = ({
   ] });
 };
 export {
-  b as Duration
+  j as Duration
 };

package/dist/components/Countdown/_countdown.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-countdown{align-items:stretch;border-bottom:none;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;padding-bottom:var(--spacing-sm);width:100%}.seldon-countdown--closing-lot .seldon-duration,.seldon-countdown--closing-lot .seldon-duration .seldon-text{color:#ea0404;font-variation-settings:"wght" 600}.seldon-countdown--show-bottom-border{border-bottom:1px solid #eae9e6;margin-bottom:1.5rem}.seldon-countdown__countdown-container{align-items:flex-start;display:flex;flex-flow:row wrap;gap:var(--spacing-micro) var(--spacing-sm);justify-content:flex-start;text-transform:inherit;width:100%}.seldon-countdown__countdown-container>.seldon-text{flex-shrink:0;font-variation-settings:"wght" 600}.seldon-countdown--center-align .seldon-countdown__countdown-container{align-items:center;justify-content:center;text-align:center}.seldon-countdown--center-align .seldon-countdown__duration-group{justify-content:center}.seldon-countdown__duration-group{align-items:center;display:flex;flex-flow:row wrap;gap:0 var(--spacing-sm);justify-content:flex-start}.seldon-countdown__duration-group .seldon-duration .seldon-text{font-variation-settings:"wght" 600}.seldon-countdown--compact .seldon-countdown__countdown-container,.seldon-countdown--compact .seldon-countdown__duration-group{column-gap:var(--spacing-xsm)}.seldon-countdown--compact--closing-lot .seldon-duration,.seldon-countdown--compact--closing-lot .seldon-duration .seldon-text{color:#ea0404;font-variation-settings:"wght" 600}}

package/dist/components/Countdown/_duration.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-duration{display:flex;gap:var(--spacing-micro)}}

package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("react"),f=require("../../utils/index.cjs"),i=require("../../_virtual/index2.cjs"),n=require("../Text/Text.cjs"),h=require("../Text/types.cjs"),r=b.forwardRef(({labelText:l,description:a,className:d,containerClassName:o,id:u,...s},m)=>{const{className:e,..._}=f.getCommonProps(s,"descriptive-radio-button"),c=u,x=a?`${c}-desc`:void 0;return t.jsxs("label",{htmlFor:c,className:i.default(`${e}__container`,o,{[`${e}__container--selected`]:s.checked}),children:[t.jsx("input",{..._,...s,ref:m,id:c,type:"radio",className:i.default(`${e}__input`,d),checked:s.checked}),t.jsxs("span",{className:`${e}__label-content`,children:[t.jsx(n.default,{variant:h.TextVariants.labelLarge,className:`${e}__label-text`,children:l}),a&&t.jsx(n.default,{id:x,className:`${e}__description`,children:a})]})]})});r.displayName="DescriptiveRadioButton";exports.default=r;
+require('./_descriptiveRadioButton.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("react"),f=require("../../utils/index.cjs"),i=require("../../_virtual/index2.cjs"),n=require("../Text/Text.cjs");;const h=require("../Text/types.cjs"),r=b.forwardRef(({labelText:l,description:a,className:d,containerClassName:o,id:u,...s},m)=>{const{className:e,..._}=f.getCommonProps(s,"descriptive-radio-button"),c=u,x=a?`${c}-desc`:void 0;return t.jsxs("label",{htmlFor:c,className:i.default(`${e}__container`,o,{[`${e}__container--selected`]:s.checked}),children:[t.jsx("input",{..._,...s,ref:m,id:c,type:"radio",className:i.default(`${e}__input`,d),checked:s.checked}),t.jsxs("span",{className:`${e}__label-content`,children:[t.jsx(n.default,{variant:h.TextVariants.labelLarge,className:`${e}__label-text`,children:l}),a&&t.jsx(n.default,{id:x,className:`${e}__description`,children:a})]})]})});r.displayName="DescriptiveRadioButton";exports.default=r;

package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.js

@@ -1,38 +1,40 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import './_descriptiveRadioButton.css';
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { getCommonProps as u } from "../../utils/index.js";
-import r from "../../_virtual/index2.js";
+import c from "../../_virtual/index2.js";
 import i from "../Text/Text.js";
+
 import { TextVariants as N } from "../Text/types.js";
 const $ = h(
-  ({ labelText: m, description: t, className: n, containerClassName: l, id: d, ...a }, _) => {
-    const { className: e, ...p } = u(
-      a,
+  ({ labelText: m, description: a, className: n, containerClassName: l, id: d, ...t }, p) => {
+    const { className: e, ..._ } = u(
+      t,
       "descriptive-radio-button"
-    ), s = d, f = t ? `${s}-desc` : void 0;
-    return /* @__PURE__ */ c(
+    ), o = d, f = a ? `${o}-desc` : void 0;
+    return /* @__PURE__ */ r(
       "label",
       {
-        htmlFor: s,
-        className: r(`${e}__container`, l, {
-          [`${e}__container--selected`]: a.checked
+        htmlFor: o,
+        className: c(`${e}__container`, l, {
+          [`${e}__container--selected`]: t.checked
         }),
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "input",
             {
-              ...p,
-              ...a,
-              ref: _,
-              id: s,
+              ..._,
+              ...t,
+              ref: p,
+              id: o,
               type: "radio",
-              className: r(`${e}__input`, n),
-              checked: a.checked
+              className: c(`${e}__input`, n),
+              checked: t.checked
             }
           ),
-          /* @__PURE__ */ c("span", { className: `${e}__label-content`, children: [
-            /* @__PURE__ */ o(i, { variant: N.labelLarge, className: `${e}__label-text`, children: m }),
-            t && /* @__PURE__ */ o(i, { id: f, className: `${e}__description`, children: t })
+          /* @__PURE__ */ r("span", { className: `${e}__label-content`, children: [
+            /* @__PURE__ */ s(i, { variant: N.labelLarge, className: `${e}__label-text`, children: m }),
+            a && /* @__PURE__ */ s(i, { id: f, className: `${e}__description`, children: a })
           ] })
         ]
       }

package/dist/components/DescriptiveRadioButton/_descriptiveRadioButton.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-descriptive-radio-button__container{align-items:flex-start;background:#fff;border:1px solid #eae9e6;border-radius:4px;cursor:pointer;display:flex;padding:var(--spacing-sm)}.seldon-descriptive-radio-button__container--selected{border:1.5px solid #000}.seldon-descriptive-radio-button__container:has(input:focus-visible){border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-descriptive-radio-button__input{accent-color:#eae9e6;cursor:pointer;height:1rem;margin-right:var(--spacing-sm);margin-top:2px;width:1rem}@media(min-width:961px){.seldon-descriptive-radio-button__input{margin-top:var(--spacing-micro)}}.seldon-descriptive-radio-button__input:focus,.seldon-descriptive-radio-button__input:focus-visible{outline:none}.seldon-descriptive-radio-button__input:checked{accent-color:#000}.seldon-descriptive-radio-button__label-content{align-items:flex-start;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.seldon-descriptive-radio-button__label-text{font-variation-settings:"wght" 600}.seldon-descriptive-radio-button__description{display:block}}

package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("react"),p=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),x=require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs"),a=f.forwardRef(({legendText:d,hideLegend:l=!0,options:r,name:t,value:o,onValueChange:n,className:c,...g},m)=>{const{className:i,...v}=p.getCommonProps(g,"descriptive-radio-button-group");if(!r||r.length===0)return null;const u=`${t}_radio-button-group`;return s.jsxs("fieldset",{...v,className:b.default(i,c),ref:m,name:t,role:"radiogroup","aria-labelledby":u,children:[s.jsx("legend",{id:u,className:l?`${i}__sr-only`:void 0,children:d}),r.map(e=>s.jsx(x.default,{...e,name:t,checked:o===e.value,onChange:()=>n(String(e.value??"")),id:e.id},e.id))]})});a.displayName="DescriptiveRadioButtonGroup";exports.default=a;
+require('./_descriptiveRadioButtonGroup.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),f=require("react"),p=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),q=require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs");;const a=f.forwardRef(({legendText:d,hideLegend:l=!0,options:r,name:t,value:o,onValueChange:n,className:c,...g},m)=>{const{className:s,...v}=p.getCommonProps(g,"descriptive-radio-button-group");if(!r||r.length===0)return null;const u=`${t}_radio-button-group`;return i.jsxs("fieldset",{...v,className:b.default(s,c),ref:m,name:t,role:"radiogroup","aria-labelledby":u,children:[i.jsx("legend",{id:u,className:l?`${s}__sr-only`:void 0,children:d}),r.map(e=>i.jsx(q.default,{...e,name:t,checked:o===e.value,onChange:()=>n(String(e.value??"")),id:e.id},e.id))]})});a.displayName="DescriptiveRadioButtonGroup";exports.default=a;

package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js

@@ -1,14 +1,16 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import './_descriptiveRadioButtonGroup.css';
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { getCommonProps as v } from "../../utils/index.js";
 import b from "../../_virtual/index2.js";
 import h from "../DescriptiveRadioButton/DescriptiveRadioButton.js";
+
 const N = g(
   ({ legendText: t, hideLegend: d = !0, options: e, name: o, value: l, onValueChange: m, className: u, ...c }, n) => {
     const { className: a, ...p } = v(c, "descriptive-radio-button-group");
     if (!e || e.length === 0)
       return null;
-    const s = `${o}_radio-button-group`;
+    const i = `${o}_radio-button-group`;
     return /* @__PURE__ */ f(
       "fieldset",
       {
@@ -17,10 +19,10 @@ const N = g(
         ref: n,
         name: o,
         role: "radiogroup",
-        "aria-labelledby": s,
+        "aria-labelledby": i,
         children: [
-          /* @__PURE__ */ i("legend", { id: s, className: d ? `${a}__sr-only` : void 0, children: t }),
-          e.map((r) => /* @__PURE__ */ i(
+          /* @__PURE__ */ s("legend", { id: i, className: d ? `${a}__sr-only` : void 0, children: t }),
+          e.map((r) => /* @__PURE__ */ s(
             h,
             {
               ...r,

package/dist/components/DescriptiveRadioButtonGroup/_descriptiveRadioButtonGroup.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-descriptive-radio-button-group{border:none;display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0}@media(min-width:961px){.seldon-descriptive-radio-button-group{gap:var(--spacing-md)}}.seldon-descriptive-radio-button-group__sr-only{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}}

package/dist/components/Detail/Detail.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),j=require("../../utils/index.cjs"),r=require("../../_virtual/index2.cjs"),l=require("../Text/types.cjs"),i=require("../Text/Text.cjs"),d=T.forwardRef(({className:u="",hasWrap:o=!0,label:m,subLabel:t,value:x,variant:s="md",...n},b)=>{const{className:e,..._}=j.getCommonProps(n,"Detail"),c=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.labelLarge:l.TextVariants.labelMedium,f=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.bodyLarge:l.TextVariants.labelMedium;return a.jsxs("div",{..._,className:r.default(e,u),...n,ref:b,children:[a.jsxs("div",{className:r.default(`${e}__label-section`,{[`${e}__label--no-wrap`]:!o,[`${e}__label-section--has-sub-label`]:t}),children:[a.jsx(i.default,{variant:c,className:r.default(`${e}__label-section--label`),children:m})," ",t?a.jsx(i.default,{className:`${e}__sub-label`,variant:c,children:t}):null]}),a.jsx("div",{className:`${e}__value`,children:a.jsx(i.default,{variant:f,children:x})})]})});d.displayName="Detail";exports.default=d;
+require('./_detail.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),j=require("../../utils/index.cjs"),r=require("../../_virtual/index2.cjs");;const l=require("../Text/types.cjs"),i=require("../Text/Text.cjs"),u=T.forwardRef(({className:d="",hasWrap:o=!0,label:m,subLabel:t,value:x,variant:s="md",...n},b)=>{const{className:e,..._}=j.getCommonProps(n,"Detail"),c=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.labelLarge:l.TextVariants.labelMedium,f=s==="sm"?l.TextVariants.labelSmall:s==="lg"?l.TextVariants.bodyLarge:l.TextVariants.labelMedium;return a.jsxs("div",{..._,className:r.default(e,d),...n,ref:b,children:[a.jsxs("div",{className:r.default(`${e}__label-section`,{[`${e}__label--no-wrap`]:!o,[`${e}__label-section--has-sub-label`]:t}),children:[a.jsx(i.default,{variant:c,className:r.default(`${e}__label-section--label`),children:m})," ",t?a.jsx(i.default,{className:`${e}__sub-label`,variant:c,children:t}):null]}),a.jsx("div",{className:`${e}__value`,children:a.jsx(i.default,{variant:f,children:x})})]})});u.displayName="Detail";exports.default=u;