@codecademy/gamut 68.2.3-alpha.ea023d.0 → 68.2.3-alpha.f19d29.0

package/dist/DataList/Controls/FilterControl.js

@@ -37,7 +37,7 @@ const FilterToggle = /*#__PURE__*/_styled(Anchor, {
   open: {
     pointerEvents: 'none'
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9EYXRhTGlzdC9Db250cm9scy9GaWx0ZXJDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9EYXRhTGlzdC9Db250cm9scy9GaWx0ZXJDb250cm9sLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZpbHRlckljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBzdGF0ZXMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGtlYmFiQ2FzZSBmcm9tICdsb2Rhc2gva2ViYWJDYXNlJztcbmltcG9ydCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IENoZWNrYm94LCBGbGV4Qm94LCBNZW51LCBNZW51SXRlbSwgVGV4dCB9IGZyb20gJy4uLy4uJztcbmltcG9ydCB7IEFuY2hvciB9IGZyb20gJy4uLy4uL0FuY2hvcic7XG5pbXBvcnQgeyBQb3BvdmVyQ29udGFpbmVyIH0gZnJvbSAnLi4vLi4vUG9wb3ZlckNvbnRhaW5lcic7XG5pbXBvcnQgeyB1c2VDb250cm9sQ29udGV4dCB9IGZyb20gJy4uL2hvb2tzL3VzZUxpc3RDb250cm9scyc7XG5pbXBvcnQgeyB1c2VMaXN0U3RhdGUgfSBmcm9tICcuLi9ob29rcy91c2VMaXN0U3RhdGUnO1xuaW1wb3J0IHsgRmlsdGVyT3B0aW9uLCBPbkZpbHRlciB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBGaWx0ZXJQcm9wcyB7XG4gIGNvbHVtbktleTogc3RyaW5nO1xuICBvcHRpb25zPzogRmlsdGVyT3B0aW9uW107XG4gIG9uRmlsdGVyPzogT25GaWx0ZXI8YW55PjtcbiAganVzdGlmeT86ICdsZWZ0JyB8ICdyaWdodCc7XG59XG5cbmNvbnN0IGdldE5leHRGaWx0ZXJzID0gKG9wdGlvbjogc3RyaW5nLCBmaWx0ZXJzOiBzdHJpbmdbXSkgPT4ge1xuICBpZiAob3B0aW9uID09PSAnYWxsJykgcmV0dXJuIFtdO1xuICBpZiAoZmlsdGVycy5pbmNsdWRlcyhvcHRpb24pKSB7XG4gICAgcmV0dXJuIGZpbHRlcnMuZmlsdGVyKChmaWx0KSA9PiBmaWx0ICE9PSBvcHRpb24pO1xuICB9XG4gIHJldHVybiBbLi4uZmlsdGVycywgb3B0aW9uXTtcbn07XG5cbmNvbnN0IGZvcm1hdE9wdGlvbiA9IChvcHRpb246IEZpbHRlck9wdGlvbikgPT4ge1xuICBpZiAodHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZycpIHtcbiAgICByZXR1cm4geyB0ZXh0OiBvcHRpb24sIHZhbHVlOiBvcHRpb24gfTtcbiAgfVxuICByZXR1cm4gb3B0aW9uO1xufTtcblxuY29uc3QgU0VMRUNUX0FMTCA9IHtcbiAgdGV4dDogJ1NlbGVjdCBBbGwnLFxuICB2YWx1ZTogJ2FsbCcsXG59O1xuXG5jb25zdCBGaWx0ZXJUb2dnbGUgPSBzdHlsZWQoQW5jaG9yKShcbiAgc3RhdGVzKHtcbiAgICBvcGVuOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJDb250cm9sOiBSZWFjdC5GQzxGaWx0ZXJQcm9wcz4gPSAoe1xuICBjb2x1bW5LZXksXG4gIG9uRmlsdGVyLFxuICBvcHRpb25zID0gW10sXG4gIGp1c3RpZnkgPSAnbGVmdCcsXG59KSA9PiB7XG4gIGNvbnN0IHRhcmdldCA9IHVzZVJlZjxIVE1MQW5jaG9yRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgcHJlZml4SWQgfSA9IHVzZUNvbnRyb2xDb250ZXh0KCk7XG4gIGNvbnN0IFttZW51T3Blbiwgc2V0TWVudU9wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBkaW1lbnNpb24gPSBTdHJpbmcoY29sdW1uS2V5KTtcbiAgY29uc3QgZmlsdGVycyA9IHVzZUxpc3RTdGF0ZSgpLnF1ZXJ5Py5maWx0ZXI/Lltjb2x1bW5LZXldID8/IFtdO1xuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3ggY29sdW1uIHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgIHttZW51T3BlbiAmJiAoXG4gICAgICAgIDxQb3BvdmVyQ29udGFpbmVyXG4gICAgICAgICAgYWxpZ25tZW50PXtqdXN0aWZ5ID09PSAnbGVmdCcgPyAnYm90dG9tLXJpZ2h0JyA6ICdib3R0b20tbGVmdCd9XG4gICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgb2Zmc2V0PXswfVxuICAgICAgICAgIHRhcmdldFJlZj17dGFyZ2V0fVxuICAgICAgICAgIG9uUmVxdWVzdENsb3NlPXsoKSA9PiBzZXRNZW51T3BlbihmYWxzZSl9XG4gICAgICAgID5cbiAgICAgICAgICA8TWVudVxuICAgICAgICAgICAgbWF4SGVpZ2h0PXszMDB9XG4gICAgICAgICAgICBvdmVyZmxvd1k9XCJhdXRvXCJcbiAgICAgICAgICAgIHNwYWNpbmc9XCJjb25kZW5zZWRcIlxuICAgICAgICAgICAgdmFyaWFudD1cInBvcG92ZXJcIlxuICAgICAgICAgICAgd2lkdGg9XCJtYXgtY29udGVudFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge1tTRUxFQ1RfQUxMLCAuLi5vcHRpb25zXS5tYXAoKG9wdCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCB7IHRleHQsIHZhbHVlIH0gPSBmb3JtYXRPcHRpb24ob3B0KTtcbiAgICAgICAgICAgICAgY29uc3Qgb3B0aW9uSWQgPSBwcmVmaXhJZChgJHtrZWJhYkNhc2UodmFsdWUpfS0ke2RpbWVuc2lvbn1gKTtcbiAgICAgICAgICAgICAgY29uc3QgYWxsU2VsZWN0ZWQgPSBmaWx0ZXJzLmxlbmd0aCA9PT0gMDtcbiAgICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RBbGwgPSB2YWx1ZSA9PT0gJ2FsbCc7XG5cbiAgICAgICAgICAgICAgY29uc3Qgb3B0aW9uU2VsZWN0ZWQgPSBpc1NlbGVjdEFsbFxuICAgICAgICAgICAgICAgID8gYWxsU2VsZWN0ZWRcbiAgICAgICAgICAgICAgICA6ICFmaWx0ZXJzLmluY2x1ZGVzKHZhbHVlKTtcblxuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxNZW51SXRlbSBrZXk9e3ByZWZpeElkKGBmaWx0ZXItJHtjb2x1bW5LZXl9LSR7dmFsdWV9YCl9PlxuICAgICAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2lzU2VsZWN0QWxsID8gYCR7dGV4dH0gJHtkaW1lbnNpb259YCA6IHRleHR9XG4gICAgICAgICAgICAgICAgICAgIGNoZWNrZWQ9e29wdGlvblNlbGVjdGVkfVxuICAgICAgICAgICAgICAgICAgICBodG1sRm9yPXtvcHRpb25JZH1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1xuICAgICAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICBhbGlnblNlbGY9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheT1cImlubGluZS1ibG9ja1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBmb250RmFtaWx5PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXNTZWxlY3RBbGwgJiYgPFRleHQgc2NyZWVucmVhZGVyPiB7ZGltZW5zaW9ufTwvVGV4dD59XG4gICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIG5hbWU9e29wdGlvbklkfVxuICAgICAgICAgICAgICAgICAgICBzcGFjaW5nPVwidGlnaHRcIlxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIG9uRmlsdGVyPy4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgZGltZW5zaW9uLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IGdldE5leHRGaWx0ZXJzKHZhbHVlLCBmaWx0ZXJzKSxcbiAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9NZW51SXRlbT5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvTWVudT5cbiAgICAgICAgPC9Qb3BvdmVyQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICAgIDxGaWx0ZXJUb2dnbGVcbiAgICAgICAgYXJpYS1leHBhbmRlZD17bWVudU9wZW59XG4gICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcbiAgICAgICAgYXJpYS1sYWJlbD17YGZpbHRlciBieSAke2NvbHVtbktleX1gfVxuICAgICAgICBkaXNwbGF5PVwiaW5saW5lLWZsZXhcIlxuICAgICAgICBvcGVuPXttZW51T3Blbn1cbiAgICAgICAgcmVmPXt0YXJnZXR9XG4gICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRNZW51T3Blbih0cnVlKX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggY2VudGVyIGRpbWVuc2lvbnM9ezE2fSBtYj17NH0gbXI9ezR9PlxuICAgICAgICAgIDxGaWx0ZXJJY29uXG4gICAgICAgICAgICBjb2xvcj17ZmlsdGVycy5sZW5ndGggPiAwID8gJ3ByaW1hcnknIDogJ3RleHQnfVxuICAgICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GaWx0ZXJUb2dnbGU+XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9EYXRhTGlzdC9Db250cm9scy9GaWx0ZXJDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9EYXRhTGlzdC9Db250cm9scy9GaWx0ZXJDb250cm9sLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZpbHRlckljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBzdGF0ZXMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGtlYmFiQ2FzZSBmcm9tICdsb2Rhc2gva2ViYWJDYXNlJztcbmltcG9ydCB7IHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IENoZWNrYm94LCBGbGV4Qm94LCBNZW51LCBNZW51SXRlbSwgVGV4dCB9IGZyb20gJy4uLy4uJztcbmltcG9ydCB7IEFuY2hvciB9IGZyb20gJy4uLy4uL0FuY2hvcic7XG5pbXBvcnQgeyBQb3BvdmVyQ29udGFpbmVyIH0gZnJvbSAnLi4vLi4vUG9wb3ZlckNvbnRhaW5lcic7XG5pbXBvcnQgeyB1c2VDb250cm9sQ29udGV4dCB9IGZyb20gJy4uL2hvb2tzL3VzZUxpc3RDb250cm9scyc7XG5pbXBvcnQgeyB1c2VMaXN0U3RhdGUgfSBmcm9tICcuLi9ob29rcy91c2VMaXN0U3RhdGUnO1xuaW1wb3J0IHsgRmlsdGVyT3B0aW9uLCBPbkZpbHRlciB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBGaWx0ZXJQcm9wcyB7XG4gIGNvbHVtbktleTogc3RyaW5nO1xuICBvcHRpb25zPzogRmlsdGVyT3B0aW9uW107XG4gIG9uRmlsdGVyPzogT25GaWx0ZXI8YW55PjtcbiAganVzdGlmeT86ICdsZWZ0JyB8ICdyaWdodCc7XG59XG5cbmNvbnN0IGdldE5leHRGaWx0ZXJzID0gKG9wdGlvbjogc3RyaW5nLCBmaWx0ZXJzOiBzdHJpbmdbXSkgPT4ge1xuICBpZiAob3B0aW9uID09PSAnYWxsJykgcmV0dXJuIFtdO1xuICBpZiAoZmlsdGVycy5pbmNsdWRlcyhvcHRpb24pKSB7XG4gICAgcmV0dXJuIGZpbHRlcnMuZmlsdGVyKChmaWx0KSA9PiBmaWx0ICE9PSBvcHRpb24pO1xuICB9XG4gIHJldHVybiBbLi4uZmlsdGVycywgb3B0aW9uXTtcbn07XG5cbmNvbnN0IGZvcm1hdE9wdGlvbiA9IChvcHRpb246IEZpbHRlck9wdGlvbikgPT4ge1xuICBpZiAodHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZycpIHtcbiAgICByZXR1cm4geyB0ZXh0OiBvcHRpb24sIHZhbHVlOiBvcHRpb24gfTtcbiAgfVxuICByZXR1cm4gb3B0aW9uO1xufTtcblxuY29uc3QgU0VMRUNUX0FMTCA9IHtcbiAgdGV4dDogJ1NlbGVjdCBBbGwnLFxuICB2YWx1ZTogJ2FsbCcsXG59O1xuXG5jb25zdCBGaWx0ZXJUb2dnbGUgPSBzdHlsZWQoQW5jaG9yKShcbiAgc3RhdGVzKHtcbiAgICBvcGVuOiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJDb250cm9sOiBSZWFjdC5GQzxGaWx0ZXJQcm9wcz4gPSAoe1xuICBjb2x1bW5LZXksXG4gIG9uRmlsdGVyLFxuICBvcHRpb25zID0gW10sXG4gIGp1c3RpZnkgPSAnbGVmdCcsXG59KSA9PiB7XG4gIGNvbnN0IHRhcmdldCA9IHVzZVJlZjxIVE1MQW5jaG9yRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgcHJlZml4SWQgfSA9IHVzZUNvbnRyb2xDb250ZXh0KCk7XG4gIGNvbnN0IFttZW51T3Blbiwgc2V0TWVudU9wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBkaW1lbnNpb24gPSBTdHJpbmcoY29sdW1uS2V5KTtcbiAgY29uc3QgZmlsdGVycyA9IHVzZUxpc3RTdGF0ZSgpLnF1ZXJ5Py5maWx0ZXI/Lltjb2x1bW5LZXldID8/IFtdO1xuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3ggY29sdW1uIHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgIHttZW51T3BlbiAmJiAoXG4gICAgICAgIDxQb3BvdmVyQ29udGFpbmVyXG4gICAgICAgICAgYWxpZ25tZW50PXtqdXN0aWZ5ID09PSAnbGVmdCcgPyAnYm90dG9tLXJpZ2h0JyA6ICdib3R0b20tbGVmdCd9XG4gICAgICAgICAgaXNPcGVuXG4gICAgICAgICAgb2Zmc2V0PXswfVxuICAgICAgICAgIHRhcmdldFJlZj17dGFyZ2V0IGFzIGFueX1cbiAgICAgICAgICBvblJlcXVlc3RDbG9zZT17KCkgPT4gc2V0TWVudU9wZW4oZmFsc2UpfVxuICAgICAgICA+XG4gICAgICAgICAgPE1lbnVcbiAgICAgICAgICAgIG1heEhlaWdodD17MzAwfVxuICAgICAgICAgICAgb3ZlcmZsb3dZPVwiYXV0b1wiXG4gICAgICAgICAgICBzcGFjaW5nPVwiY29uZGVuc2VkXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJwb3BvdmVyXCJcbiAgICAgICAgICAgIHdpZHRoPVwibWF4LWNvbnRlbnRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtbU0VMRUNUX0FMTCwgLi4ub3B0aW9uc10ubWFwKChvcHQpID0+IHtcbiAgICAgICAgICAgICAgY29uc3QgeyB0ZXh0LCB2YWx1ZSB9ID0gZm9ybWF0T3B0aW9uKG9wdCk7XG4gICAgICAgICAgICAgIGNvbnN0IG9wdGlvbklkID0gcHJlZml4SWQoYCR7a2ViYWJDYXNlKHZhbHVlKX0tJHtkaW1lbnNpb259YCk7XG4gICAgICAgICAgICAgIGNvbnN0IGFsbFNlbGVjdGVkID0gZmlsdGVycy5sZW5ndGggPT09IDA7XG4gICAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0QWxsID0gdmFsdWUgPT09ICdhbGwnO1xuXG4gICAgICAgICAgICAgIGNvbnN0IG9wdGlvblNlbGVjdGVkID0gaXNTZWxlY3RBbGxcbiAgICAgICAgICAgICAgICA/IGFsbFNlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiAhZmlsdGVycy5pbmNsdWRlcyh2YWx1ZSk7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8TWVudUl0ZW0ga2V5PXtwcmVmaXhJZChgZmlsdGVyLSR7Y29sdW1uS2V5fS0ke3ZhbHVlfWApfT5cbiAgICAgICAgICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtpc1NlbGVjdEFsbCA/IGAke3RleHR9ICR7ZGltZW5zaW9ufWAgOiB0ZXh0fVxuICAgICAgICAgICAgICAgICAgICBjaGVja2VkPXtvcHRpb25TZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgaHRtbEZvcj17b3B0aW9uSWR9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtcbiAgICAgICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25TZWxmPVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk9XCJpbmxpbmUtYmxvY2tcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udEZhbWlseT1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAge2lzU2VsZWN0QWxsICYmIDxUZXh0IHNjcmVlbnJlYWRlcj4ge2RpbWVuc2lvbn08L1RleHQ+fVxuICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBuYW1lPXtvcHRpb25JZH1cbiAgICAgICAgICAgICAgICAgICAgc3BhY2luZz1cInRpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBvbkZpbHRlcj8uKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpbWVuc2lvbixcbiAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBnZXROZXh0RmlsdGVycyh2YWx1ZSwgZmlsdGVycyksXG4gICAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L01lbnU+XG4gICAgICAgIDwvUG9wb3ZlckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgICA8RmlsdGVyVG9nZ2xlXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e21lbnVPcGVufVxuICAgICAgICBhcmlhLWhhc3BvcHVwPVwidHJ1ZVwiXG4gICAgICAgIGFyaWEtbGFiZWw9e2BmaWx0ZXIgYnkgJHtjb2x1bW5LZXl9YH1cbiAgICAgICAgZGlzcGxheT1cImlubGluZS1mbGV4XCJcbiAgICAgICAgb3Blbj17bWVudU9wZW59XG4gICAgICAgIHJlZj17dGFyZ2V0fVxuICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0TWVudU9wZW4odHJ1ZSl9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94IGNlbnRlciBkaW1lbnNpb25zPXsxNn0gbWI9ezR9IG1yPXs0fT5cbiAgICAgICAgICA8RmlsdGVySWNvblxuICAgICAgICAgICAgY29sb3I9e2ZpbHRlcnMubGVuZ3RoID4gMCA/ICdwcmltYXJ5JyA6ICd0ZXh0J31cbiAgICAgICAgICAgIHNpemU9ezE0fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvRmlsdGVyVG9nZ2xlPlxuICAgIDwvRmxleEJveD5cbiAgKTtcbn07XG4iXX0= */");
 export const FilterControl = ({
   columnKey,
   onFilter,

package/dist/DatePicker/Calendar/CalendarBody.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { CalendarBodyProps } from './types';
+export declare const CalendarBody: React.FC<CalendarBodyProps>;

package/dist/DatePicker/Calendar/CalendarBody.js

@@ -0,0 +1,145 @@
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import * as React from 'react';
+import { useIsoFirstWeekday, useResolvedLocale } from '../utils/locale';
+import { getDatesWithRow, getMonthGrid, isDateDisabled, isDateInRange, isSameDay } from './utils/dateGrid';
+import { CalendarTable, DateCell, TableHeader } from './utils/elements';
+import { formatDateForAriaLabel, getWeekdayNames } from './utils/format';
+import { keyHandler } from './utils/keyHandler';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CalendarBody = ({
+  displayDate,
+  selectedDate,
+  endDate = null,
+  disabledDates = [],
+  onDateSelect,
+  locale,
+  weekStartsOn,
+  labelledById,
+  focusedDate,
+  onFocusedDateChange,
+  onDisplayDateChange,
+  onEscapeKeyPress,
+  hasAdjacentMonthRight,
+  hasAdjacentMonthLeft,
+  focusGridSync
+}) => {
+  const resolvedLocale = useResolvedLocale(locale);
+  const firstWeekday = useIsoFirstWeekday(resolvedLocale, weekStartsOn);
+  const year = displayDate.getFullYear();
+  const month = displayDate.getMonth();
+  const weeks = getMonthGrid(year, month, firstWeekday);
+  const weekdayLabels = getWeekdayNames('short', resolvedLocale, firstWeekday);
+  const weekdayFullNames = getWeekdayNames('long', resolvedLocale, firstWeekday);
+  const buttonRefs = useRef(new Map());
+  const tableRef = useRef(null);
+  const datesWithRow = useMemo(() => getDatesWithRow(weeks), [weeks]);
+  const focusTarget = focusedDate ?? selectedDate;
+  const isToday = useCallback(date => date !== null && isSameDay(date, new Date()), []);
+  const focusButton = useCallback(date => {
+    if (date === null) return false;
+    const key = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+    const el = buttonRefs.current.get(key);
+    if (!el) return false;
+    el.focus();
+    return true;
+  }, []);
+  useEffect(() => {
+    // Keep the roving tabindex / focused day aligned with `focusTarget` when it makes sense for a11y.
+    if (focusTarget === null) return;
+
+    // Standalone calendar (e.g. Storybook): always move DOM focus to the active day.
+    if (!focusGridSync) {
+      focusButton(focusTarget);
+      return;
+    }
+    const inGrid = tableRef.current?.contains(document.activeElement);
+    const requested = focusGridSync.gridFocusRequested;
+
+    // Focus is already in this grid (keyboard nav): update which day is focused as `focusTarget` changes.
+    if (inGrid) {
+      focusButton(focusTarget);
+      return;
+    }
+
+    // DatePicker opened via keyboard / ArrowDown: parent asked to move focus into the grid once.
+    if (requested) {
+      const success = focusButton(focusTarget);
+      if (success) {
+        focusGridSync.onGridFocusRequestHandled();
+      }
+    }
+    // If !inGrid && !requested (e.g. calendar opened with the mouse): leave focus on the input — do not call focusButton.
+  }, [focusTarget, focusButton, focusGridSync]);
+  const handleKeyDown = useCallback((e, date) => keyHandler({
+    e,
+    date,
+    onFocusedDateChange,
+    datesWithRow,
+    month,
+    year,
+    disabledDates,
+    onDateSelect,
+    onEscapeKeyPress,
+    onDisplayDateChange,
+    hasAdjacentMonthRight,
+    hasAdjacentMonthLeft
+  }), [onFocusedDateChange, datesWithRow, month, year, disabledDates, onDateSelect, onEscapeKeyPress, onDisplayDateChange, hasAdjacentMonthLeft, hasAdjacentMonthRight]);
+  const setButtonRef = useCallback((date, el) => {
+    const k = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+    if (el) buttonRefs.current.set(k, el);else buttonRefs.current.delete(k);
+  }, []);
+  return /*#__PURE__*/_jsxs(CalendarTable, {
+    "aria-labelledby": labelledById,
+    ref: tableRef,
+    role: "grid",
+    children: [/*#__PURE__*/_jsx("thead", {
+      children: /*#__PURE__*/_jsx("tr", {
+        children: weekdayLabels.map((label, i) => /*#__PURE__*/_jsx(TableHeader, {
+          abbr: weekdayFullNames[i],
+          scope: "col",
+          children: label
+        }, label))
+      })
+    }), /*#__PURE__*/_jsx("tbody", {
+      children: weeks.map((week, rowIndex) => /*#__PURE__*/_jsx("tr", {
+        children: week.map((date, colIndex) => {
+          if (date === null) {
+            return (
+              /*#__PURE__*/
+              // eslint-disable-next-line jsx-a11y/control-has-associated-label
+              _jsx("td", {
+                role: "gridcell"
+              }, `empty-${rowIndex}-${colIndex}`)
+            );
+          }
+          const selected = isSameDay(date, selectedDate) || isSameDay(date, endDate);
+          const range = !!selectedDate && !!endDate;
+          const inRange = range && isDateInRange(date, selectedDate, endDate);
+          const disabled = isDateDisabled(date, disabledDates);
+          const today = isToday(date);
+          // this is making the selected date a differnet color bc it is focused, look into further
+          const isFocused = focusTarget !== null && isSameDay(date, focusTarget);
+          return /*#__PURE__*/_jsx(DateCell, {
+            "aria-current": today ? 'date' : undefined,
+            "aria-disabled": disabled,
+            "aria-label": formatDateForAriaLabel(date, resolvedLocale),
+            "aria-selected": selected || inRange,
+            isDisabled: disabled,
+            isInRange: inRange,
+            isRangeEnd: range && isSameDay(date, endDate),
+            isRangeStart: range && isSameDay(date, selectedDate),
+            isSelected: selected,
+            isToday: today,
+            ref: el => setButtonRef(date, el),
+            role: "gridcell",
+            tabIndex: isFocused ? 0 : -1,
+            onClick: () => onDateSelect(date),
+            onFocus: () => onFocusedDateChange?.(date),
+            onKeyDown: e => handleKeyDown(e, date),
+            children: date.getDate()
+          }, date.getTime());
+        })
+      }, week.join('-')))
+    })]
+  });
+};

package/dist/DatePicker/Calendar/CalendarFooter.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { CalendarFooterProps } from './types';
+export declare const CalendarFooter: React.FC<CalendarFooterProps>;

package/dist/DatePicker/Calendar/CalendarFooter.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { FlexBox } from '../../Box';
+import { TextButton } from '../../Button';
+import { useResolvedLocale } from '../utils/locale';
+import { DEFAULT_DATE_PICKER_TRANSLATIONS } from '../utils/translations';
+import { getRelativeTodayLabel } from './utils/format';
+
+// function formatQuickActionLabel(action: QuickAction): string {
+//   const { num, timePeriod } = action;
+//   const period =
+//     timePeriod === 'day'
+//       ? num === 1
+//         ? 'day'
+//         : 'days'
+//       : timePeriod === 'week'
+//       ? num === 1
+//         ? 'week'
+//         : 'weeks'
+//       : timePeriod === 'month'
+//       ? num === 1
+//         ? 'month'
+//         : 'months'
+//       : num === 1
+//       ? 'year'
+//       : 'years';
+//   return `${num} ${period}`;
+// }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CalendarFooter = ({
+  onClearDate,
+  onTodayClick,
+  locale,
+  clearText = DEFAULT_DATE_PICKER_TRANSLATIONS.clearText,
+  disabled,
+  showClearButton
+}) => {
+  const resolvedLocale = useResolvedLocale(locale);
+  // const actions = quickActions.slice(0, 3);
+
+  return /*#__PURE__*/_jsxs(FlexBox, {
+    alignItems: "center",
+    borderTop: 1,
+    justifyContent: "space-between",
+    p: 12,
+    children: [showClearButton && /*#__PURE__*/_jsx(TextButton, {
+      disabled: disabled,
+      onClick: () => onClearDate?.(),
+      children: clearText
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      gap: 32,
+      children: /*#__PURE__*/_jsx(TextButton, {
+        onClick: () => onTodayClick?.(),
+        children: getRelativeTodayLabel(resolvedLocale)
+      })
+    })]
+  });
+};

package/dist/DatePicker/Calendar/CalendarHeader.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { CalendarHeaderProps } from './types';
+export declare const CalendarHeader: React.FC<CalendarHeaderProps>;

package/dist/DatePicker/Calendar/CalendarHeader.js

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { FlexBox } from '../../Box';
+import { Text } from '../../Typography';
+import { useResolvedLocale } from '../utils/locale';
+import { CalendarNavLastMonth } from './CalendarNavLastMonth';
+import { CalendarNavNextMonth } from './CalendarNavNextMonth';
+import { formatMonthYear } from './utils/format';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CalendarHeader = ({
+  displayDate,
+  locale,
+  headingId,
+  onDisplayDateChange,
+  hideLastNav,
+  hideNextNav,
+  onLastMonthClick,
+  onNextMonthClick
+}) => {
+  const resolvedLocale = useResolvedLocale(locale);
+  return /*#__PURE__*/_jsxs(FlexBox, {
+    alignItems: "center",
+    pb: 8,
+    children: [!hideLastNav && /*#__PURE__*/_jsx(CalendarNavLastMonth, {
+      displayDate: displayDate,
+      locale: locale,
+      onDisplayDateChange: onDisplayDateChange,
+      onLastMonthClick: onLastMonthClick
+    }), /*#__PURE__*/_jsx(FlexBox, {
+      justifyContent: "center",
+      width: "100%",
+      children: /*#__PURE__*/_jsx(Text, {
+        "aria-live": "polite",
+        fontSize: 16,
+        fontWeight: "title",
+        id: headingId,
+        textAlign: "center",
+        children: formatMonthYear(displayDate, resolvedLocale)
+      })
+    }), !hideNextNav && /*#__PURE__*/_jsx(CalendarNavNextMonth, {
+      displayDate: displayDate,
+      locale: locale,
+      onDisplayDateChange: onDisplayDateChange,
+      onNextMonthClick: onNextMonthClick
+    })]
+  });
+};

package/dist/DatePicker/Calendar/CalendarNavLastMonth.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { CalendarNavProps } from './types';
+export declare const CalendarNavLastMonth: React.FC<CalendarNavProps>;

package/dist/DatePicker/Calendar/CalendarNavLastMonth.js

@@ -0,0 +1,30 @@
+import { MiniChevronLeftIcon } from '@codecademy/gamut-icons';
+import * as React from 'react';
+import { IconButton } from '../../Button';
+import { useResolvedLocale } from '../utils/locale';
+import { getRelativeMonthLabels } from './utils/format';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CalendarNavLastMonth = ({
+  displayDate,
+  onDisplayDateChange,
+  onLastMonthClick,
+  locale
+}) => {
+  const resolvedLocale = useResolvedLocale(locale);
+  const {
+    lastMonth
+  } = getRelativeMonthLabels(resolvedLocale);
+  const handleLastMonth = () => {
+    const lastMonth = new Date(displayDate.getFullYear(), displayDate.getMonth() - 1, 1);
+    onDisplayDateChange?.(lastMonth);
+    onLastMonthClick?.();
+  };
+  return /*#__PURE__*/_jsx(IconButton, {
+    alignSelf: "flex-start",
+    "aria-label": lastMonth,
+    icon: MiniChevronLeftIcon,
+    size: "small",
+    tip: lastMonth,
+    onClick: handleLastMonth
+  });
+};

package/dist/DatePicker/Calendar/CalendarNavNextMonth.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { CalendarNavProps } from './types';
+export declare const CalendarNavNextMonth: React.FC<CalendarNavProps>;

package/dist/DatePicker/Calendar/CalendarNavNextMonth.js

@@ -0,0 +1,30 @@
+import { MiniChevronRightIcon } from '@codecademy/gamut-icons';
+import * as React from 'react';
+import { IconButton } from '../../Button';
+import { useResolvedLocale } from '../utils/locale';
+import { getRelativeMonthLabels } from './utils/format';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CalendarNavNextMonth = ({
+  displayDate,
+  onDisplayDateChange,
+  onNextMonthClick,
+  locale
+}) => {
+  const resolvedLocale = useResolvedLocale(locale);
+  const {
+    nextMonth
+  } = getRelativeMonthLabels(resolvedLocale);
+  const handleNextMonth = () => {
+    const nextMonth = new Date(displayDate.getFullYear(), displayDate.getMonth() + 1, 1);
+    onDisplayDateChange?.(nextMonth);
+    onNextMonthClick?.();
+  };
+  return /*#__PURE__*/_jsx(IconButton, {
+    alignSelf: "flex-end",
+    "aria-label": nextMonth,
+    icon: MiniChevronRightIcon,
+    size: "small",
+    tip: nextMonth,
+    onClick: handleNextMonth
+  });
+};

package/dist/DatePicker/Calendar/CalendarWrapper.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { WithChildrenProp } from '../../utils';
+/**
+ * Outer wrapper for the calendar (header + body + footer).
+ * Used by DatePickerCalendar to group the calendar content.
+ * Renders a CheckerDense pattern shadow at offset left 8, top 8.
+ */
+export declare const CalendarWrapper: React.FC<WithChildrenProp>;

package/dist/DatePicker/Calendar/CalendarWrapper.js

@@ -0,0 +1,27 @@
+import { CheckerDense } from '@codecademy/gamut-patterns';
+import * as React from 'react';
+import { Box } from '../../Box';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Outer wrapper for the calendar (header + body + footer).
+ * Used by DatePickerCalendar to group the calendar content.
+ * Renders a CheckerDense pattern shadow at offset left 8, top 8.
+ */
+export const CalendarWrapper = ({
+  children
+}) => /*#__PURE__*/_jsxs(Box, {
+  position: "relative",
+  width: "max-content",
+  children: [/*#__PURE__*/_jsx(CheckerDense, {
+    left: 8,
+    position: "absolute",
+    top: 8
+  }), /*#__PURE__*/_jsx(Box, {
+    bg: "background",
+    border: 1,
+    borderRadius: "sm",
+    position: "relative",
+    zIndex: 1,
+    children: children
+  })]
+});

package/dist/DatePicker/Calendar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './CalendarWrapper';
+export * from './CalendarHeader';
+export * from './CalendarBody';
+export * from './CalendarFooter';
+export * from './CalendarNavLastMonth';
+export * from './CalendarNavNextMonth';

package/dist/DatePicker/Calendar/index.js

@@ -0,0 +1,6 @@
+export * from './CalendarWrapper';
+export * from './CalendarHeader';
+export * from './CalendarBody';
+export * from './CalendarFooter';
+export * from './CalendarNavLastMonth';
+export * from './CalendarNavNextMonth';

package/dist/DatePicker/Calendar/types.d.ts

@@ -0,0 +1,77 @@
+import type { IsoWeekday } from '../utils/locale';
+export interface CalendarBaseProps {
+    /** Used for the currently displayed month and year */
+    displayDate: Date;
+    /** Called when the displayed month changes. Pass the new date (e.g. setDisplayDate) so the calendar updates. */
+    onDisplayDateChange: (newDate: Date) => void;
+    /**
+     * Locale for formatting and `Intl.Locale` APIs. Accepts `Intl.LocalesArgument` (e.g. `'en-US'`,
+     * `['en-GB', 'en']`, or a prebuilt `Intl.Locale`). Omitted → runtime default (user agent).
+     */
+    locale?: Intl.LocalesArgument;
+    /** Dates that should be disabled (unselectable) */
+    disabledDates?: Date[];
+}
+export interface CalendarNavProps extends Omit<CalendarBaseProps, 'disabledDates'> {
+    /** Called after navigating to previous month. */
+    onLastMonthClick?: () => void;
+    /** Called after navigating to next month */
+    onNextMonthClick?: () => void;
+}
+export interface CalendarHeaderProps extends CalendarNavProps {
+    hideLastNav?: boolean;
+    hideNextNav?: boolean;
+    /** Used for the currently displayed second month and year when in two-month view */
+    secondDisplayDate?: Date;
+    /** id for the heading (for grid aria-labelledby) */
+    headingId: string;
+}
+export interface CalendarBodyProps extends CalendarBaseProps {
+    /** Selected start date (single or range start) */
+    selectedDate: Date | null;
+    /** Selected end date (range only; undefined for single-date mode) */
+    endDate?: Date | null;
+    /** Called when a date cell is selected */
+    onDateSelect: (date: Date) => void;
+    /**
+     * Force first column to this ISO weekday (1 = Monday … 7 = Sunday). Same scale as
+     * `Intl.Locale#getWeekInfo().firstDay`. Omit to use locale (polyfill where needed).
+     */
+    weekStartsOn?: IsoWeekday;
+    /** Id of the month/year heading (aria-labelledby on grid) */
+    labelledById: string;
+    /** For keyboard nav: which cell has focus (roving tabindex) */
+    focusedDate: Date | null;
+    /** Callback when focused date changes (e.g. arrow keys) */
+    onFocusedDateChange: (date: Date | null) => void;
+    /** Called when the escape key is pressed */
+    onEscapeKeyPress?: () => void;
+    /** When true (e.g. two-month view), arrow keys move focus to adjacent month without changing visible date. */
+    hasAdjacentMonthRight?: boolean;
+    /** When true (e.g. two-month view), arrow keys move focus to adjacent month without changing visible date. */
+    hasAdjacentMonthLeft?: boolean;
+    /**
+     * When set (DatePicker), only programmatically focuses a day when the grid already has focus
+     * or `gridFocusRequested` is true (keyboard open / ArrowDown from input).
+     * Omit for standalone calendar stories — keeps legacy behavior (always sync focus to focusedDate).
+     */
+    focusGridSync?: {
+        gridFocusRequested: boolean;
+        signal: boolean;
+        onGridFocusRequestHandled: () => void;
+    };
+}
+export interface QuickAction {
+    num: number;
+    timePeriod: 'day' | 'week' | 'month' | 'year';
+    onClick: () => void;
+}
+export interface CalendarFooterProps extends Pick<CalendarBaseProps, 'locale'> {
+    disabled?: boolean;
+    showClearButton?: boolean;
+    clearText?: string;
+    onClearDate?: () => void;
+    onTodayClick?: () => void;
+    /** Max 3 quick actions (e.g. "7 days", "1 month") */
+    quickActions?: QuickAction[];
+}

package/dist/DatePicker/Calendar/types.js

@@ -0,0 +1 @@
+export {};

package/dist/DatePicker/Calendar/utils/dateGrid.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Builds a grid of days for a calendar month using native Date and Intl.
+ * Each row has 7 cells; leading/trailing cells may be null (padding from adjacent months).
+ */
+import type { IsoWeekday } from '../../utils/locale';
+/**
+ * Number of empty cells before the 1st of the month, for a grid whose first column is
+ * `firstWeekday` (ISO: 1 = Monday … 7 = Sunday from `Intl.Locale#getWeekInfo`).
+ */
+export declare const getWeekdayOffsetInGrid: (date: Date, firstWeekday: IsoWeekday) => number;
+/**
+ * Returns an array of weeks for the given month. Each week is an array of 7 items:
+ * each item is either a Date (that day) or null (padding from previous/next month).
+ *
+ * @param year - Full year (e.g. 2026)
+ * @param month - Month 0-11 (0 = January)
+ * @param firstWeekday - First day of the week for the calendar row (ISO 1–7, from `getWeekInfo().firstDay`)
+ */
+export declare const getMonthGrid: (year: number, month: number, firstWeekday: IsoWeekday) => (Date | null)[][];
+/**
+ * Check if two dates are the same calendar day (ignoring time).
+ */
+export declare const isSameDay: (a: Date | null, b: Date | null) => boolean;
+/**
+ * Check if `date` is between `start` and `end` (exclusive), ignoring time.
+ */
+export declare const isDateInRange: (date: Date, start: Date | null, end: Date | null) => boolean;
+/**
+ * Check if `date` is in the `disabledDates` list (by calendar day).
+ */
+export declare const isDateDisabled: (date: Date, disabledDates?: Date[]) => boolean;
+/** One visible day in the month grid with its row (for Home/End and keyboard nav). */
+export type DateWithRow = {
+    date: Date;
+    rowIndex: number;
+};
+/** Flat list of dates in grid order (row-major, non-null only) with row index for Home/End */
+export declare const getDatesWithRow: (weeks: (Date | null)[][]) => DateWithRow[];

package/dist/DatePicker/Calendar/utils/dateGrid.js

@@ -0,0 +1,103 @@
+/**
+ * Builds a grid of days for a calendar month using native Date and Intl.
+ * Each row has 7 cells; leading/trailing cells may be null (padding from adjacent months).
+ */
+
+const DAYS_PER_WEEK = 7;
+
+/**
+ * Normalize to start of day in local time for comparison.
+ */
+const normalizeDate = date => {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+};
+
+/**
+ * Number of empty cells before the 1st of the month, for a grid whose first column is
+ * `firstWeekday` (ISO: 1 = Monday … 7 = Sunday from `Intl.Locale#getWeekInfo`).
+ */
+export const getWeekdayOffsetInGrid = (date, firstWeekday) => {
+  const js = date.getDay();
+  const iso = js === 0 ? 7 : js;
+  return (iso - firstWeekday + 14) % 7;
+};
+
+/**
+ * Returns an array of weeks for the given month. Each week is an array of 7 items:
+ * each item is either a Date (that day) or null (padding from previous/next month).
+ *
+ * @param year - Full year (e.g. 2026)
+ * @param month - Month 0-11 (0 = January)
+ * @param firstWeekday - First day of the week for the calendar row (ISO 1–7, from `getWeekInfo().firstDay`)
+ */
+export const getMonthGrid = (year, month, firstWeekday) => {
+  const first = new Date(year, month, 1);
+  const last = new Date(year, month + 1, 0);
+  const firstDayOfWeek = getWeekdayOffsetInGrid(first, firstWeekday);
+  const daysInMonth = last.getDate();
+  const weeks = [];
+  let currentWeek = [];
+  for (let i = 0; i < firstDayOfWeek; i += 1) {
+    currentWeek.push(null);
+  }
+  for (let day = 1; day <= daysInMonth; day += 1) {
+    currentWeek.push(new Date(year, month, day));
+    if (currentWeek.length === DAYS_PER_WEEK) {
+      weeks.push(currentWeek);
+      currentWeek = [];
+    }
+  }
+
+  // Pad end of last week with nulls
+  if (currentWeek.length > 0) {
+    while (currentWeek.length < DAYS_PER_WEEK) {
+      currentWeek.push(null);
+    }
+    weeks.push(currentWeek);
+  }
+  return weeks;
+};
+
+/**
+ * Check if two dates are the same calendar day (ignoring time).
+ */
+export const isSameDay = (a, b) => {
+  if (a === null || b === null) return false;
+  return normalizeDate(a) === normalizeDate(b);
+};
+
+/**
+ * Check if `date` is between `start` and `end` (exclusive), ignoring time.
+ */
+export const isDateInRange = (date, start, end) => {
+  if (start === null) return false;
+  const normalizedDateTime = normalizeDate(date);
+  const normalizedStartDateTime = normalizeDate(start);
+  const normalizedEndDateTime = end !== null ? normalizeDate(end) : normalizedStartDateTime;
+  const low = Math.min(normalizedStartDateTime, normalizedEndDateTime);
+  const high = Math.max(normalizedStartDateTime, normalizedEndDateTime);
+  return normalizedDateTime > low && normalizedDateTime < high;
+};
+
+/**
+ * Check if `date` is in the `disabledDates` list (by calendar day).
+ */
+export const isDateDisabled = (date, disabledDates = []) => {
+  return disabledDates.some(d => isSameDay(date, d));
+};
+
+/** One visible day in the month grid with its row (for Home/End and keyboard nav). */
+
+/** Flat list of dates in grid order (row-major, non-null only) with row index for Home/End */
+export const getDatesWithRow = weeks => {
+  const result = [];
+  weeks.forEach((week, rowIndex) => {
+    week.forEach(date => {
+      if (date !== null) result.push({
+        date,
+        rowIndex
+      });
+    });
+  });
+  return result;
+};