@node-core/ui-components 1.3.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Common/AlertBox/index.module.css +2 -2
- package/Common/AvatarGroup/Avatar/index.module.css +1 -1
- package/Common/AvatarGroup/Overlay/index.module.css +1 -1
- package/Common/AvatarGroup/index.module.css +1 -1
- package/Common/Badge/index.module.css +1 -1
- package/Common/BadgeGroup/index.module.css +1 -1
- package/Common/Banner/index.module.css +1 -1
- package/Common/BaseButton/index.module.css +1 -1
- package/Common/BaseCodeBox/index.module.css +1 -1
- package/Common/BaseCrossLink/index.module.css +1 -1
- package/Common/BaseLinkTabs/index.js +2 -2
- package/Common/BaseLinkTabs/index.module.css +2 -2
- package/Common/BasePagination/Ellipsis/index.module.css +1 -1
- package/Common/BasePagination/PaginationListItem/index.module.css +1 -1
- package/Common/BasePagination/index.js +1 -1
- package/Common/BasePagination/index.module.css +1 -1
- package/Common/Blockquote/index.module.css +1 -1
- package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +1 -1
- package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +1 -1
- package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +1 -1
- package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +1 -1
- package/Common/ChangeHistory/index.module.css +1 -1
- package/Common/CodeTabs/index.module.css +1 -1
- package/Common/DataTag/index.module.css +1 -1
- package/Common/GlowingBackdrop/index.module.css +1 -1
- package/Common/LanguageDropDown/index.module.css +1 -1
- package/Common/Modal/index.module.css +1 -1
- package/Common/NodejsLogo/index.module.css +1 -1
- package/Common/Notification/index.module.css +1 -1
- package/Common/Preview/index.module.css +1 -1
- package/Common/Search/Chat/Actions/index.js +17 -0
- package/Common/Search/Chat/Actions/index.module.css +2 -0
- package/Common/Search/Chat/Input/index.js +22 -0
- package/Common/Search/Chat/Input/index.module.css +2 -0
- package/Common/Search/Chat/Trigger/index.js +13 -0
- package/Common/Search/Chat/Trigger/index.module.css +2 -0
- package/Common/Search/Input/index.js +14 -0
- package/Common/Search/Input/index.module.css +2 -0
- package/Common/Search/Modal/index.js +7 -0
- package/Common/Search/Modal/index.module.css +2 -0
- package/Common/Search/Results/Empty/index.js +5 -0
- package/Common/Search/Results/Empty/index.module.css +2 -0
- package/Common/Search/Results/Hit/index.js +6 -0
- package/Common/Search/Results/Hit/index.module.css +2 -0
- package/Common/Search/Results/Skeleton/index.js +6 -0
- package/Common/Search/Results/Skeleton/index.module.css +2 -0
- package/Common/Search/Results/Tabs/index.js +6 -0
- package/Common/Search/Results/Tabs/index.module.css +2 -0
- package/Common/Search/Results/index.js +12 -0
- package/Common/Search/Results/index.module.css +2 -0
- package/Common/Search/Suggestions/index.js +9 -0
- package/Common/Search/Suggestions/index.module.css +2 -0
- package/Common/Select/index.module.css +2 -2
- package/Common/Separator/index.js +0 -1
- package/Common/Separator/index.module.css +1 -1
- package/Common/Skeleton/index.module.css +1 -1
- package/Common/Switch/index.js +7 -0
- package/Common/Switch/index.module.css +2 -0
- package/Common/Tabs/index.module.css +1 -1
- package/Common/ThemeToggle/index.module.css +1 -1
- package/Common/Tooltip/index.module.css +1 -1
- package/Containers/Article/index.module.css +1 -1
- package/Containers/Footer/index.module.css +1 -1
- package/Containers/MetaBar/index.js +1 -1
- package/Containers/MetaBar/index.module.css +1 -1
- package/Containers/NavBar/NavItem/index.module.css +1 -1
- package/Containers/NavBar/index.js +0 -1
- package/Containers/NavBar/index.module.css +1 -1
- package/Containers/Sidebar/SidebarGroup/index.js +1 -4
- package/Containers/Sidebar/SidebarGroup/index.module.css +2 -2
- package/Containers/Sidebar/SidebarItem/index.js +1 -6
- package/Containers/Sidebar/SidebarItem/index.module.css +2 -2
- package/Containers/Sidebar/index.js +2 -2
- package/Containers/Sidebar/index.module.css +1 -1
- package/Icons/PartnerLogos/Codemod/Favicon.js +3 -0
- package/Icons/PartnerLogos/Codemod/Logo.js +3 -0
- package/Icons/PartnerLogos/Codemod/index.js +3 -0
- package/Icons/PartnerLogos/DigitalOcean/Logo.js +1 -1
- package/Icons/PartnerLogos/MacStadium/Favicon.js +3 -0
- package/Icons/PartnerLogos/MacStadium/Logo.js +3 -0
- package/Icons/PartnerLogos/MacStadium/index.js +3 -0
- package/Icons/PartnerLogos/index.js +3 -1
- package/Providers/NotificationProvider/index.module.css +1 -1
- package/README.md +10 -0
- package/package.json +7 -6
- package/styles/index.css +2 -2
- package/Containers/Sidebar/ProgressionIcon/index.js +0 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
2
|
-
.title{min-width:max-content}.alertBox{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-white,#fff);flex-direction:row;display:flex}.alertBox a{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);text-decoration-line:underline}@media (hover:hover){.alertBox a:hover{color:var(--color-white,#fff)}}.alertBox a:hover{text-decoration-line:none}.alertBox.small{gap:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.alertBox.small .title{padding-inline:calc(var(--spacing,.25rem)*1)}.alertBox .title{border-radius:var(--radius-xs,.125rem);padding-inline:calc(var(--spacing,.25rem)*1.5)}.alertBox svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);display:inline}.alertBox.info{background-color:var(--color-info-600,#0c7bb3)}.alertBox.info .title{background-color:var(--color-info-700,#066291)}.alertBox.success{background-color:var(--color-green-600,#417e38)}.alertBox.success .title{background-color:var(--color-green-700,#2c682c)}.alertBox.warning{background-color:var(--color-warning-600,#ae5f00)}.alertBox.warning .title{background-color:var(--color-warning-700,#8b4d04)}.alertBox.danger{background-color:var(--color-danger-600,#de1a1b)}.alertBox.danger .title{background-color:var(--color-danger-700,#b80c0c)}.alertBox.neutral{background-color:var(--color-neutral-600,#929fa5)}.alertBox.neutral .title{background-color:var(--color-neutral-700,#6e7b83)}.alertBox code{all:unset;font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono))}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.title{min-width:max-content}.alertBox{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-white,#fff);flex-direction:row;display:flex}.alertBox *{color:var(--color-white,#fff)}.alertBox a{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);text-decoration-line:underline}@media (hover:hover){.alertBox a:hover{color:var(--color-white,#fff)}}.alertBox a:hover{text-decoration-line:none}.alertBox.small{gap:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.alertBox.small .title{padding-inline:calc(var(--spacing,.25rem)*1)}.alertBox .title{border-radius:var(--radius-xs,.125rem);padding-inline:calc(var(--spacing,.25rem)*1.5)}.alertBox svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);display:inline}.alertBox.info{background-color:var(--color-info-600,#0c7bb3)}.alertBox.info .title{background-color:var(--color-info-700,#066291)}.alertBox.success{background-color:var(--color-green-600,#417e38)}.alertBox.success .title{background-color:var(--color-green-700,#2c682c)}.alertBox.warning{background-color:var(--color-warning-600,#ae5f00)}.alertBox.warning .title{background-color:var(--color-warning-700,#8b4d04)}.alertBox.danger{background-color:var(--color-danger-600,#de1a1b)}.alertBox.danger .title{background-color:var(--color-danger-700,#b80c0c)}.alertBox.neutral{background-color:var(--color-neutral-600,#929fa5)}.alertBox.neutral .title{background-color:var(--color-neutral-700,#6e7b83)}.alertBox code{all:unset;font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono))}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.item{height:100%;max-height:calc(var(--spacing,.25rem)*12);width:100%;max-width:calc(var(--spacing,.25rem)*12);border-style:var(--tw-border-style);background-color:var(--color-neutral-100,#f6f7f9);object-fit:cover;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));color:var(--color-neutral-800,#556066);border-width:2px;border-color:#0000;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@media (min-width:670px){.item{max-height:calc(var(--spacing,.25rem)*10);max-width:calc(var(--spacing,.25rem)*10)}}.item:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-300,#d9e1e4)}.avatar{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8)}@media not all and (min-width:670px){.avatar .wrapper{padding-block:calc(var(--spacing,.25rem)*0);display:block}}.small{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10)}@media (min-width:670px){.small{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8)}}.medium{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.overlay{min-width:calc(var(--spacing,.25rem)*56);align-items:center;gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*3);display:flex}.user{flex-grow:1}.name{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-900,#2c3437)}.name:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300,#d9e1e4)}.nickname{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-700,#6e7b83)}.nickname:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}.arrow{width:calc(var(--spacing,.25rem)*3);fill:var(--color-neutral-600,#929fa5)}.arrow:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-white,#fff)}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.avatarGroup{flex-wrap:wrap;align-items:center;display:flex}.small>span{margin-left:calc(var(--spacing,.25rem)*-2)}.small>span:first-child{margin-left:calc(var(--spacing,.25rem)*0)}.medium>span{margin-left:calc(var(--spacing,.25rem)*-2.5)}.medium>span:first-child{margin-left:calc(var(--spacing,.25rem)*0)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.badge{text-align:center;white-space:nowrap;color:var(--color-white,#fff);border-radius:3.40282e38px}.badge.small{padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*0.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.badge.medium{padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*0.5);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.badge.default{background-color:var(--color-green-600,#417e38)}.badge.error{background-color:var(--color-danger-600,#de1a1b)}.badge.warning{background-color:var(--color-warning-600,#ae5f00)}.badge.info{background-color:var(--color-info-600,#0c7bb3)}.badge.neutral{background-color:var(--color-neutral-600,#929fa5)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.wrapper{border-style:var(--tw-border-style);width:fit-content;padding-block:calc(var(--spacing,.25rem)*1);padding-right:calc(var(--spacing,.25rem)*2.5);padding-left:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-width:1px;border-radius:3.40282e38px;align-items:center;display:flex}.wrapper .icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.wrapper .badge{margin-right:calc(var(--spacing,.25rem)*2)}.wrapper .message{margin-right:calc(var(--spacing,.25rem)*1)}.wrapper.default{border-color:var(--color-green-200,#c5e5b4);background-color:var(--color-green-100,#edf2eb)}.wrapper.default:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-green-700,#2c682c);background-color:var(--color-neutral-900,#2c3437)}.wrapper.default .icon{color:var(--color-green-500,#5fa04e)}.wrapper.default .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-300,#99cc7d)}.wrapper.default .message,.wrapper.default .message a:not(:hover){color:var(--color-green-700,#2c682c)}:is(.wrapper.default .message,.wrapper.default .message a:not(:hover)):where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-300,#99cc7d)}.wrapper.error{border-color:var(--color-danger-200,#fad3d4);background-color:var(--color-danger-100,#fbf1f0)}.wrapper.error:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-danger-700,#b80c0c);background-color:var(--color-neutral-900,#2c3437)}.wrapper.error .icon{color:var(--color-danger-500,#f65354)}.wrapper.error .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-danger-300,#fab6b7)}.wrapper.error .message,.wrapper.error .message a:not(:hover){color:var(--color-danger-700,#b80c0c)}:is(.wrapper.error .message,.wrapper.error .message a:not(:hover)):where([data-theme=dark],[data-theme=dark] *){color:var(--color-danger-300,#fab6b7)}.wrapper.warning{border-color:var(--color-warning-200,#fad9b0);background-color:var(--color-warning-100,#fdf3e7)}.wrapper.warning:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-warning-700,#8b4d04);background-color:var(--color-neutral-900,#2c3437)}.wrapper.warning .icon{color:var(--color-warning-500,#d07912)}.wrapper.warning .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-warning-300,#f5bc75)}.wrapper.warning .message,.wrapper.warning .message a:not(:hover){color:var(--color-warning-700,#8b4d04)}:is(.wrapper.warning .message,.wrapper.warning .message a:not(:hover)):where([data-theme=dark],[data-theme=dark] *){color:var(--color-warning-300,#f5bc75)}.wrapper.info{border-color:var(--color-info-200,#bce6fc);background-color:var(--color-info-100,#e9f4fa)}.wrapper.info:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-info-700,#066291);background-color:var(--color-neutral-900,#2c3437)}.wrapper.info .icon{color:var(--color-info-500,#229ad6)}.wrapper.info .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-info-300,#8ed4f8)}.wrapper.info .message,.wrapper.info .message a:not(:hover){color:var(--color-info-700,#066291)}:is(.wrapper.info .message,.wrapper.info .message a:not(:hover)):where([data-theme=dark],[data-theme=dark] *){color:var(--color-info-300,#8ed4f8)}.wrapper.neutral{border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-neutral-100,#f6f7f9)}.wrapper.neutral:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700,#6e7b83);background-color:var(--color-neutral-900,#2c3437)}.wrapper.neutral .icon{color:var(--color-neutral-500,#b1bcc2)}.wrapper.neutral .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300,#d9e1e4)}.wrapper.neutral .message,.wrapper.neutral .message a:not(:hover){color:var(--color-neutral-700,#6e7b83)}:is(.wrapper.neutral .message,.wrapper.neutral .message a:not(:hover)):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300,#d9e1e4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.banner{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);width:100%;padding-inline:calc(var(--spacing,.25rem)*8);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));flex-direction:row;display:flex}.banner,.banner a,:is(.banner,.banner a):where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.banner a{width:fit-content;text-decoration-line:underline;text-decoration-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.banner a{-webkit-text-decoration-color:color-mix(in oklab,var(--color-white,#fff)50%,transparent);-webkit-text-decoration-color:color-mix(in oklab,var(--color-white,#fff)50%,transparent);text-decoration-color:color-mix(in oklab,var(--color-white,#fff)50%,transparent)}}.banner svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.banner svg{color:color-mix(in oklab,var(--color-white,#fff)50%,transparent)}}.default{background-color:var(--color-green-600,#417e38)}.error{background-color:var(--color-danger-600,#de1a1b)}.warning{background-color:var(--color-warning-600,#ae5f00)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.button{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4.5);padding-block:calc(var(--spacing,.25rem)*2.5);text-align:center;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);display:inline-flex;position:relative}@media (prefers-reduced-motion:no-preference){.button{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.button svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.button[aria-disabled=true]{cursor:not-allowed}.button.small{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.button.neutral{border-radius:var(--radius-sm,.25rem);background-color:var(--color-neutral-900,#2c3437);color:var(--color-white,#fff)}.button.neutral:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.button.neutral:hover:not([aria-disabled=true]){background-color:var(--color-neutral-800,#556066)}.button.neutral[aria-disabled=true]{background-color:var(--color-neutral-900,#2c3437);opacity:.5}.button.neutral:focus{background-color:var(--color-neutral-800,#556066)}.button.primary{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,#417e38);background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.primary{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.primary:hover:not([aria-disabled=true]){border-color:var(--color-green-700,#2c682c);background-color:var(--color-green-700,#2c682c);color:var(--color-white,#fff)}.button.primary:focus{border-color:var(--color-green-700,#2c682c);background-color:var(--color-green-700,#2c682c)}.button.primary[aria-disabled=true]{background-color:var(--color-green-600,#417e38);opacity:.5}.button.secondary{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);color:var(--color-neutral-800,#556066)}.button.secondary:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.button.secondary:hover:not([aria-disabled=true]){background-color:var(--color-neutral-200,#e9edf0);color:var(--color-neutral-800,#556066)}.button.secondary:hover:not([aria-disabled=true]):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.button.secondary[aria-disabled=true]{opacity:.5;background-color:#0000}.button.secondary:focus{background-color:var(--color-neutral-100,#f6f7f9);color:var(--color-neutral-800,#556066)}.button.secondary:focus:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.button.special{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#417e384d}@supports (color:color-mix(in lab, red, red)){.button.special{border-color:color-mix(in oklab,var(--color-green-600,#417e38)30%,transparent)}}.button.special{background-color:#417e381a}@supports (color:color-mix(in lab, red, red)){.button.special{background-color:color-mix(in oklab,var(--color-green-600,#417e38)10%,transparent)}}.button.special{color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.special{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.special{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.special:before{content:var(--tw-content);content:var(--tw-content);top:calc(var(--spacing,.25rem)*0);content:var(--tw-content);right:calc(var(--spacing,.25rem)*0);content:var(--tw-content);left:calc(var(--spacing,.25rem)*0);content:var(--tw-content);z-index:-10;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-image:radial-gradient(8em circle at 50%10px,var(--color-green-400),transparent 30%);content:var(--tw-content);opacity:.3;--tw-content:"";content:var(--tw-content);width:100%;height:100%;margin-inline:auto;position:absolute}.button.special:after{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);top:-1px;right:calc(var(--spacing,.25rem)*0);content:var(--tw-content);left:calc(var(--spacing,.25rem)*0);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));content:var(--tw-content);--tw-gradient-from:#0000;width:40%;height:1px;margin-inline:auto;position:absolute}@supports (color:color-mix(in lab, red, red)){.button.special:after{--tw-gradient-from:color-mix(in oklab,var(--color-green-600,#417e38)0%,transparent)}}.button.special:after{--tw-gradient-stops:var(--tw-gradient-via-stops);content:var(--tw-content);--tw-gradient-via:var(--color-green-600,#417e38);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);content:var(--tw-content);--tw-gradient-to:#0000}@supports (color:color-mix(in lab, red, red)){.button.special:after{--tw-gradient-to:color-mix(in oklab,var(--color-green-600,#417e38)0%,transparent)}}.button.special:after{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-content:"";content:var(--tw-content)}.button.special[aria-disabled=true]{opacity:.5}.button.special:hover:not([aria-disabled=true]){background-color:#417e3833}@supports (color:color-mix(in lab, red, red)){.button.special:hover:not([aria-disabled=true]){background-color:color-mix(in oklab,var(--color-green-600,#417e38)20%,transparent)}}.button.special:focus{background-color:#417e3833}@supports (color:color-mix(in lab, red, red)){.button.special:focus{background-color:color-mix(in oklab,var(--color-green-600,#417e38)20%,transparent)}}.button.warning{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-warning-600,#ae5f00);background-color:var(--color-warning-600,#ae5f00);color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.warning{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.warning{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.warning:hover:not([aria-disabled=true]){border-color:var(--color-warning-700,#8b4d04);background-color:var(--color-warning-700,#8b4d04);color:var(--color-white,#fff)}.button.warning:focus{border-color:var(--color-warning-700,#8b4d04);background-color:var(--color-warning-700,#8b4d04)}.button.warning[aria-disabled=true]{background-color:var(--color-warning-600,#ae5f00);opacity:.5}.button.info{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-info-600,#0c7bb3);background-color:var(--color-info-600,#0c7bb3);color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.info{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.info{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.info:hover:not([aria-disabled=true]){border-color:var(--color-info-700,#066291);background-color:var(--color-info-700,#066291);color:var(--color-white,#fff)}.button.info:focus{border-color:var(--color-info-700,#066291);background-color:var(--color-info-700,#066291)}.button.info[aria-disabled=true]{background-color:var(--color-info-600,#0c7bb3);opacity:.5}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.root{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);width:100%}.root .content{margin:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4)}.root .content>code{padding:calc(var(--spacing,.25rem)*0);font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-400,#cbd4d9);counter-reset:line;scrollbar-width:thin;background-color:#0000;display:grid;overflow-x:auto}.root .content>code>[class=line]{min-width:calc(var(--spacing,.25rem)*0);padding-left:calc(var(--spacing,.25rem)*8);position:relative}.root .content>code>[class=line]:not(:empty:last-child):before{--tw-content:"";content:var(--tw-content);display:inline-block}.root .content>code>[class=line]:not(:empty:last-child):after{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);margin-right:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4.5);text-align:right;font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));color:var(--color-neutral-600,#929fa5);content:counter(line);counter-increment:line;position:absolute}.root>.footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-900,#2c3437);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);justify-content:space-between;align-items:center;display:flex}.root>.footer>.language{color:var(--color-neutral-400,#cbd4d9)}.root>.footer>.action{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.crossLink{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*3);flex-direction:column;text-decoration-line:none;display:flex;overflow:hidden}.crossLink:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.crossLink .header{align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));color:var(--color-neutral-800,#556066);align-self:stretch;display:flex}.crossLink .header:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100,#f6f7f9)}.crossLink .header.reverse{flex-direction:row-reverse;justify-content:flex-start}.crossLink .header .icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-600,#929fa5)}.crossLink .header .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.crossLink .content{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-900,#2c3437);align-self:stretch;overflow:hidden}.crossLink .content:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.crossLink .content.reverse{text-align:right}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import StatelessSelect from '../Select/StatelessSelect';
|
|
3
3
|
import styles from './index.module.css';
|
|
4
|
-
const BaseLinkTabs = ({ tabs, label, activeTab, children, as: Component = 'a',
|
|
4
|
+
const BaseLinkTabs = ({ tabs, label, activeTab, children, as: Component = 'a', }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.tabsList, children: tabs.map(tab => (_jsx(Component, { href: tab.link, className: styles.tabsTrigger, "data-state": tab.key === activeTab ? 'active' : 'inactive', children: tab.label }, tab.key))) }), _jsx(StatelessSelect, { label: label, className: styles.tabsSelect, defaultValue: tabs.find(tab => tab.key === activeTab)?.link, values: tabs.map(tab => ({ label: tab.label, value: tab.link })), as: Component }), children] }));
|
|
5
5
|
export default BaseLinkTabs;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
2
|
-
.tabsList{margin-top:calc(var(--spacing,.25rem)*10);margin-bottom:calc(var(--spacing,.25rem)*6);gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--color-neutral-200,#e9edf0);font-family:var(--font-open-sans,var(--font-open-sans));display:flex}@media not all and (min-width:
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.tabsList{margin-top:calc(var(--spacing,.25rem)*10);margin-bottom:calc(var(--spacing,.25rem)*6);gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--color-neutral-200,#e9edf0);font-family:var(--font-open-sans,var(--font-open-sans));display:flex}@media not all and (min-width:48rem){.tabsList{display:none}}.tabsList:where([data-theme=dark],[data-theme=dark] *){border-bottom-color:var(--color-neutral-800,#556066)}.tabsList .tabsTrigger{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,#556066);border-bottom-width:2px;border-bottom-color:#0000;padding-bottom:11px}.tabsList .tabsTrigger:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.tabsList .tabsTrigger:not([data-state=active]):hover{border-bottom-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-900,#2c3437)}.tabsList .tabsTrigger:not([data-state=active]):hover:where([data-theme=dark],[data-theme=dark] *){border-bottom-color:var(--color-neutral-300,#d9e1e4);color:var(--color-neutral-300,#d9e1e4)}.tabsList .tabsTrigger[data-state=active]{border-bottom-color:var(--color-green-600,#417e38);color:var(--color-green-600,#417e38)}.tabsList .tabsTrigger[data-state=active]:where([data-theme=dark],[data-theme=dark] *){border-bottom-color:var(--color-green-400,#84ba64);color:var(--color-green-400,#84ba64)}@media (min-width:48rem){.tabsSelect{display:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.ellipsis{width:calc(var(--spacing,.25rem)*10);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);--tw-leading:1;color:var(--color-neutral-800,#556066);line-height:1}.ellipsis:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}@property --tw-leading{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.listItem,.listItem:link,.listItem:active{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);cursor:pointer;border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);color:var(--color-neutral-800,#556066);justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.listItem,.listItem:link,.listItem:active{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}:is(.listItem,.listItem:link,.listItem:active):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}:is(.listItem,.listItem:link,.listItem:active)[aria-current=page]{cursor:default;background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}:is(.listItem,.listItem:link,.listItem:active):hover:not([aria-current=page]){background-color:var(--color-neutral-100,#f6f7f9);color:var(--color-neutral-800,#556066)}:is(.listItem,.listItem:link,.listItem:active):hover:not([aria-current=page]):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}
|
|
@@ -5,6 +5,6 @@ import { useGetPageElements } from '#ui/Common/BasePagination/useGetPageElements
|
|
|
5
5
|
import styles from './index.module.css';
|
|
6
6
|
const BasePagination = ({ currentPage, pages, as = 'a', currentPageSiblingsCount = 1, labels, getPageLabel, }) => {
|
|
7
7
|
const parsedPages = useGetPageElements(currentPage, pages, currentPageSiblingsCount, as, getPageLabel);
|
|
8
|
-
return (_jsxs("nav", { "aria-label": labels.aria, className: styles.pagination, children: [_jsxs(Button, { as: as, "aria-label": labels.
|
|
8
|
+
return (_jsxs("nav", { "aria-label": labels.aria, className: styles.pagination, children: [_jsxs(Button, { as: as, "aria-label": labels.previousAriaLabel, disabled: currentPage === 1, kind: "secondary", className: styles.previousButton, href: pages[currentPage - 2]?.url, children: [_jsx(ArrowLeftIcon, { className: styles.arrowIcon }), _jsx("span", { children: labels.previous })] }), _jsx("ol", { className: styles.list, children: parsedPages }), _jsxs(Button, { as: as, "aria-label": labels.nextAriaLabel, disabled: currentPage === pages.length, kind: "secondary", className: styles.nextButton, href: pages[currentPage]?.url, children: [_jsx("span", { children: labels.next }), _jsx(ArrowRightIcon, { className: styles.arrowIcon })] })] }));
|
|
9
9
|
};
|
|
10
10
|
export default BasePagination;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.pagination{justify-content:space-between;align-items:center;row-gap:calc(var(--spacing,.25rem)*5);grid-template-areas:"pages pages pages""prev.next";display:grid}@media (min-width:48rem){.pagination{row-gap:calc(var(--spacing,.25rem)*0);grid-template-areas:"prev pages next"}}.previousButton,.nextButton{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.previousButton{grid-area:prev}.nextButton{grid-area:next}.arrowIcon{height:calc(var(--spacing,.25rem)*5);color:var(--color-neutral-600,#929fa5);flex-shrink:0}.arrowIcon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.list{justify-content:center;gap:calc(var(--spacing,.25rem)*1);grid-area:pages;list-style-type:none;display:flex}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.wrapper{max-width:var(--container-2xl,42rem);align-items:flex-start;gap:calc(var(--spacing,.25rem)*4);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-green-600,#417e38);padding-block:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-900,#2c3437);flex-direction:column;align-self:stretch;display:flex}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-green-400,#84ba64);color:var(--color-white,#fff)}.wrapper cite{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);font-style:normal}.wrapper cite:before{--tw-content:"— ";content:var(--tw-content)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.item{align-items:center;gap:calc(var(--spacing,.25rem)*5);text-overflow:ellipsis;white-space:nowrap;max-width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:flex;overflow:hidden}.item:last-child{width:100%}.item a{flex-grow:1;flex-shrink:1}.item,.item>a,.item>a:hover{color:var(--color-neutral-800,#556066)}@media (prefers-reduced-motion:no-preference){.item,.item>a,.item>a:hover{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}:is(.item,.item>a,.item>a:hover):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item.visuallyHidden{display:none}.item .separator{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);max-width:fit-content;color:var(--color-neutral-600,#929fa5);flex-grow:1;flex-shrink:0}.item .separator:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.link{text-overflow:ellipsis;white-space:nowrap;max-width:fit-content;overflow:hidden}.link.active{background-color:var(--color-green-600,#417e38);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);border-radius:.25rem}@media (prefers-reduced-motion:no-preference){.link.active{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.link.active:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.link.active:hover{background-color:var(--color-green-700,#2c682c);color:var(--color-white,#fff)}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.list{gap:calc(var(--spacing,.25rem)*5);width:100vw;padding-inline:calc(var(--spacing,.25rem)*6);display:flex}@media (min-width:670px){.list{width:100%}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.summary{height:calc(var(--spacing,.25rem)*9);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-700,#6e7b83);--tw-outline-style:none;outline-style:none;display:flex}@media (forced-colors:active){.summary{outline-offset:2px;outline:2px solid #0000}}.summary{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:no-preference){.summary{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.summary:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-300,#d9e1e4)}.summary:hover,.summary:focus-visible{background-color:var(--color-neutral-100,#f6f7f9)}:is(.summary:hover,.summary:focus-visible):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.dropdownContentWrapper{top:100%;right:calc(var(--spacing,.25rem)*0);z-index:50;margin-top:calc(var(--spacing,.25rem)*1);max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*52);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814);position:absolute;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dropdownContentWrapper{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)3%,transparent)),0px 12px 16px -4px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)8%,transparent))}}.dropdownContentWrapper{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dropdownContentWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.dropdownContentInner{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*52);overflow-y:auto}.dropdownItem{padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,#556066);--tw-outline-style:none;outline-style:none;text-decoration-line:none;display:block}@media (forced-colors:active){.dropdownItem{outline-offset:2px;outline:2px solid #0000}}@media (prefers-reduced-motion:no-preference){.dropdownItem{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.dropdownItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.dropdownItem:hover,.dropdownItem:focus-visible{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.dropdownLabel{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:block}.dropdownVersions{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);opacity:.75;display:block}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.root>[role=tabpanel]>:first-child{border-top-left-radius:0;border-top-right-radius:0}.root>div:first-of-type{border-inline-style:var(--tw-border-style);border-inline-width:1px;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);padding-inline:calc(var(--spacing,.25rem)*2);padding-top:calc(var(--spacing,.25rem)*3);border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:flex}@media (min-width:48rem){.root>div:first-of-type{padding-inline:calc(var(--spacing,.25rem)*4)}}.root>div:first-of-type .trigger{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);color:var(--color-neutral-200,#e9edf0);border-bottom-width:1px;border-bottom-color:#0000}.root>div:first-of-type .trigger[data-state=active]{border-bottom-color:var(--color-green-400,#84ba64);color:var(--color-green-400,#84ba64)}.root>div:first-of-type .link{align-items:center;gap:calc(var(--spacing,.25rem)*2);text-align:center;color:var(--color-neutral-200,#e9edf0);display:none}@media (prefers-reduced-motion:no-preference){.root>div:first-of-type .link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}@media (min-width:64rem){.root>div:first-of-type .link{display:flex}}.root>div:first-of-type .link>.icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-300,#d9e1e4)}.root>div:first-of-type .link:is(:link,:visited):hover{color:var(--color-neutral-400,#cbd4d9)}.root>div:first-of-type .link:is(:link,:visited):hover>.icon{color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.dataTag{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.dataTag.lg{width:calc(var(--spacing,.25rem)*12);height:calc(var(--spacing,.25rem)*12);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.dataTag.md{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}.dataTag.sm{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8)}.dataTag.event{background-color:var(--color-accent1-600,#9756d6)}.dataTag.method{background-color:var(--color-info-600,#0c7bb3)}.dataTag.property{background-color:var(--color-green-600,#417e38)}.dataTag.class{background-color:var(--color-warning-600,#ae5f00)}.dataTag.module{background-color:var(--color-red-600,oklch(57.7% .245 27.325))}.dataTag.classMethod{background-color:var(--color-blue-600,oklch(54.6% .245 262.881))}.dataTag.ctor{background-color:var(--color-accent2-600,#d6246e)}.dataTag.global{background-color:var(--color-amber-600,oklch(66.6% .179 58.318))}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.glowingBackdrop{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:-10;opacity:.5;width:100%;height:100%;position:absolute}.glowingBackdrop:after{content:var(--tw-content);content:var(--tw-content);inset:calc(var(--spacing,.25rem)*0);content:var(--tw-content);content:var(--tw-content);aspect-ratio:1;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-color:var(--color-green-300,#99cc7d);content:var(--tw-content);--tw-blur:blur(120px);width:300px;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;margin:auto;position:absolute}@media (min-width:48rem){.glowingBackdrop{opacity:1}}.glowingBackdrop:where([data-theme=dark],[data-theme=dark] *):after{content:var(--tw-content);background-color:var(--color-green-700,#2c682c)}.glowingBackdrop svg{inset:calc(var(--spacing,.25rem)*0);aspect-ratio:1.67;object-fit:cover;max-width:1004px;color:var(--color-neutral-300,#d9e1e4);margin:auto;position:absolute}.glowingBackdrop svg:where([data-theme=dark],[data-theme=dark] *){color:#2c3437bf}@supports (color:color-mix(in lab, red, red)){.glowingBackdrop svg:where([data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab,var(--color-neutral-900,#2c3437)75%,transparent)}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.languageDropdown{height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-700,#6e7b83)}@media (prefers-reduced-motion:no-preference){.languageDropdown{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.languageDropdown:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300,#d9e1e4)}.languageDropdown:hover{background-color:var(--color-neutral-100,#f6f7f9)}.languageDropdown:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.dropDownContent{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*48);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dropDownContent{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)3%,transparent)),0px 12px 16px -4px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)8%,transparent))}}.dropDownContent{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dropDownContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.dropDownContent>div{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*48);overflow-y:auto}.dropDownItem{cursor:pointer;padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,#556066);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropDownItem{outline-offset:2px;outline:2px solid #0000}}.dropDownItem[data-highlighted]{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.dropDownItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.currentDropDown{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.overlay{inset:calc(var(--spacing,.25rem)*0);background-color:#fff6;justify-content:center;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.overlay{background-color:color-mix(in oklab,var(--color-white,#fff)40%,transparent)}}.overlay{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.overlay:where([data-theme=dark],[data-theme=dark] *){background-color:#0d121c66}@supports (color:color-mix(in lab, red, red)){.overlay:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-neutral-950,#0d121c)40%,transparent)}}.overlay .content{margin:calc(var(--spacing,.25rem)*4);width:100%;max-width:var(--container-3xl,48rem);gap:calc(var(--spacing,.25rem)*2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*4);border-radius:.25rem;flex-direction:column;display:inline-flex;position:relative;overflow-y:auto}.overlay .content:focus{--tw-outline-style:none;outline-style:none}@media (min-width:670px){.overlay .content{padding:calc(var(--spacing,.25rem)*6)}}@media (min-width:40rem){.overlay .content{margin-block:calc(var(--spacing,.25rem)*20)}}@media (min-width:48rem){.overlay .content{padding:calc(var(--spacing,.25rem)*6)}}@media (min-width:64rem){.overlay .content{padding:calc(var(--spacing,.25rem)*8)}}@media (min-width:80rem){.overlay .content{padding:calc(var(--spacing,.25rem)*12)}}.overlay .content:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066);background-color:var(--color-neutral-950,#0d121c)}.overlay .close{top:calc(var(--spacing,.25rem)*3);right:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*7);height:calc(var(--spacing,.25rem)*7);cursor:pointer;border-radius:var(--radius-sm,.25rem);padding:calc(var(--spacing,.25rem)*1);display:block;position:absolute}@media (hover:hover){.overlay .close:hover{background-color:var(--color-neutral-100,#f6f7f9)}}.overlay .close:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-neutral-200,#e9edf0);--tw-outline-style:none;outline-style:none}@media (hover:hover){.overlay .close:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.overlay .close:where([data-theme=dark],[data-theme=dark] *):focus{--tw-ring-color:var(--color-neutral-900,#2c3437)}.overlay .title{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-900,#2c3437)}.overlay .title:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.overlay .description{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-800,#556066)}.overlay .description:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.overlay .wrapper{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.overlay .wrapper pre{overflow:auto}.overlay .wrapper code,.overlay .wrapper a{overflow-wrap:break-word}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.nodejsLogo{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*20)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.root{margin:calc(var(--spacing,.25rem)*6);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814)}@supports (color:color-mix(in lab, red, red)){.root{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)3%,transparent)),0px 12px 16px -4px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)8%,transparent))}}.root{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.root:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066);background-color:var(--color-neutral-900,#2c3437)}.message{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-green-600,#417e38)}.message:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.root{aspect-ratio:1.9;border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);align-items:center;display:flex;position:relative;container:preview/inline-size}.root:after{content:var(--tw-content);content:var(--tw-content);inset:calc(var(--spacing,.25rem)*0);content:var(--tw-content);content:var(--tw-content);aspect-ratio:1;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-image:radial-gradient(var(--tw-gradient-from),var(--tw-gradient-to));content:var(--tw-content);--tw-blur:blur(var(--blur-2xl,40px));width:33.3333%;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;margin:auto;position:absolute}.root.announcements:after{content:var(--tw-content);--tw-gradient-from:#2c682ce6}@supports (color:color-mix(in lab, red, red)){.root.announcements:after{--tw-gradient-from:color-mix(in oklab,var(--color-green-700,#2c682c)90%,transparent)}}.root.announcements:after{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.root.release:after{content:var(--tw-content);--tw-gradient-from:#0c7bb3e6}@supports (color:color-mix(in lab, red, red)){.root.release:after{--tw-gradient-from:color-mix(in oklab,var(--color-info-600,#0c7bb3)90%,transparent)}}.root.release:after{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.root.vulnerability:after{content:var(--tw-content);--tw-gradient-from:#ae5f00e6}@supports (color:color-mix(in lab, red, red)){.root.vulnerability:after{--tw-gradient-from:color-mix(in oklab,var(--color-warning-600,#ae5f00)90%,transparent)}}.root.vulnerability:after{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.root .container{z-index:10;width:66.6667%;max-width:var(--container-xl,36rem);gap:calc(var(--spacing,.25rem)*4);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);flex-direction:column;margin-inline:auto;display:flex}@container preview (min-width:24rem){.root .container{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}}@container preview (min-width:28rem){.root .container{gap:calc(var(--spacing,.25rem)*6);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}}@container preview (min-width:32rem){.root .container{gap:calc(var(--spacing,.25rem)*8);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}}@container preview (min-width:36rem){.root .container{gap:calc(var(--spacing,.25rem)*12);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}}@container preview (min-width:42rem){.root .container{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2))}}.root .container .hexagon{inset:calc(var(--spacing,.25rem)*0);width:100%;height:100%;margin:auto;position:absolute}@container preview (min-width:28rem){.root .container .hexagon{width:60%;height:60%}}@container preview (min-width:32rem){.root .container .hexagon{width:66.6667%;height:66.6667%}}@container preview (min-width:36rem){.root .container .hexagon{width:60%;height:60%}}@container preview (min-width:42rem){.root .container .hexagon{width:66.6667%;height:66.6667%}}.root .container .logo{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);margin-inline:auto}@container preview (min-width:28rem){.root .container .logo{width:calc(var(--spacing,.25rem)*14);height:calc(var(--spacing,.25rem)*14)}}@container preview (min-width:32rem){.root .container .logo{width:calc(var(--spacing,.25rem)*16);height:calc(var(--spacing,.25rem)*16)}}@container preview (min-width:36rem){.root .container .logo{width:calc(var(--spacing,.25rem)*20);height:calc(var(--spacing,.25rem)*20)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { DocumentCheckIcon, ClipboardIcon, ArrowPathIcon, HandThumbDownIcon, } from '@heroicons/react/24/solid';
|
|
3
|
+
import { ChatInteractions } from '@orama/ui/components';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import { useState } from 'react';
|
|
6
|
+
import styles from './index.module.css';
|
|
7
|
+
const ChatActions = ({ interaction }) => {
|
|
8
|
+
const [isDisliked, setIsDisliked] = useState(false);
|
|
9
|
+
const dislikeMessage = () => setIsDisliked(!isDisliked);
|
|
10
|
+
if (!interaction.response) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return (_jsx("div", { className: styles.chatActionsContainer, children: _jsxs("ul", { className: styles.chatActionsList, children: [_jsx("li", { children: _jsx(ChatInteractions.RegenerateLatest, { className: styles.chatAction, interaction: interaction, children: _jsx(ArrowPathIcon, {}) }) }), _jsx("li", { children: _jsx(ChatInteractions.CopyMessage, { className: styles.chatAction, interaction: interaction, children: (copied) => copied ? (_jsx(DocumentCheckIcon, { className: styles.chatActionIconSelected })) : (_jsx(ClipboardIcon, {})) }) }), !interaction.loading && (_jsx("li", { children: _jsx("button", { className: classNames(styles.chatAction, {
|
|
14
|
+
[styles.chatActionDisaliked]: isDisliked,
|
|
15
|
+
}), onClick: dislikeMessage, children: _jsx(HandThumbDownIcon, {}) }) }))] }) }));
|
|
16
|
+
};
|
|
17
|
+
export default ChatActions;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.chatActionsContainer{justify-content:flex-end;align-items:center;display:flex}.chatActionsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*0);list-style-type:none;display:flex}.chatAction{cursor:pointer;padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-800,#556066);--tw-duration:.3s;border-radius:3.40282e38px;transition-duration:.3s}@media (hover:hover){.chatAction:hover{background-color:var(--color-neutral-300,#d9e1e4)}}.chatAction:focus{background-color:var(--color-neutral-300,#d9e1e4);--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:no-preference){.chatAction{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.chatAction:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}@media (hover:hover){.chatAction:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.chatAction:where([data-theme=dark],[data-theme=dark] *):focus{background-color:var(--color-neutral-900,#2c3437)}.chatAction svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.chatActionIconSelected{color:var(--color-green-600,#417e38)}.chatActionIconSelected:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.chatActionDisaliked{color:var(--color-neutral-900,#2c3437)}.chatActionDisaliked:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-800,#556066)}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { PaperAirplaneIcon } from '@heroicons/react/20/solid';
|
|
3
|
+
import { PauseCircleIcon } from '@heroicons/react/24/solid';
|
|
4
|
+
import { PromptTextArea } from '@orama/ui/components';
|
|
5
|
+
import { useChat } from '@orama/ui/hooks';
|
|
6
|
+
import { useEffect, useRef } from 'react';
|
|
7
|
+
import SearchSuggestions from '#ui/Common/Search/Suggestions';
|
|
8
|
+
import styles from './index.module.css';
|
|
9
|
+
const ChatInput = ({ suggestions, placeholder, disclaimer, }) => {
|
|
10
|
+
const textareaRef = useRef(null);
|
|
11
|
+
const { context: { interactions }, } = useChat();
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
const timeoutId = setTimeout(() => {
|
|
14
|
+
textareaRef.current?.focus();
|
|
15
|
+
}, 100);
|
|
16
|
+
return () => {
|
|
17
|
+
clearTimeout(timeoutId);
|
|
18
|
+
};
|
|
19
|
+
}, []);
|
|
20
|
+
return (_jsxs(_Fragment, { children: [!interactions?.length && _jsx(SearchSuggestions, { suggestions: suggestions }), _jsxs("div", { className: styles.textareaContainer, children: [_jsxs(PromptTextArea.Wrapper, { className: styles.textareaWrapper, children: [_jsx(PromptTextArea.Field, { id: "orama-chat-input", name: "chat-input", placeholder: placeholder, rows: 1, maxLength: 500, autoFocus: true, ref: textareaRef, className: styles.textareaField }), _jsx(PromptTextArea.Button, { abortContent: _jsx(PauseCircleIcon, {}), className: styles.textareaButton, children: _jsx(PaperAirplaneIcon, {}) })] }), _jsx("div", { className: styles.textareaFooter, children: _jsx("small", { children: disclaimer }) })] })] }));
|
|
21
|
+
};
|
|
22
|
+
export default ChatInput;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.textareaContainer{padding-inline:calc(var(--spacing,.25rem)*1)}.textareaWrapper{border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-neutral-100,#f6f7f9);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*1);padding-left:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.textareaWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.textareaField{border-style:var(--tw-border-style);color:var(--color-neutral-900,#2c3437);background-color:#0000;border-width:0;flex:1}.textareaField:focus{--tw-outline-style:none;outline-style:none}.textareaField:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.textareaButton{cursor:pointer;border-radius:var(--radius-xl,.75rem);background-color:var(--color-green-600,#417e38);padding:calc(var(--spacing,.25rem)*2);color:var(--color-white,#fff);--tw-duration:.3s;transition-duration:.3s}.textareaButton:focus{background-color:#417e38bf}@supports (color:color-mix(in lab, red, red)){.textareaButton:focus{background-color:color-mix(in oklab,var(--color-green-600,#417e38)75%,transparent)}}.textareaButton:focus{--tw-outline-style:none;outline-style:none}.textareaButton:disabled{cursor:not-allowed;background-color:#e9edf099}@supports (color:color-mix(in lab, red, red)){.textareaButton:disabled{background-color:color-mix(in oklab,var(--color-neutral-200,#e9edf0)60%,transparent)}}.textareaButton:disabled{color:var(--color-neutral-800,#556066)}@media (prefers-reduced-motion:no-preference){.textareaButton{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.textareaButton:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-green-400,#84ba64);color:var(--color-neutral-400,#cbd4d9)}.textareaButton:focus:where([data-theme=dark],[data-theme=dark] *){background-color:#84ba64bf}@supports (color:color-mix(in lab, red, red)){.textareaButton:focus:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-green-400,#84ba64)75%,transparent)}}.textareaButton:disabled:where([data-theme=dark],[data-theme=dark] *){background-color:#2c343799}@supports (color:color-mix(in lab, red, red)){.textareaButton:disabled:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-neutral-900,#2c3437)60%,transparent)}}.textareaButton svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.textareaFooter{padding-top:calc(var(--spacing,.25rem)*1);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));color:var(--color-neutral-800,#556066)}@media (min-width:40rem){.textareaFooter{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}}.textareaFooter:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { SparklesIcon } from '@heroicons/react/24/outline';
|
|
3
|
+
import { SlidingPanel } from '@orama/ui/components/SlidingPanel';
|
|
4
|
+
import { useSearch } from '@orama/ui/hooks/useSearch';
|
|
5
|
+
import classNames from 'classnames';
|
|
6
|
+
import styles from './index.module.css';
|
|
7
|
+
const ChatTrigger = ({ children, ...props }) => {
|
|
8
|
+
const { context: { searchTerm }, } = useSearch();
|
|
9
|
+
return (_jsx("div", { className: styles.chatButtonWrapper, children: _jsxs(SlidingPanel.Trigger, { className: classNames(styles.chatButton, {
|
|
10
|
+
[styles.chatButtonWithSearch]: searchTerm,
|
|
11
|
+
}), initialPrompt: searchTerm || undefined, "data-focus-on-arrow-nav": true, ...props, children: [_jsx(SparklesIcon, {}), _jsxs("span", { children: [searchTerm ? `${searchTerm} - ` : '', children] })] }) }));
|
|
12
|
+
};
|
|
13
|
+
export default ChatTrigger;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.chatButtonWrapper{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*2);display:block}.chatButtonWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.chatButtonWrapper svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.chatButton{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-duration:.3s;background-color:#0000;border-width:1px;border-color:#0000;transition-duration:.3s;display:flex}@media (hover:hover){.chatButton:hover{background-color:var(--color-neutral-300,#d9e1e4)}}.chatButton:focus-visible{border-color:var(--color-green-600,#417e38);--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:no-preference){.chatButton{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}@media (hover:hover){.chatButton:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.chatButton:where([data-theme=dark],[data-theme=dark] *):focus-visible{border-color:var(--color-green-400,#84ba64)}.chatButtonWithSearch{background-color:var(--color-neutral-300,#d9e1e4)}.chatButtonWithSearch:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MagnifyingGlassIcon } from '@heroicons/react/24/solid';
|
|
3
|
+
import { SearchInput } from '@orama/ui/components';
|
|
4
|
+
import styles from './index.module.css';
|
|
5
|
+
const Input = ({ searchParams, ...props }) => (_jsxs(SearchInput.Wrapper, { className: styles.searchInputWrapper, children: [_jsx(MagnifyingGlassIcon, {}), _jsx(SearchInput.Input, { inputId: "orama-doc-search", className: styles.searchInput, searchParams: {
|
|
6
|
+
...searchParams,
|
|
7
|
+
groupBy: {
|
|
8
|
+
properties: ['siteSection'],
|
|
9
|
+
},
|
|
10
|
+
facets: {
|
|
11
|
+
siteSection: {},
|
|
12
|
+
},
|
|
13
|
+
}, ...props })] }));
|
|
14
|
+
export default Input;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.searchInputWrapper{position:relative}.searchInputWrapper svg{top:50%;left:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-neutral-500,#b1bcc2);position:absolute}.searchInputWrapper svg:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}.searchInput{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);width:100%;padding-block:calc(var(--spacing,.25rem)*4);padding-right:calc(var(--spacing,.25rem)*4);padding-left:calc(var(--spacing,.25rem)*9);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-900,#2c3437);background-color:#0000}.searchInput::placeholder{color:var(--color-neutral-500,#b1bcc2)}.searchInput:focus{--tw-outline-style:none;outline-style:none}.searchInput:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.searchInput:where([data-theme=dark],[data-theme=dark] *)::placeholder{color:var(--color-neutral-600,#929fa5)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MagnifyingGlassIcon } from '@heroicons/react/24/solid';
|
|
3
|
+
import { SearchRoot, ChatRoot, Modal } from '@orama/ui/components';
|
|
4
|
+
import SearchInput from '#ui/Common/Search/Input';
|
|
5
|
+
import styles from './index.module.css';
|
|
6
|
+
const SearchModal = ({ children, client, placeholder, }) => (_jsx("div", { className: styles.searchboxContainer, children: _jsxs(Modal.Root, { children: [_jsxs(Modal.Trigger, { type: "button", disabled: !client, enableCmdK: true, className: styles.searchButton, children: [_jsxs("div", { className: styles.searchButtonContent, children: [_jsx(MagnifyingGlassIcon, {}), placeholder] }), _jsx("span", { className: styles.searchButtonShortcut, children: "\u2318 K" })] }), _jsx(Modal.Wrapper, { closeOnOutsideClick: true, closeOnEscape: true, className: styles.modalWrapper, children: _jsx(SearchRoot, { client: client, children: _jsx(ChatRoot, { client: client, askOptions: { throttle_delay: 50 }, children: _jsx(Modal.Inner, { className: styles.modalInner, children: _jsxs(Modal.Content, { className: styles.modalContent, children: [_jsx(SearchInput, { placeholder: placeholder, ariaLabel: placeholder }), children] }) }) }) }) })] }) }));
|
|
7
|
+
export default SearchModal;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.searchboxContainer{flex-grow:1}.searchboxContainer *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.searchButton{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);width:100%;padding:calc(var(--spacing,.25rem)*1.5);color:var(--color-neutral-900,#2c3437);--tw-duration:.3s;flex-grow:1;transition-duration:.3s;display:flex}@media (hover:hover){.searchButton:hover{background-color:var(--color-neutral-100,#f6f7f9)}}@media (prefers-reduced-motion:no-preference){.searchButton{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.searchButton:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.searchButton:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}}.searchButtonContent{align-items:center;gap:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));flex-wrap:nowrap;display:flex;position:relative}.searchButtonContent svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.searchButtonShortcut{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-300,#d9e1e4);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-800,#556066);display:inline}.searchButtonShortcut:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-400,#cbd4d9)}.modalWrapper{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);background-color:#ffffffb3;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.modalWrapper{background-color:color-mix(in oklab,var(--color-white,#fff)70%,transparent)}}.modalWrapper{padding-top:5vh}.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:#09090bb3}@supports (color:color-mix(in lab, red, red)){.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-zinc-950,oklch(14.1% .005 285.823))70%,transparent)}}.modalInner{margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);width:100%;height:auto;max-width:var(--container-3xl,48rem);background-color:var(--color-neutral-100,#f6f7f9);display:flex;position:fixed;top:auto;bottom:auto}.modalInner:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}.modalInner>section{width:100%}.modalContent{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);flex-direction:column;height:auto;max-height:70vh;display:flex}.modalContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { SearchResults } from '@orama/ui/components';
|
|
3
|
+
import styles from './index.module.css';
|
|
4
|
+
const SearchResultsEmpty = ({ children, label, }) => (_jsx(SearchResults.NoResults, { children: term => term ? (_jsxs("div", { className: styles.noResultsWrapper, children: [label, " \"", term, "\""] })) : (children) }));
|
|
5
|
+
export default SearchResultsEmpty;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.noResultsWrapper{height:100%;padding-top:calc(var(--spacing,.25rem)*10);padding-bottom:calc(var(--spacing,.25rem)*31);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-800,#556066);justify-content:center;align-items:center;display:flex}.noResultsWrapper:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { DocumentTextIcon } from '@heroicons/react/24/outline';
|
|
3
|
+
import { SearchResults } from '@orama/ui/components';
|
|
4
|
+
import styles from './index.module.css';
|
|
5
|
+
const Hit = ({ document, mode = 'search', as: Link = 'a' }) => (_jsx(SearchResults.Item, { children: _jsxs(Link, { href: document.href, tabIndex: mode === 'search' ? 0 : -1, "aria-hidden": mode === 'chat', "data-focus-on-arrow-nav": true, className: styles.link, children: [_jsx(DocumentTextIcon, {}), _jsxs("div", { children: [typeof document?.title === 'string' && _jsx("h3", { children: document.title }), typeof document?.description === 'string' && (_jsx("p", { className: styles.hitDescription, children: document.description }))] })] }) }));
|
|
6
|
+
export default Hit;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.link{align-items:center;gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-neutral-100,#f6f7f9);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-900,#2c3437);--tw-duration:.3s;--tw-outline-style:none;border-width:1px;border-color:#0000;outline-style:none;transition-duration:.3s;display:flex}@media (hover:hover){.link:hover{background-color:var(--color-neutral-200,#e9edf0)}}.link:focus{background-color:var(--color-neutral-200,#e9edf0)}.link:focus-visible{border-color:var(--color-green-600,#417e38);background-color:#0000}@media (prefers-reduced-motion:no-preference){.link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.link:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c);color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.link:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}}.link:focus:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.link svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.hitDescription{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-600,#929fa5)}.hitDescription:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { SearchResults } from '@orama/ui/components';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import styles from './index.module.css';
|
|
5
|
+
const SearchResultsSkeleton = () => (_jsx(SearchResults.Loading, { children: _jsx("div", { className: styles.skeletonWrapper, children: [...Array(3)].map((_, index) => (_jsxs("div", { className: styles.skeletonItem, children: [_jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonAvatar) }), _jsxs("div", { className: styles.skeletonText, children: [_jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonLineShort) }), _jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonLineLong) })] })] }, index))) }) }));
|
|
6
|
+
export default SearchResultsSkeleton;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.skeletonWrapper{gap:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex}.skeletonItem{align-items:center;gap:calc(var(--spacing,.25rem)*4);display:flex}.skeletonAnim{border-radius:var(--radius-md,.375rem);animation:.5s infinite alternate-reverse pulse}.skeletonAnim:where([data-theme=dark],[data-theme=dark] *){animation:.5s infinite alternate-reverse pulse-dark}.skeletonAvatar{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*5);flex-shrink:0}.skeletonText{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;flex:1;display:flex}.skeletonLineShort{height:calc(var(--spacing,.25rem)*3);width:33.3333%}.skeletonLineLong{height:calc(var(--spacing,.25rem)*3);width:66.6667%}@keyframes pulse{0%{background:var(--color-pulse-100)}to{background:var(--color-pulse-200)}}@keyframes pulse-dark{0%{background:var(--color-pulse-300)}to{background:var(--color-pulse-400)}}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { FacetTabs } from '@orama/ui/components';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import styles from './index.module.css';
|
|
5
|
+
const Tabs = ({ selectedFacet, ...props }) => (_jsx(FacetTabs.Wrapper, { className: styles.facetTabsWrapper, children: _jsx(FacetTabs.List, { className: styles.facetTabsList, children: (group, isSelected) => (_jsxs(FacetTabs.Item, { ...props, isSelected: group.name === selectedFacet, group: group, filterBy: "siteSection", className: classNames(isSelected && styles.facetTabItemSelected, styles.facetTabItem), children: [group.name, _jsxs("span", { className: styles.facetTabItemCount, children: ["(", group.count, ")"] })] })) }) }));
|
|
6
|
+
export default Tabs;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.facetTabsWrapper{margin-bottom:calc(var(--spacing,.25rem)*2);overflow-x:auto}.facetTabsWrapper::-webkit-scrollbar{display:none}.facetTabItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-duration:.3s;transition-duration:.3s;display:flex}.facetTabItem:focus{--tw-outline-style:none;outline-style:none}.facetTabItem:focus-visible{background-color:var(--color-neutral-300,#d9e1e4)}@media (prefers-reduced-motion:no-preference){.facetTabItem{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.facetTabItem:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.facetTabItem:where([data-theme=dark],[data-theme=dark] *):focus-visible{background-color:var(--color-neutral-900,#2c3437)}.facetTabItemSelected{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-green-600,#417e38)}.facetTabItemSelected:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-green-400,#84ba64)}.facetTabsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex;overflow-x:auto}.facetTabsList::-webkit-scrollbar{display:none}.facetTabItemCount{color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { SearchResults } from '@orama/ui/components';
|
|
3
|
+
import { useSearch } from '@orama/ui/hooks/useSearch';
|
|
4
|
+
import SearchResultsEmpty from '#ui/Common/Search/Results/Empty';
|
|
5
|
+
import SearchResultsSkeleton from '#ui/Common/Search/Results/Skeleton';
|
|
6
|
+
import Tabs from '#ui/Common/Search/Results/Tabs';
|
|
7
|
+
import styles from './index.module.css';
|
|
8
|
+
const SearchResultsWrapper = ({ searchParams, onHit, noResultsTitle, ...props }) => {
|
|
9
|
+
const { context: { searchTerm, selectedFacet }, } = useSearch();
|
|
10
|
+
return (_jsx("div", { className: styles.searchResultsWrapper, children: _jsxs(SearchResults.Wrapper, { children: [_jsx(Tabs, { ...props, searchParams: { ...searchParams, term: searchTerm ?? '' }, selectedFacet: selectedFacet }), _jsx(SearchResultsSkeleton, {}), _jsx(SearchResultsEmpty, { label: noResultsTitle, ...props }), _jsx(SearchResults.GroupsWrapper, { className: styles.searchResultsGroupWrapper, groupBy: "siteSection", children: group => (_jsxs("div", { className: styles.searchResultsGroup, children: [_jsx("h2", { className: styles.searchResultsGroupTitle, children: group.name }), _jsx(SearchResults.GroupList, { group: group, children: onHit })] }, group.name)) })] }) }));
|
|
11
|
+
};
|
|
12
|
+
export default SearchResultsWrapper;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.searchResultsWrapper{padding-inline:calc(var(--spacing,.25rem)*5);padding-top:calc(var(--spacing,.25rem)*3);color:var(--color-neutral-900,#2c3437);flex-grow:0;overflow-y:auto}.searchResultsWrapper:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.searchResultsWrapper::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*1.5);height:calc(var(--spacing,.25rem)*1.5)}.searchResultsWrapper::-webkit-scrollbar-track{background-color:#0000}.searchResultsWrapper::-webkit-scrollbar-thumb{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-900,#2c3437)}.searchResultsGroupWrapper{align-items:flex-start;position:relative;overflow-y:auto}.searchResultsGroup{margin-bottom:calc(var(--spacing,.25rem)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200,#e9edf0)}.searchResultsGroup:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.searchResultsGroup:first-of-type{border-style:var(--tw-border-style);border-width:0}.searchResultsGroupTitle{margin-top:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*3);padding-left:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-600,#929fa5)}.searchResultsGroupTitle:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement as _createElement } from "react";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { SparklesIcon } from '@heroicons/react/24/outline';
|
|
4
|
+
import { Suggestions } from '@orama/ui/components/Suggestions';
|
|
5
|
+
import styles from './index.module.css';
|
|
6
|
+
const SearchSuggestions = ({ suggestions, label, ...props }) => (_jsxs(Suggestions.Wrapper, { className: styles.suggestionsWrapper, children: [label && _jsx("p", { className: styles.suggestionsTitle, children: label }), suggestions.map((suggestion, i) => (_createElement(Suggestions.Item, { ...props, key: i, className: styles.suggestionItem },
|
|
7
|
+
_jsx(SparklesIcon, {}),
|
|
8
|
+
suggestion)))] }));
|
|
9
|
+
export default SearchSuggestions;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.suggestionsWrapper{min-height:calc(var(--spacing,.25rem)*0);padding-bottom:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-900,#2c3437);flex-direction:column;flex:1;display:flex;overflow-y:auto}.suggestionsWrapper:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.suggestionsList{margin-top:calc(var(--spacing,.25rem)*1)}:where(.suggestionsList>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing,.25rem)*1*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing,.25rem)*1*(1 - var(--tw-space-y-reverse)))}.suggestionsTitle{margin-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,#556066);text-transform:uppercase}.suggestionsTitle:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}.suggestionItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-green-600,#417e38);border-width:1px;border-color:#0000;display:flex}.suggestionItem:focus-visible{border-color:var(--color-green-600,#417e38);--tw-outline-style:none;outline-style:none}.suggestionItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.suggestionItem:where([data-theme=dark],[data-theme=dark] *):focus-visible{border-color:var(--color-green-400,#84ba64)}.suggestionItem svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|