@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

package/cjs/schedule/shared/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/schedule/shared/utils.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { CELL_HEIGHT, SLOT_INTERVAL } from \"../const\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport { ScheduleSlotProps } from \"../types\";\n\n/**\n * Calculates the vertical offset (in pixels) for the current time indicator (timeline)\n * within the scheduler view, based on the provided minimum and maximum time bounds.\n * Returns null if the current time is outside the given range.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param maxTime - The latest time displayed in the scheduler (format: \"HH:mm\").\n * @returns The pixel offset from the top for the timeline, or null if out of range.\n */\nexport function getTimelineOffset(\n    minTime: string,\n    maxTime: string\n): number | null {\n    const now = dayjs();\n    const min = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + minTime);\n    const max = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + maxTime);\n    if (now.isBefore(min) || now.isAfter(max)) return null;\n    const minutesSinceMin = now.diff(min, \"minute\");\n    const totalMinutes = max.diff(min, \"minute\");\n    const totalHeight = (totalMinutes / SLOT_INTERVAL) * CELL_HEIGHT;\n    const offset = (minutesSinceMin / totalMinutes) * totalHeight;\n    return offset;\n}\n\n/**\n * Calculates the scroll position for a given time relative to the minimum time.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param targetTime - The time to scroll to (format: \"HH:mm\").\n * @returns The pixel offset from the top for scrolling, or null if target is before minTime.\n */\nexport function calculateScrollPosition(\n    minTime: string,\n    targetTime: string\n): number | null {\n    const min = dayjs(`2024-01-01 ${minTime}`);\n    const target = dayjs(`2024-01-01 ${targetTime}`);\n\n    // Only calculate if the target time is within or after the minimum time\n    if (target.isAfter(min) || target.isSame(min)) {\n        const minutesFromMin = target.diff(min, \"minute\");\n        return (minutesFromMin / SLOT_INTERVAL) * CELL_HEIGHT;\n    }\n\n    return null;\n}\n\n/**\n * Converts minutes to time string (HH:MM format)\n *\n * @param minutes - The number of minutes to convert\n * @returns Time string in HH:MM format\n */\nexport function minutesToTime(minutes: number): string {\n    const hours = Math.floor(minutes / 60);\n    const mins = minutes % 60;\n    return `${hours.toString().padStart(2, \"0\")}:${mins\n        .toString()\n        .padStart(2, \"0\")}`;\n}\n\n/**\n * Calculate offset position within a 30-minute time cell\n *\n * @param slotStartTime - The start time of the slot (format: \"HH:mm\")\n * @param timeSlotStart - The start time of the time cell (format: \"HH:mm\")\n * @returns The vertical offset in pixels\n */\nexport function calculateSlotOffset(\n    slotStartTime: string,\n    timeSlotStart: string\n): number {\n    const slotStartMinutes = TimeHelper.timeToMinutes(slotStartTime);\n    const timeSlotStartMinutes = TimeHelper.timeToMinutes(timeSlotStart);\n    const offsetMinutes = slotStartMinutes - timeSlotStartMinutes;\n    return (offsetMinutes / 30) * CELL_HEIGHT;\n}\n\n/**\n * Find all slots that start within a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that start within the time range\n */\nexport function findSlotsStartingInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        return (\n            slotStartMinutes >= rangeStartMinutes &&\n            slotStartMinutes < rangeEndMinutes\n        );\n    });\n}\n\n/**\n * Find all slots that overlap with a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that overlap with the time range\n */\nexport function findSlotsInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        // Slot overlaps if it starts before range ends and ends after range starts\n        return (\n            slotStartMinutes < rangeEndMinutes &&\n            slotEndMinutes > rangeStartMinutes\n        );\n    });\n}\n\n/**\n * Check if a time cell is covered by any existing slots\n *\n * @param slots - Array of slots to check against\n * @param timeCell - Time cell to check (format: \"HH:mm\")\n * @returns True if the time cell is covered by any slot\n */\nexport function isTimeCellCovered(\n    slots: ScheduleSlotProps[],\n    timeCell: string\n): boolean {\n    const timeCellMinutes = TimeHelper.timeToMinutes(timeCell);\n\n    return slots.some((slot) => {\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        return (\n            timeCellMinutes >= slotStartMinutes &&\n            timeCellMinutes < slotEndMinutes\n        );\n    });\n}\n"],"names":["minTime","targetTime","min","dayjs","target","isAfter","isSame","diff","SLOT_INTERVAL","CELL_HEIGHT","slotStartTime","timeSlotStart","TimeHelper","timeToMinutes","slots","startTime","endTime","targetDate","rangeStartMinutes","rangeEndMinutes","filter","slot","date","slotStartMinutes","slotEndMinutes","maxTime","now","format","max","isBefore","minutesSinceMin","totalMinutes","timeCell","timeCellMinutes","some","minutes","mins","Math","floor","toString","padStart"],"mappings":"gKAoCM,SACFA,EACAC,GAEA,MAAMC,EAAMC,EAAAA,QAAM,cAAcH,KAC1BI,EAASD,EAAAA,QAAM,cAAcF,KAGnC,GAAIG,EAAOC,QAAQH,IAAQE,EAAOE,OAAOJ,GAAM,CAE3C,OADuBE,EAAOG,KAAKL,EAAK,UACfM,EAAAA,cAAiBC,EAAAA,WAC9C,CAEA,OAAO,IACX,8BAuBM,SACFC,EACAC,GAKA,OAHyBC,EAAAA,WAAWC,cAAcH,GACrBE,EAAAA,WAAWC,cAAcF,IAE9B,GAAMF,EAAAA,WAClC,+BAwCM,SACFK,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBN,EAAAA,WAAWC,cAAcE,GAC7CI,EAAkBP,EAAAA,WAAWC,cAAcG,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBX,EAAAA,WAAWC,cAAcQ,EAAKN,WACjDS,EAAiBZ,EAAAA,WAAWC,cAAcQ,EAAKL,SAGrD,OACIO,EAAmBJ,GACnBK,EAAiBN,CAAiB,GAG9C,uCAlDM,SACFJ,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBN,EAAAA,WAAWC,cAAcE,GAC7CI,EAAkBP,EAAAA,WAAWC,cAAcG,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBX,EAAAA,WAAWC,cAAcQ,EAAKN,WACvD,OACIQ,GAAoBL,GACpBK,EAAmBJ,CAAe,GAG9C,4BAhGM,SACFnB,EACAyB,GAEA,MAAMC,EAAMvB,EAAAA,UACND,EAAMC,EAAAA,QAAMuB,EAAIC,OAAO,cAAgB,IAAM3B,GAC7C4B,EAAMzB,EAAAA,QAAMuB,EAAIC,OAAO,cAAgB,IAAMF,GACnD,GAAIC,EAAIG,SAAS3B,IAAQwB,EAAIrB,QAAQuB,GAAM,OAAO,KAClD,MAAME,EAAkBJ,EAAInB,KAAKL,EAAK,UAChC6B,EAAeH,EAAIrB,KAAKL,EAAK,UAGnC,OADgB4B,EAAkBC,GADbA,EAAevB,EAAAA,cAAiBC,EAAAA,YAGzD,4BA4HM,SACFK,EACAkB,GAEA,MAAMC,EAAkBrB,EAAAA,WAAWC,cAAcmB,GAEjD,OAAOlB,EAAMoB,MAAMb,IACf,MAAME,EAAmBX,EAAAA,WAAWC,cAAcQ,EAAKN,WACjDS,EAAiBZ,EAAAA,WAAWC,cAAcQ,EAAKL,SAErD,OACIiB,GAAmBV,GACnBU,EAAkBT,CAAc,GAG5C,wBA5GM,SAAwBW,GAC1B,MACMC,EAAOD,EAAU,GACvB,MAAO,GAFOE,KAAKC,MAAMH,EAAU,IAEnBI,WAAWC,SAAS,EAAG,QAAQJ,EAC1CG,WACAC,SAAS,EAAG,MACrB"}
+{"version":3,"file":"utils.js","sources":["../../../../src/schedule/shared/utils.ts"],"sourcesContent":["import dayjs from \"dayjs\";\n\nimport { TimeHelper } from \"../../util/time-helper\";\nimport { CELL_HEIGHT, SLOT_INTERVAL } from \"../const\";\nimport type { ScheduleSlotProps } from \"../types\";\n\n/**\n * Calculates the vertical offset (in pixels) for the current time indicator (timeline)\n * within the scheduler view, based on the provided minimum and maximum time bounds.\n * Returns null if the current time is outside the given range.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param maxTime - The latest time displayed in the scheduler (format: \"HH:mm\").\n * @returns The pixel offset from the top for the timeline, or null if out of range.\n */\nexport function getTimelineOffset(\n    minTime: string,\n    maxTime: string\n): number | null {\n    const now = dayjs();\n    const min = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + minTime);\n    const max = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + maxTime);\n    if (now.isBefore(min) || now.isAfter(max)) return null;\n    const minutesSinceMin = now.diff(min, \"minute\");\n    const totalMinutes = max.diff(min, \"minute\");\n    const totalHeight = (totalMinutes / SLOT_INTERVAL) * CELL_HEIGHT;\n    const offset = (minutesSinceMin / totalMinutes) * totalHeight;\n    return offset;\n}\n\n/**\n * Calculates the scroll position for a given time relative to the minimum time.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param targetTime - The time to scroll to (format: \"HH:mm\").\n * @returns The pixel offset from the top for scrolling, or null if target is before minTime.\n */\nexport function calculateScrollPosition(\n    minTime: string,\n    targetTime: string\n): number | null {\n    const min = dayjs(`2024-01-01 ${minTime}`);\n    const target = dayjs(`2024-01-01 ${targetTime}`);\n\n    // Only calculate if the target time is within or after the minimum time\n    if (target.isAfter(min) || target.isSame(min)) {\n        const minutesFromMin = target.diff(min, \"minute\");\n        return (minutesFromMin / SLOT_INTERVAL) * CELL_HEIGHT;\n    }\n\n    return null;\n}\n\n/**\n * Converts minutes to time string (HH:MM format)\n *\n * @param minutes - The number of minutes to convert\n * @returns Time string in HH:MM format\n */\nexport function minutesToTime(minutes: number): string {\n    const hours = Math.floor(minutes / 60);\n    const mins = minutes % 60;\n    return `${hours.toString().padStart(2, \"0\")}:${mins\n        .toString()\n        .padStart(2, \"0\")}`;\n}\n\n/**\n * Calculate offset position within a 30-minute time cell\n *\n * @param slotStartTime - The start time of the slot (format: \"HH:mm\")\n * @param timeSlotStart - The start time of the time cell (format: \"HH:mm\")\n * @returns The vertical offset in pixels\n */\nexport function calculateSlotOffset(\n    slotStartTime: string,\n    timeSlotStart: string\n): number {\n    const slotStartMinutes = TimeHelper.timeToMinutes(slotStartTime);\n    const timeSlotStartMinutes = TimeHelper.timeToMinutes(timeSlotStart);\n    const offsetMinutes = slotStartMinutes - timeSlotStartMinutes;\n    return (offsetMinutes / 30) * CELL_HEIGHT;\n}\n\n/**\n * Find all slots that start within a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that start within the time range\n */\nexport function findSlotsStartingInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        return (\n            slotStartMinutes >= rangeStartMinutes &&\n            slotStartMinutes < rangeEndMinutes\n        );\n    });\n}\n\n/**\n * Find all slots that overlap with a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that overlap with the time range\n */\nexport function findSlotsInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        // Slot overlaps if it starts before range ends and ends after range starts\n        return (\n            slotStartMinutes < rangeEndMinutes &&\n            slotEndMinutes > rangeStartMinutes\n        );\n    });\n}\n\n/**\n * Check if a time cell is covered by any existing slots\n *\n * @param slots - Array of slots to check against\n * @param timeCell - Time cell to check (format: \"HH:mm\")\n * @returns True if the time cell is covered by any slot\n */\nexport function isTimeCellCovered(\n    slots: ScheduleSlotProps[],\n    timeCell: string\n): boolean {\n    const timeCellMinutes = TimeHelper.timeToMinutes(timeCell);\n\n    return slots.some((slot) => {\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        return (\n            timeCellMinutes >= slotStartMinutes &&\n            timeCellMinutes < slotEndMinutes\n        );\n    });\n}\n"],"names":["minTime","targetTime","min","dayjs","target","isAfter","isSame","diff","SLOT_INTERVAL","CELL_HEIGHT","slotStartTime","timeSlotStart","TimeHelper","timeToMinutes","slots","startTime","endTime","targetDate","rangeStartMinutes","rangeEndMinutes","filter","slot","date","slotStartMinutes","slotEndMinutes","maxTime","now","format","max","isBefore","minutesSinceMin","totalMinutes","timeCell","timeCellMinutes","some","minutes","mins","Math","floor","toString","padStart"],"mappings":"gKAqCM,SACFA,EACAC,GAEA,MAAMC,EAAMC,EAAAA,QAAM,cAAcH,KAC1BI,EAASD,EAAAA,QAAM,cAAcF,KAGnC,GAAIG,EAAOC,QAAQH,IAAQE,EAAOE,OAAOJ,GAAM,CAE3C,OADuBE,EAAOG,KAAKL,EAAK,UACfM,EAAAA,cAAiBC,EAAAA,WAC9C,CAEA,OAAO,IACX,8BAuBM,SACFC,EACAC,GAKA,OAHyBC,EAAAA,WAAWC,cAAcH,GACrBE,EAAAA,WAAWC,cAAcF,IAE9B,GAAMF,EAAAA,WAClC,+BAwCM,SACFK,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBN,EAAAA,WAAWC,cAAcE,GAC7CI,EAAkBP,EAAAA,WAAWC,cAAcG,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBX,EAAAA,WAAWC,cAAcQ,EAAKN,WACjDS,EAAiBZ,EAAAA,WAAWC,cAAcQ,EAAKL,SAGrD,OACIO,EAAmBJ,GACnBK,EAAiBN,CAAiB,GAG9C,uCAlDM,SACFJ,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBN,EAAAA,WAAWC,cAAcE,GAC7CI,EAAkBP,EAAAA,WAAWC,cAAcG,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBX,EAAAA,WAAWC,cAAcQ,EAAKN,WACvD,OACIQ,GAAoBL,GACpBK,EAAmBJ,CAAe,GAG9C,4BAhGM,SACFnB,EACAyB,GAEA,MAAMC,EAAMvB,EAAAA,UACND,EAAMC,EAAAA,QAAMuB,EAAIC,OAAO,cAAgB,IAAM3B,GAC7C4B,EAAMzB,EAAAA,QAAMuB,EAAIC,OAAO,cAAgB,IAAMF,GACnD,GAAIC,EAAIG,SAAS3B,IAAQwB,EAAIrB,QAAQuB,GAAM,OAAO,KAClD,MAAME,EAAkBJ,EAAInB,KAAKL,EAAK,UAChC6B,EAAeH,EAAIrB,KAAKL,EAAK,UAGnC,OADgB4B,EAAkBC,GADbA,EAAevB,EAAAA,cAAiBC,EAAAA,YAGzD,4BA4HM,SACFK,EACAkB,GAEA,MAAMC,EAAkBrB,EAAAA,WAAWC,cAAcmB,GAEjD,OAAOlB,EAAMoB,MAAMb,IACf,MAAME,EAAmBX,EAAAA,WAAWC,cAAcQ,EAAKN,WACjDS,EAAiBZ,EAAAA,WAAWC,cAAcQ,EAAKL,SAErD,OACIiB,GAAmBV,GACnBU,EAAkBT,CAAc,GAG5C,wBA5GM,SAAwBW,GAC1B,MACMC,EAAOD,EAAU,GACvB,MAAO,GAFOE,KAAKC,MAAMH,EAAU,IAEnBI,WAAWC,SAAS,EAAG,QAAQJ,EAC1CG,WACAC,SAAS,EAAG,MACrB"}

