@courtneyring/components-library 0.0.0 → 0.0.2

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.
Files changed (47) hide show
  1. package/dist/ScrollTrigger-DDbij8gI.js +3102 -0
  2. package/dist/animations/FadeIn.js +26 -0
  3. package/dist/assets/Background.css +1 -0
  4. package/dist/assets/Banner.css +1 -0
  5. package/dist/assets/BorderedBackground.css +1 -0
  6. package/dist/assets/Button.css +1 -0
  7. package/dist/assets/Container.css +1 -0
  8. package/dist/assets/Fifty.css +1 -0
  9. package/dist/assets/Footer.css +1 -0
  10. package/dist/assets/ImageTextBlock.css +1 -0
  11. package/dist/assets/List.css +1 -0
  12. package/dist/assets/Note.css +1 -0
  13. package/dist/assets/OverlayHero.css +1 -0
  14. package/dist/assets/PageContainer.css +1 -0
  15. package/dist/assets/Timeline.css +1 -0
  16. package/dist/assets/icons/checkmark.svg +3 -0
  17. package/dist/components/Background/Background.js +54 -0
  18. package/dist/components/Banner/Banner.js +13 -0
  19. package/dist/components/BorderedBackground/BorderedBackground.js +44 -0
  20. package/dist/components/Button/Button.js +31 -0
  21. package/dist/components/Container/Container.js +9 -0
  22. package/dist/components/Fifty/Fifty.js +33 -0
  23. package/dist/components/Fifty/Fifty.stories.js +32 -0
  24. package/dist/components/Footer/Footer.js +13 -0
  25. package/dist/components/Icon/Icon.js +13 -0
  26. package/dist/components/ImageTextBlock/ImageTextBlock.js +27 -0
  27. package/dist/components/List/List.js +20 -0
  28. package/dist/components/Note/Note.js +21 -0
  29. package/dist/components/OverlayHero/OverlayHero.js +24 -0
  30. package/dist/components/PageContainer/PageContainer.js +25 -0
  31. package/dist/components/Timeline/Timeline.js +53 -0
  32. package/dist/hooks/useFadeIn.js +27 -0
  33. package/dist/hooks/useRepeatable.js +32 -0
  34. package/dist/hooks/useResize.js +19 -0
  35. package/dist/hooks/useResponsive.js +15 -0
  36. package/dist/index-BIlioXmW.js +47 -0
  37. package/dist/index-BlCqcUwj.js +29 -0
  38. package/dist/main.js +24 -0
  39. package/dist/utils/breakpoints.js +8 -0
  40. package/dist/utils/gsapSetup.js +7 -0
  41. package/dist/utils/parse.js +12 -0
  42. package/package.json +25 -13
  43. package/dist/assets/index-D8b4DHJx.css +0 -1
  44. package/dist/assets/index-DY7V28eo.js +0 -49
  45. package/dist/assets/react-CHdo91hT.svg +0 -1
  46. package/dist/index.html +0 -14
  47. package/dist/vite.svg +0 -1
