@womp/kookie-ui 0.9.1 → 0.11.0

package/components.css

@@ -13864,6 +13864,19 @@
         background-color: var(--gray-a8);
     }
 }
+:where(.rt-ScrollAreaRoot[data-fade]) > .rt-ScrollAreaViewport,
+.rt-MessageScrollerViewport:where([data-fade]) {
+    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black min(var(--scroll-overflow-start, 0px), var(--scroll-fade-start, var(--scroll-fade-size))), black calc(100% - min(var(--scroll-overflow-end, 0px), var(--scroll-fade-end, var(--scroll-fade-size)))), transparent 100%);
+            mask-image: linear-gradient(to bottom, transparent 0%, black min(var(--scroll-overflow-start, 0px), var(--scroll-fade-start, var(--scroll-fade-size))), black calc(100% - min(var(--scroll-overflow-end, 0px), var(--scroll-fade-end, var(--scroll-fade-size)))), transparent 100%);
+}
+:root,
+.radix-themes {
+    --scroll-fade-size: var(--space-6);
+}
+:where(.rt-ScrollAreaViewport, .rt-MessageScrollerViewport) :where(.rt-ScrollAreaRoot, .rt-MessageScrollerViewport) {
+    --scroll-fade-start: initial;
+    --scroll-fade-end: initial;
+}
 .rt-SegmentedControlRoot:where(:has([data-icon-only])) {
     grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
 }
@@ -21591,11 +21604,11 @@
     outline-style: solid;
     outline-color: var(--accent-9);
 }
