@tarsis/toolkit 0.5.7 → 0.5.8-beta.0
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/{gl-D5zpIePJ.cjs → gl-B5V-Tq8D.cjs} +1 -1
- package/dist/{gl-Bd0Q7rQc.js → gl-BFfDUvBl.js} +1 -1
- package/dist/{index-8kVZPMr9.js → index-BnS1p2ZN.js} +195 -44
- package/dist/{index-DrWf0hU5.js → index-DXXsjiRy.js} +1 -1
- package/dist/{index-BcNPoMnw.cjs → index-DoYktnjF.cjs} +195 -44
- package/dist/{index-BVnRJ3U0.cjs → index-n7f8R1ii.cjs} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +1570 -2947
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as commonjsGlobal, a as getAugmentedNamespace, g as getDefaultExportFromCjs, W as WebGLRenderer, P as PerspectiveCamera, S as Scene, T as THREE$1, C as Clock, b as TextureLoader, R as RawShaderMaterial, D as DoubleSide, d as WebGLRenderTarget, e as Color, M as Mesh, f as TorusKnotGeometry, h as ShaderMaterial } from './index-
|
|
1
|
+
import { c as commonjsGlobal, a as getAugmentedNamespace, g as getDefaultExportFromCjs, W as WebGLRenderer, P as PerspectiveCamera, S as Scene, T as THREE$1, C as Clock, b as TextureLoader, R as RawShaderMaterial, D as DoubleSide, d as WebGLRenderTarget, e as Color, M as Mesh, f as TorusKnotGeometry, h as ShaderMaterial } from './index-BnS1p2ZN.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
4
|
object-assign
|
|
@@ -52094,11 +52094,11 @@ const BubblyParticlesButton = () => {
|
|
|
52094
52094
|
return /* @__PURE__ */ jsx("button", { className: styles$4H.root, onClick: handleClick, children: "Click me!" });
|
|
52095
52095
|
};
|
|
52096
52096
|
|
|
52097
|
-
const root$4i = "
|
|
52098
|
-
const button$o = "
|
|
52099
|
-
const p$1 = "
|
|
52100
|
-
const text$z = "
|
|
52101
|
-
const effects = "
|
|
52097
|
+
const root$4i = "_root_3ip19_1";
|
|
52098
|
+
const button$o = "_button_3ip19_13";
|
|
52099
|
+
const p$1 = "_p_3ip19_26";
|
|
52100
|
+
const text$z = "_text_3ip19_26";
|
|
52101
|
+
const effects = "_effects_3ip19_240";
|
|
52102
52102
|
const styles$4G = {
|
|
52103
52103
|
root: root$4i,
|
|
52104
52104
|
button: button$o,
|
|
@@ -68206,9 +68206,9 @@ const NeonButton = ({ className = "", ...rest }) => {
|
|
|
68206
68206
|
return /* @__PURE__ */ jsx("button", { type: "button", ...rest, className: clsx(styles$48.root, className), children: "Neon" });
|
|
68207
68207
|
};
|
|
68208
68208
|
|
|
68209
|
-
const root$3P = "
|
|
68210
|
-
const i$6 = "
|
|
68211
|
-
const text$s = "
|
|
68209
|
+
const root$3P = "_root_186y2_2";
|
|
68210
|
+
const i$6 = "_i_186y2_22";
|
|
68211
|
+
const text$s = "_text_186y2_482";
|
|
68212
68212
|
const styles$47 = {
|
|
68213
68213
|
root: root$3P,
|
|
68214
68214
|
i: i$6,
|
|
@@ -68733,11 +68733,11 @@ const ProgressButton = ({
|
|
|
68733
68733
|
);
|
|
68734
68734
|
};
|
|
68735
68735
|
|
|
68736
|
-
const root$3H = "
|
|
68737
|
-
const button$f = "
|
|
68738
|
-
const wavy = "
|
|
68739
|
-
const linear = "
|
|
68740
|
-
const glance = "
|
|
68736
|
+
const root$3H = "_root_1gjmi_1";
|
|
68737
|
+
const button$f = "_button_1gjmi_17";
|
|
68738
|
+
const wavy = "_wavy_1gjmi_62";
|
|
68739
|
+
const linear = "_linear_1gjmi_63";
|
|
68740
|
+
const glance = "_glance_1gjmi_86";
|
|
68741
68741
|
const styles$3$ = {
|
|
68742
68742
|
root: root$3H,
|
|
68743
68743
|
button: button$f,
|
|
@@ -68747,7 +68747,101 @@ const styles$3$ = {
|
|
|
68747
68747
|
};
|
|
68748
68748
|
|
|
68749
68749
|
const PsychedelicButton = ({ variant }) => {
|
|
68750
|
-
return /* @__PURE__ */
|
|
68750
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
68751
|
+
/* @__PURE__ */ jsx("svg", { style: { position: "absolute", width: 0, height: 0 }, children: /* @__PURE__ */ jsxs("defs", { children: [
|
|
68752
|
+
/* @__PURE__ */ jsxs(
|
|
68753
|
+
"filter",
|
|
68754
|
+
{
|
|
68755
|
+
id: "psychedelic-wavy-filter",
|
|
68756
|
+
x: "-20%",
|
|
68757
|
+
y: "-20%",
|
|
68758
|
+
width: "140%",
|
|
68759
|
+
height: "140%",
|
|
68760
|
+
filterUnits: "objectBoundingBox",
|
|
68761
|
+
primitiveUnits: "userSpaceOnUse",
|
|
68762
|
+
colorInterpolationFilters: "linearRGB",
|
|
68763
|
+
children: [
|
|
68764
|
+
/* @__PURE__ */ jsx(
|
|
68765
|
+
"feTurbulence",
|
|
68766
|
+
{
|
|
68767
|
+
type: "turbulence",
|
|
68768
|
+
baseFrequency: "0.04 0.03",
|
|
68769
|
+
numOctaves: "12",
|
|
68770
|
+
seed: "27",
|
|
68771
|
+
stitchTiles: "stitch",
|
|
68772
|
+
x: "0%",
|
|
68773
|
+
y: "0%",
|
|
68774
|
+
width: "100%",
|
|
68775
|
+
height: "100%",
|
|
68776
|
+
result: "turbulence"
|
|
68777
|
+
}
|
|
68778
|
+
),
|
|
68779
|
+
/* @__PURE__ */ jsx(
|
|
68780
|
+
"feDisplacementMap",
|
|
68781
|
+
{
|
|
68782
|
+
in: "SourceGraphic",
|
|
68783
|
+
in2: "turbulence",
|
|
68784
|
+
scale: "15",
|
|
68785
|
+
xChannelSelector: "R",
|
|
68786
|
+
yChannelSelector: "B",
|
|
68787
|
+
x: "0%",
|
|
68788
|
+
y: "0%",
|
|
68789
|
+
width: "100%",
|
|
68790
|
+
height: "100%",
|
|
68791
|
+
result: "displacementMap2"
|
|
68792
|
+
}
|
|
68793
|
+
)
|
|
68794
|
+
]
|
|
68795
|
+
}
|
|
68796
|
+
),
|
|
68797
|
+
/* @__PURE__ */ jsxs(
|
|
68798
|
+
"filter",
|
|
68799
|
+
{
|
|
68800
|
+
id: "psychedelic-glance-filter",
|
|
68801
|
+
x: "-20%",
|
|
68802
|
+
y: "-20%",
|
|
68803
|
+
width: "140%",
|
|
68804
|
+
height: "140%",
|
|
68805
|
+
filterUnits: "objectBoundingBox",
|
|
68806
|
+
primitiveUnits: "userSpaceOnUse",
|
|
68807
|
+
colorInterpolationFilters: "linearRGB",
|
|
68808
|
+
children: [
|
|
68809
|
+
/* @__PURE__ */ jsx(
|
|
68810
|
+
"feTurbulence",
|
|
68811
|
+
{
|
|
68812
|
+
type: "turbulence",
|
|
68813
|
+
baseFrequency: "0.02 0.03",
|
|
68814
|
+
numOctaves: "1",
|
|
68815
|
+
seed: "13",
|
|
68816
|
+
stitchTiles: "stitch",
|
|
68817
|
+
x: "0%",
|
|
68818
|
+
y: "0%",
|
|
68819
|
+
width: "100%",
|
|
68820
|
+
height: "100%",
|
|
68821
|
+
result: "turbulence"
|
|
68822
|
+
}
|
|
68823
|
+
),
|
|
68824
|
+
/* @__PURE__ */ jsx(
|
|
68825
|
+
"feDisplacementMap",
|
|
68826
|
+
{
|
|
68827
|
+
in: "SourceGraphic",
|
|
68828
|
+
in2: "turbulence",
|
|
68829
|
+
scale: "126",
|
|
68830
|
+
xChannelSelector: "R",
|
|
68831
|
+
yChannelSelector: "B",
|
|
68832
|
+
x: "0%",
|
|
68833
|
+
y: "0%",
|
|
68834
|
+
width: "100%",
|
|
68835
|
+
height: "100%",
|
|
68836
|
+
result: "displacementMap2"
|
|
68837
|
+
}
|
|
68838
|
+
)
|
|
68839
|
+
]
|
|
68840
|
+
}
|
|
68841
|
+
)
|
|
68842
|
+
] }) }),
|
|
68843
|
+
/* @__PURE__ */ jsx("div", { className: styles$3$.root, children: /* @__PURE__ */ jsx("button", { className: clsx(styles$3$.button, styles$3$[variant]), children: "hover me" }) })
|
|
68844
|
+
] });
|
|
68751
68845
|
};
|
|
68752
68846
|
|
|
68753
68847
|
const root$3G = "_root_qhbgz_1";
|
|
@@ -73861,12 +73955,12 @@ const DialControl = ({ limit = true }) => {
|
|
|
73861
73955
|
] });
|
|
73862
73956
|
};
|
|
73863
73957
|
|
|
73864
|
-
const root$2L = "
|
|
73865
|
-
const selector = "
|
|
73866
|
-
const knob$1 = "
|
|
73867
|
-
const active$i = "
|
|
73868
|
-
const list$5 = "
|
|
73869
|
-
const item$j = "
|
|
73958
|
+
const root$2L = "_root_1v201_58";
|
|
73959
|
+
const selector = "_selector_1v201_136";
|
|
73960
|
+
const knob$1 = "_knob_1v201_150";
|
|
73961
|
+
const active$i = "_active_1v201_189";
|
|
73962
|
+
const list$5 = "_list_1v201_392";
|
|
73963
|
+
const item$j = "_item_1v201_436";
|
|
73870
73964
|
const styles$2Y = {
|
|
73871
73965
|
root: root$2L,
|
|
73872
73966
|
selector: selector,
|
|
@@ -79304,9 +79398,9 @@ const ContrastBackgroundText = () => {
|
|
|
79304
79398
|
return /* @__PURE__ */ jsx("div", { className: styles$2D.bg, children: /* @__PURE__ */ jsx("span", { className: styles$2D.text, children: "One place to stack all your cards" }) });
|
|
79305
79399
|
};
|
|
79306
79400
|
|
|
79307
|
-
const root$2s = "
|
|
79308
|
-
const title$5 = "
|
|
79309
|
-
const image$c = "
|
|
79401
|
+
const root$2s = "_root_7opbl_1";
|
|
79402
|
+
const title$5 = "_title_7opbl_10";
|
|
79403
|
+
const image$c = "_image_7opbl_89";
|
|
79310
79404
|
const styles$2C = {
|
|
79311
79405
|
root: root$2s,
|
|
79312
79406
|
title: title$5,
|
|
@@ -79314,21 +79408,78 @@ const styles$2C = {
|
|
|
79314
79408
|
};
|
|
79315
79409
|
|
|
79316
79410
|
const FluidGooeyTextBackground = () => {
|
|
79317
|
-
return /* @__PURE__ */ jsxs(
|
|
79318
|
-
/* @__PURE__ */ jsx("
|
|
79319
|
-
/* @__PURE__ */
|
|
79320
|
-
|
|
79321
|
-
|
|
79322
|
-
|
|
79323
|
-
|
|
79411
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
79412
|
+
/* @__PURE__ */ jsx("svg", { style: { position: "absolute", width: 0, height: 0 }, children: /* @__PURE__ */ jsxs("defs", { children: [
|
|
79413
|
+
/* @__PURE__ */ jsxs("filter", { id: "round-desktop", children: [
|
|
79414
|
+
/* @__PURE__ */ jsx(
|
|
79415
|
+
"feGaussianBlur",
|
|
79416
|
+
{
|
|
79417
|
+
in: "SourceGraphic",
|
|
79418
|
+
stdDeviation: "10",
|
|
79419
|
+
result: "blur"
|
|
79420
|
+
}
|
|
79421
|
+
),
|
|
79422
|
+
/* @__PURE__ */ jsx(
|
|
79423
|
+
"feColorMatrix",
|
|
79424
|
+
{
|
|
79425
|
+
in: "blur",
|
|
79426
|
+
mode: "matrix",
|
|
79427
|
+
values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10",
|
|
79428
|
+
result: "goo"
|
|
79429
|
+
}
|
|
79430
|
+
),
|
|
79431
|
+
/* @__PURE__ */ jsx("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })
|
|
79432
|
+
] }),
|
|
79433
|
+
/* @__PURE__ */ jsxs("filter", { id: "round-tablet", children: [
|
|
79434
|
+
/* @__PURE__ */ jsx(
|
|
79435
|
+
"feGaussianBlur",
|
|
79436
|
+
{
|
|
79437
|
+
in: "SourceGraphic",
|
|
79438
|
+
stdDeviation: "7.5",
|
|
79439
|
+
result: "blur"
|
|
79440
|
+
}
|
|
79441
|
+
),
|
|
79442
|
+
/* @__PURE__ */ jsx(
|
|
79443
|
+
"feColorMatrix",
|
|
79444
|
+
{
|
|
79445
|
+
in: "blur",
|
|
79446
|
+
mode: "matrix",
|
|
79447
|
+
values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 15 -7.5",
|
|
79448
|
+
result: "goo"
|
|
79449
|
+
}
|
|
79450
|
+
),
|
|
79451
|
+
/* @__PURE__ */ jsx("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })
|
|
79452
|
+
] }),
|
|
79453
|
+
/* @__PURE__ */ jsxs("filter", { id: "round-mobile", children: [
|
|
79454
|
+
/* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "4", result: "blur" }),
|
|
79455
|
+
/* @__PURE__ */ jsx(
|
|
79456
|
+
"feColorMatrix",
|
|
79457
|
+
{
|
|
79458
|
+
in: "blur",
|
|
79459
|
+
mode: "matrix",
|
|
79460
|
+
values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 8 -4",
|
|
79461
|
+
result: "goo"
|
|
79462
|
+
}
|
|
79463
|
+
),
|
|
79464
|
+
/* @__PURE__ */ jsx("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })
|
|
79465
|
+
] })
|
|
79324
79466
|
] }) }),
|
|
79325
|
-
/* @__PURE__ */
|
|
79326
|
-
"
|
|
79327
|
-
|
|
79328
|
-
|
|
79329
|
-
|
|
79330
|
-
|
|
79331
|
-
|
|
79467
|
+
/* @__PURE__ */ jsxs("div", { className: styles$2C.root, children: [
|
|
79468
|
+
/* @__PURE__ */ jsx("h1", { className: styles$2C.title, children: /* @__PURE__ */ jsxs("span", { children: [
|
|
79469
|
+
/* @__PURE__ */ jsx("span", { children: "Business intelligence" }),
|
|
79470
|
+
/* @__PURE__ */ jsx("br", {}),
|
|
79471
|
+
/* @__PURE__ */ jsx("span", { children: "built around" }),
|
|
79472
|
+
/* @__PURE__ */ jsx("br", {}),
|
|
79473
|
+
/* @__PURE__ */ jsx("span", { children: "data teams" })
|
|
79474
|
+
] }) }),
|
|
79475
|
+
/* @__PURE__ */ jsx(
|
|
79476
|
+
"img",
|
|
79477
|
+
{
|
|
79478
|
+
className: styles$2C.image,
|
|
79479
|
+
src: "https://cdn.sanity.io/images/0nccms3b/production/51f800179e473cc6ae3b5523d21c0dcdde1bb8ea-1358x854.png?w=1358&h=854&q=95&fit=max&auto=format"
|
|
79480
|
+
}
|
|
79481
|
+
)
|
|
79482
|
+
] })
|
|
79332
79483
|
] });
|
|
79333
79484
|
};
|
|
79334
79485
|
|
|
@@ -80751,7 +80902,7 @@ const EndlessLoader = ({ container }) => {
|
|
|
80751
80902
|
return;
|
|
80752
80903
|
}
|
|
80753
80904
|
try {
|
|
80754
|
-
const GLModule = await import('./gl-
|
|
80905
|
+
const GLModule = await import('./gl-BFfDUvBl.js');
|
|
80755
80906
|
if (!isActiveRef.current) {
|
|
80756
80907
|
return;
|
|
80757
80908
|
}
|
|
@@ -86659,11 +86810,11 @@ const ScrambledText = ({ children, reveal = false }) => {
|
|
|
86659
86810
|
);
|
|
86660
86811
|
};
|
|
86661
86812
|
|
|
86662
|
-
const root$Y = "
|
|
86663
|
-
const line = "
|
|
86664
|
-
const word$1 = "
|
|
86665
|
-
const link = "
|
|
86666
|
-
const letter = "
|
|
86813
|
+
const root$Y = "_root_kw2ds_1";
|
|
86814
|
+
const line = "_line_kw2ds_9";
|
|
86815
|
+
const word$1 = "_word_kw2ds_14";
|
|
86816
|
+
const link = "_link_kw2ds_18";
|
|
86817
|
+
const letter = "_letter_kw2ds_22";
|
|
86667
86818
|
const styles$11 = {
|
|
86668
86819
|
root: root$Y,
|
|
86669
86820
|
line: line,
|
|
@@ -96617,7 +96768,7 @@ const Lock = () => {
|
|
|
96617
96768
|
}
|
|
96618
96769
|
};
|
|
96619
96770
|
const asynchronously = async () => {
|
|
96620
|
-
const Flickity = await import('./index-
|
|
96771
|
+
const Flickity = await import('./index-DXXsjiRy.js').then(n => n.i).then((m) => m.default);
|
|
96621
96772
|
if (!rowsRef.current || !window) return;
|
|
96622
96773
|
const rows = rowsRef.current.children;
|
|
96623
96774
|
for (let i = 0, len = rows.length; i < len; i++) {
|
|
@@ -52114,11 +52114,11 @@ const BubblyParticlesButton = () => {
|
|
|
52114
52114
|
return /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles$4H.root, onClick: handleClick, children: "Click me!" });
|
|
52115
52115
|
};
|
|
52116
52116
|
|
|
52117
|
-
const root$4i = "
|
|
52118
|
-
const button$o = "
|
|
52119
|
-
const p$1 = "
|
|
52120
|
-
const text$z = "
|
|
52121
|
-
const effects = "
|
|
52117
|
+
const root$4i = "_root_3ip19_1";
|
|
52118
|
+
const button$o = "_button_3ip19_13";
|
|
52119
|
+
const p$1 = "_p_3ip19_26";
|
|
52120
|
+
const text$z = "_text_3ip19_26";
|
|
52121
|
+
const effects = "_effects_3ip19_240";
|
|
52122
52122
|
const styles$4G = {
|
|
52123
52123
|
root: root$4i,
|
|
52124
52124
|
button: button$o,
|
|
@@ -68226,9 +68226,9 @@ const NeonButton = ({ className = "", ...rest }) => {
|
|
|
68226
68226
|
return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...rest, className: clsx(styles$48.root, className), children: "Neon" });
|
|
68227
68227
|
};
|
|
68228
68228
|
|
|
68229
|
-
const root$3P = "
|
|
68230
|
-
const i$6 = "
|
|
68231
|
-
const text$s = "
|
|
68229
|
+
const root$3P = "_root_186y2_2";
|
|
68230
|
+
const i$6 = "_i_186y2_22";
|
|
68231
|
+
const text$s = "_text_186y2_482";
|
|
68232
68232
|
const styles$47 = {
|
|
68233
68233
|
root: root$3P,
|
|
68234
68234
|
i: i$6,
|
|
@@ -68753,11 +68753,11 @@ const ProgressButton = ({
|
|
|
68753
68753
|
);
|
|
68754
68754
|
};
|
|
68755
68755
|
|
|
68756
|
-
const root$3H = "
|
|
68757
|
-
const button$f = "
|
|
68758
|
-
const wavy = "
|
|
68759
|
-
const linear = "
|
|
68760
|
-
const glance = "
|
|
68756
|
+
const root$3H = "_root_1gjmi_1";
|
|
68757
|
+
const button$f = "_button_1gjmi_17";
|
|
68758
|
+
const wavy = "_wavy_1gjmi_62";
|
|
68759
|
+
const linear = "_linear_1gjmi_63";
|
|
68760
|
+
const glance = "_glance_1gjmi_86";
|
|
68761
68761
|
const styles$3$ = {
|
|
68762
68762
|
root: root$3H,
|
|
68763
68763
|
button: button$f,
|
|
@@ -68767,7 +68767,101 @@ const styles$3$ = {
|
|
|
68767
68767
|
};
|
|
68768
68768
|
|
|
68769
68769
|
const PsychedelicButton = ({ variant }) => {
|
|
68770
|
-
return /* @__PURE__ */ jsxRuntime.
|
|
68770
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
68771
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { style: { position: "absolute", width: 0, height: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
|
|
68772
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
68773
|
+
"filter",
|
|
68774
|
+
{
|
|
68775
|
+
id: "psychedelic-wavy-filter",
|
|
68776
|
+
x: "-20%",
|
|
68777
|
+
y: "-20%",
|
|
68778
|
+
width: "140%",
|
|
68779
|
+
height: "140%",
|
|
68780
|
+
filterUnits: "objectBoundingBox",
|
|
68781
|
+
primitiveUnits: "userSpaceOnUse",
|
|
68782
|
+
colorInterpolationFilters: "linearRGB",
|
|
68783
|
+
children: [
|
|
68784
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
68785
|
+
"feTurbulence",
|
|
68786
|
+
{
|
|
68787
|
+
type: "turbulence",
|
|
68788
|
+
baseFrequency: "0.04 0.03",
|
|
68789
|
+
numOctaves: "12",
|
|
68790
|
+
seed: "27",
|
|
68791
|
+
stitchTiles: "stitch",
|
|
68792
|
+
x: "0%",
|
|
68793
|
+
y: "0%",
|
|
68794
|
+
width: "100%",
|
|
68795
|
+
height: "100%",
|
|
68796
|
+
result: "turbulence"
|
|
68797
|
+
}
|
|
68798
|
+
),
|
|
68799
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
68800
|
+
"feDisplacementMap",
|
|
68801
|
+
{
|
|
68802
|
+
in: "SourceGraphic",
|
|
68803
|
+
in2: "turbulence",
|
|
68804
|
+
scale: "15",
|
|
68805
|
+
xChannelSelector: "R",
|
|
68806
|
+
yChannelSelector: "B",
|
|
68807
|
+
x: "0%",
|
|
68808
|
+
y: "0%",
|
|
68809
|
+
width: "100%",
|
|
68810
|
+
height: "100%",
|
|
68811
|
+
result: "displacementMap2"
|
|
68812
|
+
}
|
|
68813
|
+
)
|
|
68814
|
+
]
|
|
68815
|
+
}
|
|
68816
|
+
),
|
|
68817
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
68818
|
+
"filter",
|
|
68819
|
+
{
|
|
68820
|
+
id: "psychedelic-glance-filter",
|
|
68821
|
+
x: "-20%",
|
|
68822
|
+
y: "-20%",
|
|
68823
|
+
width: "140%",
|
|
68824
|
+
height: "140%",
|
|
68825
|
+
filterUnits: "objectBoundingBox",
|
|
68826
|
+
primitiveUnits: "userSpaceOnUse",
|
|
68827
|
+
colorInterpolationFilters: "linearRGB",
|
|
68828
|
+
children: [
|
|
68829
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
68830
|
+
"feTurbulence",
|
|
68831
|
+
{
|
|
68832
|
+
type: "turbulence",
|
|
68833
|
+
baseFrequency: "0.02 0.03",
|
|
68834
|
+
numOctaves: "1",
|
|
68835
|
+
seed: "13",
|
|
68836
|
+
stitchTiles: "stitch",
|
|
68837
|
+
x: "0%",
|
|
68838
|
+
y: "0%",
|
|
68839
|
+
width: "100%",
|
|
68840
|
+
height: "100%",
|
|
68841
|
+
result: "turbulence"
|
|
68842
|
+
}
|
|
68843
|
+
),
|
|
68844
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
68845
|
+
"feDisplacementMap",
|
|
68846
|
+
{
|
|
68847
|
+
in: "SourceGraphic",
|
|
68848
|
+
in2: "turbulence",
|
|
68849
|
+
scale: "126",
|
|
68850
|
+
xChannelSelector: "R",
|
|
68851
|
+
yChannelSelector: "B",
|
|
68852
|
+
x: "0%",
|
|
68853
|
+
y: "0%",
|
|
68854
|
+
width: "100%",
|
|
68855
|
+
height: "100%",
|
|
68856
|
+
result: "displacementMap2"
|
|
68857
|
+
}
|
|
68858
|
+
)
|
|
68859
|
+
]
|
|
68860
|
+
}
|
|
68861
|
+
)
|
|
68862
|
+
] }) }),
|
|
68863
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3$.root, children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: clsx(styles$3$.button, styles$3$[variant]), children: "hover me" }) })
|
|
68864
|
+
] });
|
|
68771
68865
|
};
|
|
68772
68866
|
|
|
68773
68867
|
const root$3G = "_root_qhbgz_1";
|
|
@@ -73881,12 +73975,12 @@ const DialControl = ({ limit = true }) => {
|
|
|
73881
73975
|
] });
|
|
73882
73976
|
};
|
|
73883
73977
|
|
|
73884
|
-
const root$2L = "
|
|
73885
|
-
const selector = "
|
|
73886
|
-
const knob$1 = "
|
|
73887
|
-
const active$i = "
|
|
73888
|
-
const list$5 = "
|
|
73889
|
-
const item$j = "
|
|
73978
|
+
const root$2L = "_root_1v201_58";
|
|
73979
|
+
const selector = "_selector_1v201_136";
|
|
73980
|
+
const knob$1 = "_knob_1v201_150";
|
|
73981
|
+
const active$i = "_active_1v201_189";
|
|
73982
|
+
const list$5 = "_list_1v201_392";
|
|
73983
|
+
const item$j = "_item_1v201_436";
|
|
73890
73984
|
const styles$2Y = {
|
|
73891
73985
|
root: root$2L,
|
|
73892
73986
|
selector: selector,
|
|
@@ -79324,9 +79418,9 @@ const ContrastBackgroundText = () => {
|
|
|
79324
79418
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$2D.bg, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$2D.text, children: "One place to stack all your cards" }) });
|
|
79325
79419
|
};
|
|
79326
79420
|
|
|
79327
|
-
const root$2s = "
|
|
79328
|
-
const title$5 = "
|
|
79329
|
-
const image$c = "
|
|
79421
|
+
const root$2s = "_root_7opbl_1";
|
|
79422
|
+
const title$5 = "_title_7opbl_10";
|
|
79423
|
+
const image$c = "_image_7opbl_89";
|
|
79330
79424
|
const styles$2C = {
|
|
79331
79425
|
root: root$2s,
|
|
79332
79426
|
title: title$5,
|
|
@@ -79334,21 +79428,78 @@ const styles$2C = {
|
|
|
79334
79428
|
};
|
|
79335
79429
|
|
|
79336
79430
|
const FluidGooeyTextBackground = () => {
|
|
79337
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
79338
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
79339
|
-
/* @__PURE__ */ jsxRuntime.
|
|
79340
|
-
|
|
79341
|
-
|
|
79342
|
-
|
|
79343
|
-
|
|
79431
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
79432
|
+
/* @__PURE__ */ jsxRuntime.jsx("svg", { style: { position: "absolute", width: 0, height: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
|
|
79433
|
+
/* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "round-desktop", children: [
|
|
79434
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
79435
|
+
"feGaussianBlur",
|
|
79436
|
+
{
|
|
79437
|
+
in: "SourceGraphic",
|
|
79438
|
+
stdDeviation: "10",
|
|
79439
|
+
result: "blur"
|
|
79440
|
+
}
|
|
79441
|
+
),
|
|
79442
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
79443
|
+
"feColorMatrix",
|
|
79444
|
+
{
|
|
79445
|
+
in: "blur",
|
|
79446
|
+
mode: "matrix",
|
|
79447
|
+
values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10",
|
|
79448
|
+
result: "goo"
|
|
79449
|
+
}
|
|
79450
|
+
),
|
|
79451
|
+
/* @__PURE__ */ jsxRuntime.jsx("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })
|
|
79452
|
+
] }),
|
|
79453
|
+
/* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "round-tablet", children: [
|
|
79454
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
79455
|
+
"feGaussianBlur",
|
|
79456
|
+
{
|
|
79457
|
+
in: "SourceGraphic",
|
|
79458
|
+
stdDeviation: "7.5",
|
|
79459
|
+
result: "blur"
|
|
79460
|
+
}
|
|
79461
|
+
),
|
|
79462
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
79463
|
+
"feColorMatrix",
|
|
79464
|
+
{
|
|
79465
|
+
in: "blur",
|
|
79466
|
+
mode: "matrix",
|
|
79467
|
+
values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 15 -7.5",
|
|
79468
|
+
result: "goo"
|
|
79469
|
+
}
|
|
79470
|
+
),
|
|
79471
|
+
/* @__PURE__ */ jsxRuntime.jsx("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })
|
|
79472
|
+
] }),
|
|
79473
|
+
/* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "round-mobile", children: [
|
|
79474
|
+
/* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "4", result: "blur" }),
|
|
79475
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
79476
|
+
"feColorMatrix",
|
|
79477
|
+
{
|
|
79478
|
+
in: "blur",
|
|
79479
|
+
mode: "matrix",
|
|
79480
|
+
values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 8 -4",
|
|
79481
|
+
result: "goo"
|
|
79482
|
+
}
|
|
79483
|
+
),
|
|
79484
|
+
/* @__PURE__ */ jsxRuntime.jsx("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })
|
|
79485
|
+
] })
|
|
79344
79486
|
] }) }),
|
|
79345
|
-
/* @__PURE__ */ jsxRuntime.
|
|
79346
|
-
"
|
|
79347
|
-
|
|
79348
|
-
|
|
79349
|
-
|
|
79350
|
-
|
|
79351
|
-
|
|
79487
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$2C.root, children: [
|
|
79488
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: styles$2C.title, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
79489
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Business intelligence" }),
|
|
79490
|
+
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
|
|
79491
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "built around" }),
|
|
79492
|
+
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
|
|
79493
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "data teams" })
|
|
79494
|
+
] }) }),
|
|
79495
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
79496
|
+
"img",
|
|
79497
|
+
{
|
|
79498
|
+
className: styles$2C.image,
|
|
79499
|
+
src: "https://cdn.sanity.io/images/0nccms3b/production/51f800179e473cc6ae3b5523d21c0dcdde1bb8ea-1358x854.png?w=1358&h=854&q=95&fit=max&auto=format"
|
|
79500
|
+
}
|
|
79501
|
+
)
|
|
79502
|
+
] })
|
|
79352
79503
|
] });
|
|
79353
79504
|
};
|
|
79354
79505
|
|
|
@@ -80771,7 +80922,7 @@ const EndlessLoader = ({ container }) => {
|
|
|
80771
80922
|
return;
|
|
80772
80923
|
}
|
|
80773
80924
|
try {
|
|
80774
|
-
const GLModule = await Promise.resolve().then(() => require('./gl-
|
|
80925
|
+
const GLModule = await Promise.resolve().then(() => require('./gl-B5V-Tq8D.cjs'));
|
|
80775
80926
|
if (!isActiveRef.current) {
|
|
80776
80927
|
return;
|
|
80777
80928
|
}
|
|
@@ -86679,11 +86830,11 @@ const ScrambledText = ({ children, reveal = false }) => {
|
|
|
86679
86830
|
);
|
|
86680
86831
|
};
|
|
86681
86832
|
|
|
86682
|
-
const root$Y = "
|
|
86683
|
-
const line = "
|
|
86684
|
-
const word$1 = "
|
|
86685
|
-
const link = "
|
|
86686
|
-
const letter = "
|
|
86833
|
+
const root$Y = "_root_kw2ds_1";
|
|
86834
|
+
const line = "_line_kw2ds_9";
|
|
86835
|
+
const word$1 = "_word_kw2ds_14";
|
|
86836
|
+
const link = "_link_kw2ds_18";
|
|
86837
|
+
const letter = "_letter_kw2ds_22";
|
|
86687
86838
|
const styles$11 = {
|
|
86688
86839
|
root: root$Y,
|
|
86689
86840
|
line: line,
|
|
@@ -96637,7 +96788,7 @@ const Lock = () => {
|
|
|
96637
96788
|
}
|
|
96638
96789
|
};
|
|
96639
96790
|
const asynchronously = async () => {
|
|
96640
|
-
const Flickity = await Promise.resolve().then(() => require('./index-
|
|
96791
|
+
const Flickity = await Promise.resolve().then(() => require('./index-n7f8R1ii.cjs')).then(n => n.index).then((m) => m.default);
|
|
96641
96792
|
if (!rowsRef.current || !window) return;
|
|
96642
96793
|
const rows = rowsRef.current.children;
|
|
96643
96794
|
for (let i = 0, len = rows.length; i < len; i++) {
|
package/dist/index.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-DoYktnjF.cjs');
|
|
6
6
|
const useWindowReady = require('./useWindowReady-Il0Ibn7I.cjs');
|
|
7
7
|
const svg = require('./svg-BT_esDTZ.cjs');
|
|
8
8
|
|