@kushagradhawan/kookie-ui 0.1.26 → 0.1.28

package/components.css

@@ -1948,6 +1948,8 @@
     --base-button-solid-high-contrast-active-filter: contrast(0.82) saturate(1.2) brightness(1.16);
     --progress-indicator-after-linear-gradient: var(--white-a5), var(--white-a9), var(--white-a5);
     --segmented-control-indicator-background-color: var(--color-background);
+    --sidebar-icon-width-1: calc(var(--space-9) + var(--space-1));
+    --sidebar-icon-width-2: calc(var(--space-9) + var(--space-3));
     --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
     --slider-disabled-blend-mode: multiply;
     --switch-disabled-blend-mode: multiply;
@@ -11667,32 +11669,32 @@
     border-radius: inherit;
     flex: 1;
 }
-.rt-SidebarContainer:where(.rt-variant-surface) {
+.rt-SidebarContainer:where(.rt-variant-outline) {
     background-color: var(--color-panel);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
 }
-.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='solid']) {
+.rt-SidebarContainer:where(.rt-variant-outline):where([data-panel-background='solid']) {
     --color-panel: var(--color-panel-solid);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
     --backdrop-filter-components: none;
 }
-.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='translucent']) {
+.rt-SidebarContainer:where(.rt-variant-outline):where([data-panel-background='translucent']) {
     --color-panel: var(--color-panel-translucent);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
     --backdrop-filter-components: blur(var(--backdrop-blur-components));
 }
-:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-outline) {
     box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
-:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-outline) {
     box-shadow: inset -1px 0 0 0 var(--gray-a6);
 }
-:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-outline) {
     box-shadow: inset 1px 0 0 0 var(--gray-a6);
 }
 .rt-SidebarHeader {
@@ -11844,7 +11846,6 @@
     border: none;
     width: 100%;
     text-align: left;
-    border-radius: var(--radius-2);
     transition: var(--transition-menu);
     -webkit-user-select: none;
             user-select: none;
@@ -12068,6 +12069,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
+    font-weight: var(--font-weight-medium);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-1);
@@ -12086,6 +12088,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
+    font-weight: var(--font-weight-medium);
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-2);
@@ -12125,6 +12128,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -12143,6 +12147,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -12183,6 +12188,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -12201,6 +12207,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -12241,6 +12248,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -12259,6 +12267,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -12299,6 +12308,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -12317,6 +12327,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -12357,6 +12368,7 @@
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         border-radius: var(--radius-1);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-1);
@@ -12375,6 +12387,7 @@
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         border-radius: var(--radius-2);
+        font-weight: var(--font-weight-medium);
     }
     .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
         width: var(--content-icon-size-2);
@@ -12415,8 +12428,45 @@
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
     --backdrop-filter-components: blur(var(--backdrop-blur-components));
 }
-:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-ghost) {
-    box-shadow: var(--shadow-4);
+.rt-SidebarContainer:where(.rt-variant-surface) {
+    background-color: var(--gray-1);
+}
+:where([data-panel-background='translucent']) .rt-SidebarContainer:where(.rt-variant-surface) {
+    background-color: var(--gray-a1);
+    -webkit-backdrop-filter: var(--backdrop-filter-panel);
+            backdrop-filter: var(--backdrop-filter-panel);
+}
+.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='solid']) {
+    background-color: var(--gray-1);
+    -webkit-backdrop-filter: none;
+            backdrop-filter: none;
+    --backdrop-filter-panel: none;
+    --backdrop-filter-components: none;
+}
+.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='translucent']) {
+    background-color: var(--gray-a1);
+    -webkit-backdrop-filter: var(--backdrop-filter-panel);
+            backdrop-filter: var(--backdrop-filter-panel);
+    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+}
+:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+    box-shadow: inset 0 0 0 1px var(--gray-6);
+}
+:where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
+    box-shadow: inset 0 0 0 1px var(--gray-a6);
+}
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+    box-shadow: inset -1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
+    box-shadow: inset -1px 0 0 0 var(--gray-a6);
+}
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+    box-shadow: inset 1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
+    box-shadow: inset 1px 0 0 0 var(--gray-a6);
 }
 .rt-SidebarHeader:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger), .rt-SidebarContent:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger), .rt-SidebarFooter:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger) {
     transition: var(--transition-menu);
@@ -12583,45 +12633,140 @@
     color: var(--gray-11) !important;
 }
 .rt-SidebarContent :where(.rt-BaseMenuItem) {
-    border-radius: var(--radius-2);
-    margin-bottom: var(--space-1);
+    margin-top: calc(var(--space-1) / 2);
+    margin-bottom: calc(var(--space-1) / 2);
 }
 .rt-SidebarRoot:where([data-collapsible="icon"]) {
     transition: none;
-    overflow: hidden;
+    overflow: visible;
     flex-shrink: 0;
 }