package/cjs/schedule/shared/with-optional-popover.js

@@ -1,6 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("styled-components");require("../../_virtual/_tslib.js"),require("react"),require("../../theme/index.js"),require("../../typography/typography.js"),require("../../popover-v2/popover.styles.js"),require("../../modal-v2/index.js");var o=require("../../popover-v2/popover-trigger.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../popover-v2/popover-inline/popover-inline.styles.js");const i=t(r).default(o.PopoverTrigger)`
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-`;exports.WithOptionalPopover=({containerRef:r,children:o,customPopover:t})=>{if(!t)return o;const n={position:"bottom-start",rootNode:r,customOffset:t.offset,children:o,trigger:t.trigger,delay:t.delay,popoverContent:t.content};return e.jsx(i,Object.assign({zIndex:2},n))};
+"use strict";var e=require("react/jsx-runtime");require("../../_virtual/_tslib.js"),require("clsx"),require("react"),require("../../theme/theme-provider/context.js"),require("../../typography/typography.js"),require("../../card/card.styles_1gh9gs3.css"),require("../../markup/markup.js"),require("../../modal-v2/modal-v2.js"),require("../../theme/theme-provider/index.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer"),require("../../theme/utils/use-media-query.js"),require("../../popover/popover.styles_ujnf0h.css");var r=require("../../popover/popover-trigger.js");require("../../popover/popover-inline/popover-inline.styles_bkopnt.css");var t=require("./with-optional-popover.styles.js");exports.WithOptionalPopover=({containerRef:i,children:o,customPopover:s})=>{if(!s)return o;const u={position:"bottom-start",rootNode:i,customOffset:s.offset,children:o,trigger:s.trigger,delay:s.delay,popoverContent:s.content};return e.jsx(r.PopoverTrigger,Object.assign({className:t.popoverTrigger,zIndex:2},u))};
 //# sourceMappingURL=with-optional-popover.js.map

package/cjs/schedule/shared/with-optional-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-optional-popover.js","sources":["../../../../src/schedule/shared/with-optional-popover.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport styled from \"styled-components\";\nimport { PopoverTrigger, PopoverV2TriggerProps } from \"../../popover-v2\";\nimport { SchedulePopoverProps } from \"../types\";\n\ninterface ConditionalCellWrapperProps {\n    containerRef: RefObject<HTMLDivElement>;\n    children: JSX.Element;\n    customPopover?: SchedulePopoverProps | undefined;\n}\n\nconst StyledPopoverTrigger = styled(PopoverTrigger)`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const WithOptionalPopover = ({\n    containerRef,\n    children,\n    customPopover,\n}: ConditionalCellWrapperProps) => {\n    if (!customPopover) {\n        return children;\n    }\n\n    const popoverTriggerProps: PopoverV2TriggerProps = {\n        position: \"bottom-start\",\n        rootNode: containerRef,\n        customOffset: customPopover.offset,\n        children: children,\n        trigger: customPopover.trigger,\n        delay: customPopover.delay,\n        popoverContent: customPopover.content,\n    };\n\n    return <StyledPopoverTrigger zIndex={2} {...popoverTriggerProps} />;\n};\n"],"names":["StyledPopoverTrigger","styled","PopoverTrigger","containerRef","children","customPopover","popoverTriggerProps","position","rootNode","customOffset","offset","trigger","delay","popoverContent","content","_jsx","Object","assign","zIndex"],"mappings":"geAWA,MAAMA,OAAuBC,QAAOC,EAAAA,eAAe;;;;8BAMhB,EAC/BC,eACAC,WACAC,oBAEA,IAAKA,EACD,OAAOD,EAGX,MAAME,EAA6C,CAC/CC,SAAU,eACVC,SAAUL,EACVM,aAAcJ,EAAcK,OAC5BN,SAAUA,EACVO,QAASN,EAAcM,QACvBC,MAAOP,EAAcO,MACrBC,eAAgBR,EAAcS,SAGlC,OAAOC,EAAAA,IAACf,EAAoBgB,OAAAC,OAAA,CAACC,OAAQ,GAAOZ,GAAuB"}
+{"version":3,"file":"with-optional-popover.js","sources":["../../../../src/schedule/shared/with-optional-popover.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\n\nimport type { PopoverTriggerProps } from \"../../popover\";\nimport { PopoverTrigger } from \"../../popover\";\nimport type { SchedulePopoverProps } from \"../types\";\nimport * as styles from \"./with-optional-popover.styles\";\n\ninterface ConditionalCellWrapperProps {\n    containerRef: RefObject<HTMLDivElement>;\n    children: JSX.Element;\n    customPopover?: SchedulePopoverProps;\n}\n\nexport const WithOptionalPopover = ({\n    containerRef,\n    children,\n    customPopover,\n}: ConditionalCellWrapperProps) => {\n    if (!customPopover) {\n        return children;\n    }\n\n    const popoverTriggerProps: PopoverTriggerProps = {\n        position: \"bottom-start\",\n        rootNode: containerRef,\n        customOffset: customPopover.offset,\n        children: children,\n        trigger: customPopover.trigger,\n        delay: customPopover.delay,\n        popoverContent: customPopover.content,\n    };\n\n    return (\n        <PopoverTrigger\n            className={styles.popoverTrigger}\n            zIndex={2}\n            {...popoverTriggerProps}\n        />\n    );\n};\n"],"names":["containerRef","children","customPopover","popoverTriggerProps","position","rootNode","customOffset","offset","trigger","delay","popoverContent","content","_jsx","PopoverTrigger","Object","assign","className","styles.popoverTrigger","zIndex"],"mappings":"sjCAamC,EAC/BA,eACAC,WACAC,oBAEA,IAAKA,EACD,OAAOD,EAGX,MAAME,EAA2C,CAC7CC,SAAU,eACVC,SAAUL,EACVM,aAAcJ,EAAcK,OAC5BN,SAAUA,EACVO,QAASN,EAAcM,QACvBC,MAAOP,EAAcO,MACrBC,eAAgBR,EAAcS,SAGlC,OACIC,MAACC,EAAAA,eAAcC,OAAAC,OAAA,CACXC,UAAWC,EAAAA,eACXC,OAAQ,GACJf,GACN"}

package/cjs/schedule/shared/with-optional-popover.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./with-optional-popover.styles_7mv3p2.css");exports.popoverTrigger="p1gm2ee7";
+//# sourceMappingURL=with-optional-popover.styles.js.map

package/cjs/schedule/shared/with-optional-popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-optional-popover.styles.js","sources":["../../../../src/schedule/shared/with-optional-popover.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const popoverTrigger = css`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n`;\n"],"names":[],"mappings":"wHAE2B"}

package/cjs/schedule/shared/with-optional-popover.styles_7mv3p2.css

@@ -0,0 +1 @@
+@layer fds{.p1gm2ee7{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}

package/cjs/schedule/time-indicator/time-indicator.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("../../util/time-helper.js"),r=require("./time-indicator.styles.js");exports.TimeIndicator=({minTime:n,maxTime:m,format:s="24hr",timelineOffset:t=null,isWeekView:l=!1})=>{const u=i.TimeHelper.generateTimings(30,s,n,m).filter((e=>e.includes(":00")));return e.jsxs(r.TimeColumnWrapper,{children:[null!==t&&e.jsx(r.TimelineCircle,{$top:t,$isWeekView:l}),e.jsx(r.TimeColumn,{children:u.map((i=>{const{hour:m,ampm:s}=function(e){const[i]=e.split(":").map(Number);return{hour:i%12==0?12:i%12,ampm:i<12?"am":"pm"}}(i),t=i===n;return e.jsx(r.TimeLabel,{children:!t&&e.jsxs(e.Fragment,{children:[e.jsx(r.HourDisplay,{children:m}),e.jsx("span",{children:s})]})},i)}))})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),i=require("react");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js");var t=require("../../theme/utils/use-apply-styles.js");require("../../theme/utils/use-media-query.js");var s=require("../../typography/index.js"),l=require("../../util/time-helper.js"),n=require("./time-indicator.styles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=m(r);exports.TimeIndicator=({minTime:r,maxTime:m,format:a="24hr",timelineOffset:o=null,isWeekView:c=!1})=>{const p=l.TimeHelper.generateTimings(30,a,r,m).filter((e=>e.includes(":00"))),d=i.useRef(null);return t.useApplyStyle(d,{[n.tokens.timelineCircle.offset]:null===o?null:`${o}px`}),e.jsxs("div",{className:n.timeColumnWrapper,children:[null!==o&&e.jsx("div",{className:u.default(n.timelineCircle,c&&n.timelineCircleWeekView),ref:d}),e.jsx("div",{className:n.timeColumn,children:p.map((i=>{const{hour:t,ampm:l}=function(e){const[r]=e.split(":").map(Number);return{hour:r%12==0?12:r%12,ampm:r<12?"am":"pm"}}(i),m=i===r;return e.jsx(s.Typography.BodySM,{className:n.timeLabel,children:!m&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:n.hourDisplay,children:t}),e.jsx("span",{children:l})]})},i)}))})]})};
 //# sourceMappingURL=time-indicator.js.map

package/cjs/schedule/time-indicator/time-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-indicator.js","sources":["../../../../src/schedule/time-indicator/time-indicator.tsx"],"sourcesContent":["import { TimeHelper } from \"../../util/time-helper\";\nimport {\n    HourDisplay,\n    TimeColumn,\n    TimeColumnWrapper,\n    TimeLabel,\n    TimelineCircle,\n} from \"./time-indicator.styles\";\n\ninterface TimeSlotTimeIndicatorProps {\n    minTime: string;\n    maxTime: string;\n    format: \"12hr\" | \"24hr\";\n    timelineOffset?: number | null;\n    isWeekView?: boolean;\n}\nfunction formatHourLabel(time: string) {\n    const [h] = time.split(\":\").map(Number);\n    const ampm = h < 12 ? \"am\" : \"pm\";\n    const hour = h % 12 === 0 ? 12 : h % 12;\n    return { hour, ampm };\n}\n\nexport const TimeIndicator = ({\n    minTime,\n    maxTime,\n    format = \"24hr\",\n    timelineOffset = null,\n    isWeekView = false,\n}: TimeSlotTimeIndicatorProps) => {\n    const timeSlots = TimeHelper.generateTimings(30, format, minTime, maxTime);\n    const hourLabels = timeSlots.filter((t) => t.includes(\":00\"));\n    return (\n        <TimeColumnWrapper>\n            {timelineOffset !== null && (\n                <TimelineCircle\n                    $top={timelineOffset}\n                    $isWeekView={isWeekView}\n                />\n            )}\n            <TimeColumn>\n                {hourLabels.map((time) => {\n                    const { hour, ampm } = formatHourLabel(time);\n                    const isFirstSlot = time === minTime;\n                    return (\n                        <TimeLabel key={time}>\n                            {!isFirstSlot && (\n                                <>\n                                    <HourDisplay>{hour}</HourDisplay>\n                                    <span>{ampm}</span>\n                                </>\n                            )}\n                        </TimeLabel>\n                    );\n                })}\n            </TimeColumn>\n        </TimeColumnWrapper>\n    );\n};\n"],"names":["minTime","maxTime","format","timelineOffset","isWeekView","hourLabels","TimeHelper","generateTimings","filter","t","includes","_jsxs","TimeColumnWrapper","children","_jsx","TimelineCircle","$top","$isWeekView","TimeColumn","map","time","hour","ampm","h","split","Number","formatHourLabel","isFirstSlot","TimeLabel","_Fragment","HourDisplay"],"mappings":"qJAuB6B,EACzBA,UACAC,UACAC,SAAS,OACTC,iBAAiB,KACjBC,cAAa,MAEb,MACMC,EADYC,EAAAA,WAAWC,gBAAgB,GAAIL,EAAQF,EAASC,GACrCO,QAAQC,GAAMA,EAAEC,SAAS,SACtD,OACIC,EAAAA,KAACC,oBAAiB,CAAAC,SAAA,CACM,OAAnBV,GACGW,EAAAA,IAACC,iBAAc,CAAAC,KACLb,EAAcc,YACPb,IAGrBU,MAACI,EAAAA,WAAU,CAAAL,SACNR,EAAWc,KAAKC,IACb,MAAMC,KAAEA,EAAIC,KAAEA,GA1BlC,SAAyBF,GACrB,MAAOG,GAAKH,EAAKI,MAAM,KAAKL,IAAIM,QAGhC,MAAO,CAAEJ,KADIE,EAAI,IAAO,EAAI,GAAKA,EAAI,GACtBD,KAFFC,EAAI,GAAK,KAAO,KAGjC,CAqB2CG,CAAgBN,GACjCO,EAAcP,IAASpB,EAC7B,OACIc,MAACc,EAAAA,UAAS,CAAAf,UACJc,GACEhB,EAAAA,KAAAkB,WAAA,CAAAhB,SAAA,CACIC,EAAAA,IAACgB,EAAAA,YAAW,CAAAjB,SAAEQ,IACdP,EAAAA,IAAA,OAAA,CAAAD,SAAOS,QAJHF,EAOJ,QAIR"}
+{"version":3,"file":"time-indicator.js","sources":["../../../../src/schedule/time-indicator/time-indicator.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport * as styles from \"./time-indicator.styles\";\n\ninterface TimeSlotTimeIndicatorProps {\n    minTime: string;\n    maxTime: string;\n    format: \"12hr\" | \"24hr\";\n    timelineOffset?: number | null;\n    isWeekView?: boolean;\n}\nfunction formatHourLabel(time: string) {\n    const [h] = time.split(\":\").map(Number);\n    const ampm = h < 12 ? \"am\" : \"pm\";\n    const hour = h % 12 === 0 ? 12 : h % 12;\n    return { hour, ampm };\n}\n\nexport const TimeIndicator = ({\n    minTime,\n    maxTime,\n    format = \"24hr\",\n    timelineOffset = null,\n    isWeekView = false,\n}: TimeSlotTimeIndicatorProps) => {\n    const timeSlots = TimeHelper.generateTimings(30, format, minTime, maxTime);\n    const hourLabels = timeSlots.filter((t) => t.includes(\":00\"));\n    const timelineCircleRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(timelineCircleRef, {\n        [styles.tokens.timelineCircle.offset]:\n            timelineOffset === null ? null : `${timelineOffset}px`,\n    });\n\n    return (\n        <div className={styles.timeColumnWrapper}>\n            {timelineOffset !== null && (\n                <div\n                    className={clsx(\n                        styles.timelineCircle,\n                        isWeekView && styles.timelineCircleWeekView\n                    )}\n                    ref={timelineCircleRef}\n                />\n            )}\n            <div className={styles.timeColumn}>\n                {hourLabels.map((time) => {\n                    const { hour, ampm } = formatHourLabel(time);\n                    const isFirstSlot = time === minTime;\n                    return (\n                        <Typography.BodySM\n                            className={styles.timeLabel}\n                            key={time}\n                        >\n                            {!isFirstSlot && (\n                                <>\n                                    <span className={styles.hourDisplay}>\n                                        {hour}\n                                    </span>\n                                    <span>{ampm}</span>\n                                </>\n                            )}\n                        </Typography.BodySM>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n"],"names":["minTime","maxTime","format","timelineOffset","isWeekView","hourLabels","TimeHelper","generateTimings","filter","t","includes","timelineCircleRef","useRef","useApplyStyle","styles.tokens","timelineCircle","offset","_jsxs","className","styles.timeColumnWrapper","children","_jsx","clsx","styles.timelineCircle","styles.timelineCircleWeekView","ref","styles.timeColumn","map","time","hour","ampm","h","split","Number","formatHourLabel","isFirstSlot","Typography","BodySM","styles.timeLabel","_Fragment","styles.hourDisplay"],"mappings":"kqBAsB6B,EACzBA,UACAC,UACAC,SAAS,OACTC,iBAAiB,KACjBC,cAAa,MAEb,MACMC,EADYC,EAAAA,WAAWC,gBAAgB,GAAIL,EAAQF,EAASC,GACrCO,QAAQC,GAAMA,EAAEC,SAAS,SAChDC,EAAoBC,EAAAA,OAAuB,MAOjD,OALAC,EAAAA,cAAcF,EAAmB,CAC7B,CAACG,EAAAA,OAAcC,eAAeC,QACP,OAAnBb,EAA0B,KAAO,GAAGA,QAIxCc,EAAAA,YAAKC,UAAWC,EAAAA,kBAAwBC,SAAA,CAChB,OAAnBjB,GACGkB,EAAAA,IAAA,MAAA,CACIH,UAAWI,EAAAA,QACPC,EAAAA,eACAnB,GAAcoB,EAAAA,wBAElBC,IAAKd,IAGbU,EAAAA,IAAA,MAAA,CAAKH,UAAWQ,EAAAA,WAAiBN,SAC5Bf,EAAWsB,KAAKC,IACb,MAAMC,KAAEA,EAAIC,KAAEA,GApClC,SAAyBF,GACrB,MAAOG,GAAKH,EAAKI,MAAM,KAAKL,IAAIM,QAGhC,MAAO,CAAEJ,KADIE,EAAI,IAAO,EAAI,GAAKA,EAAI,GACtBD,KAFFC,EAAI,GAAK,KAAO,KAGjC,CA+B2CG,CAAgBN,GACjCO,EAAcP,IAAS5B,EAC7B,OACIqB,EAAAA,IAACe,EAAAA,WAAWC,QACRnB,UAAWoB,EAAAA,UAAgBlB,UAGzBe,GACElB,EAAAA,KAAAsB,EAAAA,SAAA,CAAAnB,SAAA,CACIC,EAAAA,IAAA,OAAA,CAAMH,UAAWsB,EAAAA,YAAkBpB,SAC9BS,IAELR,EAAAA,IAAA,OAAA,CAAAD,SAAOU,QAPVF,EAUW,QAI9B"}

