@purpur/library 9.8.0 → 9.9.0

package/dist/countdown-BsLsEZBv.mjs

@@ -1,179 +0,0 @@
-import { jsxs as v, jsx as u, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as k, useId as G, useState as J, useMemo as z, useEffect as K } from "react";
-import { P as M } from "./paragraph-DSxXmX_0.mjs";
-import { V as O } from "./visually-hidden-BYFkJEp1.mjs";
-import { c as A } from "./bind-CU-R61T-.mjs";
-const U = {
-  "purpur-countdown--size-md": "_purpur-countdown--size-md_ytnsp_1",
-  "purpur-countdown--size-lg": "_purpur-countdown--size-lg_ytnsp_5",
-  "purpur-countdown--use-container-queries": "_purpur-countdown--use-container-queries_ytnsp_10",
-  "purpur-countdown__counter-container": "_purpur-countdown__counter-container_ytnsp_10",
-  "purpur-countdown--full-width": "_purpur-countdown--full-width_ytnsp_15",
-  "purpur-countdown--use-media-queries": "_purpur-countdown--use-media-queries_ytnsp_25",
-  "purpur-countdown": "_purpur-countdown_ytnsp_1",
-  "purpur-countdown--variant-primary": "_purpur-countdown--variant-primary_ytnsp_40",
-  "purpur-countdown--variant-secondary": "_purpur-countdown--variant-secondary_ytnsp_43",
-  "purpur-countdown--negative": "_purpur-countdown--negative_ytnsp_46",
-  "purpur-countdown--show-days": "_purpur-countdown--show-days_ytnsp_56",
-  "purpur-countdown__label": "_purpur-countdown__label_ytnsp_72"
-}, X = {
-  "purpur-countdown-counter": "_purpur-countdown-counter_23fbu_1",
-  "purpur-countdown-counter--size-lg": "_purpur-countdown-counter--size-lg_23fbu_10",
-  "purpur-countdown-counter__number": "_purpur-countdown-counter__number_23fbu_15",
-  "purpur-countdown-counter--size-md": "_purpur-countdown-counter--size-md_23fbu_21",
-  "purpur-countdown-counter__number-list-container": "_purpur-countdown-counter__number-list-container_23fbu_35",
-  "purpur-countdown-counter__number-list": "_purpur-countdown-counter__number-list_23fbu_35",
-  "purpur-countdown-counter__number--selected": "_purpur-countdown-counter__number--selected_23fbu_61",
-  "purpur-countdown-counter__label": "_purpur-countdown-counter__label_23fbu_64",
-  "purpur-countdown-counter__label--abbr": "_purpur-countdown-counter__label--abbr_23fbu_71",
-  "purpur-countdown-counter__label--full": "_purpur-countdown-counter__label--full_23fbu_74"
-}, m = A.bind(X), r = "purpur-countdown-counter", $ = ({ tag: t, size: a, numbers: n, counterLabels: _ }) => {
-  const w = () => {
-    const s = _[t], e = _[`${t}Abbr`];
-    return /* @__PURE__ */ v(T, { children: [
-      e && /* @__PURE__ */ u(M, { className: m(`${r}__label`, `${r}__label--abbr`), children: /* @__PURE__ */ u("abbr", { title: s, children: e }) }),
-      /* @__PURE__ */ u(
-        M,
-        {
-          className: m(`${r}__label`, {
-            [`${r}__label--full`]: !!e
-          }),
-          children: s
-        }
-      )
-    ] });
-  };
-  return /* @__PURE__ */ v(
-    "div",
-    {
-      className: m(r, `${r}--size-${a}`),
-      role: "group",
-      "aria-hidden": "true",
-      "data-testid": `counter-${t}`,
-      children: [
-        /* @__PURE__ */ u("div", { className: m(`${r}__number-list-container`), children: n.map((s, e) => /* @__PURE__ */ u(
-          "ul",
-          {
-            className: m(`${r}__number-list`),
-            style: {
-              "--offset": s
-            },
-            children: Y.map((l, b) => {
-              const i = l === s;
-              return /* @__PURE__ */ u(
-                "li",
-                {
-                  className: m(`${r}__number`, {
-                    [`${r}__number--selected`]: i
-                  }),
-                  children: l
-                },
-                b
-              );
-            })
-          },
-          e
-        )) }),
-        w()
-      ]
-    }
-  );
-}, Y = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-function Z(t) {
-  const a = (/* @__PURE__ */ new Date()).getTime(), n = Math.max(0, t - a), _ = Math.floor(n / d.day), w = Math.floor(n % d.day / d.hour), s = Math.floor(n % d.hour / d.minute), e = Math.floor(n % d.minute / d.second), l = g(_), b = g(w), i = g(s);
-  return {
-    seconds: g(e),
-    minutes: i,
-    hours: b,
-    days: l
-  };
-}
-const d = {
-  second: 1e3,
-  minute: 60 * 1e3,
-  hour: 3600 * 1e3,
-  day: 1440 * 60 * 1e3
-};
-function P(t) {
-  return t instanceof Date ? t : new Date(t);
-}
-function g(t) {
-  return String(t).padStart(2, "0").split("");
-}
-const D = A.bind(U), o = "purpur-countdown", B = k(
-  ({ renderAfterEnd: t, renderBeforeStart: a, ...n }, _) => {
-    const w = /* @__PURE__ */ new Date(), s = G(), {
-      size: e = "lg",
-      fullWidth: l = !1,
-      negative: b = !1,
-      showDays: i = !0,
-      variant: j = "primary",
-      className: L,
-      counterLabels: f,
-      useMediaQueries: C = !1
-    } = n, [p, V] = J(w), N = z(() => P(n.starttime), [n.starttime]), y = z(() => P(n.endtime), [n.endtime]), { days: q, hours: x, minutes: I, seconds: S } = z(() => Z(y.getTime()), [p]);
-    K(() => {
-      if (p < N || p > y) return;
-      const c = setInterval(() => V(/* @__PURE__ */ new Date()), 1e3);
-      return () => clearInterval(c);
-    }, [N, y, p]);
-    const E = N > p, F = y < p;
-    if (E) return a ? a(n) : null;
-    if (F) return t ? t(n) : null;
-    const H = () => {
-      const c = { size: e, counterLabels: f };
-      return /* @__PURE__ */ v(T, { children: [
-        i && /* @__PURE__ */ u($, { numbers: q, tag: "days", ...c }),
-        /* @__PURE__ */ u($, { numbers: x, tag: "hours", ...c }),
-        /* @__PURE__ */ u($, { numbers: I, tag: "minutes", ...c }),
-        /* @__PURE__ */ u($, { numbers: S, tag: "seconds", ...c })
-      ] });
-    }, Q = () => {
-      const c = () => {
-        const h = [];
-        return i && h.push(`${q.join("")} ${f.days}`), h.push(`${x.join("")} ${f.hours}`), h.push(`${I.join("")} ${f.minutes}`), h.push(`${S.join("")} ${f.seconds}`), h.join(", ");
-      };
-      return /* @__PURE__ */ u(
-        O,
-        {
-          "data-testid": "live-region",
-          "aria-live": "polite",
-          "aria-label": n["aria-label"],
-          children: c()
-        }
-      );
-    }, R = H(), W = D(
-      o,
-      `${o}--size-${e}`,
-      `${o}--variant-${j}`,
-      {
-        [`${o}--full-width`]: l,
-        [`${o}--negative`]: b,
-        [`${o}--show-days`]: i,
-        [`${o}--use-media-queries`]: C,
-        [`${o}--use-container-queries`]: !C
-      },
-      L
-    );
-    return /* @__PURE__ */ v(
-      "section",
-      {
-        id: s,
-        className: W,
-        ref: _,
-        role: "timer",
-        "data-testid": n["data-testid"],
-        children: [
-          Q(),
-          n.label && /* @__PURE__ */ u(M, { className: D(`${o}__label`), variant: "paragraph-100-medium", children: n.label }),
-          /* @__PURE__ */ u("div", { className: D(`${o}__counter-container`), children: R })
-        ]
-      }
-    );
-  }
-);
-B.displayName = "Countdown";
-export {
-  B as C
-};
-//# sourceMappingURL=countdown-BsLsEZBv.mjs.map

