@womp/kookie-ui 0.19.0 → 0.21.0

package/tokens/base.css

@@ -282,53 +282,36 @@
   --default-font-family-sans: var(--font-sans);
   --default-font-family-mono: var(--font-mono);
   --default-font-family-serif: var(--font-serif);
-  --font-size-0: calc(10px * var(--scale));
   --font-size-1: calc(12px * var(--scale));
   --font-size-2: calc(14px * var(--scale));
   --font-size-3: calc(16px * var(--scale));
   --font-size-4: calc(18px * var(--scale));
   --font-size-5: calc(20px * var(--scale));
   --font-size-6: calc(24px * var(--scale));
-  --font-size-7: calc(28px * var(--scale));
-  --font-size-8: calc(35px * var(--scale));
-  --font-size-9: calc(60px * var(--scale));
-  --font-size-10: calc(72px * var(--scale));
-  --font-size-11: calc(86px * var(--scale));
-  --font-size-12: calc(104px * var(--scale));
-  --font-weight-thin: 100;
-  --font-weight-extralight: 200;
-  --font-weight-light: 300;
+  --font-size-7: calc(32px * var(--scale));
+  --font-size-8: calc(44px * var(--scale));
+  --font-size-9: calc(64px * var(--scale));
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-  --font-weight-extrabold: 800;
-  --line-height-0: calc(12px * var(--scale));
   --line-height-1: calc(16px * var(--scale));
   --line-height-2: calc(20px * var(--scale));
   --line-height-3: calc(24px * var(--scale));
   --line-height-4: calc(26px * var(--scale));
   --line-height-5: calc(28px * var(--scale));
-  --line-height-6: calc(30px * var(--scale));
-  --line-height-7: calc(36px * var(--scale));
-  --line-height-8: calc(40px * var(--scale));
-  --line-height-9: calc(60px * var(--scale));
-  --line-height-10: calc(76px * var(--scale));
-  --line-height-11: calc(90px * var(--scale));
-  --line-height-12: calc(108px * var(--scale));
-  --letter-spacing-0: 0.005em;
-  --letter-spacing-1: 0.0025em;
+  --line-height-6: calc(32px * var(--scale));
+  --line-height-7: calc(40px * var(--scale));
+  --line-height-8: calc(52px * var(--scale));
+  --line-height-9: calc(70px * var(--scale));
+  --letter-spacing-1: 0em;
   --letter-spacing-2: 0em;
   --letter-spacing-3: 0em;
-  --letter-spacing-4: -0.0025em;
-  --letter-spacing-5: -0.005em;
-  --letter-spacing-6: -0.00625em;
-  --letter-spacing-7: -0.0075em;
-  --letter-spacing-8: -0.01em;
+  --letter-spacing-4: -0.005em;
+  --letter-spacing-5: -0.0075em;
+  --letter-spacing-6: -0.01em;
+  --letter-spacing-7: -0.015em;
+  --letter-spacing-8: -0.02em;
   --letter-spacing-9: -0.025em;
-  --letter-spacing-10: -0.03em;
-  --letter-spacing-11: -0.035em;
-  --letter-spacing-12: -0.04em;
   --default-font-size: var(--font-size-3);
   --default-font-style: normal;
   --default-font-weight: var(--font-weight-regular);
@@ -341,20 +324,8 @@
   --heading-leading-trim-start: var(--default-leading-trim-start);
   --heading-leading-trim-end: var(--default-leading-trim-end);
   --heading-letter-spacing: 0em;
-  --heading-line-height-0: calc(12px * var(--scale));
-  --heading-line-height-1: calc(16px * var(--scale));
-  --heading-line-height-2: calc(18px * var(--scale));
-  --heading-line-height-3: calc(22px * var(--scale));
-  --heading-line-height-4: calc(24px * var(--scale));
-  --heading-line-height-5: calc(26px * var(--scale));
-  --heading-line-height-6: calc(30px * var(--scale));
-  --heading-line-height-7: calc(36px * var(--scale));
-  --heading-line-height-8: calc(40px * var(--scale));
-  --heading-line-height-9: calc(60px * var(--scale));
-  --heading-line-height-10: calc(76px * var(--scale));
-  --heading-line-height-11: calc(90px * var(--scale));
-  --heading-line-height-12: calc(108px * var(--scale));
-  --code-font-size-adjust: 0.95;
+  --heading-font-weight: var(--font-weight-medium);
+  --mono-scale: 0.925;
   --code-font-style: normal;
   --code-font-weight: inherit;
   --code-letter-spacing: -0.007em;
