{"version":3,"file":"Upagination.spec.ts.mjs","names":["exports"],"sources":["../../../../src/components/UPagination/__snapshots__/Upagination.spec.ts.snap"],"sourcesContent":["// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html\n\nexports[`UPagination > should render correctly 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\"><i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"w-fit flex justify-center gap-0 items-center\\\\\">\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">1</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">2</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">3</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">...</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">8</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">9</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">10</div>\n    </div>\n    <!---->\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\">Next<i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UPagination > should render correctly with center align 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\"><i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"w-fit flex justify-center gap-0 items-center\\\\\">\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">1</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">...</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">8</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">9</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">10</div>\n    </div>\n    <!---->\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\">Next<i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UPagination > should render correctly with circle shape 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\"><i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"w-fit flex justify-center gap-0 items-center\\\\\">\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-full\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-full\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-full\\\\\">1</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-full\\\\\">...</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-full\\\\\">8</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-full\\\\\">9</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-full\\\\\">10</div>\n    </div>\n    <!---->\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\">Next<i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UPagination > should render correctly with default type 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\"><i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"w-fit flex justify-center gap-0 items-center\\\\\">\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">1</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">...</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">8</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">9</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">10</div>\n    </div>\n    <!---->\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\">Next<i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UPagination > should render correctly with left align 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"absolute right-72\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\"><i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <!---->\n    <div class=\\\\\"left-0 absolute text-text-sm text-gray-700 font-medium\\\\\">Page 1 of 10</div>\n    <div class=\\\\\"absolute right-0\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\">Next<i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UPagination > should render correctly with miniaml type 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-700 border-gray-300 hover:bg-gray-50 hover:text-gray-800 active:bg-transparent active:shadow-xs-btn active:shadow-gray-200 focus-visible:bg-transparent focus-visible:shadow-xs-btn \n        focus-visible:shadow-gray-200 min-h-sm px-3.5 text-text-sm\\\\\" type=\\\\\"Secondary Gray\\\\\"><i color=\\\\\"gray-700\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-800 stroke-gray-700\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"w-fit flex justify-center gap-0 items-center\\\\\">\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">1</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">...</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">8</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">9</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">10</div>\n    </div>\n    <!---->\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-700 border-gray-300 hover:bg-gray-50 hover:text-gray-800 active:bg-transparent active:shadow-xs-btn active:shadow-gray-200 focus-visible:bg-transparent focus-visible:shadow-xs-btn \n        focus-visible:shadow-gray-200 min-h-sm px-3.5 text-text-sm\\\\\" type=\\\\\"Secondary Gray\\\\\">Next<i color=\\\\\"gray-700\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-800 stroke-gray-700\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UPagination > should render correctly with right align 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"absolute left-0\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\"><i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <!---->\n    <div class=\\\\\"right-0 absolute text-text-sm text-gray-700 font-medium\\\\\">Page 1 of 10</div>\n    <div class=\\\\\"absolute left-99\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\">Next<i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UPagination > should render correctly with square shape 1`] = `\n\"<div class=\\\\\"relative\\\\\">\n  <div class=\\\\\"w-full flex justify-between items-center\\\\\">\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"previous box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\"><i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M19 12H5M5 12L12 19M5 12L12 5\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>Previous\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"w-fit flex justify-center gap-0 items-center\\\\\">\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-gray-50 rounded-8\\\\\">\n        <!---->\n      </div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">1</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">...</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">8</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">9</div>\n      <div class=\\\\\"cursor-pointer box-border flex items-center justify-center w-fit py-2.5 px-4.5 text-text-sm \n  font-medium text-gray-600 hover:text-gray-800 active:text-gray-600 \n  hover:bg-gray-50 active:bg-gray-50 bg-transparent  rounded-8\\\\\">10</div>\n    </div>\n    <!---->\n    <div class=\\\\\"\\\\\">\n      <div class=\\\\\"next box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-600 border-transparent hover:text-gray-700 active:text-gray-600 focus-visible:text-gray-600 max-h-5 px-3.5 text-text-sm\\\\\" type=\\\\\"Link Gray\\\\\">Next<i color=\\\\\"gray-600\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-700 stroke-gray-600\\\\\" style=\\\\\"height: 17px; width: 17px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M5 12H19M19 12L12 5M19 12L12 19\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i>\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n"],"mappings":"AAAA;;AAEAA,OAAO,2CAA2C,k6HA2CjD;AAEDA,OAAO,6DAA6D,68HA+CnE;AAEDA,OAAO,6DAA6D,k+HA+CnE;AAEDA,OAAO,6DAA6D,68HA+CnE;AAEDA,OAAO,2DAA2D,2qEAqBjE;AAEDA,OAAO,6DAA6D,ytIAiDnE;AAEDA,OAAO,4DAA4D,0qEAqBlE;AAEDA,OAAO,6DAA6D,68HA+CnE"}