@bikdotai/bik-component-library 0.0.868-beta.0 → 0.0.868-beta.2

package/dist/cjs/components/schedule-builder/StartDateTimePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StartDateTimePicker.js","sources":["../../../../src/components/schedule-builder/StartDateTimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { COLORS } from '../../constants/Theme';\nimport { ComboBox } from '../combo-box';\nimport { DateButtonType, DatePickerWrapper } from '../datePicker';\nimport { Dropdown, DropdownOption, SingleOption } from '../dropdown';\nimport { BodySecondary } from '../TypographyStyle';\nimport {\n\tDateFieldColumn,\n\tDatePickerSlot,\n\tFieldLabel,\n\tFieldsRow,\n\tMeridiemDropdownSlot,\n\tRequiredMark,\n\tTimeDropdownSlot,\n\tTimeFieldColumn,\n\tTimeInputRow,\n} from './ScheduleBuilder.styled';\n\n/** Step between offered times, in minutes. */\nconst TIME_STEP_MINUTES = 30;\n\n/**\n * Reads a typed 12-hour time.\n *\n * Accepts \"9\", \"9:5\" and \"09:05\" so the merchant can type naturally; am/pm sits\n * on its own dropdown, so only 1-12 is valid here. Returns null while the text is\n * incomplete, which is what keeps the field editable mid-entry.\n */\nexport const parseTimeText = (\n\ttext: string,\n): { hours: string; minutes: string } | null => {\n\tconst trimmed = text.trim();\n\tif (!trimmed) return null;\n\n\tconst match = trimmed.match(/^(\\d{1,2})(?::(\\d{1,2}))?$/);\n\tif (!match) return null;\n\n\tconst hours = Number(match[1]);\n\t// Minutes are optional: \"9\" means 9:00.\n\tconst minutes = match[2] === undefined ? 0 : Number(match[2]);\n\n\tif (hours < 1 || hours > 12) return null;\n\tif (minutes > 59) return null;\n\n\treturn { hours: String(hours), minutes: String(minutes) };\n};\n\nexport interface StartDateTimePickerProps {\n\t/** The chosen date. Time-of-day is carried separately by hours/minutes/isAm. */\n\tdate?: Date;\n\tonDateChange: (date: Date) => void;\n\t/** 12-hour clock, \"1\"–\"12\". Empty string while nothing is chosen. */\n\thours: string;\n\t/** \"0\"–\"59\". Empty string while nothing is chosen. */\n\tminutes: string;\n\tisAm: boolean;\n\t/** Fires only for a parseable time, so partial typing does not clear state. */\n\tonTimeChange: (time: { hours: string; minutes: string }) => void;\n\tonMeridiemChange: (isAm: boolean) => void;\n\t/** Called when focus leaves an unparseable time, for the caller to validate. */\n\tonTimeInvalidBlur?: () => void;\n\t/** Shown under the time field. The caller owns validation. */\n\ttimeErrorMessage?: string;\n\t/** \"Start date\" when a recurrence follows, plain \"Date\" otherwise. */\n\tdateLabel?: string;\n\tminDate?: Date;\n\t'data-test'?: string;\n}\n\n/**\n * The start date and time-of-day row.\n *\n * Date and time are separate props rather than one Date because the time is\n * edited as text and can be mid-entry (\"9:\" is not a time yet) — folding it into\n * a Date would force a guess about what an incomplete entry means.\n */\nexport const StartDateTimePicker: React.FC<StartDateTimePickerProps> = ({\n\tdate,\n\tonDateChange,\n\thours,\n\tminutes,\n\tisAm,\n\tonTimeChange,\n\tonMeridiemChange,\n\tonTimeInvalidBlur,\n\ttimeErrorMessage,\n\tdateLabel = 'Start date',\n\tminDate,\n\t'data-test': dataTest,\n}) => {\n\t/**\n\t * Times offered in the picker, at TIME_STEP_MINUTES steps. 12 leads the day in\n\t * 12-hour time, so it sorts to the front rather than after 11.\n\t */\n\tconst timeOptions = useMemo(() => {\n\t\tconst values: string[] = [];\n\t\tfor (let hour = 1; hour <= 12; hour += 1) {\n\t\t\tfor (let minute = 0; minute < 60; minute += TIME_STEP_MINUTES) {\n\t\t\t\tvalues.push(`${hour}:${String(minute).padStart(2, '0')}`);\n\t\t\t}\n\t\t}\n\t\tconst twelves = values.filter((value) => value.startsWith('12:'));\n\t\treturn [\n\t\t\t...twelves,\n\t\t\t...values.filter((value) => !twelves.includes(value)),\n\t\t].map((value) => ({ value }));\n\t}, []);\n\n\tconst selectedTimeLabel =\n\t\thours !== '' && minutes !== ''\n\t\t\t? `${hours}:${String(minutes).padStart(2, '0')}`\n\t\t\t: undefined;\n\n\tconst meridiemDropdownOptions: SingleOption[] = [\n\t\t{ label: 'AM', value: 'am', selected: isAm },\n\t\t{ label: 'PM', value: 'pm', selected: !isAm },\n\t];\n\n\treturn (\n\t\t<FieldsRow data-test={dataTest}>\n\t\t\t<DateFieldColumn>\n\t\t\t\t<FieldLabel>\n\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t{dateLabel}\n\t\t\t\t\t\t<RequiredMark> *</RequiredMark>\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</FieldLabel>\n\t\t\t\t<DatePickerSlot>\n\t\t\t\t\t<DatePickerWrapper\n\t\t\t\t\t\tval={date}\n\t\t\t\t\t\tonChange={(value: Date | Date[]) => {\n\t\t\t\t\t\t\tconst dateValue = Array.isArray(value) ? value[0] : value;\n\t\t\t\t\t\t\tif (dateValue) onDateChange(dateValue);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisplayFormat=\"dd MMM yyyy\"\n\t\t\t\t\t\tdateButtonType={DateButtonType.LARGE}\n\t\t\t\t\t\tcalendarProps={{ minDate }}\n\t\t\t\t\t\tpickerStyles={{ top: 8, zIndex: 4 }}\n\t\t\t\t\t/>\n\t\t\t\t</DatePickerSlot>\n\t\t\t</DateFieldColumn>\n\t\t\t<TimeFieldColumn>\n\t\t\t\t<FieldLabel>\n\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\tTime\n\t\t\t\t\t\t<RequiredMark> *</RequiredMark>\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</FieldLabel>\n\t\t\t\t{/*\n          Top-aligned: the time field's error message sits inside its own slot,\n          so centring would drop AM/PM as the message appears.\n        */}\n\t\t\t\t<TimeInputRow>\n\t\t\t\t\t<TimeDropdownSlot>\n\t\t\t\t\t\t<ComboBox\n\t\t\t\t\t\t\tdata-test=\"recurrence-time\"\n\t\t\t\t\t\t\tvalue={selectedTimeLabel ?? ''}\n\t\t\t\t\t\t\toptions={timeOptions}\n\t\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\t\terrorMessage={timeErrorMessage || undefined}\n\t\t\t\t\t\t\tvalidate={(text) => !!parseTimeText(text)}\n\t\t\t\t\t\t\tsanitize={(text) => text.replace(/[^\\d:]/g, '').slice(0, 5)}\n\t\t\t\t\t\t\tformat={(text) => {\n\t\t\t\t\t\t\t\tconst parsed = parseTimeText(text);\n\t\t\t\t\t\t\t\tif (!parsed) return text;\n\t\t\t\t\t\t\t\treturn `${parsed.hours}:${parsed.minutes.padStart(2, '0')}`;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonChange={(text) => {\n\t\t\t\t\t\t\t\tconst parsed = parseTimeText(text);\n\t\t\t\t\t\t\t\tif (!parsed) return;\n\t\t\t\t\t\t\t\tonTimeChange(parsed);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonInvalidBlur={onTimeInvalidBlur}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TimeDropdownSlot>\n\t\t\t\t\t<MeridiemDropdownSlot data-test=\"recurrence-meridiem\">\n\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\tisSearchable={false}\n\t\t\t\t\t\t\tisMultiSelect={false}\n\t\t\t\t\t\t\toptions={meridiemDropdownOptions}\n\t\t\t\t\t\t\tvalue={isAm ? 'AM' : 'PM'}\n\t\t\t\t\t\t\tbuttonWidth=\"100%\"\n\t\t\t\t\t\t\twidth=\"84px\"\n\t\t\t\t\t\t\tplaceHolderHeight=\"48px\"\n\t\t\t\t\t\t\tplaceHolder=\"AM\"\n\t\t\t\t\t\t\tonSelect={(\n\t\t\t\t\t\t\t\tselected: DropdownOption | DropdownOption[] | null,\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tconst normalized = (\n\t\t\t\t\t\t\t\t\tArray.isArray(selected) ? selected[0] : selected\n\t\t\t\t\t\t\t\t) as SingleOption | null;\n\t\t\t\t\t\t\t\tonMeridiemChange(normalized?.value !== 'pm');\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MeridiemDropdownSlot>\n\t\t\t\t</TimeInputRow>\n\t\t\t</TimeFieldColumn>\n\t\t</FieldsRow>\n\t);\n};\n"],"names":["TIME_STEP_MINUTES","parseTimeText","text","trimmed","match","hours","minutes","StartDateTimePicker","date","onDateChange","isAm","onTimeChange","onMeridiemChange","onTimeInvalidBlur","timeErrorMessage","dateLabel","minDate","dataTest","timeOptions","useMemo","values","hour","minute","twelves","value","selectedTimeLabel","meridiemDropdownOptions","jsxs","FieldsRow","DateFieldColumn","jsx","FieldLabel","BodySecondary","COLORS","RequiredMark","DatePickerSlot","DatePickerWrapper","dateValue","DateButtonType","TimeFieldColumn","TimeInputRow","TimeDropdownSlot","ComboBox","parsed","MeridiemDropdownSlot","Dropdown","selected","normalized"],"mappings":"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"}

package/dist/cjs/components/schedule-builder/UpcomingRunsPreview.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("date-fns"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),t=require("./ScheduleBuilder.styled.js"),u=({runs:r,summary:n,dateFormat:c="EEE d MMM, yyyy","data-test":s})=>r.length?e.jsxs(t.Column,{gap:12,"data-test":s,children:[e.jsxs(t.Column,{gap:8,children:[e.jsx(o.TitleSmall,{color:i.COLORS.content.primary,children:"Upcoming runs"}),e.jsx(t.Column,{gap:16,children:r.map((l,a)=>e.jsxs(t.UpcomingRunItem,{isLast:a===r.length-1,children:[e.jsx(t.UpcomingRunDot,{}),e.jsx(o.BodyCaption,{color:i.COLORS.content.primary,children:d.format(l,c)})]},l.getTime()))})]}),!!n&&e.jsxs(o.BodyCaption,{color:i.COLORS.content.secondary,"data-test":"recurrence-summary",children:["Repeats ",e.jsx(t.SummaryHighlight,{children:n.frequencyLabel})," at ",e.jsx(t.SummaryHighlight,{children:n.timeLabel}),n.tail]})]}):null;exports.UpcomingRunsPreview=u;
-//# sourceMappingURL=UpcomingRunsPreview.js.map

package/dist/cjs/components/schedule-builder/UpcomingRunsPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UpcomingRunsPreview.js","sources":["../../../../src/components/schedule-builder/UpcomingRunsPreview.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport React from 'react';\nimport { COLORS } from '../../constants/Theme';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { RecurrenceSummary } from './model';\nimport {\n\tColumn,\n\tSummaryHighlight,\n\tUpcomingRunDot,\n\tUpcomingRunItem,\n} from './ScheduleBuilder.styled';\n\nexport interface UpcomingRunsPreviewProps {\n\t/** Run dates to list. Renders nothing when empty. */\n\truns: Date[];\n\t/** Summary line under the list. Omit to show the list alone. */\n\tsummary?: RecurrenceSummary | null;\n\t/** date-fns pattern for each run. */\n\tdateFormat?: string;\n\t'data-test'?: string;\n}\n\n/**\n * The dated list of the next few runs, with the plain-English summary beneath.\n *\n * Read-only: it renders whatever run dates it is given rather than deriving them,\n * so a caller can preview a schedule it has not committed to. Pair it with\n * `ScheduleHelper.computeUpcomingRuns` to produce the dates.\n */\nexport const UpcomingRunsPreview: React.FC<UpcomingRunsPreviewProps> = ({\n\truns,\n\tsummary,\n\tdateFormat = 'EEE d MMM, yyyy',\n\t'data-test': dataTest,\n}) => {\n\tif (!runs.length) return null;\n\n\treturn (\n\t\t<Column gap={12} data-test={dataTest}>\n\t\t\t<Column gap={8}>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>Upcoming runs</TitleSmall>\n\t\t\t\t<Column gap={16}>\n\t\t\t\t\t{runs.map((run, index) => (\n\t\t\t\t\t\t<UpcomingRunItem\n\t\t\t\t\t\t\tkey={run.getTime()}\n\t\t\t\t\t\t\tisLast={index === runs.length - 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UpcomingRunDot />\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t{formatDate(run, dateFormat)}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</UpcomingRunItem>\n\t\t\t\t\t))}\n\t\t\t\t</Column>\n\t\t\t</Column>\n\t\t\t{!!summary && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\tdata-test=\"recurrence-summary\"\n\t\t\t\t>\n\t\t\t\t\t{'Repeats '}\n\t\t\t\t\t<SummaryHighlight>{summary.frequencyLabel}</SummaryHighlight>\n\t\t\t\t\t{' at '}\n\t\t\t\t\t<SummaryHighlight>{summary.timeLabel}</SummaryHighlight>\n\t\t\t\t\t{summary.tail}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t</Column>\n\t);\n};\n"],"names":["UpcomingRunsPreview","runs","summary","dateFormat","dataTest","jsxs","Column","jsx","TitleSmall","COLORS","run","index","UpcomingRunItem","UpcomingRunDot","BodyCaption","formatDate","SummaryHighlight"],"mappings":"6PA6BaA,EAA0D,CAAC,CACvE,KAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,kBACb,YAAaC,CACd,IACMH,EAAK,OAGTI,EAAAA,KAACC,EAAAA,OAAA,CAAO,IAAK,GAAI,YAAWF,EAC3B,SAAA,CAAAC,EAAAA,KAACC,EAAAA,OAAA,CAAO,IAAK,EACZ,SAAA,CAAAC,MAACC,EAAAA,WAAA,CAAW,MAAOC,EAAAA,OAAO,QAAQ,QAAS,SAAA,gBAAa,EACxDF,EAAAA,IAACD,EAAAA,QAAO,IAAK,GACX,WAAK,IAAI,CAACI,EAAKC,IACfN,EAAAA,KAACO,EAAAA,gBAAA,CAEA,OAAQD,IAAUV,EAAK,OAAS,EAEhC,SAAA,CAAAM,EAAAA,IAACM,EAAAA,eAAA,EAAe,EAChBN,EAAAA,IAACO,EAAAA,aAAY,MAAOL,SAAO,QAAQ,QACjC,SAAAM,EAAAA,OAAWL,EAAKP,CAAU,CAAA,CAC5B,CAAA,CAAA,EANKO,EAAI,QAAA,CAAQ,CAQlB,CAAA,CACF,CAAA,EACD,EACC,CAAC,CAACR,GACFG,EAAAA,KAACS,EAAAA,YAAA,CACA,MAAOL,EAAAA,OAAO,QAAQ,UACtB,YAAU,qBAET,SAAA,CAAA,WACDF,EAAAA,IAACS,EAAAA,iBAAA,CAAkB,SAAAd,EAAQ,cAAA,CAAe,EACzC,OACDK,EAAAA,IAACS,EAAAA,iBAAA,CAAkB,SAAAd,EAAQ,SAAA,CAAU,EACpCA,EAAQ,IAAA,CAAA,CAAA,CACV,EAEF,EAhCwB"}

package/dist/cjs/components/schedule-builder/model.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var S=(r=>(r.SEND_NOW="SEND_NOW",r.SCHEDULE="SCHEDULE",r.RECURRING="RECURRING",r))(S||{}),e=(r=>(r.DAILY="DAILY",r.WEEKLY="WEEKLY",r.MONTHLY="MONTHLY",r))(e||{}),t=(r=>(r.NEVER="NEVER",r.AFTER_RUNS="AFTER_RUNS",r.ON_DATE="ON_DATE",r))(t||{}),T=(r=>(r.FIRST="FIRST",r.LAST="LAST",r.CUSTOM="CUSTOM",r))(T||{});exports.MONTHLY_REPEAT_OPTION=T;exports.RECURRENCE_END_MODE=t;exports.RECURRENCE_FREQUENCY=e;exports.SEND_MODE=S;
-//# sourceMappingURL=model.js.map

package/dist/cjs/components/schedule-builder/model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sources":["../../../../src/components/schedule-builder/model.ts"],"sourcesContent":["/**\n * Types for the recurrence pickers.\n *\n * These enums are duplicated from the consuming app's campaign types on purpose:\n * a library component cannot import from an app, and the string values are what\n * both ends already send over the wire, so the two stay compatible without a\n * shared package. Cast at the boundary if your app has its own copy.\n */\n\n/**\n * When something sends. SEND_NOW hides the date and time; SCHEDULE shows them;\n * RECURRING adds the frequency, end rule and run preview beneath.\n */\nexport enum SEND_MODE {\n\tSEND_NOW = 'SEND_NOW',\n\tSCHEDULE = 'SCHEDULE',\n\tRECURRING = 'RECURRING',\n}\n\n/** How often the series repeats. */\nexport enum RECURRENCE_FREQUENCY {\n\tDAILY = 'DAILY',\n\tWEEKLY = 'WEEKLY',\n\tMONTHLY = 'MONTHLY',\n}\n\n/** What stops a series from running forever. */\nexport enum RECURRENCE_END_MODE {\n\tNEVER = 'NEVER',\n\tAFTER_RUNS = 'AFTER_RUNS',\n\tON_DATE = 'ON_DATE',\n}\n\n/**\n * The \"Repeat every\" choice shown for a monthly recurrence. FIRST and LAST are\n * presets over the same dates the CUSTOM grid picks, so all three resolve to one\n * set of dates plus a last-day flag rather than three separate code paths.\n */\nexport enum MONTHLY_REPEAT_OPTION {\n\tFIRST = 'FIRST',\n\tLAST = 'LAST',\n\tCUSTOM = 'CUSTOM',\n}\n\n/**\n * Everything the pickers below the start date own.\n *\n * The start date and time are deliberately not here — they belong to the\n * schedule the recurrence repeats from, which every send mode shares.\n * `ScheduleBuilder` holds those as its own `date`/`hours`/`minutes` props so\n * switching mode does not have to move them between two shapes.\n */\nexport interface RecurrenceValue {\n\tfrequency?: RECURRENCE_FREQUENCY;\n\tendMode?: RECURRENCE_END_MODE;\n\t/** Weekly only. JS day indices — 0 = Sunday, matching `Date.getDay()`. */\n\tdaysOfWeek?: number[];\n\t/** Monthly only. Calendar dates, 1–31. */\n\tdatesOfMonth?: number[];\n\t/** Monthly only. Runs on the last day of every month, whatever date that is. */\n\tlastDaySelected?: boolean;\n\tmonthlyRepeatOption?: MONTHLY_REPEAT_OPTION;\n\t/** AFTER_RUNS only. Counts the first run, so 1 means \"just the start date\". */\n\tendAfterRuns?: number;\n\t/** ON_DATE only. Epoch seconds at the end of the chosen day. */\n\tendOnDate?: number;\n\trefreshSegmentBeforeEachRun?: boolean;\n}\n\n/** Summary line split into its semibold parts and the plain text between them. */\nexport interface RecurrenceSummary {\n\tfrequencyLabel: string;\n\ttimeLabel: string;\n\ttail: string;\n}\n"],"names":["SEND_MODE","RECURRENCE_FREQUENCY","RECURRENCE_END_MODE","MONTHLY_REPEAT_OPTION"],"mappings":"gFAaO,IAAKA,GAAAA,IACXA,EAAA,SAAW,WACXA,EAAA,SAAW,WACXA,EAAA,UAAY,YAHDA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,QAAU,UAHCA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,WAAa,aACbA,EAAA,QAAU,UAHCA,IAAAA,GAAA,CAAA,CAAA,EAWAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,OAAS,SAHEA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/esm/components/chip-selector/ChipSelector.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { ChipSelectorProps } from './model';
-/**
- * A single compact, selectable chip.
- *
- * Most callers want ChipSelectorGroup, which manages the selection for them.
- * Use this directly only when the surrounding layout is bespoke.
- */
-export declare const ChipSelector: React.FC<ChipSelectorProps>;

package/dist/esm/components/chip-selector/ChipSelector.js

@@ -1,27 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Chip as l } from "./ChipSelector.styled.js";
-const s = (e) => {
-  const a = e.size ?? "medium", t = e.disabled ?? !1;
-  return /* @__PURE__ */ i(
-    l,
-    {
-      type: "button",
-      selected: e.selected,
-      size: a,
-      width: e.width,
-      disabled: t,
-      "aria-pressed": e.selected,
-      "aria-label": e.ariaLabel ?? e.label,
-      "data-test": e.dataTestId,
-      "data-testid": "chip-selector",
-      onClick: () => {
-        t || e.onSelect(e.value);
-      },
-      children: e.label
-    }
-  );
-};
-export {
-  s as ChipSelector
-};
-//# sourceMappingURL=ChipSelector.js.map

package/dist/esm/components/chip-selector/ChipSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipSelector.js","sources":["../../../../src/components/chip-selector/ChipSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip } from './ChipSelector.styled';\nimport { ChipSelectorProps } from './model';\n\n/**\n * A single compact, selectable chip.\n *\n * Most callers want ChipSelectorGroup, which manages the selection for them.\n * Use this directly only when the surrounding layout is bespoke.\n */\nexport const ChipSelector: React.FC<ChipSelectorProps> = (props) => {\n\tconst size = props.size ?? 'medium';\n\tconst isDisabled = props.disabled ?? false;\n\n\treturn (\n\t\t<Chip\n\t\t\ttype=\"button\"\n\t\t\tselected={props.selected}\n\t\t\tsize={size}\n\t\t\twidth={props.width}\n\t\t\tdisabled={isDisabled}\n\t\t\taria-pressed={props.selected}\n\t\t\taria-label={props.ariaLabel ?? props.label}\n\t\t\tdata-test={props.dataTestId}\n\t\t\tdata-testid=\"chip-selector\"\n\t\t\tonClick={() => {\n\t\t\t\tif (!isDisabled) {\n\t\t\t\t\tprops.onSelect(props.value);\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{props.label}\n\t\t</Chip>\n\t);\n};\n"],"names":["ChipSelector","props","size","isDisabled","jsx","Chip"],"mappings":";;AAUO,MAAMA,IAA4C,CAACC,MAAU;AACnE,QAAMC,IAAOD,EAAM,QAAQ,UACrBE,IAAaF,EAAM,YAAY;AAErC,SACC,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,UAAUJ,EAAM;AAAA,MAChB,MAAAC;AAAA,MACA,OAAOD,EAAM;AAAA,MACb,UAAUE;AAAA,MACV,gBAAcF,EAAM;AAAA,MACpB,cAAYA,EAAM,aAAaA,EAAM;AAAA,MACrC,aAAWA,EAAM;AAAA,MACjB,eAAY;AAAA,MACZ,SAAS,MAAM;AACd,QAAKE,KACJF,EAAM,SAASA,EAAM,KAAK;AAAA,MAE5B;AAAA,MAEC,UAAAA,EAAM;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/components/chip-selector/ChipSelector.styled.d.ts

@@ -1,10 +0,0 @@
-import { ChipSize } from './model';
-export declare const Chip: import('styled-components').StyledComponent<"button", any, {
-    selected: boolean;
-    size: ChipSize;
-    width?: number | undefined;
-}, never>;
-export declare const ChipGroup: import('styled-components').StyledComponent<"div", any, {
-    gap: number;
-    wrap: boolean;
-}, never>;

package/dist/esm/components/chip-selector/ChipSelector.styled.js

@@ -1,48 +0,0 @@
-import i from "styled-components";
-import { COLORS as r } from "../../constants/Theme.js";
-const o = {
-  small: "32px",
-  medium: "48px"
-}, t = {
-  small: "0px 8px",
-  medium: "0px 12px"
-}, a = i.button`
-	box-sizing: border-box;
-	height: ${(e) => o[e.size]};
-	${(e) => e.width ? `width: ${e.width}px;` : ""}
-	padding: ${(e) => t[e.size]};
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: 4px;
-	border: 1px solid
-		${(e) => e.selected ? r.background.inverseLight : r.stroke.primary};
-	background: ${(e) => e.selected ? r.background.brandLight : r.surface.standard};
-	color: ${(e) => e.selected ? r.content.primary : r.content.secondary};
-	font-family: inherit;
-	font-weight: ${(e) => e.selected ? 600 : 400};
-	font-size: 14px;
-	line-height: 20px;
-	cursor: pointer;
-
-	:disabled {
-		cursor: not-allowed;
-		color: ${r.content.inactive};
-		border-color: ${r.stroke.primary};
-		background: ${r.surface.subdued};
-	}
-
-	:hover:not(:disabled) {
-		background: ${(e) => e.selected ? r.background.brandLight : r.surface.hovered};
-	}
-`, p = i.div`
-	display: flex;
-	flex-direction: row;
-	gap: ${(e) => e.gap}px;
-	flex-wrap: ${(e) => e.wrap ? "wrap" : "nowrap"};
-`;
-export {
-  a as Chip,
-  p as ChipGroup
-};
-//# sourceMappingURL=ChipSelector.styled.js.map

package/dist/esm/components/chip-selector/ChipSelector.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipSelector.styled.js","sources":["../../../../src/components/chip-selector/ChipSelector.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { ChipSize } from './model';\n\n/** Medium matches the 48px input height so chips align with inputs beside them. */\nconst ChipHeightMapping: Record<ChipSize, string> = {\n\tsmall: '32px',\n\tmedium: '48px',\n};\n\nconst ChipPaddingMapping: Record<ChipSize, string> = {\n\tsmall: '0px 8px',\n\tmedium: '0px 12px',\n};\n\nexport const Chip = styled.button<{\n\tselected: boolean;\n\tsize: ChipSize;\n\twidth?: number;\n}>`\n\tbox-sizing: border-box;\n\theight: ${(props) => ChipHeightMapping[props.size]};\n\t${(props) => (props.width ? `width: ${props.width}px;` : '')}\n\tpadding: ${(props) => ChipPaddingMapping[props.size]};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 4px;\n\tborder: 1px solid\n\t\t${(props) =>\n\t\t\tprops.selected ? COLORS.background.inverseLight : COLORS.stroke.primary};\n\tbackground: ${(props) =>\n\t\tprops.selected ? COLORS.background.brandLight : COLORS.surface.standard};\n\tcolor: ${(props) =>\n\t\tprops.selected ? COLORS.content.primary : COLORS.content.secondary};\n\tfont-family: inherit;\n\tfont-weight: ${(props) => (props.selected ? 600 : 400)};\n\tfont-size: 14px;\n\tline-height: 20px;\n\tcursor: pointer;\n\n\t:disabled {\n\t\tcursor: not-allowed;\n\t\tcolor: ${COLORS.content.inactive};\n\t\tborder-color: ${COLORS.stroke.primary};\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n\n\t:hover:not(:disabled) {\n\t\tbackground: ${(props) =>\n\t\t\tprops.selected ? COLORS.background.brandLight : COLORS.surface.hovered};\n\t}\n`;\n\nexport const ChipGroup = styled.div<{ gap: number; wrap: boolean }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: ${(props) => props.gap}px;\n\tflex-wrap: ${(props) => (props.wrap ? 'wrap' : 'nowrap')};\n`;\n"],"names":["ChipHeightMapping","ChipPaddingMapping","Chip","styled","props","COLORS","ChipGroup"],"mappings":";;AAKA,MAAMA,IAA8C;AAAA,EACnD,OAAO;AAAA,EACP,QAAQ;AACT,GAEMC,IAA+C;AAAA,EACpD,OAAO;AAAA,EACP,QAAQ;AACT,GAEaC,IAAOC,EAAO;AAAA;AAAA,WAMhB,CAACC,MAAUJ,EAAkBI,EAAM,IAAI,CAAC;AAAA,GAChD,CAACA,MAAWA,EAAM,QAAQ,UAAUA,EAAM,KAAK,QAAQ,EAAG;AAAA,YACjD,CAACA,MAAUH,EAAmBG,EAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMjD,CAACA,MACFA,EAAM,WAAWC,EAAO,WAAW,eAAeA,EAAO,OAAO,OAAO;AAAA,eAC3D,CAACD,MACdA,EAAM,WAAWC,EAAO,WAAW,aAAaA,EAAO,QAAQ,QAAQ;AAAA,UAC/D,CAACD,MACTA,EAAM,WAAWC,EAAO,QAAQ,UAAUA,EAAO,QAAQ,SAAS;AAAA;AAAA,gBAEpD,CAACD,MAAWA,EAAM,WAAW,MAAM,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO5CC,EAAO,QAAQ,QAAQ;AAAA,kBAChBA,EAAO,OAAO,OAAO;AAAA,gBACvBA,EAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,gBAItB,CAACD,MACdA,EAAM,WAAWC,EAAO,WAAW,aAAaA,EAAO,QAAQ,OAAO;AAAA;AAAA,GAI5DC,IAAYH,EAAO;AAAA;AAAA;AAAA,QAGxB,CAACC,MAAUA,EAAM,GAAG;AAAA,cACd,CAACA,MAAWA,EAAM,OAAO,SAAS,QAAS;AAAA;"}

package/dist/esm/components/chip-selector/ChipSelectorGroup.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { ChipSelectorGroupProps } from './model';
-/**
- * A row or grid of compact selectable chips — weekday pickers, month-date
- * pickers, and similar cases where options are short and shown all at once.
- *
- * The group owns the add/remove logic and reports the whole next selection, so
- * callers store what they are given instead of repeating toggle code.
- */
-export declare const ChipSelectorGroup: React.FC<ChipSelectorGroupProps>;

package/dist/esm/components/chip-selector/ChipSelectorGroup.js

@@ -1,48 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { ChipSelector as m } from "./ChipSelector.js";
-import { ChipGroup as v } from "./ChipSelector.styled.js";
-const s = (e) => {
-  const n = e.multiSelect ?? !0, i = e.allowEmpty ?? !0, d = (t) => {
-    const l = e.value.includes(t);
-    if (!n)
-      return l ? i ? [] : e.value : [t];
-    if (l) {
-      const a = e.value.filter((c) => c !== t);
-      return !a.length && !i ? e.value : a;
-    }
-    return e.options.map((a) => a.value).filter((a) => a === t || e.value.includes(a));
-  }, r = (t) => {
-    const l = d(t);
-    l !== e.value && e.onChange(l);
-  };
-  return /* @__PURE__ */ u(
-    v,
-    {
-      role: "group",
-      "aria-label": e.ariaLabel,
-      gap: e.gap ?? 8,
-      wrap: e.wrap ?? !1,
-      "data-test": e["data-test"],
-      "data-testid": "chip-selector-group",
-      children: e.options.map((t) => /* @__PURE__ */ u(
-        m,
-        {
-          value: t.value,
-          label: t.label,
-          ariaLabel: t.ariaLabel,
-          disabled: t.disabled,
-          selected: e.value.includes(t.value),
-          size: e.size,
-          width: t.fitContent ? void 0 : e.chipWidth,
-          dataTestId: `${e["data-test"] ?? "chip"}-${t.value}`,
-          onSelect: r
-        },
-        t.value
-      ))
-    }
-  );
-};
-export {
-  s as ChipSelectorGroup
-};
-//# sourceMappingURL=ChipSelectorGroup.js.map

package/dist/esm/components/chip-selector/ChipSelectorGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipSelectorGroup.js","sources":["../../../../src/components/chip-selector/ChipSelectorGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { ChipSelector } from './ChipSelector';\nimport { ChipGroup } from './ChipSelector.styled';\nimport { ChipSelectorGroupProps, ChipValue } from './model';\n\n/**\n * A row or grid of compact selectable chips — weekday pickers, month-date\n * pickers, and similar cases where options are short and shown all at once.\n *\n * The group owns the add/remove logic and reports the whole next selection, so\n * callers store what they are given instead of repeating toggle code.\n */\nexport const ChipSelectorGroup: React.FC<ChipSelectorGroupProps> = (props) => {\n\tconst multiSelect = props.multiSelect ?? true;\n\tconst allowEmpty = props.allowEmpty ?? true;\n\n\tconst buildNextValue = (clicked: ChipValue): ChipValue[] => {\n\t\tconst isSelected = props.value.includes(clicked);\n\n\t\tif (!multiSelect) {\n\t\t\t// Re-picking the only selection clears it, unless a value is required.\n\t\t\tif (isSelected) {\n\t\t\t\treturn allowEmpty ? [] : props.value;\n\t\t\t}\n\t\t\treturn [clicked];\n\t\t}\n\n\t\tif (isSelected) {\n\t\t\tconst remaining = props.value.filter((value) => value !== clicked);\n\t\t\treturn !remaining.length && !allowEmpty ? props.value : remaining;\n\t\t}\n\n\t\t// Order by the options given, so the selection reads the way it is shown\n\t\t// rather than in the order the user happened to click.\n\t\treturn props.options\n\t\t\t.map((option) => option.value)\n\t\t\t.filter((value) => value === clicked || props.value.includes(value));\n\t};\n\n\tconst onChipSelected = (clicked: ChipValue) => {\n\t\tconst next = buildNextValue(clicked);\n\t\tif (next !== props.value) {\n\t\t\tprops.onChange(next);\n\t\t}\n\t};\n\n\treturn (\n\t\t<ChipGroup\n\t\t\trole=\"group\"\n\t\t\taria-label={props.ariaLabel}\n\t\t\tgap={props.gap ?? 8}\n\t\t\twrap={props.wrap ?? false}\n\t\t\tdata-test={props['data-test']}\n\t\t\tdata-testid=\"chip-selector-group\"\n\t\t>\n\t\t\t{props.options.map((option) => (\n\t\t\t\t<ChipSelector\n\t\t\t\t\tkey={option.value}\n\t\t\t\t\tvalue={option.value}\n\t\t\t\t\tlabel={option.label}\n\t\t\t\t\tariaLabel={option.ariaLabel}\n\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\tselected={props.value.includes(option.value)}\n\t\t\t\t\tsize={props.size}\n\t\t\t\t\twidth={option.fitContent ? undefined : props.chipWidth}\n\t\t\t\t\tdataTestId={`${props['data-test'] ?? 'chip'}-${option.value}`}\n\t\t\t\t\tonSelect={onChipSelected}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</ChipGroup>\n\t);\n};\n"],"names":["ChipSelectorGroup","props","multiSelect","allowEmpty","buildNextValue","clicked","isSelected","remaining","value","option","onChipSelected","next","jsx","ChipGroup","ChipSelector"],"mappings":";;;AAYO,MAAMA,IAAsD,CAACC,MAAU;AAC7E,QAAMC,IAAcD,EAAM,eAAe,IACnCE,IAAaF,EAAM,cAAc,IAEjCG,IAAiB,CAACC,MAAoC;AAC3D,UAAMC,IAAaL,EAAM,MAAM,SAASI,CAAO;AAE/C,QAAI,CAACH;AAEJ,aAAII,IACIH,IAAa,KAAKF,EAAM,QAEzB,CAACI,CAAO;AAGhB,QAAIC,GAAY;AACf,YAAMC,IAAYN,EAAM,MAAM,OAAO,CAACO,MAAUA,MAAUH,CAAO;AACjE,aAAO,CAACE,EAAU,UAAU,CAACJ,IAAaF,EAAM,QAAQM;AAAA,IACzD;AAIA,WAAON,EAAM,QACX,IAAI,CAACQ,MAAWA,EAAO,KAAK,EAC5B,OAAO,CAACD,MAAUA,MAAUH,KAAWJ,EAAM,MAAM,SAASO,CAAK,CAAC;AAAA,EACrE,GAEME,IAAiB,CAACL,MAAuB;AAC9C,UAAMM,IAAOP,EAAeC,CAAO;AACnC,IAAIM,MAASV,EAAM,SAClBA,EAAM,SAASU,CAAI;AAAA,EAErB;AAEA,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAYZ,EAAM;AAAA,MAClB,KAAKA,EAAM,OAAO;AAAA,MAClB,MAAMA,EAAM,QAAQ;AAAA,MACpB,aAAWA,EAAM,WAAW;AAAA,MAC5B,eAAY;AAAA,MAEX,UAAAA,EAAM,QAAQ,IAAI,CAACQ,MACnB,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UAEA,OAAOL,EAAO;AAAA,UACd,OAAOA,EAAO;AAAA,UACd,WAAWA,EAAO;AAAA,UAClB,UAAUA,EAAO;AAAA,UACjB,UAAUR,EAAM,MAAM,SAASQ,EAAO,KAAK;AAAA,UAC3C,MAAMR,EAAM;AAAA,UACZ,OAAOQ,EAAO,aAAa,SAAYR,EAAM;AAAA,UAC7C,YAAY,GAAGA,EAAM,WAAW,KAAK,MAAM,IAAIQ,EAAO,KAAK;AAAA,UAC3D,UAAUC;AAAA,QAAA;AAAA,QATLD,EAAO;AAAA,MAAA,CAWb;AAAA,IAAA;AAAA,EAAA;AAGJ;"}

package/dist/esm/components/chip-selector/index.d.ts

@@ -1,4 +0,0 @@
-import { ChipSelector } from './ChipSelector';
-import { ChipSelectorGroup } from './ChipSelectorGroup';
-export { ChipSelector, ChipSelectorGroup };
-export * from './model';

package/dist/esm/components/chip-selector/model.d.ts

@@ -1,106 +0,0 @@
-import { default as React } from 'react';
-/** Identifier for a chip. Numbers suit day/date indices, strings suit slugs. */
-export type ChipValue = string | number;
-export type ChipSize = 'small' | 'medium';
-export interface ChipOption {
-    /**
-     * Unique value for this chip, reported back through the group's `onChange`.
-     */
-    value: ChipValue;
-    /**
-     * Text rendered inside the chip. Keep it short — chips are compact by design.
-     */
-    label: string;
-    /**
-     * Accessible name, used when `label` is abbreviated and would not read well
-     * on its own — e.g. "M" for Monday, where several days share a letter.
-     * @default the `label`
-     */
-    ariaLabel?: string;
-    /**
-     * Blocks selection and dims the chip.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Sizes this chip to its label, ignoring the group's `chipWidth`. For the odd
-     * long option in an otherwise uniform grid — "Last day of the month" beside
-     * dates 1–31, which would overflow a fixed date-sized chip.
-     * @default false
-     */
-    fitContent?: boolean;
-}
-export interface ChipSelectorProps extends ChipOption {
-    /**
-     * Whether the chip is currently selected.
-     */
-    selected: boolean;
-    /**
-     * Size of the chip. `medium` matches the 48px input height so chips can sit
-     * in a row beside inputs and dropdowns.
-     * @default 'medium'
-     */
-    size?: ChipSize;
-    /**
-     * Fixed width in px. Omit to let the chip size to its content, which is what
-     * variable-length labels need.
-     * @default undefined
-     */
-    width?: number;
-    onSelect: (value: ChipValue) => void;
-    dataTestId?: string;
-}
-export interface ChipSelectorGroupProps {
-    /**
-     * Chips to render, in display order.
-     */
-    options: ChipOption[];
-    /**
-     * Currently selected values. Pass a single-element array for single-select.
-     */
-    value: ChipValue[];
-    /**
-     * Fired with the full next selection, so the caller stores the result
-     * directly rather than reimplementing add/remove on every screen.
-     */
-    onChange: (value: ChipValue[]) => void;
-    /**
-     * Allows more than one chip to be selected at a time. When false, picking a
-     * chip replaces the selection.
-     * @default true
-     */
-    multiSelect?: boolean;
-    /**
-     * Permits clearing the last selected chip. Set false when the caller always
-     * needs at least one value.
-     * @default true
-     */
-    allowEmpty?: boolean;
-    /**
-     * Size applied to every chip in the group.
-     * @default 'medium'
-     */
-    size?: ChipSize;
-    /**
-     * Fixed width in px applied to every chip, for grids that must align — a
-     * day picker looks uneven if "S" and "W" size to their own content.
-     * @default undefined
-     */
-    chipWidth?: number;
-    /**
-     * Gap between chips in px.
-     * @default 8
-     */
-    gap?: number;
-    /**
-     * Wraps chips onto multiple lines. Needed for the 31-chip month grid.
-     * @default false
-     */
-    wrap?: boolean;
-    /**
-     * Accessible name for the group as a whole, e.g. "Repeat on".
-     */
-    ariaLabel?: string;
-    'data-test'?: string;
-}
-export type ChipIconProps = React.SVGAttributes<SVGElement>;

package/dist/esm/components/combo-box/ComboBox.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { ComboBoxProps } from './model';
-/**
- * A text field that can be typed into or picked from a list.
- *
- * Sits between Dropdown, whose box is not editable, and Input, which offers no
- * options. Reach for it when a field has common values worth listing but must
- * still accept anything valid the user types — a time, a duration, a currency.
- *
- * Typing is validated rather than constrained, so a half-finished entry stays in
- * the box instead of being rewritten on every keystroke; `validate` decides what
- * is worth committing and `format` tidies the text once the field is left.
- */
-export declare const ComboBox: React.FC<ComboBoxProps>;
-export default ComboBox;

package/dist/esm/components/combo-box/ComboBox.js

@@ -1,118 +0,0 @@
-import { jsxs as V, jsx as h } from "react/jsx-runtime";
-import { useState as b, useRef as v, useEffect as I, useMemo as j } from "react";
-import q from "../../assets/icons/chevronDown.svg.js";
-import { ComboBoxWrapper as F, OptionList as M, OptionItem as W } from "./ComboBox.styled.js";
-import { Input as H } from "../input/Input.js";
-const N = (n, s) => {
-  const c = s.trim().toLowerCase();
-  return c ? n.filter(
-    (a) => a.value.toLowerCase().startsWith(c)
-  ) : n;
-}, Z = ({
-  value: n,
-  options: s,
-  onChange: c,
-  validate: a,
-  format: f,
-  sanitize: g,
-  filter: O = N,
-  placeholder: B,
-  errorMessage: k,
-  disabled: C,
-  onInvalidBlur: R,
-  "data-test": K
-}) => {
-  const [r, i] = b(n), [x, S] = b(!1), [d, T] = b(-1), E = v(null), L = v(null), m = v(-1), w = v(!1), l = (e) => {
-    m.current = e, T(e);
-  }, o = (e) => {
-    w.current = e, S(e);
-  }, D = (e) => a ? a(e) : e.trim().length > 0;
-  I(() => {
-    i((e) => D(e) && (f ? f(e) : e) === n ? e : n);
-  }, [n]);
-  const u = j(() => {
-    const e = r.trim();
-    return s.some((t) => t.value === e) ? s : O(s, r);
-  }, [O, s, r]);
-  I(() => {
-    if (!x) return;
-    const e = (t) => {
-      E.current?.contains(t.target) || o(!1);
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [x]), I(() => {
-    if (d < 0) return;
-    const e = L.current?.children[d];
-    e instanceof HTMLElement && e.scrollIntoView && e.scrollIntoView({ block: "nearest" });
-  }, [d]);
-  const A = (e) => {
-    i(e.value), c(e.value), o(!1), l(-1);
-  };
-  return /* @__PURE__ */ V(F, { ref: E, "data-test": K, children: [
-    /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(
-      H,
-      {
-        width: "100%",
-        placeholder: B,
-        value: r,
-        isDisabled: C,
-        errorMessage: k,
-        state: k ? "invalid" : C ? "disabled" : "active",
-        rightIcon: {
-          icon: q,
-          callback: () => o(!w.current),
-          "data-test": "combo-box-toggle"
-        },
-        onKeyDownEvent: (e) => {
-          const t = e;
-          if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-            if (t.preventDefault(), !w.current) {
-              o(!0);
-              return;
-            }
-            const p = t.key === "ArrowDown" ? 1 : -1, y = m.current + p;
-            y < 0 ? l(u.length - 1) : y >= u.length ? l(0) : l(y);
-            return;
-          }
-          if (t.key === "Enter" && w.current && m.current >= 0) {
-            t.preventDefault(), A(u[m.current]);
-            return;
-          }
-          t.key === "Escape" && o(!1);
-        },
-        noKeyDownChange: !0,
-        onFocus: () => o(!0),
-        onChangeText: (e) => {
-          const t = g ? g(e) : e;
-          i(t), o(!0), l(-1), D(t) && c(t);
-        },
-        onBlur: () => {
-          if (D(r)) {
-            const e = f ? f(r) : r;
-            i(e), e !== n && c(e);
-            return;
-          }
-          i(n), R?.();
-        }
-      }
-    ) }),
-    x && !!u.length && /* @__PURE__ */ h(M, { ref: L, role: "listbox", children: u.map((e, t) => /* @__PURE__ */ h(
-      W,
-      {
-        role: "option",
-        "aria-selected": e.value === n,
-        isActive: t === d,
-        isSelected: e.value === n,
-        onMouseDown: (p) => {
-          p.preventDefault(), A(e);
-        },
-        children: e.label ?? e.value
-      },
-      e.value
-    )) })
-  ] });
-};
-export {
-  Z as ComboBox
-};
-//# sourceMappingURL=ComboBox.js.map

package/dist/esm/components/combo-box/ComboBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.js","sources":["../../../../src/components/combo-box/ComboBox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport DownIcon from '../../assets/icons/chevronDown.svg';\nimport { Input } from '../input';\nimport { ComboBoxWrapper, OptionItem, OptionList } from './ComboBox.styled';\nimport { ComboBoxOption, ComboBoxProps } from './model';\n\n/** Options whose value starts with what has been typed. */\nconst defaultFilter = (\n\toptions: ComboBoxOption[],\n\ttext: string,\n): ComboBoxOption[] => {\n\tconst query = text.trim().toLowerCase();\n\tif (!query) return options;\n\treturn options.filter((option) =>\n\t\toption.value.toLowerCase().startsWith(query),\n\t);\n};\n\n/**\n * A text field that can be typed into or picked from a list.\n *\n * Sits between Dropdown, whose box is not editable, and Input, which offers no\n * options. Reach for it when a field has common values worth listing but must\n * still accept anything valid the user types — a time, a duration, a currency.\n *\n * Typing is validated rather than constrained, so a half-finished entry stays in\n * the box instead of being rewritten on every keystroke; `validate` decides what\n * is worth committing and `format` tidies the text once the field is left.\n */\nexport const ComboBox: React.FC<ComboBoxProps> = ({\n\tvalue,\n\toptions,\n\tonChange,\n\tvalidate,\n\tformat,\n\tsanitize,\n\tfilter = defaultFilter,\n\tplaceholder,\n\terrorMessage,\n\tdisabled,\n\tonInvalidBlur,\n\t'data-test': dataTest,\n}) => {\n\t// What the box shows while typing. Separate from `value` so a partial entry\n\t// survives a keystroke rather than being parsed away.\n\tconst [text, setText] = useState(value);\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst [activeIndex, setActiveIndex] = useState(-1);\n\tconst wrapperRef = useRef<HTMLDivElement | null>(null);\n\tconst listRef = useRef<HTMLUListElement | null>(null);\n\t// Mirrors activeIndex for the key handler, which closes over the value from\n\t// its own render — two arrow presses in one frame would otherwise both read\n\t// the same starting index.\n\tconst activeIndexRef = useRef(-1);\n\t// Same reason as activeIndexRef: the handler must see the list state left by\n\t// the keypress before it, not the one from its own render.\n\tconst isOpenRef = useRef(false);\n\n\tconst moveActiveIndex = (next: number) => {\n\t\tactiveIndexRef.current = next;\n\t\tsetActiveIndex(next);\n\t};\n\n\tconst setListOpen = (open: boolean) => {\n\t\tisOpenRef.current = open;\n\t\tsetIsOpen(open);\n\t};\n\n\tconst isValid = (candidate: string) =>\n\t\tvalidate ? validate(candidate) : candidate.trim().length > 0;\n\n\t// Mirror committed changes from outside — a loaded value, a reset, a\n\t// recommendation — without disturbing text being typed right now.\n\tuseEffect(() => {\n\t\tsetText((prev) => {\n\t\t\tif (!isValid(prev)) return value;\n\t\t\t// Compare through `format` so text that already means the committed\n\t\t\t// value is left as typed. Without this, typing \"11:4\" is rewritten to\n\t\t\t// the formatted \"11:04\" and the next keystroke lands as \"11:045\".\n\t\t\tconst asCommitted = format ? format(prev) : prev;\n\t\t\treturn asCommitted === value ? prev : value;\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [value]);\n\n\t// An exact match still shows every option, so neighbouring values stay\n\t// reachable after picking one.\n\tconst visibleOptions = useMemo(() => {\n\t\tconst query = text.trim();\n\t\tif (options.some((option) => option.value === query)) return options;\n\t\treturn filter(options, text);\n\t}, [filter, options, text]);\n\n\tuseEffect(() => {\n\t\tif (!isOpen) return;\n\n\t\tconst handlePointerDown = (event: MouseEvent) => {\n\t\t\tif (!wrapperRef.current?.contains(event.target as Node)) {\n\t\t\t\tsetListOpen(false);\n\t\t\t}\n\t\t};\n\n\t\tdocument.addEventListener('mousedown', handlePointerDown);\n\t\treturn () => document.removeEventListener('mousedown', handlePointerDown);\n\t}, [isOpen]);\n\n\t// Keep the keyboard cursor in view when it moves past the visible rows.\n\tuseEffect(() => {\n\t\tif (activeIndex < 0) return;\n\t\tconst activeNode = listRef.current?.children[activeIndex];\n\t\t// Guarded because scrollIntoView is not implemented everywhere the library\n\t\t// renders — jsdom being the common case.\n\t\tif (activeNode instanceof HTMLElement && activeNode.scrollIntoView) {\n\t\t\tactiveNode.scrollIntoView({ block: 'nearest' });\n\t\t}\n\t}, [activeIndex]);\n\n\tconst selectOption = (option: ComboBoxOption) => {\n\t\tsetText(option.value);\n\t\tonChange(option.value);\n\t\tsetListOpen(false);\n\t\tmoveActiveIndex(-1);\n\t};\n\n\t// Typed as the DOM Event the Input hook passes; the fields read below are\n\t// KeyboardEvent's, so it is narrowed on entry.\n\tconst handleKeyDown = (nativeEvent: Event) => {\n\t\tconst event = nativeEvent as unknown as KeyboardEvent;\n\t\tif (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n\t\t\tevent.preventDefault();\n\t\t\tif (!isOpenRef.current) {\n\t\t\t\tsetListOpen(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst step = event.key === 'ArrowDown' ? 1 : -1;\n\t\t\tconst next = activeIndexRef.current + step;\n\t\t\tif (next < 0) moveActiveIndex(visibleOptions.length - 1);\n\t\t\telse if (next >= visibleOptions.length) moveActiveIndex(0);\n\t\t\telse moveActiveIndex(next);\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\tevent.key === 'Enter' &&\n\t\t\tisOpenRef.current &&\n\t\t\tactiveIndexRef.current >= 0\n\t\t) {\n\t\t\tevent.preventDefault();\n\t\t\tselectOption(visibleOptions[activeIndexRef.current]);\n\t\t\treturn;\n\t\t}\n\n\t\tif (event.key === 'Escape') setListOpen(false);\n\t};\n\n\tconst handleBlur = () => {\n\t\tif (isValid(text)) {\n\t\t\tconst formatted = format ? format(text) : text;\n\t\t\tsetText(formatted);\n\t\t\tif (formatted !== value) onChange(formatted);\n\t\t\treturn;\n\t\t}\n\t\t// Unusable text falls back to the last committed value.\n\t\tsetText(value);\n\t\tonInvalidBlur?.();\n\t};\n\n\treturn (\n\t\t<ComboBoxWrapper ref={wrapperRef} data-test={dataTest}>\n\t\t\t<div>\n\t\t\t\t<Input\n\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tvalue={text}\n\t\t\t\t\tisDisabled={disabled}\n\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\tstate={errorMessage ? 'invalid' : disabled ? 'disabled' : 'active'}\n\t\t\t\t\t// Input handles its own keydown, so the arrow/Enter handling goes\n\t\t\t\t\t// through its hook rather than a wrapper that never sees the event.\n\t\t\t\t\t// Same chevron Dropdown uses, so the field reads as one rather than\n\t\t\t\t\t// looking like a plain text box that happens to suggest values.\n\t\t\t\t\trightIcon={{\n\t\t\t\t\t\ticon: DownIcon,\n\t\t\t\t\t\tcallback: () => setListOpen(!isOpenRef.current),\n\t\t\t\t\t\t'data-test': 'combo-box-toggle',\n\t\t\t\t\t}}\n\t\t\t\t\tonKeyDownEvent={handleKeyDown}\n\t\t\t\t\t// Without this Input re-fires onChangeText on every keypress, which\n\t\t\t\t\t// would re-open the list on Escape and fight the arrow keys.\n\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\tonFocus={() => setListOpen(true)}\n\t\t\t\t\tonChangeText={(input: string) => {\n\t\t\t\t\t\tconst cleaned = sanitize ? sanitize(input) : input;\n\t\t\t\t\t\tsetText(cleaned);\n\t\t\t\t\t\tsetListOpen(true);\n\t\t\t\t\t\tmoveActiveIndex(-1);\n\t\t\t\t\t\tif (isValid(cleaned)) onChange(cleaned);\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{isOpen && !!visibleOptions.length && (\n\t\t\t\t<OptionList ref={listRef} role=\"listbox\">\n\t\t\t\t\t{visibleOptions.map((option, index) => (\n\t\t\t\t\t\t<OptionItem\n\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\taria-selected={option.value === value}\n\t\t\t\t\t\t\tisActive={index === activeIndex}\n\t\t\t\t\t\t\tisSelected={option.value === value}\n\t\t\t\t\t\t\t// mousedown fires before the input's blur, so the click is not\n\t\t\t\t\t\t\t// lost to the field closing first.\n\t\t\t\t\t\t\tonMouseDown={(event) => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tselectOption(option);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option.label ?? option.value}\n\t\t\t\t\t\t</OptionItem>\n\t\t\t\t\t))}\n\t\t\t\t</OptionList>\n\t\t\t)}\n\t\t</ComboBoxWrapper>\n\t);\n};\n\nexport default ComboBox;\n"],"names":["defaultFilter","options","text","query","option","ComboBox","value","onChange","validate","format","sanitize","filter","placeholder","errorMessage","disabled","onInvalidBlur","dataTest","setText","useState","isOpen","setIsOpen","activeIndex","setActiveIndex","wrapperRef","useRef","listRef","activeIndexRef","isOpenRef","moveActiveIndex","next","setListOpen","open","isValid","candidate","useEffect","prev","visibleOptions","useMemo","handlePointerDown","event","activeNode","selectOption","jsxs","ComboBoxWrapper","jsx","Input","DownIcon","nativeEvent","step","input","cleaned","formatted","OptionList","index","OptionItem"],"mappings":"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"}

package/dist/esm/components/combo-box/ComboBox.styled.d.ts

@@ -1,12 +0,0 @@
-/** Anchors the option list to the input below it. */
-export declare const ComboBoxWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-/**
- * The option list. Sits above neighbouring fields — date pickers in the same
- * form commonly overlay at z-index 4, so this clears them.
- */
-export declare const OptionList: import('styled-components').StyledComponent<"ul", any, {}, never>;
-/** `isActive` tracks the keyboard cursor, which is separate from selection. */
-export declare const OptionItem: import('styled-components').StyledComponent<"li", any, {
-    isActive: boolean;
-    isSelected: boolean;
-}, never>;

package/dist/esm/components/combo-box/ComboBox.styled.js

@@ -1,40 +0,0 @@
-import r from "styled-components";
-import { COLORS as o } from "../../constants/Theme.js";
-const n = r.div`
-	position: relative;
-	width: 100%;
-`, p = r.ul`
-	position: absolute;
-	top: calc(100% + 4px);
-	left: 0;
-	right: 0;
-	z-index: 5;
-	margin: 0;
-	padding: 4px 0;
-	list-style: none;
-	max-height: 240px;
-	overflow-y: auto;
-	background: ${o.surface.standard};
-	border: 1px solid ${o.stroke.primary};
-	border-radius: 4px;
-	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
-`, a = r.li`
-	padding: 10px 12px;
-	cursor: pointer;
-	font-family: 'Inter', sans-serif;
-	font-size: 14px;
-	line-height: 20px;
-	color: ${(e) => e.isSelected ? o.content.brand : o.content.primary};
-	font-weight: ${(e) => e.isSelected ? 600 : 400};
-	background: ${(e) => e.isActive ? o.surface.hovered : "transparent"};
-
-	:hover {
-		background: ${o.surface.hovered};
-	}
-`;
-export {
-  n as ComboBoxWrapper,
-  a as OptionItem,
-  p as OptionList
-};
-//# sourceMappingURL=ComboBox.styled.js.map

package/dist/esm/components/combo-box/ComboBox.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.styled.js","sources":["../../../../src/components/combo-box/ComboBox.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\n/** Anchors the option list to the input below it. */\nexport const ComboBoxWrapper = styled.div`\n\tposition: relative;\n\twidth: 100%;\n`;\n\n/**\n * The option list. Sits above neighbouring fields — date pickers in the same\n * form commonly overlay at z-index 4, so this clears them.\n */\nexport const OptionList = styled.ul`\n\tposition: absolute;\n\ttop: calc(100% + 4px);\n\tleft: 0;\n\tright: 0;\n\tz-index: 5;\n\tmargin: 0;\n\tpadding: 4px 0;\n\tlist-style: none;\n\tmax-height: 240px;\n\toverflow-y: auto;\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbox-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);\n`;\n\n/** `isActive` tracks the keyboard cursor, which is separate from selection. */\nexport const OptionItem = styled.li<{ isActive: boolean; isSelected: boolean }>`\n\tpadding: 10px 12px;\n\tcursor: pointer;\n\tfont-family: 'Inter', sans-serif;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tcolor: ${(props) =>\n\t\tprops.isSelected ? COLORS.content.brand : COLORS.content.primary};\n\tfont-weight: ${(props) => (props.isSelected ? 600 : 400)};\n\tbackground: ${(props) =>\n\t\tprops.isActive ? COLORS.surface.hovered : 'transparent'};\n\n\t:hover {\n\t\tbackground: ${COLORS.surface.hovered};\n\t}\n`;\n"],"names":["ComboBoxWrapper","styled","OptionList","COLORS","OptionItem","props"],"mappings":";;AAIO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA,GASzBC,IAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWlBE,EAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA,GAM7BC,IAAaH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMvB,CAACI,MACTA,EAAM,aAAaF,EAAO,QAAQ,QAAQA,EAAO,QAAQ,OAAO;AAAA,gBAClD,CAACE,MAAWA,EAAM,aAAa,MAAM,GAAI;AAAA,eAC1C,CAACA,MACdA,EAAM,WAAWF,EAAO,QAAQ,UAAU,aAAa;AAAA;AAAA;AAAA,gBAGzCA,EAAO,QAAQ,OAAO;AAAA;AAAA;"}

package/dist/esm/components/combo-box/index.d.ts

@@ -1,3 +0,0 @@
-import { ComboBox } from './ComboBox';
-export { ComboBox };
-export * from './model';