package/cjs/schedule/time-indicator/time-indicator.styles.js

@@ -1,33 +1,2 @@
-"use strict";var e=require("styled-components"),i=require("../../theme/index.js"),o=require("../../typography/typography.js"),t=require("../const.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const p=n.default.div`
-    position: sticky;
-    z-index: 3;
-`,l=n.default.div`
-    display: flex;
-    flex-direction: column;
-    min-width: ${t.TIME_INDICATOR_WIDTH}px;
-    background: ${i.Colour.bg};
-    border-right: ${i.Border["width-010"]} ${i.Border.solid} ${i.Colour.border};
-`,d=n.default(o.Typography.BodySM)`
-    min-height: ${2*t.CELL_HEIGHT}px; /* 2 slots */
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    color: ${i.Colour["text-subtler"]};
-    padding-right: ${i.Spacing["spacing-8"]};
-    font-weight: ${i.Font.Spec["weight-bold"]};
-    position: relative;
-`,s=n.default.span`
-    position: absolute;
-    top: -18px;
-`,a=n.default.div`
-    position: absolute;
-    right: -6px;
-    top: ${e=>e.$top-6}px;
-    width: ${i.Spacing["spacing-12"]};
-    height: ${i.Spacing["spacing-12"]};
-    border-radius: ${i.Radius.full};
-    background: ${i.Colour["icon-primary"]};
-    z-index: 4;
-    display: ${e=>e.$isWeekView?"none":"block"};
-`;exports.HourDisplay=s,exports.TimeColumn=l,exports.TimeColumnWrapper=p,exports.TimeLabel=d,exports.TimelineCircle=a;
+"use strict";require("./time-indicator.styles_1eaxyes.css");exports.hourDisplay="h1y5vs3p",exports.timeColumn="twl5iae",exports.timeColumnWrapper="t1by6gzt",exports.timeLabel="t1eau6os",exports.timelineCircle="t1juq8yz",exports.timelineCircleWeekView="t1wl3tbi",exports.tokens={timelineCircle:{offset:"--fds-internal-schedule-timeIndicator-timelineCircle-top"}};
 //# sourceMappingURL=time-indicator.styles.js.map

package/cjs/schedule/time-indicator/time-indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-indicator.styles.js","sources":["../../../../src/schedule/time-indicator/time-indicator.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { CELL_HEIGHT, TIME_INDICATOR_WIDTH } from \"../const\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface TimelineCircleStyleProps {\n    $top: number;\n    $isWeekView: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const TimeColumnWrapper = styled.div`\n    position: sticky;\n    z-index: 3;\n`;\n\nexport const TimeColumn = styled.div`\n    display: flex;\n    flex-direction: column;\n    min-width: ${TIME_INDICATOR_WIDTH}px;\n    background: ${Colour[\"bg\"]};\n    border-right: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n`;\n\nexport const TimeLabel = styled(Typography.BodySM)`\n    min-height: ${CELL_HEIGHT * 2}px; /* 2 slots */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    color: ${Colour[\"text-subtler\"]};\n    padding-right: ${Spacing[\"spacing-8\"]};\n    font-weight: ${Font.Spec[\"weight-bold\"]};\n    position: relative;\n`;\nexport const HourDisplay = styled.span`\n    position: absolute;\n    top: -18px;\n`;\n\nexport const TimelineCircle = styled.div<TimelineCircleStyleProps>`\n    position: absolute;\n    right: -6px;\n    top: ${(props) => props.$top - 6}px;\n    width: ${Spacing[\"spacing-12\"]};\n    height: ${Spacing[\"spacing-12\"]};\n    border-radius: ${Radius[\"full\"]};\n    background: ${Colour[\"icon-primary\"]};\n    z-index: 4;\n    display: ${(props) => (props.$isWeekView ? \"none\" : \"block\")};\n`;\n"],"names":["TimeColumnWrapper","styled","div","TimeColumn","TIME_INDICATOR_WIDTH","Colour","Border","solid","TimeLabel","Typography","BodySM","CELL_HEIGHT","Spacing","Font","Spec","HourDisplay","span","TimelineCircle","props","$top","Radius","$isWeekView"],"mappings":"0OAgBO,MAAMA,EAAoBC,EAAAA,QAAOC,GAAG;;;EAK9BC,EAAaF,EAAAA,QAAOC,GAAG;;;iBAGnBE;kBACCC,EAAAA,OAAW;oBACTC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC,SAASF,SAAe;EAG7DG,EAAYP,EAAAA,QAAOQ,aAAWC,OAAO;kBAClB,EAAdC,EAAAA;;;;aAILN,EAAAA,OAAO;qBACCO,EAAAA,QAAQ;mBACVC,EAAAA,KAAKC,KAAK;;EAGhBC,EAAcd,EAAAA,QAAOe,IAAI;;;EAKzBC,EAAiBhB,EAAAA,QAAOC,GAA6B;;;WAGtDgB,GAAUA,EAAMC,KAAO;aACtBP,EAAAA,QAAQ;cACPA,EAAAA,QAAQ;qBACDQ,EAAAA,OAAa;kBAChBf,EAAAA,OAAO;;eAETa,GAAWA,EAAMG,YAAc,OAAS;"}
+{"version":3,"file":"time-indicator.styles.js","sources":["../../../../src/schedule/time-indicator/time-indicator.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\nimport { CELL_HEIGHT, TIME_INDICATOR_WIDTH } from \"../const\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const tokens = {\n    timelineCircle: {\n        offset: \"--fds-internal-schedule-timeIndicator-timelineCircle-top\",\n    },\n};\n\nexport const timeColumnWrapper = css`\n    position: sticky;\n    z-index: 3;\n`;\n\nexport const timeColumn = css`\n    display: flex;\n    flex-direction: column;\n    min-width: ${TIME_INDICATOR_WIDTH}px;\n    background: ${Colour[\"bg\"]};\n    border-right: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n`;\n\nexport const timeLabel = css`\n    min-height: ${CELL_HEIGHT * 2}px; /* 2 slots */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    color: ${Colour[\"text-subtler\"]};\n    padding-right: ${Spacing[\"spacing-8\"]};\n    font-weight: ${Font.Spec[\"weight-bold\"]};\n    position: relative;\n`;\nexport const hourDisplay = css`\n    position: absolute;\n    top: -18px;\n`;\n\nexport const timelineCircle = css`\n    ${tokens.timelineCircle.offset}: 0px;\n    position: absolute;\n    right: -6px;\n    top: calc(var(${tokens.timelineCircle.offset}) - 6px);\n    width: ${Spacing[\"spacing-12\"]};\n    height: ${Spacing[\"spacing-12\"]};\n    border-radius: ${Radius[\"full\"]};\n    background: ${Colour[\"icon-primary\"]};\n    z-index: 4;\n`;\n\nexport const timelineCircleWeekView = css`\n    display: none;\n`;\n"],"names":["timelineCircle","offset"],"mappings":"uHAqCwB,8BAlBD,oCALO,6BAaR,kCAeK,0CAYQ,0BA9Cb,CAClBA,eAAgB,CACZC,OAAQ"}

package/cjs/schedule/time-indicator/time-indicator.styles_1eaxyes.css

@@ -0,0 +1,6 @@
+@layer fds{.t1by6gzt{position:-webkit-sticky;position:sticky;z-index:3;}
+.twl5iae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:42px;background:var(--fds-colour-bg);border-right:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}
+.t1eau6os{min-height:96px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;color:var(--fds-colour-text-subtler);padding-right:var(--fds-spacing-8);font-weight:var(--fds-font-weight-bold);position:relative;}
+.h1y5vs3p{position:absolute;top:-18px;}
+.t1juq8yz{--fds-internal-schedule-timeIndicator-timelineCircle-top:0px;position:absolute;right:-6px;top:calc(var(--fds-internal-schedule-timeIndicator-timelineCircle-top) - 6px);width:var(--fds-spacing-12);height:var(--fds-spacing-12);border-radius:var(--fds-radius-full);background:var(--fds-colour-icon-primary);z-index:4;}
+.t1wl3tbi{display:none;}}