-.rt-Toolbar {
+.rt-AppBar {
     position: absolute;
     z-index: 1;
 }
-.rt-ToolbarInner {
+.rt-AppBarInner {
     display: grid;
     grid-template-columns: 1fr auto 1fr;
     -webkit-box-align: center;
@@ -21605,112 +21618,218 @@
     height: 100%;
     gap: var(--space-2);
 }
-.rt-Toolbar:where([data-anchor='left'], [data-anchor='right']) .rt-ToolbarInner {
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarInner {
     grid-template-columns: 1fr;
     grid-template-rows: 1fr auto 1fr;
 }
-.rt-Toolbar:where([data-anchor='left'], [data-anchor='right']) .rt-ToolbarLeft {
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarLeft {
     grid-column: 1;
     grid-row: 1;
     align-self: start;
     justify-self: center;
 }
-.rt-Toolbar:where([data-anchor='left'], [data-anchor='right']) .rt-ToolbarCenter {
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarCenter {
     grid-column: 1;
     grid-row: 2;
     align-self: center;
     justify-self: center;
 }
-.rt-Toolbar:where([data-anchor='left'], [data-anchor='right']) .rt-ToolbarRight {
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarRight {
     grid-column: 1;
     grid-row: 3;
     align-self: end;
     justify-self: center;
 }
-.rt-Toolbar:where([data-anchor='top']) {
+.rt-AppBar:where([data-anchor='top']) {
     top: 0;
     left: 0;
     right: 0;
 }
-.rt-Toolbar:where([data-anchor='bottom']) {
+.rt-AppBar:where([data-anchor='bottom']) {
     bottom: 0;
     left: 0;
     right: 0;
 }
-.rt-Toolbar:where([data-anchor='left']) {
+.rt-AppBar:where([data-anchor='left']) {
     top: 0;
     bottom: 0;
     left: 0;
 }
-.rt-Toolbar:where([data-anchor='right']) {
+.rt-AppBar:where([data-anchor='right']) {
     top: 0;
     bottom: 0;
     right: 0;
 }
-.rt-Toolbar:where(:not([data-floating])) {
+.rt-AppBar:where(:not([data-floating])) {
     --base-card-border-radius: 0;
     border-radius: 0;
 }
-.rt-Toolbar:where([data-anchor='top']:not([data-floating]))::after {
+.rt-AppBar:where([data-anchor='top']:not([data-floating]))::after {
     -webkit-box-shadow: inset 0 -1px 0 0 var(--gray-6);
             box-shadow: inset 0 -1px 0 0 var(--gray-6);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Toolbar:where([data-anchor='top']:not([data-floating]))::after,.rt-Toolbar:where([data-anchor='top']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-AppBar:where([data-anchor='top']:not([data-floating]))::after,.rt-AppBar:where([data-anchor='top']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
     -webkit-box-shadow: inset 0 -1px 0 0 var(--gray-a6);
             box-shadow: inset 0 -1px 0 0 var(--gray-a6);
 }
-.rt-Toolbar:where([data-anchor='bottom']:not([data-floating]))::after {
+.rt-AppBar:where([data-anchor='bottom']:not([data-floating]))::after {
     -webkit-box-shadow: inset 0 1px 0 0 var(--gray-6);
             box-shadow: inset 0 1px 0 0 var(--gray-6);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Toolbar:where([data-anchor='bottom']:not([data-floating]))::after,.rt-Toolbar:where([data-anchor='bottom']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-AppBar:where([data-anchor='bottom']:not([data-floating]))::after,.rt-AppBar:where([data-anchor='bottom']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
     -webkit-box-shadow: inset 0 1px 0 0 var(--gray-a6);
             box-shadow: inset 0 1px 0 0 var(--gray-a6);
 }
-.rt-Toolbar:where([data-anchor='left']:not([data-floating]))::after {
+.rt-AppBar:where([data-anchor='left']:not([data-floating]))::after {
     -webkit-box-shadow: inset -1px 0 0 0 var(--gray-6);
             box-shadow: inset -1px 0 0 0 var(--gray-6);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Toolbar:where([data-anchor='left']:not([data-floating]))::after,.rt-Toolbar:where([data-anchor='left']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-AppBar:where([data-anchor='left']:not([data-floating]))::after,.rt-AppBar:where([data-anchor='left']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
     -webkit-box-shadow: inset -1px 0 0 0 var(--gray-a6);
             box-shadow: inset -1px 0 0 0 var(--gray-a6);
 }
-.rt-Toolbar:where([data-anchor='right']:not([data-floating]))::after {
+.rt-AppBar:where([data-anchor='right']:not([data-floating]))::after {
     -webkit-box-shadow: inset 1px 0 0 0 var(--gray-6);
             box-shadow: inset 1px 0 0 0 var(--gray-6);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-Toolbar:where([data-anchor='right']:not([data-floating]))::after,.rt-Toolbar:where([data-anchor='right']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-AppBar:where([data-anchor='right']:not([data-floating]))::after,.rt-AppBar:where([data-anchor='right']:not([data-floating])):where([data-panel-background='translucent'],[data-material='translucent'])::after {
     -webkit-box-shadow: inset 1px 0 0 0 var(--gray-a6);
             box-shadow: inset 1px 0 0 0 var(--gray-a6);
 }
-.rt-Toolbar:where(.rt-variant-ghost:not([data-floating]))::after {
+.rt-AppBar:where(.rt-variant-ghost:not([data-floating]))::after {
     -webkit-box-shadow: none;
             box-shadow: none;
 }
-.rt-Toolbar:where(.rt-variant-soft:not([data-floating]))::after {
+.rt-AppBar:where(.rt-variant-soft:not([data-floating]))::after {
     -webkit-box-shadow: none;
             box-shadow: none;
 }
-.rt-ToolbarTitle {
+.rt-AppBarTitle {
     min-width: 0;
     -ms-flex-negative: 1;
         flex-shrink: 1;
 }
-.rt-ToolbarSection {
+.rt-AppBarSection {
     min-width: 0;
 }
-.rt-ToolbarLeft {
+.rt-AppBarLeft {
     grid-column: 1;
     justify-self: start;
 }
-.rt-ToolbarCenter {
+.rt-AppBarCenter {
     grid-column: 2;
     justify-self: center;
 }
-.rt-ToolbarRight {
+.rt-AppBarRight {
     grid-column: 3;
     justify-self: end;
 }
+.rt-Toolbar {
+    --toolbar-group-inset: calc(var(--space-1) / 2);
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    gap: var(--toolbar-gap);
+    min-width: 0;
+    min-height: var(--toolbar-control-height);
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+.rt-Toolbar:where([data-orientation='vertical']) {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+    min-height: 0;
+    min-width: var(--toolbar-control-height);
+}
+.rt-Toolbar:where(.rt-r-size-1) {
+    --toolbar-control-height: var(--space-5);
+    --toolbar-radius: max(var(--radius-1), var(--radius-full));
+    --toolbar-gap: var(--space-1);
+    --toolbar-title-gap: var(--space-2);
+}
+.rt-Toolbar:where(.rt-r-size-2) {
+    --toolbar-control-height: var(--space-6);
+    --toolbar-radius: max(var(--radius-2), var(--radius-full));
+    --toolbar-gap: var(--space-2);
+    --toolbar-title-gap: var(--space-3);
+}
+.rt-Toolbar:where(.rt-r-size-3) {
+    --toolbar-control-height: var(--space-7);
+    --toolbar-radius: max(var(--radius-3), var(--radius-full));
+    --toolbar-gap: var(--space-2);
+    --toolbar-title-gap: var(--space-4);
+}
+.rt-Toolbar:where(.rt-r-size-4) {
+    --toolbar-control-height: var(--space-8);
+    --toolbar-radius: max(var(--radius-4), var(--radius-full));
+    --toolbar-gap: var(--space-3);
+    --toolbar-title-gap: var(--space-5);
+}
+.rt-ToolbarGroup {
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    height: var(--toolbar-control-height);
+    padding: var(--toolbar-group-inset);
+    border-radius: var(--toolbar-radius);
+    background-color: var(--gray-a3);
+}
+.rt-ToolbarGroup:where([data-orientation='vertical']) {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    height: auto;
+    width: var(--toolbar-control-height);
+}
+.rt-ToolbarGroup > :where(.rt-BaseButton) {
+    --base-button-height: calc(var(--toolbar-control-height) - 2 * var(--toolbar-group-inset));
+    border-radius: max(0px, calc(var(--toolbar-radius) - var(--toolbar-group-inset)));
+}
+.rt-ToolbarSeparator {
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+    background-color: var(--gray-a5);
+}
+.rt-ToolbarSeparator:where([data-orientation='vertical']) {
+    width: var(--border-width-standard);
+    height: calc(var(--toolbar-control-height) / 2);
+}
+.rt-ToolbarSeparator:where([data-orientation='horizontal']) {
+    height: var(--border-width-standard);
+    width: calc(var(--toolbar-control-height) / 2);
+}
+.rt-ToolbarTitle {
+    min-width: 0;
+    -ms-flex-negative: 1;
+        flex-shrink: 1;
+}
+:where(.rt-Toolbar) .rt-ToolbarTitle:where(:not(:first-child)) {
+    -webkit-margin-start: calc(var(--toolbar-title-gap) - var(--toolbar-gap));
+            margin-inline-start: calc(var(--toolbar-title-gap) - var(--toolbar-gap));
+}
+:where(.rt-Toolbar) .rt-ToolbarTitle:where(:not(:last-child)) {
+    -webkit-margin-end: calc(var(--toolbar-title-gap) - var(--toolbar-gap));
+            margin-inline-end: calc(var(--toolbar-title-gap) - var(--toolbar-gap));
+}
 .rt-TooltipContent {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;

package/dist/cjs/components/app-bar.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { Heading } from './heading.js';
+import type { CardProps } from './card.js';
+import type { FlexProps } from './flex.js';
+type Anchor = 'top' | 'bottom' | 'left' | 'right';
+type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+interface AppBarRootProps extends Omit<CardProps, 'asChild'> {
+    /**
+     * Which edge to anchor to. Sets position: sticky and the appropriate edge.
+     * @default "top"
+     */
+    anchor?: Anchor;
+    /**
+     * Floating mode adds margin from edges for a detached look with absolute positioning.
+     * When false (default), uses inset mode with negative margins to go edge-to-edge inside Cards.
+     * @default false
+     */
+    floating?: boolean;
+    /**
+     * Margin offset from edges when floating. Uses space scale values.
+     * @default "2"
+     */
+    offset?: SpaceScale;
+}
+/**
+ * An app bar: the band anchored to one edge of a pane, with left, center and right sections
+ * and a title. It publishes its height (or width) to its parent as `--rt-app-bar-height`
+ * (`--rt-app-bar-width`) so content can pad itself clear of it.
+ *
+ * This component was called `Toolbar` until 0.11.0. It is not a `role="toolbar"`: for a row of
+ * controls with one tab stop and arrow-key navigation, use `Toolbar`.
+ */
+declare const AppBarRoot: React.ForwardRefExoticComponent<AppBarRootProps & React.RefAttributes<HTMLDivElement>>;
+type AppBarSectionProps = FlexProps;
+declare const AppBarLeft: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
+declare const AppBarCenter: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
+declare const AppBarRight: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
+type AppBarTitleProps = React.ComponentPropsWithoutRef<typeof Heading>;
+declare const AppBarTitle: React.ForwardRefExoticComponent<AppBarTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const AppBar: typeof AppBarRoot & {
+    Root: typeof AppBarRoot;
+    Left: typeof AppBarLeft;
+    Center: typeof AppBarCenter;
+    Right: typeof AppBarRight;
+    Title: typeof AppBarTitle;
+};
+export { AppBar, AppBarRoot as Root, AppBarLeft as Left, AppBarCenter as Center, AppBarRight as Right, AppBarTitle as Title, };
+export type { AppBarRootProps as RootProps, AppBarSectionProps as LeftProps, AppBarSectionProps as CenterProps, AppBarSectionProps as RightProps, AppBarTitleProps as TitleProps, };
+//# sourceMappingURL=app-bar.d.ts.map

package/dist/cjs/components/app-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-bar.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAO3C,KAAK,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtE,UAAU,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAC1D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,UAAU,wFA0Ff,CAAC;AAQF,KAAK,kBAAkB,GAAG,SAAS,CAAC;AAEpC,QAAA,MAAM,UAAU,kFAYf,CAAC;AAOF,QAAA,MAAM,YAAY,kFAajB,CAAC;AAOF,QAAA,MAAM,WAAW,kFAahB,CAAC;AAQF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,CAAC;AAEvE,QAAA,MAAM,WAAW,6FAahB,CAAC;AAOF,QAAA,MAAM,MAAM,EAAiB,OAAO,UAAU,GAAG;IAC/C,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAQF,OAAO,EACL,MAAM,EACN,UAAU,IAAI,IAAI,EAClB,UAAU,IAAI,IAAI,EAClB,YAAY,IAAI,MAAM,EACtB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,GACrB,CAAC;AACF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,SAAS,EAC/B,kBAAkB,IAAI,WAAW,EACjC,kBAAkB,IAAI,UAAU,EAChC,gBAAgB,IAAI,UAAU,GAC/B,CAAC"}

package/dist/cjs/components/app-bar.js

@@ -0,0 +1,2 @@
+"use strict";var Ce=Object.create;var T=Object.defineProperty;var we=Object.getOwnPropertyDescriptor;var Ve=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,Be=Object.prototype.hasOwnProperty;var Ae=(t,e)=>{for(var r in e)T(t,r,{get:e[r],enumerable:!0})},_=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Ve(e))!Be.call(t,n)&&n!==r&&T(t,n,{get:()=>e[n],enumerable:!(s=we(e,n))||s.enumerable});return t};var d=(t,e,r)=>(r=t!=null?Ce(Te(t)):{},_(e||!t||!t.__esModule?T(r,"default",{value:t,enumerable:!0}):r,t)),je=t=>_(T({},"__esModule",{value:!0}),t);var ct={};Ae(ct,{AppBar:()=>N,Center:()=>K,Left:()=>L,Right:()=>U,Root:()=>E,Title:()=>q});module.exports=je(ct);var m=d(require("react")),x=d(require("classnames"));var A=d(require("react")),re=d(require("classnames")),se=require("radix-ui");var h={asChild:{type:"boolean"}};var He=["1","2","3","4","5"],Ee=["surface","outline","classic","ghost","soft"],ke=["solid","translucent"],Oe=["solid","translucent"],J={...h,size:{type:"enum",className:"rt-r-size",values:He,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Ee,default:"outline"},panelBackground:{type:"enum",values:ke,default:void 0},material:{type:"enum",values:Oe,default:void 0},flush:{type:"boolean",default:!1},inset:{type:"boolean",default:!1}};var te=d(require("classnames"));var Ge=[],We=new Set;function Fe(t){let e=Object.assign({},...t),r=[],s=[],n=new Set;for(let i in e){let p=e[i],l=p.values??Ge,a={key:i,type:p.type,default:p.default,hasDefault:p.default!==void 0,responsive:"responsive"in p,className:p.className,customProperties:p.customProperties,parseValue:p.parseValue,values:l,valueSet:l.length>0?new Set(l):We,enumValueSet:p.type==="enum"?new Set([p.default,...l]):void 0};p.className?(r.push(a),n.add(i)):(a.hasDefault||p.type==="enum")&&s.push(a)}return{styling:r,passthrough:s,stylingKeys:n}}var $e={children:new WeakMap};function Q(t){let e=$e;for(let r=0;r<t.length;r++){let s=t[r],n=e.children.get(s);n===void 0&&(n={children:new WeakMap},e.children.set(s,n)),e=n}return e.compiled??(e.compiled=Fe(t))}var Me=["initial","xs","sm","md","lg","xl"],k=new Set(Me);function O(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var ze=new Set(["initial","xs","sm","md","lg","xl"]);function y(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(ze.has(e))return!0;return!1}function B(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function ee({className:t,customProperties:e,...r}){let s=G({allowArbitraryValues:!0,className:t,...r}),n=Le({customProperties:e,...r});return[s,n]}function G({allowArbitraryValues:t,value:e,className:r,propValues:s,propValueSet:n,parseValue:i=p=>p}){if(e){if(typeof e=="string")return B(s,n,e)?Z(r,e,i):t?r:void 0;if(y(e)){let p=e,l=[];for(let a in p){if(!O(p,a)||!k.has(a))continue;let o=p[a];if(o!==void 0){if(B(s,n,o)){let f=Z(r,o,i),u=a==="initial"?f:`${a}:${f}`;l.push(u)}else if(t){let f=a==="initial"?r:`${a}:${r}`;l.push(f)}}}return l.length>0?l.join(" "):""}if(t)return r}}function Z(t,e,r){let s=t?"-":"",n=r(e),i=n?.startsWith("-"),p=i?"-":"",l=i?n?.substring(1):n;return`${p}${t}${s}${l}`}function Le({customProperties:t,value:e,propValues:r,propValueSet:s,parseValue:n=i=>i}){if(!e||typeof e=="string"&&B(r,s,e))return;let i;if(typeof e=="string"){let p=n(e);i={};for(let l of t)i[l]=p;return i}if(y(e)){let p=e;for(let l in p){if(!O(p,l)||!k.has(l))continue;let a=p[l];if(a===void 0||B(r,s,a))continue;let o=n(a);i??(i={});for(let f of t){let u=l==="initial"?f:`${f}-${l}`;i[u]=o}}}return i??{}}function W(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function Ke(t,e){let r=t.initial,s=!1;return e.hasDefault&&r===void 0&&(r=e.default,s=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,s=!0),s?{...t,initial:r}:t}function R(t,...e){let{styling:r,passthrough:s,stylingKeys:n}=Q(e),i={};for(let a in t)n.has(a)||(i[a]=t[a]);for(let a=0;a<s.length;a++){let o=s[a],f=i[o.key];if(f===void 0){o.hasDefault&&(i[o.key]=o.default);continue}o.enumValueSet!==void 0&&!o.enumValueSet.has(f)&&!y(f)&&(i[o.key]=o.default)}let p,l=[];for(let a=0;a<r.length;a++){let o=r[a],f=t[o.key];if(f===void 0&&o.hasDefault&&(f=o.default),o.enumValueSet!==void 0&&!o.enumValueSet.has(f)&&!y(f)&&(f=o.default),!!f){if(y(f)){if(!o.responsive)continue;f=Ke(f,o)}if(o.type==="enum"){let u=G({allowArbitraryValues:!1,value:f,className:o.className,propValues:o.values,propValueSet:o.valueSet,parseValue:o.parseValue});u&&l.push(u);continue}if(o.type==="string"||o.type==="enum | string"){let[u,v]=ee({className:o.className,customProperties:o.customProperties,propValues:o.type==="string"?[]:o.values,propValueSet:o.type==="string"?void 0:o.valueSet,parseValue:o.parseValue,value:f});v&&(p=W(p,v)),u&&l.push(u);continue}if(o.type==="boolean"){l.push(o.className);continue}}}return i.className=(0,te.default)(l.length>0?l.join(" "):void 0,t.className),i.style=W(p,t.style),i}var g=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],b={m:{type:"enum | string",values:g,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:g,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:g,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var F=A.forwardRef((t,e)=>{let{asChild:r,className:s,panelBackground:n,material:i,flush:p,inset:l,...a}=R(t,J,b),o=i||n,f=r?se.Slot.Root:"div";return A.createElement(f,{ref:e,...a,"data-panel-background":o,"data-material":o,"data-flush":p?"true":void 0,"data-inset":l?"true":void 0,className:(0,re.default)("rt-reset","rt-BaseCard","rt-Card",s)})});F.displayName="Card";var H=d(require("react")),me=d(require("classnames"));var P=["0","1","2","3","4","5","6","7","8","9","10","11","12"],oe={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:P,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:P,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:P,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:P,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:P,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:P,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:P,responsive:!0}};var pe={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var ne={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var $=["visible","hidden","clip","scroll","auto"],Ue=["static","relative","absolute","fixed","sticky"],w=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],qe=["0","1"],Ye=["0","1"],Ie=["start","center","end","baseline","stretch"],Xe=["start","center","end","baseline","stretch"],ie={...oe,...ne,...pe,position:{type:"enum",className:"rt-r-position",values:Ue,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:w,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:w,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:w,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:w,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:w,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:$,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:$,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:$,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:qe,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:Ye,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:Ie,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Xe,responsive:!0}};var j=require("radix-ui"),Kt=j.Slot.Root,ae=j.Slot.Root,Ut=j.Slot.Slottable;var M=["0","1","2","3","4","5","6","7","8","9","10","11","12"],le={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:M,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:M,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:M,responsive:!0}};var _e=["div","span"],Je=["none","inline-flex","flex"],Qe=["row","column","row-reverse","column-reverse"],Ze=["start","center","end","baseline","stretch"],et=["start","center","end","between"],tt=["nowrap","wrap","wrap-reverse"],fe={as:{type:"enum",values:_e,default:"div"},...h,display:{type:"enum",className:"rt-r-display",values:Je,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:Qe,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:Ze,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:et,parseValue:rt,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:tt,responsive:!0},...le};function rt(t){return t==="between"?"space-between":t}var V=H.forwardRef((t,e)=>{let{className:r,asChild:s,as:n="div",...i}=R(t,fe,ie,b);return H.createElement(s?ae:n,{...i,ref:e,className:(0,me.default)("rt-Flex",r)})});V.displayName="Flex";var D=d(require("react")),Re=require("radix-ui");var st=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var ue={color:{type:"enum",values:st,default:void 0}};var ot=["loud","medium","quiet"],ce={emphasis:{type:"enum",className:"rt-emphasis",values:ot,default:void 0}};var pt=["normal","start","end","both"],de={trim:{type:"enum",className:"rt-r-lt",values:pt,responsive:!0}};var nt=["left","center","right"],ye={align:{type:"enum",className:"rt-r-ta",values:nt,responsive:!0}};var it=["wrap","nowrap","pretty","balance"],ge={wrap:{type:"enum",className:"rt-r-tw",values:it,responsive:!0}};var Pe={truncate:{type:"boolean",className:"rt-truncate"}};var at=["sans","mono","serif"],De={font:{type:"enum",className:"rt-r-ff",values:at}};var lt=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],ve={weight:{type:"enum",className:"rt-r-weight",values:lt,responsive:!0}};var ft=["h1","h2","h3","h4","h5","h6"],mt=["0","1","2","3","4","5","6","7","8","9","10","11","12"],he={as:{type:"enum",values:ft,default:"h1"},...h,size:{type:"enum",className:"rt-r-size",values:mt,default:"6",responsive:!0},...De,...ve,...ye,...de,...Pe,...ge,...ue,...ce};var ut={...he,...b},z=D.memo(D.forwardRef((t,e)=>{let{children:r,className:s,asChild:n,as:i="h1",color:p,...l}=R(t,ut),a=s?`rt-Heading ${s}`:"rt-Heading";return n?D.createElement(Re.Slot.Root,{"data-accent-color":p,...l,ref:e,className:a},r):D.createElement(i,{"data-accent-color":p,...l,ref:e,className:a},r)}));z.displayName="Heading";var E=m.forwardRef((t,e)=>{let{anchor:r="top",floating:s=!1,offset:n="2",size:i="1",variant:p="ghost",material:l,className:a,style:o,children:f,...u}=t,v=r==="top"||r==="bottom",Y=m.useRef(null),be=m.useCallback(c=>{Y.current=c,typeof e=="function"?e(c):e&&(e.current=c)},[e]);m.useEffect(()=>{let c=Y.current;if(!c)return;let S=c.parentElement;if(!S)return;let I=()=>{let C=v?c.offsetHeight:c.offsetWidth;if(s){let Ne=getComputedStyle(c),Se=parseFloat(Ne.marginTop)||0;C+=Se*2}v?(S.style.setProperty("--rt-app-bar-height",`${C}px`),S.style.setProperty("--rt-toolbar-height",`${C}px`)):(S.style.setProperty("--rt-app-bar-width",`${C}px`),S.style.setProperty("--rt-toolbar-width",`${C}px`))};I();let X=new ResizeObserver(I);return X.observe(c),()=>X.disconnect()},[v,s]);let xe=s?{margin:`var(--space-${n})`,...o}:o;return m.createElement(F,{ref:be,size:i,variant:p,material:l,"data-anchor":r,"data-floating":s||void 0,className:(0,x.default)("rt-AppBar",a),style:xe,...u},m.createElement("div",{className:"rt-AppBarInner"},f))});E.displayName="AppBar.Root";var L=m.forwardRef(({gap:t="2",align:e="center",className:r,children:s,...n},i)=>m.createElement(V,{ref:i,align:e,gap:t,className:(0,x.default)("rt-AppBarSection","rt-AppBarLeft",r),...n},s));L.displayName="AppBar.Left";var K=m.forwardRef(({gap:t="2",align:e="center",justify:r="center",className:s,children:n,...i},p)=>m.createElement(V,{ref:p,align:e,justify:r,gap:t,className:(0,x.default)("rt-AppBarSection","rt-AppBarCenter",s),...i},n));K.displayName="AppBar.Center";var U=m.forwardRef(({gap:t="2",align:e="center",justify:r="end",className:s,children:n,...i},p)=>m.createElement(V,{ref:p,align:e,justify:r,gap:t,className:(0,x.default)("rt-AppBarSection","rt-AppBarRight",s),...i},n));U.displayName="AppBar.Right";var q=m.forwardRef(({className:t,size:e="2",weight:r="medium",truncate:s=!0,children:n,...i},p)=>m.createElement(z,{ref:p,size:e,weight:r,truncate:s,className:(0,x.default)("rt-AppBarTitle",t),...i},n));q.displayName="AppBar.Title";var N=E;N.Root=E;N.Left=L;N.Center=K;N.Right=U;N.Title=q;
+//# sourceMappingURL=app-bar.js.map