@@ -364,7 +335,6 @@
   --code-padding-right: 0.25em;
   --strong-font-size-adjust: 1;
   --strong-font-style: inherit;
-  --heading-font-weight: var(--font-weight-bold);
   --strong-font-weight: var(--font-weight-medium);
   --strong-letter-spacing: 0em;
   --em-font-size-adjust: 1.18;
@@ -1360,6 +1330,10 @@
   --radius-control-2: var(--radius-2);
   --radius-control-3: var(--radius-3);
   --radius-control-4: var(--radius-4);
+  --radius-row-1: var(--radius-control-1);
+  --radius-row-2: var(--radius-control-2);
+  --radius-row-3: var(--radius-control-3);
+  --radius-row-4: var(--radius-control-4);
   --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
   --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
   --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
@@ -1397,6 +1371,10 @@
   --radius-control-2: calc(var(--control-height-2) / 2);
   --radius-control-3: calc(var(--control-height-3) / 2);
   --radius-control-4: calc(var(--control-height-4) / 2);
+  --radius-row-1: calc((var(--line-height-1) + 2 * var(--row-inset-1)) / 2);
+  --radius-row-2: calc((var(--line-height-2) + 2 * var(--row-inset-2)) / 2);
+  --radius-row-3: calc((var(--line-height-3) + 2 * var(--row-inset-3)) / 2);
+  --radius-row-4: calc((var(--line-height-4) + 2 * var(--row-inset-4)) / 2);
 }
 .rt-SurfaceNest:where(.rt-r-size-1) {
   --kui-sf-radius: var(--radius-surface-1);

package/tokens.css

@@ -3628,53 +3628,36 @@
   --default-font-family-sans: var(--font-sans);
   --default-font-family-mono: var(--font-mono);
   --default-font-family-serif: var(--font-serif);
-  --font-size-0: calc(10px * var(--scale));
   --font-size-1: calc(12px * var(--scale));
   --font-size-2: calc(14px * var(--scale));
   --font-size-3: calc(16px * var(--scale));
   --font-size-4: calc(18px * var(--scale));
   --font-size-5: calc(20px * var(--scale));
   --font-size-6: calc(24px * var(--scale));
-  --font-size-7: calc(28px * var(--scale));
-  --font-size-8: calc(35px * var(--scale));
-  --font-size-9: calc(60px * var(--scale));
-  --font-size-10: calc(72px * var(--scale));
-  --font-size-11: calc(86px * var(--scale));
-  --font-size-12: calc(104px * var(--scale));
-  --font-weight-thin: 100;
-  --font-weight-extralight: 200;
-  --font-weight-light: 300;
+  --font-size-7: calc(32px * var(--scale));
+  --font-size-8: calc(44px * var(--scale));
+  --font-size-9: calc(64px * var(--scale));
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-  --font-weight-extrabold: 800;
-  --line-height-0: calc(12px * var(--scale));
   --line-height-1: calc(16px * var(--scale));
   --line-height-2: calc(20px * var(--scale));
   --line-height-3: calc(24px * var(--scale));
   --line-height-4: calc(26px * var(--scale));
   --line-height-5: calc(28px * var(--scale));
-  --line-height-6: calc(30px * var(--scale));
-  --line-height-7: calc(36px * var(--scale));
-  --line-height-8: calc(40px * var(--scale));
-  --line-height-9: calc(60px * var(--scale));
-  --line-height-10: calc(76px * var(--scale));
-  --line-height-11: calc(90px * var(--scale));
-  --line-height-12: calc(108px * var(--scale));
-  --letter-spacing-0: 0.005em;
-  --letter-spacing-1: 0.0025em;
+  --line-height-6: calc(32px * var(--scale));
+  --line-height-7: calc(40px * var(--scale));
+  --line-height-8: calc(52px * var(--scale));
+  --line-height-9: calc(70px * var(--scale));
+  --letter-spacing-1: 0em;
   --letter-spacing-2: 0em;
   --letter-spacing-3: 0em;
-  --letter-spacing-4: -0.0025em;
-  --letter-spacing-5: -0.005em;
-  --letter-spacing-6: -0.00625em;
-  --letter-spacing-7: -0.0075em;
-  --letter-spacing-8: -0.01em;
+  --letter-spacing-4: -0.005em;
+  --letter-spacing-5: -0.0075em;
+  --letter-spacing-6: -0.01em;
+  --letter-spacing-7: -0.015em;
+  --letter-spacing-8: -0.02em;
   --letter-spacing-9: -0.025em;
-  --letter-spacing-10: -0.03em;
-  --letter-spacing-11: -0.035em;
-  --letter-spacing-12: -0.04em;
   --default-font-size: var(--font-size-3);
   --default-font-style: normal;
   --default-font-weight: var(--font-weight-regular);
@@ -3687,20 +3670,8 @@
   --heading-leading-trim-start: var(--default-leading-trim-start);
   --heading-leading-trim-end: var(--default-leading-trim-end);
   --heading-letter-spacing: 0em;
-  --heading-line-height-0: calc(12px * var(--scale));
-  --heading-line-height-1: calc(16px * var(--scale));
-  --heading-line-height-2: calc(18px * var(--scale));
-  --heading-line-height-3: calc(22px * var(--scale));
-  --heading-line-height-4: calc(24px * var(--scale));
-  --heading-line-height-5: calc(26px * var(--scale));
-  --heading-line-height-6: calc(30px * var(--scale));
-  --heading-line-height-7: calc(36px * var(--scale));
-  --heading-line-height-8: calc(40px * var(--scale));
-  --heading-line-height-9: calc(60px * var(--scale));
-  --heading-line-height-10: calc(76px * var(--scale));
-  --heading-line-height-11: calc(90px * var(--scale));
-  --heading-line-height-12: calc(108px * var(--scale));
-  --code-font-size-adjust: 0.95;
+  --heading-font-weight: var(--font-weight-medium);
+  --mono-scale: 0.925;
   --code-font-style: normal;
   --code-font-weight: inherit;
   --code-letter-spacing: -0.007em;
@@ -3710,7 +3681,6 @@
   --code-padding-right: 0.25em;
   --strong-font-size-adjust: 1;
   --strong-font-style: inherit;
-  --heading-font-weight: var(--font-weight-bold);
   --strong-font-weight: var(--font-weight-medium);
   --strong-letter-spacing: 0em;
   --em-font-size-adjust: 1.18;
@@ -4706,6 +4676,10 @@
   --radius-control-2: var(--radius-2);
   --radius-control-3: var(--radius-3);
   --radius-control-4: var(--radius-4);
+  --radius-row-1: var(--radius-control-1);
+  --radius-row-2: var(--radius-control-2);
+  --radius-row-3: var(--radius-control-3);
+  --radius-row-4: var(--radius-control-4);
   --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
   --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
   --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
@@ -4743,6 +4717,10 @@
   --radius-control-2: calc(var(--control-height-2) / 2);
   --radius-control-3: calc(var(--control-height-3) / 2);
   --radius-control-4: calc(var(--control-height-4) / 2);
+  --radius-row-1: calc((var(--line-height-1) + 2 * var(--row-inset-1)) / 2);
+  --radius-row-2: calc((var(--line-height-2) + 2 * var(--row-inset-2)) / 2);
+  --radius-row-3: calc((var(--line-height-3) + 2 * var(--row-inset-3)) / 2);
+  --radius-row-4: calc((var(--line-height-4) + 2 * var(--row-inset-4)) / 2);
 }
 .rt-SurfaceNest:where(.rt-r-size-1) {
   --kui-sf-radius: var(--radius-surface-1);

package/utilities.css

@@ -13198,15 +13198,6 @@
         max-width: var(--max-width-xl);
     }
 }