package/cjs/select-histogram/select-histogram.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),s=require("../histogram-slider/histogram-slider.js");require("styled-components"),require("../theme/index.js"),require("../util/string-helper.js"),require("../shared/dropdown-list/dropdown-label.styles.js"),require("../shared/dropdown-list/dropdown-list.js");var i=require("../shared/dropdown-list/dropdown-list-state.js"),n=require("../shared/dropdown-list/expandable-element.js");require("@lifesg/react-icons/caret-right"),require("react-virtuoso"),require("../button/button.style.js"),require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js");var l=require("../util/simple-id-generator.js");require("@react-aria/live-announcer");var t=require("../shared/dropdown-wrapper/element-with-dropdown.js");require("../shared/dropdown-list/dropdown-list.styles.js"),require("../shared/dropdown-list/dropdown-search.js"),require("immer"),require("../external/lodash/_getTag.js"),require("../external/lodash/isArguments.js"),require("../external/lodash/_baseGetTag.js"),require("../external/lodash/isBuffer.js"),require("../external/lodash/isTypedArray.js"),require("../external/lodash/_Stack.js"),require("../external/lodash/_SetCache.js"),require("../external/lodash/_equalByTag.js"),require("../shared/dropdown-list/nested-dropdown-list.styles.js"),require("../shared/dropdown-list/virtuoso-components.js");var d=require("../shared/dropdown-wrapper/dropdown-wrapper.styles.js"),o=require("../shared/input-wrapper/input-wrapper.js"),u=require("../typography/typography.js"),p=require("./select-histogram.styles.js");exports.SelectHistogram=h=>{var{alignment:c="left",className:g,disabled:b,dropdownZIndex:j,error:q,histogramSlider:m,id:w,"aria-labelledby":x,"aria-describedby":y,"aria-invalid":f,onBlur:v,onChange:S,onChangeEnd:L,optionTruncationType:T="end",placeholder:C="Select",rangeLabelPrefix:E,rangeLabelSuffix:R,readOnly:O,renderRangeLabel:_,value:B,dropdownRootNode:I}=h,$=e.__rest(h,["alignment","className","disabled","dropdownZIndex","error","histogramSlider","id","aria-labelledby","aria-describedby","aria-invalid","onBlur","onChange","onChangeEnd","optionTruncationType","placeholder","rangeLabelPrefix","rangeLabelSuffix","readOnly","renderRangeLabel","value","dropdownRootNode"]);const{interval:N,bins:D=[],renderEmptyView:H,ariaLabels:P}=m,A=D.map((e=>e.minValue)),F=Math.min(...A),[V,Z]=a.useState(ae()),[k,W]=a.useState(!1),[G,M]=a.useState(!1),z=l.useId(),J=a.useRef(null),K=a.useRef(null),Q=a.useRef(null),U=$["data-testid"]||"select-histogram";a.useEffect((()=>{B!==V&&Z(ae())}),[B]);const X=e=>{Z(e),null==S||S(e)},Y=e=>{Z(e),null==L||L(e)},ee=()=>{G||k||M(!0)},re=e=>{G&&!k&&J.current&&!J.current.contains(e.relatedTarget)&&(M(!1),null==v||v())};function ae(){return null!=B?B:[F,F+N]}const se=e=>_?_(e):r.jsxs(u.Typography.BodyBL,{children:[E,e,R]});return r.jsx(i.DropdownListState,{children:r.jsx(t.ElementWithDropdown,{enabled:!O&&!b,isOpen:k,renderElement:()=>r.jsx(o.InputBox,{className:g,"data-testid":U,id:w,ref:J,tabIndex:-1,onFocus:ee,onBlur:re,$focused:G,$disabled:b,$readOnly:O,$error:q,children:r.jsx(n.ExpandableElement,{ref:K,disabled:b,expanded:k,listboxId:z,popupRole:"dialog",readOnly:O,variant:"default","aria-labelledby":x,"aria-describedby":y,"aria-invalid":f,children:r.jsx(d.LabelContainer,{ref:Q,$disabled:b,children:A&&0!==A.length?r.jsxs(p.Label,{children:[se(V[0]),r.jsx(p.Separator,{children:"-"}),se(V[1])]}):r.jsx(p.PlaceholderLabel,{$truncateType:T,$variant:"default",children:C})})})}),renderDropdown:({elementWidth:e,styles:a,setFloatingRef:i,getFloatingProps:n})=>r.jsx(p.HistogramSliderDropdownContainer,Object.assign({style:Object.assign(Object.assign({},a),{width:e}),ref:i},n(),{children:r.jsx(s.HistogramSlider,{interval:N,value:V,bins:D,onChange:X,onChangeEnd:Y,showRangeLabels:!1,renderEmptyView:H,ariaLabels:P})})),onOpen:()=>{W(!0)},onClose:()=>{W(!1)},onDismiss:()=>{var e;null===(e=K.current)||void 0===e||e.focus(),W(!1)},clickToToggle:!0,offset:8,alignment:c,fitAvailableHeight:!0,customZIndex:j,rootNode:I})})};
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("clsx"),s=require("react"),i=require("../histogram-slider/histogram-slider.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var n=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js"),require("../shared/dropdown-list/dropdown-label.styles_mloii0.css"),require("../shared/dropdown-list/dropdown-list.js");var l=require("../shared/dropdown-list/dropdown-list-state.js"),t=require("../shared/dropdown-list/expandable-element.js");require("@lifesg/react-icons/caret-right"),require("@lifesg/react-icons/exclamation-circle-fill"),require("@lifesg/react-icons/minus-square-fill"),require("@lifesg/react-icons/square"),require("@lifesg/react-icons/square-tick-fill"),require("@lifesg/react-icons/tick"),require("react-virtuoso"),require("../markup/markup.js"),require("../shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css");var d=require("../shared/dropdown-wrapper/element-with-dropdown.js"),o=require("../shared/input-wrapper/input-wrapper.js");require("../shared/dropdown-list/dropdown-list.styles_konwm.css"),require("../shared/dropdown-list/dropdown-search.js"),require("../shared/dropdown-list/nested-dropdown-list.styles_wdhxoe.css"),require("immer"),require("../external/lodash/_getTag.js"),require("../external/lodash/isArguments.js"),require("../external/lodash/_baseGetTag.js"),require("../external/lodash/isBuffer.js"),require("../external/lodash/isTypedArray.js"),require("../external/lodash/_Stack.js"),require("../external/lodash/_SetCache.js"),require("../external/lodash/_equalByTag.js"),require("../shared/dropdown-list/virtuoso-components.js");var u=require("../shared/dropdown-wrapper/dropdown-wrapper.styles.js"),c=require("../typography/index.js"),p=require("./select-histogram.styles.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=h(a);exports.SelectHistogram=a=>{var{alignment:h="left",className:g,disabled:q,dropdownZIndex:j,error:b,histogramSlider:f,id:x,"aria-labelledby":w,"aria-describedby":y,"aria-invalid":v,onBlur:_,onChange:T,onChangeEnd:C,optionTruncationType:S="end",placeholder:L="Select",rangeLabelPrefix:k,rangeLabelSuffix:A,readOnly:E,renderRangeLabel:I,value:N,dropdownRootNode:R}=a,O=e.__rest(a,["alignment","className","disabled","dropdownZIndex","error","histogramSlider","id","aria-labelledby","aria-describedby","aria-invalid","onBlur","onChange","onChangeEnd","optionTruncationType","placeholder","rangeLabelPrefix","rangeLabelSuffix","readOnly","renderRangeLabel","value","dropdownRootNode"]);const{interval:B,bins:H=[],renderEmptyView:P,ariaLabels:D}=f,G=H.map((e=>e.minValue)),M=Math.min(...G),[F,V]=s.useState(se()),[Z,W]=s.useState(!1),[$,z]=s.useState(!1),J=n.useId(),K=s.useRef(null),Q=s.useRef(null),U=s.useRef(null),X=O["data-testid"]||"select-histogram";s.useEffect((()=>{N!==F&&V(se())}),[N]);const Y=e=>{V(e),null==T||T(e)},ee=e=>{V(e),null==C||C(e)},re=()=>{$||Z||z(!0)},ae=e=>{$&&!Z&&K.current&&!K.current.contains(e.relatedTarget)&&(z(!1),null==_||_())};function se(){return null!=N?N:[M,M+B]}const ie=e=>I?I(e):r.jsxs(c.Typography.BodyBL,{children:[k,e,A]});return r.jsx(l.DropdownListState,{children:r.jsx(d.ElementWithDropdown,{enabled:!E&&!q,isOpen:Z,renderElement:()=>r.jsx(o.InputBox,{className:g,"data-testid":X,id:x,ref:K,tabIndex:-1,onFocus:re,onBlur:ae,focused:$,disabled:q,readOnly:E,error:b,children:r.jsx(t.ExpandableElement,{ref:Q,disabled:q,expanded:Z,listboxId:J,popupRole:"dialog",readOnly:E,variant:"default","aria-labelledby":w,"aria-describedby":y,"aria-invalid":v,children:r.jsx("div",{className:u.labelContainer,ref:U,"data-disabled":q||void 0,children:G&&0!==G.length?r.jsxs("div",{className:p.label,children:[ie(F[0]),r.jsx("div",{className:p.separator,children:"-"}),ie(F[1])]}):r.jsx("div",{className:m.default(p.placeholderLabel,"middle"!==S&&p.placeholderLabelTruncateEnd),children:L})})})}),renderDropdown:({elementWidth:e,styles:a,setFloatingRef:s,getFloatingProps:n})=>r.jsx("div",Object.assign({className:p.histogramSliderDropdownContainer,style:Object.assign(Object.assign({},a),{width:e}),ref:s,"data-testid":`${X}-dropdown`},n(),{children:r.jsx(i.HistogramSlider,{interval:B,value:F,bins:H,onChange:Y,onChangeEnd:ee,showRangeLabels:!1,renderEmptyView:P,ariaLabels:D})})),onOpen:()=>{W(!0)},onClose:()=>{W(!1)},onDismiss:()=>{var e;null===(e=Q.current)||void 0===e||e.focus(),W(!1)},clickToToggle:!0,offset:8,alignment:h,fitAvailableHeight:!0,customZIndex:j,rootNode:R})})};
 //# sourceMappingURL=select-histogram.js.map

package/cjs/select-histogram/select-histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-histogram.js","sources":["../../../src/select-histogram/select-histogram.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { HistogramSlider } from \"../histogram-slider\";\nimport { DropdownListState, ExpandableElement } from \"../shared/dropdown-list\";\nimport {\n    DropdownRenderProps,\n    ElementWithDropdown,\n} from \"../shared/dropdown-wrapper\";\nimport { LabelContainer } from \"../shared/dropdown-wrapper/dropdown-wrapper.styles\";\nimport { InputBox } from \"../shared/input-wrapper/input-wrapper\";\nimport { Typography } from \"../typography\";\nimport { useId } from \"../util\";\nimport {\n    HistogramSliderDropdownContainer,\n    Label,\n    PlaceholderLabel,\n    Separator,\n} from \"./select-histogram.styles\";\nimport { SelectHistogramProps } from \"./types\";\n\nexport const SelectHistogram = ({\n    alignment = \"left\",\n    className,\n    disabled,\n    dropdownZIndex,\n    error,\n    histogramSlider,\n    id,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-invalid\": ariaInvalid,\n    onBlur,\n    onChange,\n    onChangeEnd,\n    optionTruncationType = \"end\",\n    placeholder = \"Select\",\n    rangeLabelPrefix,\n    rangeLabelSuffix,\n    readOnly,\n    renderRangeLabel,\n    value,\n    dropdownRootNode,\n    ...otherProps\n}: SelectHistogramProps): JSX.Element => {\n    const {\n        interval,\n        bins = [],\n        renderEmptyView,\n        ariaLabels,\n    } = histogramSlider;\n    // =============================================================================\n    // CONST, STATE\n    // =============================================================================\n    const values = bins.map((item) => item.minValue);\n    const minValue = Math.min(...values);\n    const [selection, setSelection] = useState<[number, number]>(\n        initSelection()\n    );\n    const [showOptions, setShowOptions] = useState<boolean>(false);\n    const [focused, setFocused] = useState<boolean>(false);\n    const internalId = useId();\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const selectorRef = useRef<HTMLButtonElement>(null);\n    const labelContainerRef = useRef<HTMLDivElement>(null);\n\n    const testId = otherProps[\"data-testid\"] || \"select-histogram\";\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (value !== selection) {\n            setSelection(initSelection());\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleOpen = () => {\n        setShowOptions(true);\n    };\n\n    const handleClose = () => {\n        setShowOptions(false);\n    };\n\n    const handleDismiss = () => {\n        selectorRef.current?.focus();\n        setShowOptions(false);\n    };\n\n    const onSliderChange = (values: [number, number]) => {\n        setSelection(values);\n        onChange?.(values);\n    };\n\n    const onSliderChangeEnd = (values: [number, number]) => {\n        setSelection(values);\n        onChangeEnd?.(values);\n    };\n\n    const handleNodeFocus = () => {\n        if (!focused && !showOptions) {\n            setFocused(true);\n        }\n    };\n\n    const handleNodeBlur = (e: React.FocusEvent) => {\n        if (\n            focused &&\n            !showOptions &&\n            nodeRef.current &&\n            !nodeRef.current.contains(e.relatedTarget as Node)\n        ) {\n            setFocused(false);\n            onBlur?.();\n        }\n    };\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    function initSelection(): [number, number] {\n        return value ?? [minValue, minValue + interval];\n    }\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderSelector = (value: number) => {\n        if (renderRangeLabel) {\n            return renderRangeLabel(value);\n        }\n\n        return (\n            <Typography.BodyBL>\n                {rangeLabelPrefix}\n                {value}\n                {rangeLabelSuffix}\n            </Typography.BodyBL>\n        );\n    };\n\n    const getDisplayValue = () => {\n        return !values || values.length === 0 ? (\n            <PlaceholderLabel\n                $truncateType={optionTruncationType}\n                $variant=\"default\"\n            >\n                {placeholder}\n            </PlaceholderLabel>\n        ) : (\n            <Label>\n                {renderSelector(selection[0])}\n                <Separator>-</Separator>\n                {renderSelector(selection[1])}\n            </Label>\n        );\n    };\n\n    const renderSelectorContent = () => (\n        <LabelContainer ref={labelContainerRef} $disabled={disabled}>\n            {getDisplayValue()}\n        </LabelContainer>\n    );\n\n    const renderElement = () => {\n        return (\n            <InputBox\n                className={className}\n                data-testid={testId}\n                id={id}\n                ref={nodeRef}\n                tabIndex={-1}\n                onFocus={handleNodeFocus}\n                onBlur={handleNodeBlur}\n                $focused={focused}\n                $disabled={disabled}\n                $readOnly={readOnly}\n                $error={error}\n            >\n                <ExpandableElement\n                    ref={selectorRef}\n                    disabled={disabled}\n                    expanded={showOptions}\n                    listboxId={internalId}\n                    popupRole=\"dialog\"\n                    readOnly={readOnly}\n                    variant=\"default\"\n                    aria-labelledby={ariaLabelledBy}\n                    aria-describedby={ariaDescribedBy}\n                    aria-invalid={ariaInvalid}\n                >\n                    {renderSelectorContent()}\n                </ExpandableElement>\n            </InputBox>\n        );\n    };\n\n    const renderDropdown = ({\n        elementWidth,\n        styles,\n        setFloatingRef,\n        getFloatingProps,\n    }: DropdownRenderProps) => (\n        <HistogramSliderDropdownContainer\n            style={{ ...styles, width: elementWidth }}\n            ref={setFloatingRef}\n            {...getFloatingProps()}\n        >\n            <HistogramSlider\n                interval={interval}\n                value={selection}\n                bins={bins}\n                onChange={onSliderChange}\n                onChangeEnd={onSliderChangeEnd}\n                showRangeLabels={false}\n                renderEmptyView={renderEmptyView}\n                ariaLabels={ariaLabels}\n            />\n        </HistogramSliderDropdownContainer>\n    );\n\n    return (\n        <DropdownListState>\n            <ElementWithDropdown\n                enabled={!readOnly && !disabled}\n                isOpen={showOptions}\n                renderElement={renderElement}\n                renderDropdown={renderDropdown}\n                onOpen={handleOpen}\n                onClose={handleClose}\n                onDismiss={handleDismiss}\n                clickToToggle\n                offset={8}\n                alignment={alignment}\n                fitAvailableHeight\n                customZIndex={dropdownZIndex}\n                rootNode={dropdownRootNode}\n            />\n        </DropdownListState>\n    );\n};\n"],"names":["_a","alignment","className","disabled","dropdownZIndex","error","histogramSlider","id","ariaLabelledBy","ariaDescribedBy","ariaInvalid","onBlur","onChange","onChangeEnd","optionTruncationType","placeholder","rangeLabelPrefix","rangeLabelSuffix","readOnly","renderRangeLabel","value","dropdownRootNode","otherProps","__rest","interval","bins","renderEmptyView","ariaLabels","values","map","item","minValue","Math","min","selection","setSelection","useState","initSelection","showOptions","setShowOptions","focused","setFocused","internalId","useId","nodeRef","useRef","selectorRef","labelContainerRef","testId","useEffect","onSliderChange","onSliderChangeEnd","handleNodeFocus","handleNodeBlur","e","current","contains","relatedTarget","renderSelector","_jsxs","Typography","BodyBL","children","_jsx","DropdownListState","ElementWithDropdown","enabled","isOpen","renderElement","InputBox","ref","tabIndex","onFocus","$focused","$disabled","$error","ExpandableElement","expanded","listboxId","popupRole","variant","LabelContainer","length","Label","Separator","PlaceholderLabel","$truncateType","$variant","renderDropdown","elementWidth","styles","setFloatingRef","getFloatingProps","HistogramSliderDropdownContainer","Object","assign","style","width","HistogramSlider","showRangeLabels","onOpen","onClose","onDismiss","focus","clickToToggle","offset","fitAvailableHeight","customZIndex","rootNode"],"mappings":"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"}
+{"version":3,"file":"select-histogram.js","sources":["../../../src/select-histogram/select-histogram.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { HistogramSlider } from \"../histogram-slider\";\nimport { DropdownListState, ExpandableElement } from \"../shared/dropdown-list\";\nimport type { DropdownRenderProps } from \"../shared/dropdown-wrapper\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport * as dropdownWrapperStyles from \"../shared/dropdown-wrapper/dropdown-wrapper.styles\";\nimport { InputBox } from \"../shared/input-wrapper\";\nimport { Typography } from \"../typography\";\nimport { useId } from \"../util\";\nimport * as styles from \"./select-histogram.styles\";\nimport type { SelectHistogramProps } from \"./types\";\n\n// @catalog\n/**\n * A form input that displays the selected range and reveals a histogram slider in a dropdown.\n *\n * Use `SelectHistogram` when users need to select a numeric range against a data distribution.\n * @keywords bins, chart, distribution, field, form, input, range, visualization\n */\nexport const SelectHistogram = ({\n    alignment = \"left\",\n    className,\n    disabled,\n    dropdownZIndex,\n    error,\n    histogramSlider,\n    id,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-invalid\": ariaInvalid,\n    onBlur,\n    onChange,\n    onChangeEnd,\n    optionTruncationType = \"end\",\n    placeholder = \"Select\",\n    rangeLabelPrefix,\n    rangeLabelSuffix,\n    readOnly,\n    renderRangeLabel,\n    value,\n    dropdownRootNode,\n    ...otherProps\n}: SelectHistogramProps): JSX.Element => {\n    const {\n        interval,\n        bins = [],\n        renderEmptyView,\n        ariaLabels,\n    } = histogramSlider;\n    // =============================================================================\n    // CONST, STATE\n    // =============================================================================\n    const values = bins.map((item) => item.minValue);\n    const minValue = Math.min(...values);\n    const [selection, setSelection] = useState<[number, number]>(\n        initSelection()\n    );\n    const [showOptions, setShowOptions] = useState<boolean>(false);\n    const [focused, setFocused] = useState<boolean>(false);\n    const internalId = useId();\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const selectorRef = useRef<HTMLButtonElement>(null);\n    const labelContainerRef = useRef<HTMLDivElement>(null);\n\n    const testId = otherProps[\"data-testid\"] || \"select-histogram\";\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (value !== selection) {\n            setSelection(initSelection());\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleOpen = () => {\n        setShowOptions(true);\n    };\n\n    const handleClose = () => {\n        setShowOptions(false);\n    };\n\n    const handleDismiss = () => {\n        selectorRef.current?.focus();\n        setShowOptions(false);\n    };\n\n    const onSliderChange = (values: [number, number]) => {\n        setSelection(values);\n        onChange?.(values);\n    };\n\n    const onSliderChangeEnd = (values: [number, number]) => {\n        setSelection(values);\n        onChangeEnd?.(values);\n    };\n\n    const handleNodeFocus = () => {\n        if (!focused && !showOptions) {\n            setFocused(true);\n        }\n    };\n\n    const handleNodeBlur = (e: React.FocusEvent) => {\n        if (\n            focused &&\n            !showOptions &&\n            nodeRef.current &&\n            !nodeRef.current.contains(e.relatedTarget as Node)\n        ) {\n            setFocused(false);\n            onBlur?.();\n        }\n    };\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    function initSelection(): [number, number] {\n        return value ?? [minValue, minValue + interval];\n    }\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderSelector = (value: number) => {\n        if (renderRangeLabel) {\n            return renderRangeLabel(value);\n        }\n\n        return (\n            <Typography.BodyBL>\n                {rangeLabelPrefix}\n                {value}\n                {rangeLabelSuffix}\n            </Typography.BodyBL>\n        );\n    };\n\n    const getDisplayValue = () => {\n        return !values || values.length === 0 ? (\n            <div\n                className={clsx(\n                    styles.placeholderLabel,\n                    optionTruncationType !== \"middle\" &&\n                        styles.placeholderLabelTruncateEnd\n                )}\n            >\n                {placeholder}\n            </div>\n        ) : (\n            <div className={styles.label}>\n                {renderSelector(selection[0])}\n                <div className={styles.separator}>-</div>\n                {renderSelector(selection[1])}\n            </div>\n        );\n    };\n\n    const renderSelectorContent = () => (\n        <div\n            className={dropdownWrapperStyles.labelContainer}\n            ref={labelContainerRef}\n            data-disabled={disabled || undefined}\n        >\n            {getDisplayValue()}\n        </div>\n    );\n\n    const renderElement = () => {\n        return (\n            <InputBox\n                className={className}\n                data-testid={testId}\n                id={id}\n                ref={nodeRef}\n                tabIndex={-1}\n                onFocus={handleNodeFocus}\n                onBlur={handleNodeBlur}\n                focused={focused}\n                disabled={disabled}\n                readOnly={readOnly}\n                error={error}\n            >\n                <ExpandableElement\n                    ref={selectorRef}\n                    disabled={disabled}\n                    expanded={showOptions}\n                    listboxId={internalId}\n                    popupRole=\"dialog\"\n                    readOnly={readOnly}\n                    variant=\"default\"\n                    aria-labelledby={ariaLabelledBy}\n                    aria-describedby={ariaDescribedBy}\n                    aria-invalid={ariaInvalid}\n                >\n                    {renderSelectorContent()}\n                </ExpandableElement>\n            </InputBox>\n        );\n    };\n\n    const renderDropdown = ({\n        elementWidth,\n        styles: floatingStyles,\n        setFloatingRef,\n        getFloatingProps,\n    }: DropdownRenderProps) => (\n        <div\n            className={styles.histogramSliderDropdownContainer}\n            style={{ ...floatingStyles, width: elementWidth }}\n            ref={setFloatingRef}\n            data-testid={`${testId}-dropdown`}\n            {...getFloatingProps()}\n        >\n            <HistogramSlider\n                interval={interval}\n                value={selection}\n                bins={bins}\n                onChange={onSliderChange}\n                onChangeEnd={onSliderChangeEnd}\n                showRangeLabels={false}\n                renderEmptyView={renderEmptyView}\n                ariaLabels={ariaLabels}\n            />\n        </div>\n    );\n\n    return (\n        <DropdownListState>\n            <ElementWithDropdown\n                enabled={!readOnly && !disabled}\n                isOpen={showOptions}\n                renderElement={renderElement}\n                renderDropdown={renderDropdown}\n                onOpen={handleOpen}\n                onClose={handleClose}\n                onDismiss={handleDismiss}\n                clickToToggle\n                offset={8}\n                alignment={alignment}\n                fitAvailableHeight\n                customZIndex={dropdownZIndex}\n                rootNode={dropdownRootNode}\n            />\n        </DropdownListState>\n    );\n};\n"],"names":["_a","alignment","className","disabled","dropdownZIndex","error","histogramSlider","id","ariaLabelledBy","ariaDescribedBy","ariaInvalid","onBlur","onChange","onChangeEnd","optionTruncationType","placeholder","rangeLabelPrefix","rangeLabelSuffix","readOnly","renderRangeLabel","value","dropdownRootNode","otherProps","__rest","interval","bins","renderEmptyView","ariaLabels","values","map","item","minValue","Math","min","selection","setSelection","useState","initSelection","showOptions","setShowOptions","focused","setFocused","internalId","useId","nodeRef","useRef","selectorRef","labelContainerRef","testId","useEffect","onSliderChange","onSliderChangeEnd","handleNodeFocus","handleNodeBlur","e","current","contains","relatedTarget","renderSelector","_jsxs","Typography","BodyBL","children","_jsx","DropdownListState","ElementWithDropdown","enabled","isOpen","renderElement","InputBox","ref","tabIndex","onFocus","ExpandableElement","expanded","listboxId","popupRole","variant","dropdownWrapperStyles.labelContainer","undefined","length","styles.label","styles.separator","clsx","styles.placeholderLabel","styles.placeholderLabelTruncateEnd","renderDropdown","elementWidth","styles","floatingStyles","setFloatingRef","getFloatingProps","Object","assign","styles.histogramSliderDropdownContainer","style","width","HistogramSlider","showRangeLabels","onOpen","onClose","onDismiss","focus","clickToToggle","offset","fitAvailableHeight","customZIndex","rootNode"],"mappings":"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"}