package/dist/countdown-BsLsEZBv.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"countdown-BsLsEZBv.mjs","sources":["../../../components/countdown/src/counter.tsx","../../../components/countdown/src/utils.ts","../../../components/countdown/src/countdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { type CounterLabels } from \"./countdown.types\";\nimport styles from \"./counter.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-countdown-counter\";\n\ninterface CounterProps {\n  numbers: string[];\n  size: \"md\" | \"lg\";\n  tag: \"days\" | \"hours\" | \"minutes\" | \"seconds\";\n  counterLabels: CounterLabels;\n}\n\nexport const Counter = ({ tag, size, numbers, counterLabels }: CounterProps) => {\n  const renderLabel = () => {\n    const label = counterLabels[tag];\n    const abbreviatedLabel = counterLabels[`${tag}Abbr`];\n\n    return (\n      <>\n        {abbreviatedLabel && (\n          <Paragraph className={cx(`${rootClassName}__label`, `${rootClassName}__label--abbr`)}>\n            <abbr title={label}>{abbreviatedLabel}</abbr>\n          </Paragraph>\n        )}\n        <Paragraph\n          className={cx(`${rootClassName}__label`, {\n            [`${rootClassName}__label--full`]: !!abbreviatedLabel,\n          })}\n        >\n          {label}\n        </Paragraph>\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={cx(rootClassName, `${rootClassName}--size-${size}`)}\n      role=\"group\"\n      aria-hidden=\"true\"\n      data-testid={`counter-${tag}`}\n    >\n      <div className={cx(`${rootClassName}__number-list-container`)}>\n        {numbers.map((number, index) => {\n          return (\n            <ul\n              key={index}\n              className={cx(`${rootClassName}__number-list`)}\n              style={\n                {\n                  \"--offset\": number,\n                } as React.CSSProperties\n              }\n            >\n              {digits.map((d, i) => {\n                const selected = d === number;\n\n                return (\n                  <li\n                    key={i}\n                    className={cx(`${rootClassName}__number`, {\n                      [`${rootClassName}__number--selected`]: selected,\n                    })}\n                  >\n                    {d}\n                  </li>\n                );\n              })}\n            </ul>\n          );\n        })}\n      </div>\n\n      {renderLabel()}\n    </div>\n  );\n};\n\nconst digits = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"];\n","export function getDiffs(endtime: number) {\n  const now = new Date().getTime();\n\n  const totalSeconds = Math.max(0, endtime - now);\n\n  const _days = Math.floor(totalSeconds / inMs.day);\n  const _hours = Math.floor((totalSeconds % inMs.day) / inMs.hour);\n  const _minutes = Math.floor((totalSeconds % inMs.hour) / inMs.minute);\n  const _seconds = Math.floor((totalSeconds % inMs.minute) / inMs.second);\n\n  const days = splitDigits(_days);\n  const hours = splitDigits(_hours);\n  const minutes = splitDigits(_minutes);\n  const seconds = splitDigits(_seconds);\n\n  return {\n    seconds,\n    minutes,\n    hours,\n    days,\n  };\n}\n\nexport const inMs = {\n  second: 1000,\n  minute: 60 * 1000,\n  hour: 60 * 60 * 1000,\n  day: 24 * 60 * 60 * 1000,\n};\n\nexport function toDate(t: string | number | Date) {\n  return t instanceof Date ? t : new Date(t);\n}\n\nexport function splitDigits(value: number) {\n  const s = String(value).padStart(2, \"0\");\n  return s.split(\"\");\n}\n","import React, { type ForwardedRef, forwardRef, useEffect, useId, useMemo, useState } from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./countdown.module.scss\";\nimport { type CountdownProps } from \"./countdown.types\";\nimport { Counter } from \"./counter\";\nimport { getDiffs, toDate } from \"./utils\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-countdown\";\n\n/**\n * Countdown component to display a countdown timer.\n * @param props - CountdownProps\n * @returns A React component that displays a countdown timer.\n */\n\nexport const Countdown = forwardRef(\n  (\n    { renderAfterEnd, renderBeforeStart, ...props }: CountdownProps,\n    ref: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const nowInit = new Date();\n    const id = useId();\n\n    const {\n      size = \"lg\",\n      fullWidth = false,\n      negative = false,\n      showDays = true,\n      variant = \"primary\",\n      className,\n      counterLabels,\n      useMediaQueries = false,\n    } = props;\n\n    const [now, setNow] = useState<Date>(nowInit);\n\n    const start = useMemo(() => toDate(props.starttime), [props.starttime]);\n    const end = useMemo(() => toDate(props.endtime), [props.endtime]);\n    const { days, hours, minutes, seconds } = useMemo(() => getDiffs(end.getTime()), [now]);\n\n    useEffect(() => {\n      if (now < start || now > end) return;\n      const t = setInterval(() => setNow(new Date()), 1000);\n      return () => clearInterval(t);\n    }, [start, end, now]);\n\n    const hasNotStarted = start > now;\n    const hasEnded = end < now;\n\n    // don't render if before start or after end\n    if (hasNotStarted) return renderBeforeStart ? renderBeforeStart(props) : null;\n    if (hasEnded) return renderAfterEnd ? renderAfterEnd(props) : null;\n\n    const getCounters = () => {\n      const counterProps = { size, counterLabels };\n\n      return (\n        <>\n          {showDays && <Counter numbers={days} tag=\"days\" {...counterProps} />}\n          <Counter numbers={hours} tag=\"hours\" {...counterProps} />\n          <Counter numbers={minutes} tag=\"minutes\" {...counterProps} />\n          <Counter numbers={seconds} tag=\"seconds\" {...counterProps} />\n        </>\n      );\n    };\n\n    // Create a single announcement of the current time (only once)\n\n    const renderAnnouncer = () => {\n      const getTimeAnnouncement = () => {\n        const parts = [];\n\n        if (showDays) parts.push(`${days.join(\"\")} ${counterLabels.days}`);\n        parts.push(`${hours.join(\"\")} ${counterLabels.hours}`);\n        parts.push(`${minutes.join(\"\")} ${counterLabels.minutes}`);\n        parts.push(`${seconds.join(\"\")} ${counterLabels.seconds}`);\n\n        return parts.join(\", \");\n      };\n\n      return (\n        <VisuallyHidden\n          data-testid=\"live-region\"\n          aria-live=\"polite\"\n          aria-label={props[\"aria-label\"]}\n        >\n          {getTimeAnnouncement()}\n        </VisuallyHidden>\n      );\n    };\n\n    const counters = getCounters();\n\n    const classes = cx(\n      rootClassName,\n      `${rootClassName}--size-${size}`,\n      `${rootClassName}--variant-${variant}`,\n      {\n        [`${rootClassName}--full-width`]: fullWidth,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--show-days`]: showDays,\n        [`${rootClassName}--use-media-queries`]: useMediaQueries,\n        [`${rootClassName}--use-container-queries`]: !useMediaQueries,\n      },\n      className\n    );\n\n    return (\n      <section\n        id={id}\n        className={classes}\n        ref={ref}\n        role=\"timer\"\n        data-testid={props[\"data-testid\"]}\n      >\n        {/* Visually hidden live region that announces time only once */}\n        {renderAnnouncer()}\n        {props.label && (\n          <Paragraph className={cx(`${rootClassName}__label`)} variant=\"paragraph-100-medium\">\n            {props.label}\n          </Paragraph>\n        )}\n        <div className={cx(`${rootClassName}__counter-container`)}>{counters}</div>\n      </section>\n    );\n  }\n);\n\nCountdown.displayName = \"Countdown\";\n"],"names":["cx","c","styles","rootClassName","Counter","tag","size","numbers","counterLabels","renderLabel","label","abbreviatedLabel","jsxs","Fragment","Paragraph","jsx","number","index","digits","d","i","selected","getDiffs","endtime","now","totalSeconds","_days","inMs","_hours","_minutes","_seconds","days","splitDigits","hours","minutes","toDate","value","Countdown","forwardRef","renderAfterEnd","renderBeforeStart","props","ref","nowInit","id","useId","fullWidth","negative","showDays","variant","className","useMediaQueries","setNow","useState","start","useMemo","end","seconds","useEffect","t","hasNotStarted","hasEnded","getCounters","counterProps","renderAnnouncer","getTimeAnnouncement","parts","VisuallyHidden","counters","classes"],"mappings":"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"}

