@frequencyads/components 0.1.7 → 0.1.8

package/dist/brand/BrandedAppName/BrandedAppName.d.ts

@@ -2,14 +2,10 @@ import { AnchorProps } from '@mantine/core';
 export interface BrandedAppNameProps extends Omit<AnchorProps, 'children'> {
     /** The app name to display (will be uppercased) */
     appName: string;
-    /** Whether to show just the circle mark or the full textmark */
-    variant?: 'circle' | 'textmark';
-    /** Height of the logo */
-    logoHeight?: number;
     /** Color of the app name text */
     textColor?: string;
     /** Link URL - the entire component becomes clickable */
     href?: string;
 }
-export declare function BrandedAppName({ appName, variant, logoHeight, textColor, href, ...anchorProps }: BrandedAppNameProps): import("react/jsx-runtime").JSX.Element;
+export declare function BrandedAppName({ appName, textColor, href, ...anchorProps }: BrandedAppNameProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BrandedAppName.d.ts.map

package/dist/brand/BrandedAppName/BrandedAppName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandedAppName.d.ts","sourceRoot":"","sources":["../../../src/brand/BrandedAppName/BrandedAppName.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAmBvB,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACxE,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAkB,EAClB,UAAe,EACf,SAAS,EACT,IAAU,EACV,GAAG,WAAW,EACf,EAAE,mBAAmB,2CAkDrB"}
+{"version":3,"file":"BrandedAppName.d.ts","sourceRoot":"","sources":["../../../src/brand/BrandedAppName/BrandedAppName.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAItF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACxE,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,SAAS,EACT,IAAU,EACV,GAAG,WAAW,EACf,EAAE,mBAAmB,2CAsBrB"}

package/dist/components.css

@@ -1 +1 @@
-._container_pj3iu_1{display:inline-block;text-decoration:none;cursor:pointer}._logo_pj3iu_7{flex-shrink:0}._divider_pj3iu_11{width:1px;flex-shrink:0}._appName_pj3iu_16{font-family:var(--heading-font-family);font-size:12px;font-weight:var(--heading-font-weight-semibold);letter-spacing:3.6px;line-height:16.8px;text-transform:uppercase}._root_6irix_1{opacity:0;transform:translateY(calc(2rem * var(--mantine-scale)));transition:opacity .7s ease-out,transform .7s ease-out}._visible_6irix_9{opacity:1;transform:translateY(0)}._root_1bo86_1{padding:120px 0;background-color:var(--mantine-color-body)}._label_1bo86_6{letter-spacing:.3em;font-family:Montserrat,sans-serif}._title_1bo86_11{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:-1px}._description_1bo86_17{font-family:"Source Sans 3",sans-serif;line-height:1.6}._logoCard_1bo86_22{overflow:hidden;border:1px solid var(--mantine-color-gray-2)}._root_dzed6_1{display:flex;flex-direction:column;gap:var(--mantine-spacing-md)}._dont_dzed6_7{background-color:var(--mantine-color-red-light);border:1px solid var(--mantine-color-red-outline)}._dontIcon_dzed6_12,._dontLabel_dzed6_13{color:var(--mantine-color-red-filled)}._do_dzed6_7{background-color:var(--mantine-color-green-light);border:1px solid var(--mantine-color-green-outline)}._doIcon_dzed6_22,._doLabel_dzed6_23{color:var(--mantine-color-green-filled)}._root_xi08i_1{overflow:hidden;background-color:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] ._root_xi08i_1{background-color:var(--mantine-color-dark-6)}._inner_xi08i_6{padding:var(--mantine-spacing-lg) var(--mantine-spacing-xl)}._root_1bah1_1{border-left:4px solid;background-color:var(--mantine-color-default)}._root_ioshc_1{border-left:4px solid;background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] ._root_ioshc_1{background-color:var(--mantine-color-dark-6)}._quoteIcon_ioshc_6{opacity:.3}._root_1r7u3_1{margin:32px 0}._chartWrapper_1r7u3_5{flex-shrink:0}._circle_1r7u3_9{transition:stroke .4s ease}._centerText_1r7u3_13{font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;fill:var(--mantine-color-text)}._toggle_1r7u3_20{height:36px;font-family:Montserrat,sans-serif;font-weight:600}._toggleTrack_1r7u3_26{width:32px;height:18px;border-radius:99px;position:relative;background:#bdbdbd;transition:background .3s ease}._toggleTrackDark_1r7u3_35{background:#169bde}._toggleThumb_1r7u3_39{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .3s ease;box-shadow:0 1px 3px #0003}._toggleThumbDark_1r7u3_51{left:16px}._swatch_1r7u3_55{width:12px;height:12px;border-radius:3px;flex-shrink:0;transition:all .3s ease}._root_1bq7s_1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:calc(12rem * var(--mantine-scale));pointer-events:none;opacity:.6}._svg_1bq7s_12{width:100%;height:100%}._root_1pkxe_1{position:relative;width:100%;cursor:pointer;overflow:hidden;border-radius:4px}._progressOverlay_1pkxe_9{position:absolute;top:0;left:0;height:100%;pointer-events:none;transition:width .1s linear;border-radius:4px}._bars_1pkxe_19{display:flex;align-items:center;height:100%;padding:4px;overflow:hidden}._bar_1pkxe_19{min-height:2px;border-radius:1px;transition:background-color .15s linear;flex-shrink:0}._loading_1pkxe_34{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;font-size:14px;color:#666;z-index:1;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._root_1vlvy_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}._video_1vlvy_9{width:100%;height:100%;object-fit:cover}._root_ix1b2_1{cursor:pointer}._toast_ix1b2_5{position:fixed;bottom:calc(1.5rem * var(--mantine-scale));left:50%;transform:translate(-50%);z-index:9999;animation:_toast-in_ix1b2_1 .2s ease-out}@keyframes _toast-in_ix1b2_1{0%{opacity:0;transform:translate(-50%) translateY(calc(.5rem * var(--mantine-scale)))}to{opacity:1;transform:translate(-50%) translateY(0)}}._root_3ht5s_1{margin-bottom:var(--mantine-spacing-lg)}._shade_3ht5s_5{cursor:pointer;text-align:center}._color_3ht5s_10{height:calc(3rem * var(--mantine-scale));border-radius:var(--mantine-radius-sm);transition:transform .15s ease}._color_3ht5s_10:hover{transform:scale(1.05)}._main_3ht5s_20{outline:2px solid var(--mantine-color-gray-4);outline-offset:2px}._root_1vxkx_1{overflow:hidden;cursor:pointer;transition:transform .15s ease}._root_1vxkx_1:hover{transform:translateY(calc(-.125rem * var(--mantine-scale)))}._preview_1vxkx_11{height:calc(8rem * var(--mantine-scale))}._info_1vxkx_15{padding:var(--mantine-spacing-sm)}._root_9li00_1{overflow:hidden;cursor:pointer;transition:transform .15s ease}._root_9li00_1:hover{transform:translateY(calc(-.125rem * var(--mantine-scale)))}._preview_9li00_11{height:calc(5rem * var(--mantine-scale))}._info_9li00_15{padding:var(--mantine-spacing-sm)}._toggle_1nlbe_1{height:36px;font-family:Montserrat,sans-serif;font-weight:600}._toggleTrack_1nlbe_7{width:32px;height:18px;border-radius:99px;position:relative;background:#bdbdbd;transition:background .3s ease}._toggleTrackDark_1nlbe_16{background:#169bde}._toggleThumb_1nlbe_20{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .3s ease;box-shadow:0 1px 3px #0003}._toggleThumbDark_1nlbe_32{left:16px}._card_1nlbe_36{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:transform .2s ease;background:var(--mantine-color-body)}._card_1nlbe_36:hover{transform:translateY(-4px)}._preview_1nlbe_49{height:128px;display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0;transition:background-color .3s ease}._sampleText_1nlbe_58{font-size:32px;font-weight:700;font-family:"Source Sans 3",sans-serif;transition:color .3s ease}._details_1nlbe_65{border:1px solid var(--mantine-color-default-border);border-top:none;border-radius:0 0 12px 12px}._root_n9zxy_1{width:100%;padding:12px 16px;background-color:var(--mantine-color-default);border-radius:var(--mantine-radius-sm)}._playButton_n9zxy_8{flex-shrink:0;transition:transform .2s ease;box-shadow:0 2px 4px #0003}._playButton_n9zxy_8:hover{transform:scale(1.05)}._playButton_n9zxy_8:active{transform:scale(.95)}._time_n9zxy_22{flex-shrink:0;min-width:40px;white-space:nowrap}._volumeGroup_n9zxy_28{flex-shrink:0}._root_13w21_1{padding:4px 8px;border-radius:4px;background-color:var(--mantine-color-default);border:1px solid var(--mantine-color-default-border);width:fit-content;min-width:120px;max-width:300px}._playButton_13w21_11{transition:transform .2s ease}._playButton_13w21_11:hover{transform:scale(1.05)}._playButton_13w21_11:active{transform:scale(.95)}._root_4fblk_1{display:inline-flex;flex-direction:column;align-items:center;gap:12px}._root_4fblk_1[data-direction=down]{flex-direction:column-reverse}._root_4fblk_1[data-direction=left],._root_4fblk_1[data-direction=right]{flex-direction:row;gap:12px}._root_4fblk_1[data-direction=left]{flex-direction:row-reverse}._actions_4fblk_22{display:flex;flex-direction:column;align-items:center;gap:8px}._actions_4fblk_22[data-direction=down]{flex-direction:column-reverse}._actions_4fblk_22[data-direction=left],._actions_4fblk_22[data-direction=right]{flex-direction:row;gap:8px}._actions_4fblk_22[data-direction=left]{flex-direction:row-reverse}._fab_4fblk_43{box-shadow:var(--mantine-shadow-md);transition:transform .2s ease,box-shadow .2s ease}._fab_4fblk_43:hover{box-shadow:var(--mantine-shadow-lg);transform:scale(1.05)}._fab_4fblk_43[data-open]{transform:rotate(45deg)}._fab_4fblk_43[data-open]:hover{transform:rotate(45deg) scale(1.05)}._actionButton_4fblk_63{box-shadow:var(--mantine-shadow-sm);transition:transform .15s ease}._actionButton_4fblk_63:hover{transform:scale(1.1)}._root_h15rs_1{position:relative;min-height:100vh;overflow:hidden;background-color:#121212}._content_h15rs_8{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mantine-spacing-xl);text-align:center}._label_h15rs_21{position:relative;z-index:20;font-family:Montserrat,sans-serif;font-size:calc(.6875rem * var(--mantine-scale));font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:#fff6;margin-bottom:calc(3rem * var(--mantine-scale))}@media(min-width:48em){._label_h15rs_21{font-size:calc(.75rem * var(--mantine-scale))}}._vignette_h15rs_38{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(35rem * var(--mantine-scale));height:calc(35rem * var(--mantine-scale));background:radial-gradient(circle,#121212 0%,#121212 30%,transparent 65%);pointer-events:none;z-index:1}._logoWrapper_h15rs_51{position:relative;margin-bottom:calc(2.5rem * var(--mantine-scale))}._logo_h15rs_51{position:relative;z-index:10;width:calc(10rem * var(--mantine-scale));height:calc(10rem * var(--mantine-scale));object-fit:contain}@media(min-width:48em){._logo_h15rs_51{width:calc(14rem * var(--mantine-scale));height:calc(14rem * var(--mantine-scale))}}@media(min-width:75em){._logo_h15rs_51{width:calc(18rem * var(--mantine-scale));height:calc(18rem * var(--mantine-scale))}}._glow_h15rs_74{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;filter:blur(calc(3rem * var(--mantine-scale)));opacity:.3;background:radial-gradient(circle,#169bde 0%,#7e57c2 50%,transparent 70%);transform:scale(1.5);pointer-events:none}._textWrapper_h15rs_86{position:relative;margin-bottom:calc(2.5rem * var(--mantine-scale))}._heading_h15rs_92{position:relative;z-index:2;color:transparent;background-clip:text;-webkit-background-clip:text;font-size:calc(3rem * var(--mantine-scale));font-family:Montserrat,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-2px;text-transform:uppercase}@media(min-width:48em){._heading_h15rs_92{font-size:calc(4rem * var(--mantine-scale))}}@media(min-width:75em){._heading_h15rs_92{font-size:calc(6rem * var(--mantine-scale))}}@keyframes _shimmer_h15rs_126{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}._shimmer_h15rs_126{animation:_shimmer_h15rs_126 6s ease-in-out infinite}._tagline_h15rs_130{position:relative;z-index:20;color:#fff9;font-size:calc(1.125rem * var(--mantine-scale));font-family:"Source Sans 3",Source Sans Pro,sans-serif;font-weight:400;max-width:calc(50rem * var(--mantine-scale));margin-bottom:calc(3.5rem * var(--mantine-scale));line-height:1.5}@media(min-width:48em){._tagline_h15rs_130{font-size:calc(1.375rem * var(--mantine-scale))}}._primaryButton_h15rs_146{font-family:Montserrat,sans-serif;font-weight:700;font-size:calc(.9375rem * var(--mantine-scale));border:none;background-color:#169bde;color:#fff;padding:0 calc(1.75rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))}._secondaryButton_h15rs_157{font-family:Montserrat,sans-serif;font-weight:700;font-size:calc(.9375rem * var(--mantine-scale));border-color:#fff3;color:#fff;background-color:transparent;padding:0 calc(1.75rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))}._secondaryButton_h15rs_157:hover{background-color:#ffffff0d}._scrollIndicator_h15rs_173{position:absolute;bottom:calc(3rem * var(--mantine-scale));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(1rem * var(--mantine-scale))}._scrollLabel_h15rs_184{font-family:Montserrat,sans-serif;font-size:calc(.625rem * var(--mantine-scale));text-transform:uppercase;letter-spacing:.3em;color:#fff3}._scrollLine_h15rs_192{width:1px;height:calc(2rem * var(--mantine-scale));background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent)}._container_9xj91_1{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:var(--mantine-spacing-xl);padding-right:var(--mantine-spacing-xl)}@media(min-width:48em){._container_9xj91_1{padding-left:calc(var(--mantine-spacing-xl) * 1.5);padding-right:calc(var(--mantine-spacing-xl) * 1.5)}}._layout_9xj91_16{display:flex;flex-direction:column;gap:var(--mantine-spacing-xl)}@media(min-width:62em){._layout_9xj91_16{flex-direction:row;gap:calc(var(--mantine-spacing-xl) * 2)}}._reversed_9xj91_29{flex-direction:column}@media(min-width:62em){._reversed_9xj91_29{flex-direction:row-reverse}}._headingSide_9xj91_39{flex-shrink:0}@media(min-width:62em){._headingSide_9xj91_39{width:45%}}@media(min-width:62em){._sticky_9xj91_49 ._stickyInner_9xj91_54{position:sticky;top:50%;transform:translateY(-50%)}}._contentSide_9xj91_65{flex:1;min-width:0}@media(min-width:62em){._contentSide_9xj91_65{padding-left:var(--mantine-spacing-lg)}}._title_9xj91_76{text-transform:uppercase;line-height:1.1;letter-spacing:-.02em}._preTitle_9xj91_82{display:block;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}._titleHighlight_9xj91_88{display:block;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;letter-spacing:-.02em}._description_9xj91_95{max-width:36rem}._root_ujac8_1{margin:var(--mantine-spacing-lg) 0}._textarea_ujac8_5{width:100%;padding:var(--mantine-spacing-md);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--mantine-font-size-sm);background-color:var(--mantine-color-dark-9);color:var(--mantine-color-gray-1);border:1px solid var(--mantine-color-dark-6);border-radius:var(--mantine-radius-md);resize:none}._textarea_ujac8_5:focus{outline:none;border-color:var(--mantine-color-blue-5)}
+._container_4mojd_1{display:inline-block;text-decoration:none;cursor:pointer}._appName_4mojd_7{font-family:var(--heading-font-family);font-size:12px;font-weight:var(--heading-font-weight-semibold);letter-spacing:3.6px;line-height:16.8px;text-transform:uppercase}._root_6irix_1{opacity:0;transform:translateY(calc(2rem * var(--mantine-scale)));transition:opacity .7s ease-out,transform .7s ease-out}._visible_6irix_9{opacity:1;transform:translateY(0)}._root_1bo86_1{padding:120px 0;background-color:var(--mantine-color-body)}._label_1bo86_6{letter-spacing:.3em;font-family:Montserrat,sans-serif}._title_1bo86_11{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:-1px}._description_1bo86_17{font-family:"Source Sans 3",sans-serif;line-height:1.6}._logoCard_1bo86_22{overflow:hidden;border:1px solid var(--mantine-color-gray-2)}._root_dzed6_1{display:flex;flex-direction:column;gap:var(--mantine-spacing-md)}._dont_dzed6_7{background-color:var(--mantine-color-red-light);border:1px solid var(--mantine-color-red-outline)}._dontIcon_dzed6_12,._dontLabel_dzed6_13{color:var(--mantine-color-red-filled)}._do_dzed6_7{background-color:var(--mantine-color-green-light);border:1px solid var(--mantine-color-green-outline)}._doIcon_dzed6_22,._doLabel_dzed6_23{color:var(--mantine-color-green-filled)}._root_xi08i_1{overflow:hidden;background-color:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] ._root_xi08i_1{background-color:var(--mantine-color-dark-6)}._inner_xi08i_6{padding:var(--mantine-spacing-lg) var(--mantine-spacing-xl)}._root_1bah1_1{border-left:4px solid;background-color:var(--mantine-color-default)}._root_ioshc_1{border-left:4px solid;background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] ._root_ioshc_1{background-color:var(--mantine-color-dark-6)}._quoteIcon_ioshc_6{opacity:.3}._root_1r7u3_1{margin:32px 0}._chartWrapper_1r7u3_5{flex-shrink:0}._circle_1r7u3_9{transition:stroke .4s ease}._centerText_1r7u3_13{font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;fill:var(--mantine-color-text)}._toggle_1r7u3_20{height:36px;font-family:Montserrat,sans-serif;font-weight:600}._toggleTrack_1r7u3_26{width:32px;height:18px;border-radius:99px;position:relative;background:#bdbdbd;transition:background .3s ease}._toggleTrackDark_1r7u3_35{background:#169bde}._toggleThumb_1r7u3_39{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .3s ease;box-shadow:0 1px 3px #0003}._toggleThumbDark_1r7u3_51{left:16px}._swatch_1r7u3_55{width:12px;height:12px;border-radius:3px;flex-shrink:0;transition:all .3s ease}._root_1bq7s_1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:calc(12rem * var(--mantine-scale));pointer-events:none;opacity:.6}._svg_1bq7s_12{width:100%;height:100%}._root_1pkxe_1{position:relative;width:100%;cursor:pointer;overflow:hidden;border-radius:4px}._progressOverlay_1pkxe_9{position:absolute;top:0;left:0;height:100%;pointer-events:none;transition:width .1s linear;border-radius:4px}._bars_1pkxe_19{display:flex;align-items:center;height:100%;padding:4px;overflow:hidden}._bar_1pkxe_19{min-height:2px;border-radius:1px;transition:background-color .15s linear;flex-shrink:0}._loading_1pkxe_34{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;font-size:14px;color:#666;z-index:1;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._root_1vlvy_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}._video_1vlvy_9{width:100%;height:100%;object-fit:cover}._root_ix1b2_1{cursor:pointer}._toast_ix1b2_5{position:fixed;bottom:calc(1.5rem * var(--mantine-scale));left:50%;transform:translate(-50%);z-index:9999;animation:_toast-in_ix1b2_1 .2s ease-out}@keyframes _toast-in_ix1b2_1{0%{opacity:0;transform:translate(-50%) translateY(calc(.5rem * var(--mantine-scale)))}to{opacity:1;transform:translate(-50%) translateY(0)}}._root_3ht5s_1{margin-bottom:var(--mantine-spacing-lg)}._shade_3ht5s_5{cursor:pointer;text-align:center}._color_3ht5s_10{height:calc(3rem * var(--mantine-scale));border-radius:var(--mantine-radius-sm);transition:transform .15s ease}._color_3ht5s_10:hover{transform:scale(1.05)}._main_3ht5s_20{outline:2px solid var(--mantine-color-gray-4);outline-offset:2px}._root_1vxkx_1{overflow:hidden;cursor:pointer;transition:transform .15s ease}._root_1vxkx_1:hover{transform:translateY(calc(-.125rem * var(--mantine-scale)))}._preview_1vxkx_11{height:calc(8rem * var(--mantine-scale))}._info_1vxkx_15{padding:var(--mantine-spacing-sm)}._root_9li00_1{overflow:hidden;cursor:pointer;transition:transform .15s ease}._root_9li00_1:hover{transform:translateY(calc(-.125rem * var(--mantine-scale)))}._preview_9li00_11{height:calc(5rem * var(--mantine-scale))}._info_9li00_15{padding:var(--mantine-spacing-sm)}._toggle_1nlbe_1{height:36px;font-family:Montserrat,sans-serif;font-weight:600}._toggleTrack_1nlbe_7{width:32px;height:18px;border-radius:99px;position:relative;background:#bdbdbd;transition:background .3s ease}._toggleTrackDark_1nlbe_16{background:#169bde}._toggleThumb_1nlbe_20{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .3s ease;box-shadow:0 1px 3px #0003}._toggleThumbDark_1nlbe_32{left:16px}._card_1nlbe_36{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:transform .2s ease;background:var(--mantine-color-body)}._card_1nlbe_36:hover{transform:translateY(-4px)}._preview_1nlbe_49{height:128px;display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0;transition:background-color .3s ease}._sampleText_1nlbe_58{font-size:32px;font-weight:700;font-family:"Source Sans 3",sans-serif;transition:color .3s ease}._details_1nlbe_65{border:1px solid var(--mantine-color-default-border);border-top:none;border-radius:0 0 12px 12px}._root_n9zxy_1{width:100%;padding:12px 16px;background-color:var(--mantine-color-default);border-radius:var(--mantine-radius-sm)}._playButton_n9zxy_8{flex-shrink:0;transition:transform .2s ease;box-shadow:0 2px 4px #0003}._playButton_n9zxy_8:hover{transform:scale(1.05)}._playButton_n9zxy_8:active{transform:scale(.95)}._time_n9zxy_22{flex-shrink:0;min-width:40px;white-space:nowrap}._volumeGroup_n9zxy_28{flex-shrink:0}._root_13w21_1{padding:4px 8px;border-radius:4px;background-color:var(--mantine-color-default);border:1px solid var(--mantine-color-default-border);width:fit-content;min-width:120px;max-width:300px}._playButton_13w21_11{transition:transform .2s ease}._playButton_13w21_11:hover{transform:scale(1.05)}._playButton_13w21_11:active{transform:scale(.95)}._root_4fblk_1{display:inline-flex;flex-direction:column;align-items:center;gap:12px}._root_4fblk_1[data-direction=down]{flex-direction:column-reverse}._root_4fblk_1[data-direction=left],._root_4fblk_1[data-direction=right]{flex-direction:row;gap:12px}._root_4fblk_1[data-direction=left]{flex-direction:row-reverse}._actions_4fblk_22{display:flex;flex-direction:column;align-items:center;gap:8px}._actions_4fblk_22[data-direction=down]{flex-direction:column-reverse}._actions_4fblk_22[data-direction=left],._actions_4fblk_22[data-direction=right]{flex-direction:row;gap:8px}._actions_4fblk_22[data-direction=left]{flex-direction:row-reverse}._fab_4fblk_43{box-shadow:var(--mantine-shadow-md);transition:transform .2s ease,box-shadow .2s ease}._fab_4fblk_43:hover{box-shadow:var(--mantine-shadow-lg);transform:scale(1.05)}._fab_4fblk_43[data-open]{transform:rotate(45deg)}._fab_4fblk_43[data-open]:hover{transform:rotate(45deg) scale(1.05)}._actionButton_4fblk_63{box-shadow:var(--mantine-shadow-sm);transition:transform .15s ease}._actionButton_4fblk_63:hover{transform:scale(1.1)}._root_h15rs_1{position:relative;min-height:100vh;overflow:hidden;background-color:#121212}._content_h15rs_8{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mantine-spacing-xl);text-align:center}._label_h15rs_21{position:relative;z-index:20;font-family:Montserrat,sans-serif;font-size:calc(.6875rem * var(--mantine-scale));font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:#fff6;margin-bottom:calc(3rem * var(--mantine-scale))}@media(min-width:48em){._label_h15rs_21{font-size:calc(.75rem * var(--mantine-scale))}}._vignette_h15rs_38{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(35rem * var(--mantine-scale));height:calc(35rem * var(--mantine-scale));background:radial-gradient(circle,#121212 0%,#121212 30%,transparent 65%);pointer-events:none;z-index:1}._logoWrapper_h15rs_51{position:relative;margin-bottom:calc(2.5rem * var(--mantine-scale))}._logo_h15rs_51{position:relative;z-index:10;width:calc(10rem * var(--mantine-scale));height:calc(10rem * var(--mantine-scale));object-fit:contain}@media(min-width:48em){._logo_h15rs_51{width:calc(14rem * var(--mantine-scale));height:calc(14rem * var(--mantine-scale))}}@media(min-width:75em){._logo_h15rs_51{width:calc(18rem * var(--mantine-scale));height:calc(18rem * var(--mantine-scale))}}._glow_h15rs_74{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;filter:blur(calc(3rem * var(--mantine-scale)));opacity:.3;background:radial-gradient(circle,#169bde 0%,#7e57c2 50%,transparent 70%);transform:scale(1.5);pointer-events:none}._textWrapper_h15rs_86{position:relative;margin-bottom:calc(2.5rem * var(--mantine-scale))}._heading_h15rs_92{position:relative;z-index:2;color:transparent;background-clip:text;-webkit-background-clip:text;font-size:calc(3rem * var(--mantine-scale));font-family:Montserrat,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-2px;text-transform:uppercase}@media(min-width:48em){._heading_h15rs_92{font-size:calc(4rem * var(--mantine-scale))}}@media(min-width:75em){._heading_h15rs_92{font-size:calc(6rem * var(--mantine-scale))}}@keyframes _shimmer_h15rs_126{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}._shimmer_h15rs_126{animation:_shimmer_h15rs_126 6s ease-in-out infinite}._tagline_h15rs_130{position:relative;z-index:20;color:#fff9;font-size:calc(1.125rem * var(--mantine-scale));font-family:"Source Sans 3",Source Sans Pro,sans-serif;font-weight:400;max-width:calc(50rem * var(--mantine-scale));margin-bottom:calc(3.5rem * var(--mantine-scale));line-height:1.5}@media(min-width:48em){._tagline_h15rs_130{font-size:calc(1.375rem * var(--mantine-scale))}}._primaryButton_h15rs_146{font-family:Montserrat,sans-serif;font-weight:700;font-size:calc(.9375rem * var(--mantine-scale));border:none;background-color:#169bde;color:#fff;padding:0 calc(1.75rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))}._secondaryButton_h15rs_157{font-family:Montserrat,sans-serif;font-weight:700;font-size:calc(.9375rem * var(--mantine-scale));border-color:#fff3;color:#fff;background-color:transparent;padding:0 calc(1.75rem * var(--mantine-scale));height:calc(3.125rem * var(--mantine-scale))}._secondaryButton_h15rs_157:hover{background-color:#ffffff0d}._scrollIndicator_h15rs_173{position:absolute;bottom:calc(3rem * var(--mantine-scale));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(1rem * var(--mantine-scale))}._scrollLabel_h15rs_184{font-family:Montserrat,sans-serif;font-size:calc(.625rem * var(--mantine-scale));text-transform:uppercase;letter-spacing:.3em;color:#fff3}._scrollLine_h15rs_192{width:1px;height:calc(2rem * var(--mantine-scale));background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent)}._container_9xj91_1{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:var(--mantine-spacing-xl);padding-right:var(--mantine-spacing-xl)}@media(min-width:48em){._container_9xj91_1{padding-left:calc(var(--mantine-spacing-xl) * 1.5);padding-right:calc(var(--mantine-spacing-xl) * 1.5)}}._layout_9xj91_16{display:flex;flex-direction:column;gap:var(--mantine-spacing-xl)}@media(min-width:62em){._layout_9xj91_16{flex-direction:row;gap:calc(var(--mantine-spacing-xl) * 2)}}._reversed_9xj91_29{flex-direction:column}@media(min-width:62em){._reversed_9xj91_29{flex-direction:row-reverse}}._headingSide_9xj91_39{flex-shrink:0}@media(min-width:62em){._headingSide_9xj91_39{width:45%}}@media(min-width:62em){._sticky_9xj91_49 ._stickyInner_9xj91_54{position:sticky;top:50%;transform:translateY(-50%)}}._contentSide_9xj91_65{flex:1;min-width:0}@media(min-width:62em){._contentSide_9xj91_65{padding-left:var(--mantine-spacing-lg)}}._title_9xj91_76{text-transform:uppercase;line-height:1.1;letter-spacing:-.02em}._preTitle_9xj91_82{display:block;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}._titleHighlight_9xj91_88{display:block;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;letter-spacing:-.02em}._description_9xj91_95{max-width:36rem}._root_ujac8_1{margin:var(--mantine-spacing-lg) 0}._textarea_ujac8_5{width:100%;padding:var(--mantine-spacing-md);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--mantine-font-size-sm);background-color:var(--mantine-color-dark-9);color:var(--mantine-color-gray-1);border:1px solid var(--mantine-color-dark-6);border-radius:var(--mantine-radius-md);resize:none}._textarea_ujac8_5:focus{outline:none;border-color:var(--mantine-color-blue-5)}

package/dist/index.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mantine/core"),e=require("react/jsx-runtime"),q=require("@frequencyads/brand/logos"),ce=require("@frequencyads/brand/typography"),Te=require("@frequencyads/brand/assets/frequency-mark.svg?url"),we=require("@frequencyads/brand/assets/frequency-mark-white.svg?url"),Ce=require("@frequencyads/brand/assets/frequency-textmark.png"),Ne=require("@frequencyads/brand/assets/frequency-textmark-white.png"),c=require("react"),$=require("@tabler/icons-react"),I=require("framer-motion"),Se=require("@frequencyads/brand/assets/frequency-mark-white.svg"),Ie=require("@frequencyads/brand/colors"),Be="_container_pj3iu_1",$e="_logo_pj3iu_7",Me="_divider_pj3iu_11",ze="_appName_pj3iu_16",ee={container:Be,logo:$e,divider:Me,appName:ze},de={[q.mark.svg]:Te,[q.markWhite.svg]:we,[q.textmark.png]:Ce,[q.textmarkWhite.png]:Ne};function Pe({appName:s,variant:r="circle",logoHeight:n=28,textColor:a,href:i="/",...x}){const{colorScheme:b}=t.useMantineColorScheme(),g=b==="dark",m=(()=>{if(r==="circle"){const f=g?q.markWhite.svg:q.mark.svg;return de[f]}const l=g?q.textmarkWhite.png:q.textmark.png;return de[l]})(),h=g?"dark.0":"gray.9",y=g?"dark.3":"gray.3";return e.jsx(t.Anchor,{href:i,className:ee.container,underline:"never",style:{"--heading-font-family":ce.fonts.heading.family,"--heading-font-weight-semibold":ce.fonts.heading.weights.semibold},...x,children:e.jsxs(t.Group,{gap:"md",wrap:"nowrap",children:[e.jsx(t.Image,{src:m,alt:"Frequency",h:n,w:"auto",className:ee.logo}),e.jsx(t.Box,{className:ee.divider,bg:y,style:{height:n}}),e.jsx(t.Text,{className:ee.appName,c:a??h,children:s})]})})}const De="_root_6irix_1",Le="_visible_6irix_9",ue={root:De,visible:Le};function Y({children:s,delay:r=0,threshold:n=.1,className:a,...i}){const x=c.useRef(null),[b,g]=c.useState(!1);return c.useEffect(()=>{const p=x.current;if(!p)return;const m=new IntersectionObserver(([h])=>{h.isIntersecting&&(r>0?setTimeout(()=>g(!0),r):g(!0))},{threshold:n});return m.observe(p),()=>m.disconnect()},[r,n]),e.jsx(t.Box,{ref:x,className:`${ue.root} ${b?ue.visible:""} ${a??""}`,...i,children:s})}const Ee="_root_1bo86_1",Ge="_label_1bo86_6",We="_title_1bo86_11",Fe="_description_1bo86_17",Ae="_logoCard_1bo86_22",V={root:Ee,label:Ge,title:We,description:Fe,logoCard:Ae};function qe({title:s="Our Logos",label:r="Identity",description:n="The Frequency identity comes in two forms — the horizontal textmark for standard use and the circular brand mark for compact spaces and hero moments."}){return e.jsx("section",{className:V.root,children:e.jsxs(t.Container,{size:"xl",children:[e.jsxs(Y,{children:[e.jsx(t.Text,{className:V.label,size:"xs",tt:"uppercase",c:"blue.5",mb:"xs",children:r}),e.jsx(t.Title,{order:2,className:V.title,mb:"lg",children:s}),e.jsx(t.Text,{className:V.description,size:"lg",c:"gray.6",mb:60,maw:600,children:n})]}),e.jsxs(t.SimpleGrid,{cols:{base:1,lg:2},spacing:32,mb:48,children:[e.jsx(Y,{delay:100,children:e.jsx(t.Card,{padding:0,radius:"lg",className:V.logoCard,children:e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Group,{justify:"center",align:"center",bg:"white",h:240,children:e.jsx(t.Image,{src:"/images/Frequency_logo-light.png",alt:"Frequency textmark on light",h:48,fit:"contain"})}),e.jsx(t.Group,{justify:"center",align:"center",bg:"gray.9",h:240,children:e.jsx(t.Image,{src:"/images/Frequency_logo-dark.png",alt:"Frequency textmark on dark",h:48,fit:"contain"})}),e.jsx(t.Box,{p:"md",bg:"gray.1",children:e.jsx(t.Text,{size:"sm",c:"gray.6",fw:600,ff:"Montserrat, sans-serif",children:"Primary Textmark"})})]})})}),e.jsx(Y,{delay:200,children:e.jsx(t.Card,{padding:0,radius:"lg",className:V.logoCard,children:e.jsxs(t.Stack,{gap:0,children:[e.jsxs(t.SimpleGrid,{cols:3,children:[e.jsx(t.Group,{justify:"center",align:"center",bg:"white",style:{aspectRatio:"1/1"},children:e.jsx(t.Image,{src:"/images/new-frequency-logo.png",alt:"Brand mark on light",w:80,h:80,fit:"contain"})}),e.jsx(t.Group,{justify:"center",align:"center",bg:"gray.9",style:{aspectRatio:"1/1"},children:e.jsx(t.Image,{src:"/images/frequency-mark-white.svg",alt:"Brand mark on dark",w:80,h:80,fit:"contain"})}),e.jsx(t.Group,{justify:"center",align:"center",style:{aspectRatio:"1/1",background:"linear-gradient(135deg, #169BDE 0%, #7E57C2 100%)"},children:e.jsx(t.Image,{src:"/images/frequency-mark-white.svg",alt:"Brand mark on gradient",w:80,h:80,fit:"contain"})})]}),e.jsx(t.Box,{p:"md",bg:"gray.1",children:e.jsx(t.Text,{size:"sm",c:"gray.6",fw:600,ff:"Montserrat, sans-serif",children:"Circular Brand Mark"})})]})})})]}),e.jsx(Y,{delay:300,children:e.jsxs(t.Anchor,{href:"/logos",fw:600,c:"blue.5",underline:"hover",style:{display:"flex",alignItems:"center",gap:8},children:["View all logo variants and usage rules",e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"})})]})})]})})}const Re="_root_dzed6_1",Oe="_dont_dzed6_7",He="_dontIcon_dzed6_12",Ve="_dontLabel_dzed6_13",Ue="_doIcon_dzed6_22",Ke="_doLabel_dzed6_23",R={root:Re,dont:Oe,dontIcon:He,dontLabel:Ve,do:"_do_dzed6_7",doIcon:Ue,doLabel:Ke};function Xe({items:s}){return e.jsx("div",{className:R.root,children:s.map((r,n)=>e.jsxs(t.SimpleGrid,{cols:{base:1,sm:2},spacing:"md",children:[e.jsxs(t.Paper,{className:R.dont,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx($.IconX,{size:16,className:R.dontIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:R.dontLabel,children:"Don't"})]}),e.jsx(t.Text,{size:"sm",children:r.dont})]}),e.jsxs(t.Paper,{className:R.do,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx($.IconCheck,{size:16,className:R.doIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:R.doLabel,children:"Do"})]}),e.jsx(t.Text,{size:"sm",children:r.do})]})]},n))})}const Ye="_root_xi08i_1",Je="_inner_xi08i_6",me={root:Ye,inner:Je};function Qe({title:s,description:r,expandedContent:n,icon:a,color:i="blue",iconSize:x="lg",collapsedHeight:b=120,threshold:g=.5,delay:p=300,expanded:m,onExpandedChange:h}){const y=c.useRef(null),[l,f]=c.useState(!1),d=m!==void 0,u=d?m:l;return c.useEffect(()=>{if(d)return;const v=y.current;if(!v)return;const o=new IntersectionObserver(([j])=>{j.isIntersecting&&setTimeout(()=>{f(!0),h==null||h(!0)},p)},{threshold:g});return o.observe(v),()=>o.disconnect()},[d,g,p,h]),e.jsx(t.Paper,{ref:y,radius:4,className:me.root,component:I.motion.div,animate:{height:u?"auto":b},transition:{duration:.5,ease:"easeOut"},children:e.jsx("div",{className:me.inner,children:e.jsxs(t.Group,{align:"flex-start",justify:"space-between",gap:"lg",wrap:"nowrap",children:[e.jsxs(t.Stack,{gap:"xs",style:{flex:1},children:[e.jsx(t.Text,{fw:700,size:"xl",lh:1.3,children:s}),e.jsx(t.Text,{size:"md",c:"dimmed",children:r}),e.jsx(I.motion.div,{initial:{opacity:0,height:0},animate:{opacity:u?1:0,height:u?"auto":0},transition:{duration:.4,delay:.2},style:{overflow:"hidden"},children:typeof n=="string"?e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"sm",children:n}):n})]}),e.jsx(I.motion.div,{animate:{scale:u?1.1:1},transition:{duration:.3},children:e.jsx(t.ThemeIcon,{size:x,radius:4,color:i,variant:"filled",children:e.jsx(a,{size:20,stroke:1.5})})})]})})})}function ie({variant:s,children:r}){const n=s==="do";return e.jsxs(t.Badge,{variant:"light",color:n?"green":"red",size:"lg",radius:"sm",styles:{root:{textTransform:"none",fontWeight:400},label:{whiteSpace:"normal",lineHeight:1.4}},children:[e.jsxs("strong",{children:[n?"Do":"Don't",":"]})," ",r]})}const Ze="_root_1bah1_1",et={root:Ze};function tt({accentColor:s,title:r,description:n,doHint:a,dontHint:i}){return e.jsxs(t.Paper,{className:et.root,p:"lg",radius:"md",style:{borderLeftColor:s},children:[e.jsx(t.Title,{order:3,size:"h4",mb:"xs",children:r}),e.jsx(t.Text,{c:"dimmed",children:n}),(a||i)&&e.jsxs(t.Group,{gap:"sm",mt:"md",wrap:"wrap",children:[a&&e.jsx(ie,{variant:"do",children:a}),i&&e.jsx(ie,{variant:"dont",children:i})]})]})}const st="_root_ioshc_1",ot="_quoteIcon_ioshc_6",he={root:st,quoteIcon:ot};function rt(s){return s.split(" ").map(r=>r[0]).join("").toUpperCase().slice(0,2)}function nt({quote:s,name:r,role:n,company:a,avatarSrc:i,accentColor:x="blue"}){const b=`var(--mantine-color-${x}-filled)`;return e.jsxs(t.Paper,{className:he.root,p:"lg",radius:"md",style:{borderLeftColor:b},children:[e.jsx($.IconQuote,{size:32,className:he.quoteIcon,color:b}),e.jsx(t.Text,{fs:"italic",mt:"xs",mb:"md",children:s}),e.jsxs(t.Group,{gap:"sm",children:[e.jsx(t.Avatar,{src:i,alt:r,color:x,radius:"xl",size:"md",children:rt(r)}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fw:600,size:"sm",children:r}),(n||a)&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:[n,a].filter(Boolean).join(", ")})]})]})]})}const at="_root_1r7u3_1",it="_chartWrapper_1r7u3_5",lt="_circle_1r7u3_9",ct="_centerText_1r7u3_13",dt="_toggle_1r7u3_20",ut="_toggleTrack_1r7u3_26",mt="_toggleTrackDark_1r7u3_35",ht="_toggleThumb_1r7u3_39",xt="_toggleThumbDark_1r7u3_51",gt="_swatch_1r7u3_55",P={root:at,chartWrapper:it,circle:lt,centerText:ct,toggle:dt,toggleTrack:ut,toggleTrackDark:mt,toggleThumb:ht,toggleThumbDark:xt,swatch:gt};function pt(){const[s,r]=c.useState(!1),[n,a]=c.useState(0),i=[{color:"#5AB267",label:"Success"},{color:"#E63459",label:"Error"},{color:"#E79E26",label:"Warning"}];c.useEffect(()=>{const d=setInterval(()=>a(u=>(u+1)%3),2e3);return()=>clearInterval(d)},[]);const x=i[n],b=[s?{label:"Dark Backgrounds",pct:50,color:"#1A1A1A",border:"1px solid #424242"}:{label:"White Backgrounds",pct:50,color:"#ffffff",border:"1px solid #e3e3e3"},{label:"Primary Blue",pct:20,color:"#169BDE"},s?{label:"Light Text & UI",pct:15,color:"#f0f0f0",border:"1px solid #bdbdbd"}:{label:"Dark Text & UI",pct:15,color:"#212121"},{label:"Secondary Violet",pct:10,color:"#7E57C2"},{label:`Semantic (${x.label})`,pct:5,color:x.color}],g=80,p=120,m=120,h=36,y=2*Math.PI*g;let l=0;const f=b.map(d=>{const u=d.pct/100*y,v={...d,dasharray:`${u} ${y-u}`,dashoffset:-l};return l+=u,v});return e.jsxs(t.Group,{gap:40,align:"center",my:"xl",className:P.root,children:[e.jsx(t.Box,{className:P.chartWrapper,children:e.jsxs("svg",{width:240,height:240,viewBox:"0 0 240 240",children:[f.map((d,u)=>e.jsx("circle",{cx:p,cy:m,r:g,fill:"none",stroke:d.color,strokeWidth:h,strokeDasharray:d.dasharray,strokeDashoffset:d.dashoffset,transform:`rotate(-90 ${p} ${m})`,className:P.circle},u)),e.jsxs("text",{x:p,y:m+6,textAnchor:"middle",className:P.centerText,children:[s?"Dark":"Light"," Mode"]})]})}),e.jsxs(t.Stack,{gap:"lg",children:[e.jsx(t.Button,{onClick:()=>r(!s),variant:"default",radius:"xl",size:"sm",className:P.toggle,leftSection:e.jsx(t.Box,{className:`${P.toggleTrack} ${s?P.toggleTrackDark:""}`,children:e.jsx(t.Box,{className:`${P.toggleThumb} ${s?P.toggleThumbDark:""}`})}),children:s?"Dark Mode":"Light Mode"}),e.jsx(t.Stack,{gap:8,children:b.map((d,u)=>e.jsxs(t.Group,{gap:8,wrap:"nowrap",children:[e.jsx(t.Box,{className:P.swatch,style:{backgroundColor:d.color,border:d.border||"none"}}),e.jsxs(t.Text,{size:"sm",fw:600,w:36,children:[d.pct,"%"]}),e.jsx(t.Text,{size:"sm",c:"dimmed",children:d.label})]},u))})]})]})}const ft="_root_1bq7s_1",_t="_svg_1bq7s_12",xe={root:ft,svg:_t},jt=140,ge=3,pe=10,ye=150,O=ye/2;function le({barCount:s=jt,duration:r=3,repeatDelay:n=3}){const[a,i]=c.useState(!1);if(c.useEffect(()=>{i(!0)},[]),!a)return null;const x=s*pe;return e.jsx("div",{className:xe.root,children:e.jsxs("svg",{className:xe.svg,viewBox:`0 0 ${x} ${ye}`,preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"waveformBarGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"white",stopOpacity:"0"}),e.jsx("stop",{offset:"15%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"50%",stopColor:"white",stopOpacity:"0.25"}),e.jsx("stop",{offset:"85%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"100%",stopColor:"white",stopOpacity:"0"})]})}),[...Array(s)].map((b,g)=>{const p=g*pe,m=18+Math.sin(g*.4)*6+Math.cos(g*.7)*4,h=Math.min(g,s-1-g)*.04;return e.jsxs("g",{children:[e.jsx(I.motion.rect,{x:p,width:ge,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:m/2,y:O-m/4},animate:{height:[m/2,m*2,m/2,m*1.2,m/2],y:[O-m/4,O-m,O-m/4,O-m*.6,O-m/4]},transition:{duration:r,repeat:1/0,ease:"easeInOut",delay:h,repeatDelay:n}}),e.jsx(I.motion.rect,{x:p,y:O,width:ge,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:m/2},animate:{height:[m/2,m*2,m/2,m*1.2,m/2]},transition:{duration:r,repeat:1/0,ease:"easeInOut",delay:h,repeatDelay:n}})]},g)})]})})}const bt="_root_1pkxe_1",yt="_progressOverlay_1pkxe_9",vt="_bars_1pkxe_19",kt="_bar_1pkxe_19",Tt="_loading_1pkxe_34",K={root:bt,progressOverlay:yt,bars:vt,bar:kt,loading:Tt};function wt(s=100){const r=[];for(let n=0;n<s;n++){const a=n/(s-1),i=20+Math.sin(n*.1)*15,x=(Math.random()-.5)*20,b=Math.sin(a*Math.PI)*30,g=a>.2&&a<.8?Math.random()*10:0,p=a<.05||a>.95?Math.min(a/.05,(1-a)/.05):1;r.push(Math.max(5,Math.min(90,(i+x+b+g)*p)))}return r}const oe=c.forwardRef(({audioRef:s,currentTime:r=0,onSeek:n,loading:a=!1,waveColor:i="#CCCCCC",progressColor:x="#169bde",height:b=60,barWidth:g=2,barGap:p=1},m)=>{const h=c.useRef(null),[y]=c.useState(()=>wt()),[l,f]=c.useState(0),[d,u]=c.useState(0);c.useImperativeHandle(m,()=>({seekTo:o=>{l>0&&u(Math.max(0,Math.min(100,o/l*100)))},getCurrentTime:()=>d/100*l,getDuration:()=>l})),c.useEffect(()=>{const o=s.current;if(!o)return;const j=()=>{o.duration&&!isNaN(o.duration)&&f(o.duration)},k=()=>{o.duration>0&&u(o.currentTime/o.duration*100)};return o.duration&&!isNaN(o.duration)&&f(o.duration),o.addEventListener("loadedmetadata",j),o.addEventListener("timeupdate",k),()=>{o.removeEventListener("loadedmetadata",j),o.removeEventListener("timeupdate",k)}},[s]),c.useEffect(()=>{l>0&&typeof r=="number"&&u(r/l*100)},[r,l]);const v=c.useCallback(o=>{if(!h.current||!n||l===0)return;const j=h.current.getBoundingClientRect(),k=(o.clientX-j.left)/j.width*l;n(k)},[n,l]);return e.jsxs(t.Box,{ref:h,className:K.root,style:{height:b},onClick:v,children:[e.jsx("div",{className:K.progressOverlay,style:{width:`${d}%`,backgroundColor:`${x}15`}}),e.jsx("div",{className:K.bars,style:{gap:p},children:y.map((o,j)=>{const k=j/y.length*100<=d;return e.jsx("div",{className:K.bar,style:{width:g,height:`${o}%`,backgroundColor:k?x:i}},j)})}),a&&e.jsx("div",{className:K.loading,children:"Loading waveform..."})]})});oe.displayName="AudioWaveform";function Ct({isActive:s=!1,height:r=60}){const n=c.useRef(null),a=c.useRef(void 0),[i,x]=c.useState(!1),b=c.useRef(null),g=c.useRef(null),{colorScheme:p}=t.useMantineColorScheme(),m=p==="dark",h={start:m?"#7950F2":"#9775FA",mid:m?"#BE4BDB":"#DA77F2",end:m?"#15AABF":"#22B8CF"},y=c.useCallback((l,f,d,u)=>{l.clearRect(0,0,f,d);const v=s||i,o=d*.65,j=s?5:i?7:1.5;v&&(g.current===null&&(g.current=Math.random()),Math.floor(u/500)!==Math.floor((u-16)/500)&&(g.current=Math.random()));const k=l.createLinearGradient(0,0,f,0);k.addColorStop(0,h.start),k.addColorStop(.5,h.mid),k.addColorStop(1,h.end),l.strokeStyle=k,l.lineWidth=v?2.5:1.5,l.lineCap="round",l.lineJoin="round",v?(l.shadowColor=h.mid,l.shadowBlur=i?12:8):l.shadowBlur=0,l.beginPath();const B=300,G=f/B,W=s?.02:i?.025:.003;for(let D=0;D<=B;D++){const N=D*G,w=N/f;let z=o;if(v){const L=Math.sin(w*Math.PI*6+u*W)*j,F=Math.sin(w*Math.PI*12+u*W*1.3)*(j*.4),A=Math.sin(w*Math.PI*18+u*W*.8)*(j*.2),U=g.current??.5,_=Math.abs(w-U),T=_<.15?(1-_/.15)*j*1:0,S=Math.sin(w*Math.PI*20+u*W*2)*T;let H=0;i&&(H=Math.sin(w*Math.PI*30+u*.03)*j*.4,H+=Math.sin(w*Math.PI*8+u*.015)*j*.5);const Q=L+F+A+S+H,Z=Math.sin(w*Math.PI);z=o+Q*Z}else z+=Math.sin(w*Math.PI*2+u*W)*j;D===0?l.moveTo(N,z):l.lineTo(N,z)}if(l.stroke(),s){const w=f/80,z=16;l.shadowBlur=3;for(let L=0;L<80;L++){const F=L*w+w/2,A=F/f,U=Math.sin(A*Math.PI*8+u*.025)*.5+Math.sin(A*Math.PI*14+u*.018)*.3+Math.sin(A*Math.PI*4+u*.03)*.2,_=Math.sin(A*Math.PI),T=Math.abs(U)*z*_,S=l.createLinearGradient(F,o-T/2,F,o+T/2);S.addColorStop(0,h.start+"90"),S.addColorStop(.5,h.mid+"70"),S.addColorStop(1,h.end+"50"),l.fillStyle=S,l.fillRect(F-2/2,o-T/2,2,T)}}if(i)for(let N=0;N<15;N++){const w=(Math.sin(u*.001+N*1.5)*.5+.5)*f,z=o+Math.sin(u*.002+N)*8,L=1.5+Math.sin(u*.003+N*2)*.5;l.beginPath(),l.arc(w,z,L,0,Math.PI*2),l.fillStyle=N%2===0?h.start+"80":h.end+"80",l.fill()}},[s,i,h.start,h.mid,h.end]);return c.useEffect(()=>{const l=n.current;if(!l)return;const f=l.getContext("2d");if(!f)return;const d=()=>{const o=window.devicePixelRatio||1,j=l.getBoundingClientRect();l.width=j.width*o,l.height=j.height*o,f.scale(o,o)};d(),window.addEventListener("resize",d);const u=performance.now(),v=o=>{const j=o-u,k=l.getBoundingClientRect();y(f,k.width,k.height,j),a.current=requestAnimationFrame(v)};return a.current=requestAnimationFrame(v),()=>{window.removeEventListener("resize",d),a.current&&cancelAnimationFrame(a.current)}},[y]),c.useEffect(()=>{if(s){queueMicrotask(()=>x(!1)),b.current=Date.now();return}const f=setInterval(()=>{const d=Date.now();b.current===null&&(b.current=d);const u=d-b.current,v=12e4+Math.random()*6e4;u>=v&&!i&&(x(!0),b.current=d,setTimeout(()=>x(!1),4e3))},5e3);return()=>clearInterval(f)},[s,i]),e.jsx(t.Box,{style:{position:"relative",width:"100%",height:r,overflow:"hidden",pointerEvents:"none",opacity:m?1:.8},children:e.jsx("canvas",{ref:n,style:{width:"100%",height:"100%",display:"block"}})})}const Nt="_root_1vlvy_1",St="_video_1vlvy_9",fe={root:Nt,video:St};function ve({src:s,opacity:r=.3}){return e.jsx("div",{className:fe.root,style:{opacity:r},children:e.jsx("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:fe.video,children:e.jsx("source",{src:s,type:"video/mp4"})})})}const It="_root_ix1b2_1",Bt="_toast_ix1b2_5",_e={root:It,toast:Bt};function J({value:s,children:r}){const[n,a]=c.useState(null),i=c.useCallback(()=>{navigator.clipboard.writeText(s).then(()=>{a(`Copied ${s}`),setTimeout(()=>a(null),1800)})},[s]);return e.jsxs(e.Fragment,{children:[e.jsx("span",{onClick:i,className:_e.root,title:`Click to copy ${s}`,children:r}),n&&e.jsx(t.Portal,{children:e.jsx(t.Notification,{withCloseButton:!1,className:_e.toast,color:"blue",children:n})})]})}const $t="_root_3ht5s_1",Mt="_shade_3ht5s_5",zt="_color_3ht5s_10",Pt="_main_3ht5s_20",te={root:$t,shade:Mt,color:zt,main:Pt};function Dt({name:s,shades:r,mainIndex:n=5}){return e.jsxs("div",{className:te.root,children:[e.jsx(t.Title,{order:4,size:"lg",tt:"capitalize",mb:"xs",children:s}),e.jsx(t.SimpleGrid,{cols:10,spacing:4,children:r.map((a,i)=>e.jsx(J,{value:a,children:e.jsxs("div",{className:te.shade,children:[e.jsx("div",{className:`${te.color} ${i===n?te.main:""}`,style:{backgroundColor:a}}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",mt:4,children:i}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",ff:"monospace",children:a})]})},i))})]})}const Lt="_root_1vxkx_1",Et="_preview_1vxkx_11",Gt="_info_1vxkx_15",re={root:Lt,preview:Et,info:Gt};function Wt({name:s,hex:r,label:n}){return e.jsx(J,{value:r,children:e.jsxs(t.Paper,{className:re.root,shadow:"lg",radius:"md",withBorder:!1,children:[e.jsx("div",{className:re.preview,style:{backgroundColor:r}}),e.jsxs("div",{className:re.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),e.jsx(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:r}),n&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:n})]})]})})}const Ft="_root_9li00_1",At="_preview_9li00_11",qt="_info_9li00_15",ne={root:Ft,preview:At,info:qt};function Rt({name:s,colors:r,description:n}){const a=`linear-gradient(135deg, ${r[0]} 0%, ${r[1]} 100%)`;return e.jsx(J,{value:a,children:e.jsxs(t.Paper,{className:ne.root,shadow:"lg",radius:"md",children:[e.jsx("div",{className:ne.preview,style:{background:a}}),e.jsxs("div",{className:ne.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),n&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:n}),e.jsxs(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:[r[0]," → ",r[1]]})]})]})})}const Ot="_toggle_1nlbe_1",Ht="_toggleTrack_1nlbe_7",Vt="_toggleTrackDark_1nlbe_16",Ut="_toggleThumb_1nlbe_20",Kt="_toggleThumbDark_1nlbe_32",Xt="_card_1nlbe_36",Yt="_preview_1nlbe_49",Jt="_sampleText_1nlbe_58",Qt="_details_1nlbe_65",E={toggle:Ot,toggleTrack:Ht,toggleTrackDark:Vt,toggleThumb:Ut,toggleThumbDark:Kt,card:Xt,preview:Yt,sampleText:Jt,details:Qt};function Zt(){const[s,r]=c.useState(!1);t.useComputedColorScheme("light");const n={light:{bg:"#FFFFFF",border:"1px solid #e3e3e3",colors:[{name:"Primary Text",hex:"#212121",label:"gray[9]"},{name:"Secondary Text",hex:"#808080",label:"gray[6]"},{name:"Disabled Text",hex:"#CCCCCC",label:""}]},dark:{bg:"#1A1A1A",border:"1px solid #424242",colors:[{name:"Primary Text",hex:"#FAFAFA",label:"gray[0]"},{name:"Secondary Text",hex:"#9E9E9E",label:"gray[5]"},{name:"Disabled Text",hex:"#424242",label:"gray[8]"}]}},a=s?n.dark:n.light;return e.jsxs(t.Box,{my:"xl",children:[e.jsx(t.Box,{mb:"lg",style:{display:"flex",alignItems:"center"},children:e.jsx(t.Button,{onClick:()=>r(!s),variant:"default",radius:"xl",size:"sm",className:E.toggle,leftSection:e.jsx(t.Box,{className:`${E.toggleTrack} ${s?E.toggleTrackDark:""}`,children:e.jsx(t.Box,{className:`${E.toggleThumb} ${s?E.toggleThumbDark:""}`})}),children:s?"Dark Mode":"Light Mode"})}),e.jsx(t.SimpleGrid,{cols:{base:1,md:3},spacing:"lg",children:a.colors.map(i=>e.jsx(J,{value:i.hex,children:e.jsxs(t.Box,{className:E.card,children:[e.jsx(t.Box,{className:E.preview,style:{backgroundColor:a.bg,border:a.border},children:e.jsx(t.Text,{style:{color:i.hex},className:E.sampleText,children:"Aa"})}),e.jsxs(t.Box,{p:"md",className:E.details,children:[e.jsx(t.Text,{fw:600,children:i.name}),e.jsx(t.Text,{size:"sm",c:"dimmed",ff:"monospace",children:i.hex}),i.label&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i.label})]})]})},i.name+i.hex))})]})}const es="_root_n9zxy_1",ts="_playButton_n9zxy_8",ss="_time_n9zxy_22",os="_volumeGroup_n9zxy_28",X={root:es,playButton:ts,time:ss,volumeGroup:os};function ae(s){const r=Math.floor(s/60),n=Math.floor(s%60);return`${r.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`}function rs({src:s,filename:r="audio",playButtonColor:n,playButtonSize:a=32,waveColor:i="#D0D0D0",progressColor:x="#a8a8a8",waveHeight:b=64,barWidth:g=3,barGap:p=2,showVolume:m=!0,showDownload:h=!0}){const y=c.useRef(null),[l,f]=c.useState(!1),[d,u]=c.useState(0),[v,o]=c.useState("00:00"),[j,k]=c.useState("00:00"),[B,G]=c.useState(50),[W,D]=c.useState(50),[N,w]=c.useState(!1);c.useEffect(()=>{const _=y.current;if(!_)return;_.volume=B/100;const T=()=>{u(_.currentTime),o(ae(_.currentTime))},S=()=>k(ae(_.duration)),H=()=>{setTimeout(()=>{u(0),o("00:00"),f(!1)},500)},Q=()=>f(!0),Z=()=>f(!1);return _.addEventListener("timeupdate",T),_.addEventListener("loadedmetadata",S),_.addEventListener("ended",H),_.addEventListener("play",Q),_.addEventListener("pause",Z),()=>{_.removeEventListener("timeupdate",T),_.removeEventListener("loadedmetadata",S),_.removeEventListener("ended",H),_.removeEventListener("play",Q),_.removeEventListener("pause",Z)}},[s]);const z=c.useCallback(()=>{const _=y.current;_&&(l?_.pause():_.play().catch(()=>{}))},[l]),L=c.useCallback(_=>{const T=y.current;T&&!isNaN(_)&&isFinite(_)&&(T.currentTime=_,u(_),o(ae(_)))},[]),F=c.useCallback(_=>{const T=y.current;T&&(T.volume=_/100,G(_),_>0?(D(_),w(!1)):w(!0))},[]),A=c.useCallback(()=>{const _=y.current;if(_)if(N){const T=W||50;_.volume=T/100,G(T),w(!1)}else D(B),_.volume=0,G(0),w(!0)},[N,B,W]),U=c.useCallback(()=>{fetch(s).then(_=>_.blob()).then(_=>{const T=URL.createObjectURL(_),S=document.createElement("a");S.href=T,S.download=r,document.body.appendChild(S),S.click(),document.body.removeChild(S),URL.revokeObjectURL(T)}).catch(()=>window.open(s,"_blank"))},[s,r]);return e.jsxs(t.Group,{gap:"sm",wrap:"nowrap",className:X.root,children:[e.jsx("audio",{ref:y,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",radius:"xl",size:a,color:n,onClick:z,"aria-label":l?"Pause":"Play",className:X.playButton,children:l?e.jsx($.IconPlayerPauseFilled,{size:a*.5}):e.jsx($.IconPlayerPlayFilled,{size:a*.5})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:X.time,children:v}),e.jsx(t.Box,{style:{flex:1,minWidth:0},children:e.jsx(oe,{audioRef:y,currentTime:d,onSeek:L,waveColor:i,progressColor:x,height:b,barWidth:g,barGap:p})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:X.time,children:j}),m&&e.jsxs(t.Group,{gap:4,wrap:"nowrap",className:X.volumeGroup,children:[e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:A,"aria-label":N?"Unmute":"Mute",children:N?e.jsx($.IconVolumeOff,{size:16}):e.jsx($.IconVolume,{size:16})}),e.jsx(t.Slider,{value:B,onChange:F,size:"xs",w:80,"aria-label":"Volume"})]}),h&&e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:U,"aria-label":"Download",children:e.jsx($.IconDownload,{size:16})})]})}const ns="_root_13w21_1",as="_playButton_13w21_11",je={root:ns,playButton:as},is={mini:{height:24,buttonSize:20,iconSize:14,waveHeight:16,barWidth:1,barGap:0},small:{height:32,buttonSize:28,iconSize:16,waveHeight:20,barWidth:1,barGap:0},compact:{height:40,buttonSize:32,iconSize:18,waveHeight:24,barWidth:2,barGap:1}},ke=c.forwardRef(({audioUrl:s,size:r="mini",waveColor:n="#CCCCCC",progressColor:a="#169bde",onPlay:i,onPause:x,className:b,style:g},p)=>{const m=c.useRef(null),[h,y]=c.useState(!1),[l,f]=c.useState(0),d=is[r];c.useEffect(()=>{const o=m.current;if(!o)return;const j=()=>f(o.currentTime),k=()=>{y(!1),f(0)},B=()=>y(!1),G=()=>y(!0);return o.addEventListener("timeupdate",j),o.addEventListener("ended",k),o.addEventListener("pause",B),o.addEventListener("play",G),()=>{o.removeEventListener("timeupdate",j),o.removeEventListener("ended",k),o.removeEventListener("pause",B),o.removeEventListener("play",G)}},[s]);const u=c.useCallback(()=>{const o=m.current;o&&(h?(o.pause(),x==null||x()):(o.play().catch(()=>{}),i==null||i()))},[h,i,x]),v=c.useCallback(o=>{const j=m.current;j&&!isNaN(o)&&isFinite(o)&&(j.currentTime=o,f(o))},[]);return e.jsxs(t.Group,{ref:p,gap:r==="mini"?6:r==="small"?8:10,wrap:"nowrap",className:`${je.root} ${b??""}`,style:{height:d.height,...g},children:[e.jsx("audio",{ref:m,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",color:"blue",radius:"xl",size:d.buttonSize,onClick:u,"aria-label":h?"Pause":"Play",className:je.playButton,children:h?e.jsx($.IconPlayerPauseFilled,{size:d.iconSize}):e.jsx($.IconPlayerPlayFilled,{size:d.iconSize})}),e.jsx(t.Box,{style:{flex:1,minWidth:80},children:e.jsx(oe,{audioRef:m,currentTime:l,onSeek:v,waveColor:n,progressColor:a,height:d.waveHeight,barWidth:d.barWidth,barGap:d.barGap})})]})});ke.displayName="MiniAudioPlayer";const ls="_root_4fblk_1",cs="_actions_4fblk_22",ds="_fab_4fblk_43",us="_actionButton_4fblk_63",se={root:ls,actions:cs,fab:ds,actionButton:us};function ms({actions:s,icon:r,openIcon:n,direction:a="up",color:i="blue",size:x=56,defaultOpen:b=!1,open:g,onOpenChange:p,style:m,className:h}){const[y,l]=c.useState(b),f=g??y,d=c.useCallback(()=>{const o=!f;l(o),p==null||p(o)},[f,p]),u=c.useCallback(()=>{l(!1),p==null||p(!1)},[p]),v=a==="up"||a==="down";return e.jsxs(t.Box,{className:`${se.root} ${h??""}`,style:m,"data-direction":a,children:[e.jsx("div",{className:se.actions,"data-direction":a,children:s.map((o,j)=>{const k=a==="up"||a==="left"?s.length-1-j:j;return e.jsx(t.Transition,{mounted:f,transition:v?"slide-up":"slide-right",duration:200,timingFunction:"ease",enterDelay:k*40,children:B=>e.jsx(t.Tooltip,{label:o.label,position:v?"left":"top",children:e.jsx(t.ActionIcon,{variant:"filled",color:"gray",radius:"xl",size:x*.7,style:B,className:se.actionButton,onClick:()=>{o.onClick(),u()},"aria-label":o.label,children:o.icon})})},o.label)})}),e.jsx(t.ActionIcon,{variant:"filled",color:i,radius:"xl",size:x,onClick:d,className:se.fab,"data-open":f||void 0,"aria-label":f?"Close actions":"Open actions",children:f?n??r??e.jsx($.IconPlus,{size:x*.45}):r??e.jsx($.IconPlus,{size:x*.45})})]})}const hs="_root_h15rs_1",xs="_content_h15rs_8",gs="_label_h15rs_21",ps="_vignette_h15rs_38",fs="_logoWrapper_h15rs_51",_s="_logo_h15rs_51",js="_glow_h15rs_74",bs="_textWrapper_h15rs_86",ys="_heading_h15rs_92",vs="_shimmer_h15rs_126",ks="_tagline_h15rs_130",Ts="_primaryButton_h15rs_146",ws="_secondaryButton_h15rs_157",Cs="_scrollIndicator_h15rs_173",Ns="_scrollLabel_h15rs_184",Ss="_scrollLine_h15rs_192",C={root:hs,content:xs,label:gs,vignette:ps,logoWrapper:fs,logo:_s,glow:js,textWrapper:bs,heading:ys,shimmer:vs,tagline:ks,primaryButton:Ts,secondaryButton:ws,scrollIndicator:Cs,scrollLabel:Ns,scrollLine:Ss};function Is({variant:s="logo",heading:r,label:n,tagline:a,logoSrc:i=Se,gradient:x="frequencyAlive",shimmer:b=!0,primaryAction:g,secondaryAction:p,backgroundVideoSrc:m,showWaveform:h,showScrollIndicator:y=!1}){const[l,f]=c.useState(!1),d=typeof i=="string"?i:i==null?void 0:i.src,u=r??(s==="text"?"Your Message":void 0),v=n||(s==="logo"?"Welcome":void 0),o=g||p,j=h??!0,k=Ie.gradients[x];return c.useEffect(()=>{f(!0)},[]),e.jsxs(t.Box,{component:"section",className:C.root,children:[m&&e.jsx(ve,{src:m}),e.jsxs("div",{className:C.content,children:[l&&e.jsxs(e.Fragment,{children:[v&&e.jsx(I.motion.p,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,delay:.2},className:C.label,children:v}),s==="logo"&&e.jsxs(I.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.logoWrapper,children:[j&&e.jsx(le,{}),j&&e.jsx("div",{className:C.vignette}),e.jsx(I.motion.img,{src:d,alt:u??"Frequency",className:C.logo,animate:{rotate:[0,.5,-.5,0]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),e.jsx("div",{className:C.glow})]}),s==="text"&&u&&e.jsxs(I.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.textWrapper,children:[j&&e.jsx(le,{}),j&&e.jsx("div",{className:C.vignette}),e.jsx(t.Title,{order:1,className:`${C.heading} ${b?C.shimmer:""}`,style:{backgroundImage:`linear-gradient(135deg, ${k.from}, ${k.to}, ${k.from})`,backgroundSize:b?"200% 100%":void 0},children:u})]}),a&&e.jsx(I.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.7},children:e.jsx(t.Text,{className:C.tagline,children:a})}),o&&e.jsx(I.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.9},children:e.jsxs(t.Group,{gap:"xl",justify:"center",wrap:"wrap",children:[g&&e.jsx(t.Button,{component:"a",href:g.href,size:"lg",radius:4,className:C.primaryButton,children:g.label}),p&&e.jsx(t.Button,{component:"a",href:p.href,size:"lg",radius:4,variant:"outline",className:C.secondaryButton,children:p.label})]})})]}),l&&y&&e.jsxs(I.motion.div,{className:C.scrollIndicator,initial:{opacity:0},animate:{opacity:1},transition:{duration:1,delay:1.4},children:[e.jsx("span",{className:C.scrollLabel,children:"Scroll"}),e.jsx(I.motion.div,{className:C.scrollLine,animate:{scaleY:[1,1.5,1]},transition:{duration:1.5,repeat:1/0}})]})]})]})}const Bs="_container_9xj91_1",$s="_layout_9xj91_16",Ms="_reversed_9xj91_29",zs="_headingSide_9xj91_39",Ps="_sticky_9xj91_49",Ds="_stickyInner_9xj91_54",Ls="_contentSide_9xj91_65",Es="_title_9xj91_76",Gs="_preTitle_9xj91_82",Ws="_titleHighlight_9xj91_88",Fs="_description_9xj91_95",M={container:Bs,layout:$s,reversed:Ms,headingSide:zs,sticky:Ps,stickyInner:Ds,contentSide:Ls,title:Es,preTitle:Gs,titleHighlight:Ws,description:Fs};function As({badge:s,badgeColor:r="violet",subtitle:n,title:a,titleColor:i="blue",preTitle:x,description:b,actions:g,heading:p,children:m,stickyHeading:h=!1,py:y,reversed:l=!1,id:f,className:d}){const u=p??e.jsxs(t.Stack,{gap:"sm",children:[s&&e.jsxs(t.Box,{children:[e.jsx(t.Badge,{color:r,variant:"filled",size:"sm",radius:4,tt:"uppercase",fw:700,children:s}),n&&e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"xs",tt:"uppercase",style:{letterSpacing:"0.05em"},children:n})]}),!s&&n&&e.jsx(t.Text,{size:"sm",c:"dimmed",tt:"uppercase",style:{letterSpacing:"0.05em"},children:n}),(x||a)&&e.jsxs(t.Title,{order:2,className:M.title,children:[x&&e.jsx("span",{className:M.preTitle,children:x}),x&&e.jsx("br",{}),a&&e.jsx(t.Text,{component:"span",inherit:!0,className:M.titleHighlight,c:i,children:a})]}),b&&e.jsx(t.Text,{size:"lg",c:"dimmed",lh:1.7,className:M.description,children:b}),g&&e.jsx(t.Box,{mt:"md",children:g})]});return e.jsx(t.Box,{component:"section",py:y??"calc(var(--mantine-spacing-xl) * 3)",pos:"relative",id:f,className:d,children:e.jsx(t.Box,{className:M.container,children:e.jsxs(t.Box,{className:`${M.layout} ${l?M.reversed:""}`,children:[e.jsx(t.Box,{className:`${M.headingSide} ${h?M.sticky:""}`,children:e.jsx(t.Box,{className:h?M.stickyInner:void 0,children:u})}),e.jsx(t.Box,{className:M.contentSide,children:m})]})})})}function qs({value:s,suffix:r="",prefix:n="",duration:a=2e3,threshold:i=.5,abbreviate:x=!0,decimals:b,...g}){const[p,m]=c.useState(0),[h,y]=c.useState(!1),l=c.useRef(null);c.useEffect(()=>{const d=l.current;if(!d)return;const u=new IntersectionObserver(([v])=>{v.isIntersecting&&!h&&y(!0)},{threshold:i});return u.observe(d),()=>u.disconnect()},[h,i]),c.useEffect(()=>{if(!h)return;let d,u;const v=o=>{d||(d=o);const j=Math.min((o-d)/a,1),k=1-Math.pow(1-j,3);m(k*s),j<1&&(u=requestAnimationFrame(v))};return u=requestAnimationFrame(v),()=>cancelAnimationFrame(u)},[h,s,a]);const f=()=>{if(x&&s>=1e3){const d=p/1e3;return d%1===0?`${Math.round(d)}K`:`${d.toFixed(1)}K`}return b!==void 0?p.toFixed(b):s!==Math.floor(s)?p.toFixed(1):Math.round(p).toString()};return e.jsxs(t.Text,{component:"span",ref:l,style:{fontVariantNumeric:"tabular-nums"},...g,children:[n,f(),r]})}const Rs="_root_ujac8_1",Os="_textarea_ujac8_5",be={root:Rs,textarea:Os};function Hs({code:s,filename:r,height:n=384}){const[a,i]=c.useState(!1),x=c.useCallback(async()=>{try{await navigator.clipboard.writeText(s),i(!0),setTimeout(()=>i(!1),2e3)}catch{}},[s]);return e.jsxs(t.Box,{className:be.root,children:[e.jsxs(t.Group,{justify:"space-between",mb:"xs",children:[r&&e.jsx(t.Text,{size:"sm",fw:500,c:"dimmed",children:r}),e.jsx(t.Button,{size:"xs",radius:"md",color:a?"green":"blue",onClick:x,children:a?"Copied!":"Copy"})]}),e.jsx("textarea",{readOnly:!0,value:s,className:be.textarea,style:{height:n}})]})}Object.defineProperty(exports,"Anchor",{enumerable:!0,get:()=>t.Anchor});Object.defineProperty(exports,"Badge",{enumerable:!0,get:()=>t.Badge});Object.defineProperty(exports,"Box",{enumerable:!0,get:()=>t.Box});Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>t.Button});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>t.Card});Object.defineProperty(exports,"Container",{enumerable:!0,get:()=>t.Container});Object.defineProperty(exports,"Divider",{enumerable:!0,get:()=>t.Divider});Object.defineProperty(exports,"Flex",{enumerable:!0,get:()=>t.Flex});Object.defineProperty(exports,"Grid",{enumerable:!0,get:()=>t.Grid});Object.defineProperty(exports,"Group",{enumerable:!0,get:()=>t.Group});Object.defineProperty(exports,"Image",{enumerable:!0,get:()=>t.Image});Object.defineProperty(exports,"SimpleGrid",{enumerable:!0,get:()=>t.SimpleGrid});Object.defineProperty(exports,"Stack",{enumerable:!0,get:()=>t.Stack});Object.defineProperty(exports,"Text",{enumerable:!0,get:()=>t.Text});Object.defineProperty(exports,"Title",{enumerable:!0,get:()=>t.Title});exports.AnimatedCounter=qs;exports.AnimatedWaveform=le;exports.AudioPlayer=rs;exports.AudioWaveform=oe;exports.BrandLogos=qe;exports.BrandedAppName=Pe;exports.CodeBlock=Hs;exports.ColorPalette=Dt;exports.ColorSwatch=Wt;exports.Copyable=J;exports.DonutChart=pt;exports.DosDonts=Xe;exports.ExpandableCard=Qe;exports.FadeInSection=Y;exports.FrequencyWave=Ct;exports.GradientSwatch=Rt;exports.Hero=Is;exports.HintBadge=ie;exports.MiniAudioPlayer=ke;exports.PrincipleCard=tt;exports.SpeedDial=ms;exports.SplitSection=As;exports.TestimonialCard=nt;exports.TypographyColors=Zt;exports.VideoBackground=ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mantine/core"),e=require("react/jsx-runtime"),ie=require("@frequencyads/brand/typography"),l=require("react"),$=require("@tabler/icons-react"),B=require("framer-motion"),ve=require("@frequencyads/brand/assets/frequency-mark-white.svg"),ke=require("@frequencyads/brand/colors"),Te="_container_4mojd_1",we="_appName_4mojd_7",le={container:Te,appName:we};function Ce({appName:s,textColor:n,href:a="/",...r}){const{colorScheme:i}=t.useMantineColorScheme(),j=i==="dark"?"dark.0":"gray.9";return e.jsx(t.Anchor,{href:a,className:le.container,underline:"never",style:{"--heading-font-family":ie.fonts.heading.family,"--heading-font-weight-semibold":ie.fonts.heading.weights.semibold},...r,children:e.jsx(t.Text,{className:le.appName,c:n??j,children:s})})}const Ne="_root_6irix_1",Ie="_visible_6irix_9",ce={root:Ne,visible:Ie};function Y({children:s,delay:n=0,threshold:a=.1,className:r,...i}){const x=l.useRef(null),[j,b]=l.useState(!1);return l.useEffect(()=>{const p=x.current;if(!p)return;const m=new IntersectionObserver(([h])=>{h.isIntersecting&&(n>0?setTimeout(()=>b(!0),n):b(!0))},{threshold:a});return m.observe(p),()=>m.disconnect()},[n,a]),e.jsx(t.Box,{ref:x,className:`${ce.root} ${j?ce.visible:""} ${r??""}`,...i,children:s})}const Be="_root_1bo86_1",Se="_label_1bo86_6",$e="_title_1bo86_11",ze="_description_1bo86_17",Me="_logoCard_1bo86_22",H={root:Be,label:Se,title:$e,description:ze,logoCard:Me};function Pe({title:s="Our Logos",label:n="Identity",description:a="The Frequency identity comes in two forms — the horizontal textmark for standard use and the circular brand mark for compact spaces and hero moments."}){return e.jsx("section",{className:H.root,children:e.jsxs(t.Container,{size:"xl",children:[e.jsxs(Y,{children:[e.jsx(t.Text,{className:H.label,size:"xs",tt:"uppercase",c:"blue.5",mb:"xs",children:n}),e.jsx(t.Title,{order:2,className:H.title,mb:"lg",children:s}),e.jsx(t.Text,{className:H.description,size:"lg",c:"gray.6",mb:60,maw:600,children:a})]}),e.jsxs(t.SimpleGrid,{cols:{base:1,lg:2},spacing:32,mb:48,children:[e.jsx(Y,{delay:100,children:e.jsx(t.Card,{padding:0,radius:"lg",className:H.logoCard,children:e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Group,{justify:"center",align:"center",bg:"white",h:240,children:e.jsx(t.Image,{src:"/images/Frequency_logo-light.png",alt:"Frequency textmark on light",h:48,fit:"contain"})}),e.jsx(t.Group,{justify:"center",align:"center",bg:"gray.9",h:240,children:e.jsx(t.Image,{src:"/images/Frequency_logo-dark.png",alt:"Frequency textmark on dark",h:48,fit:"contain"})}),e.jsx(t.Box,{p:"md",bg:"gray.1",children:e.jsx(t.Text,{size:"sm",c:"gray.6",fw:600,ff:"Montserrat, sans-serif",children:"Primary Textmark"})})]})})}),e.jsx(Y,{delay:200,children:e.jsx(t.Card,{padding:0,radius:"lg",className:H.logoCard,children:e.jsxs(t.Stack,{gap:0,children:[e.jsxs(t.SimpleGrid,{cols:3,children:[e.jsx(t.Group,{justify:"center",align:"center",bg:"white",style:{aspectRatio:"1/1"},children:e.jsx(t.Image,{src:"/images/new-frequency-logo.png",alt:"Brand mark on light",w:80,h:80,fit:"contain"})}),e.jsx(t.Group,{justify:"center",align:"center",bg:"gray.9",style:{aspectRatio:"1/1"},children:e.jsx(t.Image,{src:"/images/frequency-mark-white.svg",alt:"Brand mark on dark",w:80,h:80,fit:"contain"})}),e.jsx(t.Group,{justify:"center",align:"center",style:{aspectRatio:"1/1",background:"linear-gradient(135deg, #169BDE 0%, #7E57C2 100%)"},children:e.jsx(t.Image,{src:"/images/frequency-mark-white.svg",alt:"Brand mark on gradient",w:80,h:80,fit:"contain"})})]}),e.jsx(t.Box,{p:"md",bg:"gray.1",children:e.jsx(t.Text,{size:"sm",c:"gray.6",fw:600,ff:"Montserrat, sans-serif",children:"Circular Brand Mark"})})]})})})]}),e.jsx(Y,{delay:300,children:e.jsxs(t.Anchor,{href:"/logos",fw:600,c:"blue.5",underline:"hover",style:{display:"flex",alignItems:"center",gap:8},children:["View all logo variants and usage rules",e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17 8l4 4m0 0l-4 4m4-4H3"})})]})})]})})}const De="_root_dzed6_1",Le="_dont_dzed6_7",Ee="_dontIcon_dzed6_12",Ge="_dontLabel_dzed6_13",Fe="_doIcon_dzed6_22",Ae="_doLabel_dzed6_23",R={root:De,dont:Le,dontIcon:Ee,dontLabel:Ge,do:"_do_dzed6_7",doIcon:Fe,doLabel:Ae};function We({items:s}){return e.jsx("div",{className:R.root,children:s.map((n,a)=>e.jsxs(t.SimpleGrid,{cols:{base:1,sm:2},spacing:"md",children:[e.jsxs(t.Paper,{className:R.dont,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx($.IconX,{size:16,className:R.dontIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:R.dontLabel,children:"Don't"})]}),e.jsx(t.Text,{size:"sm",children:n.dont})]}),e.jsxs(t.Paper,{className:R.do,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx($.IconCheck,{size:16,className:R.doIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:R.doLabel,children:"Do"})]}),e.jsx(t.Text,{size:"sm",children:n.do})]})]},a))})}const Re="_root_xi08i_1",Oe="_inner_xi08i_6",de={root:Re,inner:Oe};function qe({title:s,description:n,expandedContent:a,icon:r,color:i="blue",iconSize:x="lg",collapsedHeight:j=120,threshold:b=.5,delay:p=300,expanded:m,onExpandedChange:h}){const y=l.useRef(null),[c,_]=l.useState(!1),d=m!==void 0,u=d?m:c;return l.useEffect(()=>{if(d)return;const v=y.current;if(!v)return;const o=new IntersectionObserver(([f])=>{f.isIntersecting&&setTimeout(()=>{_(!0),h==null||h(!0)},p)},{threshold:b});return o.observe(v),()=>o.disconnect()},[d,b,p,h]),e.jsx(t.Paper,{ref:y,radius:4,className:de.root,component:B.motion.div,animate:{height:u?"auto":j},transition:{duration:.5,ease:"easeOut"},children:e.jsx("div",{className:de.inner,children:e.jsxs(t.Group,{align:"flex-start",justify:"space-between",gap:"lg",wrap:"nowrap",children:[e.jsxs(t.Stack,{gap:"xs",style:{flex:1},children:[e.jsx(t.Text,{fw:700,size:"xl",lh:1.3,children:s}),e.jsx(t.Text,{size:"md",c:"dimmed",children:n}),e.jsx(B.motion.div,{initial:{opacity:0,height:0},animate:{opacity:u?1:0,height:u?"auto":0},transition:{duration:.4,delay:.2},style:{overflow:"hidden"},children:typeof a=="string"?e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"sm",children:a}):a})]}),e.jsx(B.motion.div,{animate:{scale:u?1.1:1},transition:{duration:.3},children:e.jsx(t.ThemeIcon,{size:x,radius:4,color:i,variant:"filled",children:e.jsx(r,{size:20,stroke:1.5})})})]})})})}function re({variant:s,children:n}){const a=s==="do";return e.jsxs(t.Badge,{variant:"light",color:a?"green":"red",size:"lg",radius:"sm",styles:{root:{textTransform:"none",fontWeight:400},label:{whiteSpace:"normal",lineHeight:1.4}},children:[e.jsxs("strong",{children:[a?"Do":"Don't",":"]})," ",n]})}const He="_root_1bah1_1",Ve={root:He};function Ue({accentColor:s,title:n,description:a,doHint:r,dontHint:i}){return e.jsxs(t.Paper,{className:Ve.root,p:"lg",radius:"md",style:{borderLeftColor:s},children:[e.jsx(t.Title,{order:3,size:"h4",mb:"xs",children:n}),e.jsx(t.Text,{c:"dimmed",children:a}),(r||i)&&e.jsxs(t.Group,{gap:"sm",mt:"md",wrap:"wrap",children:[r&&e.jsx(re,{variant:"do",children:r}),i&&e.jsx(re,{variant:"dont",children:i})]})]})}const Xe="_root_ioshc_1",Ye="_quoteIcon_ioshc_6",ue={root:Xe,quoteIcon:Ye};function Ke(s){return s.split(" ").map(n=>n[0]).join("").toUpperCase().slice(0,2)}function Je({quote:s,name:n,role:a,company:r,avatarSrc:i,accentColor:x="blue"}){const j=`var(--mantine-color-${x}-filled)`;return e.jsxs(t.Paper,{className:ue.root,p:"lg",radius:"md",style:{borderLeftColor:j},children:[e.jsx($.IconQuote,{size:32,className:ue.quoteIcon,color:j}),e.jsx(t.Text,{fs:"italic",mt:"xs",mb:"md",children:s}),e.jsxs(t.Group,{gap:"sm",children:[e.jsx(t.Avatar,{src:i,alt:n,color:x,radius:"xl",size:"md",children:Ke(n)}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fw:600,size:"sm",children:n}),(a||r)&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:[a,r].filter(Boolean).join(", ")})]})]})]})}const Qe="_root_1r7u3_1",Ze="_chartWrapper_1r7u3_5",et="_circle_1r7u3_9",tt="_centerText_1r7u3_13",st="_toggle_1r7u3_20",ot="_toggleTrack_1r7u3_26",nt="_toggleTrackDark_1r7u3_35",rt="_toggleThumb_1r7u3_39",at="_toggleThumbDark_1r7u3_51",it="_swatch_1r7u3_55",P={root:Qe,chartWrapper:Ze,circle:et,centerText:tt,toggle:st,toggleTrack:ot,toggleTrackDark:nt,toggleThumb:rt,toggleThumbDark:at,swatch:it};function lt(){const[s,n]=l.useState(!1),[a,r]=l.useState(0),i=[{color:"#5AB267",label:"Success"},{color:"#E63459",label:"Error"},{color:"#E79E26",label:"Warning"}];l.useEffect(()=>{const d=setInterval(()=>r(u=>(u+1)%3),2e3);return()=>clearInterval(d)},[]);const x=i[a],j=[s?{label:"Dark Backgrounds",pct:50,color:"#1A1A1A",border:"1px solid #424242"}:{label:"White Backgrounds",pct:50,color:"#ffffff",border:"1px solid #e3e3e3"},{label:"Primary Blue",pct:20,color:"#169BDE"},s?{label:"Light Text & UI",pct:15,color:"#f0f0f0",border:"1px solid #bdbdbd"}:{label:"Dark Text & UI",pct:15,color:"#212121"},{label:"Secondary Violet",pct:10,color:"#7E57C2"},{label:`Semantic (${x.label})`,pct:5,color:x.color}],b=80,p=120,m=120,h=36,y=2*Math.PI*b;let c=0;const _=j.map(d=>{const u=d.pct/100*y,v={...d,dasharray:`${u} ${y-u}`,dashoffset:-c};return c+=u,v});return e.jsxs(t.Group,{gap:40,align:"center",my:"xl",className:P.root,children:[e.jsx(t.Box,{className:P.chartWrapper,children:e.jsxs("svg",{width:240,height:240,viewBox:"0 0 240 240",children:[_.map((d,u)=>e.jsx("circle",{cx:p,cy:m,r:b,fill:"none",stroke:d.color,strokeWidth:h,strokeDasharray:d.dasharray,strokeDashoffset:d.dashoffset,transform:`rotate(-90 ${p} ${m})`,className:P.circle},u)),e.jsxs("text",{x:p,y:m+6,textAnchor:"middle",className:P.centerText,children:[s?"Dark":"Light"," Mode"]})]})}),e.jsxs(t.Stack,{gap:"lg",children:[e.jsx(t.Button,{onClick:()=>n(!s),variant:"default",radius:"xl",size:"sm",className:P.toggle,leftSection:e.jsx(t.Box,{className:`${P.toggleTrack} ${s?P.toggleTrackDark:""}`,children:e.jsx(t.Box,{className:`${P.toggleThumb} ${s?P.toggleThumbDark:""}`})}),children:s?"Dark Mode":"Light Mode"}),e.jsx(t.Stack,{gap:8,children:j.map((d,u)=>e.jsxs(t.Group,{gap:8,wrap:"nowrap",children:[e.jsx(t.Box,{className:P.swatch,style:{backgroundColor:d.color,border:d.border||"none"}}),e.jsxs(t.Text,{size:"sm",fw:600,w:36,children:[d.pct,"%"]}),e.jsx(t.Text,{size:"sm",c:"dimmed",children:d.label})]},u))})]})]})}const ct="_root_1bq7s_1",dt="_svg_1bq7s_12",me={root:ct,svg:dt},ut=140,he=3,xe=10,be=150,O=be/2;function ae({barCount:s=ut,duration:n=3,repeatDelay:a=3}){const[r,i]=l.useState(!1);if(l.useEffect(()=>{i(!0)},[]),!r)return null;const x=s*xe;return e.jsx("div",{className:me.root,children:e.jsxs("svg",{className:me.svg,viewBox:`0 0 ${x} ${be}`,preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"waveformBarGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"white",stopOpacity:"0"}),e.jsx("stop",{offset:"15%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"50%",stopColor:"white",stopOpacity:"0.25"}),e.jsx("stop",{offset:"85%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"100%",stopColor:"white",stopOpacity:"0"})]})}),[...Array(s)].map((j,b)=>{const p=b*xe,m=18+Math.sin(b*.4)*6+Math.cos(b*.7)*4,h=Math.min(b,s-1-b)*.04;return e.jsxs("g",{children:[e.jsx(B.motion.rect,{x:p,width:he,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:m/2,y:O-m/4},animate:{height:[m/2,m*2,m/2,m*1.2,m/2],y:[O-m/4,O-m,O-m/4,O-m*.6,O-m/4]},transition:{duration:n,repeat:1/0,ease:"easeInOut",delay:h,repeatDelay:a}}),e.jsx(B.motion.rect,{x:p,y:O,width:he,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:m/2},animate:{height:[m/2,m*2,m/2,m*1.2,m/2]},transition:{duration:n,repeat:1/0,ease:"easeInOut",delay:h,repeatDelay:a}})]},b)})]})})}const mt="_root_1pkxe_1",ht="_progressOverlay_1pkxe_9",xt="_bars_1pkxe_19",pt="_bar_1pkxe_19",gt="_loading_1pkxe_34",U={root:mt,progressOverlay:ht,bars:xt,bar:pt,loading:gt};function ft(s=100){const n=[];for(let a=0;a<s;a++){const r=a/(s-1),i=20+Math.sin(a*.1)*15,x=(Math.random()-.5)*20,j=Math.sin(r*Math.PI)*30,b=r>.2&&r<.8?Math.random()*10:0,p=r<.05||r>.95?Math.min(r/.05,(1-r)/.05):1;n.push(Math.max(5,Math.min(90,(i+x+j+b)*p)))}return n}const te=l.forwardRef(({audioRef:s,currentTime:n=0,onSeek:a,loading:r=!1,waveColor:i="#CCCCCC",progressColor:x="#169bde",height:j=60,barWidth:b=2,barGap:p=1},m)=>{const h=l.useRef(null),[y]=l.useState(()=>ft()),[c,_]=l.useState(0),[d,u]=l.useState(0);l.useImperativeHandle(m,()=>({seekTo:o=>{c>0&&u(Math.max(0,Math.min(100,o/c*100)))},getCurrentTime:()=>d/100*c,getDuration:()=>c})),l.useEffect(()=>{const o=s.current;if(!o)return;const f=()=>{o.duration&&!isNaN(o.duration)&&_(o.duration)},k=()=>{o.duration>0&&u(o.currentTime/o.duration*100)};return o.duration&&!isNaN(o.duration)&&_(o.duration),o.addEventListener("loadedmetadata",f),o.addEventListener("timeupdate",k),()=>{o.removeEventListener("loadedmetadata",f),o.removeEventListener("timeupdate",k)}},[s]),l.useEffect(()=>{c>0&&typeof n=="number"&&u(n/c*100)},[n,c]);const v=l.useCallback(o=>{if(!h.current||!a||c===0)return;const f=h.current.getBoundingClientRect(),k=(o.clientX-f.left)/f.width*c;a(k)},[a,c]);return e.jsxs(t.Box,{ref:h,className:U.root,style:{height:j},onClick:v,children:[e.jsx("div",{className:U.progressOverlay,style:{width:`${d}%`,backgroundColor:`${x}15`}}),e.jsx("div",{className:U.bars,style:{gap:p},children:y.map((o,f)=>{const k=f/y.length*100<=d;return e.jsx("div",{className:U.bar,style:{width:b,height:`${o}%`,backgroundColor:k?x:i}},f)})}),r&&e.jsx("div",{className:U.loading,children:"Loading waveform..."})]})});te.displayName="AudioWaveform";function _t({isActive:s=!1,height:n=60}){const a=l.useRef(null),r=l.useRef(void 0),[i,x]=l.useState(!1),j=l.useRef(null),b=l.useRef(null),{colorScheme:p}=t.useMantineColorScheme(),m=p==="dark",h={start:m?"#7950F2":"#9775FA",mid:m?"#BE4BDB":"#DA77F2",end:m?"#15AABF":"#22B8CF"},y=l.useCallback((c,_,d,u)=>{c.clearRect(0,0,_,d);const v=s||i,o=d*.65,f=s?5:i?7:1.5;v&&(b.current===null&&(b.current=Math.random()),Math.floor(u/500)!==Math.floor((u-16)/500)&&(b.current=Math.random()));const k=c.createLinearGradient(0,0,_,0);k.addColorStop(0,h.start),k.addColorStop(.5,h.mid),k.addColorStop(1,h.end),c.strokeStyle=k,c.lineWidth=v?2.5:1.5,c.lineCap="round",c.lineJoin="round",v?(c.shadowColor=h.mid,c.shadowBlur=i?12:8):c.shadowBlur=0,c.beginPath();const S=300,G=_/S,F=s?.02:i?.025:.003;for(let D=0;D<=S;D++){const N=D*G,w=N/_;let M=o;if(v){const L=Math.sin(w*Math.PI*6+u*F)*f,A=Math.sin(w*Math.PI*12+u*F*1.3)*(f*.4),W=Math.sin(w*Math.PI*18+u*F*.8)*(f*.2),V=b.current??.5,g=Math.abs(w-V),T=g<.15?(1-g/.15)*f*1:0,I=Math.sin(w*Math.PI*20+u*F*2)*T;let q=0;i&&(q=Math.sin(w*Math.PI*30+u*.03)*f*.4,q+=Math.sin(w*Math.PI*8+u*.015)*f*.5);const J=L+A+W+I+q,Q=Math.sin(w*Math.PI);M=o+J*Q}else M+=Math.sin(w*Math.PI*2+u*F)*f;D===0?c.moveTo(N,M):c.lineTo(N,M)}if(c.stroke(),s){const w=_/80,M=16;c.shadowBlur=3;for(let L=0;L<80;L++){const A=L*w+w/2,W=A/_,V=Math.sin(W*Math.PI*8+u*.025)*.5+Math.sin(W*Math.PI*14+u*.018)*.3+Math.sin(W*Math.PI*4+u*.03)*.2,g=Math.sin(W*Math.PI),T=Math.abs(V)*M*g,I=c.createLinearGradient(A,o-T/2,A,o+T/2);I.addColorStop(0,h.start+"90"),I.addColorStop(.5,h.mid+"70"),I.addColorStop(1,h.end+"50"),c.fillStyle=I,c.fillRect(A-2/2,o-T/2,2,T)}}if(i)for(let N=0;N<15;N++){const w=(Math.sin(u*.001+N*1.5)*.5+.5)*_,M=o+Math.sin(u*.002+N)*8,L=1.5+Math.sin(u*.003+N*2)*.5;c.beginPath(),c.arc(w,M,L,0,Math.PI*2),c.fillStyle=N%2===0?h.start+"80":h.end+"80",c.fill()}},[s,i,h.start,h.mid,h.end]);return l.useEffect(()=>{const c=a.current;if(!c)return;const _=c.getContext("2d");if(!_)return;const d=()=>{const o=window.devicePixelRatio||1,f=c.getBoundingClientRect();c.width=f.width*o,c.height=f.height*o,_.scale(o,o)};d(),window.addEventListener("resize",d);const u=performance.now(),v=o=>{const f=o-u,k=c.getBoundingClientRect();y(_,k.width,k.height,f),r.current=requestAnimationFrame(v)};return r.current=requestAnimationFrame(v),()=>{window.removeEventListener("resize",d),r.current&&cancelAnimationFrame(r.current)}},[y]),l.useEffect(()=>{if(s){queueMicrotask(()=>x(!1)),j.current=Date.now();return}const _=setInterval(()=>{const d=Date.now();j.current===null&&(j.current=d);const u=d-j.current,v=12e4+Math.random()*6e4;u>=v&&!i&&(x(!0),j.current=d,setTimeout(()=>x(!1),4e3))},5e3);return()=>clearInterval(_)},[s,i]),e.jsx(t.Box,{style:{position:"relative",width:"100%",height:n,overflow:"hidden",pointerEvents:"none",opacity:m?1:.8},children:e.jsx("canvas",{ref:a,style:{width:"100%",height:"100%",display:"block"}})})}const bt="_root_1vlvy_1",jt="_video_1vlvy_9",pe={root:bt,video:jt};function je({src:s,opacity:n=.3}){return e.jsx("div",{className:pe.root,style:{opacity:n},children:e.jsx("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:pe.video,children:e.jsx("source",{src:s,type:"video/mp4"})})})}const yt="_root_ix1b2_1",vt="_toast_ix1b2_5",ge={root:yt,toast:vt};function K({value:s,children:n}){const[a,r]=l.useState(null),i=l.useCallback(()=>{navigator.clipboard.writeText(s).then(()=>{r(`Copied ${s}`),setTimeout(()=>r(null),1800)})},[s]);return e.jsxs(e.Fragment,{children:[e.jsx("span",{onClick:i,className:ge.root,title:`Click to copy ${s}`,children:n}),a&&e.jsx(t.Portal,{children:e.jsx(t.Notification,{withCloseButton:!1,className:ge.toast,color:"blue",children:a})})]})}const kt="_root_3ht5s_1",Tt="_shade_3ht5s_5",wt="_color_3ht5s_10",Ct="_main_3ht5s_20",Z={root:kt,shade:Tt,color:wt,main:Ct};function Nt({name:s,shades:n,mainIndex:a=5}){return e.jsxs("div",{className:Z.root,children:[e.jsx(t.Title,{order:4,size:"lg",tt:"capitalize",mb:"xs",children:s}),e.jsx(t.SimpleGrid,{cols:10,spacing:4,children:n.map((r,i)=>e.jsx(K,{value:r,children:e.jsxs("div",{className:Z.shade,children:[e.jsx("div",{className:`${Z.color} ${i===a?Z.main:""}`,style:{backgroundColor:r}}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",mt:4,children:i}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",ff:"monospace",children:r})]})},i))})]})}const It="_root_1vxkx_1",Bt="_preview_1vxkx_11",St="_info_1vxkx_15",se={root:It,preview:Bt,info:St};function $t({name:s,hex:n,label:a}){return e.jsx(K,{value:n,children:e.jsxs(t.Paper,{className:se.root,shadow:"lg",radius:"md",withBorder:!1,children:[e.jsx("div",{className:se.preview,style:{backgroundColor:n}}),e.jsxs("div",{className:se.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),e.jsx(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:n}),a&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:a})]})]})})}const zt="_root_9li00_1",Mt="_preview_9li00_11",Pt="_info_9li00_15",oe={root:zt,preview:Mt,info:Pt};function Dt({name:s,colors:n,description:a}){const r=`linear-gradient(135deg, ${n[0]} 0%, ${n[1]} 100%)`;return e.jsx(K,{value:r,children:e.jsxs(t.Paper,{className:oe.root,shadow:"lg",radius:"md",children:[e.jsx("div",{className:oe.preview,style:{background:r}}),e.jsxs("div",{className:oe.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),a&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:a}),e.jsxs(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:[n[0]," → ",n[1]]})]})]})})}const Lt="_toggle_1nlbe_1",Et="_toggleTrack_1nlbe_7",Gt="_toggleTrackDark_1nlbe_16",Ft="_toggleThumb_1nlbe_20",At="_toggleThumbDark_1nlbe_32",Wt="_card_1nlbe_36",Rt="_preview_1nlbe_49",Ot="_sampleText_1nlbe_58",qt="_details_1nlbe_65",E={toggle:Lt,toggleTrack:Et,toggleTrackDark:Gt,toggleThumb:Ft,toggleThumbDark:At,card:Wt,preview:Rt,sampleText:Ot,details:qt};function Ht(){const[s,n]=l.useState(!1);t.useComputedColorScheme("light");const a={light:{bg:"#FFFFFF",border:"1px solid #e3e3e3",colors:[{name:"Primary Text",hex:"#212121",label:"gray[9]"},{name:"Secondary Text",hex:"#808080",label:"gray[6]"},{name:"Disabled Text",hex:"#CCCCCC",label:""}]},dark:{bg:"#1A1A1A",border:"1px solid #424242",colors:[{name:"Primary Text",hex:"#FAFAFA",label:"gray[0]"},{name:"Secondary Text",hex:"#9E9E9E",label:"gray[5]"},{name:"Disabled Text",hex:"#424242",label:"gray[8]"}]}},r=s?a.dark:a.light;return e.jsxs(t.Box,{my:"xl",children:[e.jsx(t.Box,{mb:"lg",style:{display:"flex",alignItems:"center"},children:e.jsx(t.Button,{onClick:()=>n(!s),variant:"default",radius:"xl",size:"sm",className:E.toggle,leftSection:e.jsx(t.Box,{className:`${E.toggleTrack} ${s?E.toggleTrackDark:""}`,children:e.jsx(t.Box,{className:`${E.toggleThumb} ${s?E.toggleThumbDark:""}`})}),children:s?"Dark Mode":"Light Mode"})}),e.jsx(t.SimpleGrid,{cols:{base:1,md:3},spacing:"lg",children:r.colors.map(i=>e.jsx(K,{value:i.hex,children:e.jsxs(t.Box,{className:E.card,children:[e.jsx(t.Box,{className:E.preview,style:{backgroundColor:r.bg,border:r.border},children:e.jsx(t.Text,{style:{color:i.hex},className:E.sampleText,children:"Aa"})}),e.jsxs(t.Box,{p:"md",className:E.details,children:[e.jsx(t.Text,{fw:600,children:i.name}),e.jsx(t.Text,{size:"sm",c:"dimmed",ff:"monospace",children:i.hex}),i.label&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i.label})]})]})},i.name+i.hex))})]})}const Vt="_root_n9zxy_1",Ut="_playButton_n9zxy_8",Xt="_time_n9zxy_22",Yt="_volumeGroup_n9zxy_28",X={root:Vt,playButton:Ut,time:Xt,volumeGroup:Yt};function ne(s){const n=Math.floor(s/60),a=Math.floor(s%60);return`${n.toString().padStart(2,"0")}:${a.toString().padStart(2,"0")}`}function Kt({src:s,filename:n="audio",playButtonColor:a,playButtonSize:r=32,waveColor:i="#D0D0D0",progressColor:x="#a8a8a8",waveHeight:j=64,barWidth:b=3,barGap:p=2,showVolume:m=!0,showDownload:h=!0}){const y=l.useRef(null),[c,_]=l.useState(!1),[d,u]=l.useState(0),[v,o]=l.useState("00:00"),[f,k]=l.useState("00:00"),[S,G]=l.useState(50),[F,D]=l.useState(50),[N,w]=l.useState(!1);l.useEffect(()=>{const g=y.current;if(!g)return;g.volume=S/100;const T=()=>{u(g.currentTime),o(ne(g.currentTime))},I=()=>k(ne(g.duration)),q=()=>{setTimeout(()=>{u(0),o("00:00"),_(!1)},500)},J=()=>_(!0),Q=()=>_(!1);return g.addEventListener("timeupdate",T),g.addEventListener("loadedmetadata",I),g.addEventListener("ended",q),g.addEventListener("play",J),g.addEventListener("pause",Q),()=>{g.removeEventListener("timeupdate",T),g.removeEventListener("loadedmetadata",I),g.removeEventListener("ended",q),g.removeEventListener("play",J),g.removeEventListener("pause",Q)}},[s]);const M=l.useCallback(()=>{const g=y.current;g&&(c?g.pause():g.play().catch(()=>{}))},[c]),L=l.useCallback(g=>{const T=y.current;T&&!isNaN(g)&&isFinite(g)&&(T.currentTime=g,u(g),o(ne(g)))},[]),A=l.useCallback(g=>{const T=y.current;T&&(T.volume=g/100,G(g),g>0?(D(g),w(!1)):w(!0))},[]),W=l.useCallback(()=>{const g=y.current;if(g)if(N){const T=F||50;g.volume=T/100,G(T),w(!1)}else D(S),g.volume=0,G(0),w(!0)},[N,S,F]),V=l.useCallback(()=>{fetch(s).then(g=>g.blob()).then(g=>{const T=URL.createObjectURL(g),I=document.createElement("a");I.href=T,I.download=n,document.body.appendChild(I),I.click(),document.body.removeChild(I),URL.revokeObjectURL(T)}).catch(()=>window.open(s,"_blank"))},[s,n]);return e.jsxs(t.Group,{gap:"sm",wrap:"nowrap",className:X.root,children:[e.jsx("audio",{ref:y,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",radius:"xl",size:r,color:a,onClick:M,"aria-label":c?"Pause":"Play",className:X.playButton,children:c?e.jsx($.IconPlayerPauseFilled,{size:r*.5}):e.jsx($.IconPlayerPlayFilled,{size:r*.5})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:X.time,children:v}),e.jsx(t.Box,{style:{flex:1,minWidth:0},children:e.jsx(te,{audioRef:y,currentTime:d,onSeek:L,waveColor:i,progressColor:x,height:j,barWidth:b,barGap:p})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:X.time,children:f}),m&&e.jsxs(t.Group,{gap:4,wrap:"nowrap",className:X.volumeGroup,children:[e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:W,"aria-label":N?"Unmute":"Mute",children:N?e.jsx($.IconVolumeOff,{size:16}):e.jsx($.IconVolume,{size:16})}),e.jsx(t.Slider,{value:S,onChange:A,size:"xs",w:80,"aria-label":"Volume"})]}),h&&e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:V,"aria-label":"Download",children:e.jsx($.IconDownload,{size:16})})]})}const Jt="_root_13w21_1",Qt="_playButton_13w21_11",fe={root:Jt,playButton:Qt},Zt={mini:{height:24,buttonSize:20,iconSize:14,waveHeight:16,barWidth:1,barGap:0},small:{height:32,buttonSize:28,iconSize:16,waveHeight:20,barWidth:1,barGap:0},compact:{height:40,buttonSize:32,iconSize:18,waveHeight:24,barWidth:2,barGap:1}},ye=l.forwardRef(({audioUrl:s,size:n="mini",waveColor:a="#CCCCCC",progressColor:r="#169bde",onPlay:i,onPause:x,className:j,style:b},p)=>{const m=l.useRef(null),[h,y]=l.useState(!1),[c,_]=l.useState(0),d=Zt[n];l.useEffect(()=>{const o=m.current;if(!o)return;const f=()=>_(o.currentTime),k=()=>{y(!1),_(0)},S=()=>y(!1),G=()=>y(!0);return o.addEventListener("timeupdate",f),o.addEventListener("ended",k),o.addEventListener("pause",S),o.addEventListener("play",G),()=>{o.removeEventListener("timeupdate",f),o.removeEventListener("ended",k),o.removeEventListener("pause",S),o.removeEventListener("play",G)}},[s]);const u=l.useCallback(()=>{const o=m.current;o&&(h?(o.pause(),x==null||x()):(o.play().catch(()=>{}),i==null||i()))},[h,i,x]),v=l.useCallback(o=>{const f=m.current;f&&!isNaN(o)&&isFinite(o)&&(f.currentTime=o,_(o))},[]);return e.jsxs(t.Group,{ref:p,gap:n==="mini"?6:n==="small"?8:10,wrap:"nowrap",className:`${fe.root} ${j??""}`,style:{height:d.height,...b},children:[e.jsx("audio",{ref:m,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",color:"blue",radius:"xl",size:d.buttonSize,onClick:u,"aria-label":h?"Pause":"Play",className:fe.playButton,children:h?e.jsx($.IconPlayerPauseFilled,{size:d.iconSize}):e.jsx($.IconPlayerPlayFilled,{size:d.iconSize})}),e.jsx(t.Box,{style:{flex:1,minWidth:80},children:e.jsx(te,{audioRef:m,currentTime:c,onSeek:v,waveColor:a,progressColor:r,height:d.waveHeight,barWidth:d.barWidth,barGap:d.barGap})})]})});ye.displayName="MiniAudioPlayer";const es="_root_4fblk_1",ts="_actions_4fblk_22",ss="_fab_4fblk_43",os="_actionButton_4fblk_63",ee={root:es,actions:ts,fab:ss,actionButton:os};function ns({actions:s,icon:n,openIcon:a,direction:r="up",color:i="blue",size:x=56,defaultOpen:j=!1,open:b,onOpenChange:p,style:m,className:h}){const[y,c]=l.useState(j),_=b??y,d=l.useCallback(()=>{const o=!_;c(o),p==null||p(o)},[_,p]),u=l.useCallback(()=>{c(!1),p==null||p(!1)},[p]),v=r==="up"||r==="down";return e.jsxs(t.Box,{className:`${ee.root} ${h??""}`,style:m,"data-direction":r,children:[e.jsx("div",{className:ee.actions,"data-direction":r,children:s.map((o,f)=>{const k=r==="up"||r==="left"?s.length-1-f:f;return e.jsx(t.Transition,{mounted:_,transition:v?"slide-up":"slide-right",duration:200,timingFunction:"ease",enterDelay:k*40,children:S=>e.jsx(t.Tooltip,{label:o.label,position:v?"left":"top",children:e.jsx(t.ActionIcon,{variant:"filled",color:"gray",radius:"xl",size:x*.7,style:S,className:ee.actionButton,onClick:()=>{o.onClick(),u()},"aria-label":o.label,children:o.icon})})},o.label)})}),e.jsx(t.ActionIcon,{variant:"filled",color:i,radius:"xl",size:x,onClick:d,className:ee.fab,"data-open":_||void 0,"aria-label":_?"Close actions":"Open actions",children:_?a??n??e.jsx($.IconPlus,{size:x*.45}):n??e.jsx($.IconPlus,{size:x*.45})})]})}const rs="_root_h15rs_1",as="_content_h15rs_8",is="_label_h15rs_21",ls="_vignette_h15rs_38",cs="_logoWrapper_h15rs_51",ds="_logo_h15rs_51",us="_glow_h15rs_74",ms="_textWrapper_h15rs_86",hs="_heading_h15rs_92",xs="_shimmer_h15rs_126",ps="_tagline_h15rs_130",gs="_primaryButton_h15rs_146",fs="_secondaryButton_h15rs_157",_s="_scrollIndicator_h15rs_173",bs="_scrollLabel_h15rs_184",js="_scrollLine_h15rs_192",C={root:rs,content:as,label:is,vignette:ls,logoWrapper:cs,logo:ds,glow:us,textWrapper:ms,heading:hs,shimmer:xs,tagline:ps,primaryButton:gs,secondaryButton:fs,scrollIndicator:_s,scrollLabel:bs,scrollLine:js};function ys({variant:s="logo",heading:n,label:a,tagline:r,logoSrc:i=ve,gradient:x="frequencyAlive",shimmer:j=!0,primaryAction:b,secondaryAction:p,backgroundVideoSrc:m,showWaveform:h,showScrollIndicator:y=!1}){const[c,_]=l.useState(!1),d=typeof i=="string"?i:i==null?void 0:i.src,u=n??(s==="text"?"Your Message":void 0),v=a||(s==="logo"?"Welcome":void 0),o=b||p,f=h??!0,k=ke.gradients[x];return l.useEffect(()=>{_(!0)},[]),e.jsxs(t.Box,{component:"section",className:C.root,children:[m&&e.jsx(je,{src:m}),e.jsxs("div",{className:C.content,children:[c&&e.jsxs(e.Fragment,{children:[v&&e.jsx(B.motion.p,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,delay:.2},className:C.label,children:v}),s==="logo"&&e.jsxs(B.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.logoWrapper,children:[f&&e.jsx(ae,{}),f&&e.jsx("div",{className:C.vignette}),e.jsx(B.motion.img,{src:d,alt:u??"Frequency",className:C.logo,animate:{rotate:[0,.5,-.5,0]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),e.jsx("div",{className:C.glow})]}),s==="text"&&u&&e.jsxs(B.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.textWrapper,children:[f&&e.jsx(ae,{}),f&&e.jsx("div",{className:C.vignette}),e.jsx(t.Title,{order:1,className:`${C.heading} ${j?C.shimmer:""}`,style:{backgroundImage:`linear-gradient(135deg, ${k.from}, ${k.to}, ${k.from})`,backgroundSize:j?"200% 100%":void 0},children:u})]}),r&&e.jsx(B.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.7},children:e.jsx(t.Text,{className:C.tagline,children:r})}),o&&e.jsx(B.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.9},children:e.jsxs(t.Group,{gap:"xl",justify:"center",wrap:"wrap",children:[b&&e.jsx(t.Button,{component:"a",href:b.href,size:"lg",radius:4,className:C.primaryButton,children:b.label}),p&&e.jsx(t.Button,{component:"a",href:p.href,size:"lg",radius:4,variant:"outline",className:C.secondaryButton,children:p.label})]})})]}),c&&y&&e.jsxs(B.motion.div,{className:C.scrollIndicator,initial:{opacity:0},animate:{opacity:1},transition:{duration:1,delay:1.4},children:[e.jsx("span",{className:C.scrollLabel,children:"Scroll"}),e.jsx(B.motion.div,{className:C.scrollLine,animate:{scaleY:[1,1.5,1]},transition:{duration:1.5,repeat:1/0}})]})]})]})}const vs="_container_9xj91_1",ks="_layout_9xj91_16",Ts="_reversed_9xj91_29",ws="_headingSide_9xj91_39",Cs="_sticky_9xj91_49",Ns="_stickyInner_9xj91_54",Is="_contentSide_9xj91_65",Bs="_title_9xj91_76",Ss="_preTitle_9xj91_82",$s="_titleHighlight_9xj91_88",zs="_description_9xj91_95",z={container:vs,layout:ks,reversed:Ts,headingSide:ws,sticky:Cs,stickyInner:Ns,contentSide:Is,title:Bs,preTitle:Ss,titleHighlight:$s,description:zs};function Ms({badge:s,badgeColor:n="violet",subtitle:a,title:r,titleColor:i="blue",preTitle:x,description:j,actions:b,heading:p,children:m,stickyHeading:h=!1,py:y,reversed:c=!1,id:_,className:d}){const u=p??e.jsxs(t.Stack,{gap:"sm",children:[s&&e.jsxs(t.Box,{children:[e.jsx(t.Badge,{color:n,variant:"filled",size:"sm",radius:4,tt:"uppercase",fw:700,children:s}),a&&e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"xs",tt:"uppercase",style:{letterSpacing:"0.05em"},children:a})]}),!s&&a&&e.jsx(t.Text,{size:"sm",c:"dimmed",tt:"uppercase",style:{letterSpacing:"0.05em"},children:a}),(x||r)&&e.jsxs(t.Title,{order:2,className:z.title,children:[x&&e.jsx("span",{className:z.preTitle,children:x}),x&&e.jsx("br",{}),r&&e.jsx(t.Text,{component:"span",inherit:!0,className:z.titleHighlight,c:i,children:r})]}),j&&e.jsx(t.Text,{size:"lg",c:"dimmed",lh:1.7,className:z.description,children:j}),b&&e.jsx(t.Box,{mt:"md",children:b})]});return e.jsx(t.Box,{component:"section",py:y??"calc(var(--mantine-spacing-xl) * 3)",pos:"relative",id:_,className:d,children:e.jsx(t.Box,{className:z.container,children:e.jsxs(t.Box,{className:`${z.layout} ${c?z.reversed:""}`,children:[e.jsx(t.Box,{className:`${z.headingSide} ${h?z.sticky:""}`,children:e.jsx(t.Box,{className:h?z.stickyInner:void 0,children:u})}),e.jsx(t.Box,{className:z.contentSide,children:m})]})})})}function Ps({value:s,suffix:n="",prefix:a="",duration:r=2e3,threshold:i=.5,abbreviate:x=!0,decimals:j,...b}){const[p,m]=l.useState(0),[h,y]=l.useState(!1),c=l.useRef(null);l.useEffect(()=>{const d=c.current;if(!d)return;const u=new IntersectionObserver(([v])=>{v.isIntersecting&&!h&&y(!0)},{threshold:i});return u.observe(d),()=>u.disconnect()},[h,i]),l.useEffect(()=>{if(!h)return;let d,u;const v=o=>{d||(d=o);const f=Math.min((o-d)/r,1),k=1-Math.pow(1-f,3);m(k*s),f<1&&(u=requestAnimationFrame(v))};return u=requestAnimationFrame(v),()=>cancelAnimationFrame(u)},[h,s,r]);const _=()=>{if(x&&s>=1e3){const d=p/1e3;return d%1===0?`${Math.round(d)}K`:`${d.toFixed(1)}K`}return j!==void 0?p.toFixed(j):s!==Math.floor(s)?p.toFixed(1):Math.round(p).toString()};return e.jsxs(t.Text,{component:"span",ref:c,style:{fontVariantNumeric:"tabular-nums"},...b,children:[a,_(),n]})}const Ds="_root_ujac8_1",Ls="_textarea_ujac8_5",_e={root:Ds,textarea:Ls};function Es({code:s,filename:n,height:a=384}){const[r,i]=l.useState(!1),x=l.useCallback(async()=>{try{await navigator.clipboard.writeText(s),i(!0),setTimeout(()=>i(!1),2e3)}catch{}},[s]);return e.jsxs(t.Box,{className:_e.root,children:[e.jsxs(t.Group,{justify:"space-between",mb:"xs",children:[n&&e.jsx(t.Text,{size:"sm",fw:500,c:"dimmed",children:n}),e.jsx(t.Button,{size:"xs",radius:"md",color:r?"green":"blue",onClick:x,children:r?"Copied!":"Copy"})]}),e.jsx("textarea",{readOnly:!0,value:s,className:_e.textarea,style:{height:a}})]})}Object.defineProperty(exports,"Anchor",{enumerable:!0,get:()=>t.Anchor});Object.defineProperty(exports,"Badge",{enumerable:!0,get:()=>t.Badge});Object.defineProperty(exports,"Box",{enumerable:!0,get:()=>t.Box});Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>t.Button});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>t.Card});Object.defineProperty(exports,"Container",{enumerable:!0,get:()=>t.Container});Object.defineProperty(exports,"Divider",{enumerable:!0,get:()=>t.Divider});Object.defineProperty(exports,"Flex",{enumerable:!0,get:()=>t.Flex});Object.defineProperty(exports,"Grid",{enumerable:!0,get:()=>t.Grid});Object.defineProperty(exports,"Group",{enumerable:!0,get:()=>t.Group});Object.defineProperty(exports,"Image",{enumerable:!0,get:()=>t.Image});Object.defineProperty(exports,"SimpleGrid",{enumerable:!0,get:()=>t.SimpleGrid});Object.defineProperty(exports,"Stack",{enumerable:!0,get:()=>t.Stack});Object.defineProperty(exports,"Text",{enumerable:!0,get:()=>t.Text});Object.defineProperty(exports,"Title",{enumerable:!0,get:()=>t.Title});exports.AnimatedCounter=Ps;exports.AnimatedWaveform=ae;exports.AudioPlayer=Kt;exports.AudioWaveform=te;exports.BrandLogos=Pe;exports.BrandedAppName=Ce;exports.CodeBlock=Es;exports.ColorPalette=Nt;exports.ColorSwatch=$t;exports.Copyable=K;exports.DonutChart=lt;exports.DosDonts=We;exports.ExpandableCard=qe;exports.FadeInSection=Y;exports.FrequencyWave=_t;exports.GradientSwatch=Dt;exports.Hero=ys;exports.HintBadge=re;exports.MiniAudioPlayer=ye;exports.PrincipleCard=Ue;exports.SpeedDial=ns;exports.SplitSection=Ms;exports.TestimonialCard=Je;exports.TypographyColors=Ht;exports.VideoBackground=je;