@kushagradhawan/kookie-ui 0.1.56 → 0.1.57

package/components.css

@@ -14353,7 +14353,7 @@
 }
 .rt-Separator {
     display: block;
-    background-color: var(--accent-a6);
+    background-color: var(--accent-a5);
 }
 .rt-Separator:where(.rt-r-orientation-horizontal) {
     width: var(--separator-size);
@@ -14694,16 +14694,23 @@
     padding-inline-start: var(--space-3);
     padding-top: calc(var(--space-1) * 0.75);
     padding-bottom: calc(var(--space-1) * 0.75);
-    min-height: var(--space-5);
+    min-height: var(--space-6);
     font-size: var(--font-size-1);
 }
 :where(.rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
     padding-inline-start: var(--space-3);
     padding-top: var(--space-1);
     padding-bottom: var(--space-1);
-    min-height: var(--space-6);
+    min-height: var(--space-7);
     font-size: var(--font-size-2);
 }
+:where(.rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
+    padding-inline-start: var(--space-3);
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2);
+    min-height: var(--space-8);
+    font-size: var(--font-size-3);
+}
 .rt-SidebarGroupLabel {
     display: flex;
     align-items: center;
@@ -14742,8 +14749,12 @@
     padding-inline-start: var(--space-2);
 }
 .rt-SidebarContent :where(.rt-BaseMenuItem) {
-    margin-top: calc(var(--space-1) / 2);
-    margin-bottom: calc(var(--space-1) / 2);
+    margin-top: 1px;
+    margin-bottom: 1px;
+}
+.rt-SidebarContent :where(.rt-SidebarMenuSubList) .rt-SidebarMenuButton {
+    margin-top: 1px;
+    margin-bottom: 1px;
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) {
     padding: var(--space-2);
@@ -15117,17 +15128,22 @@
 }
 .rt-SidebarContainer:where(.rt-r-size-1) {
     --sidebar-base-padding: var(--space-3);
-    --sidebar-item-height: var(--space-5);
+    --sidebar-item-height: var(--space-6);
 }
 .rt-SidebarContainer:where(.rt-r-size-2) {
     --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-6);