package/dist/countdown-hYrFLmRg.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),d=require("react"),N=require("./paragraph-By4jMjnH.js"),W=require("./visually-hidden-C2CKovZx.js"),S=require("./bind-DeUYJ6m9.js"),k={"purpur-countdown--size-md":"_purpur-countdown--size-md_ytnsp_1","purpur-countdown--size-lg":"_purpur-countdown--size-lg_ytnsp_5","purpur-countdown--use-container-queries":"_purpur-countdown--use-container-queries_ytnsp_10","purpur-countdown__counter-container":"_purpur-countdown__counter-container_ytnsp_10","purpur-countdown--full-width":"_purpur-countdown--full-width_ytnsp_15","purpur-countdown--use-media-queries":"_purpur-countdown--use-media-queries_ytnsp_25","purpur-countdown":"_purpur-countdown_ytnsp_1","purpur-countdown--variant-primary":"_purpur-countdown--variant-primary_ytnsp_40","purpur-countdown--variant-secondary":"_purpur-countdown--variant-secondary_ytnsp_43","purpur-countdown--negative":"_purpur-countdown--negative_ytnsp_46","purpur-countdown--show-days":"_purpur-countdown--show-days_ytnsp_56","purpur-countdown__label":"_purpur-countdown__label_ytnsp_72"},G={"purpur-countdown-counter":"_purpur-countdown-counter_23fbu_1","purpur-countdown-counter--size-lg":"_purpur-countdown-counter--size-lg_23fbu_10","purpur-countdown-counter__number":"_purpur-countdown-counter__number_23fbu_15","purpur-countdown-counter--size-md":"_purpur-countdown-counter--size-md_23fbu_21","purpur-countdown-counter__number-list-container":"_purpur-countdown-counter__number-list-container_23fbu_35","purpur-countdown-counter__number-list":"_purpur-countdown-counter__number-list_23fbu_35","purpur-countdown-counter__number--selected":"_purpur-countdown-counter__number--selected_23fbu_61","purpur-countdown-counter__label":"_purpur-countdown-counter__label_23fbu_64","purpur-countdown-counter__label--abbr":"_purpur-countdown-counter__label--abbr_23fbu_71","purpur-countdown-counter__label--full":"_purpur-countdown-counter__label--full_23fbu_74"},w=S.c.bind(G),r="purpur-countdown-counter",g=({tag:u,size:a,numbers:e,counterLabels:_})=>{const b=()=>{const s=_[u],t=_[`${u}Abbr`];return n.jsxs(n.Fragment,{children:[t&&n.jsx(N.Paragraph,{className:w(`${r}__label`,`${r}__label--abbr`),children:n.jsx("abbr",{title:s,children:t})}),n.jsx(N.Paragraph,{className:w(`${r}__label`,{[`${r}__label--full`]:!!t}),children:s})]})};return n.jsxs("div",{className:w(r,`${r}--size-${a}`),role:"group","aria-hidden":"true","data-testid":`counter-${u}`,children:[n.jsx("div",{className:w(`${r}__number-list-container`),children:e.map((s,t)=>n.jsx("ul",{className:w(`${r}__number-list`),style:{"--offset":s},children:J.map((p,h)=>{const i=p===s;return n.jsx("li",{className:w(`${r}__number`,{[`${r}__number--selected`]:i}),children:p},h)})},t))}),b()]})},J=["0","1","2","3","4","5","6","7","8","9"];function K(u){const a=new Date().getTime(),e=Math.max(0,u-a),_=Math.floor(e/l.day),b=Math.floor(e%l.day/l.hour),s=Math.floor(e%l.hour/l.minute),t=Math.floor(e%l.minute/l.second),p=j(_),h=j(b),i=j(s);return{seconds:j(t),minutes:i,hours:h,days:p}}const l={second:1e3,minute:60*1e3,hour:3600*1e3,day:1440*60*1e3};function P(u){return u instanceof Date?u:new Date(u)}function j(u){return String(u).padStart(2,"0").split("")}const v=S.c.bind(k),o="purpur-countdown",R=d.forwardRef(({renderAfterEnd:u,renderBeforeStart:a,...e},_)=>{const b=new Date,s=d.useId(),{size:t="lg",fullWidth:p=!1,negative:h=!1,showDays:i=!0,variant:q="primary",className:T,counterLabels:f,useMediaQueries:z=!1}=e,[m,A]=d.useState(b),x=d.useMemo(()=>P(e.starttime),[e.starttime]),$=d.useMemo(()=>P(e.endtime),[e.endtime]),{days:M,hours:D,minutes:C,seconds:I}=d.useMemo(()=>K($.getTime()),[m]);d.useEffect(()=>{if(m<x||m>$)return;const c=setInterval(()=>A(new Date),1e3);return()=>clearInterval(c)},[x,$,m]);const F=x>m,H=$<m;if(F)return a?a(e):null;if(H)return u?u(e):null;const L=()=>{const c={size:t,counterLabels:f};return n.jsxs(n.Fragment,{children:[i&&n.jsx(g,{numbers:M,tag:"days",...c}),n.jsx(g,{numbers:D,tag:"hours",...c}),n.jsx(g,{numbers:C,tag:"minutes",...c}),n.jsx(g,{numbers:I,tag:"seconds",...c})]})},E=()=>{const c=()=>{const y=[];return i&&y.push(`${M.join("")} ${f.days}`),y.push(`${D.join("")} ${f.hours}`),y.push(`${C.join("")} ${f.minutes}`),y.push(`${I.join("")} ${f.seconds}`),y.join(", ")};return n.jsx(W.VisuallyHidden,{"data-testid":"live-region","aria-live":"polite","aria-label":e["aria-label"],children:c()})},Q=L(),V=v(o,`${o}--size-${t}`,`${o}--variant-${q}`,{[`${o}--full-width`]:p,[`${o}--negative`]:h,[`${o}--show-days`]:i,[`${o}--use-media-queries`]:z,[`${o}--use-container-queries`]:!z},T);return n.jsxs("section",{id:s,className:V,ref:_,role:"timer","data-testid":e["data-testid"],children:[E(),e.label&&n.jsx(N.Paragraph,{className:v(`${o}__label`),variant:"paragraph-100-medium",children:e.label}),n.jsx("div",{className:v(`${o}__counter-container`),children:Q})]})});R.displayName="Countdown";exports.Countdown=R;
-//# sourceMappingURL=countdown-hYrFLmRg.js.map

