@charcoal-ui/react 5.5.0-beta.2 → 5.5.0-beta.3

package/dist/components/Pagination/PaginationContext.d.ts

@@ -5,16 +5,16 @@ export type LinkComponentProps = {
     className?: string;
     children?: React.ReactNode;
 };
-type PaginationContextValue = {
+export type PaginationContextValue<T extends React.ElementType = 'a'> = {
     page: number;
     pageCount: number;
     size: Size;
     isLinkMode: boolean;
     makeUrl?: (page: number) => string;
-    LinkComponent: React.ElementType<LinkComponentProps>;
+    LinkComponent: T;
     makeClickHandler: (value: number) => () => void;
+    linkProps?: Omit<React.ComponentPropsWithoutRef<T>, 'href' | 'children'>;
 };
-export declare const PaginationContext: import("react").Context<PaginationContextValue | null>;
-export declare function usePaginationContext(): PaginationContextValue;
-export {};
+export declare const PaginationContext: import("react").Context<PaginationContextValue<import("react").ElementType<LinkComponentProps, keyof import("react").JSX.IntrinsicElements>> | null>;
+export declare function usePaginationContext<T extends React.ElementType = 'a'>(): PaginationContextValue<T>;
 //# sourceMappingURL=PaginationContext.d.ts.map

package/dist/components/Pagination/PaginationContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,CAAA;AAEtC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,aAAa,EAAE,KAAK,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAA;IACpD,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,iBAAiB,wDAE7B,CAAA;AAED,wBAAgB,oBAAoB,IAAI,sBAAsB,CAQ7D"}
+{"version":3,"file":"PaginationContext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,CAAA;AAEtC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI;IACtE,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,aAAa,EAAE,CAAC,CAAA;IAChB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;CACzE,CAAA;AAED,eAAO,MAAM,iBAAiB,sJAEf,CAAA;AAEf,wBAAgB,oBAAoB,CAClC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,KAC9B,sBAAsB,CAAC,CAAC,CAAC,CAQ7B"}

package/dist/components/Pagination/index.d.ts

@@ -1,5 +1,5 @@
 import './index.css';
-import { type LinkComponentProps, type PageRangeDisplayed, type Size } from './PaginationContext';
+import { type PageRangeDisplayed, type Size } from './PaginationContext';
 interface CommonProps {
     page: number;
     pageCount: number;
@@ -21,11 +21,16 @@ type NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>;
  * @example
  * // Link mode with custom component (e.g. Next.js Link)
  * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} />
+ *
+ * @example
+ * // Link mode with linkProps (e.g. Next.js scroll)
+ * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} linkProps={{ scroll: 'marker' }} />
  */