-.rt-SidebarContainer:where(.rt-variant-ghost[data-collapsible="icon"][data-type="floating"]) {
-    overflow: visible !important;
-}
 .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) {
-    width: 0;
-    min-width: 0;
-    opacity: 0;
-    pointer-events: none;
-    flex-basis: 0;
-    width: 0;
-    width: 0;
-    min-width: 0;
-    opacity: 0;
-    pointer-events: none;
-    margin: 0;
+    opacity: 1;
+    pointer-events: auto;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-1) {
+    width: var(--sidebar-icon-width-1);
+    min-width: var(--sidebar-icon-width-1);
+    --sidebar-group-label-width: calc(var(--sidebar-icon-width-1) - (var(--space-2) * 2));
+    --sidebar-button-label-width: calc(var(--sidebar-group-label-width) - (var(--space-1) * 2));
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-2) {
+    width: var(--sidebar-icon-width-2);
+    min-width: var(--sidebar-icon-width-2);
+    --sidebar-group-label-width: calc(var(--sidebar-icon-width-2) - (var(--space-2) * 2));
+    --sidebar-button-label-width: calc(var(--sidebar-group-label-width) - (var(--space-1) * 2));
 }
 .rt-SidebarRoot:where([data-collapsible="icon"][data-state="expanded"]) {
     width: var(--sidebar-width);
     min-width: var(--sidebar-width);
     opacity: 1;
     pointer-events: auto;
-    flex-basis: var(--sidebar-width);
-    width: var(--sidebar-width);
+}
+.rt-SidebarContainer:where([data-collapsible="icon"]) {
+    width: 100%;
+    min-width: 0;
+    flex-shrink: 0;
+}
+.rt-SidebarContent:where([data-collapsible="icon"]) {
+    width: 100%;
+    min-width: 0;
+    flex-shrink: 0;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton) {
+    justify-content: center;
+    flex-direction: column;
+    padding: var(--space-2) var(--space-1);
+    gap: var(--space-1);
+    min-height: auto;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton) :where(span) {
+    display: block;
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    color: var(--gray-a10);
+    text-align: center;
+    font-weight: var(--font-weight-medium);
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarGroupLabel) {
+    max-width: var(--sidebar-group-label-width);
+    display: block;
+    text-align: center;
+    min-width: 0;
+    min-height: auto;
+    max-width: var(--sidebar-group-label-width);
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    color: var(--gray-a9);
+    font-weight: var(--font-weight-medium);
+    padding: var(--space-1) var(--space-1);
+    margin: var(--space-2) 0 var(--space-1) 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton span) {
+    max-width: var(--sidebar-button-label-width);
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--gray-a12);
+    font-weight: var(--font-weight-medium);
+}
+.rt-SidebarRoot.rt-menu-variant-solid:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton[data-highlighted] span),
+  .rt-SidebarRoot.rt-menu-variant-solid:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton[data-active] span) {
+    color: var(--accent-contrast) !important;
+}
+:where(.rt-SidebarGroup:first-child) :is(.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarGroupLabel)) {
+    margin-top: 0;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuBadge),
+  .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuShortcut) {
+    display: none;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuSubTriggerIcon) {
+    display: none;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuSubList) {
+    padding-left: 0;
+    border-left: none;
+    margin-left: 0;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenu) {
+    padding: var(--space-2);
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-1) :where(.rt-SidebarMenuButton svg) {
+    width: var(--content-icon-size-2) !important;
+    height: var(--content-icon-size-2) !important;
+    color: currentColor !important;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-2) :where(.rt-SidebarMenuButton svg) {
+    width: var(--content-icon-size-3) !important;
+    height: var(--content-icon-size-3) !important;
+    color: currentColor !important;
 }
 .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"]) {
     transition: none;
-    overflow: hidden;
+    overflow: visible;
     flex-shrink: 0;
 }
-.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"]:has(.rt-variant-ghost)) {
-    overflow: visible;
+.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]) {
+    opacity: 1;
+    pointer-events: auto;
+    margin: var(--space-2);
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]):where(.rt-r-size-1) {
+    width: var(--sidebar-icon-width-1);
+    min-width: var(--sidebar-icon-width-1);
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]):where(.rt-r-size-2) {
+    width: var(--sidebar-icon-width-2);
+    min-width: var(--sidebar-icon-width-2);
 }
 .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="expanded"]) {
     width: var(--sidebar-width);
@@ -12630,22 +12775,11 @@
     pointer-events: auto;
     margin: var(--space-2);
 }
-.rt-SidebarContainer:where([data-collapsible="icon"]) {
-    width: var(--sidebar-width);
-    min-width: var(--sidebar-width);
-    flex-shrink: 0;
-}
-.rt-SidebarContent:where([data-collapsible="icon"]) {
-    width: 100%;
-    min-width: var(--sidebar-width);
-    flex-shrink: 0;
-}
 @media (max-width: 768px) {
-    .rt-SidebarRoot {
-        display: none;
+    .rt-SidebarRoot:where([data-collapsible="icon"]) {
         display: none;
     }
-    .rt-SidebarRoot:where([data-state="expanded"]) {
+    .rt-SidebarRoot:where([data-collapsible="icon"][data-state="expanded"]) {
         display: flex;
         position: fixed;
         top: 0;
@@ -12661,6 +12795,11 @@
         transition: none;
     }
 }
+@media (max-width: 768px) {
+    .rt-SidebarRoot {
+        display: none;
+    }
+}
 :where(.rt-SidebarContent.rt-r-size-1) .rt-SidebarMenuButton:where(:has(.rt-SidebarMenuShortcut, .rt-SidebarMenuBadge)) {
     padding-right: var(--base-menu-item-padding-y);
 }

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

@@ -151,6 +151,41 @@ declare const gridPropDefs: {
         parseValue: typeof parseJustifyValue;
         responsive: true;
     };
+    /**
+     * Sets the CSS **align-content** property.
+     * Supports a subset of the corresponding CSS values and responsive objects.
+     *
+     * @example
+     * alignContent="between"
+     * alignContent={{ sm: 'start', lg: 'center' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
+     */
+    alignContent: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "between", "around", "evenly", "stretch"];
+        parseValue: typeof parseAlignContentValue;
+        responsive: true;
+    };
+    /**
+     * Sets the CSS **justify-items** property.
+     * Supports a subset of the corresponding CSS values and responsive objects.
+     *
+     * @example
+     * justifyItems="center"
+     * justifyItems={{ sm: 'start', lg: 'center' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items
+     */
+    justifyItems: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+        responsive: true;
+    };
     asChild: {
         type: "boolean";
     };
@@ -169,6 +204,7 @@ declare const gridPropDefs: {
 };
 declare function parseGridValue(value: string): string;
 declare function parseJustifyValue(value: string): string;