package/cjs/select-histogram/select-histogram.styles.js

@@ -1,37 +1,2 @@
-"use strict";var e=require("styled-components"),r=require("../shared/styles/index.js"),i=require("../theme/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const d=a.default.div`
-    overflow: hidden;
-    border: ${i.Border["width-010"]} ${i.Border.solid} ${i.Colour.border};
-    border-radius: ${i.Radius.sm};
-    background: ${i.Colour.bg};
-    padding: ${i.Spacing["spacing-16"]};
-    min-width: 23rem;
-
-    ${i.MediaQuery.MaxWidth.sm} {
-        min-width: unset;
-        width: calc(100vw - ${i.Breakpoint["sm-margin"]}px * 2);
-    }
-
-    ${i.MediaQuery.MaxWidth.xs} {
-        width: calc(100vw - ${i.Breakpoint["xs-margin"]}px * 2);
-    }
-
-    ${i.MediaQuery.MaxWidth.xxs} {
-        width: calc(100vw - ${i.Breakpoint["xxs-margin"]}px * 2);
-    }
-`,o=a.default.div`
-    display: flex;
-    align-items: baseline;
-`,l=a.default.div`
-    margin: 0 0.5rem;
-    color: ${i.Colour.text};
-`,n=a.default.div`
-    ${e=>"small"===e.$variant?i.Font["body-md-regular"]:i.Font["body-baseline-regular"]}
-    text-align: left;
-    ${i=>{if("middle"!==i.$truncateType)return e.css`
-                    ${r.lineClampCss(1)}
-                `}}
-    overflow: hidden;
-`,s=a.default(n)`
-    color: ${i.Colour["text-subtler"]};
-`;exports.HistogramSliderDropdownContainer=d,exports.Label=o,exports.PlaceholderLabel=s,exports.Separator=l,exports.ValueLabel=n;
+"use strict";require("./select-histogram.styles_n260dy.css");exports.histogramSliderDropdownContainer="h1snxaxy",exports.label="l1e4uw6e",exports.placeholderLabel="p11079xa",exports.placeholderLabelTruncateEnd="p1bydnw6",exports.separator="s134rtp9";
 //# sourceMappingURL=select-histogram.styles.js.map

package/cjs/select-histogram/select-histogram.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-histogram.styles.js","sources":["../../../src/select-histogram/select-histogram.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ValueLabelStyleProps } from \"../shared/dropdown-wrapper/dropdown-wrapper.styles\";\nimport { lineClampCss } from \"../shared/styles\";\nimport {\n    Border,\n    Breakpoint,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Spacing,\n} from \"../theme\";\n\nexport const HistogramSliderDropdownContainer = styled.div`\n    overflow: hidden;\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n    padding: ${Spacing[\"spacing-16\"]};\n    min-width: 23rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        min-width: unset;\n        width: calc(100vw - ${Breakpoint[\"sm-margin\"]}px * 2);\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        width: calc(100vw - ${Breakpoint[\"xs-margin\"]}px * 2);\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        width: calc(100vw - ${Breakpoint[\"xxs-margin\"]}px * 2);\n    }\n`;\n\nexport const Label = styled.div`\n    display: flex;\n    align-items: baseline;\n`;\n\nexport const Separator = styled.div`\n    margin: 0 0.5rem;\n    color: ${Colour[\"text\"]};\n`;\n\nexport const ValueLabel = styled.div<ValueLabelStyleProps>`\n    ${(props) =>\n        props.$variant === \"small\"\n            ? Font[\"body-md-regular\"]\n            : Font[\"body-baseline-regular\"]}\n    text-align: left;\n    ${(props) => {\n        switch (props.$truncateType) {\n            case \"middle\":\n                break;\n            case \"end\":\n            default:\n                return css`\n                    ${lineClampCss(1)}\n                `;\n        }\n    }}\n    overflow: hidden;\n`;\n\nexport const PlaceholderLabel = styled(ValueLabel)`\n    color: ${Colour[\"text-subtler\"]};\n`;\n"],"names":["HistogramSliderDropdownContainer","styled","div","Border","Colour","Radius","Spacing","MediaQuery","MaxWidth","sm","Breakpoint","xs","xxs","Label","Separator","ValueLabel","props","$variant","Font","$truncateType","css","lineClampCss","PlaceholderLabel"],"mappings":"yMAaO,MAAMA,EAAmCC,EAAAA,QAAOC,GAAG;;cAE5CC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKC,SAAe;qBAClDC,EAAAA,OAAW;kBACdD,EAAAA,OAAW;eACdE,EAAAA,QAAQ;;;MAGjBC,EAAAA,WAAWC,SAASC;;8BAEIC,EAAAA,WAAW;;;MAGnCH,EAAAA,WAAWC,SAASG;8BACID,EAAAA,WAAW;;;MAGnCH,EAAAA,WAAWC,SAASI;8BACIF,EAAAA,WAAW;;EAI5BG,EAAQZ,EAAAA,QAAOC,GAAG;;;EAKlBY,EAAYb,EAAAA,QAAOC,GAAG;;aAEtBE,EAAAA,OAAa;EAGbW,EAAad,EAAAA,QAAOC,GAAyB;MACnDc,GACoB,UAAnBA,EAAMC,SACAC,EAAAA,KAAK,mBACLA,EAAAA,KAAK;;MAEZF,IACC,GACS,WADDA,EAAMG,cAKN,OAAOC,KAAG;sBACJC,EAAAA,aAAa;;;EAOtBC,EAAmBrB,EAAAA,QAAOc,EAAW;aACrCX,EAAAA,OAAO;"}
+{"version":3,"file":"select-histogram.styles.js","sources":["../../../src/select-histogram/select-histogram.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { lineClampCss } from \"../shared/styles\";\nimport {\n    Border,\n    Breakpoint,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Spacing,\n} from \"../theme\";\n\nexport const histogramSliderDropdownContainer = css`\n    overflow: hidden;\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n    padding: ${Spacing[\"spacing-16\"]};\n    min-width: 23rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        min-width: unset;\n        width: calc(100vw - ${Breakpoint[\"sm-margin\"]} * 2);\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        width: calc(100vw - ${Breakpoint[\"xs-margin\"]} * 2);\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        width: calc(100vw - ${Breakpoint[\"xxs-margin\"]} * 2);\n    }\n`;\n\nexport const label = css`\n    display: flex;\n    align-items: baseline;\n`;\n\nexport const separator = css`\n    margin: 0 0.5rem;\n    color: ${Colour[\"text\"]};\n`;\n\nexport const placeholderLabel = css`\n    ${Font[\"body-baseline-regular\"]}\n    text-align: left;\n    overflow: hidden;\n    color: ${Colour[\"text-subtler\"]};\n`;\n\nexport const placeholderLabelTruncateEnd = css`\n    ${lineClampCss(1)}\n`;\n"],"names":[],"mappings":"sIAa6C,yBAsB3B,oCAUW,+CAOW,6BAZlB"}

package/cjs/select-histogram/select-histogram.styles_n260dy.css

@@ -0,0 +1,5 @@
+@layer fds{.h1snxaxy{overflow:hidden;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);padding:var(--fds-spacing-16);min-width:23rem;}:where(body.fds-breakpoint-sm-max) .h1snxaxy{min-width:unset;width:calc(100vw - var(--fds-breakpoint-margin-sm) * 2);}:where(body.fds-breakpoint-xs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xs) * 2);}:where(body.fds-breakpoint-xxs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xxs) * 2);}
+.l1e4uw6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
+.s134rtp9{margin:0 0.5rem;color:var(--fds-colour-text);}
+.p11079xa{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);text-align:left;overflow:hidden;color:var(--fds-colour-text-subtler);}
+.p1bydnw6{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}}

package/cjs/shared/accessibility/index.js

