@purpur/library 10.1.1 → 10.2.0

package/dist/components/search-field/src/search-field.d.ts

@@ -19,10 +19,11 @@ export declare const SearchField: React.ForwardRefExoticComponent<(Omit<{
     iconOnlySearchButton?: false;
     searchButtonLabel: string;
     variant: "button-attached";
-} & Omit<import('../../text-field/src/text-field.tsx').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
     onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
     openSuggestionsOnFocus?: boolean;
     suggestionsMaxHeight?: string | number;
+    formatOption?: (option: import('@purpur/use-autocomplete').AutocompleteOption, inputValue: string) => React.ReactNode;
 } & {
     suggestions: import('@purpur/use-autocomplete').AutocompleteOption[];
     suggestionsLabel: string;
@@ -43,10 +44,11 @@ export declare const SearchField: React.ForwardRefExoticComponent<(Omit<{
     iconOnlySearchButton: true;
     searchButtonLabel: string;
     variant: "button-attached";
-} & Omit<import('../../text-field/src/text-field.tsx').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
     onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
     openSuggestionsOnFocus?: boolean;
     suggestionsMaxHeight?: string | number;
+    formatOption?: (option: import('@purpur/use-autocomplete').AutocompleteOption, inputValue: string) => React.ReactNode;
 } & {
     suggestions: import('@purpur/use-autocomplete').AutocompleteOption[];
     suggestionsLabel: string;
@@ -66,10 +68,11 @@ export declare const SearchField: React.ForwardRefExoticComponent<(Omit<{
 } & {
     searchButtonLabel?: never;
     variant: "no-button";
-} & Omit<import('../../text-field/src/text-field.tsx').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
     onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
     openSuggestionsOnFocus?: boolean;
     suggestionsMaxHeight?: string | number;
+    formatOption?: (option: import('@purpur/use-autocomplete').AutocompleteOption, inputValue: string) => React.ReactNode;
 } & {
     suggestions: import('@purpur/use-autocomplete').AutocompleteOption[];
     suggestionsLabel: string;
@@ -90,10 +93,11 @@ export declare const SearchField: React.ForwardRefExoticComponent<(Omit<{
     iconOnlySearchButton?: false;
     searchButtonLabel: string;
     variant: "button-attached";
-} & Omit<import('../../text-field/src/text-field.tsx').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
     onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
     openSuggestionsOnFocus?: boolean;
     suggestionsMaxHeight?: string | number;
+    formatOption?: (option: import('@purpur/use-autocomplete').AutocompleteOption, inputValue: string) => React.ReactNode;
 } & {
     suggestions?: never;
     suggestionsLabel?: never;
@@ -114,10 +118,11 @@ export declare const SearchField: React.ForwardRefExoticComponent<(Omit<{
     iconOnlySearchButton: true;
     searchButtonLabel: string;
     variant: "button-attached";
-} & Omit<import('../../text-field/src/text-field.tsx').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
     onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
     openSuggestionsOnFocus?: boolean;
     suggestionsMaxHeight?: string | number;
+    formatOption?: (option: import('@purpur/use-autocomplete').AutocompleteOption, inputValue: string) => React.ReactNode;
 } & {
     suggestions?: never;
     suggestionsLabel?: never;
@@ -137,10 +142,11 @@ export declare const SearchField: React.ForwardRefExoticComponent<(Omit<{
 } & {
     searchButtonLabel?: never;
     variant: "no-button";
-} & Omit<import('../../text-field/src/text-field.tsx').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
     onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
     openSuggestionsOnFocus?: boolean;
     suggestionsMaxHeight?: string | number;
+    formatOption?: (option: import('@purpur/use-autocomplete').AutocompleteOption, inputValue: string) => React.ReactNode;
 } & {
     suggestions?: never;
     suggestionsLabel?: never;

package/dist/components/search-field/src/search-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../../../components/search-field/src/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EACL,KAAK,mCAAmC,EAExC,KAAK,oBAAoB,EACzB,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,mCAAmC,CAAC;AAE1F,eAAO,MAAM,WAAW;;;;;;;;qBAcsQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;mDAR7R,CAAC;AAIH,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../../../components/search-field/src/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EACL,KAAK,mCAAmC,EAExC,KAAK,oBAAoB,EACzB,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,mCAAmC,CAAC;AAE1F,eAAO,MAAM,WAAW;;;;;;;;qBAcsQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;qBAAD,CAAC;;;;;;;;;;;;;;;;mDAR7R,CAAC;AAIH,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,6BAA6B,CAAC"}

package/dist/components/spinner/src/spinner.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export declare const SPINNER_SIZE: {
     readonly XXS: "xxs";
     readonly XS: "xs";

package/dist/components/stepper/src/stepper-container.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 import { StepperVariant } from './types';
 export type StepperContainerProps = Omit<BaseProps, "children"> & {
     children: ReactNode;
@@ -7,4 +7,4 @@ export type StepperContainerProps = Omit<BaseProps, "children"> & {
     variant: StepperVariant;
 };
 export declare const StepperContainer: ({ ["data-testid"]: dataTestId, children, className, alignWithGrid, variant, ...props }: StepperContainerProps) => React.JSX.Element;
-//# sourceMappingURL=stepper-container.d.ts.map
+//# sourceMappingURL=stepper-container.d.ts.mapmap

package/dist/components/stepper/src/stepper-content.d.ts

@@ -1,9 +1,9 @@
 import { default as React, ReactElement, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 import { Optional, Step } from './types';
 export type StepperContentProps = Omit<BaseProps, "children"> & {
     children: ReactNode;
 } & Optional<Step, "disabled" | "finished">;
 export declare const StepperContent: React.ForwardRefExoticComponent<Omit<StepperContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const isStepperContent: (child?: ReactNode) => child is ReactElement<StepperContentProps>;
-//# sourceMappingURL=stepper-content.d.ts.map
+//# sourceMappingURL=stepper-content.d.ts.mapmap

package/dist/components/stepper/src/stepper-link.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 import { HandleStepChangeFunction, HandleStepFocusFunction, Step, StepperVariant, VisibilityStates } from './types';
 export type StepNumberProps = {
     current: boolean;

package/dist/components/stepper/src/stepper.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactElement } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 import { StepperContent } from './stepper-content';
 import { StepChangeFunction, StepperVariant } from './types';
 export type StepperProps = Omit<BaseProps, "children"> & {

package/dist/components/table/src/cell-types/button-group-cell.d.ts

@@ -1,6 +1,6 @@
 import { default as React, ReactElement } from 'react';
-import { ButtonProps } from '../../../button/src/button.tsx';
-import { IconProps } from '@purpur/icon';
+import { ButtonProps } from '../../../button/src/button';
+import { IconProps } from '../../../../icon/icon';
 import { Cell, RowData } from '@tanstack/react-table';
 type IconOnlyButtonVariant = Extract<ButtonProps, {
     iconOnly: true;
@@ -16,4 +16,4 @@ export type ButtonGroupCellProps<TData> = {
 };
 export declare const ButtonGroupCell: <TData extends RowData>({ cell }: ButtonGroupCellProps<TData>) => React.JSX.Element;
 export {};
-//# sourceMappingURL=button-group-cell.d.ts.maps.map
+//# sourceMappingURL=button-group-cell.d.ts.map

package/dist/components/table/src/table-content.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { UniqueIdentifier } from '@dnd-kit/core';
-import { HeadingTagType } from '../../heading/src/heading.tsx';
+import { HeadingTagType } from '../../heading/src/heading';
 import { Row, Table, RowData } from '@tanstack/react-table';
 type TableContentProps<TData extends RowData> = {
     tanstackTable: Table<TData>;
@@ -28,4 +28,4 @@ type TableContentProps<TData extends RowData> = {
 };
 export declare function TableContent<TData extends RowData>({ tanstackTable, tableRows, fullWidth, tableHeader, loading, skeletonRows, isEmptyTable, stickyFirstColumn, getStickyColumn, isScrolled, showBorder, enableColumnDrag, activeId, getColumnWidths, variant, emptyTableHeadingTag, emptyTableCopy, emptyTableIcon, tableContainerId, }: TableContentProps<TData>): React.JSX.Element;
 export {};
-//# sourceMappingURL=table-content.d.ts.map
+//# sourceMappingURL=table-content.d.ts.map.map

package/dist/components/table/src/table.d.ts

@@ -1,6 +1,6 @@
 import { default as React, ReactElement } from 'react';
 import { ColumnDef, ColumnFiltersState, CoreOptions, PaginationState, RowData, RowSelectionState, SortingState, TableOptions, VisibilityState } from '@tanstack/react-table';
-import { PaginationProps } from '../../pagination/src/pagination';
+import { PaginationProps } from '../../pagination/src/pagination.tsx';
 import { WithActionBarProps, WithColumnDragProps, WithEmptyTableProps, WithLoadingProps, WithoutActionBarProps, WithoutColumnDragProps, WithoutEmptyTableProps, WithoutLoadingProps, WithoutRowSelectionProps, WithoutToolbarProps, WithRowSelectionProps, WithSortingProps, WithToolbarProps } from './types';
 export { createColumnHelper } from '@tanstack/react-table';
 export type { ColumnDef, ColumnFiltersState, CoreOptions, PaginationState, RowData, RowSelectionState, SortingState, TableOptions, VisibilityState, };
@@ -28,4 +28,4 @@ export declare const Table: {
     <TData extends RowData>({ actionbarCopy, actionBarTotalRowCount, className, columns, data, emptyTableCopy, emptyTableHeadingTag, emptyTableIcon, enableActionBar, enableToolbar, exportDrawerCopy, exportFormats, fullWidth, loading, paginationComponent, rowSelectionAriaLabels, settingsDrawerCopy, showOnlySelectedRows, skeletonRows, sortingAriaLabels, state, controlledShowColumnFilters, onShowColumnFiltersChange, controlledStickyFirstColumn, onStickyFirstColumnChange, defaultShowColumnFilters, defaultStickyFirstColumn, stickyFirstColumn: stickyFirstColumnDeprecated, toolbarCopy, toolbarTotalRowCount, variant, getRowId, onExportData, onRowsCountChange, controlledExpanded, defaultExpanded, onToggleExpand, onPrimaryButtonClick, onSecondaryButtonClick, setShowOnlySelectedRows, drawerZIndex, enableColumnDrag, columnDragAriaLabelsCopy, ...props }: TableProps<TData>): React.JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=table.d.ts.map.map
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table/src/types.d.ts

@@ -1,7 +1,7 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { DropdownSelectProps } from '../../dropdown/src/dropdown';
-import { HeadingTagType } from '../../heading/src/heading';
-import { SelectProps } from '../../select/src/select';
+import { DropdownSelectProps } from '../../dropdown/src/dropdown.tsx';
+import { HeadingTagType } from '../../heading/src/heading.tsx';
+import { SelectProps } from '../../select/src/select.tsx';
 import { Cell, FilterFn, Row, RowData, SortingFn } from '@tanstack/react-table';
 import { TableActionBarCopyProps } from './table-action-bar';
 import { FilterVariants, SortingAriaLabels } from './table-column-header-cell';
@@ -478,4 +478,4 @@ type ColumnDragAriaLabelsCopy = {
     grabbing: string;
 };
 export {};
-//# sourceMappingURL=types.d.ts.mappes.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dist/components/tabs/src/tab-content.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactElement, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
 export type TabContentProps = Omit<BaseProps, "children"> & {
     /**
      * Content to be rendered inside a `button` element.
@@ -21,4 +21,4 @@ export type TabContentProps = Omit<BaseProps, "children"> & {
 };
 export declare const TabContent: React.ForwardRefExoticComponent<Omit<TabContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const isTabContent: (child?: ReactNode) => child is ReactElement<TabContentProps>;
-//# sourceMappingURL=tab-content.d.ts.map
+//# sourceMappingURL=tab-content.d.ts.mapmap

package/dist/components/text-field/src/text-field.d.ts

@@ -1,5 +1,5 @@
 import { default as React, HTMLInputTypeAttribute, ReactElement, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export declare const textFieldVariants: readonly ["default", "ai"];
 export type TextFieldVariant = (typeof textFieldVariants)[number];
 type TextFieldCommonProps = {

package/dist/components/text-spacing/src/text-spacing.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export declare const Element: {
     readonly DIV: "div";
     readonly SPAN: "span";

package/dist/components/toggle/src/toggle.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
 export type ToggleProps = Omit<BaseProps<"button">, "onChange" | "children" | "id"> & {
     /**
      * To use when no label is given.

package/dist/components/tooltip/src/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ReactNode } from 'react';
-import { Size } from '../../../libraries/action/src/action.tsx';
-import { BaseProps } from '../../../libraries/common-types/src/common-types.ts';
-import { Size as IconSize } from '@purpur/icon';
+import { Size } from '../../../libraries/action/src/action';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
+import { Size as IconSize } from '../../../icon/icon';
 export declare const TOOLTIP_POSITION: {
     readonly TOP: "top";
     readonly BOTTOM: "bottom";

package/dist/components-metadata.js

@@ -2598,6 +2598,7 @@ module.exports = [
     "moduleName": "date-field",
     "exports": [
       "DateChars",
+      "DateFieldFormat",
       "DateFieldProps",
       "DateField"
     ]

package/dist/countdown-CdGFNLZq.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),I=require("./paragraph-B8HFdNne.js"),E=require("./bind-DeUYJ6m9.js"),H={"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"},J={"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"},h=E.c.bind(J),s="purpur-countdown-counter",g=({tag:u,size:d,numbers:n,counterLabels:p})=>{const f=()=>{const r=p[u],a=p[`${u}Abbr`];return e.jsxs(e.Fragment,{children:[a&&e.jsx(I.Paragraph,{className:h(`${s}__label`,`${s}__label--abbr`),children:e.jsx("abbr",{title:r,children:a})}),e.jsx(I.Paragraph,{className:h(`${s}__label`,{[`${s}__label--full`]:!!a}),children:r})]})};return e.jsxs("div",{className:h(s,`${s}--size-${d}`),role:"group","aria-hidden":"true","data-testid":`counter-${u}`,children:[e.jsx("div",{className:h(`${s}__number-list-container`),children:n.map((r,a)=>e.jsx("ul",{className:h(`${s}__number-list`),style:{"--offset":r},children:K.map((m,i)=>{const $=m===r;return e.jsx("li",{className:h(`${s}__number`,{[`${s}__number--selected`]:$}),children:m},i)})},a))}),f()]})},K=["0","1","2","3","4","5","6","7","8","9"];function O(u,d=new Date().getTime()){const n=Math.max(0,u-d),p=Math.floor(n/l.day),f=Math.floor(n%l.day/l.hour),r=Math.floor(n%l.hour/l.minute),a=Math.floor(n%l.minute/l.second),m=j(p),i=j(f),$=j(r);return{seconds:j(a),minutes:$,hours:i,days:m}}const l={second:1e3,minute:60*1e3,hour:3600*1e3,day:1440*60*1e3};function D(u){return u instanceof Date?u:new Date(u)}function j(u){return String(u).padStart(2,"0").split("")}const C=E.c.bind(H),c="purpur-countdown",F=o.forwardRef(({renderAfterEnd:u,renderBeforeStart:d,...n},p)=>{const f=o.useId(),{size:r="lg",fullWidth:a=!1,negative:m=!1,showDays:i=!0,variant:$="primary",className:P,counterLabels:w,useMediaQueries:S=!1,disabled:R=!1,now:x}=n,b=o.useMemo(()=>x!==void 0?D(x):void 0,[x]),[_,T]=o.useState(()=>b??new Date),v=o.useMemo(()=>D(n.starttime),[n.starttime]),y=o.useMemo(()=>D(n.endtime),[n.endtime]),{days:N,hours:M,minutes:z,seconds:q}=o.useMemo(()=>O(y.getTime(),_.getTime()),[y,_]),L=o.useMemo(()=>{const t=[];return i&&t.push(`${N.join("")} ${w.days}`),t.push(`${M.join("")} ${w.hours}`),t.push(`${z.join("")} ${w.minutes}`),t.push(`${q.join("")} ${w.seconds}`),t.join(", ")},[w,N,M,z,q,i]),A=n["aria-label"]??n.label??"";o.useEffect(()=>{b&&T(b)},[b]),o.useEffect(()=>{if(R||b||_<v||_>y)return;const t=setInterval(()=>T(new Date),1e3);return()=>clearInterval(t)},[v,y,_,R,b]);const Q=v>_,W=y<_;if(Q)return d?d(n):null;if(W)return u?u(n):null;const k=(()=>{const t={size:r,counterLabels:w};return e.jsxs(e.Fragment,{children:[i&&e.jsx(g,{numbers:N,tag:"days",...t}),e.jsx(g,{numbers:M,tag:"hours",...t}),e.jsx(g,{numbers:z,tag:"minutes",...t}),e.jsx(g,{numbers:q,tag:"seconds",...t})]})})(),G=C(c,`${c}--size-${r}`,`${c}--variant-${$}`,{[`${c}--full-width`]:a,[`${c}--negative`]:m,[`${c}--show-days`]:i,[`${c}--use-media-queries`]:S,[`${c}--use-container-queries`]:!S},P);return e.jsxs("section",{id:f,className:G,ref:p,role:"timer",tabIndex:0,"aria-label":`${A}, ${L}`,"data-testid":n["data-testid"],children:[n.label&&e.jsx(I.Paragraph,{"aria-hidden":"true",className:C(`${c}__label`),variant:"paragraph-100-medium",children:n.label}),e.jsx("div",{className:C(`${c}__counter-container`),children:k})]})});F.displayName="Countdown";exports.Countdown=F;
+//# sourceMappingURL=countdown-CdGFNLZq.js.map

package/dist/countdown-CdGFNLZq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-CdGFNLZq.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, now = new Date().getTime()) {\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 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<HTMLElement>\n  ) => {\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      disabled = false,\n      now: fixedNow,\n    } = props;\n\n    const resolvedNow = useMemo(\n      () => (fixedNow !== undefined ? toDate(fixedNow) : undefined),\n      [fixedNow]\n    );\n\n    const [now, setNow] = useState<Date>(() => resolvedNow ?? new Date());\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(\n      () => getDiffs(end.getTime(), now.getTime()),\n      [end, now]\n    );\n    const timeAnnouncement = useMemo(() => {\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    }, [counterLabels, days, hours, minutes, seconds, showDays]);\n\n    // aria-label takes precedence over label for screen readers; label then stays visual-only.\n    const accessibleName = props[\"aria-label\"] ?? props.label ?? \"\";\n\n    useEffect(() => {\n      if (resolvedNow) {\n        setNow(resolvedNow);\n      }\n    }, [resolvedNow]);\n\n    useEffect(() => {\n      if (disabled || resolvedNow) return;\n      if (now < start || now > end) return;\n      const t = setInterval(() => setNow(new Date()), 1000);\n      return () => clearInterval(t);\n    }, [start, end, now, disabled, resolvedNow]);\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    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        // A timer needs to be focusable so assistive technology users (including screen reader\n        // quick-nav) can land on it and get its current, up-to-date time via aria-label.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        aria-label={`${accessibleName}, ${timeAnnouncement}`}\n        data-testid={props[\"data-testid\"]}\n      >\n        {props.label && (\n          // Hidden from the accessibility tree — its text already reaches assistive tech via the\n          // section's aria-label, so exposing it separately would cause a duplicate readout.\n          <Paragraph\n            aria-hidden=\"true\"\n            className={cx(`${rootClassName}__label`)}\n            variant=\"paragraph-100-medium\"\n          >\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","selected","getDiffs","endtime","now","totalSeconds","_days","inMs","_hours","_minutes","_seconds","days","splitDigits","hours","minutes","toDate","t","value","Countdown","forwardRef","renderAfterEnd","renderBeforeStart","props","ref","id","useId","fullWidth","negative","showDays","variant","className","useMediaQueries","disabled","fixedNow","resolvedNow","useMemo","setNow","useState","start","end","seconds","timeAnnouncement","parts","accessibleName","useEffect","hasNotStarted","hasEnded","counters","counterProps","classes"],"mappings":"s2DAOMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,2BASTC,EAAU,CAAC,CAAE,IAAAC,EAAK,KAAAC,EAAM,QAAAC,EAAS,cAAAC,KAAkC,CAC9E,MAAMC,EAAc,IAAM,CACxB,MAAMC,EAAQF,EAAcH,CAAG,EACzBM,EAAmBH,EAAc,GAAGH,CAAG,MAAM,EAEnD,OACEO,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAF,SACEG,EAAAA,UAAA,CAAU,UAAWd,EAAG,GAAGG,CAAa,UAAW,GAAGA,CAAa,eAAe,EACjF,SAAAY,EAAAA,IAAC,OAAA,CAAK,MAAOL,EAAQ,WAAiB,EACxC,EAEFK,EAAAA,IAACD,EAAAA,UAAA,CACC,UAAWd,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,eAAe,EAAG,CAAC,CAACQ,CAAA,CACtC,EAEA,SAAAD,CAAA,CAAA,CACH,EACF,CAEJ,EAEA,OACEE,EAAAA,KAAC,MAAA,CACC,UAAWZ,EAAGG,EAAe,GAAGA,CAAa,UAAUG,CAAI,EAAE,EAC7D,KAAK,QACL,cAAY,OACZ,cAAa,WAAWD,CAAG,GAE3B,SAAA,CAAAU,EAAAA,IAAC,MAAA,CAAI,UAAWf,EAAG,GAAGG,CAAa,yBAAyB,EACzD,SAAAI,EAAQ,IAAI,CAACS,EAAQC,IAElBF,EAAAA,IAAC,KAAA,CAEC,UAAWf,EAAG,GAAGG,CAAa,eAAe,EAC7C,MACE,CACE,WAAYa,CAAA,EAIf,SAAAE,EAAO,IAAI,CAACC,EAAG,IAAM,CACpB,MAAMC,EAAWD,IAAMH,EAEvB,OACED,EAAAA,IAAC,KAAA,CAEC,UAAWf,EAAG,GAAGG,CAAa,WAAY,CACxC,CAAC,GAAGA,CAAa,oBAAoB,EAAGiB,CAAA,CACzC,EAEA,SAAAD,CAAA,EALI,CAAA,CAQX,CAAC,CAAA,EArBIF,CAAA,CAwBV,CAAA,CACH,EAECR,EAAA,CAAY,CAAA,CAAA,CAGnB,EAEMS,EAAS,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,ECpFzD,SAASG,EAASC,EAAiBC,MAAU,KAAA,EAAO,UAAW,CACpE,MAAMC,EAAe,KAAK,IAAI,EAAGF,EAAUC,CAAG,EAExCE,EAAQ,KAAK,MAAMD,EAAeE,EAAK,GAAG,EAC1CC,EAAS,KAAK,MAAOH,EAAeE,EAAK,IAAOA,EAAK,IAAI,EACzDE,EAAW,KAAK,MAAOJ,EAAeE,EAAK,KAAQA,EAAK,MAAM,EAC9DG,EAAW,KAAK,MAAOL,EAAeE,EAAK,OAAUA,EAAK,MAAM,EAEhEI,EAAOC,EAAYN,CAAK,EACxBO,EAAQD,EAAYJ,CAAM,EAC1BM,EAAUF,EAAYH,CAAQ,EAGpC,MAAO,CACL,QAHcG,EAAYF,CAAQ,EAIlC,QAAAI,EACA,MAAAD,EACA,KAAAF,CAAA,CAEJ,CAEO,MAAMJ,EAAO,CAClB,OAAQ,IACR,OAAQ,GAAK,IACb,KAAM,KAAU,IAChB,IAAK,KAAU,GAAK,GACtB,EAEO,SAASQ,EAAOC,EAA2B,CAChD,OAAOA,aAAa,KAAOA,EAAI,IAAI,KAAKA,CAAC,CAC3C,CAEO,SAASJ,EAAYK,EAAe,CAEzC,OADU,OAAOA,CAAK,EAAE,SAAS,EAAG,GAAG,EAC9B,MAAM,EAAE,CACnB,CC1BA,MAAMpC,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAElBC,EAAgB,mBAQTkC,EAAYC,EAAAA,WACvB,CACE,CAAE,eAAAC,EAAgB,kBAAAC,EAAmB,GAAGC,CAAA,EACxCC,IACG,CACH,MAAMC,EAAKC,EAAAA,MAAA,EAEL,CACJ,KAAAtC,EAAO,KACP,UAAAuC,EAAY,GACZ,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,QAAAC,EAAU,UACV,UAAAC,EACA,cAAAzC,EACA,gBAAA0C,EAAkB,GAClB,SAAAC,EAAW,GACX,IAAKC,CAAA,EACHX,EAEEY,EAAcC,EAAAA,QAClB,IAAOF,IAAa,OAAYlB,EAAOkB,CAAQ,EAAI,OACnD,CAACA,CAAQ,CAAA,EAGL,CAAC7B,EAAKgC,CAAM,EAAIC,EAAAA,SAAe,IAAMH,GAAe,IAAI,IAAM,EAE9DI,EAAQH,UAAQ,IAAMpB,EAAOO,EAAM,SAAS,EAAG,CAACA,EAAM,SAAS,CAAC,EAChEiB,EAAMJ,UAAQ,IAAMpB,EAAOO,EAAM,OAAO,EAAG,CAACA,EAAM,OAAO,CAAC,EAC1D,CAAE,KAAAX,EAAM,MAAAE,EAAO,QAAAC,EAAS,QAAA0B,GAAYL,EAAAA,QACxC,IAAMjC,EAASqC,EAAI,UAAWnC,EAAI,SAAS,EAC3C,CAACmC,EAAKnC,CAAG,CAAA,EAELqC,EAAmBN,EAAAA,QAAQ,IAAM,CACrC,MAAMO,EAAQ,CAAA,EAEd,OAAId,GAAUc,EAAM,KAAK,GAAG/B,EAAK,KAAK,EAAE,CAAC,IAAItB,EAAc,IAAI,EAAE,EACjEqD,EAAM,KAAK,GAAG7B,EAAM,KAAK,EAAE,CAAC,IAAIxB,EAAc,KAAK,EAAE,EACrDqD,EAAM,KAAK,GAAG5B,EAAQ,KAAK,EAAE,CAAC,IAAIzB,EAAc,OAAO,EAAE,EACzDqD,EAAM,KAAK,GAAGF,EAAQ,KAAK,EAAE,CAAC,IAAInD,EAAc,OAAO,EAAE,EAElDqD,EAAM,KAAK,IAAI,CACxB,EAAG,CAACrD,EAAesB,EAAME,EAAOC,EAAS0B,EAASZ,CAAQ,CAAC,EAGrDe,EAAiBrB,EAAM,YAAY,GAAKA,EAAM,OAAS,GAE7DsB,EAAAA,UAAU,IAAM,CACVV,GACFE,EAAOF,CAAW,CAEtB,EAAG,CAACA,CAAW,CAAC,EAEhBU,EAAAA,UAAU,IAAM,CAEd,GADIZ,GAAYE,GACZ9B,EAAMkC,GAASlC,EAAMmC,EAAK,OAC9B,MAAM,EAAI,YAAY,IAAMH,MAAW,IAAM,EAAG,GAAI,EACpD,MAAO,IAAM,cAAc,CAAC,CAC9B,EAAG,CAACE,EAAOC,EAAKnC,EAAK4B,EAAUE,CAAW,CAAC,EAE3C,MAAMW,EAAgBP,EAAQlC,EACxB0C,EAAWP,EAAMnC,EAGvB,GAAIyC,EAAe,OAAOxB,EAAoBA,EAAkBC,CAAK,EAAI,KACzE,GAAIwB,EAAU,OAAO1B,EAAiBA,EAAeE,CAAK,EAAI,KAe9D,MAAMyB,GAbc,IAAM,CACxB,MAAMC,EAAe,CAAE,KAAA7D,EAAM,cAAAE,CAAA,EAE7B,OACEI,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAkC,SAAa3C,EAAA,CAAQ,QAAS0B,EAAM,IAAI,OAAQ,GAAGqC,EAAc,QACjE/D,EAAA,CAAQ,QAAS4B,EAAO,IAAI,QAAS,GAAGmC,EAAc,QACtD/D,EAAA,CAAQ,QAAS6B,EAAS,IAAI,UAAW,GAAGkC,EAAc,QAC1D/D,EAAA,CAAQ,QAASuD,EAAS,IAAI,UAAW,GAAGQ,CAAA,CAAc,CAAA,EAC7D,CAEJ,GAEiB,EAEXC,EAAUpE,EACdG,EACA,GAAGA,CAAa,UAAUG,CAAI,GAC9B,GAAGH,CAAa,aAAa6C,CAAO,GACpC,CACE,CAAC,GAAG7C,CAAa,cAAc,EAAG0C,EAClC,CAAC,GAAG1C,CAAa,YAAY,EAAG2C,EAChC,CAAC,GAAG3C,CAAa,aAAa,EAAG4C,EACjC,CAAC,GAAG5C,CAAa,qBAAqB,EAAG+C,EACzC,CAAC,GAAG/C,CAAa,yBAAyB,EAAG,CAAC+C,CAAA,EAEhDD,CAAA,EAGF,OACErC,EAAAA,KAAC,UAAA,CACC,GAAA+B,EACA,UAAWyB,EACX,IAAA1B,EACA,KAAK,QAIL,SAAU,EACV,aAAY,GAAGoB,CAAc,KAAKF,CAAgB,GAClD,cAAanB,EAAM,aAAa,EAE/B,SAAA,CAAAA,EAAM,OAGL1B,EAAAA,IAACD,EAAAA,UAAA,CACC,cAAY,OACZ,UAAWd,EAAG,GAAGG,CAAa,SAAS,EACvC,QAAQ,uBAEP,SAAAsC,EAAM,KAAA,CAAA,EAGX1B,EAAAA,IAAC,OAAI,UAAWf,EAAG,GAAGG,CAAa,qBAAqB,EAAI,SAAA+D,CAAA,CAAS,CAAA,CAAA,CAAA,CAG3E,CACF,EAEA7B,EAAU,YAAc"}

package/dist/countdown-G7eg3CZj.mjs

@@ -0,0 +1,188 @@
+import { jsxs as N, jsx as u, Fragment as F } from "react/jsx-runtime";
+import { forwardRef as K, useId as O, useMemo as y, useState as U, useEffect as E } from "react";
+import { P as S } from "./paragraph-CwAdFoIm.mjs";
+import { c as Q } from "./bind-CU-R61T-.mjs";
+const V = {
+  "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"
+}, b = Q.bind(X), o = "purpur-countdown-counter", g = ({ tag: e, size: i, numbers: n, counterLabels: l }) => {
+  const f = () => {
+    const r = l[e], c = l[`${e}Abbr`];
+    return /* @__PURE__ */ N(F, { children: [
+      c && /* @__PURE__ */ u(S, { className: b(`${o}__label`, `${o}__label--abbr`), children: /* @__PURE__ */ u("abbr", { title: r, children: c }) }),
+      /* @__PURE__ */ u(
+        S,
+        {
+          className: b(`${o}__label`, {
+            [`${o}__label--full`]: !!c
+          }),
+          children: r
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: b(o, `${o}--size-${i}`),
+      role: "group",
+      "aria-hidden": "true",
+      "data-testid": `counter-${e}`,
+      children: [
+        /* @__PURE__ */ u("div", { className: b(`${o}__number-list-container`), children: n.map((r, c) => /* @__PURE__ */ u(
+          "ul",
+          {
+            className: b(`${o}__number-list`),
+            style: {
+              "--offset": r
+            },
+            children: Y.map((p, a) => {
+              const h = p === r;
+              return /* @__PURE__ */ u(
+                "li",
+                {
+                  className: b(`${o}__number`, {
+                    [`${o}__number--selected`]: h
+                  }),
+                  children: p
+                },
+                a
+              );
+            })
+          },
+          c
+        )) }),
+        f()
+      ]
+    }
+  );
+}, Y = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+function Z(e, i = (/* @__PURE__ */ new Date()).getTime()) {
+  const n = Math.max(0, e - i), l = Math.floor(n / _.day), f = Math.floor(n % _.day / _.hour), r = Math.floor(n % _.hour / _.minute), c = Math.floor(n % _.minute / _.second), p = v(l), a = v(f), h = v(r);
+  return {
+    seconds: v(c),
+    minutes: h,
+    hours: a,
+    days: p
+  };
+}
+const _ = {
+  second: 1e3,
+  minute: 60 * 1e3,
+  hour: 3600 * 1e3,
+  day: 1440 * 60 * 1e3
+};
+function q(e) {
+  return e instanceof Date ? e : new Date(e);
+}
+function v(e) {
+  return String(e).padStart(2, "0").split("");
+}
+const I = Q.bind(V), s = "purpur-countdown", B = K(
+  ({ renderAfterEnd: e, renderBeforeStart: i, ...n }, l) => {
+    const f = O(), {
+      size: r = "lg",
+      fullWidth: c = !1,
+      negative: p = !1,
+      showDays: a = !0,
+      variant: h = "primary",
+      className: P,
+      counterLabels: m,
+      useMediaQueries: T = !1,
+      disabled: L = !1,
+      now: z
+    } = n, w = y(
+      () => z !== void 0 ? q(z) : void 0,
+      [z]
+    ), [d, A] = U(() => w ?? /* @__PURE__ */ new Date()), D = y(() => q(n.starttime), [n.starttime]), $ = y(() => q(n.endtime), [n.endtime]), { days: x, hours: C, minutes: M, seconds: j } = y(
+      () => Z($.getTime(), d.getTime()),
+      [$, d]
+    ), R = y(() => {
+      const t = [];
+      return a && t.push(`${x.join("")} ${m.days}`), t.push(`${C.join("")} ${m.hours}`), t.push(`${M.join("")} ${m.minutes}`), t.push(`${j.join("")} ${m.seconds}`), t.join(", ");
+    }, [m, x, C, M, j, a]), W = n["aria-label"] ?? n.label ?? "";
+    E(() => {
+      w && A(w);
+    }, [w]), E(() => {
+      if (L || w || d < D || d > $) return;
+      const t = setInterval(() => A(/* @__PURE__ */ new Date()), 1e3);
+      return () => clearInterval(t);
+    }, [D, $, d, L, w]);
+    const k = D > d, G = $ < d;
+    if (k) return i ? i(n) : null;
+    if (G) return e ? e(n) : null;
+    const H = (() => {
+      const t = { size: r, counterLabels: m };
+      return /* @__PURE__ */ N(F, { children: [
+        a && /* @__PURE__ */ u(g, { numbers: x, tag: "days", ...t }),
+        /* @__PURE__ */ u(g, { numbers: C, tag: "hours", ...t }),
+        /* @__PURE__ */ u(g, { numbers: M, tag: "minutes", ...t }),
+        /* @__PURE__ */ u(g, { numbers: j, tag: "seconds", ...t })
+      ] });
+    })(), J = I(
+      s,
+      `${s}--size-${r}`,
+      `${s}--variant-${h}`,
+      {
+        [`${s}--full-width`]: c,
+        [`${s}--negative`]: p,
+        [`${s}--show-days`]: a,
+        [`${s}--use-media-queries`]: T,
+        [`${s}--use-container-queries`]: !T
+      },
+      P
+    );
+    return /* @__PURE__ */ N(
+      "section",
+      {
+        id: f,
+        className: J,
+        ref: l,
+        role: "timer",
+        tabIndex: 0,
+        "aria-label": `${W}, ${R}`,
+        "data-testid": n["data-testid"],
+        children: [
+          n.label && // Hidden from the accessibility tree — its text already reaches assistive tech via the
+          // section's aria-label, so exposing it separately would cause a duplicate readout.
+          /* @__PURE__ */ u(
+            S,
+            {
+              "aria-hidden": "true",
+              className: I(`${s}__label`),
+              variant: "paragraph-100-medium",
+              children: n.label
+            }
+          ),
+          /* @__PURE__ */ u("div", { className: I(`${s}__counter-container`), children: H })
+        ]
+      }
+    );
+  }
+);
+B.displayName = "Countdown";
+export {
+  B as C
+};
+//# sourceMappingURL=countdown-G7eg3CZj.mjs.map

package/dist/countdown-G7eg3CZj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-G7eg3CZj.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, now = new Date().getTime()) {\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 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<HTMLElement>\n  ) => {\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      disabled = false,\n      now: fixedNow,\n    } = props;\n\n    const resolvedNow = useMemo(\n      () => (fixedNow !== undefined ? toDate(fixedNow) : undefined),\n      [fixedNow]\n    );\n\n    const [now, setNow] = useState<Date>(() => resolvedNow ?? new Date());\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(\n      () => getDiffs(end.getTime(), now.getTime()),\n      [end, now]\n    );\n    const timeAnnouncement = useMemo(() => {\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    }, [counterLabels, days, hours, minutes, seconds, showDays]);\n\n    // aria-label takes precedence over label for screen readers; label then stays visual-only.\n    const accessibleName = props[\"aria-label\"] ?? props.label ?? \"\";\n\n    useEffect(() => {\n      if (resolvedNow) {\n        setNow(resolvedNow);\n      }\n    }, [resolvedNow]);\n\n    useEffect(() => {\n      if (disabled || resolvedNow) return;\n      if (now < start || now > end) return;\n      const t = setInterval(() => setNow(new Date()), 1000);\n      return () => clearInterval(t);\n    }, [start, end, now, disabled, resolvedNow]);\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    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        // A timer needs to be focusable so assistive technology users (including screen reader\n        // quick-nav) can land on it and get its current, up-to-date time via aria-label.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        aria-label={`${accessibleName}, ${timeAnnouncement}`}\n        data-testid={props[\"data-testid\"]}\n      >\n        {props.label && (\n          // Hidden from the accessibility tree — its text already reaches assistive tech via the\n          // section's aria-label, so exposing it separately would cause a duplicate readout.\n          <Paragraph\n            aria-hidden=\"true\"\n            className={cx(`${rootClassName}__label`)}\n            variant=\"paragraph-100-medium\"\n          >\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","id","useId","fullWidth","negative","showDays","variant","className","useMediaQueries","disabled","fixedNow","resolvedNow","useMemo","setNow","useState","start","end","seconds","timeAnnouncement","parts","accessibleName","useEffect","hasNotStarted","hasEnded","counters","counterProps","classes"],"mappings":"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"}

package/dist/countdown.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./countdown-CGXJyzB2.js");exports.Countdown=o.Countdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./countdown-CdGFNLZq.js");exports.Countdown=o.Countdown;
 //# sourceMappingURL=countdown.cjs.js.map

package/dist/countdown.es.js

@@ -1,4 +1,4 @@
-import { C as r } from "./countdown-5Ni6OlVY.mjs";
+import { C as r } from "./countdown-G7eg3CZj.mjs";
 export {
   r as Countdown
 };