@bln-design-system/button 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +26 -4
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +26 -4
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -4
  6. package/dist/index.css +0 -62
  7. package/dist/index.css.map +0 -1
package/dist/index.cjs CHANGED
@@ -19,10 +19,35 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
19
19
  // src/index.ts
20
20
  var index_exports = {};
21
21
  __export(index_exports, {
22
- default: () => index_default
22
+ default: () => Button_default
23
23
  });
24
24
  module.exports = __toCommonJS(index_exports);
25
25
 
26
+ // #style-inject:#style-inject
27
+ function styleInject(css, { insertAt } = {}) {
28
+ if (!css || typeof document === "undefined") return;
29
+ const head = document.head || document.getElementsByTagName("head")[0];
30
+ const style = document.createElement("style");
31
+ style.type = "text/css";
32
+ if (insertAt === "top") {
33
+ if (head.firstChild) {
34
+ head.insertBefore(style, head.firstChild);
35
+ } else {
36
+ head.appendChild(style);
37
+ }
38
+ } else {
39
+ head.appendChild(style);
40
+ }
41
+ if (style.styleSheet) {
42
+ style.styleSheet.cssText = css;
43
+ } else {
44
+ style.appendChild(document.createTextNode(css));
45
+ }
46
+ }
47
+
48
+ // src/Button.css
49
+ styleInject('@import "tailwindcss";\n@layer components {\n * {\n --btn-primary: var(--primary, var(--default-primary)) ;\n }\n .bln-button {\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\n }\n .bln-button--primary {\n @apply bg-(--btn-primary) text-white font-medium;\n }\n .bln-button--outlined {\n @apply border border-(--btn-primary) text-(--btn-primary);\n }\n .bln-button--glass {\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\n }\n .bln-button--glass::before {\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\n transform: translateX(-60%);\n transition: transform 700ms;\n }\n .bln-button--glass:hover::before {\n transform: translateX(60%);\n }\n}\n');
50
+
26
51
  // src/Button.constants.ts
27
52
  var import_class_variance_authority = require("class-variance-authority");
