@bln-design-system/button 0.0.6 → 0.0.8

package/README.md

@@ -0,0 +1,7 @@
+### Installation
+
+```bash
+npm install @bln-design-system/button
+```
+
+Buttons are used to trigger actions.

package/dist/index.cjs

@@ -23,6 +23,31 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/Button.css
+styleInject('@layer components {\n  * {\n    --default-primary: #2e2e2e;\n  }\n}\n.bln-button {\n  padding: 0.5rem 1rem;\n  border-radius: 9999px;\n  cursor: pointer;\n  transition: all 150ms ease;\n}\n.bln-button:hover {\n  filter: brightness(0.95);\n  transform: translateY(-0.125rem);\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n}\n.bln-button:active {\n  transform: scale(0.9);\n}\n.bln-button--primary {\n  background-color: var(--primary, var(--default-primary));\n  color: #ffffff;\n  font-weight: 500;\n}\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.bln-button--glass {\n  position: relative;\n  font-weight: 700;\n  color: #ffffff;\n  background-color: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  overflow: hidden;\n}\n.bln-button--glass:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.bln-button--glass::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      to bottom right,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05),\n      transparent);\n  border-radius: 9999px;\n  pointer-events: none;\n  transform: translateX(-60%);\n  transition: transform 700ms ease;\n}\n.bln-button--glass:hover::before {\n  transform: translateX(60%);\n}\n');
+
 // src/Button.constants.ts
 var import_class_variance_authority = require("class-variance-authority");
 var buttonVariants = (0, import_class_variance_authority.cva)("bln-button", {

package/dist/index.cjs.map

@@ -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":[]}
+{"version":3,"sources":["../src/index.ts","#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx"],"sourcesContent":["import Button from './Button'\n\nexport * from \"./Button\"\nexport type * from \"./Button.types\"\n\nexport default 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(\"@layer components {\\n  * {\\n    --default-primary: #2e2e2e;\\n  }\\n}\\n.bln-button {\\n  padding: 0.5rem 1rem;\\n  border-radius: 9999px;\\n  cursor: pointer;\\n  transition: all 150ms ease;\\n}\\n.bln-button:hover {\\n  filter: brightness(0.95);\\n  transform: translateY(-0.125rem);\\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\\n}\\n.bln-button:active {\\n  transform: scale(0.9);\\n}\\n.bln-button--primary {\\n  background-color: var(--primary, var(--default-primary));\\n  color: #ffffff;\\n  font-weight: 500;\\n}\\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.bln-button--glass {\\n  position: relative;\\n  font-weight: 700;\\n  color: #ffffff;\\n  background-color: rgba(255, 255, 255, 0.1);\\n  backdrop-filter: blur(4px);\\n  -webkit-backdrop-filter: blur(4px);\\n  border: 1px solid rgba(255, 255, 255, 0.4);\\n  overflow: hidden;\\n}\\n.bln-button--glass:hover {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n.bln-button--glass::before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  inset: 0;\\n  background:\\n    linear-gradient(\\n      to bottom right,\\n      rgba(255, 255, 255, 0.1),\\n      rgba(255, 255, 255, 0.05),\\n      transparent);\\n  border-radius: 9999px;\\n  pointer-events: none;\\n  transform: translateX(-60%);\\n  transition: transform 700ms ease;\\n}\\n.bln-button--glass:hover::before {\\n  transform: translateX(60%);\\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,i9CAAm9C;;;ACAvgD,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;;;AJhBf,IAAO,gBAAQ;","names":[]}

package/dist/index.js

@@ -1,3 +1,28 @@
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/Button.css
+styleInject('@layer components {\n  * {\n    --default-primary: #2e2e2e;\n  }\n}\n.bln-button {\n  padding: 0.5rem 1rem;\n  border-radius: 9999px;\n  cursor: pointer;\n  transition: all 150ms ease;\n}\n.bln-button:hover {\n  filter: brightness(0.95);\n  transform: translateY(-0.125rem);\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n}\n.bln-button:active {\n  transform: scale(0.9);\n}\n.bln-button--primary {\n  background-color: var(--primary, var(--default-primary));\n  color: #ffffff;\n  font-weight: 500;\n}\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.bln-button--glass {\n  position: relative;\n  font-weight: 700;\n  color: #ffffff;\n  background-color: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  overflow: hidden;\n}\n.bln-button--glass:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.bln-button--glass::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      to bottom right,\n      rgba(255, 255, 255, 0.1),\n      rgba(255, 255, 255, 0.05),\n      transparent);\n  border-radius: 9999px;\n  pointer-events: none;\n  transform: translateX(-60%);\n  transition: transform 700ms ease;\n}\n.bln-button--glass:hover::before {\n  transform: translateX(60%);\n}\n');
+
 // src/Button.constants.ts
 import { cva } from "class-variance-authority";
 var buttonVariants = cva("bln-button", {

package/dist/index.js.map

@@ -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":[]}
+{"version":3,"sources":["#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx","../src/index.ts"],"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(\"@layer components {\\n  * {\\n    --default-primary: #2e2e2e;\\n  }\\n}\\n.bln-button {\\n  padding: 0.5rem 1rem;\\n  border-radius: 9999px;\\n  cursor: pointer;\\n  transition: all 150ms ease;\\n}\\n.bln-button:hover {\\n  filter: brightness(0.95);\\n  transform: translateY(-0.125rem);\\n  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\\n}\\n.bln-button:active {\\n  transform: scale(0.9);\\n}\\n.bln-button--primary {\\n  background-color: var(--primary, var(--default-primary));\\n  color: #ffffff;\\n  font-weight: 500;\\n}\\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.bln-button--glass {\\n  position: relative;\\n  font-weight: 700;\\n  color: #ffffff;\\n  background-color: rgba(255, 255, 255, 0.1);\\n  backdrop-filter: blur(4px);\\n  -webkit-backdrop-filter: blur(4px);\\n  border: 1px solid rgba(255, 255, 255, 0.4);\\n  overflow: hidden;\\n}\\n.bln-button--glass:hover {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n.bln-button--glass::before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  inset: 0;\\n  background:\\n    linear-gradient(\\n      to bottom right,\\n      rgba(255, 255, 255, 0.1),\\n      rgba(255, 255, 255, 0.05),\\n      transparent);\\n  border-radius: 9999px;\\n  pointer-events: none;\\n  transform: translateX(-60%);\\n  transition: transform 700ms ease;\\n}\\n.bln-button--glass:hover::before {\\n  transform: translateX(60%);\\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","import Button from './Button'\n\nexport * from \"./Button\"\nexport type * from \"./Button.types\"\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,i9CAAm9C;;;ACAvgD,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;;;AChBf,IAAO,gBAAQ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bln-design-system/button",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -22,6 +22,17 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1"
   },
+  "description": "Balerion, Open Back-Office Component UI Library",
+  "keywords": [
+    "react",
+    "react-component",
+    "balerion-tech"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Baleriontech/bln-design-system.git",
+    "directory": "/packages/button"
+  },
   "scripts": {
     "build": "tsup"
   }

package/dist/index.css

@@ -1,62 +0,0 @@
-/* src/index.css */
-@layer components {
-  * {
-    --default-primary: #2e2e2e;
-  }
-}
-.bln-button {
-  padding: 0.5rem 1rem;
-  border-radius: 9999px;
-  cursor: pointer;
-  transition: all 150ms ease;
-}
-.bln-button:hover {
-  filter: brightness(0.95);
-  transform: translateY(-0.125rem);
-  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-}
-.bln-button:active {
-  transform: scale(0.9);
-}
-.bln-button--primary {
-  background-color: var(--primary, var(--default-primary));
-  color: #ffffff;
-  font-weight: 500;
-}
-.bln-button--outlined {
-  border: 1px solid var(--primary, var(--default-primary));
-  color: var(--primary, var(--default-primary));
-  background-color: transparent;
-}
-.bln-button--glass {
-  position: relative;
-  font-weight: 700;
-  color: #ffffff;
-  background-color: rgba(255, 255, 255, 0.1);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  border: 1px solid rgba(255, 255, 255, 0.4);
-  overflow: hidden;
-}
-.bln-button--glass:hover {
-  background-color: rgba(255, 255, 255, 0.2);
-}
-.bln-button--glass::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background:
-    linear-gradient(
-      to bottom right,
-      rgba(255, 255, 255, 0.1),
-      rgba(255, 255, 255, 0.05),
-      transparent);
-  border-radius: 9999px;
-  pointer-events: none;
-  transform: translateX(-60%);
-  transition: transform 700ms ease;
-}
-.bln-button--glass:hover::before {
-  transform: translateX(60%);
-}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"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":[]}