@@ -1,9 +1,2 @@
-"use strict";var e=require("styled-components");require("../../util/calendar-helper.js"),require("../../util/date-helper.js"),require("../../util/date-input-helper.js");var r=require("../../util/version.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("react"),require("@react-aria/live-announcer");const t=i(e).default.span`
-    clip-path: inset(50%);
-    height: 1px;
-    width: 1px;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap;
-`;exports.VisuallyHidden=t,exports.concatIds=(...e)=>e.filter((e=>!!e)).join(" "),exports.inertValue=e=>r.isReact19()?e:e?"true":void 0;
+"use strict";var e=require("../../_virtual/_tslib.js"),r=require("clsx"),i=require("react");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var a=require("../../util/version.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer"),require("./index_13g9vp.css");var t=s(r),u=s(i);const l=u.default.forwardRef((function(r,i){var{className:a}=r,s=e.__rest(r,["className"]);return u.default.createElement("span",Object.assign(Object.assign({},s),{ref:i,className:t.default("v17efraz",a)}))}));exports.VisuallyHidden=l,exports.concatIds=(...e)=>e.filter((e=>!!e)).join(" "),exports.inertValue=e=>a.isReact19()?e:e?"true":void 0;
 //# sourceMappingURL=index.js.map

package/cjs/shared/accessibility/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/shared/accessibility/index.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { isReact19 } from \"../../util\";\n\nexport const VisuallyHidden = styled.span`\n    clip-path: inset(50%);\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    position: absolute;\n    white-space: nowrap;\n`;\n\n/**\n * Handle compatibility of `inert` across React versions.\n * 19+ provides official support as a boolean, while it is handled as string in older versions\n */\nexport const inertValue = (value: boolean | undefined) => {\n    if (isReact19()) {\n        return value;\n    }\n\n    return value ? \"true\" : undefined;\n};\n\nexport const concatIds = (...selectors: (string | undefined)[]) => {\n    return selectors.filter((selector) => !!selector).join(\" \");\n};\n"],"names":["VisuallyHidden","styled","span","selectors","filter","selector","join","value","isReact19","undefined"],"mappings":"maAGO,MAAMA,OAAiBC,QAAOC,IAAI;;;;;;;6CAqBhB,IAAIC,IAClBA,EAAUC,QAAQC,KAAeA,IAAUC,KAAK,wBAThCC,GACnBC,EAAAA,YACOD,EAGJA,EAAQ,YAASE"}
+{"version":3,"file":"index.js","sources":["../../../../src/shared/accessibility/index.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nimport { isReact19 } from \"../../util\";\n\nconst visuallyHidden = css`\n    clip-path: inset(50%);\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    position: absolute;\n    white-space: nowrap;\n`;\n\nexport const VisuallyHidden = React.forwardRef<\n    HTMLSpanElement,\n    React.HTMLAttributes<HTMLSpanElement>\n>(function VisuallyHidden({ className, ...otherProps }, ref) {\n    return React.createElement(\"span\", {\n        ...otherProps,\n        ref,\n        className: clsx(visuallyHidden, className),\n    });\n});\n\n/**\n * Handle compatibility of `inert` across React versions.\n * 19+ provides official support as a boolean, while it is handled as string in older versions\n */\nexport const inertValue = (value: boolean | undefined) => {\n    if (isReact19()) {\n        return value;\n    }\n\n    return value ? \"true\" : undefined;\n};\n\nexport const concatIds = (...selectors: (string | undefined)[]) => {\n    return selectors.filter((selector) => !!selector).join(\" \");\n};\n"],"names":["VisuallyHidden","React","forwardRef","_a","ref","className","otherProps","__rest","createElement","Object","assign","clsx","concatIds","selectors","filter","selector","join","value","isReact19","undefined"],"mappings":"+eAMA,MASaA,EAAiBC,EAAAA,QAAMC,YAGlC,SAAwBC,EAA8BC,GAA9B,IAAAC,UAAEA,GAASF,EAAKG,EAAUC,EAAAA,OAAAJ,EAA1B,eACtB,OAAOF,EAAAA,QAAMO,cAAc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GAC1BJ,GAAU,CACbF,MACAC,UAAWM,EAAAA,QAhBC,WAgBoBN,KAExC,+CAcyBO,IAAIC,IAClBA,EAAUC,QAAQC,KAAeA,IAAUC,KAAK,wBAThCC,GACnBC,EAAAA,YACOD,EAGJA,EAAQ,YAASE"}

package/cjs/shared/accessibility/index_13g9vp.css

@@ -0,0 +1 @@
+@layer fds{.v17efraz{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;}}

package/cjs/shared/clickable-icon/clickable-icon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("./clickable-icon.style.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=u(i).default.forwardRef(((i,u)=>{var{children:n,focusHighlight:c=!0,focusOutline:l="none",type:s="button"}=i,o=e.__rest(i,["children","focusHighlight","focusOutline","type"]);return t.jsx(r.Main,Object.assign({ref:u,$outline:l,$highlight:c,type:s},o,{children:n}))}));exports.ClickableIcon=n;
+"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("clsx"),i=require("react"),s=require("./clickable-icon.styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(r);const u=l(i).default.forwardRef(((r,i)=>{var{children:l,className:u,focusHighlight:c=!0,focusOutline:a="none",type:o="button"}=r,f=e.__rest(r,["children","className","focusHighlight","focusOutline","type"]);return t.jsx("button",Object.assign({ref:i,className:n.default(s.main,"none"===a&&s.outlineNone,c&&s.highlight,u),type:o},f,{children:l}))}));exports.ClickableIcon=u;
 //# sourceMappingURL=clickable-icon.js.map

package/cjs/shared/clickable-icon/clickable-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickable-icon.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Main } from \"./clickable-icon.style\";\nimport { ClickableIconProps } from \"./types\";\n\nconst Component = (\n    {\n        children,\n        focusHighlight = true,\n        focusOutline = \"none\",\n        type = \"button\",\n        ...otherProps\n    }: ClickableIconProps,\n    ref: React.Ref<HTMLButtonElement>\n) => {\n    return (\n        <Main\n            ref={ref}\n            $outline={focusOutline}\n            $highlight={focusHighlight}\n            type={type}\n            {...otherProps}\n        >\n            {children}\n        </Main>\n    );\n};\n\nexport const ClickableIcon = React.forwardRef(Component);\n"],"names":["ClickableIcon","React","forwardRef","_a","ref","children","focusHighlight","focusOutline","type","otherProps","__rest","_jsx","Main","Object","assign","$highlight"],"mappings":"wNAIA,MAuBaA,OAAgBC,QAAMC,YAvBjB,CACdC,EAOAC,KAPA,IAAAC,SACIA,EAAQC,eACRA,GAAiB,EAAIC,aACrBA,EAAe,OAAMC,KACrBA,EAAO,UAAQL,EACZM,EAAUC,EAAAA,OAAAP,EALjB,qDASA,OACIQ,EAAAA,IAACC,EAAAA,KAAIC,OAAAC,OAAA,CACDV,IAAKA,WACKG,EAAYQ,WACVT,EACZE,KAAMA,GACFC,EAAU,CAAAJ,SAEbA,IACE"}
+{"version":3,"file":"clickable-icon.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\n\nimport * as styles from \"./clickable-icon.styles\";\nimport type { ClickableIconProps } from \"./types\";\n\nconst Component = (\n    {\n        children,\n        className,\n        focusHighlight = true,\n        focusOutline = \"none\",\n        type = \"button\",\n        ...otherProps\n    }: ClickableIconProps,\n    ref: React.Ref<HTMLButtonElement>\n) => {\n    return (\n        <button\n            ref={ref}\n            className={clsx(\n                styles.main,\n                focusOutline === \"none\" && styles.outlineNone,\n                focusHighlight && styles.highlight,\n                className\n            )}\n            type={type}\n            {...otherProps}\n        >\n            {children}\n        </button>\n    );\n};\n\nexport const ClickableIcon = React.forwardRef(Component);\n"],"names":["ClickableIcon","React","forwardRef","_a","ref","children","className","focusHighlight","focusOutline","type","otherProps","__rest","_jsx","Object","assign","clsx","styles.main","styles.outlineNone","styles.highlight"],"mappings":"sPAMA,MA4BaA,OAAgBC,QAAMC,YA5BjB,CACdC,EAQAC,SARAC,SACIA,EAAQC,UACRA,EAASC,eACTA,GAAiB,EAAIC,aACrBA,EAAe,OAAMC,KACrBA,EAAO,UAAQN,EACZO,EAAUC,EAAAA,OAAAR,EANjB,iEAUA,OACIS,MAAA,SAAAC,OAAAC,OAAA,CACIV,IAAKA,EACLE,UAAWS,UACPC,EAAAA,KACiB,SAAjBR,GAA2BS,EAAAA,YAC3BV,GAAkBW,EAAAA,UAClBZ,GAEJG,KAAMA,GACFC,YAEHL,IACI"}

package/cjs/shared/clickable-icon/clickable-icon.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./clickable-icon.styles_1v2imml.css");exports.highlight="hv69up9",exports.main="m18ljjag",exports.outlineNone="o1plr5dj";
+//# sourceMappingURL=clickable-icon.styles.js.map

package/cjs/shared/clickable-icon/clickable-icon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-icon.styles.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Spacing } from \"../../theme\";\n\nexport const main = css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: ${Spacing[\"spacing-24\"]};\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n\n    img {\n        height: 1rem;\n        width: 1rem;\n    }\n\n    svg {\n        height: 1.125rem;\n        width: 1.125rem;\n    }\n`;\n\nexport const outlineNone = css`\n    &:active,\n    &:focus {\n        outline: none;\n    }\n`;\n\nexport const highlight = css`\n    &:active,\n    &:focus {\n        background-color: ${Colour[\"bg-hover-neutral\"]};\n    }\n`;\n"],"names":[],"mappings":"mHA+BsB,uBA3BL,+BAoBO"}

package/cjs/shared/clickable-icon/clickable-icon.styles_1v2imml.css

@@ -0,0 +1,3 @@
+@layer fds{.m18ljjag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fds-spacing-24);background-color:transparent;border:none;cursor:pointer;}.m18ljjag img{height:1rem;width:1rem;}.m18ljjag svg{height:1.125rem;width:1.125rem;}
+.o1plr5dj:active,.o1plr5dj:focus{outline:none;}
+.hv69up9:active,.hv69up9:focus{background-color:var(--fds-colour-bg-hover-neutral);}}

package/cjs/shared/component-loading-spinner/component-loading-spinner.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("react/jsx-runtime"),e=require("./component-loading-spinner.style.js");exports.ComponentLoadingSpinner=({color:i,className:r,size:s})=>n.jsxs(e.OuterRing,{className:r,$size:s,$color:i,"data-testid":"component-loading-spinner",children:[n.jsx(e.InnerRing1,{id:"inner1"}),n.jsx(e.InnerRing2,{id:"inner2"}),n.jsx(e.InnerRing3,{id:"inner3"}),n.jsx(e.InnerRing4,{id:"inner4"})]});
+"use strict";var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),n=require("clsx"),r=require("react"),s=require("../../theme/utils/use-apply-styles.js");require("../../theme/theme-provider/context.js"),require("../../theme/utils/use-media-query.js");var t=require("./component-loading-spinner.styles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(n);exports.ComponentLoadingSpinner=n=>{var{color:a,className:o,size:u}=n,d=e.__rest(n,["color","className","size"]);const c=r.useRef(null);return s.useApplyStyle(c,{[t.tokens.rootSize]:u?`${u}px`:void 0,[t.tokens.rootColour]:a}),i.jsxs("div",Object.assign({ref:c,className:l.default(t.outerRing,o)},d,{"data-testid":"component-loading-spinner",children:[i.jsx("div",{id:"inner1",className:t.innerRing}),i.jsx("div",{id:"inner2",className:l.default(t.innerRing,t.innerRing2)}),i.jsx("div",{id:"inner3",className:l.default(t.innerRing,t.innerRing3)}),i.jsx("div",{id:"inner4",className:l.default(t.innerRing,t.innerRing4)})]}))};
 //# sourceMappingURL=component-loading-spinner.js.map

package/cjs/shared/component-loading-spinner/component-loading-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-loading-spinner.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.tsx"],"sourcesContent":["import {\n    InnerRing1,\n    InnerRing2,\n    InnerRing3,\n    InnerRing4,\n    OuterRing,\n} from \"./component-loading-spinner.style\";\n\n/**\n * This component is mainly used within components and is not to be confused\n * with the main loading spinner in animations/loading-spinner\n *\n * By default it inherits the font size and color of the parent container.\n *\n * The color can be customised via the prop or through styled-components.\n *\n * Example:\n * ```\n * styled(ComponentLoadingSpinner)`\n *   color: red;\n * `\n * ```\n */\nexport interface ComponentLoadingSpinnerProps {\n    className?: string | undefined;\n    /** Measurement in px */\n    size?: number | undefined;\n    /** rgb/hex value or Color token */\n    color?: string | ((props: any) => string) | undefined;\n}\n\nexport const ComponentLoadingSpinner = ({\n    color,\n    className,\n    size,\n}: ComponentLoadingSpinnerProps): JSX.Element => {\n    return (\n        <OuterRing\n            className={className}\n            $size={size}\n            $color={color}\n            data-testid={\"component-loading-spinner\"}\n        >\n            <InnerRing1 id=\"inner1\" />\n            <InnerRing2 id=\"inner2\" />\n            <InnerRing3 id=\"inner3\" />\n            <InnerRing4 id=\"inner4\" />\n        </OuterRing>\n    );\n};\n"],"names":["color","className","size","_jsxs","OuterRing","$color","_jsx","InnerRing1","id","InnerRing2","InnerRing3","InnerRing4"],"mappings":"kIA+BuC,EACnCA,QACAC,YACAC,UAGIC,EAAAA,KAACC,EAAAA,UAAS,CACNH,UAAWA,QACJC,EAAIG,OACHL,EAAK,cACA,sCAEbM,EAAAA,IAACC,cAAWC,GAAG,WACfF,EAAAA,IAACG,EAAAA,WAAU,CAACD,GAAG,WACfF,EAAAA,IAACI,EAAAA,WAAU,CAACF,GAAG,WACfF,EAAAA,IAACK,EAAAA,WAAU,CAACH,GAAG"}
+{"version":3,"file":"component-loading-spinner.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { HTMLAttributes } from \"react\";\nimport { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../../theme/utils\";\nimport * as styles from \"./component-loading-spinner.styles\";\n\ntype BaseProps = Omit<HTMLAttributes<HTMLDivElement>, \"color\">;\n\nexport interface ComponentLoadingSpinnerProps extends BaseProps {\n    /** Measurement in px */\n    size?: number | undefined;\n    /** rgb/hex value or Color token */\n    color?: string | undefined;\n}\n\n/**\n * This component is mainly used within components and is not to be confused\n * with the main loading spinner in animations/loading-spinner\n *\n * By default it inherits the font size and color of the parent container.\n *\n * The font size and color can be customised via the prop or through css.\n *\n * Example:\n * ```\n * const spinner = css`\n *   color: red;\n *   font-size: 1lh;\n * `\n *\n * <ComponentLoadingSpinner className={styles.spinner} />\n * ```\n */\nexport const ComponentLoadingSpinner = ({\n    color,\n    className,\n    size,\n    ...otherProps\n}: ComponentLoadingSpinnerProps): JSX.Element => {\n    const spinnerRef = useRef<HTMLDivElement>(null);\n    useApplyStyle(spinnerRef, {\n        [styles.tokens.rootSize]: size ? `${size}px` : undefined,\n        [styles.tokens.rootColour]: color,\n    });\n\n    return (\n        <div\n            ref={spinnerRef}\n            className={clsx(styles.outerRing, className)}\n            {...otherProps}\n            data-testid={\"component-loading-spinner\"}\n        >\n            <div id=\"inner1\" className={styles.innerRing} />\n            <div\n                id=\"inner2\"\n                className={clsx(styles.innerRing, styles.innerRing2)}\n            />\n            <div\n                id=\"inner3\"\n                className={clsx(styles.innerRing, styles.innerRing3)}\n            />\n            <div\n                id=\"inner4\"\n                className={clsx(styles.innerRing, styles.innerRing4)}\n            />\n        </div>\n    );\n};\n"],"names":["_a","color","className","size","otherProps","__rest","spinnerRef","useRef","useApplyStyle","styles.tokens","rootSize","undefined","rootColour","_jsxs","Object","assign","ref","clsx","styles.outerRing","children","_jsx","id","styles.innerRing","styles.innerRing2","styles.innerRing3","styles.innerRing4"],"mappings":"ybAkCwCA,QAAAC,MACpCA,EAAKC,UACLA,EAASC,KACTA,KACGC,EAAUC,EAAAA,OAAAL,EAJuB,CAAA,QAAA,YAAA,SAMpC,MAAMM,EAAaC,EAAAA,OAAuB,MAM1C,OALAC,EAAAA,cAAcF,EAAY,CACtB,CAACG,EAAAA,OAAcC,UAAWP,EAAO,GAAGA,WAAWQ,EAC/C,CAACF,EAAAA,OAAcG,YAAaX,IAI5BY,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CACIC,IAAKV,EACLJ,UAAWe,EAAAA,QAAKC,EAAAA,UAAkBhB,IAC9BE,iBACS,4BAA2Be,SAAA,CAExCC,EAAAA,WAAKC,GAAG,SAASnB,UAAWoB,EAAAA,YAC5BF,EAAAA,WACIC,GAAG,SACHnB,UAAWe,EAAAA,QAAKK,YAAkBC,EAAAA,cAEtCH,MAAA,MAAA,CACIC,GAAG,SACHnB,UAAWe,EAAAA,QAAKK,EAAAA,UAAkBE,gBAEtCJ,EAAAA,IAAA,MAAA,CACIC,GAAG,SACHnB,UAAWe,EAAAA,QAAKK,EAAAA,UAAkBG,EAAAA,iBAEpC"}