28
53
  var buttonVariants = (0, import_class_variance_authority.cva)("bln-button", {
@@ -49,7 +74,4 @@ var Button = ({
49
74
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: buttonVariants({ variant, className }), ...props, children });
50
75
  };
51
76
  var Button_default = Button;
52
-
53
- // src/index.ts
54
- var index_default = Button_default;
55
77
  //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/Button.constants.ts","../src/Button.tsx"],"sourcesContent":["import \"./index.css\";\n\nimport Button from './Button'\n\nexport * from \"./Button\"\nexport type * from \"./Button.types\"\n\nexport default Button;","import { cva } from \"class-variance-authority\"\n\nexport const BUTTON_VARIANTS = ['primary', 'outlined', 'glass'] as const\n\nexport const buttonVariants = cva(\"bln-button\", {\n variants: {\n variant: {\n primary: \"bln-button--primary\",\n outlined: \"bln-button--outlined\",\n glass: \"bln-button--glass\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n});","'use client';\n// for support serverside\n\nimport { buttonVariants } from \"./Button.constants\"\nimport type { IButtonProps } from \"./Button.types\"\n\nconst Button: React.FC<IButtonProps> = ({ \n children, \n className, \n variant = 'primary',\n ...props\n}) => {\n \n return (\n <button className={buttonVariants({ variant, className })} {...props}>\n { children }\n </button>\n )\n}\n\nexport default Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sCAAoB;AAIb,IAAM,qBAAiB,qCAAI,cAAc;AAAA,EAC9C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;;;ACDG;AARJ,IAAM,SAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AAEJ,SACE,4CAAC,YAAO,WAAW,eAAe,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAC3D,UACJ;AAEJ;AAEA,IAAO,iBAAQ;;;AFbf,IAAO,gBAAQ;","names":[]}
1
+ {"version":3,"sources":["../src/index.ts","#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx"],"sourcesContent":["export * from \"./Button\"\nexport type * from \"./Button.types\"\n\n// for playground\nexport { default } from \"./Button\";","\n export default function styleInject(css, { insertAt } = {}) {\n if (!css || typeof document === 'undefined') return\n \n const head = document.head || document.getElementsByTagName('head')[0]\n const style = document.createElement('style')\n style.type = 'text/css'\n \n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n \n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n }\n ","import styleInject from '#style-inject';styleInject(\"@import \\\"tailwindcss\\\";\\n@layer components {\\n * {\\n --btn-primary: var(--primary, var(--default-primary)) ;\\n }\\n .bln-button {\\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\\n }\\n .bln-button--primary {\\n @apply bg-(--btn-primary) text-white font-medium;\\n }\\n .bln-button--outlined {\\n @apply border border-(--btn-primary) text-(--btn-primary);\\n }\\n .bln-button--glass {\\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\\n }\\n .bln-button--glass::before {\\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\\n transform: translateX(-60%);\\n transition: transform 700ms;\\n }\\n .bln-button--glass:hover::before {\\n transform: translateX(60%);\\n }\\n}\\n\")","import { cva } from \"class-variance-authority\"\n\nexport const BUTTON_VARIANTS = ['primary', 'outlined', 'glass'] as const\n\nexport const buttonVariants = cva(\"bln-button\", {\n variants: {\n variant: {\n primary: \"bln-button--primary\",\n outlined: \"bln-button--outlined\",\n glass: \"bln-button--glass\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n});","'use client';\n// for support serverside\nimport \"./Button.css\"\n\nimport { buttonVariants } from \"./Button.constants\"\nimport type { IButtonProps } from \"./Button.types\"\n\nconst Button: React.FC<IButtonProps> = ({ \n children, \n className, \n variant = 'primary',\n ...props\n}) => {\n \n return (\n <button className={buttonVariants({ variant, className })} {...props}>\n { children }\n </button>\n )\n}\n\nexport default Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCyB,SAAR,YAA6B,KAAK,EAAE,SAAS,IAAI,CAAC,GAAG;AAC1D,MAAI,CAAC,OAAO,OAAO,aAAa,YAAa;AAE7C,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,aAAa,OAAO;AACtB,QAAI,KAAK,YAAY;AACnB,WAAK,aAAa,OAAO,KAAK,UAAU;AAAA,IAC1C,OAAO;AACL,WAAK,YAAY,KAAK;AAAA,IACxB;AAAA,EACF,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;;;ACvB8B,YAAY,46BAA86B;;;ACAl+B,sCAAoB;AAIb,IAAM,qBAAiB,qCAAI,cAAc;AAAA,EAC9C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;;;ACAG;AARJ,IAAM,SAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AAEJ,SACE,4CAAC,YAAO,WAAW,eAAe,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAC3D,UACJ;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
package/dist/index.js CHANGED
@@ -1,3 +1,28 @@
1
+ // #style-inject:#style-inject
2
+ function styleInject(css, { insertAt } = {}) {
3
+ if (!css || typeof document === "undefined") return;
4
+ const head = document.head || document.getElementsByTagName("head")[0];
5
+ const style = document.createElement("style");
6
+ style.type = "text/css";
7
+ if (insertAt === "top") {
8
+ if (head.firstChild) {
9
+ head.insertBefore(style, head.firstChild);
10
+ } else {
11
+ head.appendChild(style);
12
+ }
13
+ } else {
14
+ head.appendChild(style);
15
+ }
16
+ if (style.styleSheet) {
17
+ style.styleSheet.cssText = css;
18
+ } else {
19
+ style.appendChild(document.createTextNode(css));
20
+ }
21
+ }
22
+
23
+ // src/Button.css
24
+ styleInject('@import "tailwindcss";\n@layer components {\n * {\n --btn-primary: var(--primary, var(--default-primary)) ;\n }\n .bln-button {\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\n }\n .bln-button--primary {\n @apply bg-(--btn-primary) text-white font-medium;\n }\n .bln-button--outlined {\n @apply border border-(--btn-primary) text-(--btn-primary);\n }\n .bln-button--glass {\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\n }\n .bln-button--glass::before {\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\n transform: translateX(-60%);\n transition: transform 700ms;\n }\n .bln-button--glass:hover::before {\n transform: translateX(60%);\n }\n}\n');
25
+
1
26
  // src/Button.constants.ts
2
27
  import { cva } from "class-variance-authority";
3
28
  var buttonVariants = cva("bln-button", {
@@ -24,10 +49,7 @@ var Button = ({
24
49
  return /* @__PURE__ */ jsx("button", { className: buttonVariants({ variant, className }), ...props, children });
25
50
  };
26
51
  var Button_default = Button;
27
-
28
- // src/index.ts
29
- var index_default = Button_default;
30
52
  export {
31
- index_default as default
53
+ Button_default as default
32
54
  };
33
55
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Button.constants.ts","../src/Button.tsx","../src/index.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const BUTTON_VARIANTS = ['primary', 'outlined', 'glass'] as const\n\nexport const buttonVariants = cva(\"bln-button\", {\n variants: {\n variant: {\n primary: \"bln-button--primary\",\n outlined: \"bln-button--outlined\",\n glass: \"bln-button--glass\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n});","'use client';\n// for support serverside\n\nimport { buttonVariants } from \"./Button.constants\"\nimport type { IButtonProps } from \"./Button.types\"\n\nconst Button: React.FC<IButtonProps> = ({ \n children, \n className, \n variant = 'primary',\n ...props\n}) => {\n \n return (\n <button className={buttonVariants({ variant, className })} {...props}>\n { children }\n </button>\n )\n}\n\nexport default Button","import \"./index.css\";\n\nimport Button from './Button'\n\nexport * from \"./Button\"\nexport type * from \"./Button.types\"\n\nexport default Button;"],"mappings":";AAAA,SAAS,WAAW;AAIb,IAAM,iBAAiB,IAAI,cAAc;AAAA,EAC9C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;;;ACDG;AARJ,IAAM,SAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AAEJ,SACE,oBAAC,YAAO,WAAW,eAAe,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAC3D,UACJ;AAEJ;AAEA,IAAO,iBAAQ;;;ACbf,IAAO,gBAAQ;","names":[]}
1
+ {"version":3,"sources":["#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx"],"sourcesContent":["\n export default function styleInject(css, { insertAt } = {}) {\n if (!css || typeof document === 'undefined') return\n \n const head = document.head || document.getElementsByTagName('head')[0]\n const style = document.createElement('style')\n style.type = 'text/css'\n \n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n \n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n }\n ","import styleInject from '#style-inject';styleInject(\"@import \\\"tailwindcss\\\";\\n@layer components {\\n * {\\n --btn-primary: var(--primary, var(--default-primary)) ;\\n }\\n .bln-button {\\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\\n }\\n .bln-button--primary {\\n @apply bg-(--btn-primary) text-white font-medium;\\n }\\n .bln-button--outlined {\\n @apply border border-(--btn-primary) text-(--btn-primary);\\n }\\n .bln-button--glass {\\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\\n }\\n .bln-button--glass::before {\\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\\n transform: translateX(-60%);\\n transition: transform 700ms;\\n }\\n .bln-button--glass:hover::before {\\n transform: translateX(60%);\\n }\\n}\\n\")","import { cva } from \"class-variance-authority\"\n\nexport const BUTTON_VARIANTS = ['primary', 'outlined', 'glass'] as const\n\nexport const buttonVariants = cva(\"bln-button\", {\n variants: {\n variant: {\n primary: \"bln-button--primary\",\n outlined: \"bln-button--outlined\",\n glass: \"bln-button--glass\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n});","'use client';\n// for support serverside\nimport \"./Button.css\"\n\nimport { buttonVariants } from \"./Button.constants\"\nimport type { IButtonProps } from \"./Button.types\"\n\nconst Button: React.FC<IButtonProps> = ({ \n children, \n className, \n variant = 'primary',\n ...props\n}) => {\n \n return (\n <button className={buttonVariants({ variant, className })} {...props}>\n { children }\n </button>\n )\n}\n\nexport default Button"],"mappings":";AACyB,SAAR,YAA6B,KAAK,EAAE,SAAS,IAAI,CAAC,GAAG;AAC1D,MAAI,CAAC,OAAO,OAAO,aAAa,YAAa;AAE7C,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,aAAa,OAAO;AACtB,QAAI,KAAK,YAAY;AACnB,WAAK,aAAa,OAAO,KAAK,UAAU;AAAA,IAC1C,OAAO;AACL,WAAK,YAAY,KAAK;AAAA,IACxB;AAAA,EACF,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;;;ACvB8B,YAAY,46BAA86B;;;ACAl+B,SAAS,WAAW;AAIb,IAAM,iBAAiB,IAAI,cAAc;AAAA,EAC9C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;;;ACAG;AARJ,IAAM,SAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AAEJ,SACE,oBAAC,YAAO,WAAW,eAAe,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAC3D,UACJ;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bln-design-system/button",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",
@@ -11,9 +11,6 @@
11
11
  "sideEffects": [
12
12
  "*.css"
13
13
  ],
14
- "exports": {
15
- "./index.css": "./dist/index.css"
16
- },
17
14
  "peerDependencies": {
18
15
  "react": ">=18",
19
16
  "react-dom": ">=18"
package/dist/index.css DELETED
@@ -1,62 +0,0 @@
1
- /* src/index.css */
2
- @layer components {
3
- * {
4
- --default-primary: #2e2e2e;
5
- }
6
- }
7
- .bln-button {
8
- padding: 0.5rem 1rem;
9
- border-radius: 9999px;
10
- cursor: pointer;
11
- transition: all 150ms ease;
12
- }
13
- .bln-button:hover {
14
- filter: brightness(0.95);
15
- transform: translateY(-0.125rem);
16
- box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
17
- }
18
- .bln-button:active {
19
- transform: scale(0.9);
20
- }
21
- .bln-button--primary {
22
- background-color: var(--primary, var(--default-primary));
23
- color: #ffffff;
24
- font-weight: 500;
25
- }
26
- .bln-button--outlined {
27
- border: 1px solid var(--primary, var(--default-primary));
28
- color: var(--primary, var(--default-primary));
29
- background-color: transparent;
30
- }
31
- .bln-button--glass {
32
- position: relative;
33
- font-weight: 700;
34
- color: #ffffff;
35
- background-color: rgba(255, 255, 255, 0.1);
36
- backdrop-filter: blur(4px);
37
- -webkit-backdrop-filter: blur(4px);
38
- border: 1px solid rgba(255, 255, 255, 0.4);
39
- overflow: hidden;
40
- }
41
- .bln-button--glass:hover {
42
- background-color: rgba(255, 255, 255, 0.2);
43
- }
44
- .bln-button--glass::before {
45
- content: "";
46
- position: absolute;
47
- inset: 0;
48
- background:
49
- linear-gradient(
50
- to bottom right,
51
- rgba(255, 255, 255, 0.1),
52
- rgba(255, 255, 255, 0.05),
53
- transparent);
54
- border-radius: 9999px;
55
- pointer-events: none;
56
- transform: translateX(-60%);
57
- transition: transform 700ms ease;
58
- }
59
- .bln-button--glass:hover::before {
60
- transform: translateX(60%);
61
- }
62
- /*# sourceMappingURL=index.css.map */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.css"],"sourcesContent":["\n@layer components {\n * {\n --default-primary: #2e2e2e;\n }\n}\n\n/* ===== Base Button ===== */\n.bln-button {\n padding: 0.5rem 1rem; /* px-4 py-2 */\n border-radius: 9999px; /* rounded-full */\n cursor: pointer;\n transition: all 150ms ease; /* transition-all duration-150 */\n}\n\n.bln-button:hover {\n filter: brightness(0.95); /* hover:brightness-95 */\n transform: translateY(-0.125rem); /* hover:-translate-y-0.5 */\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 0.1),\n 0 2px 4px -2px rgb(0 0 0 / 0.1); /* hover:shadow-md */\n}\n\n.bln-button:active {\n transform: scale(0.9); /* active:scale-90 */\n}\n\n/* ===== Variants ===== */\n\n/* Primary */\n.bln-button--primary {\n background-color: var(--primary, var(--default-primary));\n color: #ffffff;\n font-weight: 500; /* font-medium */\n}\n\n/* Outlined */\n.bln-button--outlined {\n border: 1px solid var(--primary, var(--default-primary));\n color: var(--primary, var(--default-primary));\n background-color: transparent;\n}\n\n/* Glass */\n.bln-button--glass {\n position: relative;\n font-weight: 700; /* font-bold */\n color: #ffffff;\n background-color: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(4px); /* backdrop-blur-sm */\n -webkit-backdrop-filter: blur(4px);\n border: 1px solid rgba(255, 255, 255, 0.4);\n overflow: hidden;\n}\n\n.bln-button--glass:hover {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n/* Glass shine effect */\n.bln-button--glass::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to bottom right,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05),\n transparent\n );\n border-radius: 9999px;\n pointer-events: none;\n transform: translateX(-60%);\n transition: transform 700ms ease;\n}\n\n.bln-button--glass:hover::before {\n transform: translateX(60%);\n}\n"],"mappings":";AACA;AACE;AACE,uBAAmB;AACrB;AACF;AAGA,CAAC;AACC,WAAS,OAAO;AAChB,iBAAe;AACf,UAAQ;AACR,cAAY,IAAI,MAAM;AACxB;AAEA,CAPC,UAOU;AACT,UAAQ,WAAW;AACnB,aAAW,WAAW;AACtB,cACE,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAC/B,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AAC/B;AAEA,CAfC,UAeU;AACT,aAAW,MAAM;AACnB;AAKA,CAAC;AACC,oBAAkB,IAAI,SAAS,EAAE,IAAI;AACrC,SAAO;AACP,eAAa;AACf;AAGA,CAAC;AACC,UAAQ,IAAI,MAAM,IAAI,SAAS,EAAE,IAAI;AACrC,SAAO,IAAI,SAAS,EAAE,IAAI;AAC1B,oBAAkB;AACpB;AAGA,CAAC;AACC,YAAU;AACV,eAAa;AACb,SAAO;AACP,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,mBAAiB,KAAK;AACtB,2BAAyB,KAAK;AAC9B,UAAQ,IAAI,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,YAAU;AACZ;AAEA,CAXC,iBAWiB;AAChB,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC;AAGA,CAhBC,iBAgBiB;AAChB,WAAS;AACT,YAAU;AACV,SAAO;AACP;AAAA,IAAY;AAAA,MACV,GAAG,OAAO,KAAK;AAAA,MACf,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI;AAAA,MACxB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK;AAAA,MACzB;AAEF,iBAAe;AACf,kBAAgB;AAChB,aAAW,WAAW;AACtB,cAAY,UAAU,MAAM;AAC9B;AAEA,CAhCC,iBAgCiB,MAAM;AACtB,aAAW,WAAW;AACxB;","names":[]}