-.rt-r-weight-thin {
-    font-weight: var(--font-weight-thin);
-}
-.rt-r-weight-extralight {
-    font-weight: var(--font-weight-extralight);
-}
-.rt-r-weight-light {
-    font-weight: var(--font-weight-light);
-}
 .rt-r-weight-regular {
     font-weight: var(--font-weight-regular);
 }
@@ -13216,22 +13207,7 @@
 .rt-r-weight-semibold {
     font-weight: var(--font-weight-semibold);
 }
-.rt-r-weight-bold {
-    font-weight: var(--font-weight-bold);
-}
-.rt-r-weight-extrabold {
-    font-weight: var(--font-weight-extrabold);
-}
 @media (min-width: 520px) {
-    .xs\:rt-r-weight-thin {
-        font-weight: var(--font-weight-thin);
-    }
-    .xs\:rt-r-weight-extralight {
-        font-weight: var(--font-weight-extralight);
-    }
-    .xs\:rt-r-weight-light {
-        font-weight: var(--font-weight-light);
-    }
     .xs\:rt-r-weight-regular {
         font-weight: var(--font-weight-regular);
     }
@@ -13241,23 +13217,8 @@
     .xs\:rt-r-weight-semibold {
         font-weight: var(--font-weight-semibold);
     }
-    .xs\:rt-r-weight-bold {
-        font-weight: var(--font-weight-bold);
-    }
-    .xs\:rt-r-weight-extrabold {
-        font-weight: var(--font-weight-extrabold);
-    }
 }
 @media (min-width: 768px) {
-    .sm\:rt-r-weight-thin {
-        font-weight: var(--font-weight-thin);
-    }
-    .sm\:rt-r-weight-extralight {
-        font-weight: var(--font-weight-extralight);
-    }
-    .sm\:rt-r-weight-light {
-        font-weight: var(--font-weight-light);
-    }
     .sm\:rt-r-weight-regular {
         font-weight: var(--font-weight-regular);
     }
@@ -13267,23 +13228,8 @@
     .sm\:rt-r-weight-semibold {
         font-weight: var(--font-weight-semibold);
     }
-    .sm\:rt-r-weight-bold {
-        font-weight: var(--font-weight-bold);
-    }
-    .sm\:rt-r-weight-extrabold {
-        font-weight: var(--font-weight-extrabold);
-    }
 }
 @media (min-width: 1024px) {
-    .md\:rt-r-weight-thin {
-        font-weight: var(--font-weight-thin);
-    }
-    .md\:rt-r-weight-extralight {
-        font-weight: var(--font-weight-extralight);
-    }
-    .md\:rt-r-weight-light {
-        font-weight: var(--font-weight-light);
-    }
     .md\:rt-r-weight-regular {
         font-weight: var(--font-weight-regular);
     }
@@ -13293,23 +13239,8 @@
     .md\:rt-r-weight-semibold {
         font-weight: var(--font-weight-semibold);
     }
-    .md\:rt-r-weight-bold {
-        font-weight: var(--font-weight-bold);
-    }
-    .md\:rt-r-weight-extrabold {
-        font-weight: var(--font-weight-extrabold);
-    }
 }
 @media (min-width: 1280px) {
-    .lg\:rt-r-weight-thin {
-        font-weight: var(--font-weight-thin);
-    }
-    .lg\:rt-r-weight-extralight {
-        font-weight: var(--font-weight-extralight);
-    }
-    .lg\:rt-r-weight-light {
-        font-weight: var(--font-weight-light);
-    }
     .lg\:rt-r-weight-regular {
         font-weight: var(--font-weight-regular);
     }
@@ -13319,23 +13250,8 @@
     .lg\:rt-r-weight-semibold {
         font-weight: var(--font-weight-semibold);
     }
-    .lg\:rt-r-weight-bold {
-        font-weight: var(--font-weight-bold);
-    }
-    .lg\:rt-r-weight-extrabold {
-        font-weight: var(--font-weight-extrabold);
-    }
 }
 @media (min-width: 1640px) {
-    .xl\:rt-r-weight-thin {
-        font-weight: var(--font-weight-thin);
-    }
-    .xl\:rt-r-weight-extralight {
-        font-weight: var(--font-weight-extralight);
-    }
-    .xl\:rt-r-weight-light {
-        font-weight: var(--font-weight-light);
-    }
     .xl\:rt-r-weight-regular {
         font-weight: var(--font-weight-regular);
     }
@@ -13345,12 +13261,6 @@
     .xl\:rt-r-weight-semibold {
         font-weight: var(--font-weight-semibold);
     }
-    .xl\:rt-r-weight-bold {
-        font-weight: var(--font-weight-bold);
-    }
-    .xl\:rt-r-weight-extrabold {
-        font-weight: var(--font-weight-extrabold);
-    }
 }
 .rt-r-lt-normal::before,
 .rt-r-lt-end::before,