package/cjs/shared/component-loading-spinner/component-loading-spinner.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./component-loading-spinner.styles_15eq02i.css");exports.innerRing="i5p5ltp",exports.innerRing2="i1trawld",exports.innerRing3="iav978u",exports.innerRing4="i1fnvvih",exports.outerRing="oqwr3hs",exports.tokens={rootSize:"--fds-internal-componentLoadingSpinner-root-size",rootColour:"--fds-internal-componentLoadingSpinner-root-colour"};
+//# sourceMappingURL=component-loading-spinner.styles.js.map

package/cjs/shared/component-loading-spinner/component-loading-spinner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-loading-spinner.styles.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const tokens = {\n    rootSize: \"--fds-internal-componentLoadingSpinner-root-size\",\n    rootColour: \"--fds-internal-componentLoadingSpinner-root-colour\",\n} as const;\n\nexport const outerRing = css`\n    display: inline-block;\n    position: relative;\n    width: var(${tokens.rootSize}, 1em);\n    height: var(${tokens.rootSize}, 1em);\n    color: var(${tokens.rootColour}, currentColor);\n`;\n\nexport const innerRing = css`\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    top: 1px;\n    width: calc(100% - 2px);\n    height: calc(100% - 2px);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 100%;\n    border-color: currentColor transparent transparent transparent;\n    animation: component-loading-spinner-rotate 1.2s\n        cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n    @keyframes component-loading-spinner-rotate {\n        0% {\n            transform: rotate(0deg);\n        }\n\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n`;\n\nexport const innerRing2 = css`\n    animation-delay: -0.45s;\n`;\n\nexport const innerRing3 = css`\n    animation-delay: -0.3s;\n`;\n\nexport const innerRing4 = css`\n    animation-delay: -0.15s;\n`;\n"],"names":["rootSize","rootColour"],"mappings":"yIAesB,6BAyBC,8BAIA,6BAIA,6BAzCD,yBALA,CAClBA,SAAU,mDACVC,WAAY"}

package/cjs/shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css