+declare function parseAlignContentValue(value: string): string;
 type GridOwnProps = GetPropDefTypes<typeof gridPropDefs & typeof asChildPropDef>;
 export { gridPropDefs };
 export type { GridOwnProps };

package/dist/cjs/components/grid.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.props.d.ts","sourceRoot":"","sources":["../../../src/components/grid.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAUrE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;IAUhB;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;OASG;;;;;;;IAOH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;;;;;IAlIH;;;;;;OAMG;;;;;;CA8IJ,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM7C;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAEvC;AAGD,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,GAAG,OAAO,cAAc,CAAC,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"grid.props.d.ts","sourceRoot":"","sources":["../../../src/components/grid.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAqBrE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;IAUhB;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;OASG;;;;;;;IAOH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;;IAQH;;;;;;;;;;OAUG;;;;;;;;IAQH;;;;;;;;;;OAUG;;;;;;;;;;IAtKH;;;;;;OAMG;;;;;;CAmLJ,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM7C;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAEvC;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,MAAM,UAQ5C;AAGD,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,GAAG,OAAO,cAAc,CAAC,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(e,s)=>{for(var t in s)o(e,t,{get:s[t],enumerable:!0})},y=(e,s,t,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of f(s))!m.call(e,r)&&r!==t&&o(e,r,{get:()=>s[r],enumerable:!(n=l(s,r))||n.enumerable});return e};var d=e=>y(o({},"__esModule",{value:!0}),e);var j={};c(j,{gridPropDefs:()=>a});module.exports=d(j);var u=require("../props/as-child.prop.js"),i=require("../props/gap.props.js");const g=["div","span"],P=["none","inline-grid","grid"],V=["1","2","3","4","5","6","7","8","9"],w=["1","2","3","4","5","6","7","8","9"],D=["row","column","dense","row-dense","column-dense"],v=["start","center","end","baseline","stretch"],b=["start","center","end","between"],a={as:{type:"enum",values:g,default:"div"},...u.asChildPropDef,display:{type:"enum",className:"rt-r-display",values:P,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:V,parseValue:p,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:w,parseValue:p,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:D,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:v,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:b,parseValue:N,responsive:!0},...i.gapPropDefs};function p(e){return a.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function N(e){return e==="between"?"space-between":e}
+"use strict";var n=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(e,s)=>{for(var r in s)n(e,r,{get:s[r],enumerable:!0})},y=(e,s,r,o)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of c(s))!f.call(e,t)&&t!==r&&n(e,t,{get:()=>s[t],enumerable:!(o=l(s,t))||o.enumerable});return e};var d=e=>y(n({},"__esModule",{value:!0}),e);var G={};m(G,{gridPropDefs:()=>a});module.exports=d(G);var u=require("../props/as-child.prop.js"),i=require("../props/gap.props.js");const g=["div","span"],P=["none","inline-grid","grid"],V=["1","2","3","4","5","6","7","8","9"],w=["1","2","3","4","5","6","7","8","9"],b=["row","column","dense","row-dense","column-dense"],D=["start","center","end","baseline","stretch"],v=["start","center","end","between"],j=["start","center","end","baseline","between","around","evenly","stretch"],N=["start","center","end","baseline","stretch"],a={as:{type:"enum",values:g,default:"div"},...u.asChildPropDef,display:{type:"enum",className:"rt-r-display",values:P,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:V,parseValue:p,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:w,parseValue:p,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:b,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:D,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:v,parseValue:C,responsive:!0},alignContent:{type:"enum",className:"rt-r-ac",values:j,parseValue:h,responsive:!0},justifyItems:{type:"enum",className:"rt-r-ji",values:N,responsive:!0},...i.gapPropDefs};function p(e){return a.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function C(e){return e==="between"?"space-between":e}function h(e){return e==="between"?"space-between":e==="around"?"space-around":e==="evenly"?"space-evenly":e}
 //# sourceMappingURL=grid.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/grid.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { gapPropDefs } from '../props/gap.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst rowsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\n\nconst gridPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-grid\"\n   * display={{ sm: 'none', lg: 'grid' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * template='\"header header\" \"sidebar content\"'\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas\n   */\n  areas: {\n    type: 'string',\n    className: 'rt-r-gta',\n    customProperties: ['--grid-template-areas'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-columns** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid columns of even size.\n   *\n   * @example\n   * columns=\"3\"\n   * columns=\"100px 1fr\"\n   * columns={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns\n   */\n  columns: {\n    type: 'enum | string',\n    className: 'rt-r-gtc',\n    customProperties: ['--grid-template-columns'],\n    values: columnsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-rows** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid rows of even size.\n   *\n   * @example\n   * rows=\"3\"\n   * rows=\"100px 1fr\"\n   * rows={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows\n   */\n  rows: {\n    type: 'enum | string',\n    className: 'rt-r-gtr',\n    customProperties: ['--grid-template-rows'],\n    values: rowsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-auto-flow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * flow=\"column\"\n   * flow={{ sm: 'column', lg: 'row' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow\n   */\n  flow: {\n    type: 'enum',\n    className: 'rt-r-gaf',\n    values: flowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-items** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * align=\"center\"\n   * align={{ sm: 'baseline', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   */\n  align: {\n    type: 'enum',\n    className: 'rt-r-ai',\n    values: alignValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justify=\"between\"\n   * justify={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   */\n  justify: {\n    type: 'enum',\n    className: 'rt-r-jc',\n    values: justifyValues,\n    parseValue: parseJustifyValue,\n    responsive: true,\n  },\n  ...gapPropDefs,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n  areas: PropDef<string>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  rows: PropDef<(typeof rowsValues)[number]>;\n  flow: PropDef<(typeof flowValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n};\n\nfunction parseGridValue(value: string): string {\n  if ((gridPropDefs.columns.values as readonly string[]).includes(value)) {\n    return value;\n  }\n\n  return value?.match(/^\\d+$/) ? `repeat(${value}, minmax(0, 1fr))` : value;\n}\n\nfunction parseJustifyValue(value: string) {\n  return value === 'between' ? 'space-between' : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype GridOwnProps = GetPropDefTypes<typeof gridPropDefs & typeof asChildPropDef>;\n\nexport { gridPropDefs };\nexport type { GridOwnProps };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA4B,iCAI5B,MAAMC,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAC5DC,EAAa,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACzDC,EAAa,CAAC,MAAO,SAAU,QAAS,YAAa,cAAc,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EAEpDV,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQI,EAAI,QAAS,KAAM,EAC/C,GAAG,iBAYH,QAAS,CACP,KAAM,OACN,UAAW,eACX,OAAQC,EACR,WAAY,EACd,EAWA,MAAO,CACL,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,uBAAuB,EAC1C,WAAY,EACd,EAeA,QAAS,CACP,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,yBAAyB,EAC5C,OAAQC,EACR,WAAYK,EACZ,WAAY,EACd,EAeA,KAAM,CACJ,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,sBAAsB,EACzC,OAAQJ,EACR,WAAYI,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQH,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAYE,EACZ,WAAY,EACd,EACA,GAAG,aACL,EAWA,SAASD,EAAeE,EAAuB,CAC7C,OAAKb,EAAa,QAAQ,OAA6B,SAASa,CAAK,EAC5DA,EAGFA,GAAO,MAAM,OAAO,EAAI,UAAUA,CAAK,oBAAsBA,CACtE,CAEA,SAASD,EAAkBC,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD",
-  "names": ["grid_props_exports", "__export", "gridPropDefs", "__toCommonJS", "import_as_child_prop", "import_gap_props", "as", "displayValues", "columnsValues", "rowsValues", "flowValues", "alignValues", "justifyValues", "parseGridValue", "parseJustifyValue", "value"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { gapPropDefs } from '../props/gap.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst rowsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\nconst alignContentValues = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'between',\n  'around',\n  'evenly',\n  'stretch',\n] as const;\nconst justifyItemsValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\n\nconst gridPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-grid\"\n   * display={{ sm: 'none', lg: 'grid' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * template='\"header header\" \"sidebar content\"'\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas\n   */\n  areas: {\n    type: 'string',\n    className: 'rt-r-gta',\n    customProperties: ['--grid-template-areas'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-columns** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid columns of even size.\n   *\n   * @example\n   * columns=\"3\"\n   * columns=\"100px 1fr\"\n   * columns={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns\n   */\n  columns: {\n    type: 'enum | string',\n    className: 'rt-r-gtc',\n    customProperties: ['--grid-template-columns'],\n    values: columnsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-rows** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid rows of even size.\n   *\n   * @example\n   * rows=\"3\"\n   * rows=\"100px 1fr\"\n   * rows={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows\n   */\n  rows: {\n    type: 'enum | string',\n    className: 'rt-r-gtr',\n    customProperties: ['--grid-template-rows'],\n    values: rowsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-auto-flow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * flow=\"column\"\n   * flow={{ sm: 'column', lg: 'row' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow\n   */\n  flow: {\n    type: 'enum',\n    className: 'rt-r-gaf',\n    values: flowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-items** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * align=\"center\"\n   * align={{ sm: 'baseline', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   */\n  align: {\n    type: 'enum',\n    className: 'rt-r-ai',\n    values: alignValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justify=\"between\"\n   * justify={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   */\n  justify: {\n    type: 'enum',\n    className: 'rt-r-jc',\n    values: justifyValues,\n    parseValue: parseJustifyValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * alignContent=\"between\"\n   * alignContent={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-content\n   */\n  alignContent: {\n    type: 'enum',\n    className: 'rt-r-ac',\n    values: alignContentValues,\n    parseValue: parseAlignContentValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-items** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justifyItems=\"center\"\n   * justifyItems={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items\n   */\n  justifyItems: {\n    type: 'enum',\n    className: 'rt-r-ji',\n    values: justifyItemsValues,\n    responsive: true,\n  },\n  ...gapPropDefs,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n  areas: PropDef<string>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  rows: PropDef<(typeof rowsValues)[number]>;\n  flow: PropDef<(typeof flowValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  alignContent: PropDef<(typeof alignContentValues)[number]>;\n  justifyItems: PropDef<(typeof justifyItemsValues)[number]>;\n};\n\nfunction parseGridValue(value: string): string {\n  if ((gridPropDefs.columns.values as readonly string[]).includes(value)) {\n    return value;\n  }\n\n  return value?.match(/^\\d+$/) ? `repeat(${value}, minmax(0, 1fr))` : value;\n}\n\nfunction parseJustifyValue(value: string) {\n  return value === 'between' ? 'space-between' : value;\n}\n\nfunction parseAlignContentValue(value: string) {\n  return value === 'between'\n    ? 'space-between'\n    : value === 'around'\n      ? 'space-around'\n      : value === 'evenly'\n        ? 'space-evenly'\n        : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype GridOwnProps = GetPropDefTypes<typeof gridPropDefs & typeof asChildPropDef>;\n\nexport { gridPropDefs };\nexport type { GridOwnProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA4B,iCAI5B,MAAMC,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAC5DC,EAAa,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACzDC,EAAa,CAAC,MAAO,SAAU,QAAS,YAAa,cAAc,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EACpDC,EAAqB,CACzB,QACA,SACA,MACA,WACA,UACA,SACA,SACA,SACF,EACMC,EAAqB,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAErEZ,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQI,EAAI,QAAS,KAAM,EAC/C,GAAG,iBAYH,QAAS,CACP,KAAM,OACN,UAAW,eACX,OAAQC,EACR,WAAY,EACd,EAWA,MAAO,CACL,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,uBAAuB,EAC1C,WAAY,EACd,EAeA,QAAS,CACP,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,yBAAyB,EAC5C,OAAQC,EACR,WAAYO,EACZ,WAAY,EACd,EAeA,KAAM,CACJ,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,sBAAsB,EACzC,OAAQN,EACR,WAAYM,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQL,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAYI,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAYI,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAY,EACd,EACA,GAAG,aACL,EAaA,SAASC,EAAeG,EAAuB,CAC7C,OAAKhB,EAAa,QAAQ,OAA6B,SAASgB,CAAK,EAC5DA,EAGFA,GAAO,MAAM,OAAO,EAAI,UAAUA,CAAK,oBAAsBA,CACtE,CAEA,SAASF,EAAkBE,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD,CAEA,SAASD,EAAuBC,EAAe,CAC7C,OAAOA,IAAU,UACb,gBACAA,IAAU,SACR,eACAA,IAAU,SACR,eACAA,CACV",
+  "names": ["grid_props_exports", "__export", "gridPropDefs", "__toCommonJS", "import_as_child_prop", "import_gap_props", "as", "displayValues", "columnsValues", "rowsValues", "flowValues", "alignValues", "justifyValues", "alignContentValues", "justifyItemsValues", "parseGridValue", "parseJustifyValue", "parseAlignContentValue", "value"]
 }

package/dist/cjs/components/scroll-area.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/scroll-area.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    MarginProps,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n  const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    size = scrollAreaPropDefs.size.default,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    ...viewportProps\n  } = marginRest;\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n      style={mergeStyles(marginCustomProperties, style)}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={forwardedRef}\n            className=\"rt-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                })\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                })\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    MarginProps,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n  const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    size = scrollAreaPropDefs.size.default,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    ...viewportProps\n  } = marginRest;\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n      style={mergeStyles(marginCustomProperties, style)}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={forwardedRef}\n            className=\"rt-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n"],
   "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,oBAElDC,EAAmC,kCACnCC,EAAmC,8CACnCC,EAAgC,2CAChCC,EAAwC,+CACxCC,EAA2B,qCAC3BC,EAA4B,sCAa5B,MAAMV,EAAaE,EAAM,WAA+C,CAACS,EAAOC,IAAiB,CAC/F,KAAM,CAAE,KAAMC,EAAY,GAAGC,CAAY,KAAI,sBAAmBH,CAAK,EAC/D,CAACI,EAAkBC,CAAsB,KAAI,mBAAgBF,CAAW,EAExE,CACJ,QAAAG,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EAAkBD,IAAS,SAAW,EAAI,OAC1C,IAAAE,EACA,KAAAC,EAAO,qBAAmB,KAAK,QAC/B,OAAAC,EAAS,qBAAmB,OAAO,QACnC,WAAAC,EAAa,qBAAmB,WAAW,QAC3C,GAAGC,CACL,EAAId,EAEJ,OACEX,EAAA,cAAC,EAAA0B,WAAoB,KAApB,CACC,KAAMP,EACN,gBAAiBC,EACjB,aAAW,EAAAO,SAAW,oBAAqBd,EAAkBI,CAAS,EACtE,SAAO,eAAYH,EAAwBI,CAAK,EAChD,QAASH,MAER,cAAW,CAAE,QAAAA,EAAS,SAAAC,CAAS,EAAIA,GAClChB,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,EAAA0B,WAAoB,SAApB,CACE,GAAGD,EACJ,IAAKf,EACL,UAAU,yBAETM,CACH,EAEAhB,EAAA,cAAC,OAAI,UAAU,iCAAiC,EAE/CwB,IAAe,WACdxB,EAAA,cAAC,EAAA0B,WAAoB,UAApB,CACC,cAAaH,EACb,YAAY,aACZ,aAAW,EAAAI,SACT,4BACA,2BAAwB,CACtB,UAAW,YACX,MAAOL,EACP,WAAY,qBAAmB,KAAK,MACtC,CAAC,CACH,GAEAtB,EAAA,cAAC,EAAA0B,WAAoB,MAApB,CAA0B,UAAU,qBAAqB,CAC5D,EACE,KAEHF,IAAe,aACdxB,EAAA,cAAC,EAAA0B,WAAoB,UAApB,CACC,cAAaH,EACb,YAAY,WACZ,aAAW,EAAAI,SACT,4BACA,2BAAwB,CACtB,UAAW,YACX,MAAOL,EACP,WAAY,qBAAmB,KAAK,MACtC,CAAC,CACH,GAEAtB,EAAA,cAAC,EAAA0B,WAAoB,MAApB,CAA0B,UAAU,qBAAqB,CAC5D,EACE,KAEHF,IAAe,OACdxB,EAAA,cAAC,EAAA0B,WAAoB,OAApB,CAA2B,UAAU,sBAAsB,EAC1D,IACN,CACD,CACH,CAEJ,CAAC,EACD5B,EAAW,YAAc",
   "names": ["scroll_area_exports", "__export", "ScrollArea", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_scroll_area_props", "import_extract_margin_props", "import_get_margin_styles", "import_get_responsive_styles", "import_get_subtree", "import_merge_styles", "props", "forwardedRef", "marginRest", "marginProps", "marginClassNames", "marginCustomProperties", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "size", "radius", "scrollbars", "viewportProps", "ScrollAreaPrimitive", "classNames"]
 }