package/dist/cjs/components/aspect-ratio.d.ts

@@ -1,4 +0,0 @@
-import { AspectRatio as AspectRatioPrimitive } from 'radix-ui';
-export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
-export type AspectRatioProps = AspectRatioPrimitive.AspectRatioProps;
-//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/cjs/components/aspect-ratio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/D,eAAO,MAAM,WAAW,kIAA4B,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC"}

package/dist/cjs/components/aspect-ratio.js

@@ -1,2 +0,0 @@
-"use strict";var e=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var A=(o,t)=>{for(var p in t)e(o,p,{get:t[p],enumerable:!0})},m=(o,t,p,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of c(t))!R.call(o,i)&&i!==p&&e(o,i,{get:()=>t[i],enumerable:!(s=a(t,i))||s.enumerable});return o};var P=o=>m(e({},"__esModule",{value:!0}),o);var x={};A(x,{AspectRatio:()=>v});module.exports=P(x);var r=require("radix-ui"),v=r.AspectRatio.Root;
-//# sourceMappingURL=aspect-ratio.js.map

package/dist/cjs/components/aspect-ratio.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/aspect-ratio.tsx"],
-  "sourcesContent": ["import { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\nexport const AspectRatio = AspectRatioPrimitive.Root;\nexport type AspectRatioProps = AspectRatioPrimitive.AspectRatioProps;\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoD,oBACvCF,EAAc,EAAAG,YAAqB",
-  "names": ["aspect_ratio_exports", "__export", "AspectRatio", "__toCommonJS", "import_radix_ui", "AspectRatioPrimitive"]
-}

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { badgePropDefs } from './badge.props.js';
-import type { MarginProps } from '../props/margin.props.js';
-import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
-import type { GetPropDefTypes } from '../props/prop-def.js';
-type BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;
-interface BadgeTooltipProps {
-    tooltip?: React.ReactNode;
-    tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
-    tooltipAlign?: 'start' | 'center' | 'end';
-    tooltipDelayDuration?: number;
-    tooltipDisableHoverableContent?: boolean;
-}
-interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, BadgeOwnProps, BadgeTooltipProps {
-}
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
-export { Badge };
-export type { BadgeProps };
-//# sourceMappingURL=badge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAG3D,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,UAAU,UACR,SAAQ,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,EACjD,WAAW,EACX,aAAa,EACb,iBAAiB;CAAG;AAExB,QAAA,MAAM,KAAK,oFAiDT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/badge.js