+    --sidebar-item-height: var(--space-7);
+}
+.rt-SidebarContainer:where(.rt-r-size-3) {
+    --sidebar-base-padding: var(--space-4);
+    --sidebar-item-height: var(--space-8);
 }
 .rt-SidebarContent:where(.rt-r-size-1) {
     --sidebar-content-padding: var(--base-menu-content-padding);
     --sidebar-item-padding-left: var(--base-menu-item-padding-left);
     --sidebar-item-padding-right: var(--base-menu-item-padding-right);
     --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+    --base-menu-item-height: var(--space-6);
     --sidebar-item-height: var(--base-menu-item-height);
 }
 .rt-SidebarContent:where(.rt-r-size-2) {
@@ -15135,6 +15151,15 @@
     --sidebar-item-padding-left: var(--base-menu-item-padding-left);
     --sidebar-item-padding-right: var(--base-menu-item-padding-right);
     --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+    --base-menu-item-height: var(--space-7);
+    --sidebar-item-height: var(--base-menu-item-height);
+}
+.rt-SidebarContent:where(.rt-r-size-3) {
+    --sidebar-content-padding: var(--base-menu-content-padding);
+    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+    --base-menu-item-height: var(--space-8);
     --sidebar-item-height: var(--base-menu-item-height);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15146,8 +15171,8 @@
     font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-    width: var(--content-icon-size-1);
-    height: var(--content-icon-size-1);
+    width: var(--content-icon-size-2);
+    height: var(--content-icon-size-2);
     flex-shrink: 0;
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15165,8 +15190,13 @@
     font-weight: var(--font-weight-regular);
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
+    flex-shrink: 0;
+}
+.rt-SidebarContent:where(.rt-r-size-2) .rt-SidebarContent:where(.rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
     flex-shrink: 0;
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15178,17 +15208,22 @@
 @media (min-width: 520px) {
     .rt-SidebarContainer:where(.xs\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.xs\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.xs\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) {
@@ -15196,6 +15231,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.xs\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15207,8 +15251,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15226,8 +15270,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.xs\:rt-r-size-2) .rt-SidebarContent:where(.xs\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15240,17 +15289,22 @@
 @media (min-width: 768px) {
     .rt-SidebarContainer:where(.sm\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.sm\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.sm\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) {
@@ -15258,6 +15312,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.sm\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15269,8 +15332,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15288,8 +15351,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.sm\:rt-r-size-2) .rt-SidebarContent:where(.sm\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15302,17 +15370,22 @@
 @media (min-width: 1024px) {
     .rt-SidebarContainer:where(.md\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.md\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.md\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) {
@@ -15320,6 +15393,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.md\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15331,8 +15413,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15350,8 +15432,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.md\:rt-r-size-2) .rt-SidebarContent:where(.md\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15364,17 +15451,22 @@
 @media (min-width: 1280px) {
     .rt-SidebarContainer:where(.lg\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.lg\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.lg\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) {
@@ -15382,6 +15474,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.lg\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15393,8 +15494,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15412,8 +15513,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.lg\:rt-r-size-2) .rt-SidebarContent:where(.lg\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15426,17 +15532,22 @@
 @media (min-width: 1640px) {
     .rt-SidebarContainer:where(.xl\:rt-r-size-1) {
         --sidebar-base-padding: var(--space-3);
-        --sidebar-item-height: var(--space-5);
+        --sidebar-item-height: var(--space-6);
     }
     .rt-SidebarContainer:where(.xl\:rt-r-size-2) {
         --sidebar-base-padding: var(--space-4);
-        --sidebar-item-height: var(--space-6);
+        --sidebar-item-height: var(--space-7);
+    }
+    .rt-SidebarContainer:where(.xl\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-4);
+        --sidebar-item-height: var(--space-8);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) {
         --sidebar-content-padding: var(--base-menu-content-padding);
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-6);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) {
@@ -15444,6 +15555,15 @@
         --sidebar-item-padding-left: var(--base-menu-item-padding-left);
         --sidebar-item-padding-right: var(--base-menu-item-padding-right);
         --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-7);
+        --sidebar-item-height: var(--base-menu-item-height);
+    }
+    .rt-SidebarContent:where(.xl\:rt-r-size-3) {
+        --sidebar-content-padding: var(--base-menu-content-padding);
+        --sidebar-item-padding-left: var(--base-menu-item-padding-left);
+        --sidebar-item-padding-right: var(--base-menu-item-padding-right);
+        --sidebar-item-padding-y: var(--base-menu-item-padding-y);
+        --base-menu-item-height: var(--space-8);
         --sidebar-item-height: var(--base-menu-item-height);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) {
@@ -15455,8 +15575,8 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-1);
-        height: var(--content-icon-size-1);
+        width: var(--content-icon-size-2);
+        height: var(--content-icon-size-2);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuSubTriggerIcon) {
@@ -15474,8 +15594,13 @@
         font-weight: var(--font-weight-regular);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
+        flex-shrink: 0;
+    }
+    .rt-SidebarContent:where(.xl\:rt-r-size-2) .rt-SidebarContent:where(.xl\:rt-r-size-3) :where(.rt-SidebarMenuButton) :where(svg) {
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         flex-shrink: 0;
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuSubTriggerIcon) {

package/dist/cjs/components/theme.props.d.ts

@@ -99,7 +99,7 @@ declare const themePropDefs: {
      */
     fontFamily: {
         type: "enum";
-        values: readonly ["sans", "mono"];
+        values: readonly ["sans", "mono", "serif"];
         default: "sans";
     };
     asChild: {

package/dist/cjs/components/theme.props.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(a,e)=>{for(var t in e)n(a,t,{get:e[t],enumerable:!0})},y=(a,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!c.call(a,o)&&o!==t&&n(a,o,{get:()=>e[o],enumerable:!(s=f(e,o))||s.enumerable});return a};var d=a=>y(n({},"__esModule",{value:!0}),a);var C={};i(C,{themePropDefs:()=>u});module.exports=d(C);var p=require("../props/as-child.prop.js"),r=require("../props/color.prop.js"),l=require("../props/radius.prop.js");const P=["inherit","light","dark"],D=["solid","translucent"],g=["solid","translucent"],b=["90%","95%","100%","105%","110%"],h=["sans","mono"],u={...p.asChildPropDef,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:P,default:"inherit"},accentColor:{type:"enum",values:r.accentColors,default:"blue"},grayColor:{type:"enum",values:r.grayColors,default:"slate"},material:{type:"enum",values:g,default:"translucent"},panelBackground:{type:"enum",values:D,default:"translucent"},radius:{type:"enum",values:l.radii,default:"medium"},scaling:{type:"enum",values:b,default:"100%"},fontFamily:{type:"enum",values:h,default:"sans"}};
+"use strict";var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(a,e)=>{for(var t in e)s(a,t,{get:e[t],enumerable:!0})},y=(a,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!c.call(a,o)&&o!==t&&s(a,o,{get:()=>e[o],enumerable:!(n=f(e,o))||n.enumerable});return a};var d=a=>y(s({},"__esModule",{value:!0}),a);var C={};i(C,{themePropDefs:()=>u});module.exports=d(C);var p=require("../props/as-child.prop.js"),r=require("../props/color.prop.js"),l=require("../props/radius.prop.js");const P=["inherit","light","dark"],D=["solid","translucent"],g=["solid","translucent"],b=["90%","95%","100%","105%","110%"],h=["sans","mono","serif"],u={...p.asChildPropDef,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:P,default:"inherit"},accentColor:{type:"enum",values:r.accentColors,default:"blue"},grayColor:{type:"enum",values:r.grayColors,default:"slate"},material:{type:"enum",values:g,default:"translucent"},panelBackground:{type:"enum",values:D,default:"translucent"},radius:{type:"enum",values:l.radii,default:"medium"},scaling:{type:"enum",values:b,default:"100%"},fontFamily:{type:"enum",values:h,default:"sans"}};
 //# sourceMappingURL=theme.props.js.map

package/dist/cjs/components/theme.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'translucent' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'medium' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family for the theme.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAyC,kCACzCC,EAAsB,mCAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,EAAe,CAAC,OAAQ,MAAM,EAE9BT,EAAgB,CACpB,GAAG,iBAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQK,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQ,eAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQ,aAAY,QAAS,OAAQ,EAQhE,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,aAAc,EAUpE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQ,QAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQE,EAAU,QAAS,MAAO,EAM3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,MAAO,CACpE",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'translucent' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'medium' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family for the theme.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAyC,kCACzCC,EAAsB,mCAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,EAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCT,EAAgB,CACpB,GAAG,iBAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQK,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQ,eAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQ,aAAY,QAAS,OAAQ,EAQhE,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,aAAc,EAUpE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQ,QAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQE,EAAU,QAAS,MAAO,EAM3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,MAAO,CACpE",
   "names": ["theme_props_exports", "__export", "themePropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_radius_prop", "appearances", "panelBackgrounds", "materials", "scalings", "fontFamilies"]
 }

package/dist/cjs/helpers/font-config.d.ts

@@ -12,10 +12,14 @@ export interface FontConfig {
     sans?: string;
     /** Monospace font stack for fontFamily="mono" */
     mono?: string;
+    /** Serif font stack for fontFamily="serif" */
+    serif?: string;
     /** Base Inter font replacement */
     inter?: string;
     /** Base JetBrains Mono font replacement */
     jetbrainsMono?: string;
+    /** Base Playfair Display font replacement */
+    playfairDisplay?: string;
 }
 /**
  * CSS variable names used by Kookie UI for fonts
@@ -23,8 +27,10 @@ export interface FontConfig {
 export declare const FONT_CSS_VARIABLES: {
     readonly sans: "--font-sans";
     readonly mono: "--font-mono";
+    readonly serif: "--font-serif";
     readonly inter: "--font-inter";
     readonly jetbrainsMono: "--font-jetbrains-mono";
+    readonly playfairDisplay: "--font-playfair-display";
     readonly defaultFamily: "--default-font-family";
     readonly headingFamily: "--heading-font-family";
     readonly strongFamily: "--strong-font-family";
@@ -42,6 +48,10 @@ export declare const FONT_STACKS: {
     readonly firaCode: "'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace";
     readonly sourceCodePro: "'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace";
     readonly systemMono: "'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace";
+    readonly playfair: "'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif";
+    readonly times: "'Times New Roman', 'Times', 'Georgia', 'Cambria', serif";
+    readonly georgia: "'Georgia', 'Times New Roman', 'Times', serif";
+    readonly lora: "'Lora', 'Times New Roman', 'Times', serif";
 };
 /**
  * Apply font configuration to CSS variables

package/dist/cjs/helpers/font-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"font-config.d.ts","sourceRoot":"","sources":["../../../src/helpers/font-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;CASrB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;CAad,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,UAAU,EAClB,MAAM,GAAE,WAAsC,GAC7C,IAAI,CAkBN;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAsB1D;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,GAAE,WAAsC,GAAG,IAAI,CAQ/E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,WAAsC,GAAG,UAAU,CAU/F"}
+{"version":3,"file":"font-config.d.ts","sourceRoot":"","sources":["../../../src/helpers/font-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;CAWrB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAkBd,CAAC;AAEX;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,GAAE,WAAsC,GAAG,IAAI,CA0BxG;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CA8B1D;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,GAAE,WAAsC,GAAG,IAAI,CAU/E;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,WAAsC,GAAG,UAAU,CAW/F"}

package/dist/cjs/helpers/font-config.js

@@ -1,3 +1,3 @@
-"use strict";var r=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var t in e)r(o,t,{get:e[t],enumerable:!0})},y=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of m(e))!p.call(o,s)&&s!==t&&r(o,s,{get:()=>e[s],enumerable:!(i=a(e,s))||i.enumerable});return o};var u=o=>y(r({},"__esModule",{value:!0}),o);var F={};l(F,{FONT_CSS_VARIABLES:()=>n,FONT_STACKS:()=>d,applyFontConfig:()=>f,generateFontCSS:()=>M,getCurrentFontConfig:()=>c,resetFonts:()=>C});module.exports=u(F);const n={sans:"--font-sans",mono:"--font-mono",inter:"--font-inter",jetbrainsMono:"--font-jetbrains-mono",defaultFamily:"--default-font-family",headingFamily:"--heading-font-family",strongFamily:"--strong-font-family",codeFamily:"--code-font-family"},d={inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",system:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",poppins:"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",openSans:"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",jetbrainsMono:"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace",firaCode:"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace",sourceCodePro:"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace",systemMono:"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace"};function f(o,e=document.documentElement){const t=e.style;o.sans&&t.setProperty(n.sans,o.sans),o.mono&&t.setProperty(n.mono,o.mono),o.inter&&t.setProperty(n.inter,o.inter),o.jetbrainsMono&&t.setProperty(n.jetbrainsMono,o.jetbrainsMono)}function M(o){const e=[":root {"];return o.sans&&e.push(`  ${n.sans}: ${o.sans};`),o.mono&&e.push(`  ${n.mono}: ${o.mono};`),o.inter&&e.push(`  ${n.inter}: ${o.inter};`),o.jetbrainsMono&&e.push(`  ${n.jetbrainsMono}: ${o.jetbrainsMono};`),e.push("}"),e.join(`
-`)}function C(o=document.documentElement){const e=o.style;e.removeProperty(n.sans),e.removeProperty(n.mono),e.removeProperty(n.inter),e.removeProperty(n.jetbrainsMono)}function c(o=document.documentElement){const e=getComputedStyle(o);return{sans:e.getPropertyValue(n.sans).trim()||void 0,mono:e.getPropertyValue(n.mono).trim()||void 0,inter:e.getPropertyValue(n.inter).trim()||void 0,jetbrainsMono:e.getPropertyValue(n.jetbrainsMono).trim()||void 0}}
+"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var l=(e,o)=>{for(var t in o)s(e,t,{get:o[t],enumerable:!0})},y=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of p(o))!m.call(e,r)&&r!==t&&s(e,r,{get:()=>o[r],enumerable:!(i=a(o,r))||i.enumerable});return e};var f=e=>y(s({},"__esModule",{value:!0}),e);var F={};l(F,{FONT_CSS_VARIABLES:()=>n,FONT_STACKS:()=>u,applyFontConfig:()=>d,generateFontCSS:()=>M,getCurrentFontConfig:()=>P,resetFonts:()=>C});module.exports=f(F);const n={sans:"--font-sans",mono:"--font-mono",serif:"--font-serif",inter:"--font-inter",jetbrainsMono:"--font-jetbrains-mono",playfairDisplay:"--font-playfair-display",defaultFamily:"--default-font-family",headingFamily:"--heading-font-family",strongFamily:"--strong-font-family",codeFamily:"--code-font-family"},u={inter:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",system:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",poppins:"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",openSans:"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif",jetbrainsMono:"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace",firaCode:"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace",sourceCodePro:"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace",systemMono:"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace",playfair:"'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",times:"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif",georgia:"'Georgia', 'Times New Roman', 'Times', serif",lora:"'Lora', 'Times New Roman', 'Times', serif"};function d(e,o=document.documentElement){const t=o.style;e.sans&&t.setProperty(n.sans,e.sans),e.mono&&t.setProperty(n.mono,e.mono),e.serif&&t.setProperty(n.serif,e.serif),e.inter&&t.setProperty(n.inter,e.inter),e.jetbrainsMono&&t.setProperty(n.jetbrainsMono,e.jetbrainsMono),e.playfairDisplay&&t.setProperty(n.playfairDisplay,e.playfairDisplay)}function M(e){const o=[":root {"];return e.sans&&o.push(`  ${n.sans}: ${e.sans};`),e.mono&&o.push(`  ${n.mono}: ${e.mono};`),e.serif&&o.push(`  ${n.serif}: ${e.serif};`),e.inter&&o.push(`  ${n.inter}: ${e.inter};`),e.jetbrainsMono&&o.push(`  ${n.jetbrainsMono}: ${e.jetbrainsMono};`),e.playfairDisplay&&o.push(`  ${n.playfairDisplay}: ${e.playfairDisplay};`),o.push("}"),o.join(`
+`)}function C(e=document.documentElement){const o=e.style;o.removeProperty(n.sans),o.removeProperty(n.mono),o.removeProperty(n.serif),o.removeProperty(n.inter),o.removeProperty(n.jetbrainsMono),o.removeProperty(n.playfairDisplay)}function P(e=document.documentElement){const o=getComputedStyle(e);return{sans:o.getPropertyValue(n.sans).trim()||void 0,mono:o.getPropertyValue(n.mono).trim()||void 0,serif:o.getPropertyValue(n.serif).trim()||void 0,inter:o.getPropertyValue(n.inter).trim()||void 0,jetbrainsMono:o.getPropertyValue(n.jetbrainsMono).trim()||void 0,playfairDisplay:o.getPropertyValue(n.playfairDisplay).trim()||void 0}}
 //# sourceMappingURL=font-config.js.map

package/dist/cjs/helpers/font-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/font-config.ts"],
-  "sourcesContent": ["/**\n * Font configuration utilities for Kookie UI\n *\n * These utilities help users configure custom fonts through CSS variables\n * and provide type-safe font configuration options.\n */\n\n/**\n * Font family configuration interface\n */\nexport interface FontConfig {\n  /** Sans-serif font stack for fontFamily=\"sans\" */\n  sans?: string;\n  /** Monospace font stack for fontFamily=\"mono\" */\n  mono?: string;\n  /** Base Inter font replacement */\n  inter?: string;\n  /** Base JetBrains Mono font replacement */\n  jetbrainsMono?: string;\n}\n\n/**\n * CSS variable names used by Kookie UI for fonts\n */\nexport const FONT_CSS_VARIABLES = {\n  sans: '--font-sans',\n  mono: '--font-mono',\n  inter: '--font-inter',\n  jetbrainsMono: '--font-jetbrains-mono',\n  defaultFamily: '--default-font-family',\n  headingFamily: '--heading-font-family',\n  strongFamily: '--strong-font-family',\n  codeFamily: '--code-font-family',\n} as const;\n\n/**\n * Popular font stacks for common use cases\n */\nexport const FONT_STACKS = {\n  // Sans-serif options\n  inter: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n  system:\n    \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n  poppins: \"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n  openSans: \"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n\n  // Monospace options\n  jetbrainsMono: \"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace\",\n  firaCode: \"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace\",\n  sourceCodePro: \"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace\",\n  systemMono: \"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace\",\n} as const;\n\n/**\n * Apply font configuration to CSS variables\n *\n * @param config Font configuration object\n * @param target Target element (defaults to document.documentElement)\n *\n * @example\n * ```ts\n * // Use Google Fonts\n * applyFontConfig({\n *   sans: FONT_STACKS.poppins,\n *   mono: FONT_STACKS.firaCode\n * });\n *\n * // Use system fonts only\n * applyFontConfig({\n *   sans: FONT_STACKS.system,\n *   mono: FONT_STACKS.systemMono\n * });\n * ```\n */\nexport function applyFontConfig(\n  config: FontConfig,\n  target: HTMLElement = document.documentElement,\n): void {\n  const style = target.style;\n\n  if (config.sans) {\n    style.setProperty(FONT_CSS_VARIABLES.sans, config.sans);\n  }\n\n  if (config.mono) {\n    style.setProperty(FONT_CSS_VARIABLES.mono, config.mono);\n  }\n\n  if (config.inter) {\n    style.setProperty(FONT_CSS_VARIABLES.inter, config.inter);\n  }\n\n  if (config.jetbrainsMono) {\n    style.setProperty(FONT_CSS_VARIABLES.jetbrainsMono, config.jetbrainsMono);\n  }\n}\n\n/**\n * Generate CSS string for font configuration\n *\n * @param config Font configuration object\n * @returns CSS string that can be injected into a stylesheet\n *\n * @example\n * ```ts\n * const css = generateFontCSS({\n *   sans: FONT_STACKS.poppins,\n *   mono: FONT_STACKS.firaCode\n * });\n *\n * // Inject into document\n * const style = document.createElement('style');\n * style.textContent = css;\n * document.head.appendChild(style);\n * ```\n */\nexport function generateFontCSS(config: FontConfig): string {\n  const rules: string[] = [':root {'];\n\n  if (config.sans) {\n    rules.push(`  ${FONT_CSS_VARIABLES.sans}: ${config.sans};`);\n  }\n\n  if (config.mono) {\n    rules.push(`  ${FONT_CSS_VARIABLES.mono}: ${config.mono};`);\n  }\n\n  if (config.inter) {\n    rules.push(`  ${FONT_CSS_VARIABLES.inter}: ${config.inter};`);\n  }\n\n  if (config.jetbrainsMono) {\n    rules.push(`  ${FONT_CSS_VARIABLES.jetbrainsMono}: ${config.jetbrainsMono};`);\n  }\n\n  rules.push('}');\n\n  return rules.join('\\n');\n}\n\n/**\n * Reset fonts to Kookie UI defaults\n */\nexport function resetFonts(target: HTMLElement = document.documentElement): void {\n  const style = target.style;\n\n  // Remove custom font variables to fall back to defaults\n  style.removeProperty(FONT_CSS_VARIABLES.sans);\n  style.removeProperty(FONT_CSS_VARIABLES.mono);\n  style.removeProperty(FONT_CSS_VARIABLES.inter);\n  style.removeProperty(FONT_CSS_VARIABLES.jetbrainsMono);\n}\n\n/**\n * Get current font configuration from CSS variables\n */\nexport function getCurrentFontConfig(target: HTMLElement = document.documentElement): FontConfig {\n  const computedStyle = getComputedStyle(target);\n\n  return {\n    sans: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.sans).trim() || undefined,\n    mono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.mono).trim() || undefined,\n    inter: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.inter).trim() || undefined,\n    jetbrainsMono:\n      computedStyle.getPropertyValue(FONT_CSS_VARIABLES.jetbrainsMono).trim() || undefined,\n  };\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,gBAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,yBAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAR,GAwBO,MAAME,EAAqB,CAChC,KAAM,cACN,KAAM,cACN,MAAO,eACP,cAAe,wBACf,cAAe,wBACf,cAAe,wBACf,aAAc,uBACd,WAAY,oBACd,EAKaC,EAAc,CAEzB,MAAO,6EACP,OACE,6FACF,QAAS,oEACT,SAAU,sEAGV,cAAe,0EACf,SAAU,0EACV,cAAe,6DACf,WAAY,6EACd,EAuBO,SAASC,EACdK,EACAC,EAAsB,SAAS,gBACzB,CACN,MAAMC,EAAQD,EAAO,MAEjBD,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,eACTE,EAAM,YAAYT,EAAmB,cAAeO,EAAO,aAAa,CAE5E,CAqBO,SAASJ,EAAgBI,EAA4B,CAC1D,MAAMG,EAAkB,CAAC,SAAS,EAElC,OAAIH,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,eACTG,EAAM,KAAK,KAAKV,EAAmB,aAAa,KAAKO,EAAO,aAAa,GAAG,EAG9EG,EAAM,KAAK,GAAG,EAEPA,EAAM,KAAK;AAAA,CAAI,CACxB,CAKO,SAASL,EAAWG,EAAsB,SAAS,gBAAuB,CAC/E,MAAMC,EAAQD,EAAO,MAGrBC,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,aAAa,CACvD,CAKO,SAASI,EAAqBI,EAAsB,SAAS,gBAA6B,CAC/F,MAAMG,EAAgB,iBAAiBH,CAAM,EAE7C,MAAO,CACL,KAAMG,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,KAAMW,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,cACEW,EAAc,iBAAiBX,EAAmB,aAAa,EAAE,KAAK,GAAK,MAC/E,CACF",
+  "sourcesContent": ["/**\n * Font configuration utilities for Kookie UI\n *\n * These utilities help users configure custom fonts through CSS variables\n * and provide type-safe font configuration options.\n */\n\n/**\n * Font family configuration interface\n */\nexport interface FontConfig {\n  /** Sans-serif font stack for fontFamily=\"sans\" */\n  sans?: string;\n  /** Monospace font stack for fontFamily=\"mono\" */\n  mono?: string;\n  /** Serif font stack for fontFamily=\"serif\" */\n  serif?: string;\n  /** Base Inter font replacement */\n  inter?: string;\n  /** Base JetBrains Mono font replacement */\n  jetbrainsMono?: string;\n  /** Base Playfair Display font replacement */\n  playfairDisplay?: string;\n}\n\n/**\n * CSS variable names used by Kookie UI for fonts\n */\nexport const FONT_CSS_VARIABLES = {\n  sans: '--font-sans',\n  mono: '--font-mono',\n  serif: '--font-serif',\n  inter: '--font-inter',\n  jetbrainsMono: '--font-jetbrains-mono',\n  playfairDisplay: '--font-playfair-display',\n  defaultFamily: '--default-font-family',\n  headingFamily: '--heading-font-family',\n  strongFamily: '--strong-font-family',\n  codeFamily: '--code-font-family',\n} as const;\n\n/**\n * Popular font stacks for common use cases\n */\nexport const FONT_STACKS = {\n  // Sans-serif options\n  inter: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n  system: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n  poppins: \"'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n  openSans: \"'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n\n  // Monospace options\n  jetbrainsMono: \"'JetBrains Mono', 'Fira Code', 'Consolas', 'Liberation Mono', monospace\",\n  firaCode: \"'Fira Code', 'JetBrains Mono', 'Consolas', 'Liberation Mono', monospace\",\n  sourceCodePro: \"'Source Code Pro', 'JetBrains Mono', 'Consolas', monospace\",\n  systemMono: \"'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace\",\n\n  // Serif options\n  playfair: \"'Playfair Display', 'Times New Roman', 'Times', 'Georgia', 'Cambria', serif\",\n  times: \"'Times New Roman', 'Times', 'Georgia', 'Cambria', serif\",\n  georgia: \"'Georgia', 'Times New Roman', 'Times', serif\",\n  lora: \"'Lora', 'Times New Roman', 'Times', serif\",\n} as const;\n\n/**\n * Apply font configuration to CSS variables\n *\n * @param config Font configuration object\n * @param target Target element (defaults to document.documentElement)\n *\n * @example\n * ```ts\n * // Use Google Fonts\n * applyFontConfig({\n *   sans: FONT_STACKS.poppins,\n *   mono: FONT_STACKS.firaCode\n * });\n *\n * // Use system fonts only\n * applyFontConfig({\n *   sans: FONT_STACKS.system,\n *   mono: FONT_STACKS.systemMono\n * });\n * ```\n */\nexport function applyFontConfig(config: FontConfig, target: HTMLElement = document.documentElement): void {\n  const style = target.style;\n\n  if (config.sans) {\n    style.setProperty(FONT_CSS_VARIABLES.sans, config.sans);\n  }\n\n  if (config.mono) {\n    style.setProperty(FONT_CSS_VARIABLES.mono, config.mono);\n  }\n\n  if (config.serif) {\n    style.setProperty(FONT_CSS_VARIABLES.serif, config.serif);\n  }\n\n  if (config.inter) {\n    style.setProperty(FONT_CSS_VARIABLES.inter, config.inter);\n  }\n\n  if (config.jetbrainsMono) {\n    style.setProperty(FONT_CSS_VARIABLES.jetbrainsMono, config.jetbrainsMono);\n  }\n\n  if (config.playfairDisplay) {\n    style.setProperty(FONT_CSS_VARIABLES.playfairDisplay, config.playfairDisplay);\n  }\n}\n\n/**\n * Generate CSS string for font configuration\n *\n * @param config Font configuration object\n * @returns CSS string that can be injected into a stylesheet\n *\n * @example\n * ```ts\n * const css = generateFontCSS({\n *   sans: FONT_STACKS.poppins,\n *   mono: FONT_STACKS.firaCode\n * });\n *\n * // Inject into document\n * const style = document.createElement('style');\n * style.textContent = css;\n * document.head.appendChild(style);\n * ```\n */\nexport function generateFontCSS(config: FontConfig): string {\n  const rules: string[] = [':root {'];\n\n  if (config.sans) {\n    rules.push(`  ${FONT_CSS_VARIABLES.sans}: ${config.sans};`);\n  }\n\n  if (config.mono) {\n    rules.push(`  ${FONT_CSS_VARIABLES.mono}: ${config.mono};`);\n  }\n\n  if (config.serif) {\n    rules.push(`  ${FONT_CSS_VARIABLES.serif}: ${config.serif};`);\n  }\n\n  if (config.inter) {\n    rules.push(`  ${FONT_CSS_VARIABLES.inter}: ${config.inter};`);\n  }\n\n  if (config.jetbrainsMono) {\n    rules.push(`  ${FONT_CSS_VARIABLES.jetbrainsMono}: ${config.jetbrainsMono};`);\n  }\n\n  if (config.playfairDisplay) {\n    rules.push(`  ${FONT_CSS_VARIABLES.playfairDisplay}: ${config.playfairDisplay};`);\n  }\n\n  rules.push('}');\n\n  return rules.join('\\n');\n}\n\n/**\n * Reset fonts to Kookie UI defaults\n */\nexport function resetFonts(target: HTMLElement = document.documentElement): void {\n  const style = target.style;\n\n  // Remove custom font variables to fall back to defaults\n  style.removeProperty(FONT_CSS_VARIABLES.sans);\n  style.removeProperty(FONT_CSS_VARIABLES.mono);\n  style.removeProperty(FONT_CSS_VARIABLES.serif);\n  style.removeProperty(FONT_CSS_VARIABLES.inter);\n  style.removeProperty(FONT_CSS_VARIABLES.jetbrainsMono);\n  style.removeProperty(FONT_CSS_VARIABLES.playfairDisplay);\n}\n\n/**\n * Get current font configuration from CSS variables\n */\nexport function getCurrentFontConfig(target: HTMLElement = document.documentElement): FontConfig {\n  const computedStyle = getComputedStyle(target);\n\n  return {\n    sans: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.sans).trim() || undefined,\n    mono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.mono).trim() || undefined,\n    serif: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.serif).trim() || undefined,\n    inter: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.inter).trim() || undefined,\n    jetbrainsMono: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.jetbrainsMono).trim() || undefined,\n    playfairDisplay: computedStyle.getPropertyValue(FONT_CSS_VARIABLES.playfairDisplay).trim() || undefined,\n  };\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,gBAAAC,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,yBAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAR,GA4BO,MAAME,EAAqB,CAChC,KAAM,cACN,KAAM,cACN,MAAO,eACP,MAAO,eACP,cAAe,wBACf,gBAAiB,0BACjB,cAAe,wBACf,cAAe,wBACf,aAAc,uBACd,WAAY,oBACd,EAKaC,EAAc,CAEzB,MAAO,6EACP,OAAQ,6FACR,QAAS,oEACT,SAAU,sEAGV,cAAe,0EACf,SAAU,0EACV,cAAe,6DACf,WAAY,8EAGZ,SAAU,8EACV,MAAO,0DACP,QAAS,+CACT,KAAM,2CACR,EAuBO,SAASC,EAAgBK,EAAoBC,EAAsB,SAAS,gBAAuB,CACxG,MAAMC,EAAQD,EAAO,MAEjBD,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,MACTE,EAAM,YAAYT,EAAmB,KAAMO,EAAO,IAAI,EAGpDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,OACTE,EAAM,YAAYT,EAAmB,MAAOO,EAAO,KAAK,EAGtDA,EAAO,eACTE,EAAM,YAAYT,EAAmB,cAAeO,EAAO,aAAa,EAGtEA,EAAO,iBACTE,EAAM,YAAYT,EAAmB,gBAAiBO,EAAO,eAAe,CAEhF,CAqBO,SAASJ,EAAgBI,EAA4B,CAC1D,MAAMG,EAAkB,CAAC,SAAS,EAElC,OAAIH,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,MACTG,EAAM,KAAK,KAAKV,EAAmB,IAAI,KAAKO,EAAO,IAAI,GAAG,EAGxDA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,OACTG,EAAM,KAAK,KAAKV,EAAmB,KAAK,KAAKO,EAAO,KAAK,GAAG,EAG1DA,EAAO,eACTG,EAAM,KAAK,KAAKV,EAAmB,aAAa,KAAKO,EAAO,aAAa,GAAG,EAG1EA,EAAO,iBACTG,EAAM,KAAK,KAAKV,EAAmB,eAAe,KAAKO,EAAO,eAAe,GAAG,EAGlFG,EAAM,KAAK,GAAG,EAEPA,EAAM,KAAK;AAAA,CAAI,CACxB,CAKO,SAASL,EAAWG,EAAsB,SAAS,gBAAuB,CAC/E,MAAMC,EAAQD,EAAO,MAGrBC,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,IAAI,EAC5CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,KAAK,EAC7CS,EAAM,eAAeT,EAAmB,aAAa,EACrDS,EAAM,eAAeT,EAAmB,eAAe,CACzD,CAKO,SAASI,EAAqBI,EAAsB,SAAS,gBAA6B,CAC/F,MAAMG,EAAgB,iBAAiBH,CAAM,EAE7C,MAAO,CACL,KAAMG,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,KAAMW,EAAc,iBAAiBX,EAAmB,IAAI,EAAE,KAAK,GAAK,OACxE,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,MAAOW,EAAc,iBAAiBX,EAAmB,KAAK,EAAE,KAAK,GAAK,OAC1E,cAAeW,EAAc,iBAAiBX,EAAmB,aAAa,EAAE,KAAK,GAAK,OAC1F,gBAAiBW,EAAc,iBAAiBX,EAAmB,eAAe,EAAE,KAAK,GAAK,MAChG,CACF",
   "names": ["font_config_exports", "__export", "FONT_CSS_VARIABLES", "FONT_STACKS", "applyFontConfig", "generateFontCSS", "getCurrentFontConfig", "resetFonts", "__toCommonJS", "config", "target", "style", "rules", "computedStyle"]
 }

package/dist/esm/components/theme.props.d.ts

@@ -99,7 +99,7 @@ declare const themePropDefs: {
      */
     fontFamily: {
         type: "enum";
-        values: readonly ["sans", "mono"];
+        values: readonly ["sans", "mono", "serif"];
         default: "sans";
     };
     asChild: {

package/dist/esm/components/theme.props.js

@@ -1,2 +1,2 @@
-import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColors as a,grayColors as o}from"../props/color.prop.js";import{radii as t}from"../props/radius.prop.js";const r=["inherit","light","dark"],n=["solid","translucent"],s=["solid","translucent"],p=["90%","95%","100%","105%","110%"],l=["sans","mono"],u={...e,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:r,default:"inherit"},accentColor:{type:"enum",values:a,default:"blue"},grayColor:{type:"enum",values:o,default:"slate"},material:{type:"enum",values:s,default:"translucent"},panelBackground:{type:"enum",values:n,default:"translucent"},radius:{type:"enum",values:t,default:"medium"},scaling:{type:"enum",values:p,default:"100%"},fontFamily:{type:"enum",values:l,default:"sans"}};export{u as themePropDefs};
+import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColors as a,grayColors as o}from"../props/color.prop.js";import{radii as t}from"../props/radius.prop.js";const r=["inherit","light","dark"],s=["solid","translucent"],n=["solid","translucent"],p=["90%","95%","100%","105%","110%"],l=["sans","mono","serif"],u={...e,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:r,default:"inherit"},accentColor:{type:"enum",values:a,default:"blue"},grayColor:{type:"enum",values:o,default:"slate"},material:{type:"enum",values:n,default:"translucent"},panelBackground:{type:"enum",values:s,default:"translucent"},radius:{type:"enum",values:t,default:"medium"},scaling:{type:"enum",values:p,default:"100%"},fontFamily:{type:"enum",values:l,default:"sans"}};export{u as themePropDefs};
 //# sourceMappingURL=theme.props.js.map