@frequencyads/components 0.1.8 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.css +1 -1
- package/dist/content/BrandLogos/BrandLogos.d.ts.map +1 -0
- package/dist/content/BrandLogos/index.d.ts.map +1 -0
- package/dist/content/BrandedAppName/BrandedAppName.d.ts.map +1 -0
- package/dist/content/BrandedAppName/index.d.ts.map +1 -0
- package/dist/content/DownloadCard/DownloadCard.d.ts +20 -0
- package/dist/content/DownloadCard/DownloadCard.d.ts.map +1 -0
- package/dist/content/DownloadCard/index.d.ts +2 -0
- package/dist/content/DownloadCard/index.d.ts.map +1 -0
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +568 -530
- package/package.json +1 -1
- package/dist/brand/BrandLogos/BrandLogos.d.ts.map +0 -1
- package/dist/brand/BrandLogos/index.d.ts.map +0 -1
- package/dist/brand/BrandedAppName/BrandedAppName.d.ts.map +0 -1
- package/dist/brand/BrandedAppName/index.d.ts.map +0 -1
- /package/dist/{brand → content}/BrandLogos/BrandLogos.d.ts +0 -0
- /package/dist/{brand → content}/BrandLogos/index.d.ts +0 -0
- /package/dist/{brand → content}/BrandedAppName/BrandedAppName.d.ts +0 -0
- /package/dist/{brand → content}/BrandedAppName/index.d.ts +0 -0
package/dist/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._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)}
|
|
1
|
+
._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_18iq7_1{position:relative;min-height:100vh;overflow:hidden;background-color:#121212}._content_18iq7_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_18iq7_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_18iq7_21{font-size:calc(.75rem * var(--mantine-scale))}}._vignette_18iq7_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_18iq7_51{position:relative;margin-bottom:calc(2.5rem * var(--mantine-scale))}._logo_18iq7_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_18iq7_51{width:calc(14rem * var(--mantine-scale));height:calc(14rem * var(--mantine-scale))}}@media(min-width:75em){._logo_18iq7_51{width:calc(18rem * var(--mantine-scale));height:calc(18rem * var(--mantine-scale))}}._glow_18iq7_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_18iq7_86{position:relative;margin-bottom:calc(2.5rem * var(--mantine-scale))}._heading_18iq7_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_18iq7_92{font-size:calc(4rem * var(--mantine-scale))}}@media(min-width:75em){._heading_18iq7_92{font-size:calc(6rem * var(--mantine-scale))}}@keyframes _shimmer_18iq7_126{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}._shimmer_18iq7_126{animation:_shimmer_18iq7_126 6s ease-in-out infinite}._tagline_18iq7_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_18iq7_130{font-size:calc(1.375rem * var(--mantine-scale))}}._primaryButton_18iq7_146{font-family:Montserrat,sans-serif;font-weight:600;font-size:calc(1rem * var(--mantine-scale));line-height:1.5;border:none;background-color:#169bde;color:#fff;padding:calc(1rem * var(--mantine-scale)) calc(2rem * var(--mantine-scale));height:auto}._secondaryButton_18iq7_158{font-family:Montserrat,sans-serif;font-weight:600;font-size:calc(1rem * var(--mantine-scale));line-height:1.5;border-color:#fff3;color:#fff;background-color:transparent;padding:calc(1rem * var(--mantine-scale)) calc(2rem * var(--mantine-scale));height:auto}._secondaryButton_18iq7_158:hover{background-color:#ffffff0d}._scrollIndicator_18iq7_175{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_18iq7_186{font-family:Montserrat,sans-serif;font-size:calc(.625rem * var(--mantine-scale));text-transform:uppercase;letter-spacing:.3em;color:#fff3}._scrollLine_18iq7_194{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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrandLogos.d.ts","sourceRoot":"","sources":["../../../src/content/BrandLogos/BrandLogos.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAmB,EACnB,KAAkB,EAClB,WAAqK,GACtK,EAAE,eAAe,2CAqHjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/content/BrandLogos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrandedAppName.d.ts","sourceRoot":"","sources":["../../../src/content/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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/content/BrandedAppName/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface DownloadButton {
|
|
2
|
+
label: string;
|
|
3
|
+
href: string;
|
|
4
|
+
}
|
|
5
|
+
export interface DownloadCardProps {
|
|
6
|
+
/** Card title, e.g. "Primary Logos" */
|
|
7
|
+
title: string;
|
|
8
|
+
/** Description text */
|
|
9
|
+
description?: string;
|
|
10
|
+
/** List of file formats or items included */
|
|
11
|
+
items?: string[];
|
|
12
|
+
/** Button label (single button mode) */
|
|
13
|
+
buttonText?: string;
|
|
14
|
+
/** Download URL (single button mode) */
|
|
15
|
+
href?: string;
|
|
16
|
+
/** List of buttons to display (multi-button mode) */
|
|
17
|
+
buttons?: DownloadButton[];
|
|
18
|
+
}
|
|
19
|
+
export declare function DownloadCard({ title, description, items, buttonText, href, buttons, }: DownloadCardProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=DownloadCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DownloadCard.d.ts","sourceRoot":"","sources":["../../../src/content/DownloadCard/DownloadCard.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,IAAI,EACJ,OAAO,GACR,EAAE,iBAAiB,2CAsDnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/content/DownloadCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -3,9 +3,10 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Published to npm, consumed by both frequency-platform and frequency-tools apps.
|
|
5
5
|
*/
|
|
6
|
-
export { Box, Button, Card, Container, Flex, Grid, Group, SimpleGrid, Stack, Text, Title, Anchor, Image, Badge, Divider, } from '@mantine/core';
|
|
7
|
-
export { BrandedAppName, type BrandedAppNameProps } from './
|
|
8
|
-
export { BrandLogos, type BrandLogosProps } from './
|
|
6
|
+
export { AspectRatio, Box, Button, Card, Center, Container, Flex, Grid, Group, Paper, SimpleGrid, Stack, Text, ThemeIcon, Title, Anchor, Image, Badge, Divider, } from '@mantine/core';
|
|
7
|
+
export { BrandedAppName, type BrandedAppNameProps } from './content/BrandedAppName';
|
|
8
|
+
export { BrandLogos, type BrandLogosProps } from './content/BrandLogos';
|
|
9
|
+
export { DownloadCard, type DownloadCardProps } from './content/DownloadCard';
|
|
9
10
|
export { DosDonts, type DosDontsProps, type DosDontsItem } from './content/DosDonts';
|
|
10
11
|
export { ExpandableCard, type ExpandableCardProps } from './content/ExpandableCard';
|
|
11
12
|
export { HintBadge, type HintBadgeProps } from './content/HintBadge';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,GAAG,EACH,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,GACR,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,WAAW,EACX,GAAG,EACH,MAAM,EACN,IAAI,EACJ,MAAM,EACN,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,UAAU,EACV,KAAK,EACL,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,GACR,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGvF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAG3F,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGrF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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;
|
|
2
|
+
"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"),S=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:o,href:r="/",...a}){const{colorScheme:i}=t.useMantineColorScheme(),_=i==="dark"?"dark.0":"gray.9";return e.jsx(t.Anchor,{href:r,className:le.container,underline:"never",style:{"--heading-font-family":ie.fonts.heading.family,"--heading-font-weight-semibold":ie.fonts.heading.weights.semibold},...a,children:e.jsx(t.Text,{className:le.appName,c:o??_,children:s})})}const Ne="_root_6irix_1",Ie="_visible_6irix_9",ce={root:Ne,visible:Ie};function Y({children:s,delay:o=0,threshold:r=.1,className:a,...i}){const h=l.useRef(null),[_,p]=l.useState(!1);return l.useEffect(()=>{const g=h.current;if(!g)return;const m=new IntersectionObserver(([x])=>{x.isIntersecting&&(o>0?setTimeout(()=>p(!0),o):p(!0))},{threshold:r});return m.observe(g),()=>m.disconnect()},[o,r]),e.jsx(t.Box,{ref:h,className:`${ce.root} ${_?ce.visible:""} ${a??""}`,...i,children:s})}const Se="_root_1bo86_1",Be="_label_1bo86_6",$e="_title_1bo86_11",ze="_description_1bo86_17",Pe="_logoCard_1bo86_22",H={root:Se,label:Be,title:$e,description:ze,logoCard:Pe};function Me({title:s="Our Logos",label:o="Identity",description:r="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:o}),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:r})]}),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"})})]})})]})})}function De({title:s,description:o,items:r,buttonText:a,href:i,buttons:h}){return e.jsx(t.Paper,{p:"xl",radius:"md",withBorder:!0,shadow:"sm",h:"100%",children:e.jsxs(t.Stack,{gap:"md",justify:"space-between",h:"100%",children:[e.jsxs(t.Stack,{gap:"md",children:[e.jsx(t.Title,{order:3,size:"h4",children:s}),o&&e.jsx(t.Text,{c:"dimmed",size:"sm",children:o}),r&&r.length>0&&e.jsx(t.Stack,{gap:"xs",children:r.map((_,p)=>e.jsxs(t.Group,{gap:"sm",align:"flex-start",wrap:"nowrap",children:[e.jsx(t.ThemeIcon,{color:"gray",size:6,radius:"xl",mt:8,style:{flexShrink:0},children:e.jsx("div",{})}),e.jsx(t.Text,{size:"sm",children:_})]},p))})]}),e.jsx(t.Group,{gap:"sm",mt:"md",children:h?h.map((_,p)=>e.jsx(t.Button,{component:"a",href:_.href,download:!0,size:"md",radius:"md",flex:1,style:{whiteSpace:"nowrap"},children:_.label},p)):e.jsx(t.Button,{component:"a",href:i,download:!0,fullWidth:!0,size:"md",radius:"md",children:a})})]})})}const Le="_root_dzed6_1",Ee="_dont_dzed6_7",Ge="_dontIcon_dzed6_12",Ae="_dontLabel_dzed6_13",Fe="_doIcon_dzed6_22",qe="_doLabel_dzed6_23",W={root:Le,dont:Ee,dontIcon:Ge,dontLabel:Ae,do:"_do_dzed6_7",doIcon:Fe,doLabel:qe};function We({items:s}){return e.jsx("div",{className:W.root,children:s.map((o,r)=>e.jsxs(t.SimpleGrid,{cols:{base:1,sm:2},spacing:"md",children:[e.jsxs(t.Paper,{className:W.dont,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx($.IconX,{size:16,className:W.dontIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:W.dontLabel,children:"Don't"})]}),e.jsx(t.Text,{size:"sm",children:o.dont})]}),e.jsxs(t.Paper,{className:W.do,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx($.IconCheck,{size:16,className:W.doIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:W.doLabel,children:"Do"})]}),e.jsx(t.Text,{size:"sm",children:o.do})]})]},r))})}const Re="_root_xi08i_1",Oe="_inner_xi08i_6",de={root:Re,inner:Oe};function He({title:s,description:o,expandedContent:r,icon:a,color:i="blue",iconSize:h="lg",collapsedHeight:_=120,threshold:p=.5,delay:g=300,expanded:m,onExpandedChange:x}){const y=l.useRef(null),[c,b]=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 n=new IntersectionObserver(([j])=>{j.isIntersecting&&setTimeout(()=>{b(!0),x==null||x(!0)},g)},{threshold:p});return n.observe(v),()=>n.disconnect()},[d,p,g,x]),e.jsx(t.Paper,{ref:y,radius:4,className:de.root,component:S.motion.div,animate:{height:u?"auto":_},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:o}),e.jsx(S.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 r=="string"?e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"sm",children:r}):r})]}),e.jsx(S.motion.div,{animate:{scale:u?1.1:1},transition:{duration:.3},children:e.jsx(t.ThemeIcon,{size:h,radius:4,color:i,variant:"filled",children:e.jsx(a,{size:20,stroke:1.5})})})]})})})}function re({variant:s,children:o}){const r=s==="do";return e.jsxs(t.Badge,{variant:"light",color:r?"green":"red",size:"lg",radius:"sm",styles:{root:{textTransform:"none",fontWeight:400},label:{whiteSpace:"normal",lineHeight:1.4}},children:[e.jsxs("strong",{children:[r?"Do":"Don't",":"]})," ",o]})}const Ve="_root_1bah1_1",Ue={root:Ve};function Xe({accentColor:s,title:o,description:r,doHint:a,dontHint:i}){return e.jsxs(t.Paper,{className:Ue.root,p:"lg",radius:"md",style:{borderLeftColor:s},children:[e.jsx(t.Title,{order:3,size:"h4",mb:"xs",children:o}),e.jsx(t.Text,{c:"dimmed",children:r}),(a||i)&&e.jsxs(t.Group,{gap:"sm",mt:"md",wrap:"wrap",children:[a&&e.jsx(re,{variant:"do",children:a}),i&&e.jsx(re,{variant:"dont",children:i})]})]})}const Ye="_root_ioshc_1",Ke="_quoteIcon_ioshc_6",ue={root:Ye,quoteIcon:Ke};function Je(s){return s.split(" ").map(o=>o[0]).join("").toUpperCase().slice(0,2)}function Qe({quote:s,name:o,role:r,company:a,avatarSrc:i,accentColor:h="blue"}){const _=`var(--mantine-color-${h}-filled)`;return e.jsxs(t.Paper,{className:ue.root,p:"lg",radius:"md",style:{borderLeftColor:_},children:[e.jsx($.IconQuote,{size:32,className:ue.quoteIcon,color:_}),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:o,color:h,radius:"xl",size:"md",children:Je(o)}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fw:600,size:"sm",children:o}),(r||a)&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:[r,a].filter(Boolean).join(", ")})]})]})]})}const Ze="_root_1r7u3_1",et="_chartWrapper_1r7u3_5",tt="_circle_1r7u3_9",st="_centerText_1r7u3_13",ot="_toggle_1r7u3_20",nt="_toggleTrack_1r7u3_26",rt="_toggleTrackDark_1r7u3_35",at="_toggleThumb_1r7u3_39",it="_toggleThumbDark_1r7u3_51",lt="_swatch_1r7u3_55",M={root:Ze,chartWrapper:et,circle:tt,centerText:st,toggle:ot,toggleTrack:nt,toggleTrackDark:rt,toggleThumb:at,toggleThumbDark:it,swatch:lt};function ct(){const[s,o]=l.useState(!1),[r,a]=l.useState(0),i=[{color:"#5AB267",label:"Success"},{color:"#E63459",label:"Error"},{color:"#E79E26",label:"Warning"}];l.useEffect(()=>{const d=setInterval(()=>a(u=>(u+1)%3),2e3);return()=>clearInterval(d)},[]);const h=i[r],_=[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 (${h.label})`,pct:5,color:h.color}],p=80,g=120,m=120,x=36,y=2*Math.PI*p;let c=0;const b=_.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:M.root,children:[e.jsx(t.Box,{className:M.chartWrapper,children:e.jsxs("svg",{width:240,height:240,viewBox:"0 0 240 240",children:[b.map((d,u)=>e.jsx("circle",{cx:g,cy:m,r:p,fill:"none",stroke:d.color,strokeWidth:x,strokeDasharray:d.dasharray,strokeDashoffset:d.dashoffset,transform:`rotate(-90 ${g} ${m})`,className:M.circle},u)),e.jsxs("text",{x:g,y:m+6,textAnchor:"middle",className:M.centerText,children:[s?"Dark":"Light"," Mode"]})]})}),e.jsxs(t.Stack,{gap:"lg",children:[e.jsx(t.Button,{onClick:()=>o(!s),variant:"default",radius:"xl",size:"sm",className:M.toggle,leftSection:e.jsx(t.Box,{className:`${M.toggleTrack} ${s?M.toggleTrackDark:""}`,children:e.jsx(t.Box,{className:`${M.toggleThumb} ${s?M.toggleThumbDark:""}`})}),children:s?"Dark Mode":"Light Mode"}),e.jsx(t.Stack,{gap:8,children:_.map((d,u)=>e.jsxs(t.Group,{gap:8,wrap:"nowrap",children:[e.jsx(t.Box,{className:M.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 dt="_root_1bq7s_1",ut="_svg_1bq7s_12",me={root:dt,svg:ut},mt=140,he=3,xe=10,je=150,R=je/2;function ae({barCount:s=mt,duration:o=3,repeatDelay:r=3}){const[a,i]=l.useState(!1);if(l.useEffect(()=>{i(!0)},[]),!a)return null;const h=s*xe;return e.jsx("div",{className:me.root,children:e.jsxs("svg",{className:me.svg,viewBox:`0 0 ${h} ${je}`,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((_,p)=>{const g=p*xe,m=18+Math.sin(p*.4)*6+Math.cos(p*.7)*4,x=Math.min(p,s-1-p)*.04;return e.jsxs("g",{children:[e.jsx(S.motion.rect,{x:g,width:he,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:m/2,y:R-m/4},animate:{height:[m/2,m*2,m/2,m*1.2,m/2],y:[R-m/4,R-m,R-m/4,R-m*.6,R-m/4]},transition:{duration:o,repeat:1/0,ease:"easeInOut",delay:x,repeatDelay:r}}),e.jsx(S.motion.rect,{x:g,y:R,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:o,repeat:1/0,ease:"easeInOut",delay:x,repeatDelay:r}})]},p)})]})})}const ht="_root_1pkxe_1",xt="_progressOverlay_1pkxe_9",pt="_bars_1pkxe_19",gt="_bar_1pkxe_19",ft="_loading_1pkxe_34",U={root:ht,progressOverlay:xt,bars:pt,bar:gt,loading:ft};function _t(s=100){const o=[];for(let r=0;r<s;r++){const a=r/(s-1),i=20+Math.sin(r*.1)*15,h=(Math.random()-.5)*20,_=Math.sin(a*Math.PI)*30,p=a>.2&&a<.8?Math.random()*10:0,g=a<.05||a>.95?Math.min(a/.05,(1-a)/.05):1;o.push(Math.max(5,Math.min(90,(i+h+_+p)*g)))}return o}const te=l.forwardRef(({audioRef:s,currentTime:o=0,onSeek:r,loading:a=!1,waveColor:i="#CCCCCC",progressColor:h="#169bde",height:_=60,barWidth:p=2,barGap:g=1},m)=>{const x=l.useRef(null),[y]=l.useState(()=>_t()),[c,b]=l.useState(0),[d,u]=l.useState(0);l.useImperativeHandle(m,()=>({seekTo:n=>{c>0&&u(Math.max(0,Math.min(100,n/c*100)))},getCurrentTime:()=>d/100*c,getDuration:()=>c})),l.useEffect(()=>{const n=s.current;if(!n)return;const j=()=>{n.duration&&!isNaN(n.duration)&&b(n.duration)},k=()=>{n.duration>0&&u(n.currentTime/n.duration*100)};return n.duration&&!isNaN(n.duration)&&b(n.duration),n.addEventListener("loadedmetadata",j),n.addEventListener("timeupdate",k),()=>{n.removeEventListener("loadedmetadata",j),n.removeEventListener("timeupdate",k)}},[s]),l.useEffect(()=>{c>0&&typeof o=="number"&&u(o/c*100)},[o,c]);const v=l.useCallback(n=>{if(!x.current||!r||c===0)return;const j=x.current.getBoundingClientRect(),k=(n.clientX-j.left)/j.width*c;r(k)},[r,c]);return e.jsxs(t.Box,{ref:x,className:U.root,style:{height:_},onClick:v,children:[e.jsx("div",{className:U.progressOverlay,style:{width:`${d}%`,backgroundColor:`${h}15`}}),e.jsx("div",{className:U.bars,style:{gap:g},children:y.map((n,j)=>{const k=j/y.length*100<=d;return e.jsx("div",{className:U.bar,style:{width:p,height:`${n}%`,backgroundColor:k?h:i}},j)})}),a&&e.jsx("div",{className:U.loading,children:"Loading waveform..."})]})});te.displayName="AudioWaveform";function jt({isActive:s=!1,height:o=60}){const r=l.useRef(null),a=l.useRef(void 0),[i,h]=l.useState(!1),_=l.useRef(null),p=l.useRef(null),{colorScheme:g}=t.useMantineColorScheme(),m=g==="dark",x={start:m?"#7950F2":"#9775FA",mid:m?"#BE4BDB":"#DA77F2",end:m?"#15AABF":"#22B8CF"},y=l.useCallback((c,b,d,u)=>{c.clearRect(0,0,b,d);const v=s||i,n=d*.65,j=s?5:i?7:1.5;v&&(p.current===null&&(p.current=Math.random()),Math.floor(u/500)!==Math.floor((u-16)/500)&&(p.current=Math.random()));const k=c.createLinearGradient(0,0,b,0);k.addColorStop(0,x.start),k.addColorStop(.5,x.mid),k.addColorStop(1,x.end),c.strokeStyle=k,c.lineWidth=v?2.5:1.5,c.lineCap="round",c.lineJoin="round",v?(c.shadowColor=x.mid,c.shadowBlur=i?12:8):c.shadowBlur=0,c.beginPath();const B=300,G=b/B,A=s?.02:i?.025:.003;for(let D=0;D<=B;D++){const N=D*G,w=N/b;let P=n;if(v){const L=Math.sin(w*Math.PI*6+u*A)*j,F=Math.sin(w*Math.PI*12+u*A*1.3)*(j*.4),q=Math.sin(w*Math.PI*18+u*A*.8)*(j*.2),V=p.current??.5,f=Math.abs(w-V),T=f<.15?(1-f/.15)*j*1:0,I=Math.sin(w*Math.PI*20+u*A*2)*T;let O=0;i&&(O=Math.sin(w*Math.PI*30+u*.03)*j*.4,O+=Math.sin(w*Math.PI*8+u*.015)*j*.5);const J=L+F+q+I+O,Q=Math.sin(w*Math.PI);P=n+J*Q}else P+=Math.sin(w*Math.PI*2+u*A)*j;D===0?c.moveTo(N,P):c.lineTo(N,P)}if(c.stroke(),s){const w=b/80,P=16;c.shadowBlur=3;for(let L=0;L<80;L++){const F=L*w+w/2,q=F/b,V=Math.sin(q*Math.PI*8+u*.025)*.5+Math.sin(q*Math.PI*14+u*.018)*.3+Math.sin(q*Math.PI*4+u*.03)*.2,f=Math.sin(q*Math.PI),T=Math.abs(V)*P*f,I=c.createLinearGradient(F,n-T/2,F,n+T/2);I.addColorStop(0,x.start+"90"),I.addColorStop(.5,x.mid+"70"),I.addColorStop(1,x.end+"50"),c.fillStyle=I,c.fillRect(F-2/2,n-T/2,2,T)}}if(i)for(let N=0;N<15;N++){const w=(Math.sin(u*.001+N*1.5)*.5+.5)*b,P=n+Math.sin(u*.002+N)*8,L=1.5+Math.sin(u*.003+N*2)*.5;c.beginPath(),c.arc(w,P,L,0,Math.PI*2),c.fillStyle=N%2===0?x.start+"80":x.end+"80",c.fill()}},[s,i,x.start,x.mid,x.end]);return l.useEffect(()=>{const c=r.current;if(!c)return;const b=c.getContext("2d");if(!b)return;const d=()=>{const n=window.devicePixelRatio||1,j=c.getBoundingClientRect();c.width=j.width*n,c.height=j.height*n,b.scale(n,n)};d(),window.addEventListener("resize",d);const u=performance.now(),v=n=>{const j=n-u,k=c.getBoundingClientRect();y(b,k.width,k.height,j),a.current=requestAnimationFrame(v)};return a.current=requestAnimationFrame(v),()=>{window.removeEventListener("resize",d),a.current&&cancelAnimationFrame(a.current)}},[y]),l.useEffect(()=>{if(s){queueMicrotask(()=>h(!1)),_.current=Date.now();return}const b=setInterval(()=>{const d=Date.now();_.current===null&&(_.current=d);const u=d-_.current,v=12e4+Math.random()*6e4;u>=v&&!i&&(h(!0),_.current=d,setTimeout(()=>h(!1),4e3))},5e3);return()=>clearInterval(b)},[s,i]),e.jsx(t.Box,{style:{position:"relative",width:"100%",height:o,overflow:"hidden",pointerEvents:"none",opacity:m?1:.8},children:e.jsx("canvas",{ref:r,style:{width:"100%",height:"100%",display:"block"}})})}const bt="_root_1vlvy_1",yt="_video_1vlvy_9",pe={root:bt,video:yt};function be({src:s,opacity:o=.3}){return e.jsx("div",{className:pe.root,style:{opacity:o},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 vt="_root_ix1b2_1",kt="_toast_ix1b2_5",ge={root:vt,toast:kt};function K({value:s,children:o}){const[r,a]=l.useState(null),i=l.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:ge.root,title:`Click to copy ${s}`,children:o}),r&&e.jsx(t.Portal,{children:e.jsx(t.Notification,{withCloseButton:!1,className:ge.toast,color:"blue",children:r})})]})}const Tt="_root_3ht5s_1",wt="_shade_3ht5s_5",Ct="_color_3ht5s_10",Nt="_main_3ht5s_20",Z={root:Tt,shade:wt,color:Ct,main:Nt};function It({name:s,shades:o,mainIndex:r=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:o.map((a,i)=>e.jsx(K,{value:a,children:e.jsxs("div",{className:Z.shade,children:[e.jsx("div",{className:`${Z.color} ${i===r?Z.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 St="_root_1vxkx_1",Bt="_preview_1vxkx_11",$t="_info_1vxkx_15",se={root:St,preview:Bt,info:$t};function zt({name:s,hex:o,label:r}){return e.jsx(K,{value:o,children:e.jsxs(t.Paper,{className:se.root,shadow:"lg",radius:"md",withBorder:!1,children:[e.jsx("div",{className:se.preview,style:{backgroundColor:o}}),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:o}),r&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:r})]})]})})}const Pt="_root_9li00_1",Mt="_preview_9li00_11",Dt="_info_9li00_15",oe={root:Pt,preview:Mt,info:Dt};function Lt({name:s,colors:o,description:r}){const a=`linear-gradient(135deg, ${o[0]} 0%, ${o[1]} 100%)`;return e.jsx(K,{value:a,children:e.jsxs(t.Paper,{className:oe.root,shadow:"lg",radius:"md",children:[e.jsx("div",{className:oe.preview,style:{background:a}}),e.jsxs("div",{className:oe.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),r&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:r}),e.jsxs(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:[o[0]," → ",o[1]]})]})]})})}const Et="_toggle_1nlbe_1",Gt="_toggleTrack_1nlbe_7",At="_toggleTrackDark_1nlbe_16",Ft="_toggleThumb_1nlbe_20",qt="_toggleThumbDark_1nlbe_32",Wt="_card_1nlbe_36",Rt="_preview_1nlbe_49",Ot="_sampleText_1nlbe_58",Ht="_details_1nlbe_65",E={toggle:Et,toggleTrack:Gt,toggleTrackDark:At,toggleThumb:Ft,toggleThumbDark:qt,card:Wt,preview:Rt,sampleText:Ot,details:Ht};function Vt(){const[s,o]=l.useState(!1);t.useComputedColorScheme("light");const r={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?r.dark:r.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:()=>o(!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(K,{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 Ut="_root_n9zxy_1",Xt="_playButton_n9zxy_8",Yt="_time_n9zxy_22",Kt="_volumeGroup_n9zxy_28",X={root:Ut,playButton:Xt,time:Yt,volumeGroup:Kt};function ne(s){const o=Math.floor(s/60),r=Math.floor(s%60);return`${o.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}function Jt({src:s,filename:o="audio",playButtonColor:r,playButtonSize:a=32,waveColor:i="#D0D0D0",progressColor:h="#a8a8a8",waveHeight:_=64,barWidth:p=3,barGap:g=2,showVolume:m=!0,showDownload:x=!0}){const y=l.useRef(null),[c,b]=l.useState(!1),[d,u]=l.useState(0),[v,n]=l.useState("00:00"),[j,k]=l.useState("00:00"),[B,G]=l.useState(50),[A,D]=l.useState(50),[N,w]=l.useState(!1);l.useEffect(()=>{const f=y.current;if(!f)return;f.volume=B/100;const T=()=>{u(f.currentTime),n(ne(f.currentTime))},I=()=>k(ne(f.duration)),O=()=>{setTimeout(()=>{u(0),n("00:00"),b(!1)},500)},J=()=>b(!0),Q=()=>b(!1);return f.addEventListener("timeupdate",T),f.addEventListener("loadedmetadata",I),f.addEventListener("ended",O),f.addEventListener("play",J),f.addEventListener("pause",Q),()=>{f.removeEventListener("timeupdate",T),f.removeEventListener("loadedmetadata",I),f.removeEventListener("ended",O),f.removeEventListener("play",J),f.removeEventListener("pause",Q)}},[s]);const P=l.useCallback(()=>{const f=y.current;f&&(c?f.pause():f.play().catch(()=>{}))},[c]),L=l.useCallback(f=>{const T=y.current;T&&!isNaN(f)&&isFinite(f)&&(T.currentTime=f,u(f),n(ne(f)))},[]),F=l.useCallback(f=>{const T=y.current;T&&(T.volume=f/100,G(f),f>0?(D(f),w(!1)):w(!0))},[]),q=l.useCallback(()=>{const f=y.current;if(f)if(N){const T=A||50;f.volume=T/100,G(T),w(!1)}else D(B),f.volume=0,G(0),w(!0)},[N,B,A]),V=l.useCallback(()=>{fetch(s).then(f=>f.blob()).then(f=>{const T=URL.createObjectURL(f),I=document.createElement("a");I.href=T,I.download=o,document.body.appendChild(I),I.click(),document.body.removeChild(I),URL.revokeObjectURL(T)}).catch(()=>window.open(s,"_blank"))},[s,o]);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:r,onClick:P,"aria-label":c?"Pause":"Play",className:X.playButton,children:c?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(te,{audioRef:y,currentTime:d,onSeek:L,waveColor:i,progressColor:h,height:_,barWidth:p,barGap:g})}),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:q,"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"})]}),x&&e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:V,"aria-label":"Download",children:e.jsx($.IconDownload,{size:16})})]})}const Qt="_root_13w21_1",Zt="_playButton_13w21_11",fe={root:Qt,playButton:Zt},es={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:o="mini",waveColor:r="#CCCCCC",progressColor:a="#169bde",onPlay:i,onPause:h,className:_,style:p},g)=>{const m=l.useRef(null),[x,y]=l.useState(!1),[c,b]=l.useState(0),d=es[o];l.useEffect(()=>{const n=m.current;if(!n)return;const j=()=>b(n.currentTime),k=()=>{y(!1),b(0)},B=()=>y(!1),G=()=>y(!0);return n.addEventListener("timeupdate",j),n.addEventListener("ended",k),n.addEventListener("pause",B),n.addEventListener("play",G),()=>{n.removeEventListener("timeupdate",j),n.removeEventListener("ended",k),n.removeEventListener("pause",B),n.removeEventListener("play",G)}},[s]);const u=l.useCallback(()=>{const n=m.current;n&&(x?(n.pause(),h==null||h()):(n.play().catch(()=>{}),i==null||i()))},[x,i,h]),v=l.useCallback(n=>{const j=m.current;j&&!isNaN(n)&&isFinite(n)&&(j.currentTime=n,b(n))},[]);return e.jsxs(t.Group,{ref:g,gap:o==="mini"?6:o==="small"?8:10,wrap:"nowrap",className:`${fe.root} ${_??""}`,style:{height:d.height,...p},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":x?"Pause":"Play",className:fe.playButton,children:x?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:r,progressColor:a,height:d.waveHeight,barWidth:d.barWidth,barGap:d.barGap})})]})});ye.displayName="MiniAudioPlayer";const ts="_root_4fblk_1",ss="_actions_4fblk_22",os="_fab_4fblk_43",ns="_actionButton_4fblk_63",ee={root:ts,actions:ss,fab:os,actionButton:ns};function rs({actions:s,icon:o,openIcon:r,direction:a="up",color:i="blue",size:h=56,defaultOpen:_=!1,open:p,onOpenChange:g,style:m,className:x}){const[y,c]=l.useState(_),b=p??y,d=l.useCallback(()=>{const n=!b;c(n),g==null||g(n)},[b,g]),u=l.useCallback(()=>{c(!1),g==null||g(!1)},[g]),v=a==="up"||a==="down";return e.jsxs(t.Box,{className:`${ee.root} ${x??""}`,style:m,"data-direction":a,children:[e.jsx("div",{className:ee.actions,"data-direction":a,children:s.map((n,j)=>{const k=a==="up"||a==="left"?s.length-1-j:j;return e.jsx(t.Transition,{mounted:b,transition:v?"slide-up":"slide-right",duration:200,timingFunction:"ease",enterDelay:k*40,children:B=>e.jsx(t.Tooltip,{label:n.label,position:v?"left":"top",children:e.jsx(t.ActionIcon,{variant:"filled",color:"gray",radius:"xl",size:h*.7,style:B,className:ee.actionButton,onClick:()=>{n.onClick(),u()},"aria-label":n.label,children:n.icon})})},n.label)})}),e.jsx(t.ActionIcon,{variant:"filled",color:i,radius:"xl",size:h,onClick:d,className:ee.fab,"data-open":b||void 0,"aria-label":b?"Close actions":"Open actions",children:b?r??o??e.jsx($.IconPlus,{size:h*.45}):o??e.jsx($.IconPlus,{size:h*.45})})]})}const as="_root_18iq7_1",is="_content_18iq7_8",ls="_label_18iq7_21",cs="_vignette_18iq7_38",ds="_logoWrapper_18iq7_51",us="_logo_18iq7_51",ms="_glow_18iq7_74",hs="_textWrapper_18iq7_86",xs="_heading_18iq7_92",ps="_shimmer_18iq7_126",gs="_tagline_18iq7_130",fs="_primaryButton_18iq7_146",_s="_secondaryButton_18iq7_158",js="_scrollIndicator_18iq7_175",bs="_scrollLabel_18iq7_186",ys="_scrollLine_18iq7_194",C={root:as,content:is,label:ls,vignette:cs,logoWrapper:ds,logo:us,glow:ms,textWrapper:hs,heading:xs,shimmer:ps,tagline:gs,primaryButton:fs,secondaryButton:_s,scrollIndicator:js,scrollLabel:bs,scrollLine:ys};function vs({variant:s="logo",heading:o,label:r,tagline:a,logoSrc:i=ve,gradient:h="frequencyAlive",shimmer:_=!0,primaryAction:p,secondaryAction:g,backgroundVideoSrc:m,showWaveform:x,showScrollIndicator:y=!1}){const[c,b]=l.useState(!1),d=typeof i=="string"?i:i==null?void 0:i.src,u=o??(s==="text"?"Your Message":void 0),v=r||(s==="logo"?"Welcome":void 0),n=p||g,j=x??!0,k=ke.gradients[h];return l.useEffect(()=>{b(!0)},[]),e.jsxs(t.Box,{component:"section",className:C.root,children:[m&&e.jsx(be,{src:m}),e.jsxs("div",{className:C.content,children:[c&&e.jsxs(e.Fragment,{children:[v&&e.jsx(S.motion.p,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,delay:.2},className:C.label,children:v}),s==="logo"&&e.jsxs(S.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(ae,{}),j&&e.jsx("div",{className:C.vignette}),e.jsx(S.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(S.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(ae,{}),j&&e.jsx("div",{className:C.vignette}),e.jsx(t.Title,{order:1,className:`${C.heading} ${_?C.shimmer:""}`,style:{backgroundImage:`linear-gradient(135deg, ${k.from}, ${k.to}, ${k.from})`,backgroundSize:_?"200% 100%":void 0},children:u})]}),a&&e.jsx(S.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})}),n&&e.jsx(S.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:[p&&e.jsx(t.Button,{component:"a",href:p.href,size:"lg",radius:4,className:C.primaryButton,children:p.label}),g&&e.jsx(t.Button,{component:"a",href:g.href,size:"lg",radius:4,variant:"outline",className:C.secondaryButton,children:g.label})]})})]}),c&&y&&e.jsxs(S.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(S.motion.div,{className:C.scrollLine,animate:{scaleY:[1,1.5,1]},transition:{duration:1.5,repeat:1/0}})]})]})]})}const ks="_container_9xj91_1",Ts="_layout_9xj91_16",ws="_reversed_9xj91_29",Cs="_headingSide_9xj91_39",Ns="_sticky_9xj91_49",Is="_stickyInner_9xj91_54",Ss="_contentSide_9xj91_65",Bs="_title_9xj91_76",$s="_preTitle_9xj91_82",zs="_titleHighlight_9xj91_88",Ps="_description_9xj91_95",z={container:ks,layout:Ts,reversed:ws,headingSide:Cs,sticky:Ns,stickyInner:Is,contentSide:Ss,title:Bs,preTitle:$s,titleHighlight:zs,description:Ps};function Ms({badge:s,badgeColor:o="violet",subtitle:r,title:a,titleColor:i="blue",preTitle:h,description:_,actions:p,heading:g,children:m,stickyHeading:x=!1,py:y,reversed:c=!1,id:b,className:d}){const u=g??e.jsxs(t.Stack,{gap:"sm",children:[s&&e.jsxs(t.Box,{children:[e.jsx(t.Badge,{color:o,variant:"filled",size:"sm",radius:4,tt:"uppercase",fw:700,children:s}),r&&e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"xs",tt:"uppercase",style:{letterSpacing:"0.05em"},children:r})]}),!s&&r&&e.jsx(t.Text,{size:"sm",c:"dimmed",tt:"uppercase",style:{letterSpacing:"0.05em"},children:r}),(h||a)&&e.jsxs(t.Title,{order:2,className:z.title,children:[h&&e.jsx("span",{className:z.preTitle,children:h}),h&&e.jsx("br",{}),a&&e.jsx(t.Text,{component:"span",inherit:!0,className:z.titleHighlight,c:i,children:a})]}),_&&e.jsx(t.Text,{size:"lg",c:"dimmed",lh:1.7,className:z.description,children:_}),p&&e.jsx(t.Box,{mt:"md",children:p})]});return e.jsx(t.Box,{component:"section",py:y??"calc(var(--mantine-spacing-xl) * 3)",pos:"relative",id:b,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} ${x?z.sticky:""}`,children:e.jsx(t.Box,{className:x?z.stickyInner:void 0,children:u})}),e.jsx(t.Box,{className:z.contentSide,children:m})]})})})}function Ds({value:s,suffix:o="",prefix:r="",duration:a=2e3,threshold:i=.5,abbreviate:h=!0,decimals:_,...p}){const[g,m]=l.useState(0),[x,y]=l.useState(!1),c=l.useRef(null);l.useEffect(()=>{const d=c.current;if(!d)return;const u=new IntersectionObserver(([v])=>{v.isIntersecting&&!x&&y(!0)},{threshold:i});return u.observe(d),()=>u.disconnect()},[x,i]),l.useEffect(()=>{if(!x)return;let d,u;const v=n=>{d||(d=n);const j=Math.min((n-d)/a,1),k=1-Math.pow(1-j,3);m(k*s),j<1&&(u=requestAnimationFrame(v))};return u=requestAnimationFrame(v),()=>cancelAnimationFrame(u)},[x,s,a]);const b=()=>{if(h&&s>=1e3){const d=g/1e3;return d%1===0?`${Math.round(d)}K`:`${d.toFixed(1)}K`}return _!==void 0?g.toFixed(_):s!==Math.floor(s)?g.toFixed(1):Math.round(g).toString()};return e.jsxs(t.Text,{component:"span",ref:c,style:{fontVariantNumeric:"tabular-nums"},...p,children:[r,b(),o]})}const Ls="_root_ujac8_1",Es="_textarea_ujac8_5",_e={root:Ls,textarea:Es};function Gs({code:s,filename:o,height:r=384}){const[a,i]=l.useState(!1),h=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:[o&&e.jsx(t.Text,{size:"sm",fw:500,c:"dimmed",children:o}),e.jsx(t.Button,{size:"xs",radius:"md",color:a?"green":"blue",onClick:h,children:a?"Copied!":"Copy"})]}),e.jsx("textarea",{readOnly:!0,value:s,className:_e.textarea,style:{height:r}})]})}Object.defineProperty(exports,"Anchor",{enumerable:!0,get:()=>t.Anchor});Object.defineProperty(exports,"AspectRatio",{enumerable:!0,get:()=>t.AspectRatio});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,"Center",{enumerable:!0,get:()=>t.Center});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,"Paper",{enumerable:!0,get:()=>t.Paper});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,"ThemeIcon",{enumerable:!0,get:()=>t.ThemeIcon});Object.defineProperty(exports,"Title",{enumerable:!0,get:()=>t.Title});exports.AnimatedCounter=Ds;exports.AnimatedWaveform=ae;exports.AudioPlayer=Jt;exports.AudioWaveform=te;exports.BrandLogos=Me;exports.BrandedAppName=Ce;exports.CodeBlock=Gs;exports.ColorPalette=It;exports.ColorSwatch=zt;exports.Copyable=K;exports.DonutChart=ct;exports.DosDonts=We;exports.DownloadCard=De;exports.ExpandableCard=He;exports.FadeInSection=Y;exports.FrequencyWave=jt;exports.GradientSwatch=Lt;exports.Hero=vs;exports.HintBadge=re;exports.MiniAudioPlayer=ye;exports.PrincipleCard=Xe;exports.SpeedDial=rs;exports.SplitSection=Ms;exports.TestimonialCard=Qe;exports.TypographyColors=Vt;exports.VideoBackground=be;
|