@blueshift-gg/ui-components 0.1.46 → 0.1.48

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 (17) hide show
  1. package/dist/Avatar.js +1 -1
  2. package/dist/Avatar.js.map +1 -1
  3. package/dist/Avatar.mjs +1 -1
  4. package/dist/Avatar.mjs.map +1 -1
  5. package/dist/Badge.js +3 -1
  6. package/dist/Badge.js.map +1 -1
  7. package/dist/Badge.mjs +3 -1
  8. package/dist/Badge.mjs.map +1 -1
  9. package/dist/Banner.js +3 -1
  10. package/dist/Banner.js.map +1 -1
  11. package/dist/Banner.mjs +3 -1
  12. package/dist/Banner.mjs.map +1 -1
  13. package/dist/Logo.js +1 -0
  14. package/dist/Logo.js.map +1 -1
  15. package/dist/Logo.mjs +1 -0
  16. package/dist/Logo.mjs.map +1 -1
  17. package/package.json +1 -1
package/dist/Avatar.js CHANGED
@@ -30,7 +30,7 @@ const Avatar = ({
30
30
  ),
31
31
  style: {
32
32
  borderWidth: thickness,
33
- color: variant ? colours.BRAND_COLOURS[variant] : void 0
33
+ color: variant ? colours.BRAND_COLOURS[variant.toLowerCase()] : void 0
34
34
  },
35
35
  ...animation,
36
36
  children: [
package/dist/Avatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Avatar.tsx"],"names":["jsxs","motion","classNames","BRAND_COLOURS","jsx","CrosshairCorners","Icon"],"mappings":";;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACEA,eAAA;AAAA,IAACC,YAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAWC,2BAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,KAAA,EAAO,OAAA,GAAUC,qBAAA,CAAc,OAAO,CAAA,GAAI;AAAA,OAC5C;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWF,2BAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAAE,cAAA;AAAA,cAACC,0BAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAWH,4BAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,UAACE,SAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n className?: string;\n icon: IconProps;\n variant?: BrandColour;\n crosshair?: CrosshairCornersProps;\n thickness: number;\n animation?: MotionProps;\n};\n\nexport const Avatar = ({\n className,\n icon,\n crosshair,\n thickness = 1.5,\n variant,\n animation,\n}: AvatarProps) => {\n return (\n <motion.div\n className={classNames(\n \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n \"p-2\",\n crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n className\n )}\n style={{\n borderWidth: thickness,\n color: variant ? BRAND_COLOURS[variant] : undefined,\n }}\n {...animation}\n >\n <div\n className={classNames(\n \"text-current absolute inset-0\",\n crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\"\n )}\n >\n <CrosshairCorners\n key={icon.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\")}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 6}\n />\n </div>\n <div className=\"flex items-center justify-center p-1\">\n <Icon\n name={icon.name as IconName}\n className={icon.className}\n size={icon.size || 24}\n />\n </div>\n </motion.div>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Avatar.tsx"],"names":["jsxs","motion","classNames","BRAND_COLOURS","jsx","CrosshairCorners","Icon"],"mappings":";;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACEA,eAAA;AAAA,IAACC,YAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAWC,2BAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,OAAO,OAAA,GACHC,qBAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,GAClD;AAAA,OACN;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWF,2BAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAAE,cAAA;AAAA,cAACC,0BAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAWH,4BAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,UAACE,SAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n className?: string;\n icon: IconProps;\n variant?: BrandColour;\n crosshair?: CrosshairCornersProps;\n thickness: number;\n animation?: MotionProps;\n};\n\nexport const Avatar = ({\n className,\n icon,\n crosshair,\n thickness = 1.5,\n variant,\n animation,\n}: AvatarProps) => {\n return (\n <motion.div\n className={classNames(\n \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n \"p-2\",\n crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n className,\n )}\n style={{\n borderWidth: thickness,\n color: variant\n ? BRAND_COLOURS[variant.toLowerCase() as BrandColour]\n : undefined,\n }}\n {...animation}\n >\n <div\n className={classNames(\n \"text-current absolute inset-0\",\n crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\",\n )}\n >\n <CrosshairCorners\n key={icon.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\")}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 6}\n />\n </div>\n <div className=\"flex items-center justify-center p-1\">\n <Icon\n name={icon.name as IconName}\n className={icon.className}\n size={icon.size || 24}\n />\n </div>\n </motion.div>\n );\n};\n"]}
package/dist/Avatar.mjs CHANGED
@@ -24,7 +24,7 @@ const Avatar = ({
24
24
  ),
25
25
  style: {
26
26
  borderWidth: thickness,
27
- color: variant ? BRAND_COLOURS[variant] : void 0
27
+ color: variant ? BRAND_COLOURS[variant.toLowerCase()] : void 0
28
28
  },
29
29
  ...animation,
30
30
  children: [
package/dist/Avatar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Avatar.tsx"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,KAAA,EAAO,OAAA,GAAU,aAAA,CAAc,OAAO,CAAA,GAAI;AAAA,OAC5C;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAW,WAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n className?: string;\n icon: IconProps;\n variant?: BrandColour;\n crosshair?: CrosshairCornersProps;\n thickness: number;\n animation?: MotionProps;\n};\n\nexport const Avatar = ({\n className,\n icon,\n crosshair,\n thickness = 1.5,\n variant,\n animation,\n}: AvatarProps) => {\n return (\n <motion.div\n className={classNames(\n \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n \"p-2\",\n crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n className\n )}\n style={{\n borderWidth: thickness,\n color: variant ? BRAND_COLOURS[variant] : undefined,\n }}\n {...animation}\n >\n <div\n className={classNames(\n \"text-current absolute inset-0\",\n crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\"\n )}\n >\n <CrosshairCorners\n key={icon.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\")}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 6}\n />\n </div>\n <div className=\"flex items-center justify-center p-1\">\n <Icon\n name={icon.name as IconName}\n className={icon.className}\n size={icon.size || 24}\n />\n </div>\n </motion.div>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Avatar.tsx"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,OAAO,OAAA,GACH,aAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,GAClD;AAAA,OACN;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAW,WAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n className?: string;\n icon: IconProps;\n variant?: BrandColour;\n crosshair?: CrosshairCornersProps;\n thickness: number;\n animation?: MotionProps;\n};\n\nexport const Avatar = ({\n className,\n icon,\n crosshair,\n thickness = 1.5,\n variant,\n animation,\n}: AvatarProps) => {\n return (\n <motion.div\n className={classNames(\n \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n \"p-2\",\n crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n className,\n )}\n style={{\n borderWidth: thickness,\n color: variant\n ? BRAND_COLOURS[variant.toLowerCase() as BrandColour]\n : undefined,\n }}\n {...animation}\n >\n <div\n className={classNames(\n \"text-current absolute inset-0\",\n crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\",\n )}\n >\n <CrosshairCorners\n key={icon.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\")}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 6}\n />\n </div>\n <div className=\"flex items-center justify-center p-1\">\n <Icon\n name={icon.name as IconName}\n className={icon.className}\n size={icon.size || 24}\n />\n </div>\n </motion.div>\n );\n};\n"]}
package/dist/Badge.js CHANGED
@@ -25,7 +25,9 @@ const Badge = ({
25
25
  return /* @__PURE__ */ jsxRuntime.jsxs(
26
26
  react.motion.div,
27
27
  {
28
- style: { color: colours.BRAND_COLOURS[variant ?? "secondary"] },
28
+ style: {
29
+ color: colours.BRAND_COLOURS[variant?.toLowerCase()] ?? "secondary"
30
+ },
29
31
  className: classNames__default.default(
30
32
  "shadow-[inset_0px_0px_6px] bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1",
31
33
  size === "md" && "!py-2 text-sm",
package/dist/Badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Badge.tsx"],"names":["jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","isValidElement","Icon"],"mappings":";;;;;;;;;;;;;;AAoBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,GAAe,MAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,KAAkB;AAChB,EAAA,uBACEA,eAAA;AAAA,IAACC,YAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAOC,qBAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAWC,2BAAA;AAAA,QACT,oMAAA;AAAA,QACA,SAAS,IAAA,IAAQ,eAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,CAAC,KAAA,IAAS,sBAAA;AAAA,QACV,CAAC,IAAA,IAAQ,aAAA;AAAA,QACT,YAAA,KAAiB,MAAA,IAAU,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC9C,YAAA,KAAiB,OAAA,IAAW,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC/C,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,MAAA,IACjB,aAAA;AAAA,QACF,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,OAAA,IACjB,aAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWD,2BAAA,CAAW,+BAA+B,CAAA,EACxD,QAAA,kBAAAC,cAAA;AAAA,UAACC,0BAAA;AAAA,UAAA;AAAA,YAEC,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,SAAA,EAAWF,2BAAA,CAAW,cAAA,EAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,YAC1D,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,YAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,YACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,WAAA;AAAA,UANpBG,sBAAA,CAAe,IAAI,CAAA,GAAI,aAAA,GAAiB,IAAA,EAAoB;AAAA,SAOnE,EACF,CAAA;AAAA,QACC,QAAQ,YAAA,KAAiB,MAAA,0DAErB,QAAA,EAAAA,sBAAA,CAAe,IAAI,IAClB,IAAA,mBAEAF,cAAA;AAAA,UAACG,SAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAWJ,2BAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ,CAAA;AAAA,QAED,KAAA,oBAASC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5C,QAAQ,YAAA,KAAiB,OAAA,0DAErB,QAAA,EAAAE,sBAAA,CAAe,IAAI,IAClB,IAAA,mBAEAF,cAAA;AAAA,UAACG,SAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAWJ,2BAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"Badge.js","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n className?: string;\n label?: string;\n variant?: BrandColour;\n icon?: IconProps | ReactNode;\n iconPosition?: \"left\" | \"right\";\n crosshair?: CrosshairCornersProps;\n size?: \"xs\" | \"sm\" | \"md\";\n animation?: MotionProps;\n};\n\nexport const Badge = ({\n className,\n variant,\n icon,\n crosshair,\n iconPosition = \"left\",\n label,\n size = \"sm\",\n animation,\n}: BadgeProps) => {\n return (\n <motion.div\n style={{ color: BRAND_COLOURS[variant ?? \"secondary\"] }}\n className={classNames(\n \"shadow-[inset_0px_0px_6px] bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n size === \"md\" && \"!py-2 text-sm\",\n size === \"sm\" && \"text-sm leading-[16px]\",\n size === \"xs\" && \"text-xs leading-[100%]\",\n !label && \"!p-2 !justify-center\",\n !icon && \"!py-1 !px-2\",\n iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"left\" &&\n \"pl-2.5 pr-3\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"right\" &&\n \"pl-3 pr-2.5\",\n className,\n )}\n {...animation}\n >\n <div className={classNames(\"text-current absolute inset-0\")}>\n <CrosshairCorners\n key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\", crosshair?.className)}\n corners={crosshair?.corners}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 4}\n />\n </div>\n {icon && iconPosition === \"left\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n {label && <span className=\"font-mono\">{label}</span>}\n {icon && iconPosition === \"right\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n </motion.div>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Badge.tsx"],"names":["jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","isValidElement","Icon"],"mappings":"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","file":"Badge.js","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n className?: string;\n label?: string;\n variant?: BrandColour;\n icon?: IconProps | ReactNode;\n iconPosition?: \"left\" | \"right\";\n crosshair?: CrosshairCornersProps;\n size?: \"xs\" | \"sm\" | \"md\";\n animation?: MotionProps;\n};\n\nexport const Badge = ({\n className,\n variant,\n icon,\n crosshair,\n iconPosition = \"left\",\n label,\n size = \"sm\",\n animation,\n}: BadgeProps) => {\n return (\n <motion.div\n style={{\n color:\n BRAND_COLOURS[variant?.toLowerCase() as BrandColour] ?? \"secondary\",\n }}\n className={classNames(\n \"shadow-[inset_0px_0px_6px] bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n size === \"md\" && \"!py-2 text-sm\",\n size === \"sm\" && \"text-sm leading-[16px]\",\n size === \"xs\" && \"text-xs leading-[100%]\",\n !label && \"!p-2 !justify-center\",\n !icon && \"!py-1 !px-2\",\n iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"left\" &&\n \"pl-2.5 pr-3\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"right\" &&\n \"pl-3 pr-2.5\",\n className,\n )}\n {...animation}\n >\n <div className={classNames(\"text-current absolute inset-0\")}>\n <CrosshairCorners\n key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\", crosshair?.className)}\n corners={crosshair?.corners}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 4}\n />\n </div>\n {icon && iconPosition === \"left\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n {label && <span className=\"font-mono\">{label}</span>}\n {icon && iconPosition === \"right\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n </motion.div>\n );\n};\n"]}
package/dist/Badge.mjs CHANGED
@@ -19,7 +19,9 @@ const Badge = ({
19
19
  return /* @__PURE__ */ jsxs(
20
20
  motion.div,
21
21
  {
22
- style: { color: BRAND_COLOURS[variant ?? "secondary"] },
22
+ style: {
23
+ color: BRAND_COLOURS[variant?.toLowerCase()] ?? "secondary"
24
+ },
23
25
  className: classNames(
24
26
  "shadow-[inset_0px_0px_6px] bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1",
25
27
  size === "md" && "!py-2 text-sm",
package/dist/Badge.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Badge.tsx"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,GAAe,MAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAO,aAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAW,UAAA;AAAA,QACT,oMAAA;AAAA,QACA,SAAS,IAAA,IAAQ,eAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,CAAC,KAAA,IAAS,sBAAA;AAAA,QACV,CAAC,IAAA,IAAQ,aAAA;AAAA,QACT,YAAA,KAAiB,MAAA,IAAU,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC9C,YAAA,KAAiB,OAAA,IAAW,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC/C,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,MAAA,IACjB,aAAA;AAAA,QACF,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,OAAA,IACjB,aAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,+BAA+B,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,SAAA,EAAW,UAAA,CAAW,cAAA,EAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,YAC1D,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,YAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,YACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,WAAA;AAAA,UANpB,cAAA,CAAe,IAAI,CAAA,GAAI,aAAA,GAAiB,IAAA,EAAoB;AAAA,SAOnE,EACF,CAAA;AAAA,QACC,QAAQ,YAAA,KAAiB,MAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ,CAAA;AAAA,QAED,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5C,QAAQ,YAAA,KAAiB,OAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"Badge.mjs","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n className?: string;\n label?: string;\n variant?: BrandColour;\n icon?: IconProps | ReactNode;\n iconPosition?: \"left\" | \"right\";\n crosshair?: CrosshairCornersProps;\n size?: \"xs\" | \"sm\" | \"md\";\n animation?: MotionProps;\n};\n\nexport const Badge = ({\n className,\n variant,\n icon,\n crosshair,\n iconPosition = \"left\",\n label,\n size = \"sm\",\n animation,\n}: BadgeProps) => {\n return (\n <motion.div\n style={{ color: BRAND_COLOURS[variant ?? \"secondary\"] }}\n className={classNames(\n \"shadow-[inset_0px_0px_6px] bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n size === \"md\" && \"!py-2 text-sm\",\n size === \"sm\" && \"text-sm leading-[16px]\",\n size === \"xs\" && \"text-xs leading-[100%]\",\n !label && \"!p-2 !justify-center\",\n !icon && \"!py-1 !px-2\",\n iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"left\" &&\n \"pl-2.5 pr-3\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"right\" &&\n \"pl-3 pr-2.5\",\n className,\n )}\n {...animation}\n >\n <div className={classNames(\"text-current absolute inset-0\")}>\n <CrosshairCorners\n key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\", crosshair?.className)}\n corners={crosshair?.corners}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 4}\n />\n </div>\n {icon && iconPosition === \"left\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n {label && <span className=\"font-mono\">{label}</span>}\n {icon && iconPosition === \"right\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n </motion.div>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Badge.tsx"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,GAAe,MAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACE,aAAA,CAAc,OAAA,EAAS,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC5D;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,oMAAA;AAAA,QACA,SAAS,IAAA,IAAQ,eAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,CAAC,KAAA,IAAS,sBAAA;AAAA,QACV,CAAC,IAAA,IAAQ,aAAA;AAAA,QACT,YAAA,KAAiB,MAAA,IAAU,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC9C,YAAA,KAAiB,OAAA,IAAW,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC/C,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,MAAA,IACjB,aAAA;AAAA,QACF,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,OAAA,IACjB,aAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,+BAA+B,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,SAAA,EAAW,UAAA,CAAW,cAAA,EAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,YAC1D,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,YAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,YACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,WAAA;AAAA,UANpB,cAAA,CAAe,IAAI,CAAA,GAAI,aAAA,GAAiB,IAAA,EAAoB;AAAA,SAOnE,EACF,CAAA;AAAA,QACC,QAAQ,YAAA,KAAiB,MAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ,CAAA;AAAA,QAED,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5C,QAAQ,YAAA,KAAiB,OAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"Badge.mjs","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n className?: string;\n label?: string;\n variant?: BrandColour;\n icon?: IconProps | ReactNode;\n iconPosition?: \"left\" | \"right\";\n crosshair?: CrosshairCornersProps;\n size?: \"xs\" | \"sm\" | \"md\";\n animation?: MotionProps;\n};\n\nexport const Badge = ({\n className,\n variant,\n icon,\n crosshair,\n iconPosition = \"left\",\n label,\n size = \"sm\",\n animation,\n}: BadgeProps) => {\n return (\n <motion.div\n style={{\n color:\n BRAND_COLOURS[variant?.toLowerCase() as BrandColour] ?? \"secondary\",\n }}\n className={classNames(\n \"shadow-[inset_0px_0px_6px] bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n size === \"md\" && \"!py-2 text-sm\",\n size === \"sm\" && \"text-sm leading-[16px]\",\n size === \"xs\" && \"text-xs leading-[100%]\",\n !label && \"!p-2 !justify-center\",\n !icon && \"!py-1 !px-2\",\n iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"left\" &&\n \"pl-2.5 pr-3\",\n crosshair?.variant === \"bordered\" &&\n label &&\n iconPosition === \"right\" &&\n \"pl-3 pr-2.5\",\n className,\n )}\n {...animation}\n >\n <div className={classNames(\"text-current absolute inset-0\")}>\n <CrosshairCorners\n key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n variant={crosshair?.variant}\n className={classNames(\"text-current\", crosshair?.className)}\n corners={crosshair?.corners}\n animationDelay={crosshair?.animationDelay || 0}\n animationDuration={crosshair?.animationDuration || 1.5}\n size={crosshair?.size || 4}\n />\n </div>\n {icon && iconPosition === \"left\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n {label && <span className=\"font-mono\">{label}</span>}\n {icon && iconPosition === \"right\" && (\n <>\n {isValidElement(icon) ? (\n icon\n ) : (\n <Icon\n name={(icon as IconProps).name}\n className={classNames(\n (icon as IconProps).className,\n \"flex-shrink-0 text-current\",\n )}\n size={(icon as IconProps).size || 14}\n />\n )}\n </>\n )}\n </motion.div>\n );\n};\n"]}
package/dist/Banner.js CHANGED
@@ -26,7 +26,9 @@ const Banner = ({
26
26
  return /* @__PURE__ */ jsxRuntime.jsxs(
27
27
  react$1.motion.div,
28
28
  {
29
- style: { color: colours.BRAND_COLOURS[variant ?? "secondary"] },
29
+ style: {
30
+ color: colours.BRAND_COLOURS[variant.toLowerCase()] ?? "secondary"
31
+ },
30
32
  className: classNames__default.default(
31
33
  "flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2",
32
34
  className
package/dist/Banner.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Banner.tsx"],"names":["useState","jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","Icon","Tooltip"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAOC,qBAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAWC,2BAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,mCAASC,SAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvDF,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACCJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAI,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAAA,cAAA,CAACE,SAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAWF,cAAA,CAACG,eAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.js","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n title: string;\n variant: BrandColour;\n icon?: IconProps;\n tooltip?: TooltipProps;\n className?: string;\n animation?: MotionProps;\n children?: React.ReactNode;\n};\n\nexport const Banner = ({\n title,\n variant,\n tooltip,\n className,\n animation,\n icon,\n children,\n}: BannerProps) => {\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n return (\n <motion.div\n style={{ color: BRAND_COLOURS[variant ?? \"secondary\"] }}\n className={classNames(\n \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n className,\n )}\n {...animation}\n >\n <CrosshairCorners\n size={6}\n variant=\"bordered\"\n animationDelay={0}\n animationDuration={0}\n spacingX={1}\n />\n {icon && <Icon name={icon.name} size={icon.size || 14} />}\n <span>{title}</span>\n {tooltip && (\n <div className=\"relative\">\n <div\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n >\n <Icon name=\"Info\" size={14} />\n </div>\n {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n </div>\n )}\n {children && children}\n </motion.div>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Banner.tsx"],"names":["useState","jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","Icon","Tooltip"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACEC,qBAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC3D;AAAA,MACA,SAAA,EAAWC,2BAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,mCAASC,SAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvDF,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACCJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAI,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAAA,cAAA,CAACE,SAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAWF,cAAA,CAACG,eAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.js","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n title: string;\n variant: BrandColour;\n icon?: IconProps;\n tooltip?: TooltipProps;\n className?: string;\n animation?: MotionProps;\n children?: React.ReactNode;\n};\n\nexport const Banner = ({\n title,\n variant,\n tooltip,\n className,\n animation,\n icon,\n children,\n}: BannerProps) => {\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n return (\n <motion.div\n style={{\n color:\n BRAND_COLOURS[variant.toLowerCase() as BrandColour] ?? \"secondary\",\n }}\n className={classNames(\n \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n className,\n )}\n {...animation}\n >\n <CrosshairCorners\n size={6}\n variant=\"bordered\"\n animationDelay={0}\n animationDuration={0}\n spacingX={1}\n />\n {icon && <Icon name={icon.name} size={icon.size || 14} />}\n <span>{title}</span>\n {tooltip && (\n <div className=\"relative\">\n <div\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n >\n <Icon name=\"Info\" size={14} />\n </div>\n {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n </div>\n )}\n {children && children}\n </motion.div>\n );\n};\n"]}
package/dist/Banner.mjs CHANGED
@@ -20,7 +20,9 @@ const Banner = ({
20
20
  return /* @__PURE__ */ jsxs(
21
21
  motion.div,
22
22
  {
23
- style: { color: BRAND_COLOURS[variant ?? "secondary"] },
23
+ style: {
24
+ color: BRAND_COLOURS[variant.toLowerCase()] ?? "secondary"
25
+ },
24
26
  className: classNames(
25
27
  "flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2",
26
28
  className
package/dist/Banner.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Banner.tsx"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAO,aAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAW,UAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.mjs","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n title: string;\n variant: BrandColour;\n icon?: IconProps;\n tooltip?: TooltipProps;\n className?: string;\n animation?: MotionProps;\n children?: React.ReactNode;\n};\n\nexport const Banner = ({\n title,\n variant,\n tooltip,\n className,\n animation,\n icon,\n children,\n}: BannerProps) => {\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n return (\n <motion.div\n style={{ color: BRAND_COLOURS[variant ?? \"secondary\"] }}\n className={classNames(\n \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n className,\n )}\n {...animation}\n >\n <CrosshairCorners\n size={6}\n variant=\"bordered\"\n animationDelay={0}\n animationDuration={0}\n spacingX={1}\n />\n {icon && <Icon name={icon.name} size={icon.size || 14} />}\n <span>{title}</span>\n {tooltip && (\n <div className=\"relative\">\n <div\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n >\n <Icon name=\"Info\" size={14} />\n </div>\n {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n </div>\n )}\n {children && children}\n </motion.div>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Banner.tsx"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACE,aAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC3D;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.mjs","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n title: string;\n variant: BrandColour;\n icon?: IconProps;\n tooltip?: TooltipProps;\n className?: string;\n animation?: MotionProps;\n children?: React.ReactNode;\n};\n\nexport const Banner = ({\n title,\n variant,\n tooltip,\n className,\n animation,\n icon,\n children,\n}: BannerProps) => {\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n return (\n <motion.div\n style={{\n color:\n BRAND_COLOURS[variant.toLowerCase() as BrandColour] ?? \"secondary\",\n }}\n className={classNames(\n \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n className,\n )}\n {...animation}\n >\n <CrosshairCorners\n size={6}\n variant=\"bordered\"\n animationDelay={0}\n animationDuration={0}\n spacingX={1}\n />\n {icon && <Icon name={icon.name} size={icon.size || 14} />}\n <span>{title}</span>\n {tooltip && (\n <div className=\"relative\">\n <div\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n >\n <Icon name=\"Info\" size={14} />\n </div>\n {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n </div>\n )}\n {children && children}\n </motion.div>\n );\n};\n"]}
package/dist/Logo.js CHANGED
@@ -28,6 +28,7 @@ const Logo = ({
28
28
  width,
29
29
  height,
30
30
  viewBox: "0 0 144 20",
31
+ preserveAspectRatio: "xMinYMid meet",
31
32
  fill: "none",
32
33
  xmlns: "http://www.w3.org/2000/svg",
33
34
  className: classNames__default.default(
package/dist/Logo.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Logo.tsx"],"names":["nova","jsxs","motion","classNames","jsx","AnimatePresence","glide"],"mappings":"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","file":"Logo.js","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { crisp, glide, nova } from \"./utils/easings\";\n\nexport type LogoProps = {\n width?: number;\n height?: number;\n hideText?: boolean;\n isScrolled?: boolean;\n};\n\nexport const Logo = ({\n width = 144,\n height = 20,\n hideText = false,\n isScrolled = false,\n}: LogoProps) => {\n function getAnimation(delay: number) {\n return {\n initial: { opacity: 0 },\n animate: { opacity: [0, 0.25, 0.5, 1, 0.75, 1] },\n transition: { duration: 0.3, delay: delay * 0.4, ease: nova },\n };\n }\n\n return (\n <motion.svg\n width={width}\n height={height}\n viewBox=\"0 0 144 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={classNames(\n \"relative z-10\",\n isScrolled && \"h-full\",\n \"overflow-visible\"\n )}\n key={isScrolled ? \"scrolled\" : \"no-scroll\"}\n >\n <defs>\n <AnimatePresence mode=\"popLayout\">\n {hideText && (\n <clipPath id=\"text-clip\">\n <motion.rect\n x=\"28\"\n y=\"0\"\n height=\"20\"\n initial={{ width: 116 }}\n animate={{ width: hideText ? 0 : 116 }}\n transition={{ duration: 0.15, ease: glide }}\n />\n </clipPath>\n )}\n </AnimatePresence>\n </defs>\n <motion.path\n d=\"M4 4.00013H0V0.000131835H4V4.00013Z\"\n fill=\"#00FFFF\"\n id=\"1\"\n {...getAnimation(0)}\n />\n <motion.path\n d=\"M15.9997 4H11.9997V0H15.9997V4Z\"\n fill=\"#00FFFF\"\n id=\"2\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M7.99987 8.00013H4V4.00013H7.99987V8.00013Z\"\n fill=\"#00FFFF\"\n id=\"3\"\n {...getAnimation(0.9)}\n />\n <motion.path\n d=\"M19.9996 7.99987H15.9997V4H19.9997L19.9996 7.99987Z\"\n fill=\"#00FFFF\"\n id=\"4\"\n {...getAnimation(0.3)}\n />\n <motion.path\n d=\"M11.9999 12H7.99987V8.00013H11.9999V12Z\"\n fill=\"#00FFFF\"\n id=\"5\"\n {...getAnimation(0.2)}\n />\n <motion.path\n d=\"M23.9996 11.9999H19.9997L19.9996 7.99987H23.9996V11.9999Z\"\n fill=\"#00FFFF\"\n id=\"6\"\n {...getAnimation(0.1)}\n />\n <motion.path\n d=\"M7.99987 16H4V12H7.99987V16Z\"\n fill=\"#00FFFF\"\n id=\"7\"\n {...getAnimation(0.5)}\n />\n <motion.path\n d=\"M19.9997 15.9999H15.9997V11.9999H19.9997V15.9999Z\"\n fill=\"#00FFFF\"\n id=\"8\"\n {...getAnimation(0.7)}\n />\n <motion.path\n d=\"M4 20H0V16H4V20Z\"\n fill=\"#00FFFF\"\n id=\"9\"\n {...getAnimation(0.4)}\n />\n <motion.path\n d=\"M15.9997 19.9999H11.9997V15.9999H15.9997V19.9999Z\"\n fill=\"#00FFFF\"\n id=\"10\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M42.3 6.06C41.3333 5.44667 40.1666 5.14667 38.8 5.14667C37.72 5.14667 36.7933 5.34667 36.0133 5.75333C35.2333 6.16 34.6333 6.74 34.2066 7.50667H34.1133V0H30.5666V16.1667H28.8066V20H32.4466V17.4267H33.4466C33.94 18.2533 34.6066 18.8867 35.4466 19.3333C36.2866 19.78 37.3066 20 38.4933 20C39.9666 20 41.2133 19.6933 42.22 19.0867C43.2266 18.4733 43.9933 17.6133 44.52 16.4933C45.0466 15.3733 45.3066 14.0667 45.3066 12.5733C45.3066 11.08 45.0466 9.75333 44.5333 8.64667C44.02 7.53333 43.2733 6.67333 42.3066 6.06667L42.3 6.06ZM40.7666 15.7733C40.1066 16.54 39.1333 16.9267 37.8466 16.9267C36.72 16.9267 35.8133 16.6067 35.1333 15.96C34.4533 15.32 34.1066 14.44 34.1066 13.3267V11.8C34.1066 10.6867 34.4466 9.81333 35.1333 9.16667C35.8133 8.52667 36.72 8.2 37.8466 8.2C39.1333 8.2 40.1066 8.58667 40.7666 9.35333C41.4266 10.1267 41.7533 11.1933 41.7533 12.5533C41.7533 13.9133 41.4266 14.9867 40.7666 15.7533V15.7733ZM47.5 0H51.0466V20H47.5V0ZM67.5933 5.45333H64.0466V13.4067C64.0466 14.5 63.7266 15.3533 63.0933 15.9533C62.46 16.5533 61.5466 16.86 60.3533 16.86C59.2266 16.86 58.38 16.58 57.8066 16.0133C57.2333 15.4467 56.9466 14.6133 56.9466 13.5V5.45333H53.4V14.2133C53.4 15.9933 53.9266 17.4 54.98 18.44C56.0333 19.48 57.54 20 59.4933 20C60.76 20 61.8133 19.78 62.6466 19.3467C63.48 18.9133 64.1733 18.28 64.7333 17.4533H65.7333V20H69.3733V16.1933H67.5866V5.45333H67.5933ZM80.94 5.98667C79.8933 5.42667 78.64 5.14 77.18 5.14C75.72 5.14 74.3866 5.44 73.2733 6.03333C72.16 6.62667 71.3066 7.48 70.7 8.58C70.0933 9.68 69.7933 11 69.7933 12.52C69.7933 14.04 70.1 15.3667 70.7066 16.4867C71.32 17.6067 72.1866 18.4733 73.3133 19.08C74.44 19.6933 75.7733 19.9933 77.3133 19.9933C79.14 19.9933 80.6466 19.5667 81.8466 18.72C83.0466 17.8733 83.8133 16.6933 84.1466 15.1867H80.5733C80.3533 15.84 79.9666 16.3267 79.42 16.6533C78.8733 16.98 78.16 17.14 77.2866 17.14C76.1133 17.14 75.1733 16.82 74.4666 16.1733C73.76 15.5333 73.34 14.6067 73.2133 13.4H84.2133V12.16C84.2133 10.7133 83.9266 9.46667 83.3533 8.41333C82.78 7.36 81.9733 6.54667 80.9266 5.98667H80.94ZM73.3 11C73.52 10.0333 73.9666 9.28667 74.6333 8.76C75.3 8.23333 76.1466 7.97333 77.18 7.97333C78.2133 7.97333 79.06 8.23333 79.68 8.74667C80.3 9.26 80.68 10.0133 80.82 11H73.2933H73.3ZM94.96 11.2867L91.7466 10.6667C91.16 10.5533 90.7333 10.3867 90.46 10.1667C90.1933 9.94667 90.0533 9.65333 90.0533 9.28667C90.0533 8.79333 90.2666 8.42 90.6933 8.16667C91.12 7.91333 91.74 7.78667 92.5533 7.78667C93.46 7.78667 94.1533 7.94667 94.64 8.27333C95.1266 8.6 95.4533 9.12 95.6266 9.83333H99.0533C98.9266 8.34 98.3133 7.18667 97.2066 6.36667C96.1 5.54667 94.6133 5.14 92.74 5.14C90.8666 5.14 89.4 5.54 88.3333 6.34C87.2666 7.14 86.74 8.22 86.74 9.56667C86.74 11.66 88.14 12.98 90.9333 13.52L94.0733 14.1133C94.7266 14.24 95.1866 14.42 95.4666 14.66C95.7466 14.9 95.88 15.2333 95.88 15.66C95.88 16.7267 94.9666 17.2533 93.14 17.2533C92.06 17.2533 91.2333 17.0733 90.6666 16.72C90.0933 16.36 89.7533 15.8133 89.64 15.0667H86.1866C86.28 16.62 86.9266 17.8333 88.1133 18.7C89.3066 19.5667 90.9333 20 92.9933 20C95.0533 20 96.5266 19.5933 97.5866 18.7867C98.6533 17.98 99.18 16.8533 99.18 15.4067C99.18 14.28 98.84 13.38 98.1533 12.7133C97.4733 12.0467 96.4 11.5733 94.94 11.2867H94.96ZM109.533 5.45333C108.453 5.45333 107.52 5.65333 106.727 6.06C105.933 6.46667 105.307 7.05333 104.847 7.83333H104.753V0H101.207V20H104.753V12.0467C104.753 10.92 105.053 10.06 105.66 9.47333C106.26 8.88667 107.147 8.59333 108.3 8.59333C109.453 8.59333 110.34 8.88667 110.94 9.47333C111.54 10.06 111.847 10.92 111.847 12.0467V20H115.393V11.38C115.393 9.58667 114.867 8.15333 113.813 7.07333C112.76 5.99333 111.333 5.45333 109.54 5.45333H109.533ZM119.2 0.14C118.647 0.14 118.173 0.333333 117.787 0.726667C117.4 1.11333 117.2 1.58667 117.2 2.14667C117.2 2.70667 117.393 3.17333 117.787 3.56667C118.173 3.95333 118.647 4.14667 119.2 4.14667C119.753 4.14667 120.227 3.95333 120.613 3.56667C121 3.18 121.2 2.70667 121.2 2.14667C121.2 1.58667 121.007 1.12 120.613 0.726667C120.227 0.34 119.753 0.14 119.2 0.14ZM117.44 5.71333H120.987V20H117.44V5.71333ZM126.287 0.713333C125.753 1.18667 125.487 1.92667 125.487 2.92667V5.71333H122.793V8.47333H125.46V20H129.007V8.47333H132.267V5.71333H128.96V2.76H132.553V0H128.507C127.553 0 126.813 0.24 126.28 0.713333H126.287ZM140.267 17.22V8.49333H143.667V5.73333H140.22V1.44667H136.747V5.72667H134.2V8.48667H136.72V17.12C136.72 18.0867 136.98 18.8067 137.493 19.2867C138.007 19.76 138.733 20 139.667 20H143.993V17.22H140.26H140.267Z\"\n fill=\"#EFF1F6\"\n clipPath=\"url(#text-clip)\"\n />\n </motion.svg>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Logo.tsx"],"names":["nova","jsxs","motion","classNames","jsx","AnimatePresence","glide"],"mappings":";;;;;;;;;;;AAaO,MAAM,OAAO,CAAC;AAAA,EACnB,KAAA,GAAQ,GAAA;AAAA,EACR,MAAA,GAAS,EAAA;AAAA,EACT,QAAA,GAAW,KAAA;AAAA,EACX,UAAA,GAAa;AACf,CAAA,KAAiB;AACf,EAAA,SAAS,aAAa,KAAA,EAAe;AACnC,IAAA,OAAO;AAAA,MACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,MACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAC,CAAA,EAAG,MAAM,GAAA,EAAK,CAAA,EAAG,IAAA,EAAM,CAAC,CAAA,EAAE;AAAA,MAC/C,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,OAAO,KAAA,GAAQ,GAAA,EAAK,MAAMA,YAAA;AAAK,KAC9D;AAAA,EACF;AAEA,EAAA,uBACEC,eAAA;AAAA,IAACC,YAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA,EAAQ,YAAA;AAAA,MACR,mBAAA,EAAoB,eAAA;AAAA,MACpB,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAM,4BAAA;AAAA,MACN,SAAA,EAAWC,2BAAA;AAAA,QACT,eAAA;AAAA,QACA,UAAA,IAAc,QAAA;AAAA,QACd;AAAA,OACF;AAAA,MAGA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,yCAACC,qBAAA,EAAA,EAAgB,IAAA,EAAK,aACnB,QAAA,EAAA,QAAA,oBACCD,cAAA,CAAC,UAAA,EAAA,EAAS,EAAA,EAAG,WAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,IAAA;AAAA,YACF,CAAA,EAAE,GAAA;AAAA,YACF,MAAA,EAAO,IAAA;AAAA,YACP,OAAA,EAAS,EAAE,KAAA,EAAO,GAAA,EAAI;AAAA,YACtB,OAAA,EAAS,EAAE,KAAA,EAAO,QAAA,GAAW,IAAI,GAAA,EAAI;AAAA,YACrC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAMI,aAAA;AAAM;AAAA,SAC5C,EACF,GAEJ,CAAA,EACF,CAAA;AAAA,wBACAF,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,qCAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,CAAC;AAAA;AAAA,SACpB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,iCAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,qDAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,yCAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,2DAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,8BAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,kBAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,GAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,EAAA,EAAG,IAAA;AAAA,YACF,GAAG,aAAa,GAAG;AAAA;AAAA,SACtB;AAAA,wBACAE,cAAA;AAAA,UAACF,YAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,CAAA,EAAE,24IAAA;AAAA,YACF,IAAA,EAAK,SAAA;AAAA,YACL,QAAA,EAAS;AAAA;AAAA;AACX;AAAA,KAAA;AAAA,IAlFK,aAAa,UAAA,GAAa;AAAA,GAmFjC;AAEJ","file":"Logo.js","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { crisp, glide, nova } from \"./utils/easings\";\n\nexport type LogoProps = {\n width?: number;\n height?: number;\n hideText?: boolean;\n isScrolled?: boolean;\n};\n\nexport const Logo = ({\n width = 144,\n height = 20,\n hideText = false,\n isScrolled = false,\n}: LogoProps) => {\n function getAnimation(delay: number) {\n return {\n initial: { opacity: 0 },\n animate: { opacity: [0, 0.25, 0.5, 1, 0.75, 1] },\n transition: { duration: 0.3, delay: delay * 0.4, ease: nova },\n };\n }\n\n return (\n <motion.svg\n width={width}\n height={height}\n viewBox=\"0 0 144 20\"\n preserveAspectRatio=\"xMinYMid meet\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={classNames(\n \"relative z-10\",\n isScrolled && \"h-full\",\n \"overflow-visible\",\n )}\n key={isScrolled ? \"scrolled\" : \"no-scroll\"}\n >\n <defs>\n <AnimatePresence mode=\"popLayout\">\n {hideText && (\n <clipPath id=\"text-clip\">\n <motion.rect\n x=\"28\"\n y=\"0\"\n height=\"20\"\n initial={{ width: 116 }}\n animate={{ width: hideText ? 0 : 116 }}\n transition={{ duration: 0.15, ease: glide }}\n />\n </clipPath>\n )}\n </AnimatePresence>\n </defs>\n <motion.path\n d=\"M4 4.00013H0V0.000131835H4V4.00013Z\"\n fill=\"#00FFFF\"\n id=\"1\"\n {...getAnimation(0)}\n />\n <motion.path\n d=\"M15.9997 4H11.9997V0H15.9997V4Z\"\n fill=\"#00FFFF\"\n id=\"2\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M7.99987 8.00013H4V4.00013H7.99987V8.00013Z\"\n fill=\"#00FFFF\"\n id=\"3\"\n {...getAnimation(0.9)}\n />\n <motion.path\n d=\"M19.9996 7.99987H15.9997V4H19.9997L19.9996 7.99987Z\"\n fill=\"#00FFFF\"\n id=\"4\"\n {...getAnimation(0.3)}\n />\n <motion.path\n d=\"M11.9999 12H7.99987V8.00013H11.9999V12Z\"\n fill=\"#00FFFF\"\n id=\"5\"\n {...getAnimation(0.2)}\n />\n <motion.path\n d=\"M23.9996 11.9999H19.9997L19.9996 7.99987H23.9996V11.9999Z\"\n fill=\"#00FFFF\"\n id=\"6\"\n {...getAnimation(0.1)}\n />\n <motion.path\n d=\"M7.99987 16H4V12H7.99987V16Z\"\n fill=\"#00FFFF\"\n id=\"7\"\n {...getAnimation(0.5)}\n />\n <motion.path\n d=\"M19.9997 15.9999H15.9997V11.9999H19.9997V15.9999Z\"\n fill=\"#00FFFF\"\n id=\"8\"\n {...getAnimation(0.7)}\n />\n <motion.path\n d=\"M4 20H0V16H4V20Z\"\n fill=\"#00FFFF\"\n id=\"9\"\n {...getAnimation(0.4)}\n />\n <motion.path\n d=\"M15.9997 19.9999H11.9997V15.9999H15.9997V19.9999Z\"\n fill=\"#00FFFF\"\n id=\"10\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M42.3 6.06C41.3333 5.44667 40.1666 5.14667 38.8 5.14667C37.72 5.14667 36.7933 5.34667 36.0133 5.75333C35.2333 6.16 34.6333 6.74 34.2066 7.50667H34.1133V0H30.5666V16.1667H28.8066V20H32.4466V17.4267H33.4466C33.94 18.2533 34.6066 18.8867 35.4466 19.3333C36.2866 19.78 37.3066 20 38.4933 20C39.9666 20 41.2133 19.6933 42.22 19.0867C43.2266 18.4733 43.9933 17.6133 44.52 16.4933C45.0466 15.3733 45.3066 14.0667 45.3066 12.5733C45.3066 11.08 45.0466 9.75333 44.5333 8.64667C44.02 7.53333 43.2733 6.67333 42.3066 6.06667L42.3 6.06ZM40.7666 15.7733C40.1066 16.54 39.1333 16.9267 37.8466 16.9267C36.72 16.9267 35.8133 16.6067 35.1333 15.96C34.4533 15.32 34.1066 14.44 34.1066 13.3267V11.8C34.1066 10.6867 34.4466 9.81333 35.1333 9.16667C35.8133 8.52667 36.72 8.2 37.8466 8.2C39.1333 8.2 40.1066 8.58667 40.7666 9.35333C41.4266 10.1267 41.7533 11.1933 41.7533 12.5533C41.7533 13.9133 41.4266 14.9867 40.7666 15.7533V15.7733ZM47.5 0H51.0466V20H47.5V0ZM67.5933 5.45333H64.0466V13.4067C64.0466 14.5 63.7266 15.3533 63.0933 15.9533C62.46 16.5533 61.5466 16.86 60.3533 16.86C59.2266 16.86 58.38 16.58 57.8066 16.0133C57.2333 15.4467 56.9466 14.6133 56.9466 13.5V5.45333H53.4V14.2133C53.4 15.9933 53.9266 17.4 54.98 18.44C56.0333 19.48 57.54 20 59.4933 20C60.76 20 61.8133 19.78 62.6466 19.3467C63.48 18.9133 64.1733 18.28 64.7333 17.4533H65.7333V20H69.3733V16.1933H67.5866V5.45333H67.5933ZM80.94 5.98667C79.8933 5.42667 78.64 5.14 77.18 5.14C75.72 5.14 74.3866 5.44 73.2733 6.03333C72.16 6.62667 71.3066 7.48 70.7 8.58C70.0933 9.68 69.7933 11 69.7933 12.52C69.7933 14.04 70.1 15.3667 70.7066 16.4867C71.32 17.6067 72.1866 18.4733 73.3133 19.08C74.44 19.6933 75.7733 19.9933 77.3133 19.9933C79.14 19.9933 80.6466 19.5667 81.8466 18.72C83.0466 17.8733 83.8133 16.6933 84.1466 15.1867H80.5733C80.3533 15.84 79.9666 16.3267 79.42 16.6533C78.8733 16.98 78.16 17.14 77.2866 17.14C76.1133 17.14 75.1733 16.82 74.4666 16.1733C73.76 15.5333 73.34 14.6067 73.2133 13.4H84.2133V12.16C84.2133 10.7133 83.9266 9.46667 83.3533 8.41333C82.78 7.36 81.9733 6.54667 80.9266 5.98667H80.94ZM73.3 11C73.52 10.0333 73.9666 9.28667 74.6333 8.76C75.3 8.23333 76.1466 7.97333 77.18 7.97333C78.2133 7.97333 79.06 8.23333 79.68 8.74667C80.3 9.26 80.68 10.0133 80.82 11H73.2933H73.3ZM94.96 11.2867L91.7466 10.6667C91.16 10.5533 90.7333 10.3867 90.46 10.1667C90.1933 9.94667 90.0533 9.65333 90.0533 9.28667C90.0533 8.79333 90.2666 8.42 90.6933 8.16667C91.12 7.91333 91.74 7.78667 92.5533 7.78667C93.46 7.78667 94.1533 7.94667 94.64 8.27333C95.1266 8.6 95.4533 9.12 95.6266 9.83333H99.0533C98.9266 8.34 98.3133 7.18667 97.2066 6.36667C96.1 5.54667 94.6133 5.14 92.74 5.14C90.8666 5.14 89.4 5.54 88.3333 6.34C87.2666 7.14 86.74 8.22 86.74 9.56667C86.74 11.66 88.14 12.98 90.9333 13.52L94.0733 14.1133C94.7266 14.24 95.1866 14.42 95.4666 14.66C95.7466 14.9 95.88 15.2333 95.88 15.66C95.88 16.7267 94.9666 17.2533 93.14 17.2533C92.06 17.2533 91.2333 17.0733 90.6666 16.72C90.0933 16.36 89.7533 15.8133 89.64 15.0667H86.1866C86.28 16.62 86.9266 17.8333 88.1133 18.7C89.3066 19.5667 90.9333 20 92.9933 20C95.0533 20 96.5266 19.5933 97.5866 18.7867C98.6533 17.98 99.18 16.8533 99.18 15.4067C99.18 14.28 98.84 13.38 98.1533 12.7133C97.4733 12.0467 96.4 11.5733 94.94 11.2867H94.96ZM109.533 5.45333C108.453 5.45333 107.52 5.65333 106.727 6.06C105.933 6.46667 105.307 7.05333 104.847 7.83333H104.753V0H101.207V20H104.753V12.0467C104.753 10.92 105.053 10.06 105.66 9.47333C106.26 8.88667 107.147 8.59333 108.3 8.59333C109.453 8.59333 110.34 8.88667 110.94 9.47333C111.54 10.06 111.847 10.92 111.847 12.0467V20H115.393V11.38C115.393 9.58667 114.867 8.15333 113.813 7.07333C112.76 5.99333 111.333 5.45333 109.54 5.45333H109.533ZM119.2 0.14C118.647 0.14 118.173 0.333333 117.787 0.726667C117.4 1.11333 117.2 1.58667 117.2 2.14667C117.2 2.70667 117.393 3.17333 117.787 3.56667C118.173 3.95333 118.647 4.14667 119.2 4.14667C119.753 4.14667 120.227 3.95333 120.613 3.56667C121 3.18 121.2 2.70667 121.2 2.14667C121.2 1.58667 121.007 1.12 120.613 0.726667C120.227 0.34 119.753 0.14 119.2 0.14ZM117.44 5.71333H120.987V20H117.44V5.71333ZM126.287 0.713333C125.753 1.18667 125.487 1.92667 125.487 2.92667V5.71333H122.793V8.47333H125.46V20H129.007V8.47333H132.267V5.71333H128.96V2.76H132.553V0H128.507C127.553 0 126.813 0.24 126.28 0.713333H126.287ZM140.267 17.22V8.49333H143.667V5.73333H140.22V1.44667H136.747V5.72667H134.2V8.48667H136.72V17.12C136.72 18.0867 136.98 18.8067 137.493 19.2867C138.007 19.76 138.733 20 139.667 20H143.993V17.22H140.26H140.267Z\"\n fill=\"#EFF1F6\"\n clipPath=\"url(#text-clip)\"\n />\n </motion.svg>\n );\n};\n"]}
package/dist/Logo.mjs CHANGED
@@ -22,6 +22,7 @@ const Logo = ({
22
22
  width,
23
23
  height,
24
24
  viewBox: "0 0 144 20",
25
+ preserveAspectRatio: "xMinYMid meet",
25
26
  fill: "none",
26
27
  xmlns: "http://www.w3.org/2000/svg",
27
28
  className: classNames(
package/dist/Logo.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Logo.tsx"],"names":[],"mappings":"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","file":"Logo.mjs","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { crisp, glide, nova } from \"./utils/easings\";\n\nexport type LogoProps = {\n width?: number;\n height?: number;\n hideText?: boolean;\n isScrolled?: boolean;\n};\n\nexport const Logo = ({\n width = 144,\n height = 20,\n hideText = false,\n isScrolled = false,\n}: LogoProps) => {\n function getAnimation(delay: number) {\n return {\n initial: { opacity: 0 },\n animate: { opacity: [0, 0.25, 0.5, 1, 0.75, 1] },\n transition: { duration: 0.3, delay: delay * 0.4, ease: nova },\n };\n }\n\n return (\n <motion.svg\n width={width}\n height={height}\n viewBox=\"0 0 144 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={classNames(\n \"relative z-10\",\n isScrolled && \"h-full\",\n \"overflow-visible\"\n )}\n key={isScrolled ? \"scrolled\" : \"no-scroll\"}\n >\n <defs>\n <AnimatePresence mode=\"popLayout\">\n {hideText && (\n <clipPath id=\"text-clip\">\n <motion.rect\n x=\"28\"\n y=\"0\"\n height=\"20\"\n initial={{ width: 116 }}\n animate={{ width: hideText ? 0 : 116 }}\n transition={{ duration: 0.15, ease: glide }}\n />\n </clipPath>\n )}\n </AnimatePresence>\n </defs>\n <motion.path\n d=\"M4 4.00013H0V0.000131835H4V4.00013Z\"\n fill=\"#00FFFF\"\n id=\"1\"\n {...getAnimation(0)}\n />\n <motion.path\n d=\"M15.9997 4H11.9997V0H15.9997V4Z\"\n fill=\"#00FFFF\"\n id=\"2\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M7.99987 8.00013H4V4.00013H7.99987V8.00013Z\"\n fill=\"#00FFFF\"\n id=\"3\"\n {...getAnimation(0.9)}\n />\n <motion.path\n d=\"M19.9996 7.99987H15.9997V4H19.9997L19.9996 7.99987Z\"\n fill=\"#00FFFF\"\n id=\"4\"\n {...getAnimation(0.3)}\n />\n <motion.path\n d=\"M11.9999 12H7.99987V8.00013H11.9999V12Z\"\n fill=\"#00FFFF\"\n id=\"5\"\n {...getAnimation(0.2)}\n />\n <motion.path\n d=\"M23.9996 11.9999H19.9997L19.9996 7.99987H23.9996V11.9999Z\"\n fill=\"#00FFFF\"\n id=\"6\"\n {...getAnimation(0.1)}\n />\n <motion.path\n d=\"M7.99987 16H4V12H7.99987V16Z\"\n fill=\"#00FFFF\"\n id=\"7\"\n {...getAnimation(0.5)}\n />\n <motion.path\n d=\"M19.9997 15.9999H15.9997V11.9999H19.9997V15.9999Z\"\n fill=\"#00FFFF\"\n id=\"8\"\n {...getAnimation(0.7)}\n />\n <motion.path\n d=\"M4 20H0V16H4V20Z\"\n fill=\"#00FFFF\"\n id=\"9\"\n {...getAnimation(0.4)}\n />\n <motion.path\n d=\"M15.9997 19.9999H11.9997V15.9999H15.9997V19.9999Z\"\n fill=\"#00FFFF\"\n id=\"10\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M42.3 6.06C41.3333 5.44667 40.1666 5.14667 38.8 5.14667C37.72 5.14667 36.7933 5.34667 36.0133 5.75333C35.2333 6.16 34.6333 6.74 34.2066 7.50667H34.1133V0H30.5666V16.1667H28.8066V20H32.4466V17.4267H33.4466C33.94 18.2533 34.6066 18.8867 35.4466 19.3333C36.2866 19.78 37.3066 20 38.4933 20C39.9666 20 41.2133 19.6933 42.22 19.0867C43.2266 18.4733 43.9933 17.6133 44.52 16.4933C45.0466 15.3733 45.3066 14.0667 45.3066 12.5733C45.3066 11.08 45.0466 9.75333 44.5333 8.64667C44.02 7.53333 43.2733 6.67333 42.3066 6.06667L42.3 6.06ZM40.7666 15.7733C40.1066 16.54 39.1333 16.9267 37.8466 16.9267C36.72 16.9267 35.8133 16.6067 35.1333 15.96C34.4533 15.32 34.1066 14.44 34.1066 13.3267V11.8C34.1066 10.6867 34.4466 9.81333 35.1333 9.16667C35.8133 8.52667 36.72 8.2 37.8466 8.2C39.1333 8.2 40.1066 8.58667 40.7666 9.35333C41.4266 10.1267 41.7533 11.1933 41.7533 12.5533C41.7533 13.9133 41.4266 14.9867 40.7666 15.7533V15.7733ZM47.5 0H51.0466V20H47.5V0ZM67.5933 5.45333H64.0466V13.4067C64.0466 14.5 63.7266 15.3533 63.0933 15.9533C62.46 16.5533 61.5466 16.86 60.3533 16.86C59.2266 16.86 58.38 16.58 57.8066 16.0133C57.2333 15.4467 56.9466 14.6133 56.9466 13.5V5.45333H53.4V14.2133C53.4 15.9933 53.9266 17.4 54.98 18.44C56.0333 19.48 57.54 20 59.4933 20C60.76 20 61.8133 19.78 62.6466 19.3467C63.48 18.9133 64.1733 18.28 64.7333 17.4533H65.7333V20H69.3733V16.1933H67.5866V5.45333H67.5933ZM80.94 5.98667C79.8933 5.42667 78.64 5.14 77.18 5.14C75.72 5.14 74.3866 5.44 73.2733 6.03333C72.16 6.62667 71.3066 7.48 70.7 8.58C70.0933 9.68 69.7933 11 69.7933 12.52C69.7933 14.04 70.1 15.3667 70.7066 16.4867C71.32 17.6067 72.1866 18.4733 73.3133 19.08C74.44 19.6933 75.7733 19.9933 77.3133 19.9933C79.14 19.9933 80.6466 19.5667 81.8466 18.72C83.0466 17.8733 83.8133 16.6933 84.1466 15.1867H80.5733C80.3533 15.84 79.9666 16.3267 79.42 16.6533C78.8733 16.98 78.16 17.14 77.2866 17.14C76.1133 17.14 75.1733 16.82 74.4666 16.1733C73.76 15.5333 73.34 14.6067 73.2133 13.4H84.2133V12.16C84.2133 10.7133 83.9266 9.46667 83.3533 8.41333C82.78 7.36 81.9733 6.54667 80.9266 5.98667H80.94ZM73.3 11C73.52 10.0333 73.9666 9.28667 74.6333 8.76C75.3 8.23333 76.1466 7.97333 77.18 7.97333C78.2133 7.97333 79.06 8.23333 79.68 8.74667C80.3 9.26 80.68 10.0133 80.82 11H73.2933H73.3ZM94.96 11.2867L91.7466 10.6667C91.16 10.5533 90.7333 10.3867 90.46 10.1667C90.1933 9.94667 90.0533 9.65333 90.0533 9.28667C90.0533 8.79333 90.2666 8.42 90.6933 8.16667C91.12 7.91333 91.74 7.78667 92.5533 7.78667C93.46 7.78667 94.1533 7.94667 94.64 8.27333C95.1266 8.6 95.4533 9.12 95.6266 9.83333H99.0533C98.9266 8.34 98.3133 7.18667 97.2066 6.36667C96.1 5.54667 94.6133 5.14 92.74 5.14C90.8666 5.14 89.4 5.54 88.3333 6.34C87.2666 7.14 86.74 8.22 86.74 9.56667C86.74 11.66 88.14 12.98 90.9333 13.52L94.0733 14.1133C94.7266 14.24 95.1866 14.42 95.4666 14.66C95.7466 14.9 95.88 15.2333 95.88 15.66C95.88 16.7267 94.9666 17.2533 93.14 17.2533C92.06 17.2533 91.2333 17.0733 90.6666 16.72C90.0933 16.36 89.7533 15.8133 89.64 15.0667H86.1866C86.28 16.62 86.9266 17.8333 88.1133 18.7C89.3066 19.5667 90.9333 20 92.9933 20C95.0533 20 96.5266 19.5933 97.5866 18.7867C98.6533 17.98 99.18 16.8533 99.18 15.4067C99.18 14.28 98.84 13.38 98.1533 12.7133C97.4733 12.0467 96.4 11.5733 94.94 11.2867H94.96ZM109.533 5.45333C108.453 5.45333 107.52 5.65333 106.727 6.06C105.933 6.46667 105.307 7.05333 104.847 7.83333H104.753V0H101.207V20H104.753V12.0467C104.753 10.92 105.053 10.06 105.66 9.47333C106.26 8.88667 107.147 8.59333 108.3 8.59333C109.453 8.59333 110.34 8.88667 110.94 9.47333C111.54 10.06 111.847 10.92 111.847 12.0467V20H115.393V11.38C115.393 9.58667 114.867 8.15333 113.813 7.07333C112.76 5.99333 111.333 5.45333 109.54 5.45333H109.533ZM119.2 0.14C118.647 0.14 118.173 0.333333 117.787 0.726667C117.4 1.11333 117.2 1.58667 117.2 2.14667C117.2 2.70667 117.393 3.17333 117.787 3.56667C118.173 3.95333 118.647 4.14667 119.2 4.14667C119.753 4.14667 120.227 3.95333 120.613 3.56667C121 3.18 121.2 2.70667 121.2 2.14667C121.2 1.58667 121.007 1.12 120.613 0.726667C120.227 0.34 119.753 0.14 119.2 0.14ZM117.44 5.71333H120.987V20H117.44V5.71333ZM126.287 0.713333C125.753 1.18667 125.487 1.92667 125.487 2.92667V5.71333H122.793V8.47333H125.46V20H129.007V8.47333H132.267V5.71333H128.96V2.76H132.553V0H128.507C127.553 0 126.813 0.24 126.28 0.713333H126.287ZM140.267 17.22V8.49333H143.667V5.73333H140.22V1.44667H136.747V5.72667H134.2V8.48667H136.72V17.12C136.72 18.0867 136.98 18.8067 137.493 19.2867C138.007 19.76 138.733 20 139.667 20H143.993V17.22H140.26H140.267Z\"\n fill=\"#EFF1F6\"\n clipPath=\"url(#text-clip)\"\n />\n </motion.svg>\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/Logo.tsx"],"names":[],"mappings":"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","file":"Logo.mjs","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { crisp, glide, nova } from \"./utils/easings\";\n\nexport type LogoProps = {\n width?: number;\n height?: number;\n hideText?: boolean;\n isScrolled?: boolean;\n};\n\nexport const Logo = ({\n width = 144,\n height = 20,\n hideText = false,\n isScrolled = false,\n}: LogoProps) => {\n function getAnimation(delay: number) {\n return {\n initial: { opacity: 0 },\n animate: { opacity: [0, 0.25, 0.5, 1, 0.75, 1] },\n transition: { duration: 0.3, delay: delay * 0.4, ease: nova },\n };\n }\n\n return (\n <motion.svg\n width={width}\n height={height}\n viewBox=\"0 0 144 20\"\n preserveAspectRatio=\"xMinYMid meet\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={classNames(\n \"relative z-10\",\n isScrolled && \"h-full\",\n \"overflow-visible\",\n )}\n key={isScrolled ? \"scrolled\" : \"no-scroll\"}\n >\n <defs>\n <AnimatePresence mode=\"popLayout\">\n {hideText && (\n <clipPath id=\"text-clip\">\n <motion.rect\n x=\"28\"\n y=\"0\"\n height=\"20\"\n initial={{ width: 116 }}\n animate={{ width: hideText ? 0 : 116 }}\n transition={{ duration: 0.15, ease: glide }}\n />\n </clipPath>\n )}\n </AnimatePresence>\n </defs>\n <motion.path\n d=\"M4 4.00013H0V0.000131835H4V4.00013Z\"\n fill=\"#00FFFF\"\n id=\"1\"\n {...getAnimation(0)}\n />\n <motion.path\n d=\"M15.9997 4H11.9997V0H15.9997V4Z\"\n fill=\"#00FFFF\"\n id=\"2\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M7.99987 8.00013H4V4.00013H7.99987V8.00013Z\"\n fill=\"#00FFFF\"\n id=\"3\"\n {...getAnimation(0.9)}\n />\n <motion.path\n d=\"M19.9996 7.99987H15.9997V4H19.9997L19.9996 7.99987Z\"\n fill=\"#00FFFF\"\n id=\"4\"\n {...getAnimation(0.3)}\n />\n <motion.path\n d=\"M11.9999 12H7.99987V8.00013H11.9999V12Z\"\n fill=\"#00FFFF\"\n id=\"5\"\n {...getAnimation(0.2)}\n />\n <motion.path\n d=\"M23.9996 11.9999H19.9997L19.9996 7.99987H23.9996V11.9999Z\"\n fill=\"#00FFFF\"\n id=\"6\"\n {...getAnimation(0.1)}\n />\n <motion.path\n d=\"M7.99987 16H4V12H7.99987V16Z\"\n fill=\"#00FFFF\"\n id=\"7\"\n {...getAnimation(0.5)}\n />\n <motion.path\n d=\"M19.9997 15.9999H15.9997V11.9999H19.9997V15.9999Z\"\n fill=\"#00FFFF\"\n id=\"8\"\n {...getAnimation(0.7)}\n />\n <motion.path\n d=\"M4 20H0V16H4V20Z\"\n fill=\"#00FFFF\"\n id=\"9\"\n {...getAnimation(0.4)}\n />\n <motion.path\n d=\"M15.9997 19.9999H11.9997V15.9999H15.9997V19.9999Z\"\n fill=\"#00FFFF\"\n id=\"10\"\n {...getAnimation(0.6)}\n />\n <motion.path\n d=\"M42.3 6.06C41.3333 5.44667 40.1666 5.14667 38.8 5.14667C37.72 5.14667 36.7933 5.34667 36.0133 5.75333C35.2333 6.16 34.6333 6.74 34.2066 7.50667H34.1133V0H30.5666V16.1667H28.8066V20H32.4466V17.4267H33.4466C33.94 18.2533 34.6066 18.8867 35.4466 19.3333C36.2866 19.78 37.3066 20 38.4933 20C39.9666 20 41.2133 19.6933 42.22 19.0867C43.2266 18.4733 43.9933 17.6133 44.52 16.4933C45.0466 15.3733 45.3066 14.0667 45.3066 12.5733C45.3066 11.08 45.0466 9.75333 44.5333 8.64667C44.02 7.53333 43.2733 6.67333 42.3066 6.06667L42.3 6.06ZM40.7666 15.7733C40.1066 16.54 39.1333 16.9267 37.8466 16.9267C36.72 16.9267 35.8133 16.6067 35.1333 15.96C34.4533 15.32 34.1066 14.44 34.1066 13.3267V11.8C34.1066 10.6867 34.4466 9.81333 35.1333 9.16667C35.8133 8.52667 36.72 8.2 37.8466 8.2C39.1333 8.2 40.1066 8.58667 40.7666 9.35333C41.4266 10.1267 41.7533 11.1933 41.7533 12.5533C41.7533 13.9133 41.4266 14.9867 40.7666 15.7533V15.7733ZM47.5 0H51.0466V20H47.5V0ZM67.5933 5.45333H64.0466V13.4067C64.0466 14.5 63.7266 15.3533 63.0933 15.9533C62.46 16.5533 61.5466 16.86 60.3533 16.86C59.2266 16.86 58.38 16.58 57.8066 16.0133C57.2333 15.4467 56.9466 14.6133 56.9466 13.5V5.45333H53.4V14.2133C53.4 15.9933 53.9266 17.4 54.98 18.44C56.0333 19.48 57.54 20 59.4933 20C60.76 20 61.8133 19.78 62.6466 19.3467C63.48 18.9133 64.1733 18.28 64.7333 17.4533H65.7333V20H69.3733V16.1933H67.5866V5.45333H67.5933ZM80.94 5.98667C79.8933 5.42667 78.64 5.14 77.18 5.14C75.72 5.14 74.3866 5.44 73.2733 6.03333C72.16 6.62667 71.3066 7.48 70.7 8.58C70.0933 9.68 69.7933 11 69.7933 12.52C69.7933 14.04 70.1 15.3667 70.7066 16.4867C71.32 17.6067 72.1866 18.4733 73.3133 19.08C74.44 19.6933 75.7733 19.9933 77.3133 19.9933C79.14 19.9933 80.6466 19.5667 81.8466 18.72C83.0466 17.8733 83.8133 16.6933 84.1466 15.1867H80.5733C80.3533 15.84 79.9666 16.3267 79.42 16.6533C78.8733 16.98 78.16 17.14 77.2866 17.14C76.1133 17.14 75.1733 16.82 74.4666 16.1733C73.76 15.5333 73.34 14.6067 73.2133 13.4H84.2133V12.16C84.2133 10.7133 83.9266 9.46667 83.3533 8.41333C82.78 7.36 81.9733 6.54667 80.9266 5.98667H80.94ZM73.3 11C73.52 10.0333 73.9666 9.28667 74.6333 8.76C75.3 8.23333 76.1466 7.97333 77.18 7.97333C78.2133 7.97333 79.06 8.23333 79.68 8.74667C80.3 9.26 80.68 10.0133 80.82 11H73.2933H73.3ZM94.96 11.2867L91.7466 10.6667C91.16 10.5533 90.7333 10.3867 90.46 10.1667C90.1933 9.94667 90.0533 9.65333 90.0533 9.28667C90.0533 8.79333 90.2666 8.42 90.6933 8.16667C91.12 7.91333 91.74 7.78667 92.5533 7.78667C93.46 7.78667 94.1533 7.94667 94.64 8.27333C95.1266 8.6 95.4533 9.12 95.6266 9.83333H99.0533C98.9266 8.34 98.3133 7.18667 97.2066 6.36667C96.1 5.54667 94.6133 5.14 92.74 5.14C90.8666 5.14 89.4 5.54 88.3333 6.34C87.2666 7.14 86.74 8.22 86.74 9.56667C86.74 11.66 88.14 12.98 90.9333 13.52L94.0733 14.1133C94.7266 14.24 95.1866 14.42 95.4666 14.66C95.7466 14.9 95.88 15.2333 95.88 15.66C95.88 16.7267 94.9666 17.2533 93.14 17.2533C92.06 17.2533 91.2333 17.0733 90.6666 16.72C90.0933 16.36 89.7533 15.8133 89.64 15.0667H86.1866C86.28 16.62 86.9266 17.8333 88.1133 18.7C89.3066 19.5667 90.9333 20 92.9933 20C95.0533 20 96.5266 19.5933 97.5866 18.7867C98.6533 17.98 99.18 16.8533 99.18 15.4067C99.18 14.28 98.84 13.38 98.1533 12.7133C97.4733 12.0467 96.4 11.5733 94.94 11.2867H94.96ZM109.533 5.45333C108.453 5.45333 107.52 5.65333 106.727 6.06C105.933 6.46667 105.307 7.05333 104.847 7.83333H104.753V0H101.207V20H104.753V12.0467C104.753 10.92 105.053 10.06 105.66 9.47333C106.26 8.88667 107.147 8.59333 108.3 8.59333C109.453 8.59333 110.34 8.88667 110.94 9.47333C111.54 10.06 111.847 10.92 111.847 12.0467V20H115.393V11.38C115.393 9.58667 114.867 8.15333 113.813 7.07333C112.76 5.99333 111.333 5.45333 109.54 5.45333H109.533ZM119.2 0.14C118.647 0.14 118.173 0.333333 117.787 0.726667C117.4 1.11333 117.2 1.58667 117.2 2.14667C117.2 2.70667 117.393 3.17333 117.787 3.56667C118.173 3.95333 118.647 4.14667 119.2 4.14667C119.753 4.14667 120.227 3.95333 120.613 3.56667C121 3.18 121.2 2.70667 121.2 2.14667C121.2 1.58667 121.007 1.12 120.613 0.726667C120.227 0.34 119.753 0.14 119.2 0.14ZM117.44 5.71333H120.987V20H117.44V5.71333ZM126.287 0.713333C125.753 1.18667 125.487 1.92667 125.487 2.92667V5.71333H122.793V8.47333H125.46V20H129.007V8.47333H132.267V5.71333H128.96V2.76H132.553V0H128.507C127.553 0 126.813 0.24 126.28 0.713333H126.287ZM140.267 17.22V8.49333H143.667V5.73333H140.22V1.44667H136.747V5.72667H134.2V8.48667H136.72V17.12C136.72 18.0867 136.98 18.8067 137.493 19.2867C138.007 19.76 138.733 20 139.667 20H143.993V17.22H140.26H140.267Z\"\n fill=\"#EFF1F6\"\n clipPath=\"url(#text-clip)\"\n />\n </motion.svg>\n );\n};\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blueshift-gg/ui-components",
3
- "version": "0.1.46",
3
+ "version": "0.1.48",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"