diff --git a/components/lib/theme/aura/index.js b/components/lib/theme/aura/index.js
index 352fcba3e..919deb7b8 100644
--- a/components/lib/theme/aura/index.js
+++ b/components/lib/theme/aura/index.js
@@ -43,6 +43,7 @@ import radiobutton from 'primevue/theme/aura/radiobutton';
 import rating from 'primevue/theme/aura/rating';
 import scrollpanel from 'primevue/theme/aura/scrollpanel';
 import scrolltop from 'primevue/theme/aura/scrolltop';
+import selectbutton from 'primevue/theme/aura/selectbutton';
 import sidebar from 'primevue/theme/aura/sidebar';
 import skeleton from 'primevue/theme/aura/skeleton';
 import slider from 'primevue/theme/aura/slider';
@@ -57,6 +58,7 @@ import terminal from 'primevue/theme/aura/terminal';
 import textarea from 'primevue/theme/aura/textarea';
 import tieredmenu from 'primevue/theme/aura/tieredmenu';
 import timeline from 'primevue/theme/aura/timeline';
+import togglebutton from 'primevue/theme/aura/togglebutton';
 import toast from 'primevue/theme/aura/toast';
 import toolbar from 'primevue/theme/aura/toolbar';
 import tooltip from 'primevue/theme/aura/tooltip';
