@atom-learning/components 6.4.2 → 6.5.0

package/dist/components/pagination/pagination.constants.js

@@ -1,2 +1,8 @@
-var O=(E=>(E[E.LESS=6]="LESS",E[E.MORE=8]="MORE",E))(O||{});const _="VIEW_ALL_POPOVER",P="GO_TO_PREVIOUS_PAGE",G="GO_TO_NEXT_PAGE";export{G as GO_TO_NEXT_PAGE,P as GO_TO_PREVIOUS_PAGE,_ as VIEW_ALL_POPOVER,O as VisibleElementsAmount};
-//# sourceMappingURL=pagination.constants.js.map
+//#region src/components/pagination/pagination.constants.ts
+var e = /* @__PURE__ */ function(e) {
+	return e[e.LESS = 6] = "LESS", e[e.MORE = 8] = "MORE", e;
+}({}), t = "VIEW_ALL_POPOVER", n = "GO_TO_PREVIOUS_PAGE", r = "GO_TO_NEXT_PAGE";
+//#endregion
+export { r as GO_TO_NEXT_PAGE, n as GO_TO_PREVIOUS_PAGE, t as VIEW_ALL_POPOVER, e as VisibleElementsAmount };
+
+//# sourceMappingURL=pagination.constants.js.map

package/dist/components/pagination/pagination.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.constants.js","sources":["../../../src/components/pagination/pagination.constants.ts"],"sourcesContent":["export enum VisibleElementsAmount {\n  LESS = 6,\n  MORE = 8\n}\n\nexport const VIEW_ALL_POPOVER = 'VIEW_ALL_POPOVER'\nexport const GO_TO_PREVIOUS_PAGE = 'GO_TO_PREVIOUS_PAGE'\nexport const GO_TO_NEXT_PAGE = 'GO_TO_NEXT_PAGE'\n"],"names":["VisibleElementsAmount","_","VIEW_ALL_POPOVER","GO_TO_PREVIOUS_PAGE","GO_TO_NEXT_PAGE"],"mappings":"AAAO,IAAKA,GAAAA,IACVA,EAAAA,EAAA,KAAO,CAAA,EAAP,OACAA,EAAAC,EAAA,KAAO,CAAP,EAAA,OAFUD,IAAAA,GAKL,CAAA,CAAA,EAAA,MAAME,EAAmB,mBACnBC,EAAsB,sBACtBC,EAAkB"}
+{"version":3,"file":"pagination.constants.js","names":[],"sources":["../../../src/components/pagination/pagination.constants.ts"],"sourcesContent":["export enum VisibleElementsAmount {\n  LESS = 6,\n  MORE = 8\n}\n\nexport const VIEW_ALL_POPOVER = 'VIEW_ALL_POPOVER'\nexport const GO_TO_PREVIOUS_PAGE = 'GO_TO_PREVIOUS_PAGE'\nexport const GO_TO_NEXT_PAGE = 'GO_TO_NEXT_PAGE'\n"],"mappings":";AAAA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,OAAA,KAAA,QACA,EAAA,EAAA,OAAA,KAAA;KACD,EAEY,IAAmB,oBACnB,IAAsB,uBACtB,IAAkB"}

package/dist/components/pagination/pagination.helper.js

@@ -1,2 +1,37 @@
-import{VIEW_ALL_POPOVER as p,GO_TO_PREVIOUS_PAGE as d,GO_TO_NEXT_PAGE as A}from"./pagination.constants.js";const m=(t,e,r)=>{const n=Array.from({length:e},(s,O)=>O+1);let u=r-2;const o=s=>[d,...s,A];if(e<=u)return o(n);const i=r>=5,c=r>=4,h=r>=3;c&&(u-=1),i&&(u-=1);const a=n[0],f=n[n.length-1];if(t<u){const s=[];return h&&s.push(...n.slice(0,u)),c&&s.push(p),i&&s.push(f),o(s)}if(t>e-u){const s=[];return i&&s.push(a),c&&s.push(p),h&&s.push(...n.slice(e-u,e)),o(s)}const P=h,_=r>=6,g=r>=7,E=i,l=[];return g?l.push(...n.slice(t+1-u,t+1)):_?l.push(...n.slice(t-u,t)):P&&l.push(...n.slice(t-1,t-1+1)),c&&l.push(p),E&&l.push(f),o(l)},G=(t,e,r)=>{if(t>r)return;let n=t;for(;e.includes(n);)n++;return n},T=(t,e)=>{if(t<1)return;let r=t;for(;e.includes(r);)r--;return r};export{G as findNextAvailablePage,T as findPreviousAvailablePage,m as getPaginationElementsToRender};
-//# sourceMappingURL=pagination.helper.js.map
+import { GO_TO_NEXT_PAGE as e, GO_TO_PREVIOUS_PAGE as t, VIEW_ALL_POPOVER as n } from "./pagination.constants.js";
+//#region src/components/pagination/pagination.helper.ts
+var r = (r, i, a) => {
+	let o = Array.from({ length: i }, (e, t) => t + 1), s = a - 2, c = (n) => [
+		t,
+		...n,
+		e
+	];
+	if (i <= s) return c(o);
+	let l = a >= 5, u = a >= 4, d = a >= 3;
+	u && --s, l && --s;
+	let f = o[0], p = o[o.length - 1];
+	if (r < s) {
+		let e = [];
+		return d && e.push(...o.slice(0, s)), u && e.push(n), l && e.push(p), c(e);
+	}
+	if (r > i - s) {
+		let e = [];
+		return l && e.push(f), u && e.push(n), d && e.push(...o.slice(i - s, i)), c(e);
+	}
+	let m = d, h = a >= 6, g = a >= 7, _ = l, v = [];
+	return g ? v.push(...o.slice(r + 1 - s, r + 1)) : h ? v.push(...o.slice(r - s, r)) : m && v.push(...o.slice(r - 1, r - 1 + 1)), u && v.push(n), _ && v.push(p), c(v);
+}, i = (e, t, n) => {
+	if (e > n) return;
+	let r = e;
+	for (; t.includes(r);) r++;
+	return r;
+}, a = (e, t) => {
+	if (e < 1) return;
+	let n = e;
+	for (; t.includes(n);) n--;
+	return n;
+};
+//#endregion
+export { i as findNextAvailablePage, a as findPreviousAvailablePage, r as getPaginationElementsToRender };
+
+//# sourceMappingURL=pagination.helper.js.map