@@ -1,2 +0,0 @@
-"use strict";var We=Object.create;var G=Object.defineProperty;var Ee=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var Me=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var He=(e,t)=>{for(var o in t)G(e,o,{get:t[o],enumerable:!0})},pe=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Be(t))!Ie.call(e,s)&&s!==o&&G(e,s,{get:()=>t[s],enumerable:!(i=Ee(t,s))||i.enumerable});return e};var P=(e,t,o)=>(o=e!=null?We(Me(e)):{},pe(t||!e||!e.__esModule?G(o,"default",{value:e,enumerable:!0}):o,e)),$e=e=>pe(G({},"__esModule",{value:!0}),e);var ct={};He(ct,{Badge:()=>Oe});module.exports=$e(ct);var b=P(require("react")),je=P(require("classnames")),Ae=require("radix-ui");var S={asChild:{type:"boolean"}};var W=["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"],le=["auto","gray","mauve","slate","sage","olive","sand"],me={color:{type:"enum",values:W,default:void 0}};var fe={color:{type:"enum",values:W,default:"gray"}};var L=["none","small","medium","large","full"],ue={radius:{type:"enum",values:L,default:void 0}};var Ke=["1","2","3","4"],Ue=["raised","solid","soft","surface","outline","ghost"],ce={...S,size:{type:"enum",className:"rt-r-size",values:Ke,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Ue,default:"raised"},...fe,...ue};var ge=P(require("classnames"));var Le=[],qe=new Set;function _e(e){let t=Object.assign({},...e),o=[],i=[],s=new Set;for(let l in t){let n=t[l],p=n.values??Le,a={key:l,type:n.type,default:n.default,hasDefault:n.default!==void 0,responsive:"responsive"in n,className:n.className,customProperties:n.customProperties,parseValue:n.parseValue,values:p,valueSet:p.length>0?new Set(p):qe,enumValueSet:n.type==="enum"?new Set([n.default,...p]):void 0};n.className?(o.push(a),s.add(l)):(a.hasDefault||n.type==="enum")&&i.push(a)}return{styling:o,passthrough:i,stylingKeys:s}}var Ye={children:new WeakMap};function de(e){let t=Ye;for(let o=0;o<e.length;o++){let i=e[o],s=t.children.get(i);s===void 0&&(s={children:new WeakMap},t.children.set(i,s)),t=s}return t.compiled??(t.compiled=_e(e))}var Ze=["initial","xs","sm","md","lg","xl"],q=new Set(Ze);function _(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Je=new Set(["initial","xs","sm","md","lg","xl"]);function T(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Je.has(t))return!0;return!1}function E(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Pe({className:e,customProperties:t,...o}){let i=Y({allowArbitraryValues:!0,className:e,...o}),s=Qe({customProperties:t,...o});return[i,s]}function Y({allowArbitraryValues:e,value:t,className:o,propValues:i,propValueSet:s,parseValue:l=n=>n}){if(t){if(typeof t=="string")return E(i,s,t)?ye(o,t,l):e?o:void 0;if(T(t)){let n=t,p=[];for(let a in n){if(!_(n,a)||!q.has(a))continue;let r=n[a];if(r!==void 0){if(E(i,s,r)){let m=ye(o,r,l),c=a==="initial"?m:`${a}:${m}`;p.push(c)}else if(e){let m=a==="initial"?o:`${a}:${o}`;p.push(m)}}}return p.length>0?p.join(" "):""}if(e)return o}}function ye(e,t,o){let i=e?"-":"",s=o(t),l=s?.startsWith("-"),n=l?"-":"",p=l?s?.substring(1):s;return`${n}${e}${i}${p}`}function Qe({customProperties:e,value:t,propValues:o,propValueSet:i,parseValue:s=l=>l}){if(!t||typeof t=="string"&&E(o,i,t))return;let l;if(typeof t=="string"){let n=s(t);l={};for(let p of e)l[p]=n;return l}if(T(t)){let n=t;for(let p in n){if(!_(n,p)||!q.has(p))continue;let a=n[p];if(a===void 0||E(o,i,a))continue;let r=s(a);l??(l={});for(let m of e){let c=p==="initial"?m:`${m}-${p}`;l[c]=r}}}return l??{}}function Z(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Xe(e,t){let o=e.initial,i=!1;return t.hasDefault&&o===void 0&&(o=t.default,i=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,i=!0),i?{...e,initial:o}:e}function N(e,...t){let{styling:o,passthrough:i,stylingKeys:s}=de(t),l={};for(let a in e)s.has(a)||(l[a]=e[a]);for(let a=0;a<i.length;a++){let r=i[a],m=l[r.key];if(m===void 0){r.hasDefault&&(l[r.key]=r.default);continue}r.enumValueSet!==void 0&&!r.enumValueSet.has(m)&&!T(m)&&(l[r.key]=r.default)}let n,p=[];for(let a=0;a<o.length;a++){let r=o[a],m=e[r.key];if(m===void 0&&r.hasDefault&&(m=r.default),r.enumValueSet!==void 0&&!r.enumValueSet.has(m)&&!T(m)&&(m=r.default),!!m){if(T(m)){if(!r.responsive)continue;m=Xe(m,r)}if(r.type==="enum"){let c=Y({allowArbitraryValues:!1,value:m,className:r.className,propValues:r.values,propValueSet:r.valueSet,parseValue:r.parseValue});c&&p.push(c);continue}if(r.type==="string"||r.type==="enum | string"){let[c,y]=Pe({className:r.className,customProperties:r.customProperties,propValues:r.type==="string"?[]:r.values,propValueSet:r.type==="string"?void 0:r.valueSet,parseValue:r.parseValue,value:m});y&&(n=Z(n,y)),c&&p.push(c);continue}if(r.type==="boolean"){p.push(r.className);continue}}}return l.className=(0,ge.default)(p.length>0?p.join(" "):void 0,e.className),l.style=Z(n,e.style),l}var v=["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","bleed"],B={m:{type:"enum | string",values:v,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:v,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:v,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:v,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:v,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:v,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:v,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var g=P(require("react")),ke=P(require("classnames")),F=require("radix-ui");var R=P(require("react")),Se=require("radix-ui");var et=["loud","medium","quiet"],he={emphasis:{type:"enum",className:"rt-emphasis",values:et,default:void 0}};var tt=["normal","start","end","both"],De={trim:{type:"enum",className:"rt-r-lt",values:tt,responsive:!0}};var ot=["left","center","right"],Ce={align:{type:"enum",className:"rt-r-ta",values:ot,responsive:!0}};var rt=["wrap","nowrap","pretty","balance"],Te={wrap:{type:"enum",className:"rt-r-tw",values:rt,responsive:!0}};var ve={truncate:{type:"boolean",className:"rt-truncate"}};var nt=["sans","mono","serif"],Re={font:{type:"enum",className:"rt-r-ff",values:nt}};var st=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],xe={weight:{type:"enum",className:"rt-r-weight",values:st,responsive:!0}};var at=["span","div","label","p"],it=["0","1","2","3","4","5","6","7","8","9","10","11","12"],be={as:{type:"enum",values:at,default:"span"},...S,size:{type:"enum",className:"rt-r-size",values:it,responsive:!0},...Re,...xe,...Ce,...De,...ve,...Te,...me,...he};var pt={...be,...B},J=R.memo(R.forwardRef((e,t)=>{let{children:o,className:i,asChild:s,as:l="span",color:n,...p}=N(e,pt),a=i?`rt-Text ${i}`:"rt-Text";return s?R.createElement(Se.Slot.Root,{"data-accent-color":n,...p,ref:t,className:a},o):R.createElement(l,{"data-accent-color":n,...p,ref:t,className:a},o)}));J.displayName="Text";var f=P(require("react")),we=P(require("classnames")),x=require("radix-ui"),M=require("radix-ui/internal");function Ne(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Q=P(require("react")),lt="2",X=Q.createContext(lt);X.displayName="ThemeSizeContext";var ee=P(require("react"));function D(e){let[t,o]=ee.useState(e),[i,s]=ee.useState(e);return Object.is(e,i)||(s(e),o(e)),[t,o]}var mt=["inherit","light","dark"],Fe=["sans","mono","serif"],ft=["1","2","3","4"],u={...S,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:mt,default:"inherit"},accentColor:{type:"enum",values:W,default:"gray"},grayColor:{type:"enum",values:le,default:"gray"},radius:{type:"enum",values:L,default:"full"},fontFamily:{type:"enum",values:Fe,default:"sans"},headingFontFamily:{type:"enum",values:Fe},size:{type:"enum",values:ft,default:"2"}};var d=()=>{},Po={appearance:u.appearance.default,accentColor:u.accentColor.default,grayColor:u.grayColor.default,resolvedGrayColor:u.grayColor.default,radius:u.radius.default,fontFamily:u.fontFamily.default,headingFontFamily:void 0,size:u.size.default,onAppearanceChange:d,onAccentColorChange:d,onGrayColorChange:d,onRadiusChange:d,onFontFamilyChange:d,onHeadingFontFamilyChange:d,onSizeChange:d},te=f.createContext(void 0);var oe=f.forwardRef((e,t)=>{let o=f.useContext(te),i=x.Direction.useDirection();return o===void 0?f.createElement(x.Tooltip.Provider,{delayDuration:200},f.createElement(x.Direction.Provider,{dir:i},f.createElement(ze,{...e,ref:t}))):f.createElement(re,{...e,ref:t})});oe.displayName="Theme";var ze=f.forwardRef((e,t)=>{let{appearance:o=u.appearance.default,accentColor:i=u.accentColor.default,grayColor:s=u.grayColor.default,radius:l=u.radius.default,fontFamily:n=u.fontFamily.default,headingFontFamily:p,size:a=u.size.default,hasBackground:r=u.hasBackground.default,...m}=e,[c,y]=D(o),[h,C]=D(i),[V,k]=D(s),[j,A]=D(l),[O,w]=D(n),[H,z]=D(p),[$,K]=D(a);return f.createElement(re,{...m,ref:t,isRoot:!0,hasBackground:r,appearance:c,accentColor:h,grayColor:V,radius:j,fontFamily:O,headingFontFamily:H,size:$,onAppearanceChange:y,onAccentColorChange:C,onGrayColorChange:k,onRadiusChange:A,onFontFamilyChange:w,onHeadingFontFamilyChange:z,onSizeChange:K})});ze.displayName="ThemeRoot";function ut(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var re=f.forwardRef((e,t)=>{let o=f.useContext(te),{asChild:i,isRoot:s,hasBackground:l,appearance:n=e.appearance??o?.appearance??u.appearance.default,accentColor:p=e.accentColor??o?.accentColor??u.accentColor.default,grayColor:a=e.grayColor??o?.resolvedGrayColor??u.grayColor.default,radius:r=e.radius??o?.radius??u.radius.default,fontFamily:m=e.fontFamily??o?.fontFamily??u.fontFamily.default,headingFontFamily:c=e.headingFontFamily??o?.headingFontFamily,size:y=e.size??o?.size??u.size.default,onAppearanceChange:h=d,onAccentColorChange:C=d,onGrayColorChange:V=d,onRadiusChange:k=d,onFontFamilyChange:j=d,onHeadingFontFamilyChange:A=d,onSizeChange:O=d,...w}=e,H=i?x.Slot.Root:"div",z=a==="auto"?Ne(p):a,$=e.appearance==="light"||e.appearance==="dark",K=l===void 0?s||$:l,se=f.useRef(null),Ge=(0,M.useComposedRefs)(t,se),ae="data-os"in w;return(0,M.useLayoutEffect)(()=>{if(!s||ae)return;let U=se.current;if(!U)return;let ie=ut();if(ie)return U.setAttribute("data-os",ie),()=>U.removeAttribute("data-os")},[s,ae]),f.createElement(te.Provider,{value:f.useMemo(()=>({appearance:n,accentColor:p,grayColor:a,resolvedGrayColor:z,radius:r,fontFamily:m,headingFontFamily:c,size:y,onAppearanceChange:h,onAccentColorChange:C,onGrayColorChange:V,onRadiusChange:k,onFontFamilyChange:j,onHeadingFontFamilyChange:A,onSizeChange:O}),[n,p,a,z,r,m,c,y,h,C,V,k,j,A,O])},f.createElement(X.Provider,{value:y},f.createElement(H,{"data-is-root-theme":s?"true":"false","data-accent-color":p,"data-gray-color":z,"data-has-background":K?"true":"false","data-radius":r,"data-font-family":m,"data-heading-font-family":c,ref:Ge,...w,className:(0,we.default)("radix-themes",{light:n==="light",dark:n==="dark"},w.className)})))});re.displayName="ThemeImpl";var I={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 Ve={content:{type:"ReactNode",required:!0},width:I.width,minWidth:I.minWidth,maxWidth:{...I.maxWidth,default:"360px"}};var ne=g.forwardRef((e,t)=>{let{children:o,className:i,open:s,defaultOpen:l,onOpenChange:n,delayDuration:p,disableHoverableContent:a,content:r,container:m,forceMount:c,...y}=N(e,Ve),h={open:s,defaultOpen:l,onOpenChange:n,delayDuration:p,disableHoverableContent:a};return g.createElement(F.Tooltip.Root,{...h},g.createElement(F.Tooltip.Trigger,{asChild:!0},o),g.createElement(F.Tooltip.Portal,{container:m,forceMount:c},g.createElement(oe,{asChild:!0},g.createElement(F.Tooltip.Content,{sideOffset:4,collisionPadding:10,...y,asChild:!1,ref:t,className:(0,ke.default)("rt-TooltipContent",i)},g.createElement(J,{as:"p",className:"rt-TooltipText",size:"1"},r),g.createElement(F.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});ne.displayName="Tooltip";var Oe=b.forwardRef((e,t)=>{let{asChild:o,className:i,children:s,color:l,radius:n,tooltip:p,tooltipSide:a="top",tooltipAlign:r="center",tooltipDelayDuration:m,tooltipDisableHoverableContent:c,...y}=N(e,ce,B),h=b.useMemo(()=>o?Ae.Slot.Root:"span",[o]),C=b.createElement(h,{"data-accent-color":l,"data-radius":n,...y,ref:t,className:(0,je.default)("rt-reset","rt-Badge",i)},s);return p?b.createElement(ne,{content:p,side:a,align:r,delayDuration:m,disableHoverableContent:c},C):C});Oe.displayName="Badge";
-//# sourceMappingURL=badge.js.map