package/dist/countdown-hYrFLmRg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"countdown-hYrFLmRg.js","sources":["../../../components/countdown/src/counter.tsx","../../../components/countdown/src/utils.ts","../../../components/countdown/src/countdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport { type CounterLabels } from \"./countdown.types\";\nimport styles from \"./counter.module.scss\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-countdown-counter\";\n\ninterface CounterProps {\n  numbers: string[];\n  size: \"md\" | \"lg\";\n  tag: \"days\" | \"hours\" | \"minutes\" | \"seconds\";\n  counterLabels: CounterLabels;\n}\n\nexport const Counter = ({ tag, size, numbers, counterLabels }: CounterProps) => {\n  const renderLabel = () => {\n    const label = counterLabels[tag];\n    const abbreviatedLabel = counterLabels[`${tag}Abbr`];\n\n    return (\n      <>\n        {abbreviatedLabel && (\n          <Paragraph className={cx(`${rootClassName}__label`, `${rootClassName}__label--abbr`)}>\n            <abbr title={label}>{abbreviatedLabel}</abbr>\n          </Paragraph>\n        )}\n        <Paragraph\n          className={cx(`${rootClassName}__label`, {\n            [`${rootClassName}__label--full`]: !!abbreviatedLabel,\n          })}\n        >\n          {label}\n        </Paragraph>\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={cx(rootClassName, `${rootClassName}--size-${size}`)}\n      role=\"group\"\n      aria-hidden=\"true\"\n      data-testid={`counter-${tag}`}\n    >\n      <div className={cx(`${rootClassName}__number-list-container`)}>\n        {numbers.map((number, index) => {\n          return (\n            <ul\n              key={index}\n              className={cx(`${rootClassName}__number-list`)}\n              style={\n                {\n                  \"--offset\": number,\n                } as React.CSSProperties\n              }\n            >\n              {digits.map((d, i) => {\n                const selected = d === number;\n\n                return (\n                  <li\n                    key={i}\n                    className={cx(`${rootClassName}__number`, {\n                      [`${rootClassName}__number--selected`]: selected,\n                    })}\n                  >\n                    {d}\n                  </li>\n                );\n              })}\n            </ul>\n          );\n        })}\n      </div>\n\n      {renderLabel()}\n    </div>\n  );\n};\n\nconst digits = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"];\n","export function getDiffs(endtime: number) {\n  const now = new Date().getTime();\n\n  const totalSeconds = Math.max(0, endtime - now);\n\n  const _days = Math.floor(totalSeconds / inMs.day);\n  const _hours = Math.floor((totalSeconds % inMs.day) / inMs.hour);\n  const _minutes = Math.floor((totalSeconds % inMs.hour) / inMs.minute);\n  const _seconds = Math.floor((totalSeconds % inMs.minute) / inMs.second);\n\n  const days = splitDigits(_days);\n  const hours = splitDigits(_hours);\n  const minutes = splitDigits(_minutes);\n  const seconds = splitDigits(_seconds);\n\n  return {\n    seconds,\n    minutes,\n    hours,\n    days,\n  };\n}\n\nexport const inMs = {\n  second: 1000,\n  minute: 60 * 1000,\n  hour: 60 * 60 * 1000,\n  day: 24 * 60 * 60 * 1000,\n};\n\nexport function toDate(t: string | number | Date) {\n  return t instanceof Date ? t : new Date(t);\n}\n\nexport function splitDigits(value: number) {\n  const s = String(value).padStart(2, \"0\");\n  return s.split(\"\");\n}\n","import React, { type ForwardedRef, forwardRef, useEffect, useId, useMemo, useState } from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./countdown.module.scss\";\nimport { type CountdownProps } from \"./countdown.types\";\nimport { Counter } from \"./counter\";\nimport { getDiffs, toDate } from \"./utils\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-countdown\";\n\n/**\n * Countdown component to display a countdown timer.\n * @param props - CountdownProps\n * @returns A React component that displays a countdown timer.\n */\n\nexport const Countdown = forwardRef(\n  (\n    { renderAfterEnd, renderBeforeStart, ...props }: CountdownProps,\n    ref: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const nowInit = new Date();\n    const id = useId();\n\n    const {\n      size = \"lg\",\n      fullWidth = false,\n      negative = false,\n      showDays = true,\n      variant = \"primary\",\n      className,\n      counterLabels,\n      useMediaQueries = false,\n    } = props;\n\n    const [now, setNow] = useState<Date>(nowInit);\n\n    const start = useMemo(() => toDate(props.starttime), [props.starttime]);\n    const end = useMemo(() => toDate(props.endtime), [props.endtime]);\n    const { days, hours, minutes, seconds } = useMemo(() => getDiffs(end.getTime()), [now]);\n\n    useEffect(() => {\n      if (now < start || now > end) return;\n      const t = setInterval(() => setNow(new Date()), 1000);\n      return () => clearInterval(t);\n    }, [start, end, now]);\n\n    const hasNotStarted = start > now;\n    const hasEnded = end < now;\n\n    // don't render if before start or after end\n    if (hasNotStarted) return renderBeforeStart ? renderBeforeStart(props) : null;\n    if (hasEnded) return renderAfterEnd ? renderAfterEnd(props) : null;\n\n    const getCounters = () => {\n      const counterProps = { size, counterLabels };\n\n      return (\n        <>\n          {showDays && <Counter numbers={days} tag=\"days\" {...counterProps} />}\n          <Counter numbers={hours} tag=\"hours\" {...counterProps} />\n          <Counter numbers={minutes} tag=\"minutes\" {...counterProps} />\n          <Counter numbers={seconds} tag=\"seconds\" {...counterProps} />\n        </>\n      );\n    };\n\n    // Create a single announcement of the current time (only once)\n\n    const renderAnnouncer = () => {\n      const getTimeAnnouncement = () => {\n        const parts = [];\n\n        if (showDays) parts.push(`${days.join(\"\")} ${counterLabels.days}`);\n        parts.push(`${hours.join(\"\")} ${counterLabels.hours}`);\n        parts.push(`${minutes.join(\"\")} ${counterLabels.minutes}`);\n        parts.push(`${seconds.join(\"\")} ${counterLabels.seconds}`);\n\n        return parts.join(\", \");\n      };\n\n      return (\n        <VisuallyHidden\n          data-testid=\"live-region\"\n          aria-live=\"polite\"\n          aria-label={props[\"aria-label\"]}\n        >\n          {getTimeAnnouncement()}\n        </VisuallyHidden>\n      );\n    };\n\n    const counters = getCounters();\n\n    const classes = cx(\n      rootClassName,\n      `${rootClassName}--size-${size}`,\n      `${rootClassName}--variant-${variant}`,\n      {\n        [`${rootClassName}--full-width`]: fullWidth,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--show-days`]: showDays,\n        [`${rootClassName}--use-media-queries`]: useMediaQueries,\n        [`${rootClassName}--use-container-queries`]: !useMediaQueries,\n      },\n      className\n    );\n\n    return (\n      <section\n        id={id}\n        className={classes}\n        ref={ref}\n        role=\"timer\"\n        data-testid={props[\"data-testid\"]}\n      >\n        {/* Visually hidden live region that announces time only once */}\n        {renderAnnouncer()}\n        {props.label && (\n          <Paragraph className={cx(`${rootClassName}__label`)} variant=\"paragraph-100-medium\">\n            {props.label}\n          </Paragraph>\n        )}\n        <div className={cx(`${rootClassName}__counter-container`)}>{counters}</div>\n      </section>\n    );\n  }\n);\n\nCountdown.displayName = \"Countdown\";\n"],"names":["cx","c","styles","rootClassName","Counter","tag","size","numbers","counterLabels","renderLabel","label","abbreviatedLabel","jsxs","Fragment","Paragraph","jsx","number","index","digits","d","i","selected","getDiffs","endtime","now","totalSeconds","_days","inMs","_hours","_minutes","_seconds","days","splitDigits","hours","minutes","toDate","t","value","Countdown","forwardRef","renderAfterEnd","renderBeforeStart","props","ref","nowInit","id","useId","fullWidth","negative","showDays","variant","className","useMediaQueries","setNow","useState","start","useMemo","end","seconds","useEffect","hasNotStarted","hasEnded","getCounters","counterProps","renderAnnouncer","getTimeAnnouncement","parts","VisuallyHidden","counters","classes"],"mappings":"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"}