@@ -0,0 +1,5 @@
+@layer fds{.oqwr3hs{display:inline-block;position:relative;width:var(--fds-internal-componentLoadingSpinner-root-size, 1em);height:var(--fds-internal-componentLoadingSpinner-root-size, 1em);color:var(--fds-internal-componentLoadingSpinner-root-colour, currentColor);}
+.i5p5ltp{box-sizing:border-box;display:block;position:absolute;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-width:2px;border-style:solid;border-radius:100%;border-color:currentColor transparent transparent transparent;-webkit-animation:component-loading-spinner-rotate-i5p5ltp 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:component-loading-spinner-rotate-i5p5ltp 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;}@-webkit-keyframes component-loading-spinner-rotate-i5p5ltp{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes component-loading-spinner-rotate-i5p5ltp{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+.i1trawld{-webkit-animation-delay:-0.45s;animation-delay:-0.45s;}
+.iav978u{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
+.i1fnvvih{-webkit-animation-delay:-0.15s;animation-delay:-0.15s;}}

package/cjs/shared/dropdown-list/dropdown-label.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("../../external/react-resize-detector/build/index.esm.js"),t=require("styled-components"),n=require("../../theme/index.js"),s=require("../../util/string-helper.js"),a=require("./dropdown-label.styles.js");exports.DropdownLabel=({bold:l,displayType:d="inline",label:c,searchTerm:o,maxLines:u=2,selected:m,disabled:x,sublabel:h,truncationType:b="middle",variant:p="default"})=>{const y=r.useContext(t.ThemeContext),$="small"===p?n.Font.Spec["body-size-md"]({theme:y}):n.Font.Spec["body-size-baseline"]({theme:y}),T=n.Font.Spec["font-family"]({theme:y}),{ref:j,width:L}=i.useResizeDetector(),f=r.useCallback((e=>{if("inline"!==d||!L)return!1;return s.StringHelper.getTextWidth(e,`${$} '${T}'`)>L*u-50}),[L,d,$,T,u]),q=r.useMemo((()=>f(c)),[f,c]),g=r.useMemo((()=>h&&f(h)),[f,h]),F=q||g?"next-line":d,S=r=>{if(!o)return r;const i=o.toLowerCase().trim(),t=r.toLowerCase().indexOf(i),n=t+o.length;return-1===t?r:e.jsxs(e.Fragment,{children:[c.slice(0,t),e.jsx(a.MatchedText,{$variant:p,children:c.slice(t,n)}),c.slice(n)]})},w=r=>e.jsxs(e.Fragment,{children:[e.jsx(a.TruncateFirstLine,{$maxLines:u,"aria-hidden":!0,children:S(r)}),e.jsx(a.TruncateSecondLine,{$maxLines:u,"aria-hidden":!0,children:S(r)})]});return e.jsxs(a.Label,{ref:j,$labelDisplayType:F,$variant:p,children:[e.jsx(a.PrimaryText,{"aria-label":c,$bold:l,$maxLines:u,$selected:m,$disabled:x,$truncateType:b,children:"middle"===b&&q?w(c):S(c)}),h&&e.jsx(a.SecondaryText,{"aria-label":h,$maxLines:u,$truncateType:b,$labelDisplayType:d,children:"middle"===b&&g?w(h):h})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("react"),i=require("../../external/react-resize-detector/build/index.esm.js");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js");var n=require("../../theme/tokens/font.js");require("../../theme/tokens/media-query.js");var l=require("../../theme/utils/use-apply-styles.js");require("../../theme/utils/use-media-query.js");var a=require("../../util/string-helper.js"),s=require("./dropdown-label.styles.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r);exports.DropdownLabel=({bold:r,displayType:d="inline",label:c,searchTerm:o,maxLines:m=2,selected:x,disabled:y,sublabel:p,truncationType:h="middle",variant:b="default"})=>{const f="small"===b?n.Font.Spec["body-size-md"]:n.Font.Spec["body-size-baseline"],T=n.Font.Spec["font-family-body"],{ref:j,width:q}=i.useResizeDetector(),S=t.useRef(null),L=t.useRef(null);l.useApplyStyle(S,{[s.tokens.primaryText.maxLines]:String(m)}),l.useApplyStyle(L,{[s.tokens.secondaryText.maxLines]:String(m)});const v=t.useCallback((e=>{if("inline"!==d||!q)return!1;return a.StringHelper.getTextWidth(e,`${f} '${T}'`)>q-50}),[q,d,f,T]),g=t.useMemo((()=>v(c)),[v,c]),N=t.useMemo((()=>p&&v(p)),[v,p]),k="middle"===h&&(g||N)?"next-line":d,F=r=>{if(!o)return r;const t=o.toLowerCase().trim(),i=r.toLowerCase().indexOf(t),n=i+o.length;return-1===i?r:e.jsxs(e.Fragment,{children:[c.slice(0,i),e.jsx("span",{className:s.matchedText,children:c.slice(i,n)}),c.slice(n)]})},w=r=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:u.default(s.baseTruncateStyle,s.truncateFirstLine,1===m&&s.truncateLineSingle),"aria-hidden":!0,children:F(r)}),e.jsx("div",{className:u.default(s.baseTruncateStyle,s.truncateSecondLine,1===m&&s.truncateLineSingle),"aria-hidden":!0,children:F(r)})]});return e.jsxs("div",{ref:j,className:u.default(s.label,"small"===b&&s.labelVariantSmall,"next-line"===k&&s.labelNextLine),children:[e.jsx("div",{ref:S,"aria-label":c,className:u.default(s.primaryText,r&&s.primaryTextBold,y&&s.primaryTextDisabled,!y&&x&&s.primaryTextSelected,"inline"===k&&s.primaryTextLabelInline,"end"===h&&s.primaryTextTruncateEnd),children:"middle"===h&&g?w(c):F(c)}),p&&e.jsx("div",{ref:L,"aria-label":p,className:u.default(s.secondaryText,"inline"===k&&s.secondaryTextLabelInline,"end"===h&&s.secondaryTextTruncateEnd,"next-line"===d?s.secondaryTextNextLine:s.secondaryTextInline),children:"middle"===h&&N?w(p):p})]})};
 //# sourceMappingURL=dropdown-label.js.map

package/cjs/shared/dropdown-list/dropdown-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-label.js","sources":["../../../../src/shared/dropdown-list/dropdown-label.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { ThemeContext } from \"styled-components\";\nimport { Font } from \"../../theme\";\nimport { StringHelper } from \"../../util/string-helper\";\nimport { DropdownVariantType, LabelDisplayType } from \"./types\";\nimport {\n    Label,\n    MatchedText,\n    PrimaryText,\n    SecondaryText,\n    TruncateFirstLine,\n    TruncateSecondLine,\n} from \"./dropdown-label.styles\";\n\ninterface DropdownLabelProps {\n    bold?: boolean | undefined;\n    displayType?: LabelDisplayType | undefined;\n    label: string;\n    maxLines?: number | undefined;\n    searchTerm?: string | undefined;\n    selected?: boolean | undefined;\n    disabled?: boolean | undefined;\n    sublabel?: string | undefined;\n    truncationType?: \"middle\" | \"end\" | undefined;\n    variant?: DropdownVariantType | undefined;\n}\n\nexport const DropdownLabel = ({\n    bold,\n    displayType = \"inline\",\n    label,\n    searchTerm,\n    maxLines = 2,\n    selected,\n    disabled,\n    sublabel,\n    truncationType = \"middle\",\n    variant = \"default\",\n}: DropdownLabelProps): JSX.Element => {\n    const theme = useContext(ThemeContext);\n\n    const fontSize =\n        variant === \"small\"\n            ? Font.Spec[\"body-size-md\"]({ theme })\n            : Font.Spec[\"body-size-baseline\"]({ theme });\n    const fontFamily = Font.Spec[\"font-family\"]({ theme });\n    const { ref, width } = useResizeDetector();\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const hasExceededContainer = useCallback(\n        (displayText: string) => {\n            if (displayType !== \"inline\" || !width) {\n                return false;\n            }\n\n            // best-effort attempt to check if multi-line text will overflow,\n            // rendering an actual element in the DOM might be more accurate\n            // but might not be performant for large lists\n            const textWidth = StringHelper.getTextWidth(\n                displayText,\n                `${fontSize} '${fontFamily}'`\n            );\n\n            // there's less space than expected due to word breaks, so an\n            // arbitary offset is applied\n            return textWidth > width * maxLines - 50;\n        },\n        [width, displayType, fontSize, fontFamily, maxLines]\n    );\n\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const shouldTruncateTitle = useMemo(\n        () => hasExceededContainer(label),\n        [hasExceededContainer, label]\n    );\n    const shouldTruncateLabel = useMemo(\n        () => sublabel && hasExceededContainer(sublabel),\n        [hasExceededContainer, sublabel]\n    );\n\n    // css cannot truncate inline elements so force the display to render\n    // them separately\n    const itemDisplayType =\n        shouldTruncateTitle || shouldTruncateLabel ? \"next-line\" : displayType;\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderMatchInBold = (displayText: string) => {\n        if (!searchTerm) {\n            return displayText;\n        }\n\n        const match = searchTerm.toLowerCase().trim();\n        const startIndex = displayText.toLowerCase().indexOf(match);\n        const endIndex = startIndex + searchTerm.length;\n\n        if (startIndex === -1) {\n            return displayText;\n        }\n\n        return (\n            <>\n                {label.slice(0, startIndex)}\n                <MatchedText $variant={variant}>\n                    {label.slice(startIndex, endIndex)}\n                </MatchedText>\n                {label.slice(endIndex)}\n            </>\n        );\n    };\n\n    const renderTruncatedText = (displayText: string): JSX.Element => {\n        return (\n            <>\n                <TruncateFirstLine $maxLines={maxLines} aria-hidden>\n                    {renderMatchInBold(displayText)}\n                </TruncateFirstLine>\n                <TruncateSecondLine $maxLines={maxLines} aria-hidden>\n                    {renderMatchInBold(displayText)}\n                </TruncateSecondLine>\n            </>\n        );\n    };\n\n    return (\n        <Label ref={ref} $labelDisplayType={itemDisplayType} $variant={variant}>\n            <PrimaryText\n                aria-label={label}\n                $bold={bold}\n                $maxLines={maxLines}\n                $selected={selected}\n                $disabled={disabled}\n                $truncateType={truncationType}\n            >\n                {truncationType === \"middle\" && shouldTruncateTitle\n                    ? renderTruncatedText(label)\n                    : renderMatchInBold(label)}\n            </PrimaryText>\n            {sublabel && (\n                <SecondaryText\n                    aria-label={sublabel}\n                    $maxLines={maxLines}\n                    $truncateType={truncationType}\n                    $labelDisplayType={displayType}\n                >\n                    {truncationType === \"middle\" && shouldTruncateLabel\n                        ? renderTruncatedText(sublabel)\n                        : sublabel}\n                </SecondaryText>\n            )}\n        </Label>\n    );\n};\n"],"names":["bold","displayType","label","searchTerm","maxLines","selected","disabled","sublabel","truncationType","variant","theme","useContext","ThemeContext","fontSize","Font","Spec","fontFamily","ref","width","useResizeDetector","hasExceededContainer","useCallback","displayText","StringHelper","getTextWidth","shouldTruncateTitle","useMemo","shouldTruncateLabel","itemDisplayType","renderMatchInBold","match","toLowerCase","trim","startIndex","indexOf","endIndex","length","_jsxs","_Fragment","children","slice","_jsx","MatchedText","$variant","renderTruncatedText","TruncateFirstLine","$maxLines","TruncateSecondLine","Label","$labelDisplayType","PrimaryText","$bold","$selected","$disabled","$truncateType","SecondaryText"],"mappings":"gTA4B6B,EACzBA,OACAC,cAAc,SACdC,QACAC,aACAC,WAAW,EACXC,WACAC,WACAC,WACAC,iBAAiB,SACjBC,UAAU,cAEV,MAAMC,EAAQC,EAAAA,WAAWC,gBAEnBC,EACU,UAAZJ,EACMK,EAAAA,KAAKC,KAAK,gBAAgB,CAAEL,UAC5BI,EAAAA,KAAKC,KAAK,sBAAsB,CAAEL,UACtCM,EAAaF,EAAAA,KAAKC,KAAK,eAAe,CAAEL,WACxCO,IAAEA,EAAGC,MAAEA,GAAUC,sBAKjBC,EAAuBC,eACxBC,IACG,GAAoB,WAAhBrB,IAA6BiB,EAC7B,OAAO,EAaX,OAPkBK,eAAaC,aAC3BF,EACA,GAAGT,MAAaG,MAKDE,EAAQd,EAAW,EAAE,GAE5C,CAACc,EAAOjB,EAAaY,EAAUG,EAAYZ,IAMzCqB,EAAsBC,EAAAA,SACxB,IAAMN,EAAqBlB,IAC3B,CAACkB,EAAsBlB,IAErByB,EAAsBD,WACxB,IAAMnB,GAAYa,EAAqBb,IACvC,CAACa,EAAsBb,IAKrBqB,EACFH,GAAuBE,EAAsB,YAAc1B,EAKzD4B,EAAqBP,IACvB,IAAKnB,EACD,OAAOmB,EAGX,MAAMQ,EAAQ3B,EAAW4B,cAAcC,OACjCC,EAAaX,EAAYS,cAAcG,QAAQJ,GAC/CK,EAAWF,EAAa9B,EAAWiC,OAEzC,OAAmB,IAAfH,EACOX,EAIPe,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACKrC,EAAMsC,MAAM,EAAGP,GAChBQ,EAAAA,IAACC,EAAAA,YAAW,CAAAC,SAAWlC,EAAO8B,SACzBrC,EAAMsC,MAAMP,EAAYE,KAE5BjC,EAAMsC,MAAML,KACd,EAILS,EAAuBtB,GAErBe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACIE,EAAAA,IAACI,EAAAA,kBAAiB,CAAAC,UAAY1C,EAAQ,eAAA,EAAAmC,SACjCV,EAAkBP,KAEvBmB,EAAAA,IAACM,EAAAA,mBAAkB,CAAAD,UAAY1C,EAAQ,eAAA,EAAAmC,SAClCV,EAAkBP,QAMnC,OACIe,EAAAA,KAACW,EAAAA,MAAK,CAAC/B,IAAKA,EAAGgC,kBAAqBrB,EAAee,SAAYlC,EAAO8B,SAAA,CAClEE,EAAAA,IAACS,EAAAA,YAAW,CAAA,aACIhD,EAAKiD,MACVnD,EAAI8C,UACA1C,EAAQgD,UACR/C,EAAQgD,UACR/C,EAAQgD,cACJ9C,EAAc+B,SAET,WAAnB/B,GAA+BiB,EAC1BmB,EAAoB1C,GACpB2B,EAAkB3B,KAE3BK,GACGkC,MAACc,EAAAA,4BACehD,EAAQuC,UACT1C,EAAQkD,cACJ9C,EAAcyC,kBACVhD,EAAWsC,SAEV,WAAnB/B,GAA+BmB,EAC1BiB,EAAoBrC,GACpBA,MAGV"}
+{"version":3,"file":"dropdown-label.js","sources":["../../../../src/shared/dropdown-list/dropdown-label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { Font } from \"../../theme\";\nimport { useApplyStyle } from \"../../theme/utils/use-apply-styles\";\nimport { StringHelper } from \"../../util/string-helper\";\nimport * as styles from \"./dropdown-label.styles\";\nimport type { DropdownVariantType, LabelDisplayType } from \"./types\";\n\ninterface DropdownLabelProps {\n    bold?: boolean | undefined;\n    displayType?: LabelDisplayType | undefined;\n    label: string;\n    maxLines?: number | undefined;\n    searchTerm?: string | undefined;\n    selected?: boolean | undefined;\n    disabled?: boolean | undefined;\n    sublabel?: string | undefined;\n    truncationType?: \"middle\" | \"end\" | undefined;\n    variant?: DropdownVariantType | undefined;\n}\n\nexport const DropdownLabel = ({\n    bold,\n    displayType = \"inline\",\n    label,\n    searchTerm,\n    maxLines = 2,\n    selected,\n    disabled,\n    sublabel,\n    truncationType = \"middle\",\n    variant = \"default\",\n}: DropdownLabelProps): JSX.Element => {\n    const fontSize =\n        variant === \"small\"\n            ? Font.Spec[\"body-size-md\"]\n            : Font.Spec[\"body-size-baseline\"];\n    const fontFamily = Font.Spec[\"font-family-body\"];\n    const { ref, width } = useResizeDetector();\n\n    const primaryTextRef = useRef<HTMLDivElement>(null);\n    const secondaryTextRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(primaryTextRef, {\n        [styles.tokens.primaryText.maxLines]: String(maxLines),\n    });\n\n    useApplyStyle(secondaryTextRef, {\n        [styles.tokens.secondaryText.maxLines]: String(maxLines),\n    });\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const hasExceededContainer = useCallback(\n        (displayText: string) => {\n            if (displayType !== \"inline\" || !width) {\n                return false;\n            }\n\n            // best-effort attempt to check if multi-line text will overflow,\n            // rendering an actual element in the DOM might be more accurate\n            // but might not be performant for large lists\n            const textWidth = StringHelper.getTextWidth(\n                displayText,\n                `${fontSize} '${fontFamily}'`\n            );\n\n            // there's less space than expected due to word breaks, so an\n            // arbitary offset is applied\n            return textWidth > width - 50;\n        },\n        [width, displayType, fontSize, fontFamily]\n    );\n\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const shouldTruncateTitle = useMemo(\n        () => hasExceededContainer(label),\n        [hasExceededContainer, label]\n    );\n    const shouldTruncateLabel = useMemo(\n        () => sublabel && hasExceededContainer(sublabel),\n        [hasExceededContainer, sublabel]\n    );\n\n    // css cannot truncate inline elements so force the display to render\n    // them separately\n    const itemDisplayType =\n        truncationType === \"middle\" &&\n        (shouldTruncateTitle || shouldTruncateLabel)\n            ? \"next-line\"\n            : displayType;\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderMatchInBold = (displayText: string) => {\n        if (!searchTerm) {\n            return displayText;\n        }\n\n        const match = searchTerm.toLowerCase().trim();\n        const startIndex = displayText.toLowerCase().indexOf(match);\n        const endIndex = startIndex + searchTerm.length;\n\n        if (startIndex === -1) {\n            return displayText;\n        }\n\n        return (\n            <>\n                {label.slice(0, startIndex)}\n                <span className={styles.matchedText}>\n                    {label.slice(startIndex, endIndex)}\n                </span>\n                {label.slice(endIndex)}\n            </>\n        );\n    };\n\n    const renderTruncatedText = (displayText: string): JSX.Element => {\n        return (\n            <>\n                <div\n                    className={clsx(\n                        styles.baseTruncateStyle,\n                        styles.truncateFirstLine,\n                        maxLines === 1 && styles.truncateLineSingle\n                    )}\n                    aria-hidden\n                >\n                    {renderMatchInBold(displayText)}\n                </div>\n                <div\n                    className={clsx(\n                        styles.baseTruncateStyle,\n                        styles.truncateSecondLine,\n                        maxLines === 1 && styles.truncateLineSingle\n                    )}\n                    aria-hidden\n                >\n                    {renderMatchInBold(displayText)}\n                </div>\n            </>\n        );\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={clsx(\n                styles.label,\n                variant === \"small\" && styles.labelVariantSmall,\n                itemDisplayType === \"next-line\" && styles.labelNextLine\n            )}\n        >\n            <div\n                ref={primaryTextRef}\n                aria-label={label}\n                className={clsx(\n                    styles.primaryText,\n                    bold && styles.primaryTextBold,\n                    disabled && styles.primaryTextDisabled,\n                    !disabled && selected && styles.primaryTextSelected,\n                    itemDisplayType === \"inline\" &&\n                        styles.primaryTextLabelInline,\n                    truncationType === \"end\" && styles.primaryTextTruncateEnd\n                )}\n            >\n                {truncationType === \"middle\" && shouldTruncateTitle\n                    ? renderTruncatedText(label)\n                    : renderMatchInBold(label)}\n            </div>\n            {sublabel && (\n                <div\n                    ref={secondaryTextRef}\n                    aria-label={sublabel}\n                    className={clsx(\n                        styles.secondaryText,\n                        itemDisplayType === \"inline\" &&\n                            styles.secondaryTextLabelInline,\n                        truncationType === \"end\" &&\n                            styles.secondaryTextTruncateEnd,\n                        displayType === \"next-line\"\n                            ? styles.secondaryTextNextLine\n                            : styles.secondaryTextInline\n                    )}\n                >\n                    {truncationType === \"middle\" && shouldTruncateLabel\n                        ? renderTruncatedText(sublabel)\n                        : sublabel}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["bold","displayType","label","searchTerm","maxLines","selected","disabled","sublabel","truncationType","variant","fontSize","Font","Spec","fontFamily","ref","width","useResizeDetector","primaryTextRef","useRef","secondaryTextRef","useApplyStyle","styles.tokens","primaryText","String","secondaryText","hasExceededContainer","useCallback","displayText","StringHelper","getTextWidth","shouldTruncateTitle","useMemo","shouldTruncateLabel","itemDisplayType","renderMatchInBold","match","toLowerCase","trim","startIndex","indexOf","endIndex","length","_jsxs","_Fragment","children","slice","_jsx","className","styles.matchedText","renderTruncatedText","clsx","styles.baseTruncateStyle","styles.truncateFirstLine","styles.truncateLineSingle","styles.truncateSecondLine","styles.label","styles.labelVariantSmall","styles.labelNextLine","styles.primaryText","styles.primaryTextBold","styles.primaryTextDisabled","styles.primaryTextSelected","styles.primaryTextLabelInline","styles.primaryTextTruncateEnd","styles.secondaryText","styles.secondaryTextLabelInline","styles.secondaryTextTruncateEnd","styles.secondaryTextNextLine","styles.secondaryTextInline"],"mappings":"wsBAuB6B,EACzBA,OACAC,cAAc,SACdC,QACAC,aACAC,WAAW,EACXC,WACAC,WACAC,WACAC,iBAAiB,SACjBC,UAAU,cAEV,MAAMC,EACU,UAAZD,EACME,EAAAA,KAAKC,KAAK,gBACVD,EAAAA,KAAKC,KAAK,sBACdC,EAAaF,EAAAA,KAAKC,KAAK,qBACvBE,IAAEA,EAAGC,MAAEA,GAAUC,sBAEjBC,EAAiBC,EAAAA,OAAuB,MACxCC,EAAmBD,EAAAA,OAAuB,MAEhDE,EAAAA,cAAcH,EAAgB,CAC1B,CAACI,EAAAA,OAAcC,YAAYlB,UAAWmB,OAAOnB,KAGjDgB,EAAAA,cAAcD,EAAkB,CAC5B,CAACE,EAAAA,OAAcG,cAAcpB,UAAWmB,OAAOnB,KAMnD,MAAMqB,EAAuBC,eACxBC,IACG,GAAoB,WAAhB1B,IAA6Bc,EAC7B,OAAO,EAaX,OAPkBa,eAAaC,aAC3BF,EACA,GAAGjB,MAAaG,MAKDE,EAAQ,EAAE,GAEjC,CAACA,EAAOd,EAAaS,EAAUG,IAM7BiB,EAAsBC,EAAAA,SACxB,IAAMN,EAAqBvB,IAC3B,CAACuB,EAAsBvB,IAErB8B,EAAsBD,WACxB,IAAMxB,GAAYkB,EAAqBlB,IACvC,CAACkB,EAAsBlB,IAKrB0B,EACiB,WAAnBzB,IACCsB,GAAuBE,GAClB,YACA/B,EAKJiC,EAAqBP,IACvB,IAAKxB,EACD,OAAOwB,EAGX,MAAMQ,EAAQhC,EAAWiC,cAAcC,OACjCC,EAAaX,EAAYS,cAAcG,QAAQJ,GAC/CK,EAAWF,EAAanC,EAAWsC,OAEzC,OAAmB,IAAfH,EACOX,EAIPe,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACK1C,EAAM2C,MAAM,EAAGP,GAChBQ,EAAAA,IAAA,OAAA,CAAMC,UAAWC,EAAAA,YAAkBJ,SAC9B1C,EAAM2C,MAAMP,EAAYE,KAE5BtC,EAAM2C,MAAML,KACd,EAILS,EAAuBtB,GAErBe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACIE,EAAAA,IAAA,MAAA,CACIC,UAAWG,EAAAA,QACPC,EAAAA,kBACAC,oBACa,IAAbhD,GAAkBiD,EAAAA,oBACrB,eAAA,EAAAT,SAGAV,EAAkBP,KAEvBmB,EAAAA,IAAA,MAAA,CACIC,UAAWG,EAAAA,QACPC,EAAAA,kBACAG,EAAAA,mBACa,IAAblD,GAAkBiD,EAAAA,oBACrB,eAAA,EAAAT,SAGAV,EAAkBP,QAMnC,OACIe,EAAAA,KAAA,MAAA,CACI5B,IAAKA,EACLiC,UAAWG,EAAAA,QACPK,EAAAA,MACY,UAAZ9C,GAAuB+C,EAAAA,kBACH,cAApBvB,GAAmCwB,EAAAA,eACtCb,SAAA,CAEDE,EAAAA,WACIhC,IAAKG,EAAc,aACPf,EACZ6C,UAAWG,EAAAA,QACPQ,cACA1D,GAAQ2D,EAAAA,gBACRrD,GAAYsD,EAAAA,qBACXtD,GAAYD,GAAYwD,EAAAA,oBACL,WAApB5B,GACI6B,EAAAA,uBACe,QAAnBtD,GAA4BuD,EAAAA,wBAC/BnB,SAEmB,WAAnBpC,GAA+BsB,EAC1BmB,EAAoB/C,GACpBgC,EAAkBhC,KAE3BK,GACGuC,EAAAA,IAAA,MAAA,CACIhC,IAAKK,EAAgB,aACTZ,EACZwC,UAAWG,EAAAA,QACPc,EAAAA,cACoB,WAApB/B,GACIgC,EAAAA,yBACe,QAAnBzD,GACI0D,EAAAA,yBACY,cAAhBjE,EACMkE,EAAAA,sBACAC,EAAAA,8BAGU,WAAnB5D,GAA+BwB,EAC1BiB,EAAoB1C,GACpBA,MAGZ"}