@@ -0,0 +1,47 @@
1
+ function c(e) {
2
+ return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
3
+ }
4
+ var o = { exports: {} };
5
+ /*!
6
+ Copyright (c) 2018 Jed Watson.
7
+ Licensed under the MIT License (MIT), see
8
+ http://jedwatson.github.io/classnames
9
+ */
10
+ var i;
11
+ function p() {
12
+ return i || (i = 1, (function(e) {
13
+ (function() {
14
+ var u = {}.hasOwnProperty;
15
+ function s() {
16
+ for (var t = "", r = 0; r < arguments.length; r++) {
17
+ var n = arguments[r];
18
+ n && (t = a(t, f(n)));
19
+ }
20
+ return t;
21
+ }
22
+ function f(t) {
23
+ if (typeof t == "string" || typeof t == "number")
24
+ return t;
25
+ if (typeof t != "object")
26
+ return "";
27
+ if (Array.isArray(t))
28
+ return s.apply(null, t);
29
+ if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
30
+ return t.toString();
31
+ var r = "";
32
+ for (var n in t)
33
+ u.call(t, n) && t[n] && (r = a(r, n));
34
+ return r;
35
+ }
36
+ function a(t, r) {
37
+ return r ? t ? t + " " + r : t + r : t;
38
+ }
39
+ e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
40
+ })();
41
+ })(o)), o.exports;
42
+ }
43
+ var l = p();
44
+ const m = /* @__PURE__ */ c(l);
45
+ export {
46
+ m as c
47
+ };
@@ -0,0 +1,29 @@
1
+ import { useRef as u, useLayoutEffect as x, useEffect as S } from "react";
2
+ import { g as h } from "./ScrollTrigger-DDbij8gI.js";
3
+ /*!
4
+ * @gsap/react 2.1.2
5
+ * https://gsap.com
6
+ *
7
+ * Copyright 2008-2025, GreenSock. All rights reserved.
8
+ * Subject to the terms at https://gsap.com/standard-license or for
9
+ * Club GSAP members, the agreement issued with that membership.
10
+ * @author: Jack Doyle, jack@greensock.com
11
+ */
12
+ let c = typeof document < "u" ? x : S, p = (e) => e && !Array.isArray(e) && typeof e == "object", o = [], A = {}, m = h;
13
+ const g = (e, t = o) => {
14
+ let r = A;
15
+ p(e) ? (r = e, e = null, t = "dependencies" in r ? r.dependencies : o) : p(t) && (r = t, t = "dependencies" in r ? r.dependencies : o), e && typeof e != "function" && console.warn("First parameter must be a function or config object");
16
+ const { scope: f, revertOnUpdate: y } = r, s = u(!1), n = u(m.context(() => {
17
+ }, f)), a = u((d) => n.current.add(null, d)), i = t && t.length && !y;
18
+ return i && c(() => (s.current = !0, () => n.current.revert()), o), c(() => {
19
+ if (e && n.current.add(e, f), !i || !s.current)
20
+ return () => n.current.revert();
21
+ }, t), { context: n.current, contextSafe: a.current };
22
+ };
23
+ g.register = (e) => {
24
+ m = e;
25
+ };
26
+ g.headless = !0;
27
+ export {
28
+ g as u
29
+ };
package/dist/main.js ADDED
@@ -0,0 +1,24 @@
1
+ import { default as r } from "./components/Background/Background.js";
2
+ import { default as a } from "./components/Banner/Banner.js";
3
+ import { default as d } from "./components/BorderedBackground/BorderedBackground.js";
4
+ import { default as l } from "./components/Button/Button.js";
5
+ import { default as s } from "./components/Container/Container.js";
6
+ import { default as p } from "./components/Fifty/Fifty.js";
7
+ import { default as B } from "./components/Footer/Footer.js";
8
+ import { default as g } from "./components/ImageTextBlock/ImageTextBlock.js";
9
+ import { default as k } from "./components/List/List.js";
10
+ import { default as F } from "./components/OverlayHero/OverlayHero.js";
11
+ import { default as C } from "./components/Note/Note.js";
12
+ export {
13
+ r as Background,
14
+ a as Banner,
15
+ d as BorderedBackground,
16
+ l as Button,
17
+ s as Container,
18
+ p as Fifty,
19
+ B as Footer,
20
+ g as ImageTextBlock,
21
+ k as List,
22
+ C as Note,
23
+ F as OverlayHero
24
+ };
@@ -0,0 +1,8 @@
1
+ const t = ({ innerWidth: s }) => s >= 992, e = ({ innerWidth: s }) => s > 1200, o = ({ innerWidth: s }) => s >= 992 && s < 1200, r = ({ innerWidth: s }) => s >= 768 && s < 992, n = ({ innerWidth: s }) => s < 768;
2
+ export {
3
+ t as isDesktop,
4
+ e as isLargeDesktop,
5
+ n as isMobile,
6
+ o as isSmallDesktop,
7
+ r as isTablet
8
+ };
@@ -0,0 +1,7 @@
1
+ import { g as r, S as e } from "../ScrollTrigger-DDbij8gI.js";
2
+ function i() {
3
+ return r.core.globals().ScrollTrigger || r.registerPlugin(e), r;
4
+ }
5
+ export {
6
+ i as ensureGsapRegistered
7
+ };
@@ -0,0 +1,12 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import o from "react";
3
+ function c(r) {
4
+ return o.isValidElement(r);
5
+ }
6
+ const m = (r) => (Array.isArray(r) ? r : [r]).map(
7
+ (e, a) => c(e) ? /* @__PURE__ */ t(o.Fragment, { children: e }, `seg-${a}`) : /* @__PURE__ */ t("p", { children: e }, `seg-${a}`)
8
+ );
9
+ export {
10
+ m as default,
11
+ c as isReactElement
12
+ };
package/package.json CHANGED
@@ -1,35 +1,47 @@
1
1
  {
2
2
  "name": "@courtneyring/components-library",
3
- "version": "0.0.0",
3
+ "version": "0.0.2",
4
4
  "type": "module",
5
- "main": "dist/index.js",
6
- "module": "dist/index.es.js",
7
- "types": "dist/index.d.ts",
5
+ "exports": {
6
+ ".": {
7
+ "default": "./dist/main.js"
8
+ }
9
+ },
8
10
  "files": [
9
11
  "dist"
10
- ],
12
+ ],
11
13
  "scripts": {
12
14
  "dev": "vite",
13
- "build": "tsc -b && vite build",
15
+ "build": "vite build --watch",
14
16
  "lint": "eslint .",
15
- "preview": "vite preview"
17
+ "preview": "vite preview",
18
+ "storybook": "storybook dev -p 6006",
19
+ "build-storybook": "storybook build"
16
20
  },
17
21
  "dependencies": {
22
+ "@gsap/react": "^2.1.2",
23
+ "classnames": "^2.5.1",
24
+ "gsap": "^3.13.0",
25
+ "moment": "^2.30.1",
18
26
  "react": "^19.1.1",
19
27
  "react-dom": "^19.1.1"
20
28
  },
21
29
  "devDependencies": {
30
+ "@chromatic-com/storybook": "^4.1.1",
22
31
  "@eslint/js": "^9.36.0",
23
- "@types/node": "^24.6.0",
24
- "@types/react": "^19.1.16",
25
- "@types/react-dom": "^19.1.9",
32
+ "@storybook/addon-a11y": "^9.1.10",
33
+ "@storybook/addon-docs": "^9.1.10",
34
+ "@storybook/react-vite": "^9.1.10",
26
35
  "@vitejs/plugin-react": "^5.0.4",
27
36
  "eslint": "^9.36.0",
28
37
  "eslint-plugin-react-hooks": "^5.2.0",
29
38
  "eslint-plugin-react-refresh": "^0.4.22",
39
+ "eslint-plugin-storybook": "^9.1.10",
40
+ "glob": "^11.0.3",
30
41
  "globals": "^16.4.0",
31
- "typescript": "~5.9.3",
32
- "typescript-eslint": "^8.45.0",
33
- "vite": "^7.1.7"
42
+ "sass-embedded": "^1.93.2",
43
+ "storybook": "^9.1.10",
44
+ "vite": "^7.1.7",
45
+ "vite-plugin-lib-inject-css": "^2.2.2"
34
46
  }
35
47
  }
@@ -1 +0,0 @@
1
- :root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}