package/dist/select-BEmu_fh9.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BEmu_fh9.mjs","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","IconChevronDown","IconCheckCircleFilled","jsxs","Label","jsx","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}

package/dist/select-DOqTJgTj.js

@@ -1,2 +0,0 @@
-"use strict";const _=require("react/jsx-runtime"),g=require("react"),F=require("./field-error-text-FhQulSV5.js"),S=require("./field-helper-text-DSKO-Tce.js"),x=require("./check-circle-filled.es-5-GXE9l4.js"),h=require("./chevron-down.es-BMjgiS3F.js"),z=require("./label-yHK80hhV.js"),R=require("./spinner-tKunS_o-.js"),E=require("./bind-DeUYJ6m9.js"),H={"purpur-select":"_purpur-select_1gf3p_1","purpur-select__label":"_purpur-select__label_1gf3p_7","purpur-select__field-row":"_purpur-select__field-row_1gf3p_12","purpur-select__frame":"_purpur-select__frame_1gf3p_16","purpur-select__frame--negative":"_purpur-select__frame--negative_1gf3p_23","purpur-select__select-container":"_purpur-select__select-container_1gf3p_26","purpur-select__select-container--disabled":"_purpur-select__select-container--disabled_1gf3p_33","purpur-select__select":"_purpur-select__select_1gf3p_26","purpur-select__select-container--readonly":"_purpur-select__select-container--readonly_1gf3p_33","purpur-select__select-container--negative":"_purpur-select__select-container--negative_1gf3p_41","purpur-select__select--error":"_purpur-select__select--error_1gf3p_91","purpur-select__select--is-valid":"_purpur-select__select--is-valid_1gf3p_97","purpur-select__select--negative":"_purpur-select__select--negative_1gf3p_103","purpur-select__end-adornments":"_purpur-select__end-adornments_1gf3p_120","purpur-select__select-icon":"_purpur-select__select-icon_1gf3p_130","purpur-select__select-icon--readonly":"_purpur-select__select-icon--readonly_1gf3p_133","purpur-select__select-icon--disabled":"_purpur-select__select-icon--disabled_1gf3p_133","purpur-select__select-icon--negative":"_purpur-select__select-icon--negative_1gf3p_136","purpur-select__valid-icon":"_purpur-select__valid-icon_1gf3p_142"},r=E.c.bind(H),e="purpur-select",j=g.forwardRef(({label:i,options:n,className:u,errorText:t,helperText:p,negative:l=!1,placeholder:d,readOnly:a=!1,["data-testid"]:$,valid:q,loading:w,...s},y)=>{const c=f=>$?`${$}-${f}`:void 0,o=q&&!t,C=g.useId(),b=s.id??C,v=p?`${b}-helper-text`:void 0,I=r(`${e}__select-container`,{[`${e}__select-container--disabled`]:s.disabled,[`${e}__select-container--readonly`]:a&&!s.disabled,[`${e}__select-container--negative`]:l});return h.l,r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),c("dropdown-icon"),o&&(x.r,c("valid-icon"),r(`${e}__valid-icon`)),_.jsxs("div",{className:r(e,u,{[`${e}--negative`]:l}),children:[i&&_.jsxs(z.Label,{htmlFor:b,className:r(`${e}__label`),"data-testid":c("label"),disabled:s.disabled,negative:l,children:[s.required&&_.jsx("span",{"aria-hidden":!0,children:"*"}),i]}),_.jsx("div",{className:r(`${e}__field-row`),children:_.jsxs("div",{className:I,children:[_.jsxs("select",{...s,onChange:a?void 0:s?.onChange,id:b,ref:y,"data-testid":c("select"),"aria-describedby":s["aria-describedby"]||v,"aria-invalid":s["aria-invalid"]||!!t,"aria-disabled":s["aria-disabled"]||s.disabled,"aria-readonly":s["aria-readonly"]||a&&!s.disabled,className:r(`${e}__select`,{[`${e}__select--error`]:!!t,[`${e}__select--is-valid`]:o,[`${e}__select--negative`]:l}),children:[d&&_.jsx("option",{value:d.value??d.label,disabled:!0,children:d.label}),n.map((f,m)=>k(f)?D(f,b,m,a):N(f,b,m,a))]}),_.jsxs("div",{className:r(`${e}__end-adornments`),children:[w?_.jsx(R.Spinner,{disabled:s.disabled,size:"xxs",negative:l,"data-testid":c("spinner")},"spinner"):_.jsx(h.l,{className:r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),"data-testid":c("dropdown-icon"),size:"sm"},"chevron-down-icon"),o&&_.jsx(x.r,{"data-testid":c("valid-icon"),className:r(`${e}__valid-icon`)},"valid-icon")]}),_.jsx("div",{className:r(`${e}__frame`,{[`${e}__frame--negative`]:l})})]})}),v&&_.jsx(S.FieldHelperText,{disabled:s.disabled,"data-testid":c("helper-text"),id:v,negative:l,children:p}),t&&_.jsx(F.FieldErrorText,{negative:l,"data-testid":c("error-text"),children:t})]})}),k=i=>i.hasOwnProperty("options"),D=(i,n,u,t)=>{const p=`${n}--group--${u}`;return _.jsx("optgroup",{label:i.label,children:i.options.map((l,d)=>N(l,p,d,t))},p)},N=(i,n,u,t)=>_.jsx("option",{value:i.value??i.label,disabled:t,children:i.label},`${n}--option--${u}`);j.displayName="Select";exports.Select=j;
-//# sourceMappingURL=select-DOqTJgTj.js.map

package/dist/select-DOqTJgTj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-DOqTJgTj.js","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","jsx","IconChevronDown","IconCheckCircleFilled","jsxs","Label","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}