package/dist/cjs/components/sidebar.d.ts

@@ -24,7 +24,7 @@ type SidebarContextProps = {
     toggleSidebar: () => void;
     side: 'left' | 'right';
     type: 'sidebar' | 'floating';
-    variant: 'soft' | 'surface' | 'ghost';
+    variant: 'soft' | 'outline' | 'surface' | 'ghost';
     menuVariant: 'solid' | 'soft';
     collapsible: 'offcanvas' | 'icon' | 'none';
     size: '1' | '2';

package/dist/cjs/components/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/sidebar.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var ae=Object.create;var w=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var pe=(t,r)=>{for(var o in r)w(t,o,{get:r[o],enumerable:!0})},Q=(t,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of ie(r))!de.call(t,n)&&n!==o&&w(t,n,{get:()=>r[n],enumerable:!(a=ne(r,n))||a.enumerable});return t};var X=(t,r,o)=>(o=t!=null?ae(se(t)):{},Q(r||!t||!t.__esModule?w(o,"default",{value:t,enumerable:!0}):o,t)),le=t=>Q(w({},"__esModule",{value:!0}),t);var be={};pe(be,{Content:()=>W,Footer:()=>A,Group:()=>U,GroupContent:()=>J,GroupLabel:()=>q,Header:()=>D,Menu:()=>k,MenuButton:()=>F,MenuItem:()=>V,MenuSub:()=>j,MenuSubContent:()=>K,MenuSubTrigger:()=>_,Provider:()=>E,Root:()=>G,Separator:()=>O,Trigger:()=>$,useSidebar:()=>H});module.exports=le(be);var e=X(require("react")),i=X(require("classnames")),I=require("./slot.js"),y=require("radix-ui"),P=require("./sidebar.props.js"),x=require("./theme.js"),Y=require("./icon-button.js"),Z=require("./scroll-area.js"),ee=require("./separator.js"),L=require("./icons.js"),te=require("../helpers/extract-props.js"),oe=require("./kbd.js"),z=require("./badge.js");const M=e.createContext(null);function H(){const t=e.useContext(M);if(!t)throw new Error("useSidebar must be used within a SidebarProvider.");return t}function ue(){const[t,r]=e.useState(!1);return e.useEffect(()=>{const o=()=>{r(window.innerWidth<768)};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),t}const E=e.forwardRef(({defaultOpen:t=!0,open:r,onOpenChange:o,side:a="left",className:n,children:s,...b},p)=>{const d=ue(),[m,l]=e.useState(!1),[c,f]=e.useState(t),u=r??c,g=e.useCallback(S=>{const B=typeof S=="function"?S(u):S;o?o(B):f(B)},[o,u]),v=e.useCallback(()=>d?l(S=>!S):g(S=>!S),[d,g,l]),T=u?"expanded":"collapsed",N=e.useMemo(()=>({state:T,open:u,setOpen:g,isMobile:d,openMobile:m,setOpenMobile:l,toggleSidebar:v,side:a}),[T,u,g,d,m,l,v,a]);return e.createElement("div",{...b,ref:p,className:(0,i.default)("rt-SidebarProvider",n),"data-state":T,"data-side":a},e.createElement(M.Provider,{value:N},s))});E.displayName="Sidebar.Provider";const G=e.forwardRef((t,r)=>{const o=(0,x.useThemeContext)(),{isMobile:a,state:n,openMobile:s,setOpenMobile:b}=H(),{size:p=P.sidebarPropDefs.size.default,variant:d=P.sidebarPropDefs.variant.default,menuVariant:m=P.sidebarPropDefs.menuVariant.default,type:l=P.sidebarPropDefs.type.default,side:c=P.sidebarPropDefs.side.default,collapsible:f=P.sidebarPropDefs.collapsible.default,panelBackground:u,color:g,highContrast:v=P.sidebarPropDefs.highContrast.default,asChild:T}=t,{className:N,children:S,...B}=(0,te.extractProps)(t,P.sidebarPropDefs),{asChild:ce,panelBackground:fe,...R}=B,h=g||o.accentColor,re=typeof p=="object"?p.initial||"2":p,C=e.useContext(M);return C&&(C.side=c,C.type=l,C.variant=d,C.menuVariant=m,C.collapsible=f,C.size=re),f==="none"?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",`rt-r-size-${p}`,N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-panel-background":u},S))):a?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":s?"open":"closed","data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot","rt-SidebarRoot--mobile",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S))):e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S)))});G.displayName="Sidebar.Root";const W=e.forwardRef(({className:t,children:r,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft",type:p="sidebar",collapsible:d="none"}=n||{};return e.createElement(Z.ScrollArea,{type:"auto"},e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${s}`,`rt-menu-variant-${b}`,t),"data-type":p,"data-collapsible":d},r))});W.displayName="Sidebar.Content";const D=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarHeader",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarHeader--container":r},t)})});D.displayName="Sidebar.Header";const A=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarFooter",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarFooter--container":r},t)})});A.displayName="Sidebar.Footer";const $=e.forwardRef(({onClick:t,children:r,...o},a)=>{const{toggleSidebar:n}=H();return e.createElement(Y.IconButton,{...o,ref:a,variant:"ghost",onClick:s=>{t?.(s),n()}},r||e.createElement(L.ChevronDownIcon,null))});$.displayName="Sidebar.Trigger";const O=e.forwardRef(({className:t,...r},o)=>e.createElement(ee.Separator,{...r,ref:o,className:(0,i.default)("rt-SidebarSeparator",t)}));O.displayName="Sidebar.Separator";const k=e.forwardRef(({className:t,...r},o)=>e.createElement("ul",{...r,ref:o,className:(0,i.default)("rt-BaseMenuViewport","rt-SidebarMenu",t)}));k.displayName="Sidebar.Menu";const V=e.forwardRef(({className:t,...r},o)=>e.createElement("li",{...r,ref:o,className:(0,i.default)("rt-SidebarMenuItem",t)}));V.displayName="Sidebar.MenuItem";const F=e.forwardRef(({asChild:t=!1,isActive:r=!1,shortcut:o,badge:a,className:n,children:s,onMouseEnter:b,onMouseLeave:p,...d},m)=>{const[l,c]=e.useState(!1),f=e.useContext(M),{size:u="2"}=f||{};return e.createElement(t?I.Slot:"button",{...d,ref:m,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",n),"data-active":r||void 0,"data-highlighted":l||void 0,onMouseEnter:v=>{c(!0),b?.(v)},onMouseLeave:v=>{c(!1),p?.(v)}},t?s:e.createElement(e.Fragment,null,s,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(z.Badge,{size:u,variant:"soft"},a):e.createElement(z.Badge,{size:a.size||u,variant:a.variant||"soft",color:a.color,highContrast:a.highContrast,radius:a.radius},a.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(oe.Kbd,{size:u},o))))});F.displayName="Sidebar.MenuButton";const j=e.forwardRef(({defaultOpen:t=!1,children:r,...o},a)=>e.createElement("div",{...o,ref:a},e.createElement(y.Accordion.Root,{type:"single",collapsible:!0,defaultValue:t?"item":void 0},e.createElement(y.Accordion.Item,{value:"item"},r))));j.displayName="Sidebar.MenuSub";const _=e.forwardRef(({asChild:t=!1,className:r,children:o,onMouseEnter:a,onMouseLeave:n,...s},b)=>{const[p,d]=e.useState(!1);return e.createElement(y.Accordion.Header,{asChild:!0},e.createElement("div",null,e.createElement(y.Accordion.Trigger,{...s,ref:b,asChild:t,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",r),"data-highlighted":p||void 0,onMouseEnter:m=>{d(!0),a?.(m)},onMouseLeave:m=>{d(!1),n?.(m)}},t?o:e.createElement(e.Fragment,null,o,e.createElement(L.ThickChevronRightIcon,{className:(0,i.default)("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});_.displayName="Sidebar.MenuSubTrigger";const K=e.forwardRef(({className:t,children:r,...o},a)=>e.createElement(y.Accordion.Content,{...o,ref:a,className:(0,i.default)("rt-SidebarMenuSubContent",t)},e.createElement("div",{className:"rt-SidebarMenuSubList"},r)));K.displayName="Sidebar.MenuSubContent";const U=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-BaseMenuGroup","rt-SidebarGroup",t)}));U.displayName="Sidebar.Group";const q=e.forwardRef(({asChild:t=!1,className:r,...o},a)=>e.createElement(t?I.Slot:"div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuLabel","rt-SidebarGroupLabel",r)}));q.displayName="Sidebar.GroupLabel";const J=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-SidebarGroupContent",t)}));J.displayName="Sidebar.GroupContent";
+"use strict";"use client";var ae=Object.create;var w=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var pe=(t,r)=>{for(var o in r)w(t,o,{get:r[o],enumerable:!0})},Q=(t,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of ie(r))!de.call(t,n)&&n!==o&&w(t,n,{get:()=>r[n],enumerable:!(a=ne(r,n))||a.enumerable});return t};var X=(t,r,o)=>(o=t!=null?ae(se(t)):{},Q(r||!t||!t.__esModule?w(o,"default",{value:t,enumerable:!0}):o,t)),le=t=>Q(w({},"__esModule",{value:!0}),t);var be={};pe(be,{Content:()=>W,Footer:()=>A,Group:()=>U,GroupContent:()=>J,GroupLabel:()=>q,Header:()=>D,Menu:()=>k,MenuButton:()=>F,MenuItem:()=>V,MenuSub:()=>j,MenuSubContent:()=>K,MenuSubTrigger:()=>_,Provider:()=>E,Root:()=>G,Separator:()=>O,Trigger:()=>$,useSidebar:()=>H});module.exports=le(be);var e=X(require("react")),i=X(require("classnames")),I=require("./slot.js"),y=require("radix-ui"),P=require("./sidebar.props.js"),x=require("./theme.js"),Y=require("./icon-button.js"),Z=require("./scroll-area.js"),ee=require("./separator.js"),L=require("./icons.js"),te=require("../helpers/extract-props.js"),oe=require("./kbd.js"),z=require("./badge.js");const M=e.createContext(null);function H(){const t=e.useContext(M);if(!t)throw new Error("useSidebar must be used within a SidebarProvider.");return t}function ue(){const[t,r]=e.useState(!1);return e.useEffect(()=>{const o=()=>{r(window.innerWidth<768)};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),t}const E=e.forwardRef(({defaultOpen:t=!0,open:r,onOpenChange:o,side:a="left",className:n,children:s,...b},p)=>{const d=ue(),[m,l]=e.useState(!1),[c,f]=e.useState(t),u=r??c,g=e.useCallback(S=>{const B=typeof S=="function"?S(u):S;o?o(B):f(B)},[o,u]),v=e.useCallback(()=>d?l(S=>!S):g(S=>!S),[d,g,l]),T=u?"expanded":"collapsed",N=e.useMemo(()=>({state:T,open:u,setOpen:g,isMobile:d,openMobile:m,setOpenMobile:l,toggleSidebar:v,side:a}),[T,u,g,d,m,l,v,a]);return e.createElement("div",{...b,ref:p,className:(0,i.default)("rt-SidebarProvider",n),"data-state":T,"data-side":a},e.createElement(M.Provider,{value:N},s))});E.displayName="Sidebar.Provider";const G=e.forwardRef((t,r)=>{const o=(0,x.useThemeContext)(),{isMobile:a,state:n,openMobile:s,setOpenMobile:b}=H(),{size:p=P.sidebarPropDefs.size.default,variant:d=P.sidebarPropDefs.variant.default,menuVariant:m=P.sidebarPropDefs.menuVariant.default,type:l=P.sidebarPropDefs.type.default,side:c=P.sidebarPropDefs.side.default,collapsible:f=P.sidebarPropDefs.collapsible.default,panelBackground:u,color:g,highContrast:v=P.sidebarPropDefs.highContrast.default,asChild:T}=t,{className:N,children:S,...B}=(0,te.extractProps)(t,P.sidebarPropDefs),{asChild:ce,panelBackground:fe,...R}=B,h=g||o.accentColor,re=typeof p=="object"?p.initial||"2":p,C=e.useContext(M);return C&&(C.side=c,C.type=l,C.variant=d,C.menuVariant=m,C.collapsible=f,C.size=re),f==="none"?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",`rt-r-size-${p}`,N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-panel-background":u},S))):a?e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":s?"open":"closed","data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot","rt-SidebarRoot--mobile",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S))):e.createElement("div",{...R,ref:r,"data-accent-color":h,"data-state":n,"data-side":c,"data-type":l,"data-collapsible":f,className:(0,i.default)("rt-SidebarRoot",N)},e.createElement(x.Theme,null,e.createElement("div",{className:(0,i.default)("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${p}`),"data-accent-color":h,"data-high-contrast":v||void 0,"data-side":c,"data-type":l,"data-collapsible":f,"data-panel-background":u},S)))});G.displayName="Sidebar.Root";const W=e.forwardRef(({className:t,children:r,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft",type:p="sidebar",collapsible:d="none"}=n||{};return e.createElement(Z.ScrollArea,{type:"hover"},e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${s}`,`rt-menu-variant-${b}`,t),"data-type":p,"data-collapsible":d},r))});W.displayName="Sidebar.Content";const D=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarHeader",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarHeader--container":r},t)})});D.displayName="Sidebar.Header";const A=e.forwardRef(({className:t,asContainer:r=!0,...o},a)=>{const n=e.useContext(M),{size:s="2",menuVariant:b="soft"}=n||{};return e.createElement("div",{...o,ref:a,className:(0,i.default)("rt-SidebarFooter",`rt-r-size-${s}`,`rt-menu-variant-${b}`,{"rt-SidebarFooter--container":r},t)})});A.displayName="Sidebar.Footer";const $=e.forwardRef(({onClick:t,children:r,...o},a)=>{const{toggleSidebar:n}=H();return e.createElement(Y.IconButton,{...o,ref:a,variant:"ghost",onClick:s=>{t?.(s),n()}},r||e.createElement(L.ChevronDownIcon,null))});$.displayName="Sidebar.Trigger";const O=e.forwardRef(({className:t,...r},o)=>e.createElement(ee.Separator,{...r,ref:o,className:(0,i.default)("rt-SidebarSeparator",t)}));O.displayName="Sidebar.Separator";const k=e.forwardRef(({className:t,...r},o)=>e.createElement("ul",{...r,ref:o,className:(0,i.default)("rt-BaseMenuViewport","rt-SidebarMenu",t)}));k.displayName="Sidebar.Menu";const V=e.forwardRef(({className:t,...r},o)=>e.createElement("li",{...r,ref:o,className:(0,i.default)("rt-SidebarMenuItem",t)}));V.displayName="Sidebar.MenuItem";const F=e.forwardRef(({asChild:t=!1,isActive:r=!1,shortcut:o,badge:a,className:n,children:s,onMouseEnter:b,onMouseLeave:p,...d},m)=>{const[l,c]=e.useState(!1),f=e.useContext(M),{size:u="2"}=f||{};return e.createElement(t?I.Slot:"button",{...d,ref:m,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",n),"data-active":r||void 0,"data-highlighted":l||void 0,onMouseEnter:v=>{c(!0),b?.(v)},onMouseLeave:v=>{c(!1),p?.(v)}},t?s:e.createElement(e.Fragment,null,s,a&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof a=="string"?e.createElement(z.Badge,{size:u,variant:"soft"},a):e.createElement(z.Badge,{size:a.size||u,variant:a.variant||"soft",color:a.color,highContrast:a.highContrast,radius:a.radius},a.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(oe.Kbd,{size:u},o))))});F.displayName="Sidebar.MenuButton";const j=e.forwardRef(({defaultOpen:t=!1,children:r,...o},a)=>e.createElement("div",{...o,ref:a},e.createElement(y.Accordion.Root,{type:"single",collapsible:!0,defaultValue:t?"item":void 0},e.createElement(y.Accordion.Item,{value:"item"},r))));j.displayName="Sidebar.MenuSub";const _=e.forwardRef(({asChild:t=!1,className:r,children:o,onMouseEnter:a,onMouseLeave:n,...s},b)=>{const[p,d]=e.useState(!1);return e.createElement(y.Accordion.Header,{asChild:!0},e.createElement("div",null,e.createElement(y.Accordion.Trigger,{...s,ref:b,asChild:t,className:(0,i.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",r),"data-highlighted":p||void 0,onMouseEnter:m=>{d(!0),a?.(m)},onMouseLeave:m=>{d(!1),n?.(m)}},t?o:e.createElement(e.Fragment,null,o,e.createElement(L.ThickChevronRightIcon,{className:(0,i.default)("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});_.displayName="Sidebar.MenuSubTrigger";const K=e.forwardRef(({className:t,children:r,...o},a)=>e.createElement(y.Accordion.Content,{...o,ref:a,className:(0,i.default)("rt-SidebarMenuSubContent",t)},e.createElement("div",{className:"rt-SidebarMenuSubList"},r)));K.displayName="Sidebar.MenuSubContent";const U=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-BaseMenuGroup","rt-SidebarGroup",t)}));U.displayName="Sidebar.Group";const q=e.forwardRef(({asChild:t=!1,className:r,...o},a)=>e.createElement(t?I.Slot:"div",{...o,ref:a,className:(0,i.default)("rt-BaseMenuLabel","rt-SidebarGroupLabel",r)}));q.displayName="Sidebar.GroupLabel";const J=e.forwardRef(({className:t,...r},o)=>e.createElement("div",{...r,ref:o,className:(0,i.default)("rt-SidebarGroupContent",t)}));J.displayName="Sidebar.GroupContent";
 //# sourceMappingURL=sidebar.js.map