package/dist/components/pagination/pagination.helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.helper.js","sources":["../../../src/components/pagination/pagination.helper.ts"],"sourcesContent":["import {\n  GO_TO_NEXT_PAGE,\n  GO_TO_PREVIOUS_PAGE,\n  VIEW_ALL_POPOVER\n} from './pagination.constants'\nimport { PaginationItemsToRender } from './types'\n\nexport const getPaginationElementsToRender = (\n  currentPage: number,\n  pagesCount: number,\n  visibleElementsCount: number\n): PaginationItemsToRender => {\n  const paginationPages = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  /*\n   * As we always show the `<` `>` arrows,\n   * subtract 2 from `visibleElementsCount` (one for each of the GO_TO_PREVIOUS/NEXT_PAGE arrows)\n   * to get the `visiblePagesCount`\n   */\n  let visiblePagesCount = visibleElementsCount - 2\n  const withPreviousNextPageArrows = (paginationPages) => [\n    GO_TO_PREVIOUS_PAGE,\n    ...paginationPages,\n    GO_TO_NEXT_PAGE\n  ]\n\n  /**\n   * If fewer pages than threshold for truncating render them all.\n   *\n   * pagesCount: 6\n   * visibleElementsCount: >=6\n   * returns [GO_TO_PREVIOUS_PAGE, 1, 2, 3, 4, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | 2 |  | 3 |  | 4 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (pagesCount <= visiblePagesCount) {\n    return withPreviousNextPageArrows(paginationPages)\n  }\n\n  /**\n   * If current page is either at the very start or at the very end of the pages\n   */\n  const canFitEdgePage = visibleElementsCount >= 5\n  const canFitViewAllPopover = visibleElementsCount >= 4\n  const canFitPages = visibleElementsCount >= 3\n\n  if (canFitViewAllPopover) {\n    // Subtract one from visiblePagesCount to accomodate for us adding the `[…]` VIEW_ALL_POPOVER\n    visiblePagesCount -= 1\n  }\n\n  if (canFitEdgePage) {\n    // Subtract one more from visiblePagesCount to accomodate for us adding the GO_TO_PREVIOUS/NEXT_PAGE arrows\n    visiblePagesCount -= 1\n  }\n\n  const firstPage = paginationPages[0]\n  const lastPage = paginationPages[paginationPages.length - 1]\n\n  /**\n   * If we're truncating and current page is at the start of the page list,\n   * render the initial truncated page list, e.g.\n   *\n   *  pagesCount: 8\n   *  currentPage: 1/2\n   *  visibleElementsCount: 6\n   *  returns [GO_TO_PREVIOUS_PAGE, 1, 2, VIEW_ALL_POPOVER, 6, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | 2 |  | … |  | 8 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (currentPage < visiblePagesCount) {\n    const newPaginationItems = [] as PaginationItemsToRender\n    if (canFitPages) {\n      newPaginationItems.push(...paginationPages.slice(0, visiblePagesCount))\n    }\n    if (canFitViewAllPopover) {\n      newPaginationItems.push(VIEW_ALL_POPOVER)\n    }\n    if (canFitEdgePage) {\n      newPaginationItems.push(lastPage)\n    }\n    return withPreviousNextPageArrows(newPaginationItems)\n  }\n\n  /**\n   * If we're truncating and the current page is towards the end of the\n   * page list (depending on visibleElementsCount),\n   * render a truncated page list from the end, e.g.\n   *\n   *  pagesCount: 8\n   *  currentPage: 7/8\n   *  visibleElementsCount: 6\n   *  returns [GO_TO_PREVIOUS_PAGE, 1, VIEW_ALL_POPOVER, 7, 8, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | … |  | 7 |  | 8 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (currentPage > pagesCount - visiblePagesCount) {\n    const newPaginationItems = [] as PaginationItemsToRender\n    if (canFitEdgePage) {\n      newPaginationItems.push(firstPage)\n    }\n    if (canFitViewAllPopover) {\n      newPaginationItems.push(VIEW_ALL_POPOVER)\n    }\n    if (canFitPages) {\n      newPaginationItems.push(\n        ...paginationPages.slice(pagesCount - visiblePagesCount, pagesCount)\n      )\n    }\n    return withPreviousNextPageArrows(newPaginationItems)\n  }\n\n  /**\n   * If we're truncating and the current page doesn't meet any of the previous conditions\n   * (we're in the middle)\n   * render a truncated page list from a specific index relative to `currentPage`, e.g.\n   *\n   *  currentPage: 4\n   *  visibleElementsCount: 6 // VisibleElementsAmount.LESS\n   *  returns [GO_TO_PREVIOUS_PAGE, 3, 4, VIEW_ALL_POPOVER, 6, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 3 |  | 4 |  | … |  | 6 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   *  currentPage: 6\n   *  visibleElementsCount: 8 // VisibleElementsAmount.MORE\n   *  returns [GO_TO_PREVIOUS_PAGE, 4, 5, 6, 7, VIEW_ALL_POPOVER, 10, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 4 |  | 5 |  | 6 |  | 7 |  | … |  | 10 | | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+  +---+  +---+\n   */\n  const canFitCurrentPage = canFitPages\n  const canFitCurrentPageAndPreviousPage = visibleElementsCount >= 6\n  const canFitCurrentPageAndPreviousPageAndNextPage = visibleElementsCount >= 7\n  const canFitLastPage = canFitEdgePage\n\n  const newPaginationItems = [] as PaginationItemsToRender\n  if (canFitCurrentPageAndPreviousPageAndNextPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(\n        currentPage + 1 - visiblePagesCount,\n        currentPage + 1\n      )\n    )\n  } else if (canFitCurrentPageAndPreviousPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(currentPage - visiblePagesCount, currentPage)\n    )\n  } else if (canFitCurrentPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(currentPage - 1, currentPage - 1 + 1)\n    )\n  }\n  if (canFitViewAllPopover) {\n    newPaginationItems.push(VIEW_ALL_POPOVER)\n  }\n  if (canFitLastPage) {\n    newPaginationItems.push(lastPage)\n  }\n  return withPreviousNextPageArrows(newPaginationItems)\n}\n\nexport const findNextAvailablePage = (\n  startPage: number,\n  disabledPages: number[],\n  pagesCount: number\n): number | undefined => {\n  if (startPage > pagesCount) return\n  let nextPage = startPage\n  while (disabledPages.includes(nextPage)) {\n    nextPage++\n  }\n  return nextPage\n}\n\nexport const findPreviousAvailablePage = (\n  startPage: number,\n  disabledPages: number[]\n): number | undefined => {\n  if (startPage < 1) return\n  let previousPage = startPage\n  while (disabledPages.includes(previousPage)) {\n    previousPage--\n  }\n  return previousPage\n}\n"],"names":["getPaginationElementsToRender","currentPage","pagesCount","visibleElementsCount","paginationPages","_","index","visiblePagesCount","withPreviousNextPageArrows","GO_TO_PREVIOUS_PAGE","GO_TO_NEXT_PAGE","canFitEdgePage","canFitViewAllPopover","canFitPages","firstPage","lastPage","newPaginationItems","VIEW_ALL_POPOVER","canFitCurrentPage","canFitCurrentPageAndPreviousPage","canFitCurrentPageAndPreviousPageAndNextPage","canFitLastPage","findNextAvailablePage","startPage","disabledPages","nextPage","findPreviousAvailablePage","previousPage"],"mappings":"2GAOa,MAAAA,EAAgC,CAC3CC,EACAC,EACAC,IAC4B,CAC5B,MAAMC,EAAkB,MAAM,KAC5B,CAAE,OAAQF,CAAW,EACrB,CAACG,EAAGC,IAAUA,EAAQ,CACxB,EAOA,IAAIC,EAAoBJ,EAAuB,EAC/C,MAAMK,EAA8BJ,GAAoB,CACtDK,EACA,GAAGL,EACHM,CACF,EAaA,GAAIR,GAAcK,EAChB,OAAOC,EAA2BJ,CAAe,EAMnD,MAAMO,EAAiBR,GAAwB,EACzCS,EAAuBT,GAAwB,EAC/CU,EAAcV,GAAwB,EAExCS,IAEFL,GAAqB,GAGnBI,IAEFJ,GAAqB,GAGvB,MAAMO,EAAYV,EAAgB,CAAC,EAC7BW,EAAWX,EAAgBA,EAAgB,OAAS,CAAC,EAe3D,GAAIH,EAAcM,EAAmB,CACnC,MAAMS,EAAqB,CAAC,EAC5B,OAAIH,GACFG,EAAmB,KAAK,GAAGZ,EAAgB,MAAM,EAAGG,CAAiB,CAAC,EAEpEK,GACFI,EAAmB,KAAKC,CAAgB,EAEtCN,GACFK,EAAmB,KAAKD,CAAQ,EAE3BP,EAA2BQ,CAAkB,CACtD,CAgBA,GAAIf,EAAcC,EAAaK,EAAmB,CAChD,MAAMS,EAAqB,GAC3B,OAAIL,GACFK,EAAmB,KAAKF,CAAS,EAE/BF,GACFI,EAAmB,KAAKC,CAAgB,EAEtCJ,GACFG,EAAmB,KACjB,GAAGZ,EAAgB,MAAMF,EAAaK,EAAmBL,CAAU,CACrE,EAEKM,EAA2BQ,CAAkB,CACtD,CAqBA,MAAME,EAAoBL,EACpBM,EAAmChB,GAAwB,EAC3DiB,EAA8CjB,GAAwB,EACtEkB,EAAiBV,EAEjBK,EAAqB,CAC3B,EAAA,OAAII,EACFJ,EAAmB,KACjB,GAAGZ,EAAgB,MACjBH,EAAc,EAAIM,EAClBN,EAAc,CAChB,CACF,EACSkB,EACTH,EAAmB,KACjB,GAAGZ,EAAgB,MAAMH,EAAcM,EAAmBN,CAAW,CACvE,EACSiB,GACTF,EAAmB,KACjB,GAAGZ,EAAgB,MAAMH,EAAc,EAAGA,EAAc,EAAI,CAAC,CAC/D,EAEEW,GACFI,EAAmB,KAAKC,CAAgB,EAEtCI,GACFL,EAAmB,KAAKD,CAAQ,EAE3BP,EAA2BQ,CAAkB,CACtD,EAEaM,EAAwB,CACnCC,EACAC,EACAtB,IACuB,CACvB,GAAIqB,EAAYrB,EAAY,OAC5B,IAAIuB,EAAWF,EACf,KAAOC,EAAc,SAASC,CAAQ,GACpCA,IAEF,OAAOA,CACT,EAEaC,EAA4B,CACvCH,EACAC,IACuB,CACvB,GAAID,EAAY,EAAG,OACnB,IAAII,EAAeJ,EACnB,KAAOC,EAAc,SAASG,CAAY,GACxCA,IAEF,OAAOA,CACT"}
+{"version":3,"file":"pagination.helper.js","names":[],"sources":["../../../src/components/pagination/pagination.helper.ts"],"sourcesContent":["import {\n  GO_TO_NEXT_PAGE,\n  GO_TO_PREVIOUS_PAGE,\n  VIEW_ALL_POPOVER\n} from './pagination.constants'\nimport { PaginationItemsToRender } from './types'\n\nexport const getPaginationElementsToRender = (\n  currentPage: number,\n  pagesCount: number,\n  visibleElementsCount: number\n): PaginationItemsToRender => {\n  const paginationPages = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  /*\n   * As we always show the `<` `>` arrows,\n   * subtract 2 from `visibleElementsCount` (one for each of the GO_TO_PREVIOUS/NEXT_PAGE arrows)\n   * to get the `visiblePagesCount`\n   */\n  let visiblePagesCount = visibleElementsCount - 2\n  const withPreviousNextPageArrows = (paginationPages) => [\n    GO_TO_PREVIOUS_PAGE,\n    ...paginationPages,\n    GO_TO_NEXT_PAGE\n  ]\n\n  /**\n   * If fewer pages than threshold for truncating render them all.\n   *\n   * pagesCount: 6\n   * visibleElementsCount: >=6\n   * returns [GO_TO_PREVIOUS_PAGE, 1, 2, 3, 4, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | 2 |  | 3 |  | 4 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (pagesCount <= visiblePagesCount) {\n    return withPreviousNextPageArrows(paginationPages)\n  }\n\n  /**\n   * If current page is either at the very start or at the very end of the pages\n   */\n  const canFitEdgePage = visibleElementsCount >= 5\n  const canFitViewAllPopover = visibleElementsCount >= 4\n  const canFitPages = visibleElementsCount >= 3\n\n  if (canFitViewAllPopover) {\n    // Subtract one from visiblePagesCount to accomodate for us adding the `[…]` VIEW_ALL_POPOVER\n    visiblePagesCount -= 1\n  }\n\n  if (canFitEdgePage) {\n    // Subtract one more from visiblePagesCount to accomodate for us adding the GO_TO_PREVIOUS/NEXT_PAGE arrows\n    visiblePagesCount -= 1\n  }\n\n  const firstPage = paginationPages[0]\n  const lastPage = paginationPages[paginationPages.length - 1]\n\n  /**\n   * If we're truncating and current page is at the start of the page list,\n   * render the initial truncated page list, e.g.\n   *\n   *  pagesCount: 8\n   *  currentPage: 1/2\n   *  visibleElementsCount: 6\n   *  returns [GO_TO_PREVIOUS_PAGE, 1, 2, VIEW_ALL_POPOVER, 6, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | 2 |  | … |  | 8 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (currentPage < visiblePagesCount) {\n    const newPaginationItems = [] as PaginationItemsToRender\n    if (canFitPages) {\n      newPaginationItems.push(...paginationPages.slice(0, visiblePagesCount))\n    }\n    if (canFitViewAllPopover) {\n      newPaginationItems.push(VIEW_ALL_POPOVER)\n    }\n    if (canFitEdgePage) {\n      newPaginationItems.push(lastPage)\n    }\n    return withPreviousNextPageArrows(newPaginationItems)\n  }\n\n  /**\n   * If we're truncating and the current page is towards the end of the\n   * page list (depending on visibleElementsCount),\n   * render a truncated page list from the end, e.g.\n   *\n   *  pagesCount: 8\n   *  currentPage: 7/8\n   *  visibleElementsCount: 6\n   *  returns [GO_TO_PREVIOUS_PAGE, 1, VIEW_ALL_POPOVER, 7, 8, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | … |  | 7 |  | 8 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (currentPage > pagesCount - visiblePagesCount) {\n    const newPaginationItems = [] as PaginationItemsToRender\n    if (canFitEdgePage) {\n      newPaginationItems.push(firstPage)\n    }\n    if (canFitViewAllPopover) {\n      newPaginationItems.push(VIEW_ALL_POPOVER)\n    }\n    if (canFitPages) {\n      newPaginationItems.push(\n        ...paginationPages.slice(pagesCount - visiblePagesCount, pagesCount)\n      )\n    }\n    return withPreviousNextPageArrows(newPaginationItems)\n  }\n\n  /**\n   * If we're truncating and the current page doesn't meet any of the previous conditions\n   * (we're in the middle)\n   * render a truncated page list from a specific index relative to `currentPage`, e.g.\n   *\n   *  currentPage: 4\n   *  visibleElementsCount: 6 // VisibleElementsAmount.LESS\n   *  returns [GO_TO_PREVIOUS_PAGE, 3, 4, VIEW_ALL_POPOVER, 6, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 3 |  | 4 |  | … |  | 6 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   *  currentPage: 6\n   *  visibleElementsCount: 8 // VisibleElementsAmount.MORE\n   *  returns [GO_TO_PREVIOUS_PAGE, 4, 5, 6, 7, VIEW_ALL_POPOVER, 10, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 4 |  | 5 |  | 6 |  | 7 |  | … |  | 10 | | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+  +---+  +---+\n   */\n  const canFitCurrentPage = canFitPages\n  const canFitCurrentPageAndPreviousPage = visibleElementsCount >= 6\n  const canFitCurrentPageAndPreviousPageAndNextPage = visibleElementsCount >= 7\n  const canFitLastPage = canFitEdgePage\n\n  const newPaginationItems = [] as PaginationItemsToRender\n  if (canFitCurrentPageAndPreviousPageAndNextPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(\n        currentPage + 1 - visiblePagesCount,\n        currentPage + 1\n      )\n    )\n  } else if (canFitCurrentPageAndPreviousPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(currentPage - visiblePagesCount, currentPage)\n    )\n  } else if (canFitCurrentPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(currentPage - 1, currentPage - 1 + 1)\n    )\n  }\n  if (canFitViewAllPopover) {\n    newPaginationItems.push(VIEW_ALL_POPOVER)\n  }\n  if (canFitLastPage) {\n    newPaginationItems.push(lastPage)\n  }\n  return withPreviousNextPageArrows(newPaginationItems)\n}\n\nexport const findNextAvailablePage = (\n  startPage: number,\n  disabledPages: number[],\n  pagesCount: number\n): number | undefined => {\n  if (startPage > pagesCount) return\n  let nextPage = startPage\n  while (disabledPages.includes(nextPage)) {\n    nextPage++\n  }\n  return nextPage\n}\n\nexport const findPreviousAvailablePage = (\n  startPage: number,\n  disabledPages: number[]\n): number | undefined => {\n  if (startPage < 1) return\n  let previousPage = startPage\n  while (disabledPages.includes(previousPage)) {\n    previousPage--\n  }\n  return previousPage\n}\n"],"mappings":";;AAOA,IAAa,KACX,GACA,GACA,MAC4B;CAC5B,IAAM,IAAkB,MAAM,KAC5B,EAAE,QAAQ,GAAY,GACrB,GAAG,MAAU,IAAQ,EACvB,EAOG,IAAoB,IAAuB,GACzC,KAA8B,MAAoB;EACtD;EACA,GAAG;EACH;EACD;AAaD,KAAI,KAAc,EAChB,QAAO,EAA2B,EAAgB;CAMpD,IAAM,IAAiB,KAAwB,GACzC,IAAuB,KAAwB,GAC/C,IAAc,KAAwB;AAO5C,CALI,KAEF,KAGE,KAEF;CAGF,IAAM,IAAY,EAAgB,IAC5B,IAAW,EAAgB,EAAgB,SAAS;AAe1D,KAAI,IAAc,GAAmB;EACnC,IAAM,IAAqB,EAAE;AAU7B,SATI,KACF,EAAmB,KAAK,GAAG,EAAgB,MAAM,GAAG,EAAkB,CAAC,EAErE,KACF,EAAmB,KAAK,EAAiB,EAEvC,KACF,EAAmB,KAAK,EAAS,EAE5B,EAA2B,EAAmB;;AAiBvD,KAAI,IAAc,IAAa,GAAmB;EAChD,IAAM,IAAqB,EAAE;AAY7B,SAXI,KACF,EAAmB,KAAK,EAAU,EAEhC,KACF,EAAmB,KAAK,EAAiB,EAEvC,KACF,EAAmB,KACjB,GAAG,EAAgB,MAAM,IAAa,GAAmB,EAAW,CACrE,EAEI,EAA2B,EAAmB;;CAsBvD,IAAM,IAAoB,GACpB,IAAmC,KAAwB,GAC3D,IAA8C,KAAwB,GACtE,IAAiB,GAEjB,IAAqB,EAAE;AAuB7B,QAtBI,IACF,EAAmB,KACjB,GAAG,EAAgB,MACjB,IAAc,IAAI,GAClB,IAAc,EACf,CACF,GACQ,IACT,EAAmB,KACjB,GAAG,EAAgB,MAAM,IAAc,GAAmB,EAAY,CACvE,GACQ,KACT,EAAmB,KACjB,GAAG,EAAgB,MAAM,IAAc,GAAG,IAAc,IAAI,EAAE,CAC/D,EAEC,KACF,EAAmB,KAAK,EAAiB,EAEvC,KACF,EAAmB,KAAK,EAAS,EAE5B,EAA2B,EAAmB;GAG1C,KACX,GACA,GACA,MACuB;AACvB,KAAI,IAAY,EAAY;CAC5B,IAAI,IAAW;AACf,QAAO,EAAc,SAAS,EAAS,EACrC;AAEF,QAAO;GAGI,KACX,GACA,MACuB;AACvB,KAAI,IAAY,EAAG;CACnB,IAAI,IAAe;AACnB,QAAO,EAAc,SAAS,EAAa,EACzC;AAEF,QAAO"}

package/dist/components/pagination/usePagination.js

@@ -1,2 +1,12 @@
-import*as o from"react";import{PaginationContext as n}from"./pagination-context/PaginationContext.js";const r=()=>{const t=o.useContext(n);if(!t)throw new Error("Ensure that you wrap any components with the PaginationProvider component");return t};export{r as usePagination};
-//# sourceMappingURL=usePagination.js.map
+import { PaginationContext as e } from "./pagination-context/PaginationContext.js";
+import * as t from "react";
+//#region src/components/pagination/usePagination.tsx
+var n = () => {
+	let n = t.useContext(e);
+	if (!n) throw Error("Ensure that you wrap any components with the PaginationProvider component");
+	return n;
+};
+//#endregion
+export { n as usePagination };
+
+//# sourceMappingURL=usePagination.js.map

package/dist/components/pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../src/components/pagination/usePagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { PaginationContext } from './pagination-context/PaginationContext'\nimport type { PaginationContextValue } from './types'\n\nexport const usePagination = (): PaginationContextValue => {\n  const context = React.useContext(PaginationContext)\n\n  if (!context) {\n    throw new Error(\n      'Ensure that you wrap any components with the PaginationProvider component'\n    )\n  }\n\n  return context\n}\n"],"names":["usePagination","context","React","PaginationContext"],"mappings":"sGAKa,MAAAA,EAAgB,IAA8B,CACzD,MAAMC,EAAUC,EAAM,WAAWC,CAAiB,EAElD,GAAI,CAACF,EACH,MAAM,IAAI,MACR,2EACF,EAGF,OAAOA,CACT"}
+{"version":3,"file":"usePagination.js","names":[],"sources":["../../../src/components/pagination/usePagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { PaginationContext } from './pagination-context/PaginationContext'\nimport type { PaginationContextValue } from './types'\n\nexport const usePagination = (): PaginationContextValue => {\n  const context = React.useContext(PaginationContext)\n\n  if (!context) {\n    throw new Error(\n      'Ensure that you wrap any components with the PaginationProvider component'\n    )\n  }\n\n  return context\n}\n"],"mappings":";;;AAKA,IAAa,UAA8C;CACzD,IAAM,IAAU,EAAM,WAAW,EAAkB;AAEnD,KAAI,CAAC,EACH,OAAU,MACR,4EACD;AAGH,QAAO"}

package/dist/components/password-field/PasswordField.js

@@ -1,2 +1,35 @@
-import v from"clsx";import*as i from"react";import{useFormContext as w}from"react-hook-form";import{FieldWrapper as b}from"../field-wrapper/FieldWrapper.js";import{useFieldError as C}from"../form/useFieldError.js";import{useFormCustomContext as P}from"../form/useFormCustomContext.js";import{PasswordInput as x}from"../password-input/PasswordInput.js";const m=({className:s,hideLabel:d,label:l="Password",name:e,prompt:n=void 0,description:c,validation:r,appearance:u,...f})=>{const{register:o}=w(),a=P(),{error:t}=C(e),F=r?o(r):o,p=(a==null?void 0:a.appearance)||u;return i.createElement(b,{description:c,error:t,fieldId:e,hideLabel:d,label:l,prompt:n,required:!!(r!=null&&r.required),appearance:p,className:v(s,"relative")},i.createElement(x,{autoComplete:"current-password",name:e,id:e,ref:F,appearance:p,...t!==void 0&&{state:"error"},...f}))};m.displayName="PasswordField";export{m as PasswordField};
-//# sourceMappingURL=PasswordField.js.map
+import { useFieldError as e } from "../form/useFieldError.js";
+import { FieldWrapper as t } from "../field-wrapper/FieldWrapper.js";
+import { useFormCustomContext as n } from "../form/useFormCustomContext.js";
+import { PasswordInput as r } from "../password-input/PasswordInput.js";
+import i from "clsx";
+import * as a from "react";
+import { useFormContext as o } from "react-hook-form";
+//#region src/components/password-field/PasswordField.tsx
+var s = ({ className: s, hideLabel: c, label: l = "Password", name: u, prompt: d = void 0, description: f, validation: p, appearance: m, ...h }) => {
+	let { register: g } = o(), _ = n(), { error: v } = e(u), y = p ? g(p) : g, b = _?.appearance || m;
+	return /* @__PURE__ */ a.createElement(t, {
+		description: f,
+		error: v,
+		fieldId: u,
+		hideLabel: c,
+		label: l,
+		prompt: d,
+		required: !!p?.required,
+		appearance: b,
+		className: i(s, "relative")
+	}, /* @__PURE__ */ a.createElement(r, {
+		autoComplete: "current-password",
+		name: u,
+		id: u,
+		ref: y,
+		appearance: b,
+		...v !== void 0 && { state: "error" },
+		...h
+	}));
+};
+s.displayName = "PasswordField";
+//#endregion
+export { s as PasswordField };
+
+//# sourceMappingURL=PasswordField.js.map

package/dist/components/password-field/PasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","sources":["../../../src/components/password-field/PasswordField.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\nimport { useFormCustomContext } from '~/components/form/useFormCustomContext'\nimport { PasswordInput } from '~/components/password-input/PasswordInput'\n\ntype PasswordFieldProps = React.ComponentProps<typeof PasswordInput> &\n  Omit<FieldElementWrapperProps, 'label'> & {\n    label?: string\n  }\n\nexport const PasswordField = ({\n  className,\n  hideLabel,\n  label = 'Password',\n  name,\n  prompt = undefined,\n  description,\n  validation,\n  appearance,\n  ...remainingProps\n}: PasswordFieldProps) => {\n  const { register } = useFormContext()\n  const context = useFormCustomContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n  const formAppearance = context?.appearance || appearance\n\n  return (\n    <FieldWrapper\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n      className={clsx(className, 'relative')}\n    >\n      <PasswordInput\n        autoComplete=\"current-password\"\n        name={name}\n        id={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error !== undefined && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nPasswordField.displayName = 'PasswordField'\n"],"names":["PasswordField","className","hideLabel","label","name","prompt","description","validation","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","clsx","PasswordInput"],"mappings":"gWAiBO,MAAMA,EAAgB,CAAC,CAC5B,UAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,WACR,KAAAC,EACA,OAAAC,EAAS,OACT,YAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0B,CACxB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EACfC,EAAAA,EAAUC,EAAqB,EAC/B,CAAE,MAAAC,CAAM,EAAIC,EAAcX,CAAI,EAE9BY,EAAMT,EAAaG,EAASH,CAAU,EAAIG,EAC1CO,GAAiBL,GAAA,KAAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,YAAab,EACb,MAAOQ,EACP,QAASV,EACT,UAAWF,EACX,MAAOC,EACP,OAAQE,EACR,SAAU,CAAQE,EAAAA,GAAA,MAAAA,EAAY,UAC9B,WAAYU,EACZ,UAAWG,EAAKnB,EAAW,UAAU,GAErCiB,EAAA,cAACG,EAAA,CACC,aAAa,mBACb,KAAMjB,EACN,GAAIA,EACJ,IAAKY,EACL,WAAYC,EACX,GAAIH,IAAU,QAAa,CAAE,MAAO,OAAQ,EAC5C,GAAGL,CACN,CAAA,CACF,CAEJ,EAEAT,EAAc,YAAc"}
+{"version":3,"file":"PasswordField.js","names":[],"sources":["../../../src/components/password-field/PasswordField.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\nimport { useFormCustomContext } from '~/components/form/useFormCustomContext'\nimport { PasswordInput } from '~/components/password-input/PasswordInput'\n\ntype PasswordFieldProps = React.ComponentProps<typeof PasswordInput> &\n  Omit<FieldElementWrapperProps, 'label'> & {\n    label?: string\n  }\n\nexport const PasswordField = ({\n  className,\n  hideLabel,\n  label = 'Password',\n  name,\n  prompt = undefined,\n  description,\n  validation,\n  appearance,\n  ...remainingProps\n}: PasswordFieldProps) => {\n  const { register } = useFormContext()\n  const context = useFormCustomContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n  const formAppearance = context?.appearance || appearance\n\n  return (\n    <FieldWrapper\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={formAppearance}\n      className={clsx(className, 'relative')}\n    >\n      <PasswordInput\n        autoComplete=\"current-password\"\n        name={name}\n        id={name}\n        ref={ref}\n        appearance={formAppearance}\n        {...(error !== undefined && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nPasswordField.displayName = 'PasswordField'\n"],"mappings":";;;;;;;;AAiBA,IAAa,KAAiB,EAC5B,cACA,cACA,WAAQ,YACR,SACA,YAAS,KAAA,GACT,gBACA,eACA,eACA,GAAG,QACqB;CACxB,IAAM,EAAE,gBAAa,GAAgB,EAC/B,IAAU,GAAsB,EAChC,EAAE,aAAU,EAAc,EAAK,EAE/B,IAAM,IAAa,EAAS,EAAW,GAAG,GAC1C,IAAiB,GAAS,cAAc;AAE9C,QACE,kBAAA,cAAC,GAAD;EACe;EACN;EACP,SAAS;EACE;EACJ;EACC;EACR,UAAU,EAAQ,GAAY;EAC9B,YAAY;EACZ,WAAW,EAAK,GAAW,WAAW;EAWzB,EATb,kBAAA,cAAC,GAAD;EACE,cAAa;EACP;EACN,IAAI;EACC;EACL,YAAY;EACZ,GAAK,MAAU,KAAA,KAAa,EAAE,OAAO,SAAS;EAC9C,GAAI;EACJ,CAAA,CACW;;AAInB,EAAc,cAAc"}

package/dist/components/password-input/PasswordInput.js

@@ -1,2 +1,32 @@
-import{Eye as u,EyeCrossed as w}from"@atom-learning/icons";import s from"clsx";import*as e from"react";import{useState as E}from"react";import{ActionIcon as I}from"../action-icon/ActionIcon.js";import{Icon as h}from"../icon/Icon.js";import{Input as N}from"../input/Input.js";import{getFieldIconSize as b}from"../../utilities/style/get-icon-size.js";const a=e.forwardRef(({className:m,hidePasswordText:i="Hide password",showPasswordText:p="Show password",size:o="md",...l},n)=>{const[t,c]=E(!1),d=()=>c(r=>!r),f=e.useMemo(()=>b(o),[o]);return e.createElement("div",{className:s("relative",m)},e.createElement(N,{...l,size:o,type:t?"text":"password",ref:n,className:"pr-6"}),e.createElement(I,{appearance:"simple",theme:"neutral",label:t?i:p,onClick:d,onMouseDown:r=>r.preventDefault(),size:f,className:s(o==="lg"?"bottom-1":"bottom-0","absolute","right-0")},e.createElement(h,{is:t?u:w})))});a.displayName="PasswordInput";export{a as PasswordInput};
-//# sourceMappingURL=PasswordInput.js.map
+import { Icon as e } from "../icon/Icon.js";
+import { ActionIcon as t } from "../action-icon/ActionIcon.js";
+import { Input as n } from "../input/Input.js";
+import { getFieldIconSize as r } from "../../utilities/style/get-icon-size.js";
+import i from "clsx";
+import * as a from "react";
+import { useState as o } from "react";
+import { Eye as s, EyeCrossed as c } from "@atom-learning/icons";
+//#region src/components/password-input/PasswordInput.tsx
+var l = a.forwardRef(({ className: l, hidePasswordText: u = "Hide password", showPasswordText: d = "Show password", size: f = "md", ...p }, m) => {
+	let [h, g] = o(!1), _ = () => g((e) => !e), v = a.useMemo(() => r(f), [f]);
+	return /* @__PURE__ */ a.createElement("div", { className: i("relative", l) }, /* @__PURE__ */ a.createElement(n, {
+		...p,
+		size: f,
+		type: h ? "text" : "password",
+		ref: m,
+		className: "pr-6"
+	}), /* @__PURE__ */ a.createElement(t, {
+		appearance: "simple",
+		theme: "neutral",
+		label: h ? u : d,
+		onClick: _,
+		onMouseDown: (e) => e.preventDefault(),
+		size: v,
+		className: i(f === "lg" ? "bottom-1" : "bottom-0", "absolute", "right-0")
+	}, /* @__PURE__ */ a.createElement(e, { is: h ? s : c })));
+});
+l.displayName = "PasswordInput";
+//#endregion
+export { l as PasswordInput };
+
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/password-input/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/password-input/PasswordInput.tsx"],"sourcesContent":["import { Eye, EyeCrossed } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport * as React from 'react'\nimport { useState } from 'react'\n\nimport { ActionIcon } from '~/components/action-icon/ActionIcon'\nimport { Icon } from '~/components/icon/Icon'\nimport type { InputProps } from '~/components/input/Input'\nimport { Input } from '~/components/input/Input'\nimport { getFieldIconSize } from '~/utilities/style/get-icon-size'\n\ntype PasswordInputProps = Omit<InputProps, 'type'> & {\n  hidePasswordText?: string\n  showPasswordText?: string\n}\n\nexport const PasswordInput = React.forwardRef<\n  HTMLInputElement,\n  PasswordInputProps\n>(\n  (\n    {\n      className,\n      hidePasswordText = 'Hide password',\n      showPasswordText = 'Show password',\n      size = 'md',\n      ...restProps\n    },\n    ref\n  ) => {\n    const [isPasswordVisible, setIsPasswordVisible] = useState<boolean>(false)\n    const togglePasswordVisibility = () =>\n      setIsPasswordVisible((currentState) => !currentState)\n\n    const iconSize = React.useMemo(() => getFieldIconSize(size), [size])\n\n    return (\n      <div className={clsx('relative', className)}>\n        <Input\n          {...restProps}\n          size={size}\n          type={isPasswordVisible ? 'text' : 'password'}\n          ref={ref}\n          className=\"pr-6\"\n        />\n        <ActionIcon\n          appearance=\"simple\"\n          theme=\"neutral\"\n          label={isPasswordVisible ? hidePasswordText : showPasswordText}\n          onClick={togglePasswordVisibility}\n          onMouseDown={(e) => e.preventDefault()} // prevent focus being lost from password input\n          size={iconSize}\n          className={clsx(\n            size === 'lg' ? 'bottom-1' : 'bottom-0',\n            'absolute',\n            'right-0'\n          )}\n        >\n          <Icon is={isPasswordVisible ? Eye : EyeCrossed} />\n        </ActionIcon>\n      </div>\n    )\n  }\n)\n\nPasswordInput.displayName = 'PasswordInput'\n"],"names":["PasswordInput","React","className","hidePasswordText","showPasswordText","size","restProps","ref","isPasswordVisible","setIsPasswordVisible","useState","togglePasswordVisibility","currentState","iconSize","getFieldIconSize","clsx","Input","ActionIcon","e","Icon","Eye","EyeCrossed"],"mappings":"6VAgBa,MAAAA,EAAgBC,EAAM,WAIjC,CACE,CACE,UAAAC,EACA,iBAAAC,EAAmB,gBACnB,iBAAAC,EAAmB,gBACnB,KAAAC,EAAO,KACP,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAkB,EAAK,EACnEC,EAA2B,IAC/BF,EAAsBG,GAAiB,CAACA,CAAY,EAEhDC,EAAWZ,EAAM,QAAQ,IAAMa,EAAiBT,CAAI,EAAG,CAACA,CAAI,CAAC,EAEnE,OACEJ,EAAA,cAAC,MAAA,CAAI,UAAWc,EAAK,WAAYb,CAAS,CAAA,EACxCD,EAAA,cAACe,EAAA,CACE,GAAGV,EACJ,KAAMD,EACN,KAAMG,EAAoB,OAAS,WACnC,IAAKD,EACL,UAAU,MAAA,CACZ,EACAN,EAAA,cAACgB,EAAA,CACC,WAAW,SACX,MAAM,UACN,MAAOT,EAAoBL,EAAmBC,EAC9C,QAASO,EACT,YAAcO,GAAMA,EAAE,iBACtB,KAAML,EACN,UAAWE,EACTV,IAAS,KAAO,WAAa,WAC7B,WACA,SACF,CAEAJ,EAAAA,EAAA,cAACkB,EAAA,CAAK,GAAIX,EAAoBY,EAAMC,CAAAA,CAAY,CAClD,CACF,CAEJ,CACF,EAEArB,EAAc,YAAc"}
+{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../../src/components/password-input/PasswordInput.tsx"],"sourcesContent":["import { Eye, EyeCrossed } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport * as React from 'react'\nimport { useState } from 'react'\n\nimport { ActionIcon } from '~/components/action-icon/ActionIcon'\nimport { Icon } from '~/components/icon/Icon'\nimport type { InputProps } from '~/components/input/Input'\nimport { Input } from '~/components/input/Input'\nimport { getFieldIconSize } from '~/utilities/style/get-icon-size'\n\ntype PasswordInputProps = Omit<InputProps, 'type'> & {\n  hidePasswordText?: string\n  showPasswordText?: string\n}\n\nexport const PasswordInput = React.forwardRef<\n  HTMLInputElement,\n  PasswordInputProps\n>(\n  (\n    {\n      className,\n      hidePasswordText = 'Hide password',\n      showPasswordText = 'Show password',\n      size = 'md',\n      ...restProps\n    },\n    ref\n  ) => {\n    const [isPasswordVisible, setIsPasswordVisible] = useState<boolean>(false)\n    const togglePasswordVisibility = () =>\n      setIsPasswordVisible((currentState) => !currentState)\n\n    const iconSize = React.useMemo(() => getFieldIconSize(size), [size])\n\n    return (\n      <div className={clsx('relative', className)}>\n        <Input\n          {...restProps}\n          size={size}\n          type={isPasswordVisible ? 'text' : 'password'}\n          ref={ref}\n          className=\"pr-6\"\n        />\n        <ActionIcon\n          appearance=\"simple\"\n          theme=\"neutral\"\n          label={isPasswordVisible ? hidePasswordText : showPasswordText}\n          onClick={togglePasswordVisibility}\n          onMouseDown={(e) => e.preventDefault()} // prevent focus being lost from password input\n          size={iconSize}\n          className={clsx(\n            size === 'lg' ? 'bottom-1' : 'bottom-0',\n            'absolute',\n            'right-0'\n          )}\n        >\n          <Icon is={isPasswordVisible ? Eye : EyeCrossed} />\n        </ActionIcon>\n      </div>\n    )\n  }\n)\n\nPasswordInput.displayName = 'PasswordInput'\n"],"mappings":";;;;;;;;;AAgBA,IAAa,IAAgB,EAAM,YAK/B,EACE,cACA,sBAAmB,iBACnB,sBAAmB,iBACnB,UAAO,MACP,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAmB,KAAwB,EAAkB,GAAM,EACpE,UACJ,GAAsB,MAAiB,CAAC,EAAa,EAEjD,IAAW,EAAM,cAAc,EAAiB,EAAK,EAAE,CAAC,EAAK,CAAC;AAEpE,QACE,kBAAA,cAAC,OAAD,EAAK,WAAW,EAAK,YAAY,EAAU,EAuBrC,EAtBJ,kBAAA,cAAC,GAAD;EACE,GAAI;EACE;EACN,MAAM,IAAoB,SAAS;EAC9B;EACL,WAAU;EACV,CAAA,EACF,kBAAA,cAAC,GAAD;EACE,YAAW;EACX,OAAM;EACN,OAAO,IAAoB,IAAmB;EAC9C,SAAS;EACT,cAAc,MAAM,EAAE,gBAAgB;EACtC,MAAM;EACN,WAAW,EACT,MAAS,OAAO,aAAa,YAC7B,YACA,UACD;EAGU,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,IAAoB,IAAM,GAAc,CAAA,CACvC,CACT;EAGX;AAED,EAAc,cAAc"}

package/dist/components/popover/Popover.js

@@ -1,2 +1,14 @@
-import{Root as o,Portal as r,Anchor as t,Trigger as e}from"@radix-ui/react-popover";import{PopoverContent as n}from"./PopoverContent.js";const p=Object.assign(o,{Content:n,Portal:r,Anchor:t,Trigger:e});o.displayName="Popover";export{p as Popover};
-//# sourceMappingURL=Popover.js.map
+import { PopoverContent as e } from "./PopoverContent.js";
+import { Anchor as t, Portal as n, Root as r, Trigger as i } from "@radix-ui/react-popover";
+//#region src/components/popover/Popover.tsx
+var a = Object.assign(r, {
+	Content: e,
+	Portal: n,
+	Anchor: t,
+	Trigger: i
+});
+r.displayName = "Popover";
+//#endregion
+export { a as Popover };
+
+//# sourceMappingURL=Popover.js.map

package/dist/components/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Anchor, Portal, Root, Trigger } from '@radix-ui/react-popover'\n\nimport { PopoverContent } from './PopoverContent'\n\nexport const Popover = Object.assign(Root, {\n  Content: PopoverContent,\n  Portal,\n  Anchor,\n  Trigger\n})\n\nRoot.displayName = 'Popover'\n"],"names":["Popover","Root","PopoverContent","Portal","Anchor","Trigger"],"mappings":"yIAIa,MAAAA,EAAU,OAAO,OAAOC,EAAM,CACzC,QAASC,EACT,OAAAC,EACA,OAAAC,EACA,QAAAC,CACF,CAAC,EAEDJ,EAAK,YAAc"}
+{"version":3,"file":"Popover.js","names":[],"sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Anchor, Portal, Root, Trigger } from '@radix-ui/react-popover'\n\nimport { PopoverContent } from './PopoverContent'\n\nexport const Popover = Object.assign(Root, {\n  Content: PopoverContent,\n  Portal,\n  Anchor,\n  Trigger\n})\n\nRoot.displayName = 'Popover'\n"],"mappings":";;;AAIA,IAAa,IAAU,OAAO,OAAO,GAAM;CACzC,SAAS;CACT;CACA;CACA;CACD,CAAC;AAEF,EAAK,cAAc"}

package/dist/components/popover/PopoverContent.js

@@ -1,2 +1,57 @@
-import{Close as l}from"@atom-learning/icons";import{Content as m,Arrow as p,Close as c}from"@radix-ui/react-popover";import*as e from"react";import{styled as t}from"../../styled.js";import{ActionIcon as f}from"../action-icon/ActionIcon.js";import{Icon as h}from"../icon/Icon.js";const w=t(m,{base:["bg-white","rounded-md","shadow-lg","max-w-[90vw]","p-6","pr-10","relative","z-10","will-change-transform","will-change-opacity","animation-duration-75","[--slide-opacity-out:0]","data-[side=top]:[--slide-direction-out-y:-4px]","data-[side=right]:[--slide-direction-out-x:4px]","data-[side=bottom]:[--slide-direction-out-y:4px]","data-[side=left]:[--slide-direction-out-x:-4px]","motion-safe:data-[state=open]:animate-slide-direction-in","motion-safe:data-[state=closed]:animate-slide-direction-out"],variants:{size:{sm:["max-w-50"],md:["max-w-100"],lg:["max-w-150"]}}}),x=t(p,{base:["fill-white","z-1","in-data-[align=end]:mx-6"]}),u=({children:o,side:i="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:d=!0,size:n="md",...r})=>e.createElement(w,{size:n,side:i,sideOffset:a,...r},d&&e.createElement(f,{as:c,label:s,size:"md",hasTooltip:!1,theme:"neutral",className:"absolute top-0.5 right-0.5"},e.createElement(h,{is:l})),o,e.createElement(x,{width:16,height:8}));export{u as PopoverContent};
-//# sourceMappingURL=PopoverContent.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { ActionIcon as n } from "../action-icon/ActionIcon.js";
+import * as r from "react";
+import { Close as i } from "@atom-learning/icons";
+import { Arrow as a, Close as o, Content as s } from "@radix-ui/react-popover";
+//#region src/components/popover/PopoverContent.tsx
+var c = e(s, {
+	base: [
+		"bg-white",
+		"rounded-md",
+		"shadow-lg",
+		"max-w-[90vw]",
+		"p-6",
+		"pr-10",
+		"relative",
+		"z-10",
+		"will-change-transform",
+		"will-change-opacity",
+		"animation-duration-75",
+		"[--slide-opacity-out:0]",
+		"data-[side=top]:[--slide-direction-out-y:-4px]",
+		"data-[side=right]:[--slide-direction-out-x:4px]",
+		"data-[side=bottom]:[--slide-direction-out-y:4px]",
+		"data-[side=left]:[--slide-direction-out-x:-4px]",
+		"motion-safe:data-[state=open]:animate-slide-direction-in",
+		"motion-safe:data-[state=closed]:animate-slide-direction-out"
+	],
+	variants: { size: {
+		sm: ["max-w-50"],
+		md: ["max-w-100"],
+		lg: ["max-w-150"]
+	} }
+}), l = e(a, { base: [
+	"fill-white",
+	"z-1",
+	"in-data-[align=end]:mx-6"
+] }), u = ({ children: e, side: a = "top", sideOffset: s = 8, closePopoverText: u = "Close popover", showCloseButton: d = !0, size: f = "md", ...p }) => /* @__PURE__ */ r.createElement(c, {
+	size: f,
+	side: a,
+	sideOffset: s,
+	...p
+}, d && /* @__PURE__ */ r.createElement(n, {
+	as: o,
+	label: u,
+	size: "md",
+	hasTooltip: !1,
+	theme: "neutral",
+	className: "absolute top-0.5 right-0.5"
+}, /* @__PURE__ */ r.createElement(t, { is: i })), e, /* @__PURE__ */ r.createElement(l, {
+	width: 16,
+	height: 8
+}));
+//#endregion
+export { u as PopoverContent };
+
+//# sourceMappingURL=PopoverContent.js.map

package/dist/components/popover/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../../src/components/popover/PopoverContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Arrow, Close, Content } from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledContent = styled(Content, {\n  base: [\n    'bg-white',\n    'rounded-md',\n    'shadow-lg',\n    'max-w-[90vw]',\n    'p-6',\n    'pr-10',\n    'relative',\n    'z-10',\n    'will-change-transform',\n    'will-change-opacity',\n    'animation-duration-75',\n    '[--slide-opacity-out:0]',\n    'data-[side=top]:[--slide-direction-out-y:-4px]',\n    'data-[side=right]:[--slide-direction-out-x:4px]',\n    'data-[side=bottom]:[--slide-direction-out-y:4px]',\n    'data-[side=left]:[--slide-direction-out-x:-4px]',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    size: {\n      sm: ['max-w-50'],\n      md: ['max-w-100'],\n      lg: ['max-w-150']\n    }\n  }\n})\n\nconst StyledArrow = styled(Arrow, {\n  base: ['fill-white', 'z-1', 'in-data-[align=end]:mx-6']\n})\n\ntype PopoverContentProps = React.ComponentProps<typeof StyledContent> &\n  React.ComponentProps<typeof Content> & {\n    closePopoverText?: string\n    showCloseButton?: boolean\n  }\n\nexport const PopoverContent = ({\n  children,\n  side = 'top',\n  sideOffset = 8,\n  closePopoverText = 'Close popover',\n  showCloseButton = true,\n  size = 'md',\n  ...remainingProps\n}: PopoverContentProps) => (\n  <StyledContent\n    size={size}\n    side={side}\n    sideOffset={sideOffset}\n    {...remainingProps}\n  >\n    {showCloseButton && (\n      <ActionIcon\n        as={Close}\n        label={closePopoverText}\n        size=\"md\"\n        hasTooltip={false}\n        theme=\"neutral\"\n        className=\"absolute top-0.5 right-0.5\"\n      >\n        <Icon is={CloseIcon} />\n      </ActionIcon>\n    )}\n    {children}\n    <StyledArrow width={16} height={8} />\n  </StyledContent>\n)\n"],"names":["StyledContent","styled","Content","StyledArrow","Arrow","PopoverContent","children","side","sideOffset","closePopoverText","showCloseButton","size","remainingProps","React","ActionIcon","Close","Icon","CloseIcon"],"mappings":"uRASA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,KAAM,CACJ,WACA,aACA,YACA,eACA,MACA,QACA,WACA,OACA,wBACA,sBACA,wBACA,0BACA,iDACA,kDACA,mDACA,kDACA,2DACA,6DACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,WAAW,EAChB,GAAI,CAAC,WAAW,CAClB,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOG,EAAO,CAChC,KAAM,CAAC,aAAc,MAAO,0BAA0B,CACxD,CAAC,EAQYC,EAAiB,CAAC,CAC7B,SAAAC,EACA,KAAAC,EAAO,MACP,WAAAC,EAAa,EACb,iBAAAC,EAAmB,gBACnB,gBAAAC,EAAkB,GAClB,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACb,EAAA,CACC,KAAMW,EACN,KAAMJ,EACN,WAAYC,EACX,GAAGI,CAEHF,EAAAA,GACCG,EAAA,cAACC,EAAA,CACC,GAAIC,EACJ,MAAON,EACP,KAAK,KACL,WAAY,GACZ,MAAM,UACN,UAAU,4BAEVI,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAAA,CAAW,CACvB,EAEDX,EACDO,EAAA,cAACV,EAAA,CAAY,MAAO,GAAI,OAAQ,EAAG,CACrC"}
+{"version":3,"file":"PopoverContent.js","names":[],"sources":["../../../src/components/popover/PopoverContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Arrow, Close, Content } from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledContent = styled(Content, {\n  base: [\n    'bg-white',\n    'rounded-md',\n    'shadow-lg',\n    'max-w-[90vw]',\n    'p-6',\n    'pr-10',\n    'relative',\n    'z-10',\n    'will-change-transform',\n    'will-change-opacity',\n    'animation-duration-75',\n    '[--slide-opacity-out:0]',\n    'data-[side=top]:[--slide-direction-out-y:-4px]',\n    'data-[side=right]:[--slide-direction-out-x:4px]',\n    'data-[side=bottom]:[--slide-direction-out-y:4px]',\n    'data-[side=left]:[--slide-direction-out-x:-4px]',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    size: {\n      sm: ['max-w-50'],\n      md: ['max-w-100'],\n      lg: ['max-w-150']\n    }\n  }\n})\n\nconst StyledArrow = styled(Arrow, {\n  base: ['fill-white', 'z-1', 'in-data-[align=end]:mx-6']\n})\n\ntype PopoverContentProps = React.ComponentProps<typeof StyledContent> &\n  React.ComponentProps<typeof Content> & {\n    closePopoverText?: string\n    showCloseButton?: boolean\n  }\n\nexport const PopoverContent = ({\n  children,\n  side = 'top',\n  sideOffset = 8,\n  closePopoverText = 'Close popover',\n  showCloseButton = true,\n  size = 'md',\n  ...remainingProps\n}: PopoverContentProps) => (\n  <StyledContent\n    size={size}\n    side={side}\n    sideOffset={sideOffset}\n    {...remainingProps}\n  >\n    {showCloseButton && (\n      <ActionIcon\n        as={Close}\n        label={closePopoverText}\n        size=\"md\"\n        hasTooltip={false}\n        theme=\"neutral\"\n        className=\"absolute top-0.5 right-0.5\"\n      >\n        <Icon is={CloseIcon} />\n      </ActionIcon>\n    )}\n    {children}\n    <StyledArrow width={16} height={8} />\n  </StyledContent>\n)\n"],"mappings":";;;;;;;AASA,IAAM,IAAgB,EAAO,GAAS;CACpC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,YAAY;EACjB,IAAI,CAAC,YAAY;EAClB,EACF;CACF,CAAC,EAEI,IAAc,EAAO,GAAO,EAChC,MAAM;CAAC;CAAc;CAAO;CAA2B,EACxD,CAAC,EAQW,KAAkB,EAC7B,aACA,UAAO,OACP,gBAAa,GACb,sBAAmB,iBACnB,qBAAkB,IAClB,UAAO,MACP,GAAG,QAEH,kBAAA,cAAC,GAAD;CACQ;CACA;CACM;CACZ,GAAI;CAgBU,EAdb,KACC,kBAAA,cAAC,GAAD;CACE,IAAI;CACJ,OAAO;CACP,MAAK;CACL,YAAY;CACZ,OAAM;CACN,WAAU;CAGC,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAa,CAAA,CACZ,EAEd,GACD,kBAAA,cAAC,GAAD;CAAa,OAAO;CAAI,QAAQ;CAAK,CAAA,CACvB"}

package/dist/components/progress-bar/ProgressBar.js

@@ -1,2 +1,49 @@
-import*as t from"@radix-ui/react-progress";import*as a from"react";import{styled as s}from"../../styled.js";const m=s(t.Root,{base:["rounded-full","bg-grey-200","relative","overflow-hidden","w-full"],variants:{size:{sm:["h-1"],md:["h-2"]},theme:{primary:["text-primary-800"],info:["text-info"],success:["text-success"],warning:["text-warning"],danger:["text-danger"],neutral:["bg-grey-400","text-grey-800"]}}},{enabledResponsiveVariants:!0}),u=s(t.Indicator,{base:["bg-current","rounded-full","h-full","absolute","transition-all","duration-300","ease-out"]}),l=({value:e,max:r=100,size:o="md",theme:n="primary",...i})=>a.createElement(m,{value:e,max:r,theme:n,size:o,...i},a.createElement(u,{className:"w-full translate-x-(--progress)",style:{"--progress":`-${100-(e||0)/r*100}%`}}));l.displayName="ProgressBar";export{l as ProgressBar};
-//# sourceMappingURL=ProgressBar.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+import * as n from "@radix-ui/react-progress";
+//#region src/components/progress-bar/ProgressBar.tsx
+var r = e(n.Root, {
+	base: [
+		"rounded-full",
+		"bg-grey-200",
+		"relative",
+		"overflow-hidden",
+		"w-full"
+	],
+	variants: {
+		size: {
+			sm: ["h-1"],
+			md: ["h-2"]
+		},
+		theme: {
+			primary: ["text-primary-800"],
+			info: ["text-info"],
+			success: ["text-success"],
+			warning: ["text-warning"],
+			danger: ["text-danger"],
+			neutral: ["bg-grey-400", "text-grey-800"]
+		}
+	}
+}, { enabledResponsiveVariants: !0 }), i = e(n.Indicator, { base: [
+	"bg-current",
+	"rounded-full",
+	"h-full",
+	"absolute",
+	"transition-all",
+	"duration-300",
+	"ease-out"
+] }), a = ({ value: e, max: n = 100, size: a = "md", theme: o = "primary", ...s }) => /* @__PURE__ */ t.createElement(r, {
+	value: e,
+	max: n,
+	theme: o,
+	size: a,
+	...s
+}, /* @__PURE__ */ t.createElement(i, {
+	className: "w-full translate-x-(--progress)",
+	style: { "--progress": `-${100 - (e || 0) / n * 100}%` }
+}));
+a.displayName = "ProgressBar";
+//#endregion
+export { a as ProgressBar };
+
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import * as Progress from '@radix-ui/react-progress'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledProgressBar = styled(\n  Progress.Root,\n  {\n    base: [\n      'rounded-full',\n      'bg-grey-200',\n      'relative',\n      'overflow-hidden',\n      'w-full'\n    ],\n    variants: {\n      size: {\n        sm: ['h-1'],\n        md: ['h-2']\n      },\n      theme: {\n        primary: ['text-primary-800'],\n        info: ['text-info'],\n        success: ['text-success'],\n        warning: ['text-warning'],\n        danger: ['text-danger'],\n        neutral: ['bg-grey-400', 'text-grey-800']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nconst StyledIndicator = styled(Progress.Indicator, {\n  base: [\n    'bg-current',\n    'rounded-full',\n    'h-full',\n    'absolute',\n    'transition-all',\n    'duration-300',\n    'ease-out'\n  ]\n})\n\ntype ProgressBarProps = React.ComponentPropsWithoutRef<\n  typeof StyledProgressBar\n> &\n  (\n    | { id: string; 'aria-label'?: string }\n    | { 'aria-label': string; id?: string }\n  )\n\nexport const ProgressBar = ({\n  value,\n  max = 100,\n  size = 'md',\n  theme = 'primary',\n  ...remainingProps\n}: ProgressBarProps) => (\n  <StyledProgressBar\n    value={value}\n    max={max}\n    theme={theme}\n    size={size}\n    {...remainingProps}\n  >\n    <StyledIndicator\n      className=\"w-full translate-x-(--progress)\"\n      style={{\n        '--progress': `-${100 - ((value || 0) / max) * 100}%`\n      }}\n    />\n  </StyledProgressBar>\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"names":["StyledProgressBar","styled","Progress","StyledIndicator","ProgressBar","value","max","size","theme","remainingProps","React"],"mappings":"4GAKA,MAAMA,EAAoBC,EACxBC,EAAS,KACT,CACE,KAAM,CACJ,eACA,cACA,WACA,kBACA,QACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,CACZ,EACA,MAAO,CACL,QAAS,CAAC,kBAAkB,EAC5B,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,cAAc,EACxB,QAAS,CAAC,cAAc,EACxB,OAAQ,CAAC,aAAa,EACtB,QAAS,CAAC,cAAe,eAAe,CAC1C,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEMC,EAAkBF,EAAOC,EAAS,UAAW,CACjD,KAAM,CACJ,aACA,eACA,SACA,WACA,iBACA,eACA,UACF,CACF,CAAC,EAUYE,EAAc,CAAC,CAC1B,MAAAC,EACA,IAAAC,EAAM,IACN,KAAAC,EAAO,KACP,MAAAC,EAAQ,UACR,GAAGC,CACL,IACEC,EAAA,cAACV,EAAA,CACC,MAAOK,EACP,IAAKC,EACL,MAAOE,EACP,KAAMD,EACL,GAAGE,CAEJC,EAAAA,EAAA,cAACP,EAAA,CACC,UAAU,kCACV,MAAO,CACL,aAAc,IAAI,KAAQE,GAAS,GAAKC,EAAO,GAAG,GACpD,CAAA,CACF,CACF,EAGFF,EAAY,YAAc"}
+{"version":3,"file":"ProgressBar.js","names":[],"sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import * as Progress from '@radix-ui/react-progress'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledProgressBar = styled(\n  Progress.Root,\n  {\n    base: [\n      'rounded-full',\n      'bg-grey-200',\n      'relative',\n      'overflow-hidden',\n      'w-full'\n    ],\n    variants: {\n      size: {\n        sm: ['h-1'],\n        md: ['h-2']\n      },\n      theme: {\n        primary: ['text-primary-800'],\n        info: ['text-info'],\n        success: ['text-success'],\n        warning: ['text-warning'],\n        danger: ['text-danger'],\n        neutral: ['bg-grey-400', 'text-grey-800']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nconst StyledIndicator = styled(Progress.Indicator, {\n  base: [\n    'bg-current',\n    'rounded-full',\n    'h-full',\n    'absolute',\n    'transition-all',\n    'duration-300',\n    'ease-out'\n  ]\n})\n\ntype ProgressBarProps = React.ComponentPropsWithoutRef<\n  typeof StyledProgressBar\n> &\n  (\n    | { id: string; 'aria-label'?: string }\n    | { 'aria-label': string; id?: string }\n  )\n\nexport const ProgressBar = ({\n  value,\n  max = 100,\n  size = 'md',\n  theme = 'primary',\n  ...remainingProps\n}: ProgressBarProps) => (\n  <StyledProgressBar\n    value={value}\n    max={max}\n    theme={theme}\n    size={size}\n    {...remainingProps}\n  >\n    <StyledIndicator\n      className=\"w-full translate-x-(--progress)\"\n      style={{\n        '--progress': `-${100 - ((value || 0) / max) * 100}%`\n      }}\n    />\n  </StyledProgressBar>\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;AAKA,IAAM,IAAoB,EACxB,EAAS,MACT;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI,CAAC,MAAM;GACX,IAAI,CAAC,MAAM;GACZ;EACD,OAAO;GACL,SAAS,CAAC,mBAAmB;GAC7B,MAAM,CAAC,YAAY;GACnB,SAAS,CAAC,eAAe;GACzB,SAAS,CAAC,eAAe;GACzB,QAAQ,CAAC,cAAc;GACvB,SAAS,CAAC,eAAe,gBAAgB;GAC1C;EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAEK,IAAkB,EAAO,EAAS,WAAW,EACjD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAUW,KAAe,EAC1B,UACA,SAAM,KACN,UAAO,MACP,WAAQ,WACR,GAAG,QAEH,kBAAA,cAAC,GAAD;CACS;CACF;CACE;CACD;CACN,GAAI;CAQc,EANlB,kBAAA,cAAC,GAAD;CACE,WAAU;CACV,OAAO,EACL,cAAc,IAAI,OAAQ,KAAS,KAAK,IAAO,IAAI,IACpD;CACD,CAAA,CACgB;AAGtB,EAAY,cAAc"}

package/dist/components/radio-button/RadioButton.js

@@ -1,2 +1,56 @@
-import*as t from"@radix-ui/react-radio-group";import*as a from"react";import{styled as r}from"../../styled.js";const o=r(t.Item,{base:["items-center","appearance-none","border","border-grey-800","rounded-full","text-white","cursor-pointer","flex","justify-center","size-4","transition-all","duration-50","ease-out","focus:outline-2","focus:outline-offset-1","focus:outline-primary-800","focus:outline-solid","data-[state=checked]:bg-primary-800","data-[state=checked]:border-primary-800","disabled:bg-grey-200","disabled:border-grey-800","disabled:cursor-not-allowed","disabled:text-grey-800","disabled:data-[state=checked]:bg-grey-800","disabled:data-[state=checked]:border-grey-800"],variants:{size:{md:["size-4"],lg:["-mt-1","size-6"]}}},{enabledResponsiveVariants:!0}),d=r(t.Indicator,{base:["size-1.5","rounded-full","bg-current","absolute"],variants:{size:{md:["size-1.5"],lg:["size-3"]}}},{enabledResponsiveVariants:!0}),s=({size:e,...i})=>a.createElement(o,{...i,size:e},a.createElement(d,{size:e}));s.displayName="RadioButton";export{s as RadioButton};
-//# sourceMappingURL=RadioButton.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+import * as n from "@radix-ui/react-radio-group";
+//#region src/components/radio-button/RadioButton.tsx
+var r = e(n.Item, {
+	base: [
+		"items-center",
+		"appearance-none",
+		"border",
+		"border-grey-800",
+		"rounded-full",
+		"text-white",
+		"cursor-pointer",
+		"flex",
+		"justify-center",
+		"size-4",
+		"transition-all",
+		"duration-50",
+		"ease-out",
+		"focus:outline-2",
+		"focus:outline-offset-1",
+		"focus:outline-primary-800",
+		"focus:outline-solid",
+		"data-[state=checked]:bg-primary-800",
+		"data-[state=checked]:border-primary-800",
+		"disabled:bg-grey-200",
+		"disabled:border-grey-800",
+		"disabled:cursor-not-allowed",
+		"disabled:text-grey-800",
+		"disabled:data-[state=checked]:bg-grey-800",
+		"disabled:data-[state=checked]:border-grey-800"
+	],
+	variants: { size: {
+		md: ["size-4"],
+		lg: ["-mt-1", "size-6"]
+	} }
+}, { enabledResponsiveVariants: !0 }), i = e(n.Indicator, {
+	base: [
+		"size-1.5",
+		"rounded-full",
+		"bg-current",
+		"absolute"
+	],
+	variants: { size: {
+		md: ["size-1.5"],
+		lg: ["size-3"]
+	} }
+}, { enabledResponsiveVariants: !0 }), a = ({ size: e, ...n }) => /* @__PURE__ */ t.createElement(r, {
+	...n,
+	size: e
+}, /* @__PURE__ */ t.createElement(i, { size: e }));
+a.displayName = "RadioButton";
+//#endregion
+export { a as RadioButton };
+
+//# sourceMappingURL=RadioButton.js.map

package/dist/components/radio-button/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import * as RadioGroup from '@radix-ui/react-radio-group'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nconst StyledRadioButton = styled(\n  RadioGroup.Item,\n  {\n    base: [\n      'items-center',\n      'appearance-none',\n      'border',\n      'border-grey-800',\n      'rounded-full',\n      'text-white',\n      'cursor-pointer',\n      'flex',\n      'justify-center',\n      'size-4',\n      'transition-all',\n      'duration-50',\n      'ease-out',\n      'focus:outline-2',\n      'focus:outline-offset-1',\n      'focus:outline-primary-800',\n      'focus:outline-solid',\n      'data-[state=checked]:bg-primary-800',\n      'data-[state=checked]:border-primary-800',\n      'disabled:bg-grey-200',\n      'disabled:border-grey-800',\n      'disabled:cursor-not-allowed',\n      'disabled:text-grey-800',\n      'disabled:data-[state=checked]:bg-grey-800',\n      'disabled:data-[state=checked]:border-grey-800'\n    ],\n    variants: {\n      size: {\n        md: ['size-4'],\n        lg: ['-mt-1', 'size-6']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nconst StyledIndicator = styled(\n  RadioGroup.Indicator,\n  {\n    base: ['size-1.5', 'rounded-full', 'bg-current', 'absolute'],\n    variants: {\n      size: {\n        md: ['size-1.5'],\n        lg: ['size-3']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype RadioButtonProps = Override<\n  React.ComponentProps<typeof StyledRadioButton>,\n  {\n    as?: never\n  } & {\n    'aria-label'?: string\n  }\n>\n\nexport const RadioButton = ({ size, ...props }: RadioButtonProps) => {\n  return (\n    <StyledRadioButton {...props} size={size}>\n      <StyledIndicator size={size} />\n    </StyledRadioButton>\n  )\n}\n\nRadioButton.displayName = 'RadioButton'\n"],"names":["StyledRadioButton","styled","RadioGroup","StyledIndicator","RadioButton","size","props","React"],"mappings":"+GAMA,MAAMA,EAAoBC,EACxBC,EAAW,KACX,CACE,KAAM,CACJ,eACA,kBACA,SACA,kBACA,eACA,aACA,iBACA,OACA,iBACA,SACA,iBACA,cACA,WACA,kBACA,yBACA,4BACA,sBACA,sCACA,0CACA,uBACA,2BACA,8BACA,yBACA,4CACA,+CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEMC,EAAkBF,EACtBC,EAAW,UACX,CACE,KAAM,CAAC,WAAY,eAAgB,aAAc,UAAU,EAC3D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,QAAQ,CACf,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAWaE,EAAc,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAM,IAEzCC,EAAA,cAACP,EAAA,CAAmB,GAAGM,EAAO,KAAMD,CAClCE,EAAAA,EAAA,cAACJ,EAAA,CAAgB,KAAME,CAAM,CAAA,CAC/B,EAIJD,EAAY,YAAc"}
+{"version":3,"file":"RadioButton.js","names":[],"sources":["../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import * as RadioGroup from '@radix-ui/react-radio-group'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nconst StyledRadioButton = styled(\n  RadioGroup.Item,\n  {\n    base: [\n      'items-center',\n      'appearance-none',\n      'border',\n      'border-grey-800',\n      'rounded-full',\n      'text-white',\n      'cursor-pointer',\n      'flex',\n      'justify-center',\n      'size-4',\n      'transition-all',\n      'duration-50',\n      'ease-out',\n      'focus:outline-2',\n      'focus:outline-offset-1',\n      'focus:outline-primary-800',\n      'focus:outline-solid',\n      'data-[state=checked]:bg-primary-800',\n      'data-[state=checked]:border-primary-800',\n      'disabled:bg-grey-200',\n      'disabled:border-grey-800',\n      'disabled:cursor-not-allowed',\n      'disabled:text-grey-800',\n      'disabled:data-[state=checked]:bg-grey-800',\n      'disabled:data-[state=checked]:border-grey-800'\n    ],\n    variants: {\n      size: {\n        md: ['size-4'],\n        lg: ['-mt-1', 'size-6']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nconst StyledIndicator = styled(\n  RadioGroup.Indicator,\n  {\n    base: ['size-1.5', 'rounded-full', 'bg-current', 'absolute'],\n    variants: {\n      size: {\n        md: ['size-1.5'],\n        lg: ['size-3']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype RadioButtonProps = Override<\n  React.ComponentProps<typeof StyledRadioButton>,\n  {\n    as?: never\n  } & {\n    'aria-label'?: string\n  }\n>\n\nexport const RadioButton = ({ size, ...props }: RadioButtonProps) => {\n  return (\n    <StyledRadioButton {...props} size={size}>\n      <StyledIndicator size={size} />\n    </StyledRadioButton>\n  )\n}\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAMA,IAAM,IAAoB,EACxB,EAAW,MACX;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS,SAAS;EACxB,EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAEK,IAAkB,EACtB,EAAW,WACX;CACE,MAAM;EAAC;EAAY;EAAgB;EAAc;EAAW;CAC5D,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,SAAS;EACf,EACF;CACF,EACD,EAAE,2BAA2B,IAAM,CACpC,EAWY,KAAe,EAAE,SAAM,GAAG,QAEnC,kBAAA,cAAC,GAAD;CAAmB,GAAI;CAAa;CAEhB,EADlB,kBAAA,cAAC,GAAD,EAAuB,SAAQ,CAAA,CACb;AAIxB,EAAY,cAAc"}

package/dist/components/radio-button/RadioButtonGroup.js

@@ -1,2 +1,15 @@
-import*as t from"@radix-ui/react-radio-group";import{styled as r}from"../../styled.js";const o=r(t.Root,{base:["flex","flex-wrap"],variants:{direction:{row:["*:not-last:mr-8","flex-row"],column:["flex-col"]}}});o.displayName="RadioButtonGroup";export{o as RadioButtonGroup};
-//# sourceMappingURL=RadioButtonGroup.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "@radix-ui/react-radio-group";
+//#region src/components/radio-button/RadioButtonGroup.tsx
+var n = e(t.Root, {
+	base: ["flex", "flex-wrap"],
+	variants: { direction: {
+		row: ["*:not-last:mr-8", "flex-row"],
+		column: ["flex-col"]
+	} }
+});
+n.displayName = "RadioButtonGroup";
+//#endregion
+export { n as RadioButtonGroup };
+
+//# sourceMappingURL=RadioButtonGroup.js.map

package/dist/components/radio-button/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","sources":["../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import * as RadioGroup from '@radix-ui/react-radio-group'\n\nimport { styled } from '~/styled'\n\nexport const RadioButtonGroup = styled(RadioGroup.Root, {\n  base: ['flex', 'flex-wrap'],\n  variants: {\n    direction: {\n      row: ['*:not-last:mr-8', 'flex-row'],\n      column: ['flex-col']\n    }\n  }\n})\n\nRadioButtonGroup.displayName = 'RadioButtonGroup'\n"],"names":["RadioButtonGroup","styled","RadioGroup"],"mappings":"uFAIO,MAAMA,EAAmBC,EAAOC,EAAW,KAAM,CACtD,KAAM,CAAC,OAAQ,WAAW,EAC1B,SAAU,CACR,UAAW,CACT,IAAK,CAAC,kBAAmB,UAAU,EACnC,OAAQ,CAAC,UAAU,CACrB,CACF,CACF,CAAC,EAEDF,EAAiB,YAAc"}
+{"version":3,"file":"RadioButtonGroup.js","names":[],"sources":["../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import * as RadioGroup from '@radix-ui/react-radio-group'\n\nimport { styled } from '~/styled'\n\nexport const RadioButtonGroup = styled(RadioGroup.Root, {\n  base: ['flex', 'flex-wrap'],\n  variants: {\n    direction: {\n      row: ['*:not-last:mr-8', 'flex-row'],\n      column: ['flex-col']\n    }\n  }\n})\n\nRadioButtonGroup.displayName = 'RadioButtonGroup'\n"],"mappings":";;;AAIA,IAAa,IAAmB,EAAO,EAAW,MAAM;CACtD,MAAM,CAAC,QAAQ,YAAY;CAC3B,UAAU,EACR,WAAW;EACT,KAAK,CAAC,mBAAmB,WAAW;EACpC,QAAQ,CAAC,WAAW;EACrB,EACF;CACF,CAAC;AAEF,EAAiB,cAAc"}

package/dist/components/radio-button-field/RadioButtonField.js

@@ -1,2 +1,39 @@
-import*as e from"react";import{useFormContext as C,useController as F}from"react-hook-form";import{Description as R}from"../field-wrapper/FieldDescription.js";import{useFieldError as V}from"../form/useFieldError.js";import{InlineMessage as h}from"../inline-message/InlineMessage.js";import{Label as v}from"../label/Label.js";import{RadioButtonGroup as B}from"../radio-button/RadioButtonGroup.js";import{styled as x}from"../../styled.js";import{RadioField as y}from"./RadioField.js";const q=x("fieldset",{base:["min-w-0"]}),u=({children:c,className:d,direction:f="column",defaultValue:r,value:o,description:l,label:p,name:a,validation:t,onValueChange:n,...b})=>{const{control:E}=C(),{field:{ref:g,onChange:m,value:N}}=F({name:a,control:E,rules:t,defaultValue:r}),{error:i}=V(a);return e.useEffect(()=>{typeof o<"u"&&m(o)},[o]),e.createElement(q,{className:d},e.createElement(v,{as:"legend",required:!!(t!=null&&t.required),className:"mb-3 p-0"},p),l&&e.createElement(R,{className:"mb-3"},l),e.createElement(B,{ref:g,direction:f,defaultValue:r,onValueChange:s=>{m(s),n==null||n(s)},value:N,...b},c),i&&e.createElement(h,{className:"mt-2"},i))},I=Object.assign(u,{Item:y});u.displayName="RadioButtonField";export{I as RadioButtonField};
-//# sourceMappingURL=RadioButtonField.js.map
+import { styled as e } from "../../styled.js";
+import { InlineMessage as t } from "../inline-message/InlineMessage.js";
+import { Label as n } from "../label/Label.js";
+import { Description as r } from "../field-wrapper/FieldDescription.js";
+import { useFieldError as i } from "../form/useFieldError.js";
+import { RadioButtonGroup as a } from "../radio-button/RadioButtonGroup.js";
+import { RadioField as o } from "./RadioField.js";
+import * as s from "react";
+import { useController as c, useFormContext as l } from "react-hook-form";
+//#region src/components/radio-button-field/RadioButtonField.tsx
+var u = e("fieldset", { base: ["min-w-0"] }), d = ({ children: e, className: o, direction: d = "column", defaultValue: f, value: p, description: m, label: h, name: g, validation: _, onValueChange: v, ...y }) => {
+	let { control: b } = l(), { field: { ref: x, onChange: S, value: C } } = c({
+		name: g,
+		control: b,
+		rules: _,
+		defaultValue: f
+	}), { error: w } = i(g);
+	return s.useEffect(() => {
+		p !== void 0 && S(p);
+	}, [p]), /* @__PURE__ */ s.createElement(u, { className: o }, /* @__PURE__ */ s.createElement(n, {
+		as: "legend",
+		required: !!_?.required,
+		className: "mb-3 p-0"
+	}, h), m && /* @__PURE__ */ s.createElement(r, { className: "mb-3" }, m), /* @__PURE__ */ s.createElement(a, {
+		ref: x,
+		direction: d,
+		defaultValue: f,
+		onValueChange: (e) => {
+			S(e), v?.(e);
+		},
+		value: C,
+		...y
+	}, e), w && /* @__PURE__ */ s.createElement(t, { className: "mt-2" }, w));
+}, f = Object.assign(d, { Item: o });
+d.displayName = "RadioButtonField";
+//#endregion
+export { f as RadioButtonField };
+
+//# sourceMappingURL=RadioButtonField.js.map