-export type PaginationProps = CommonProps & NavProps & ({
+export type PaginationProps<T extends React.ElementType = 'a'> = CommonProps & NavProps & ({
     onChange(newPage: number): void;
     makeUrl?: never;
     component?: never;
+    linkProps?: undefined;
 } | {
     makeUrl(page: number): string;
     onChange?: never;
@@ -33,8 +38,12 @@ export type PaginationProps = CommonProps & NavProps & ({
      * The component used for link elements. Receives `href`, `className`, and `children`.
      * @default 'a'
      */
-    component?: React.ElementType<LinkComponentProps>;
+    component?: T;
+    /**
+     * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).
+     */
+    linkProps?: Omit<React.ComponentPropsWithoutRef<T>, 'href' | 'children'>;
 });
-export default function Pagination({ page, pageCount, pageRangeDisplayed, size, onChange, makeUrl, component: LinkComponent, className, ...navProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export default function Pagination<T extends React.ElementType = 'a'>({ page, pageCount, pageRangeDisplayed, size, onChange, makeUrl, component: LinkComponent, linkProps, className, ...navProps }: PaginationProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,IAAI,EACV,MAAM,qBAAqB,CAAA;AA4F5B,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;AAED,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAA;AAEvE;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,QAAQ,GACR,CACI;IAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,GACvE;IACE,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAA;CAClD,CACJ,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,IAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EAAE,aAAmB,EAC9B,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE,eAAe,2CAiCjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,OAAO,EAKL,KAAK,kBAAkB,EACvB,KAAK,IAAI,EACV,MAAM,qBAAqB,CAAA;AAgH5B,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;AAED,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAA;AAEvE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,WAAW,GAC1E,QAAQ,GACR,CACI;IACE,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,GACD;IACE,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;CACzE,CACJ,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EACpE,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,IAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EAAE,aAAwB,EACnC,SAAS,EACT,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwCpB"}

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use client";var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@react-aria/ssr`);c=s(c);let l=require(`react`);l=s(l);let u=require(`@react-aria/overlays`);u=s(u);let d=require(`react/jsx-runtime`);d=s(d);let f=require(`warning`);f=s(f),require(`@charcoal-ui/icons`);let p=require(`@react-aria/utils`);p=s(p);let m=require(`@react-aria/visually-hidden`);m=s(m);let h=require(`@react-spring/web`);h=s(h);let g=require(`@react-aria/dialog`);g=s(g);let _=require(`@react-stately/radio`);_=s(_);let v=require(`@react-aria/radio`);v=s(v);let y=require(`react-compiler-runtime`);y=s(y);function b(e){let t=parseInt(l.version.split(`.`)[0],10);return Number.isFinite(t)?t>=e:!1}const x=b(18)?l.Fragment:c.SSRProvider;function S({children:e}){return(0,d.jsx)(x,{children:(0,d.jsx)(u.OverlayProvider,{children:e})})}const C=`charcoal-theme`,w=`theme`,T=new RegExp(/^(\w|-)+$/);function E(e){if(!T.test(e))throw Error(`Unexpected key :${e}, expect: /^(\\w|-)+$/`)}const D=(e=w)=>t=>{E(e),t===void 0?delete document.documentElement.dataset[e]:document.documentElement.dataset[e]=t};function O(e,t){return`:root[data-${t??w}='${e}']`}function k(e){return`@media (prefers-color-scheme: ${e})`}function A({key:e=C,setter:t=D()}={}){let[n,,r]=M(e);(0,l.useEffect)(()=>{n!==void 0&&t(r?void 0:n)},[t,r,n])}function j(e=C){return localStorage.getItem(e)}const M=(e=C)=>{E(e);let t=F(`(prefers-color-scheme: dark)`),n=t===void 0?void 0:t?`dark`:`light`,[r,i,a]=N(e);return[!a||n===void 0?void 0:r??n,i,r===void 0]};function N(e,t){let[n,r]=(0,l.useState)(!1),[i,a]=(0,l.useState)(),o=(0,l.useMemo)(()=>t?.(),[t]);(0,l.useEffect)(()=>(c(),window.addEventListener(`storage`,s),()=>{window.removeEventListener(`storage`,s)}));let s=t=>{t.storageArea===localStorage&&t.key===e&&c()},c=()=>{let t=localStorage.getItem(e);a((t===null?null:P(t))??o),r(!0)};return[i??o,t=>{if(t===void 0)localStorage.removeItem(e);else{let n=ee(t);localStorage.setItem(e,n)}let n=new StorageEvent(`storage`,{bubbles:!0,cancelable:!1,key:e,url:location.href,storageArea:localStorage});dispatchEvent(n)},n]}function P(e){try{return JSON.parse(e)}catch{return e}}function ee(e){return typeof e==`string`?e:JSON.stringify(e)}function F(e){let[t,n]=(0,l.useState)();return(0,l.useEffect)(()=>{let t=window.matchMedia(e),r=()=>{n(t.matches)};return t.addEventListener(`change`,r),n(t.matches),()=>{t.removeEventListener(`change`,r)}},[e]),t}function I({localStorageKey:e=L.localStorageKey,rootAttribute:t=L.rootAttribute}=L){return E(e),E(t),`'use strict';
+"use client";var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@react-aria/ssr`);c=s(c);let l=require(`react`);l=s(l);let u=require(`@react-aria/overlays`);u=s(u);let d=require(`react/jsx-runtime`);d=s(d);let f=require(`warning`);f=s(f),require(`@charcoal-ui/icons`);let p=require(`@react-aria/utils`);p=s(p);let m=require(`@react-aria/visually-hidden`);m=s(m);let h=require(`@react-spring/web`);h=s(h);let g=require(`@react-aria/dialog`);g=s(g);let _=require(`@react-stately/radio`);_=s(_);let v=require(`@react-aria/radio`);v=s(v);let y=require(`react-compiler-runtime`);y=s(y);function b(e){let t=parseInt(l.version.split(`.`)[0],10);return Number.isFinite(t)?t>=e:!1}const x=b(18)?l.Fragment:c.SSRProvider;function S({children:e}){return(0,d.jsx)(x,{children:(0,d.jsx)(u.OverlayProvider,{children:e})})}const C=`charcoal-theme`,w=`theme`,T=new RegExp(/^(\w|-)+$/);function E(e){if(!T.test(e))throw Error(`Unexpected key :${e}, expect: /^(\\w|-)+$/`)}const D=(e=w)=>t=>{E(e),t===void 0?delete document.documentElement.dataset[e]:document.documentElement.dataset[e]=t};function O(e,t){return`:root[data-${t??w}='${e}']`}function k(e){return`@media (prefers-color-scheme: ${e})`}function A({key:e=C,setter:t=D()}={}){let[n,,r]=M(e);(0,l.useEffect)(()=>{n!==void 0&&t(r?void 0:n)},[t,r,n])}function j(e=C){return localStorage.getItem(e)}const M=(e=C)=>{E(e);let t=I(`(prefers-color-scheme: dark)`),n=t===void 0?void 0:t?`dark`:`light`,[r,i,a]=N(e);return[!a||n===void 0?void 0:r??n,i,r===void 0]};function N(e,t){let[n,r]=(0,l.useState)(!1),[i,a]=(0,l.useState)(),o=(0,l.useMemo)(()=>t?.(),[t]);(0,l.useEffect)(()=>(c(),window.addEventListener(`storage`,s),()=>{window.removeEventListener(`storage`,s)}));let s=t=>{t.storageArea===localStorage&&t.key===e&&c()},c=()=>{let t=localStorage.getItem(e);a((t===null?null:P(t))??o),r(!0)};return[i??o,t=>{if(t===void 0)localStorage.removeItem(e);else{let n=F(t);localStorage.setItem(e,n)}let n=new StorageEvent(`storage`,{bubbles:!0,cancelable:!1,key:e,url:location.href,storageArea:localStorage});dispatchEvent(n)},n]}function P(e){try{return JSON.parse(e)}catch{return e}}function F(e){return typeof e==`string`?e:JSON.stringify(e)}function I(e){let[t,n]=(0,l.useState)();return(0,l.useEffect)(()=>{let t=window.matchMedia(e),r=()=>{n(t.matches)};return t.addEventListener(`change`,r),n(t.matches),()=>{t.removeEventListener(`change`,r)}},[e]),t}function L({localStorageKey:e=R.localStorageKey,rootAttribute:t=R.rootAttribute}=R){return E(e),E(t),`'use strict';
 (function () {
     var localStorageKey = '${e}'
     var rootAttribute = '${t}'
@@ -7,5 +7,5 @@
         document.documentElement.dataset[rootAttribute] = currentTheme;
     }
 })();
-`}function te({localStorageKey:e=L.localStorageKey,rootAttribute:t=L.rootAttribute}){return(0,d.jsx)(`script`,{dangerouslySetInnerHTML:{__html:I({localStorageKey:e,rootAttribute:t})}})}const L={localStorageKey:C,rootAttribute:w};function R(...e){return(0,l.useMemo)(()=>e.filter(e=>e).join(` `),[e])}const ne=(0,l.forwardRef)(function({variant:e,fullWidth:t,size:n,className:r,component:i,isActive:a,...o},s){let c=(0,l.useMemo)(()=>i??`button`,[i]),u=R(`charcoal-button`,r);return(0,d.jsx)(c,{...o,className:u,"data-variant":e,"data-size":n,"data-full-width":t,"data-active":a,ref:s})});var re=ne;const ie=(0,l.forwardRef)(function({component:e,...t},n){let r=R(`charcoal-clickable`,t.className);return(0,d.jsx)((0,l.useMemo)(()=>e??`button`,[e]),{...t,ref:n,className:r})});var ae=ie;const oe=(0,l.forwardRef)(function({variant:e=`Default`,size:t=`M`,icon:n,isActive:r=!1,component:i,...a},o){se(t,n);let s=(0,l.useMemo)(()=>i??`button`,[i]),c=R(`charcoal-icon-button`,a.className);return(0,d.jsx)(s,{...a,ref:o,className:c,"data-size":t,"data-active":r,"data-variant":e,children:(0,d.jsx)(`pixiv-icon`,{name:n})})});var z=oe;function se(e,t){let n;switch(e){case`XS`:n=`16`;break;case`S`:case`M`:n=`24`;break}let r=/^\d*/u.exec(t);if(r==null)throw Error(`Invalid icon name`);let[i]=r;i!==n&&console.warn(`IconButton with size "${e}" expect icon size "${n}, but got "${i}"`)}const B=l.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error(`Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?`)}}),ce=(0,l.forwardRef)(function({onChange:e,invalid:t,className:n,...r},i){let a=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.value)},[e]);return(0,d.jsx)(`input`,{className:R(`charcoal-radio-input`,n),ref:i,type:`radio`,onChange:a,"aria-invalid":t,...r})});var le=(0,l.memo)(ce);const ue=(0,l.forwardRef)(function({value:e,disabled:t=!1,children:n,...r},i){let{name:a,selected:o,disabled:s,readonly:c,invalid:u,onChange:p}=(0,l.useContext)(B),m=R(`charcoal-radio__label`,r.className);(0,f.default)(a!==void 0,`"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`);let h=e===o,g=t||s,_=c&&!h;return(0,d.jsxs)(`label`,{"aria-disabled":g||_,className:m,children:[(0,d.jsx)(le,{name:a,value:e,checked:h,"aria-invalid":u,onChange:p,disabled:g||_,ref:i}),n!=null&&(0,d.jsx)(`div`,{className:`charcoal-radio__label_div`,children:n})]})});var de=(0,l.memo)(ue);const fe=(0,l.forwardRef)(function({value:e,label:t,name:n,onChange:r,disabled:i,readonly:a,invalid:o,children:s,"aria-orientation":c=`vertical`,...u},f){let p=R(`charcoal-radio-group`,u.className),m=(0,l.useCallback)(e=>{r(e)},[r]),h=(0,l.useMemo)(()=>({name:n,selected:e,disabled:i??!1,readonly:a??!1,invalid:o??!1,onChange:m}),[i,m,o,n,a,e]);return(0,d.jsx)(B.Provider,{value:h,children:(0,d.jsx)(`div`,{role:`radiogroup`,"aria-disabled":i,"aria-invalid":o,"aria-label":t,"aria-labelledby":u[`aria-labelledby`],"aria-orientation":c,className:p,ref:f,children:s})})}),V=(0,l.createContext)({name:void 0,selected:[],disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error("Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?")}}),pe=l.forwardRef(function({name:e,scale:t,unsafeNonGuidelineScale:n,className:r,...i},a){return(0,d.jsx)(`pixiv-icon`,{ref:a,name:e,scale:t,"unsafe-non-guideline-scale":n,class:r,...i})});var H=pe;const me=(0,l.forwardRef)(function({value:e,disabled:t=!1,onChange:n,variant:r=`default`,className:i,children:a},o){let{name:s,selected:c,disabled:u,readonly:p,invalid:m,onChange:h}=(0,l.useContext)(V);(0,f.default)(s!==void 0,`"name" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`);let g=c.includes(e),_=t||u||p,v=(0,l.useCallback)(t=>{t.currentTarget instanceof HTMLInputElement&&(n&&n({value:e,selected:t.currentTarget.checked}),h({value:e,selected:t.currentTarget.checked}))},[n,h,e]),y=R(`charcoal-multi-select`,i);return(0,d.jsxs)(`label`,{"aria-disabled":_,className:y,children:[(0,d.jsx)(`input`,{className:`charcoal-multi-select-input`,name:s,value:e,type:`checkbox`,checked:g,disabled:_,onChange:v,"data-overlay":r===`overlay`,"aria-invalid":m,ref:o}),(0,d.jsx)(`div`,{className:`charcoal-multi-select-overlay`,"data-overlay":r===`overlay`,"aria-invalid":m,"aria-hidden":!0,children:(0,d.jsx)(H,{name:`24/Check`,"unsafe-non-guideline-scale":16/24})}),!!a&&(0,d.jsx)(`div`,{className:`charcoal-multi-select-label`,children:a})]})});var he=(0,l.memo)(me);function ge({className:e,style:t,name:n,label:r,selected:i,onChange:a,disabled:o=!1,readonly:s=!1,invalid:c=!1,children:u}){let f=(0,l.useCallback)(e=>{let t=i.indexOf(e.value);e.selected?t<0&&a([...i,e.value]):t>=0&&a([...i.slice(0,t),...i.slice(t+1)])},[a,i]);return(0,d.jsx)(V.Provider,{value:{name:n,selected:Array.from(new Set(i)),disabled:o,readonly:s,invalid:c,onChange:f},children:(0,d.jsx)(`div`,{className:e,style:t,"aria-label":r,"data-testid":`SelectGroup`,children:u})})}const _e=(0,l.forwardRef)(function({onChange:e,className:t,...n},r){let i=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{ref:r,className:R(`charcoal-switch-input`,t),type:`checkbox`,onChange:i,...n})});var ve=_e;const ye=l.memo(function({children:e,className:t,disabled:n,id:r,input:i}){return(0,d.jsxs)(`label`,{htmlFor:r,className:R(`charcoal-switch__label`,t),"aria-disabled":n,children:[i,(0,d.jsx)(`div`,{className:`charcoal-switch__label_div`,children:e})]})}),be=(0,l.forwardRef)(function({children:e,onChange:t,disabled:n,className:r,id:i,...a},o){let s=(0,p.useId)(i),c=e===void 0,l=(0,d.jsx)(ve,{...a,disabled:n,className:c?r:void 0,id:s,onChange:t,ref:o,role:`switch`,type:`checkbox`});return c?l:(0,d.jsx)(ye,{className:r,disabled:n,id:s,input:l,children:e})});var xe=(0,l.memo)(be);const Se=l.forwardRef(function({style:e,className:t,label:n,required:r=!1,requiredText:i,subLabel:a,...o},s){return(0,d.jsxs)(`div`,{style:e,className:R(`charcoal-field-label-root`,t),children:[(0,d.jsx)(`label`,{ref:s,className:`charcoal-field-label`,...o,children:n}),r&&(0,d.jsx)(`div`,{className:`charcoal-field-label-required-text`,children:i}),(0,d.jsx)(`div`,{className:`charcoal-field-label-sub-label`,children:(0,d.jsx)(`span`,{children:a})})]})});var U=Se;function Ce(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!==null&&(n.current=t)}}function W(e){return Array.from(e).length}function G(e,t){(0,l.useEffect)(()=>{let n=e.current;if(n){let e=e=>{e.target!==t.current&&t.current?.focus()};return n.addEventListener(`click`,e),()=>{n.removeEventListener(`click`,e)}}})}function K(e){return(0,l.forwardRef)(function({className:t,...n},r){return(0,d.jsx)(`div`,{className:R(e,t),ref:r,...n})})}const q=K(`charcoal-text-field-assistive-text`),we=l.forwardRef(function({assistiveText:e,className:t,disabled:n=!1,label:r=``,maxLength:i,onChange:a,prefix:o=null,required:s,requiredText:c,showCount:u=!1,showLabel:f=!1,subLabel:h,suffix:g=null,type:_=`text`,invalid:v,value:y,getCount:b=W,...x},S){let C=(0,l.useRef)(null),{visuallyHiddenProps:w}=(0,m.useVisuallyHidden)(),[T,E]=(0,l.useState)(b(y??``)),D=(0,l.useCallback)(e=>{let t=e.target.value,n=b(t);i!==void 0&&n>i||(E(n),a?.(t))},[b,i,a]);(0,l.useEffect)(()=>{E(b(y??``))},[b,y]);let O=(0,l.useRef)(null);G(O,C);let k=(0,p.useId)(x.id),A=(0,p.useId)(),j=(0,p.useId)(),M=e!=null&&e.length!==0;return(0,d.jsxs)(`div`,{className:R(`charcoal-text-field-root`,t),"aria-disabled":n,children:[(0,d.jsx)(U,{htmlFor:k,id:j,label:r,required:s,requiredText:c,subLabel:h,...f?{}:w}),(0,d.jsxs)(`div`,{className:`charcoal-text-field-container`,"aria-disabled":n===!0?!0:void 0,"data-invalid":v===!0,ref:O,children:[o&&(0,d.jsx)(`div`,{className:`charcoal-text-field-prefix`,children:o}),(0,d.jsx)(`input`,{className:`charcoal-text-field-input`,"aria-describedby":M?A:void 0,"aria-invalid":v,"aria-labelledby":j,id:k,"data-invalid":v===!0,maxLength:i,onChange:D,disabled:n,ref:(0,p.mergeRefs)(S,C),type:_,value:y,...x}),(g||u)&&(0,d.jsxs)(`div`,{className:`charcoal-text-field-suffix`,children:[g,u&&(0,d.jsx)(`span`,{className:`charcoal-text-field-line-counter`,children:i===void 0?T:`${T}/${i}`})]})]}),M&&(0,d.jsx)(q,{"data-invalid":v===!0,id:A,children:e})]})});var Te=we;const Ee=(0,l.forwardRef)(function({onChange:e,className:t,value:n,showCount:r=!1,showLabel:i=!1,label:a=``,requiredText:o,subLabel:s,disabled:c=!1,required:u,assistiveText:f,maxLength:h,autoHeight:g=!1,rows:_=4,invalid:v,getCount:y=W,...b},x){let{visuallyHiddenProps:S}=(0,m.useVisuallyHidden)(),C=(0,l.useRef)(null),[w,T]=(0,l.useState)(y(n??``)),[E,D]=(0,l.useState)(_),O=(0,l.useCallback)(e=>{let t=(`${e.value}\n`.match(/\n/gu)?.length??0)||1;D(_<=t?t:_)},[_]),k=n===void 0,A=(0,l.useCallback)(t=>{let n=t.target.value,r=y(n);h!==void 0&&r>h||(k&&T(r),g&&C.current!==null&&O(C.current),e?.(n))},[g,y,h,k,e,O]);(0,l.useEffect)(()=>{T(y(n??``))},[y,n]),(0,l.useEffect)(()=>{g&&C.current!==null&&O(C.current)},[g,O]);let j=(0,l.useRef)(null);G(j,C);let M=(0,p.useId)(b.id),N=(0,p.useId)(),P=(0,p.useId)(),ee=R(`charcoal-text-area-root`,t),F=f!=null&&f.length!==0;return(0,d.jsxs)(`div`,{className:ee,"aria-disabled":c,children:[(0,d.jsx)(U,{htmlFor:M,id:P,label:a,required:u,requiredText:o,subLabel:s,...i?{}:S}),(0,d.jsxs)(`div`,{className:`charcoal-text-area-container`,"aria-disabled":c===!0?`true`:void 0,"aria-invalid":v===!0,ref:j,style:{"--charcoal-text-area-rows":`${r?E+1:E}`},children:[(0,d.jsx)(`textarea`,{className:`charcoal-text-area-textarea`,"aria-describedby":F?N:void 0,"aria-invalid":v,"aria-labelledby":P,id:M,maxLength:h,"data-no-bottom-padding":r,onChange:A,ref:Ce(x,C),rows:E,value:n,disabled:c,...b}),r&&(0,d.jsx)(`span`,{className:`charcoal-text-area-counter`,children:h===void 0?w:`${w}/${h}`})]}),F&&(0,d.jsx)(q,{"data-invalid":v===!0,id:N,children:f})]})});var De=Ee;function Oe(e){let t=l.useRef(null);return l.useEffect(()=>{e&&(typeof e==`function`?e(t.current):e.current=t.current)}),t}const ke=(0,l.forwardRef)(function({size:e,bottomSheet:t,className:n,...r},i){let a=Oe(i),{dialogProps:o}=(0,g.useDialog)({role:`dialog`},a);return(0,d.jsx)(`div`,{className:R(`charcoal-modal-dialog`,n),role:o.role,"data-bottom-sheet":t,tabIndex:o.tabIndex,"aria-labelledby":o[`aria-labelledby`],onBlur:o.onBlur,"data-size":e,ref:a,...r})}),J=l.createContext(null);function Y(e,t,n=!1){(0,l.useEffect)(()=>{if(t&&e){let t=e.style.paddingRight,r=e.style.overflow;return e.style.paddingRight=`${window.innerWidth-e.clientWidth}px`,e.style.overflow=n?`clip`:`hidden`,()=>{e.style.paddingRight=t,e.style.overflow=r}}},[e,t,n])}function Ae(e,t,n){let{overlayProps:r,underlayProps:i}=(0,u.useOverlay)({...e,isOpen:t.isOpen,onClose:t.onClose,shouldCloseOnInteractOutside:()=>!1},n);return Y(typeof document<`u`?document.body:null,t.isOpen,e.overflowClip),(0,u.useOverlayFocusContain)(),l.useEffect(()=>{if(t.isOpen&&n.current)return(0,u.ariaHideOutside)([n.current])},[t.isOpen,n]),{modalProps:r,underlayProps:i}}function je(){return typeof window<`u`}function Me(){let[e,t]=l.useState(je()?window.innerWidth:null);return l.useEffect(()=>{let e=()=>{t(window.innerWidth)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}}),e}const Ne=10,Pe=(0,l.forwardRef)(function({children:e,zIndex:t=10,portalContainer:n,...r},i){let{title:a,size:o=`M`,bottomSheet:s=!1,isDismissable:c,onClose:f,className:m,isOpen:g=!1,closeButtonAriaLabel:_=`Close`}=r,v=(0,p.useObjectRef)(i),{modalProps:y,underlayProps:b}=Ae({...r,isKeyboardDismissDisabled:c===void 0||c===!1},{onClose:f,isOpen:g},v),x=(Me()??1/0)<744,S=x&&s!==!1,C=!x||s!==!0,w=(0,h.useTransition)(g,{from:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},enter:{transform:`translateY(0%)`,backgroundColor:`rgba(0, 0, 0, 0.4)`},update:{overflow:`auto`},leave:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},config:S?{duration:400,easing:h.easings.easeOutQuart}:{duration:0}}),T=l.useRef(null),E=l.useCallback(e=>{e.currentTarget===e.target&&f()},[f]);return w(({backgroundColor:r,overflow:i,transform:l},p)=>p&&(0,d.jsx)(u.Overlay,{portalContainer:n,children:(0,d.jsx)(h.animated.div,{className:`charcoal-modal-background`,ref:T,...b,style:S?{backgroundColor:r,overflow:i,zIndex:t}:{zIndex:t},"data-bottom-sheet":s,onClick:E,children:(0,d.jsx)(J.Provider,{value:T.current,children:(0,d.jsx)(Fe,{ref:v,...y,style:S?{transform:l}:{},size:o,bottomSheet:s,className:m,children:(0,d.jsxs)(X.Provider,{value:{titleProps:{},title:a,close:f,showDismiss:C,bottomSheet:s},children:[e,c===!0&&(0,d.jsx)(Le,{"aria-label":_,onClick:f})]})})})})}))}),Fe=(0,h.animated)(ke);var Ie=(0,l.memo)(Pe);const X=l.createContext({titleProps:{},title:``,close:void 0,showDismiss:!0,bottomSheet:!1});function Le(e){return(0,d.jsx)(z,{className:`charcoal-modal-close-button`,size:`S`,icon:`24/Close`,type:`button`,...e})}function Re(){let e=(0,l.useContext)(X);return(0,d.jsx)(`div`,{className:`charcoal-modal-header-root`,"data-bottom-sheet":e.bottomSheet,children:(0,d.jsx)(`div`,{className:`charcoal-modal-header-title`,children:e.title})})}const ze=K(`charcoal-modal-align`),Be=K(`charcoal-modal-body`),Ve=K(`charcoal-modal-buttons`),He=(0,l.forwardRef)(function({size:e=48,padding:t=16,transparent:n=!1,...r},i){let a=R(`charcoal-loading-spinner`,r.className);return(0,d.jsx)(`div`,{role:`progressbar`,style:{"--charcoal-loading-spinner-size":`${e}px`,"--charcoal-loading-spinner-padding":`${t}px`},"data-transparent":n,className:a,ref:i,children:(0,d.jsx)(We,{})})});var Ue=(0,l.memo)(He);const We=(0,l.forwardRef)(function({once:e=!1},t){let n=(0,l.useRef)(null);return(0,l.useImperativeHandle)(t,()=>({restart:()=>{n.current&&(n.current.dataset.resetAnimation=`true`,n.current.offsetWidth,delete n.current.dataset.resetAnimation)}})),(0,d.jsx)(`div`,{role:`presentation`,ref:n,"data-once":e,className:`charcoal-loading-spinner-icon`})}),Z=()=>null;function Ge(e){let t=(0,l.useRef)(null),n=e.popoverRef===void 0?t:e.popoverRef,{popoverProps:r,underlayProps:i}=(0,u.usePopover)({triggerRef:e.triggerRef,popoverRef:n,containerPadding:16},{close:e.onClose,isOpen:e.isOpen,open:Z,setOpen:Z,toggle:Z});return Y((0,l.useContext)(J),e.isOpen),e.isOpen?(0,d.jsxs)(u.Overlay,{portalContainer:document.body,children:[(0,d.jsx)(`div`,{...i,...e.inertWorkaround?{"data-react-aria-top-layer":!0,onClick:e.onClose}:{},style:{position:`fixed`,zIndex:typeof r.style?.zIndex==`number`?r.style.zIndex-1:99999,inset:0}}),(0,d.jsxs)(`div`,{...r,ref:n,className:`charcoal-popover`,children:[(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()}),(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),e.children,(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()})]})]}):null}function Ke({children:e,...t}){let n=(0,l.useRef)(null);return(0,l.useEffect)(()=>{t.isOpen&&n.current&&t.triggerRef.current&&(n.current.style.width=`${t.triggerRef.current.clientWidth}px`)},[t.triggerRef,t.isOpen]),(0,l.useEffect)(()=>{if(t.isOpen)if(t.value!==void 0&&t.value!==``){let e=window.scrollY,n=window.scrollX;document.querySelector(`[data-key="${t.value.toString()}"]`)?.focus(),window.scrollTo(n,e)}else{let e=n.current?.querySelector(`[role='option']`);e instanceof HTMLElement&&e.focus()}},[t.value,t.isOpen]),(0,d.jsx)(Ge,{isOpen:t.isOpen,onClose:t.onClose,popoverRef:n,triggerRef:t.triggerRef,inertWorkaround:t.inertWorkaround,children:e})}function qe(e,t){let n=l.Children.toArray(e);for(let e=0;e<n.length;e++){let r=n[e];if(l.isValidElement(r)){if(`value`in r.props&&r.props.value===t&&`children`in r.props)return r.props.children;if(`children`in r.props){let e=qe(r.props.children,t);if(e!==void 0)return e}}}}const Q=(0,l.createContext)({root:void 0,value:``,propsArray:[],setValue:e=>{}});function $(e){let t=l.Children.toArray(e),n=[];for(let e=0;e<t.length;e++){let r=t[e];if(l.isValidElement(r)){let e=r.props;`value`in e&&typeof e.value==`string`&&n.push({disabled:e.disabled,value:e.value}),`children`in e&&e.children&&n.push(...$(e.children))}}return n}function Je(e){let t=(0,l.useRef)(null),n=(0,l.useMemo)(()=>$(e.children),[e.children]);return(0,d.jsx)(`ul`,{className:`charcoal-menu-list`,ref:t,children:(0,d.jsx)(Q.Provider,{value:{value:e.value??``,root:t,propsArray:n,setValue:t=>{e.onChange?.(t)}},children:e.children})})}function Ye({onChange:e,showLabel:t=!1,...n}){let r=(0,l.useRef)(null),[i,a]=(0,l.useState)(!1),o=qe(n.children,n.value),s=(0,l.useMemo)(()=>n.placeholder!==void 0&&o===void 0,[o,n.placeholder]),c=$(n.children),{visuallyHiddenProps:u}=(0,m.useVisuallyHidden)(),f=(0,l.useCallback)(t=>{e(t.target.value)},[e]),h=(0,p.useId)(),g=(0,p.useId)();return(0,d.jsxs)(`div`,{className:R(`charcoal-dropdown-selector-root`,n.className),"aria-disabled":n.disabled,children:[(0,d.jsx)(U,{id:h,label:n.label,required:n.required,requiredText:n.requiredText,subLabel:n.subLabel,...t?{}:u}),(0,d.jsx)(`div`,{...u,"aria-hidden":`true`,children:(0,d.jsx)(`select`,{name:n.name,value:n.value,onChange:f,tabIndex:-1,children:c.map(e=>(0,d.jsx)(`option`,{value:e.value,disabled:e.disabled,children:e.value},e.value))})}),(0,d.jsxs)(`button`,{className:`charcoal-dropdown-selector-button`,"aria-labelledby":h,"aria-invalid":n.invalid,"aria-describedby":n.assistiveText===void 0?void 0:g,disabled:n.disabled,onClick:()=>{n.disabled!==!0&&a(!0)},ref:r,type:`button`,"data-active":i,children:[(0,d.jsx)(`span`,{className:`charcoal-ui-dropdown-selector-text`,"data-placeholder":s,children:s?n.placeholder:o}),(0,d.jsx)(H,{className:`charcoal-ui-dropdown-selector-icon`,name:`16/Menu`})]}),i&&(0,d.jsx)(Ke,{isOpen:i,onClose:()=>a(!1),triggerRef:r,value:n.value,inertWorkaround:n.inertWorkaround,children:(0,d.jsx)(Je,{value:n.value,onChange:t=>{e(t),a(!1)},children:n.children})}),n.assistiveText!==void 0&&(0,d.jsx)(q,{"data-invalid":n.invalid===!0,id:g,children:n.assistiveText})]})}const Xe=(0,l.forwardRef)(function({as:e,className:t,...n},r){return(0,d.jsx)((0,l.useMemo)(()=>e??`li`,[e]),{className:R(`charcoal-list-item`,t),ref:r,...n})});var Ze=Xe;function Qe(e,t){if(t.scrollHeight>t.clientHeight){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();n.bottom>r.bottom?t.scrollTo({top:t.scrollTop+n.bottom-r.bottom}):n.top<r.top&&t.scrollTo({top:t.scrollTop-(r.top-n.top)})}else $e(e)}function $e(e){let t=e.getBoundingClientRect();t.top>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)||e.scrollIntoView({block:`nearest`})}function et(e){let{setValue:t,root:n,propsArray:r}=(0,l.useContext)(Q),i=(0,l.useCallback)(()=>{e!==void 0&&t(e)},[e,t]);return[(0,l.useCallback)(t=>{if(t.key===`Enter`)i();else if(t.key===`ArrowUp`||t.key===`ArrowDown`){let i=t.key===`ArrowDown`;if(t.preventDefault(),!r||e===void 0)return;let a=r.map(e=>e.value).filter(e=>e),o=a.indexOf(e);if(o===-1)return;for(let e=0;e<a.length;e++){let e=i?o+1>=a.length?a[0]:a[o+1]:o-1<0?a[a.length-1]:a[o-1],t=n?.current?.querySelector(`[data-key='${e}']`);if(t instanceof HTMLElement){if(t.ariaDisabled===`true`){o+=i?1:-1;continue}t.focus({preventScroll:!0}),n?.current?.parentElement&&Qe(t,n.current.parentElement);break}}}},[i,r,e,n]),i]}const tt=(0,l.forwardRef)(function({className:e,value:t,disabled:n,...r},i){let[a,o]=et(t);return(0,d.jsx)(Ze,{...r,ref:i,"data-key":t,onKeyDown:a,onClick:n===!0?void 0:o,tabIndex:-1,"aria-disabled":n,role:`option`,children:r.children})});var nt=tt;function rt(e){let{value:t}=(0,l.useContext)(Q),n=e.value===t,{children:r,secondary:i,...a}=e;return(0,d.jsx)(nt,{...a,"aria-selected":n,children:(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`charcoal-dropdown-selector-menu-item-container`,children:[n&&(0,d.jsx)(H,{className:`charcoal-dropdown-selector-menu-item-icon`,name:`16/Check`}),(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-item`,"data-selected":n,children:r})]}),i&&(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-secondary`,children:i})]})})}function it(e){return(0,d.jsxs)(`li`,{className:`charcoal-menu-item-group`,role:`presentation`,children:[(0,d.jsx)(`span`,{children:e.text}),(0,d.jsx)(`ul`,{role:`group`,children:e.children})]})}const at=(0,l.createContext)(null),ot=({value:e,children:t})=>(0,d.jsx)(at.Provider,{value:e,children:t}),st=()=>{let e=(0,l.useContext)(at);if(e===null)throw Error("`<RadioProvider>` is not likely mounted.");return e},ct=(0,l.forwardRef)(function(e,t){let n=R(`charcoal-segmented-control`,e.className),r=(0,l.useMemo)(()=>({...e,isDisabled:e.disabled,isReadOnly:e.readonly,isRequired:e.required,"aria-label":e.name}),[e]),i=(0,_.useRadioGroupState)(r),{radioGroupProps:a}=(0,v.useRadioGroup)(r,i),o=(0,l.useMemo)(()=>e.data.map(e=>typeof e==`string`?{value:e,label:e}:e),[e.data]);return(0,d.jsx)(`div`,{ref:t,...a,className:n,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:(0,d.jsx)(ot,{value:i,children:o.map(t=>(0,d.jsx)(ut,{value:t.value,disabled:t.disabled,uniformSegmentWidth:e.uniformSegmentWidth,children:t.label},t.value))})})});var lt=(0,l.memo)(ct);const ut=e=>{let t=st(),n=(0,l.useRef)(null),{inputProps:r,isDisabled:i,isSelected:a}=(0,v.useRadio)((0,l.useMemo)(()=>({value:e.value,isDisabled:e.disabled,children:e.children}),[e]),t,n);return(0,d.jsxs)(`label`,{className:`charcoal-segmented-control-radio__label`,"aria-disabled":i||t.isReadOnly,"data-checked":a,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:[(0,d.jsx)(`input`,{className:`charcoal-segmented-control-radio__input`,...r,ref:n}),e.children]})},dt=(0,l.forwardRef)(function({onChange:e,checked:t,invalid:n,className:r,rounded:i,...a},o){let s=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{className:R(`charcoal-checkbox-input`,r),ref:o,type:`checkbox`,onChange:s,"aria-invalid":n,checked:t,"data-rounded":i,...a})});var ft=(0,l.memo)(dt);const pt=l.default.memo(function({className:e,children:t,input:n,id:r,disabled:i}){let a=R(`charcoal-checkbox__label`,e);return(0,d.jsxs)(`label`,{htmlFor:r,"aria-disabled":i,className:a,children:[n,(0,d.jsx)(`div`,{className:`charcoal-checkbox__label_div`,children:t})]})}),mt=(0,l.forwardRef)(function({disabled:e,className:t,id:n,children:r,...i},a){let o=(0,p.useId)(n),s=r===void 0,c=(0,d.jsx)(ft,{...i,className:s?t:void 0,disabled:e,id:o,ref:a});return s?c:(0,d.jsx)(pt,{className:t,disabled:e,id:o,input:c,children:r})});var ht=(0,l.memo)(mt);const gt=(0,l.forwardRef)(function({component:e,label:t,translatedLabel:n,bgColor:r=`#7ACCB1`,bgImage:i,size:a=`M`,status:o=`default`,...s},c){let u=(0,p.useObjectRef)(c),f=n!==void 0&&n.length>0,m=R(`charcoal-tag-item`,`charcoal-tag-item__bg`,s.className),h=i!==void 0&&i.length>0?`image`:`color`,g=h===`color`?r:`url(${i??``})`;return(0,d.jsxs)((0,l.useMemo)(()=>e??`button`,[e]),{...s,ref:u,className:m,"data-state":o,"data-bg-variant":h,"data-size":f?`M`:a,style:{"--charcoal-tag-item-bg":g},children:[(0,d.jsxs)(`div`,{className:`charcoal-tag-item__label`,"data-has-translate":f,children:[f&&(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__translated`,children:n}),(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__text`,"data-has-translate":f,children:t})]}),o===`active`&&(0,d.jsx)(H,{name:`16/Remove`})]})});var _t=(0,l.memo)(gt);function vt({children:e,context:t=`section`,className:n}){return(0,d.jsxs)(`div`,{className:R(`charcoal-hint-text`,n),"data-context":t,children:[(0,d.jsx)(`div`,{className:`charcoal-hint-text-icon`,children:(0,d.jsx)(H,{name:`16/Info`})}),(0,d.jsx)(`p`,{className:`charcoal-hint-text-message`,children:e})]})}const yt=(e,t,n)=>{if(!e)return;let r=t??St(n);if(r)return r},bt=e=>(0,l.isValidElement)(e)&&!!e.props.children,xt=e=>e==null||typeof e==`boolean`||JSON.stringify(e)===`{}`?``:e.toString(),St=e=>!Array.isArray(e)&&!(0,l.isValidElement)(e)?xt(e):l.Children.toArray(e).reduce((e,t)=>{let n=``;return n=(0,l.isValidElement)(t)&&bt(t)?St(t.props.children):(0,l.isValidElement)(t)&&!bt(t)?``:xt(t),e.concat(n)},``);function Ct(e){"use memo";let t=(0,y.c)(32),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({lineHeight:r,lineLimit:a,children:n,title:l,hyphens:o,showTooltip:s,useNowrap:c,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=a===void 0?1:a,f=o===void 0?`auto`:o,p=s===void 0?!0:s,m=c===void 0?!1:c,h;t[9]!==n||t[10]!==p||t[11]!==l?(h=yt(p,l,n),t[9]=n,t[10]=p,t[11]=l,t[12]=h):h=t[12];let g=h,_=R(`charcoal-text-ellipsis`,i.className),v=r!==void 0,b;t[13]===m?b=t[14]:(b=m?{"data-use-nowrap":m}:{},t[13]=m,t[14]=b);let x;t[15]!==v||t[16]!==r?(x=v&&{"--charcoal-text-ellipsis-line-height":`${r}px`},t[15]=v,t[16]=r,t[17]=x):x=t[17];let S;t[18]!==f||t[19]!==u||t[20]!==i.style||t[21]!==x?(S={...x,"--charcoal-text-ellipsis-line-limit":u,hyphens:f,...i.style},t[18]=f,t[19]=u,t[20]=i.style,t[21]=x,t[22]=S):S=t[22];let C=S,w;return t[23]!==n||t[24]!==_||t[25]!==g||t[26]!==v||t[27]!==u||t[28]!==i||t[29]!==b||t[30]!==C?(w=(0,d.jsx)(`div`,{...i,className:_,"data-line-limit":u,"data-has-line-height":v,...b,style:C,title:g,children:n}),t[23]=n,t[24]=_,t[25]=g,t[26]=v,t[27]=u,t[28]=i,t[29]=b,t[30]=C,t[31]=w):w=t[31],w}function wt(e,t,n){"use memo";let r=(0,y.c)(7),i=n===void 0?7:n;process.env.NODE_ENV!==`production`&&((0,f.default)((e|0)===e,`\`page\` must be integer (${e})`),(0,f.default)((t|0)===t,`\`pageCount\` must be integer (${t})`),(0,f.default)(i===5||i===7,`\`pageRangeDisplayed\` must be 5 or 7 (${i})`));let a=Math.min(t,Math.max(e+Math.floor(i/2),i)),o;if(a<=i){let e;r[0]===a?e=r[1]:(e=Array.from({length:1+a-1},Tt),r[0]=a,r[1]=e),o=e}else{let e=a-(i-1)+2,t;if(r[2]!==e||r[3]!==a){let n;r[5]===e?n=r[6]:(n=(t,n)=>e+n,r[5]=e,r[6]=n),t=[1,`...`,...Array.from({length:1+a-e},n)],r[2]=e,r[3]=a,r[4]=t}else t=r[4];o=t}let s=o;return(0,l.useDebugValue)(s),s}function Tt(e,t){return 1+t}const Et=(0,l.createContext)(null);function Dt(){let e=(0,l.useContext)(Et);if(e==null)throw Error(`Pagination components must be used within a Pagination component`);return e}function Ot(e){"use memo";let t=(0,y.c)(12),{direction:n}=e,{page:r,pageCount:i,size:a,isLinkMode:o,makeUrl:s,LinkComponent:c,makeClickHandler:l}=Dt(),u=n===`prev`,f=u?Math.max(1,r-1):Math.min(i,r+1),p=u?r<=1:r>=i,m=u?`24/Prev`:`24/Next`,h;t[0]!==c||t[1]!==p||t[2]!==o||t[3]!==l||t[4]!==s||t[5]!==f?(h=o&&s?{component:c,href:s(f),"aria-disabled":p}:{disabled:p,onClick:l(f)},t[0]=c,t[1]=p,t[2]=o,t[3]=l,t[4]=s,t[5]=f,t[6]=h):h=t[6];let g;return t[7]!==p||t[8]!==a||t[9]!==m||t[10]!==h?(g=(0,d.jsx)(z,{icon:m,size:a,hidden:p,className:`charcoal-pagination-nav-button`,...h}),t[7]=p,t[8]=a,t[9]=m,t[10]=h,t[11]=g):g=t[11],g}function kt(e){"use memo";let t=(0,y.c)(17),{value:n}=e,{page:r,size:i,isLinkMode:a,makeUrl:o,LinkComponent:s,makeClickHandler:c}=Dt();if(n===`...`){let e;return t[0]===i?e=t[1]:(e=(0,d.jsx)(z,{icon:`24/Dot`,size:i,disabled:!0,className:`charcoal-pagination-spacer`,"aria-hidden":!0}),t[0]=i,t[1]=e),e}if(n===r){let e;return t[2]===n?e=t[3]:(e=(0,d.jsx)(`span`,{className:`charcoal-pagination-button`,"aria-current":`page`,children:n}),t[2]=n,t[3]=e),e}if(typeof n!=`number`)return null;if(a&&o){let e;t[4]!==o||t[5]!==n?(e=o(n),t[4]=o,t[5]=n,t[6]=e):e=t[6];let r;return t[7]!==s||t[8]!==e||t[9]!==n?(r=(0,d.jsx)(s,{href:e,className:`charcoal-pagination-button`,children:n}),t[7]=s,t[8]=e,t[9]=n,t[10]=r):r=t[10],r}let l;t[11]!==c||t[12]!==n?(l=c(n),t[11]=c,t[12]=n,t[13]=l):l=t[13];let u;return t[14]!==l||t[15]!==n?(u=(0,d.jsx)(`button`,{type:`button`,className:`charcoal-pagination-button`,onClick:l,children:n}),t[14]=l,t[15]=n,t[16]=u):u=t[16],u}function At(e){"use memo";let t=(0,y.c)(32),n,r,i,a,o,s,c,l,u;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9]):({page:o,pageCount:s,pageRangeDisplayed:c,size:l,onChange:a,makeUrl:r,component:u,className:n,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u);let f=l===void 0?`M`:l,p=u===void 0?`a`:u,m=wt(o,s,c),h=r!==void 0,g;t[10]===a?g=t[11]:(g=e=>()=>a?.(e),t[10]=a,t[11]=g);let _=g,v=R(`charcoal-pagination`,n),b;t[12]!==p||t[13]!==h||t[14]!==_||t[15]!==r||t[16]!==o||t[17]!==s||t[18]!==f?(b={page:o,pageCount:s,size:f,isLinkMode:h,makeUrl:r,LinkComponent:p,makeClickHandler:_},t[12]=p,t[13]=h,t[14]=_,t[15]=r,t[16]=o,t[17]=s,t[18]=f,t[19]=b):b=t[19];let x=b,S;t[20]===Symbol.for(`react.memo_cache_sentinel`)?(S=(0,d.jsx)(Ot,{direction:`prev`}),t[20]=S):S=t[20];let C;t[21]===m?C=t[22]:(C=m.map(jt),t[21]=m,t[22]=C);let w;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(w=(0,d.jsx)(Ot,{direction:`next`}),t[23]=w):w=t[23];let T;t[24]!==v||t[25]!==i||t[26]!==f||t[27]!==C?(T=(0,d.jsxs)(`nav`,{className:v,"data-size":f,"aria-label":`Pagination`,...i,children:[S,C,w]}),t[24]=v,t[25]=i,t[26]=f,t[27]=C,t[28]=T):T=t[28];let E;return t[29]!==x||t[30]!==T?(E=(0,d.jsx)(Et.Provider,{value:x,children:T}),t[29]=x,t[30]=T,t[31]=E):E=t[31],E}function jt(e){return(0,d.jsx)(kt,{value:e},e)}exports.Button=re,exports.CharcoalProvider=S,exports.Checkbox=ht,exports.Clickable=ae,exports.DropdownMenuItem=rt,exports.DropdownSelector=Ye,exports.HintText=vt,exports.Icon=H,exports.IconButton=z,exports.LoadingSpinner=Ue,exports.LoadingSpinnerIcon=We,exports.MenuItemGroup=it,exports.Modal=Ie,exports.ModalAlign=ze,exports.ModalBody=Be,exports.ModalButtons=Ve,exports.ModalCloseButton=Le,exports.ModalHeader=Re,exports.MultiSelect=he,exports.MultiSelectGroup=ge,exports.Radio=de,exports.RadioGroup=fe,exports.SSRProvider=x,exports.SegmentedControl=lt,exports.SetThemeScript=te,exports.Switch=xe,exports.TagItem=_t,exports.TextArea=De,exports.TextField=Te,exports.UnstablePagination=At,exports.UnstableTextEllipsis=Ct,exports.getThemeSync=j,exports.makeSetThemeScriptCode=I,exports.prefersColorScheme=k,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u.OverlayProvider}}),exports.themeSelector=O,exports.themeSetter=D,exports.useLocalStorage=N,exports.useMedia=F,exports.useTheme=M,exports.useThemeSetter=A;
+`}function ee({localStorageKey:e=R.localStorageKey,rootAttribute:t=R.rootAttribute}){return(0,d.jsx)(`script`,{dangerouslySetInnerHTML:{__html:L({localStorageKey:e,rootAttribute:t})}})}const R={localStorageKey:C,rootAttribute:w};function z(...e){return(0,l.useMemo)(()=>e.filter(e=>e).join(` `),[e])}const te=(0,l.forwardRef)(function({variant:e,fullWidth:t,size:n,className:r,component:i,isActive:a,...o},s){let c=(0,l.useMemo)(()=>i??`button`,[i]),u=z(`charcoal-button`,r);return(0,d.jsx)(c,{...o,className:u,"data-variant":e,"data-size":n,"data-full-width":t,"data-active":a,ref:s})});var ne=te;const re=(0,l.forwardRef)(function({component:e,...t},n){let r=z(`charcoal-clickable`,t.className);return(0,d.jsx)((0,l.useMemo)(()=>e??`button`,[e]),{...t,ref:n,className:r})});var ie=re;const ae=(0,l.forwardRef)(function({variant:e=`Default`,size:t=`M`,icon:n,isActive:r=!1,component:i,...a},o){oe(t,n);let s=(0,l.useMemo)(()=>i??`button`,[i]),c=z(`charcoal-icon-button`,a.className);return(0,d.jsx)(s,{...a,ref:o,className:c,"data-size":t,"data-active":r,"data-variant":e,children:(0,d.jsx)(`pixiv-icon`,{name:n})})});var B=ae;function oe(e,t){let n;switch(e){case`XS`:n=`16`;break;case`S`:case`M`:n=`24`;break}let r=/^\d*/u.exec(t);if(r==null)throw Error(`Invalid icon name`);let[i]=r;i!==n&&console.warn(`IconButton with size "${e}" expect icon size "${n}, but got "${i}"`)}const V=l.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error(`Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?`)}}),se=(0,l.forwardRef)(function({onChange:e,invalid:t,className:n,...r},i){let a=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.value)},[e]);return(0,d.jsx)(`input`,{className:z(`charcoal-radio-input`,n),ref:i,type:`radio`,onChange:a,"aria-invalid":t,...r})});var ce=(0,l.memo)(se);const le=(0,l.forwardRef)(function({value:e,disabled:t=!1,children:n,...r},i){let{name:a,selected:o,disabled:s,readonly:c,invalid:u,onChange:p}=(0,l.useContext)(V),m=z(`charcoal-radio__label`,r.className);(0,f.default)(a!==void 0,`"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`);let h=e===o,g=t||s,_=c&&!h;return(0,d.jsxs)(`label`,{"aria-disabled":g||_,className:m,children:[(0,d.jsx)(ce,{name:a,value:e,checked:h,"aria-invalid":u,onChange:p,disabled:g||_,ref:i}),n!=null&&(0,d.jsx)(`div`,{className:`charcoal-radio__label_div`,children:n})]})});var ue=(0,l.memo)(le);const de=(0,l.forwardRef)(function({value:e,label:t,name:n,onChange:r,disabled:i,readonly:a,invalid:o,children:s,"aria-orientation":c=`vertical`,...u},f){let p=z(`charcoal-radio-group`,u.className),m=(0,l.useCallback)(e=>{r(e)},[r]),h=(0,l.useMemo)(()=>({name:n,selected:e,disabled:i??!1,readonly:a??!1,invalid:o??!1,onChange:m}),[i,m,o,n,a,e]);return(0,d.jsx)(V.Provider,{value:h,children:(0,d.jsx)(`div`,{role:`radiogroup`,"aria-disabled":i,"aria-invalid":o,"aria-label":t,"aria-labelledby":u[`aria-labelledby`],"aria-orientation":c,className:p,ref:f,children:s})})}),H=(0,l.createContext)({name:void 0,selected:[],disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error("Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?")}}),fe=l.forwardRef(function({name:e,scale:t,unsafeNonGuidelineScale:n,className:r,...i},a){return(0,d.jsx)(`pixiv-icon`,{ref:a,name:e,scale:t,"unsafe-non-guideline-scale":n,class:r,...i})});var U=fe;const pe=(0,l.forwardRef)(function({value:e,disabled:t=!1,onChange:n,variant:r=`default`,className:i,children:a},o){let{name:s,selected:c,disabled:u,readonly:p,invalid:m,onChange:h}=(0,l.useContext)(H);(0,f.default)(s!==void 0,`"name" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`);let g=c.includes(e),_=t||u||p,v=(0,l.useCallback)(t=>{t.currentTarget instanceof HTMLInputElement&&(n&&n({value:e,selected:t.currentTarget.checked}),h({value:e,selected:t.currentTarget.checked}))},[n,h,e]),y=z(`charcoal-multi-select`,i);return(0,d.jsxs)(`label`,{"aria-disabled":_,className:y,children:[(0,d.jsx)(`input`,{className:`charcoal-multi-select-input`,name:s,value:e,type:`checkbox`,checked:g,disabled:_,onChange:v,"data-overlay":r===`overlay`,"aria-invalid":m,ref:o}),(0,d.jsx)(`div`,{className:`charcoal-multi-select-overlay`,"data-overlay":r===`overlay`,"aria-invalid":m,"aria-hidden":!0,children:(0,d.jsx)(U,{name:`24/Check`,"unsafe-non-guideline-scale":16/24})}),!!a&&(0,d.jsx)(`div`,{className:`charcoal-multi-select-label`,children:a})]})});var me=(0,l.memo)(pe);function he({className:e,style:t,name:n,label:r,selected:i,onChange:a,disabled:o=!1,readonly:s=!1,invalid:c=!1,children:u}){let f=(0,l.useCallback)(e=>{let t=i.indexOf(e.value);e.selected?t<0&&a([...i,e.value]):t>=0&&a([...i.slice(0,t),...i.slice(t+1)])},[a,i]);return(0,d.jsx)(H.Provider,{value:{name:n,selected:Array.from(new Set(i)),disabled:o,readonly:s,invalid:c,onChange:f},children:(0,d.jsx)(`div`,{className:e,style:t,"aria-label":r,"data-testid":`SelectGroup`,children:u})})}const ge=(0,l.forwardRef)(function({onChange:e,className:t,...n},r){let i=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{ref:r,className:z(`charcoal-switch-input`,t),type:`checkbox`,onChange:i,...n})});var _e=ge;const ve=l.memo(function({children:e,className:t,disabled:n,id:r,input:i}){return(0,d.jsxs)(`label`,{htmlFor:r,className:z(`charcoal-switch__label`,t),"aria-disabled":n,children:[i,(0,d.jsx)(`div`,{className:`charcoal-switch__label_div`,children:e})]})}),ye=(0,l.forwardRef)(function({children:e,onChange:t,disabled:n,className:r,id:i,...a},o){let s=(0,p.useId)(i),c=e===void 0,l=(0,d.jsx)(_e,{...a,disabled:n,className:c?r:void 0,id:s,onChange:t,ref:o,role:`switch`,type:`checkbox`});return c?l:(0,d.jsx)(ve,{className:r,disabled:n,id:s,input:l,children:e})});var be=(0,l.memo)(ye);const xe=l.forwardRef(function({style:e,className:t,label:n,required:r=!1,requiredText:i,subLabel:a,...o},s){return(0,d.jsxs)(`div`,{style:e,className:z(`charcoal-field-label-root`,t),children:[(0,d.jsx)(`label`,{ref:s,className:`charcoal-field-label`,...o,children:n}),r&&(0,d.jsx)(`div`,{className:`charcoal-field-label-required-text`,children:i}),(0,d.jsx)(`div`,{className:`charcoal-field-label-sub-label`,children:(0,d.jsx)(`span`,{children:a})})]})});var W=xe;function Se(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!==null&&(n.current=t)}}function G(e){return Array.from(e).length}function K(e,t){(0,l.useEffect)(()=>{let n=e.current;if(n){let e=e=>{e.target!==t.current&&t.current?.focus()};return n.addEventListener(`click`,e),()=>{n.removeEventListener(`click`,e)}}})}function q(e){return(0,l.forwardRef)(function({className:t,...n},r){return(0,d.jsx)(`div`,{className:z(e,t),ref:r,...n})})}const J=q(`charcoal-text-field-assistive-text`),Ce=l.forwardRef(function({assistiveText:e,className:t,disabled:n=!1,label:r=``,maxLength:i,onChange:a,prefix:o=null,required:s,requiredText:c,showCount:u=!1,showLabel:f=!1,subLabel:h,suffix:g=null,type:_=`text`,invalid:v,value:y,getCount:b=G,...x},S){let C=(0,l.useRef)(null),{visuallyHiddenProps:w}=(0,m.useVisuallyHidden)(),[T,E]=(0,l.useState)(b(y??``)),D=(0,l.useCallback)(e=>{let t=e.target.value,n=b(t);i!==void 0&&n>i||(E(n),a?.(t))},[b,i,a]);(0,l.useEffect)(()=>{E(b(y??``))},[b,y]);let O=(0,l.useRef)(null);K(O,C);let k=(0,p.useId)(x.id),A=(0,p.useId)(),j=(0,p.useId)(),M=e!=null&&e.length!==0;return(0,d.jsxs)(`div`,{className:z(`charcoal-text-field-root`,t),"aria-disabled":n,children:[(0,d.jsx)(W,{htmlFor:k,id:j,label:r,required:s,requiredText:c,subLabel:h,...f?{}:w}),(0,d.jsxs)(`div`,{className:`charcoal-text-field-container`,"aria-disabled":n===!0?!0:void 0,"data-invalid":v===!0,ref:O,children:[o&&(0,d.jsx)(`div`,{className:`charcoal-text-field-prefix`,children:o}),(0,d.jsx)(`input`,{className:`charcoal-text-field-input`,"aria-describedby":M?A:void 0,"aria-invalid":v,"aria-labelledby":j,id:k,"data-invalid":v===!0,maxLength:i,onChange:D,disabled:n,ref:(0,p.mergeRefs)(S,C),type:_,value:y,...x}),(g||u)&&(0,d.jsxs)(`div`,{className:`charcoal-text-field-suffix`,children:[g,u&&(0,d.jsx)(`span`,{className:`charcoal-text-field-line-counter`,children:i===void 0?T:`${T}/${i}`})]})]}),M&&(0,d.jsx)(J,{"data-invalid":v===!0,id:A,children:e})]})});var we=Ce;const Te=(0,l.forwardRef)(function({onChange:e,className:t,value:n,showCount:r=!1,showLabel:i=!1,label:a=``,requiredText:o,subLabel:s,disabled:c=!1,required:u,assistiveText:f,maxLength:h,autoHeight:g=!1,rows:_=4,invalid:v,getCount:y=G,...b},x){let{visuallyHiddenProps:S}=(0,m.useVisuallyHidden)(),C=(0,l.useRef)(null),[w,T]=(0,l.useState)(y(n??``)),[E,D]=(0,l.useState)(_),O=(0,l.useCallback)(e=>{let t=(`${e.value}\n`.match(/\n/gu)?.length??0)||1;D(_<=t?t:_)},[_]),k=n===void 0,A=(0,l.useCallback)(t=>{let n=t.target.value,r=y(n);h!==void 0&&r>h||(k&&T(r),g&&C.current!==null&&O(C.current),e?.(n))},[g,y,h,k,e,O]);(0,l.useEffect)(()=>{T(y(n??``))},[y,n]),(0,l.useEffect)(()=>{g&&C.current!==null&&O(C.current)},[g,O]);let j=(0,l.useRef)(null);K(j,C);let M=(0,p.useId)(b.id),N=(0,p.useId)(),P=(0,p.useId)(),F=z(`charcoal-text-area-root`,t),I=f!=null&&f.length!==0;return(0,d.jsxs)(`div`,{className:F,"aria-disabled":c,children:[(0,d.jsx)(W,{htmlFor:M,id:P,label:a,required:u,requiredText:o,subLabel:s,...i?{}:S}),(0,d.jsxs)(`div`,{className:`charcoal-text-area-container`,"aria-disabled":c===!0?`true`:void 0,"aria-invalid":v===!0,ref:j,style:{"--charcoal-text-area-rows":`${r?E+1:E}`},children:[(0,d.jsx)(`textarea`,{className:`charcoal-text-area-textarea`,"aria-describedby":I?N:void 0,"aria-invalid":v,"aria-labelledby":P,id:M,maxLength:h,"data-no-bottom-padding":r,onChange:A,ref:Se(x,C),rows:E,value:n,disabled:c,...b}),r&&(0,d.jsx)(`span`,{className:`charcoal-text-area-counter`,children:h===void 0?w:`${w}/${h}`})]}),I&&(0,d.jsx)(J,{"data-invalid":v===!0,id:N,children:f})]})});var Ee=Te;function De(e){let t=l.useRef(null);return l.useEffect(()=>{e&&(typeof e==`function`?e(t.current):e.current=t.current)}),t}const Oe=(0,l.forwardRef)(function({size:e,bottomSheet:t,className:n,...r},i){let a=De(i),{dialogProps:o}=(0,g.useDialog)({role:`dialog`},a);return(0,d.jsx)(`div`,{className:z(`charcoal-modal-dialog`,n),role:o.role,"data-bottom-sheet":t,tabIndex:o.tabIndex,"aria-labelledby":o[`aria-labelledby`],onBlur:o.onBlur,"data-size":e,ref:a,...r})}),Y=l.createContext(null);function X(e,t,n=!1){(0,l.useEffect)(()=>{if(t&&e){let t=e.style.paddingRight,r=e.style.overflow;return e.style.paddingRight=`${window.innerWidth-e.clientWidth}px`,e.style.overflow=n?`clip`:`hidden`,()=>{e.style.paddingRight=t,e.style.overflow=r}}},[e,t,n])}function ke(e,t,n){let{overlayProps:r,underlayProps:i}=(0,u.useOverlay)({...e,isOpen:t.isOpen,onClose:t.onClose,shouldCloseOnInteractOutside:()=>!1},n);return X(typeof document<`u`?document.body:null,t.isOpen,e.overflowClip),(0,u.useOverlayFocusContain)(),l.useEffect(()=>{if(t.isOpen&&n.current)return(0,u.ariaHideOutside)([n.current])},[t.isOpen,n]),{modalProps:r,underlayProps:i}}function Ae(){return typeof window<`u`}function je(){let[e,t]=l.useState(Ae()?window.innerWidth:null);return l.useEffect(()=>{let e=()=>{t(window.innerWidth)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}}),e}const Me=10,Ne=(0,l.forwardRef)(function({children:e,zIndex:t=10,portalContainer:n,...r},i){let{title:a,size:o=`M`,bottomSheet:s=!1,isDismissable:c,onClose:f,className:m,isOpen:g=!1,closeButtonAriaLabel:_=`Close`}=r,v=(0,p.useObjectRef)(i),{modalProps:y,underlayProps:b}=ke({...r,isKeyboardDismissDisabled:c===void 0||c===!1},{onClose:f,isOpen:g},v),x=(je()??1/0)<744,S=x&&s!==!1,C=!x||s!==!0,w=(0,h.useTransition)(g,{from:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},enter:{transform:`translateY(0%)`,backgroundColor:`rgba(0, 0, 0, 0.4)`},update:{overflow:`auto`},leave:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},config:S?{duration:400,easing:h.easings.easeOutQuart}:{duration:0}}),T=l.useRef(null),E=l.useCallback(e=>{e.currentTarget===e.target&&f()},[f]);return w(({backgroundColor:r,overflow:i,transform:l},p)=>p&&(0,d.jsx)(u.Overlay,{portalContainer:n,children:(0,d.jsx)(h.animated.div,{className:`charcoal-modal-background`,ref:T,...b,style:S?{backgroundColor:r,overflow:i,zIndex:t}:{zIndex:t},"data-bottom-sheet":s,onClick:E,children:(0,d.jsx)(Y.Provider,{value:T.current,children:(0,d.jsx)(Pe,{ref:v,...y,style:S?{transform:l}:{},size:o,bottomSheet:s,className:m,children:(0,d.jsxs)(Ie.Provider,{value:{titleProps:{},title:a,close:f,showDismiss:C,bottomSheet:s},children:[e,c===!0&&(0,d.jsx)(Le,{"aria-label":_,onClick:f})]})})})})}))}),Pe=(0,h.animated)(Oe);var Fe=(0,l.memo)(Ne);const Ie=l.createContext({titleProps:{},title:``,close:void 0,showDismiss:!0,bottomSheet:!1});function Le(e){return(0,d.jsx)(B,{className:`charcoal-modal-close-button`,size:`S`,icon:`24/Close`,type:`button`,...e})}function Re(){let e=(0,l.useContext)(Ie);return(0,d.jsx)(`div`,{className:`charcoal-modal-header-root`,"data-bottom-sheet":e.bottomSheet,children:(0,d.jsx)(`div`,{className:`charcoal-modal-header-title`,children:e.title})})}const ze=q(`charcoal-modal-align`),Be=q(`charcoal-modal-body`),Ve=q(`charcoal-modal-buttons`),He=(0,l.forwardRef)(function({size:e=48,padding:t=16,transparent:n=!1,...r},i){let a=z(`charcoal-loading-spinner`,r.className);return(0,d.jsx)(`div`,{role:`progressbar`,style:{"--charcoal-loading-spinner-size":`${e}px`,"--charcoal-loading-spinner-padding":`${t}px`},"data-transparent":n,className:a,ref:i,children:(0,d.jsx)(We,{})})});var Ue=(0,l.memo)(He);const We=(0,l.forwardRef)(function({once:e=!1},t){let n=(0,l.useRef)(null);return(0,l.useImperativeHandle)(t,()=>({restart:()=>{n.current&&(n.current.dataset.resetAnimation=`true`,n.current.offsetWidth,delete n.current.dataset.resetAnimation)}})),(0,d.jsx)(`div`,{role:`presentation`,ref:n,"data-once":e,className:`charcoal-loading-spinner-icon`})}),Z=()=>null;function Ge(e){let t=(0,l.useRef)(null),n=e.popoverRef===void 0?t:e.popoverRef,{popoverProps:r,underlayProps:i}=(0,u.usePopover)({triggerRef:e.triggerRef,popoverRef:n,containerPadding:16},{close:e.onClose,isOpen:e.isOpen,open:Z,setOpen:Z,toggle:Z});return X((0,l.useContext)(Y),e.isOpen),e.isOpen?(0,d.jsxs)(u.Overlay,{portalContainer:document.body,children:[(0,d.jsx)(`div`,{...i,...e.inertWorkaround?{"data-react-aria-top-layer":!0,onClick:e.onClose}:{},style:{position:`fixed`,zIndex:typeof r.style?.zIndex==`number`?r.style.zIndex-1:99999,inset:0}}),(0,d.jsxs)(`div`,{...r,ref:n,className:`charcoal-popover`,children:[(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()}),(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),e.children,(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()})]})]}):null}function Ke({children:e,...t}){let n=(0,l.useRef)(null);return(0,l.useEffect)(()=>{t.isOpen&&n.current&&t.triggerRef.current&&(n.current.style.width=`${t.triggerRef.current.clientWidth}px`)},[t.triggerRef,t.isOpen]),(0,l.useEffect)(()=>{if(t.isOpen)if(t.value!==void 0&&t.value!==``){let e=window.scrollY,n=window.scrollX;document.querySelector(`[data-key="${t.value.toString()}"]`)?.focus(),window.scrollTo(n,e)}else{let e=n.current?.querySelector(`[role='option']`);e instanceof HTMLElement&&e.focus()}},[t.value,t.isOpen]),(0,d.jsx)(Ge,{isOpen:t.isOpen,onClose:t.onClose,popoverRef:n,triggerRef:t.triggerRef,inertWorkaround:t.inertWorkaround,children:e})}function qe(e,t){let n=l.Children.toArray(e);for(let e=0;e<n.length;e++){let r=n[e];if(l.isValidElement(r)){if(`value`in r.props&&r.props.value===t&&`children`in r.props)return r.props.children;if(`children`in r.props){let e=qe(r.props.children,t);if(e!==void 0)return e}}}}const Q=(0,l.createContext)({root:void 0,value:``,propsArray:[],setValue:e=>{}});function $(e){let t=l.Children.toArray(e),n=[];for(let e=0;e<t.length;e++){let r=t[e];if(l.isValidElement(r)){let e=r.props;`value`in e&&typeof e.value==`string`&&n.push({disabled:e.disabled,value:e.value}),`children`in e&&e.children&&n.push(...$(e.children))}}return n}function Je(e){let t=(0,l.useRef)(null),n=(0,l.useMemo)(()=>$(e.children),[e.children]);return(0,d.jsx)(`ul`,{className:`charcoal-menu-list`,ref:t,children:(0,d.jsx)(Q.Provider,{value:{value:e.value??``,root:t,propsArray:n,setValue:t=>{e.onChange?.(t)}},children:e.children})})}function Ye({onChange:e,showLabel:t=!1,...n}){let r=(0,l.useRef)(null),[i,a]=(0,l.useState)(!1),o=qe(n.children,n.value),s=(0,l.useMemo)(()=>n.placeholder!==void 0&&o===void 0,[o,n.placeholder]),c=$(n.children),{visuallyHiddenProps:u}=(0,m.useVisuallyHidden)(),f=(0,l.useCallback)(t=>{e(t.target.value)},[e]),h=(0,p.useId)(),g=(0,p.useId)();return(0,d.jsxs)(`div`,{className:z(`charcoal-dropdown-selector-root`,n.className),"aria-disabled":n.disabled,children:[(0,d.jsx)(W,{id:h,label:n.label,required:n.required,requiredText:n.requiredText,subLabel:n.subLabel,...t?{}:u}),(0,d.jsx)(`div`,{...u,"aria-hidden":`true`,children:(0,d.jsx)(`select`,{name:n.name,value:n.value,onChange:f,tabIndex:-1,children:c.map(e=>(0,d.jsx)(`option`,{value:e.value,disabled:e.disabled,children:e.value},e.value))})}),(0,d.jsxs)(`button`,{className:`charcoal-dropdown-selector-button`,"aria-labelledby":h,"aria-invalid":n.invalid,"aria-describedby":n.assistiveText===void 0?void 0:g,disabled:n.disabled,onClick:()=>{n.disabled!==!0&&a(!0)},ref:r,type:`button`,"data-active":i,children:[(0,d.jsx)(`span`,{className:`charcoal-ui-dropdown-selector-text`,"data-placeholder":s,children:s?n.placeholder:o}),(0,d.jsx)(U,{className:`charcoal-ui-dropdown-selector-icon`,name:`16/Menu`})]}),i&&(0,d.jsx)(Ke,{isOpen:i,onClose:()=>a(!1),triggerRef:r,value:n.value,inertWorkaround:n.inertWorkaround,children:(0,d.jsx)(Je,{value:n.value,onChange:t=>{e(t),a(!1)},children:n.children})}),n.assistiveText!==void 0&&(0,d.jsx)(J,{"data-invalid":n.invalid===!0,id:g,children:n.assistiveText})]})}const Xe=(0,l.forwardRef)(function({as:e,className:t,...n},r){return(0,d.jsx)((0,l.useMemo)(()=>e??`li`,[e]),{className:z(`charcoal-list-item`,t),ref:r,...n})});var Ze=Xe;function Qe(e,t){if(t.scrollHeight>t.clientHeight){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();n.bottom>r.bottom?t.scrollTo({top:t.scrollTop+n.bottom-r.bottom}):n.top<r.top&&t.scrollTo({top:t.scrollTop-(r.top-n.top)})}else $e(e)}function $e(e){let t=e.getBoundingClientRect();t.top>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)||e.scrollIntoView({block:`nearest`})}function et(e){let{setValue:t,root:n,propsArray:r}=(0,l.useContext)(Q),i=(0,l.useCallback)(()=>{e!==void 0&&t(e)},[e,t]);return[(0,l.useCallback)(t=>{if(t.key===`Enter`)i();else if(t.key===`ArrowUp`||t.key===`ArrowDown`){let i=t.key===`ArrowDown`;if(t.preventDefault(),!r||e===void 0)return;let a=r.map(e=>e.value).filter(e=>e),o=a.indexOf(e);if(o===-1)return;for(let e=0;e<a.length;e++){let e=i?o+1>=a.length?a[0]:a[o+1]:o-1<0?a[a.length-1]:a[o-1],t=n?.current?.querySelector(`[data-key='${e}']`);if(t instanceof HTMLElement){if(t.ariaDisabled===`true`){o+=i?1:-1;continue}t.focus({preventScroll:!0}),n?.current?.parentElement&&Qe(t,n.current.parentElement);break}}}},[i,r,e,n]),i]}const tt=(0,l.forwardRef)(function({className:e,value:t,disabled:n,...r},i){let[a,o]=et(t);return(0,d.jsx)(Ze,{...r,ref:i,"data-key":t,onKeyDown:a,onClick:n===!0?void 0:o,tabIndex:-1,"aria-disabled":n,role:`option`,children:r.children})});var nt=tt;function rt(e){let{value:t}=(0,l.useContext)(Q),n=e.value===t,{children:r,secondary:i,...a}=e;return(0,d.jsx)(nt,{...a,"aria-selected":n,children:(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`charcoal-dropdown-selector-menu-item-container`,children:[n&&(0,d.jsx)(U,{className:`charcoal-dropdown-selector-menu-item-icon`,name:`16/Check`}),(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-item`,"data-selected":n,children:r})]}),i&&(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-secondary`,children:i})]})})}function it(e){return(0,d.jsxs)(`li`,{className:`charcoal-menu-item-group`,role:`presentation`,children:[(0,d.jsx)(`span`,{children:e.text}),(0,d.jsx)(`ul`,{role:`group`,children:e.children})]})}const at=(0,l.createContext)(null),ot=({value:e,children:t})=>(0,d.jsx)(at.Provider,{value:e,children:t}),st=()=>{let e=(0,l.useContext)(at);if(e===null)throw Error("`<RadioProvider>` is not likely mounted.");return e},ct=(0,l.forwardRef)(function(e,t){let n=z(`charcoal-segmented-control`,e.className),r=(0,l.useMemo)(()=>({...e,isDisabled:e.disabled,isReadOnly:e.readonly,isRequired:e.required,"aria-label":e.name}),[e]),i=(0,_.useRadioGroupState)(r),{radioGroupProps:a}=(0,v.useRadioGroup)(r,i),o=(0,l.useMemo)(()=>e.data.map(e=>typeof e==`string`?{value:e,label:e}:e),[e.data]);return(0,d.jsx)(`div`,{ref:t,...a,className:n,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:(0,d.jsx)(ot,{value:i,children:o.map(t=>(0,d.jsx)(ut,{value:t.value,disabled:t.disabled,uniformSegmentWidth:e.uniformSegmentWidth,children:t.label},t.value))})})});var lt=(0,l.memo)(ct);const ut=e=>{let t=st(),n=(0,l.useRef)(null),{inputProps:r,isDisabled:i,isSelected:a}=(0,v.useRadio)((0,l.useMemo)(()=>({value:e.value,isDisabled:e.disabled,children:e.children}),[e]),t,n);return(0,d.jsxs)(`label`,{className:`charcoal-segmented-control-radio__label`,"aria-disabled":i||t.isReadOnly,"data-checked":a,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:[(0,d.jsx)(`input`,{className:`charcoal-segmented-control-radio__input`,...r,ref:n}),e.children]})},dt=(0,l.forwardRef)(function({onChange:e,checked:t,invalid:n,className:r,rounded:i,...a},o){let s=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{className:z(`charcoal-checkbox-input`,r),ref:o,type:`checkbox`,onChange:s,"aria-invalid":n,checked:t,"data-rounded":i,...a})});var ft=(0,l.memo)(dt);const pt=l.default.memo(function({className:e,children:t,input:n,id:r,disabled:i}){let a=z(`charcoal-checkbox__label`,e);return(0,d.jsxs)(`label`,{htmlFor:r,"aria-disabled":i,className:a,children:[n,(0,d.jsx)(`div`,{className:`charcoal-checkbox__label_div`,children:t})]})}),mt=(0,l.forwardRef)(function({disabled:e,className:t,id:n,children:r,...i},a){let o=(0,p.useId)(n),s=r===void 0,c=(0,d.jsx)(ft,{...i,className:s?t:void 0,disabled:e,id:o,ref:a});return s?c:(0,d.jsx)(pt,{className:t,disabled:e,id:o,input:c,children:r})});var ht=(0,l.memo)(mt);const gt=(0,l.forwardRef)(function({component:e,label:t,translatedLabel:n,bgColor:r=`#7ACCB1`,bgImage:i,size:a=`M`,status:o=`default`,...s},c){let u=(0,p.useObjectRef)(c),f=n!==void 0&&n.length>0,m=z(`charcoal-tag-item`,`charcoal-tag-item__bg`,s.className),h=i!==void 0&&i.length>0?`image`:`color`,g=h===`color`?r:`url(${i??``})`;return(0,d.jsxs)((0,l.useMemo)(()=>e??`button`,[e]),{...s,ref:u,className:m,"data-state":o,"data-bg-variant":h,"data-size":f?`M`:a,style:{"--charcoal-tag-item-bg":g},children:[(0,d.jsxs)(`div`,{className:`charcoal-tag-item__label`,"data-has-translate":f,children:[f&&(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__translated`,children:n}),(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__text`,"data-has-translate":f,children:t})]}),o===`active`&&(0,d.jsx)(U,{name:`16/Remove`})]})});var _t=(0,l.memo)(gt);function vt({children:e,context:t=`section`,className:n}){return(0,d.jsxs)(`div`,{className:z(`charcoal-hint-text`,n),"data-context":t,children:[(0,d.jsx)(`div`,{className:`charcoal-hint-text-icon`,children:(0,d.jsx)(U,{name:`16/Info`})}),(0,d.jsx)(`p`,{className:`charcoal-hint-text-message`,children:e})]})}const yt=(e,t,n)=>{if(!e)return;let r=t??St(n);if(r)return r},bt=e=>(0,l.isValidElement)(e)&&!!e.props.children,xt=e=>e==null||typeof e==`boolean`||JSON.stringify(e)===`{}`?``:e.toString(),St=e=>!Array.isArray(e)&&!(0,l.isValidElement)(e)?xt(e):l.Children.toArray(e).reduce((e,t)=>{let n=``;return n=(0,l.isValidElement)(t)&&bt(t)?St(t.props.children):(0,l.isValidElement)(t)&&!bt(t)?``:xt(t),e.concat(n)},``);function Ct(e){"use memo";let t=(0,y.c)(32),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({lineHeight:r,lineLimit:a,children:n,title:l,hyphens:o,showTooltip:s,useNowrap:c,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=a===void 0?1:a,f=o===void 0?`auto`:o,p=s===void 0?!0:s,m=c===void 0?!1:c,h;t[9]!==n||t[10]!==p||t[11]!==l?(h=yt(p,l,n),t[9]=n,t[10]=p,t[11]=l,t[12]=h):h=t[12];let g=h,_=z(`charcoal-text-ellipsis`,i.className),v=r!==void 0,b;t[13]===m?b=t[14]:(b=m?{"data-use-nowrap":m}:{},t[13]=m,t[14]=b);let x;t[15]!==v||t[16]!==r?(x=v&&{"--charcoal-text-ellipsis-line-height":`${r}px`},t[15]=v,t[16]=r,t[17]=x):x=t[17];let S;t[18]!==f||t[19]!==u||t[20]!==i.style||t[21]!==x?(S={...x,"--charcoal-text-ellipsis-line-limit":u,hyphens:f,...i.style},t[18]=f,t[19]=u,t[20]=i.style,t[21]=x,t[22]=S):S=t[22];let C=S,w;return t[23]!==n||t[24]!==_||t[25]!==g||t[26]!==v||t[27]!==u||t[28]!==i||t[29]!==b||t[30]!==C?(w=(0,d.jsx)(`div`,{...i,className:_,"data-line-limit":u,"data-has-line-height":v,...b,style:C,title:g,children:n}),t[23]=n,t[24]=_,t[25]=g,t[26]=v,t[27]=u,t[28]=i,t[29]=b,t[30]=C,t[31]=w):w=t[31],w}function wt(e,t,n){"use memo";let r=(0,y.c)(7),i=n===void 0?7:n;process.env.NODE_ENV!==`production`&&((0,f.default)((e|0)===e,`\`page\` must be integer (${e})`),(0,f.default)((t|0)===t,`\`pageCount\` must be integer (${t})`),(0,f.default)(i===5||i===7,`\`pageRangeDisplayed\` must be 5 or 7 (${i})`));let a=Math.min(t,Math.max(e+Math.floor(i/2),i)),o;if(a<=i){let e;r[0]===a?e=r[1]:(e=Array.from({length:1+a-1},Tt),r[0]=a,r[1]=e),o=e}else{let e=a-(i-1)+2,t;if(r[2]!==e||r[3]!==a){let n;r[5]===e?n=r[6]:(n=(t,n)=>e+n,r[5]=e,r[6]=n),t=[1,`...`,...Array.from({length:1+a-e},n)],r[2]=e,r[3]=a,r[4]=t}else t=r[4];o=t}let s=o;return(0,l.useDebugValue)(s),s}function Tt(e,t){return 1+t}const Et=(0,l.createContext)(null);function Dt(){let e=(0,l.useContext)(Et);if(e==null)throw Error(`Pagination components must be used within a Pagination component`);return e}function Ot(e){"use memo";let t=(0,y.c)(14),{direction:n}=e,{page:r,pageCount:i,size:a,isLinkMode:o,makeUrl:s,LinkComponent:c,makeClickHandler:l,linkProps:u}=Dt(),f=n===`prev`,p=f?Math.max(1,r-1):Math.min(i,r+1),m=f?r<=1:r>=i,h=z(`charcoal-pagination-nav-button`,u?.className),g=f?`24/Prev`:`24/Next`,_;t[0]!==c||t[1]!==m||t[2]!==o||t[3]!==u||t[4]!==l||t[5]!==s||t[6]!==h||t[7]!==p?(_=o&&s?{component:c,href:s(p),"aria-disabled":m,...u,className:h}:{disabled:m,onClick:l(p),className:h},t[0]=c,t[1]=m,t[2]=o,t[3]=u,t[4]=l,t[5]=s,t[6]=h,t[7]=p,t[8]=_):_=t[8];let v;return t[9]!==m||t[10]!==a||t[11]!==g||t[12]!==_?(v=(0,d.jsx)(B,{icon:g,size:a,hidden:m,..._}),t[9]=m,t[10]=a,t[11]=g,t[12]=_,t[13]=v):v=t[13],v}function kt(e){"use memo";let t=(0,y.c)(19),{value:n}=e,{page:r,size:i,isLinkMode:a,makeUrl:o,LinkComponent:s,makeClickHandler:c,linkProps:l}=Dt(),u=z(`charcoal-pagination-button`,l?.className);if(n===`...`){let e;return t[0]===i?e=t[1]:(e=(0,d.jsx)(B,{icon:`24/Dot`,size:i,disabled:!0,className:`charcoal-pagination-spacer`,"aria-hidden":!0}),t[0]=i,t[1]=e),e}if(n===r){let e;return t[2]===n?e=t[3]:(e=(0,d.jsx)(`span`,{className:`charcoal-pagination-button`,"aria-current":`page`,children:n}),t[2]=n,t[3]=e),e}if(typeof n!=`number`)return null;if(a&&o){let e;t[4]!==o||t[5]!==n?(e=o(n),t[4]=o,t[5]=n,t[6]=e):e=t[6];let r;return t[7]!==s||t[8]!==l||t[9]!==u||t[10]!==e||t[11]!==n?(r=(0,d.jsx)(s,{href:e,...l,className:u,children:n}),t[7]=s,t[8]=l,t[9]=u,t[10]=e,t[11]=n,t[12]=r):r=t[12],r}let f;t[13]!==c||t[14]!==n?(f=c(n),t[13]=c,t[14]=n,t[15]=f):f=t[15];let p;return t[16]!==f||t[17]!==n?(p=(0,d.jsx)(`button`,{type:`button`,className:`charcoal-pagination-button`,onClick:f,children:n}),t[16]=f,t[17]=n,t[18]=p):p=t[18],p}function At(e){"use memo";let t=(0,y.c)(34),n,r,i,a,o,s,c,l,u,f;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9],f=t[10]):({page:s,pageCount:c,pageRangeDisplayed:l,size:u,onChange:o,makeUrl:i,component:f,linkProps:r,className:n,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u,t[10]=f);let p=u===void 0?`M`:u,m=f===void 0?`a`:f,h=wt(s,c,l),g=i!==void 0,_;t[11]===o?_=t[12]:(_=e=>()=>o?.(e),t[11]=o,t[12]=_);let v=_,b=z(`charcoal-pagination`,n),x;t[13]!==m||t[14]!==g||t[15]!==r||t[16]!==v||t[17]!==i||t[18]!==s||t[19]!==c||t[20]!==p?(x={page:s,pageCount:c,size:p,isLinkMode:g,makeUrl:i,LinkComponent:m,makeClickHandler:v,linkProps:r},t[13]=m,t[14]=g,t[15]=r,t[16]=v,t[17]=i,t[18]=s,t[19]=c,t[20]=p,t[21]=x):x=t[21];let S=x,C;t[22]===Symbol.for(`react.memo_cache_sentinel`)?(C=(0,d.jsx)(Ot,{direction:`prev`}),t[22]=C):C=t[22];let w;t[23]===h?w=t[24]:(w=h.map(jt),t[23]=h,t[24]=w);let T;t[25]===Symbol.for(`react.memo_cache_sentinel`)?(T=(0,d.jsx)(Ot,{direction:`next`}),t[25]=T):T=t[25];let E;t[26]!==b||t[27]!==a||t[28]!==p||t[29]!==w?(E=(0,d.jsxs)(`nav`,{"data-size":p,"aria-label":`Pagination`,...a,className:b,children:[C,w,T]}),t[26]=b,t[27]=a,t[28]=p,t[29]=w,t[30]=E):E=t[30];let D;return t[31]!==S||t[32]!==E?(D=(0,d.jsx)(Et.Provider,{value:S,children:E}),t[31]=S,t[32]=E,t[33]=D):D=t[33],D}function jt(e){return(0,d.jsx)(kt,{value:e},e)}exports.Button=ne,exports.CharcoalProvider=S,exports.Checkbox=ht,exports.Clickable=ie,exports.DropdownMenuItem=rt,exports.DropdownSelector=Ye,exports.HintText=vt,exports.Icon=U,exports.IconButton=B,exports.LoadingSpinner=Ue,exports.LoadingSpinnerIcon=We,exports.MenuItemGroup=it,exports.Modal=Fe,exports.ModalAlign=ze,exports.ModalBody=Be,exports.ModalButtons=Ve,exports.ModalCloseButton=Le,exports.ModalHeader=Re,exports.MultiSelect=me,exports.MultiSelectGroup=he,exports.Radio=ue,exports.RadioGroup=de,exports.SSRProvider=x,exports.SegmentedControl=lt,exports.SetThemeScript=ee,exports.Switch=be,exports.TagItem=_t,exports.TextArea=Ee,exports.TextField=we,exports.UnstablePagination=At,exports.UnstableTextEllipsis=Ct,exports.getThemeSync=j,exports.makeSetThemeScriptCode=L,exports.prefersColorScheme=k,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u.OverlayProvider}}),exports.themeSelector=O,exports.themeSetter=D,exports.useLocalStorage=N,exports.useMedia=I,exports.useTheme=M,exports.useThemeSetter=A;
 //# sourceMappingURL=index.cjs.map