@@ -253,6 +255,7 @@ export default {
         rating,
         scrollpanel,
         scrolltop,
+        selectbutton,
         skeleton,
         sidebar,
         slider,
@@ -267,6 +270,7 @@ export default {
         tag,
         terminal,
         timeline,
+        togglebutton,
         tree,
         treetable,
         toast,
diff --git a/components/lib/theme/aura/selectbutton/index.js b/components/lib/theme/aura/selectbutton/index.js
new file mode 100644
index 000000000..b1a63c61c
--- /dev/null
+++ b/components/lib/theme/aura/selectbutton/index.js
@@ -0,0 +1,114 @@
+export default {
+    variables: {
+        colorScheme: {
+            light: {
+                root: {
+                    background: '{surface.100}',
+                    backgroundDisabled: '{form.field.background.disabled}',
+                    borderColorInvalid: '{form.field.border.color.invalid}'
+                },
+                item: {
+                    backgroundChecked: '{surface.0}',
+                    textColor: '{surface.500}',
+                    textColorHover: '{surface.700}',
+                    textColorChecked: '{surface.900}',
+                    textColorDisabled: '{form.field.text.color.disabled}'
+                }
+            },
+            dark: {
+                root: {
+                    background: '{surface.950}',
+                    backgroundDisabled: '{form.field.background.disabled}',
+                    borderColorInvalid: '{form.field.border.color.invalid}'
+                },
+                item: {
+                    backgroundChecked: '{surface.800}',
+                    textColor: '{surface.400}',
+                    textColorHover: '{surface.300}',
+                    textColorChecked: '{surface.0}',
+                    textColorDisabled: '{form.field.text.color.disabled}'
+                }
+            }
+        }
+    },
+    css: `
+.p-selectbutton {
+    display: inline-flex;
+    user-select: none;
+    vertical-align: bottom;
+    border: 1px solid transparent;
+    background: var(--p-selectbutton-background);
+    border-radius: var(--p-rounded-base);
+    outline-color: transparent;
+    transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration);
+}
+
+.p-selectbutton .p-button {
+    flex: 1 1 auto;
+    background: transparent;
+    border: 0 none;
+    color: var(--p-selectbutton-item-text-color);
+    transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration);
+    outline-color: transparent;
+    padding: 0.5rem 1rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--p-rounded-base);
+    gap: 0.5rem;
+    position: relative;
+    cursor: pointer;
+}
+
+.p-selectbutton .p-button::before {
+    content: "";
+    background: transparent;
+    transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration);
+    position: absolute;
+    left: 0.25rem;
+    top: 0.25rem;
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
+    border-radius: var(--p-rounded-sm);
+}
+
+.p-selectbutton .p-button .p-button-label {
+    position: relative;
+    transition: none;
+}
+
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+    color: var(--p-selectbutton-item-text-color-hover);
+}
+
+.p-selectbutton .p-button.p-highlight {
+    color: var(--p-selectbutton-item-text-color-checked);
+}
+
+.p-selectbutton .p-button.p-highlight::before {
+    background: var(--p-selectbutton-item-background-checked);
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
+}
+
+.p-selectbutton .p-button:focus-visible {
+    outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
+    outline-offset: var(--p-focus-ring-offset);
+    --p-focus-ring-offset: 0;
+}
+
+.p-selectbutton.p-invalid {
+    border-color: var(--p-selectbutton-border-color-invalid);
+}
+
+.p-selectbutton.p-disabled {
+    opacity: 1;
+    background: var(--p-selectbutton-background-disabled);
+}
+
+.p-selectbutton.p-disabled .p-button,
+.p-selectbutton .p-button.p-disabled {
+    background: var(--p-selectbutton-background-disabled);
+    color: var(--p-selectbutton-item-text-color-disabled);
+}
+`
+};
diff --git a/components/lib/theme/aura/selectbutton/package.json b/components/lib/theme/aura/selectbutton/package.json
new file mode 100644
index 000000000..f8e9d7ae0
--- /dev/null
+++ b/components/lib/theme/aura/selectbutton/package.json
@@ -0,0 +1,6 @@
+{
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts"
+}
diff --git a/components/lib/theme/aura/togglebutton/index.js b/components/lib/theme/aura/togglebutton/index.js
new file mode 100644
index 000000000..3d6ae9e5f
--- /dev/null
+++ b/components/lib/theme/aura/togglebutton/index.js
@@ -0,0 +1,160 @@
+export default {
+    variables: {
+        colorScheme: {
+            light: {
+                root: {
+                    background: '{surface.100}',
+                    backgroundDisabled: '{form.field.background.disabled}',
+                    borderColorInvalid: '{form.field.border.color.invalid}'
+                },
+                item: {
+                    backgroundChecked: '{surface.0}',
+                    textColor: '{surface.500}',
+                    textColorHover: '{surface.700}',
+                    textColorChecked: '{surface.900}',
+                    textColorDisabled: '{form.field.text.color.disabled}'
+                },
+                itemIcon: {
+                    color: '{surface.500}',
+                    colorHover: '{surface.700}',
+                    colorChecked: '{surface.900}',
+                    colorDisabled: '{form.field.text.color.disabled}'
+                }
+            },
+            dark: {
+                root: {
+                    background: '{surface.950}',
+                    backgroundDisabled: '{form.field.background.disabled}',
+                    borderColorInvalid: '{form.field.border.color.invalid}'
+                },
+                item: {
+                    backgroundChecked: '{surface.800}',
+                    textColor: '{surface.400}',
+                    textColorHover: '{surface.300}',
+                    textColorChecked: '{surface.0}',
+                    textColorDisabled: '{form.field.text.color.disabled}'
+                },
+                itemIcon: {
+                    color: '{surface.400}',
+                    colorHover: '{surface.300}',
+                    colorChecked: '{surface.0}',
+                    colorDisabled: '{form.field.text.color.disabled}'
+                }
+            }
+        }
+    },
+    css: `
+.p-togglebutton {
+    display: inline-flex;
+    user-select: none;
+    vertical-align: bottom;
+    border: 1px solid transparent;
+    background: var(--p-togglebutton-background);
+    border-radius: var(--p-rounded-base);
+    outline-color: transparent;
+    position: relative;
+    transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration);
+}
+
+.p-togglebutton-input {
+    cursor: pointer;
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+    outline: 0 none;
+    border: 1px solid transparent;
+    border-radius: var(--p-rounded-base);;
+}
+
+.p-togglebutton .p-button {
+    flex: 1 1 auto;
+    background: transparent;
+    border: 0 none;
+    color: var(--p-togglebutton-item-text-color);
+    transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration);
+    outline-color: transparent;
+    padding: 0.5rem 1rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--p-rounded-base);
+    gap: 0.5rem;
+    position: relative;
+}
+
+.p-togglebutton .p-button::before {
+    content: "";
+    background: transparent;
+    transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration);
+    position: absolute;
+    left: 0.25rem;
+    top: 0.25rem;
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
+    border-radius: var(--p-rounded-sm);
+}
+
+.p-togglebutton .p-button .p-button-label,
+.p-togglebutton .p-button .p-button-icon {
+    position: relative;
+    transition: none;
+}
+
+.p-togglebutton .p-button .p-button-icon-left,
+.p-togglebutton .p-button .p-button-icon-right {
+    color: var(--p-togglebutton-item-icon-color);
+}
+
+.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
+    color: var(--p-togglebutton-item-text-color-hover);
+}
+
+.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
+.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
+    color: var(--p-togglebutton-item-icon-color-hover);
+}
+
+.p-togglebutton.p-highlight .p-button {
+    color: var(--p-togglebutton-item-text-color-checked);
+}
+
+.p-togglebutton.p-highlight .p-button::before {
+    background: var(--p-togglebutton-item-background-checked);
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
+}
+
+.p-togglebutton.p-highlight .p-button .p-button-icon-left,
+.p-togglebutton.p-highlight .p-button .p-button-icon-right {
+    color: var(--p-togglebutton-item-icon-color-checked);
+}
+
+.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
+    outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
+    outline-offset: var(--p-focus-ring-offset);
+}
+
+.p-togglebutton.p-invalid {
+    border-color: var(--p-togglebutton-border-color-invalid);
+}
+
+.p-togglebutton.p-disabled {
+    opacity: 1;
+    background: var(--p-togglebutton-background-disabled);
+}
+
+.p-togglebutton.p-disabled .p-button {
+    color: var(--p-togglebutton-item-text-color-disabled);
+}
+
+.p-togglebutton.p-disabled .p-button .p-button-icon {
+    color: var(--p-togglebutton-item-icon-color-disabled);
+}
+`
+};
diff --git a/components/lib/theme/aura/togglebutton/package.json b/components/lib/theme/aura/togglebutton/package.json
new file mode 100644
index 000000000..f8e9d7ae0
--- /dev/null
+++ b/components/lib/theme/aura/togglebutton/package.json
@@ -0,0 +1,6 @@
+{
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts"
+}